@charset "UTF-8";

body {
	font-size: 62.5%;
	line-height: 1.6;
	letter-spacing: 1px;
	color: #676767;
	font-family: "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
	background: #fff;
	word-break:break-all;
	overflow-wrap:break-word;
	-webkit-text-size-adjust: 100%;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	
}

.pc { display: none; }
.tb { display: none; }
.pctb { display: none; }

a,input:focus {
	outline: none;
}

input[type="text"],input[type="submit"],input[type="search"],select,textarea {
	-webkit-appearance: none;
	border-radius: 0;
}

a:link,
a:visited {
	text-decoration: none;
	color: #00a0e9;
}

a:active   {text-decoration: underline;}


/*======================================================

  共通
 
======================================================*/

/* header */
.headerBox {
	width: 100%;
	display: table;
	height: 50px;
	margin: 0 auto;
	position: fixed;
	top: 0;
	z-index: 10;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all  0.4s ease;
	z-index: 100;
}

.is-animation .headerBox {
	background: #00a0e9;
	border-bottom: solid 1px #4dbdf0;
}

.headerLogoBox {
	width: 50%;
	display: table-cell;
	vertical-align: middle;
}

.headerLogo {
	max-width: 100px;
	padding: 0 0 0 10px;
}

.headerLogo img {
	width: 100%;
	height: auto;
}

.headerNavBox {
	width: 50%;
	display: table-cell;
	vertical-align: middle;
}

/* globalNav */
#globalNav {
	display: none;
}

/* modalNav */
#toggle{
	display: block;
	width: 30px;
	height: 20px;
	position: relative;
	top: 15px;
	right: 10px;
	z-index: 200;
	cursor: pointer;
}

#toggle div {
	position: relative;
}

#toggle span{
	display: block;
	height: 2px;
	background: #fff;
	position:absolute;
	width: 100%;
	left: 0;
	-webkit-transition: 0.5s ease-in-out;
	-moz-transition: 0.5s ease-in-out;
	transition: 0.5s ease-in-out;	
}

#toggle span:nth-child(1){
	top: 0;
}

#toggle span:nth-child(2){
	top: 8px;
}

#toggle span:nth-child(3){
	top: 16px;
}

.open #toggle span{
	background: #097fb5;
}

.open #toggle span:nth-child(1) {
	top: 10px;
   -webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	transform: rotate(135deg);
}

.open #toggle span:nth-child(2) {
	width: 0;
	left: 50%;
}

.open #toggle span:nth-child(3) {
	top: 10px;
	-webkit-transform: rotate(-135deg);
	-moz-transform: rotate(-135deg);
	transform: rotate(-135deg);
}

.modalNavBox nav{
	display:none;
	position: absolute;
	top:0;
	width: 100%;
	height: 100vh;
	background:rgba(255,255,255,0.75);
	left: 0;
}

#modalNav {
	width: 90%;
	position: absolute;
	top: 60px;
	right: 0;
	bottom: 0;
	left: 0;
	margin: 0 auto;
	font-weight: bold;
	font-size: 1.4em;
}

#modalNav li {
	margin: 0 0 15px;
	text-align: center;

}

#modalNav a {
	display: block; 
	color: #097fb5!important;
	padding: 10px;
	-webkit-border-radius: 30px;
	border-radius: 30px;
	background: #ebebeb;
}

#modalNav a:active {
	text-decoration: none;
	border: solid 2px #097fb5;
	margin: -2px;
	background: none;
}














/* footer */
footer {
	background: #00a0e9;
	position: relative;
	padding: 0 0 30px;
}

.pageTopBtnBox {
	border-bottom: solid 1px #4dbdf0;
	margin: 0 0 20px;
}

.pageTopBtn {
	float: right;
	width: 180px;
	text-align: center;
	background: #097fb5;
	font-weight: bold;
	font-size: 1.2em;
	position: relative;
	display: inline-block;
	vertical-align: middle;
}

.pageTopBtnBox a {
	display: block;
	padding: 10px;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all  0.2s ease;
}

.pageTopBtnBox a:link,
.pageTopBtnBox a:visited {
	color: #fff;
}

.pageTopBtnBox a:active {
	text-decoration: none;
	background: #4cbcf0;
}

.pageTopBtnBox a:after {
	position: absolute;
	top: 5px;
	bottom: 0;
	right: 35px;
	margin: auto 0;
	content: "";
	vertical-align: middle;
	width: 6px;
	height: 6px;
	border-left: 2px solid #fff;
	border-top: 2px solid #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.footerInfoBox {
	display: table;
	margin: 0 0 20px;
	padding: 0 10px;
}

.footerShinkeizairenmei {
	position: absolute;
	top: 135px;
	right: 20px;
}

.footerShinkeizairenmei img {
	width: 80px;
	height: auto;
}


.footerInfo {
	color: #fff;
	font-size: 1.2em;
}

.footerInfo span {
	font-weight: bold;
	font-size: 1.2em;
}

.footerInfo a:link,
.footerInfo a:visited {
	color: #fff;
}

#footerSnsNav li {
	float: left;
}

#footerSnsNav li a {
	padding: 5px;
	display: inline-block;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all  0.2s ease;
}

#footerSnsNav li a:hover {
	opacity:0.60;
	filter: alpha(opacity=60);
	-ms-filter: "alpha(opacity=60)";
	-moz-opacity:0.60;
	-khtml-opacity: 0.60;
}

#footerSnsNav li img {
	width: 20px;
	height: 20px;
}

.footerInfoRightBox {
	display: none;
}

.footerLogoBox {
	padding: 0 10px;
}

.footerLogo {
	display: table-cell;
	vertical-align: middle;
	width: 80px;
}

.footerLogo img {
	width: 100%;
	height: auto;
}

.copyRight {
	display: table-cell;
	vertical-align: middle;
	font-size: 1em;
	color: #fff;
	padding: 0 0 0 10px;
}

.footerLogoBox .policyBtn {
	display: none;
}

.policyBtn a {
	display: inline-block;
	background-image: url(../images/common/icon_policy.png);
	background-position: left center;
	background-repeat: no-repeat;
	background-size: 16px 16px;
	padding: 0 0 0 20px;
}


/* title */
.contentTtl {
	font-family: 'Roboto', sans-serif;
	font-weight: 500;
	font-size: 3em;
	font-style: italic;
	text-align: center;
	margin: 0 0 10px;
	line-height: 1;
}

.contentSubTtl {
	font-weight: bold;
	font-size: 1.3em;
	text-align: center;
	margin: 0 0 30px;
	line-height: 1;
}

/* button */
.moreBtn {
	font-family: 'Roboto', sans-serif;
	font-weight: 500;
	font-size: 1.2em;
	line-height: 1.8;
	position: relative;
	display: inline-block;
	vertical-align: middle;
	-webkit-border-radius: 30px;
	border-radius: 30px;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all  0.2s ease;
}

.moreBtn:active {
	background: #097fb5;
}

.moreBtn a {
	padding: 10px 40px;
	display: block;
}

.moreBtn a:link,
.moreBtn a:visited {
	color: #fff;
}

.moreBtn a:active {
	text-decoration: none;
}

.moreBtn a:before {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 15px;
	margin: auto 0;
	content: "";
	vertical-align: middle;
	width: 15px;
	height: 2px;
	background: #fff;
}

.moreBtn a:after {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 15px;
	margin: auto 0;
	content: "";
	vertical-align: middle;
	width: 8px;
	height: 8px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.newsMoreBtnBox {
	text-align: center;
	margin-bottom: 20px;
}

.newsMoreBtn {
	font-family: 'Roboto', sans-serif;
	font-weight: 500;
	font-size: 1.4em;
	line-height: 1.8;
	border: solid 2px #4cbcf0;
	display: inline-block;
	vertical-align: middle;
	-webkit-border-radius: 30px;
	border-radius: 30px;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all  0.2s ease;
}

.newsBackBtn {
	margin-top: 50px;
}

.newsMoreBtn:active {
	background: #4cbcf0;
}

.newsMoreBtn a {
	padding: 10px 20px;
	display: block;
}

.newsMoreBtn a:link,
.newsMoreBtn a:visited {
	color: #4cbcf0;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all  0.2s ease;
}

.newsMoreBtn a:active {
	text-decoration: none;
	color: #fff;
}

.contactPolicyLink {
	text-align: center;
	font-size: 1.4em;
	margin:  0 0 20px;
}

.submitBtn input {
	margin: 0 auto;
	font-family: 'Roboto', sans-serif;
	font-weight: 500;
	font-size: 1.2em;
	line-height: 1.8;
	border: none;
	position: relative;
	vertical-align: middle;
	color: #fff;
	background: #23ac38;
	cursor: pointer;
	-webkit-border-radius: 50px;
	border-radius: 50px;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all  0.2s ease;
	text-align: center;
}

.submitBtn input:active {
	background: #097fb5;
}

.submitBtn input {
	padding: 10px 40px;
	display: block;
}

.blogMoreBtn {
	font-family: 'Roboto', sans-serif;
	font-weight: 500;
	font-size: 1.2em;
	line-height: 1.8;
	position: relative;
	display: inline-block;
	vertical-align: middle;
	background: #23ac38;
	-webkit-border-radius: 30px;
	border-radius: 30px;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all  0.2s ease;
}

.blogMoreBtn:active {
	background: #097fb5;
}

.blogMoreBtn a {
	padding: 10px 40px;
	display: block;
}

.blogMoreBtn a:link,
.blogMoreBtn a:visited {
	color: #fff;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all  0.2s ease;
}

.blogMoreBtn a:active {
	text-decoration: none;
	color: #fff;
}

/* buttonColor */
.lime {
	background: #38ec54;
}

.blue {
	background: #00a0e9;
}

.blueLine {
	background: #fff;
	border: solid 2px #00a0e9;
	padding: 2px;
}

.whiteLine {
	border: solid 2px #ffff;
}

.whiteLine:hover {
	border: solid 2px #097fb5;
	background: #097fb5;
}

.green {
	background: #23ac38;
}

/* common */
.contentTxt {
	font-size: 1.3em;
	margin: 0 0 20px;
}

.centerTxt {
	text-align: center;
	font-size: 1.3em;
	margin: 0 0 40px;
}

.contentTxt span,
.centerTxt span {
	font-weight: bold;
	color: #23ac38;
}

.pcBr {
	display: none;
}

.tabBr {
	display: none;
}

/*======================================================

  TOP

======================================================*/

/* mainVideoArea */
#mainVideoArea {
	height: 300px;
	margin: -50px 0 0;
	padding: 50px 0 0;
	position: relative;
	background-image: url(../images/index/bg_main.jpg);
	background-position: top;
	background-repeat: no-repeat;
	background-size: cover;
}

.mainOverlay {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	background: url(../images/index/overlay.png) top;
	background-color: none;
	z-index: 20;
	margin: 0 0 10px;
}

#mainVideoArea video {
	display: none;
}

.mainCatch {
	width: 100%;
	position: absolute;
	top: 43%;
    bottom: 0;
    margin: auto;
	text-align: center;
	color: #fff;
	font-size: 3.6em;
	margin: 0 0 20px;
	line-height: 0.9;
	font-family: 'Roboto', sans-serif;
	font-weight: 900;
	font-style: italic;
	z-index: 50;
}

.mainTxt{
	width: 100%;
	position: absolute;
	top: 68%;
    bottom: 0;
    margin: auto;
	text-align: center;
	color: #fff;
	font-weight: bold;
	font-size: 1.4em;
	margin: 0 0 30px;
	z-index: 50;
}

.mainTxt01 {
	font-size: 0.8em;
}

.mainTxt02 {
	font-size: 1.2em;
}

.mainBtn {
	display: none;
}

.mainBtn a:active {
	opacity:0.50;
	filter: alpha(opacity=50);
	-ms-filter: "alpha(opacity=50)";
	-moz-opacity:0.50;
	-khtml-opacity: 0.50;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all  0.2s ease;
}

.indexMenuNavBox a:hover .indexMenuTxt:before {
	width: 30px;
}

.indexMenuNavBox a:hover .indexMenuTxt:after {
	left: 20px;
}

/* indexExplanationArea */
#indexExplanationArea {
	margin: -50px 0 0;
	padding: 50px 0 0;
}

.explanationBoxOtl {
	padding: 30px 10px;
	background-color: #00a0e9;
	background-image: url(../images/common/bg_logo.png),url(../images/index/bg_indexexplanation_01.png),url(../images/index/bg_indexexplanation_02.png);
	background-position: 10px 10px,left bottom,right top;
	background-repeat: no-repeat,no-repeat,no-repeat;
	background-size: 110px 110px,125px 160px,250px 100%;
}

.explanationTtl {
	text-align: center;
	font-weight: bold;
	font-size: 2em;
	margin: 0 0 10px;
	color: #fff;
}

.explanationTtl span {
	font-family: 'Roboto', sans-serif;
	font-weight: 500;
	font-style: italic;
}

.explanationTxt {
	text-align: center;
	font-size: 1.3em;
	color: #fff;
	margin: 0 0 20px;
	letter-spacing: 0.5;
}

.explanationTxt span {
	font-weight: bold;
}

.explanationTxt .space {
	letter-spacing: -1px;
	font-weight: normal!important;
}


.explanationMoreBtnBox {
	text-align: center;
}

/* serviceArea */
#serviceArea {
	padding: 40px 10px;
	background-color: #f7f7f7;
	background-image: url(../images/index/bg_service_01.png),url(../images/index/bg_service_02.png);
	background-position: left top,right center;
	background-repeat: no-repeat,no-repeat;
	background-size: 400px 375px,300px 400px;
}

.serviceBox {
	margin: 0 0 40px;
}

.serviceInfoLeftBox {
	
}

.serviceInfoLeftInr {
	background: #fff;
	padding: 30px 10px;
	box-shadow:0px 0px 20px 0px rgba(0,0,0,0.12);
}

.serviceInfoRightInr {
	background: #fff;
	padding: 30px 10px;
	box-shadow:0px 0px 20px 0px rgba(0,0,0,0.12);
}

.serviceIimg img{
	width: 100%;
	height: auto;
}

.serviceTtl {
	font-family: 'Roboto', sans-serif;
	font-weight: 500;
	font-size: 2em;
	color: #00a0e9;
	line-height: 1.2;
	margin: 0 0 20px;
}

.serviceTtl span {
	font-family: "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
	font-weight: bold;
	font-size: 0.5em;
}

/* indexNewsArea */
#indexNewsArea {
	padding: 40px 10px 0;
}

.indexNewsLeftBox {
	margin: 0 0 40px;
}

.newsList dt {
	margin: 0 0 20px;
}

.newsIcon {
	font-size: 1.2em;
	color: #fff;
	line-height: 1;
	background: #00a0e9;
	margin: 0 20px 5px 0;
	padding: 5px 15px;
	display: inline-block;
	text-align: center;
	width: 100px;
}

.bg_information {
	background: #00a0e9;	
}

.bg_press-release {
	background: #23ac38;
}

.bg_media {
	background: #f06292;
}

.newsTime {
	font-size: 1.3em;
	color: #9c9a9a;
}

.newsList dd {
	font-size: 1.3em;
	margin: 0 0 30px;
	padding: 0 0 30px;
	border-bottom: solid 1px #d3d3d3;
}

.newsList dd:last-child {
	border: none;
}

.newsList dd a:link,
.newsList dd a:visited {
	color: #676767;
}

/* careerGuideArea */
#careerGuideArea {
	padding: 10px;
	background-color: #f7f7f7;
	background-image: url(../images/common/bg_careerguide.jpg);
	background-position: top;
	background-repeat: no-repeat;
	background-size: cover;
}

#careerGuideArea .contentTtl {
	color: #fff;
}

#careerGuideArea .contentSubTtl {
	color: #fff;
}

.careerGuideLineTop {
	height: 7px;
	background-image: linear-gradient(-30deg, #00a0e9 30%, #23ac38 30%);
	background-image: -webkit-linear-gradient(-30deg, #00a0e9 30%, #23ac38 30%);
	background-image: -moz-linear-gradient(-30deg, #00a0e9 30%, #23ac38 30%);
	background-image: -ms-linear-gradient(-30deg, #00a0e9 30%, #23ac38 30%);
}

.careerGuideLineBottom {
	height: 7px;
	background-image: linear-gradient(-30deg, #00a0e9 70%, #23ac38 70%);
	background-image: -webkit-linear-gradient(-30deg, #00a0e9 70%, #23ac38 70%);
	background-image: -moz-linear-gradient(-30deg, #00a0e9 70%, #23ac38 70%);
	background-image: -ms-linear-gradient(-30deg, #00a0e9 70%, #23ac38 70%);
}

.careerGuideBox {
	margin: 0 auto;
	padding: 30px 10px;
	background-color: #00a0e9;
	background-image: url(../images/common/bg_logo.png),url(../images/common/bg_careerguide_01.png),url(../images/common/bg_careerguide_02.png);
	background-position: 102% 105%,left bottom,right top;
	background-repeat: no-repeat,no-repeat,no-repeat;
	background-size: 110px 110px,100px 75px,250px 100%;
	opacity:0.90;
	filter: alpha(opacity=90);
	-ms-filter: "alpha(opacity=90)";
	-moz-opacity:0.90;
	-khtml-opacity: 0.90;
}

.careerGuideTxt {
	text-align: center;
	font-weight: bold;
	font-size: 2em;
	margin: 0 0 20px;
	color: #fff;
	line-height: 1.4;
}

.careerGuideTxt span {
	font-size: 1.1em;
}

/* conatctArea */
#conatctArea {
	padding: 40px 10px;
}

.contactTable {
	width: 100%;
	font-size: 1.5em;
	margin: 0 0 20px;
}

.contactTable tr {
	display: block;
	width: 100%;
}

.contactTable th {
	width: 100%;
	display: block;
	padding: 20px 0 5px;
	vertical-align: top;
}

.contactTable th span,
.contactCapTxt span {
	color: #ff3b3b;
}

.contactTable td {
	width: 100%;
	display: block;
	padding: 10px 0;
	border-bottom: solid 4px #f5f5f5;
	vertical-align: top;
	position: relative;
	line-height: 3;
}

.noBorder th,
.noBorder td {
	border-bottom: none;	
}

.contactTable td th {
		border-bottom: none;
		padding-bottom: 0!important;
}

.contactTable table {
	padding: 10px;
	border: 1px solid #ccc;
	width: calc(100% -22px);
	margin: 0 auto;
}

.contactTable td td {
		padding-top: 0!important;
		width: 100%;
		padding-left: 0;
		padding-right: 0;
}

.noBorder td {
	border-bottom: none;	
}

.tzip th {
	padding-top: 0!important;
}

.taddr3 td {
	padding-bottom: 0!important;
}

.inputBox01 {
	width: calc(100% - 12px);
	height: 30px;
	padding: 5px;
	font-size: 1em;
	border: none;
	border: 1px solid #ccc;
	-webkit-border-radius: 10px!important;
	border-radius: 10px!important;
}


.inputBox02 {
	width: calc(100% - 12px);
	height: 200px;
	padding: 5px;
	font-size: 1em;
	border: 1px solid #ccc;
	-webkit-border-radius: 10px!important;
	border-radius: 10px!important;
}

.inputBox03 {
	width: 120px;
	height: 30px;
	padding: 5px;
	font-size: 1em;
	border: 1px solid #ccc;
	-webkit-border-radius: 10px!important;
	border-radius: 10px!important;
}


.fzip input {width: 100px!important};

.seminarFormTitle { margin:40px 0 20px; color: #00a0e9; }

.selectBox {
	border: 1px solid #ccc;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	padding: 5px;
	font-size: 1em;
	width: calc(100% - 12px);
}

.p-postal-code {
	padding: 5px;
	font-size: 1em;
	border: 1px solid #ccc;
	-webkit-border-radius: 10px!important;
	border-radius: 10px!important;
	width: calc(100% - 12px);
	height: 30px;
}

.p-region {
	border: 1px solid #ccc;
	-webkit-border-radius: 10px!important;
	border-radius: 10px!important;
	padding: 5px;
	font-size: 1em;
	width: calc(100% - 12px);
}

.p-locality {
	padding: 5px;
	font-size: 1em;
	border: 1px solid #ccc;
	-webkit-border-radius: 10px!important;
	border-radius: 10px!important;
	height: 30px;
	width: calc(100% - 12px);
}

.p-street-address {
	padding: 5px;
	font-size: 1em;
	border: 1px solid #ccc;
	-webkit-border-radius: 10px!important;
	border-radius: 10px!important;
	height: 30px;
	width: calc(100% - 12px);
}

.contactCapTxt {
	text-align: center;
	font-size: 1.1em;
	margin: 0 0 20px;
}

.submitBtnBox {
	text-align: center;
}

.wpcf7-validation-errors{
	font-size: 1.3em;	
}

.wpcf7-form-control-wrap {
	position: static!important;
}

.wpcf7-not-valid-tip {
	position: absolute;
	background: #ffe6e6;
	padding: 3px 7px;
	font-size: 0.8em!important;
	bottom: -20px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.wpcf7-not-valid-tip::before{
  content: '';
  position: absolute;
  left: 20px;
  top: -15px;
  display: block;
  width: 0;
  height: 0;
  border-right: 5px solid transparent;
  border-bottom: 15px solid #ffe6e6;
  border-left: 5px solid transparent;
}

.sent .formInner {
    display: none;
}

.thanks {
	display: none;	
	text-align: center;
}

.sent .thanks {
	display: block!important;
	border: 1px solid #ccc;
	padding: 30px;
}

.thanksTitle {
	background: #00a0e9;
	padding: 15px;
	font-size: 2em;
	color: #fff;
	margin: 0 0 20px;
}

.thanksMessage {
	font-size: 1.5em;
}

.sent .response {
	display: none;
}

.blogDetailBoxInr .thanks {
	margin: 15px 0px 0px;	
}

.seminarFormTitle {
	margin:40px 0 20px; color: #00a0e9; 
}

.dtailInfo table {	
	margin: 40px 0 20px!important;
}

/*======================================================

  下層共通

======================================================*/

/* header */
#lower .headerBox {
	background: #fff;
}

#lower .is-animation .headerBox {
	background: #fff;
	border-bottom: solid 1px #e6e6e6;
}

/* globalNav */
#globalNav li a:link,
#globalNav li a:visited {
	color: #676767;
	letter-spacing: 1.2;
}

#globalNav li a:hover {
	text-decoration: none;
	border: solid 2px #dbdbdb;
	-webkit-border-radius: 30px;
	border-radius: 30px;
	margin: -2px;
}

/* modalNav */
#lower #toggle span{
	background: #097fb5;
}

/* lowerMainImgArea */
#lowerMainImgArea {
	margin: 50px 0 0;
	height: 200px;
	background-position: top;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
}

.lowerMainCatch {
	width: 100%;
	position: absolute;
	top: 27%;
    bottom: 0;
    margin: auto;
	text-align: center;
	color: #fff;
	font-size: 3em;
	line-height: 0.9;
	font-family: 'Roboto', sans-serif;
	font-weight: 700;
	font-style: italic;
	z-index: 50;
}

.lowerMainTxt{
	width: 100%;
	position: absolute;
	top: 47%;
    bottom: 0;
    margin: auto;
	text-align: center;
	color: #fff;
	font-weight: bold;
	font-size: 1.4em;
	margin: 0 0 80px;
	z-index: 50;
}

.lowerMainTxt span {
	font-size: 1.2em;
}

.lowerMainTxt:before {
	content: "";
	position: absolute;
	left: 50%;
	bottom: -40px;
	display: inline-block;
	width: 40px;
	height: 3px;
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	background-color: #fff;
}

/* lowerSubImgArea */
#lowerSubImgArea {
	margin: 50px 0 0;
	height: 100px;
	background-position: left bottom,right top,top;
	background-repeat: no-repeat,no-repeat,no-repeat;
	background-size: 63px 80px,125px 100%,cover;
	position: relative;
}

.lowerSubCatch {
	width: 100%;
	position: absolute;
	top: 30%;
    bottom: 0;
    margin: auto;
	text-align: center;
	color: #fff;
	font-size: 3em;
	line-height: 0.9;
	font-family: 'Roboto', sans-serif;
	font-weight: 700;
	font-style: italic;
	z-index: 50;
}

.lowerSubCatch:before {
	content: "";
	position: absolute;
	left: 50%;
	bottom: 25px;
	display: inline-block;
	width: 40px;
	height: 3px;
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	background-color: #fff;
}

/* lowerExplanationArea */
#lower .explanationBoxOtl {
	padding: 30px 10px;
	background-color: #00a0e9;
	background-image: url(../images/index/bg_indexexplanation_01.png),url(../images/index/bg_indexexplanation_02.png);
	background-position: left bottom,right top;
	background-repeat: no-repeat,no-repeat;
	background-size: 125px 160px,250px 100%;
}

#lower .explanationTxt {
	margin: 0;
}

/*======================================================

  About

======================================================*/

.aboutImg {
	background-image: url(../images/lower/bg_about.jpg);
}

.aboutMainTxt {
	text-shadow:0px 0px 20px #000060;
}

/* valueArea */
#missionArea,
#valueArea {
	padding: 40px 10px 0;
}

.valueAreaInr {
	padding: 0 0 30px;
	border-bottom: solid 4px #f1f1f1;
}

.missionAreaInr {
	padding: 0 0 40px;
	border-bottom: solid 4px #f1f1f1;
}

.missionTxt {
	font-size: 18px;
	text-align: center;
	font-weight: bold;
}

.missionTxt span {
	display: block;
}

.valueList {

}

.valueList li {
	margin: 0 0 15px;
}

.valueBox01 .valueImgBox {
	height: 150px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 0 10px;
	background-image: url(../images/lower/bg_value_01.jpg);
	background-position: top;
	background-repeat: no-repeat;
	background-size: cover;
}

.valueBox02 .valueImgBox {
	height: 150px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 0 10px;
	background-image: url(../images/lower/bg_value_02.jpg);
	background-position: top;
	background-repeat: no-repeat;
	background-size: cover;
}

.valueBox03 .valueImgBox {
	height: 150px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 0 10px;
	background-image: url(../images/lower/bg_value_03.jpg);
	background-position: top;
	background-repeat: no-repeat;
	background-size: cover;
}

.valueBox01 .valueCatch {
	font-weight: bold;
	font-size: 2.6em;
	color: #00a0e9;
	border-bottom: solid 1px #00a0e9;
	display: inline-block;
	text-shadow: 0px 0px 18px #fff,0px 0px 18px #fff;
}

.valueBox02 .valueCatch {
	font-weight: bold;
	font-size: 2.6em;
	text-align: center;
	color: #fff;
	border-bottom: solid 1px #fff;
	display: inline-block;
}

.valueBox03 .valueCatch {
	font-weight: bold;
	font-size: 2.6em;
	text-align: center;
	color: #12b62b;
	border-bottom: solid 1px #12b62b;
	display: inline-block;
	text-shadow: 0px 0px 18px #fff,0px 0px 18px #fff,0px 0px 18px #fff,0px 0px 18px #fff;
}

.valueTxt {
	text-align: center;
	font-size: 1.3em;
}

/* wayArea */
#wayArea {
	padding: 40px 10px 50px;
}

.wayList li {
	margin: 0 0 10px;
}

.wayBox {
	position: relative;
	background: #00a0e9;
	color: #fff;
	text-align: center;
	padding: 20px;
}

.wayBox:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	border-bottom: 5em solid transparent;
	border-left: 5em solid #4bbcf0;
	z-index: 50;
}

.wayBox:after {
	color: #fff;
	font-family: 'Roboto', sans-serif;
	font-weight: 500;
	font-size: 1.6em;
	display: block;
	position: absolute;
	top: 5px;
	left: 7px;
	color: #fff;
	z-index: 51;
}

.wb01:after {content: "1";}
.wb02:after {content: "2";}
.wb03:after {content: "3";}
.wb04:after {content: "4";}
.wb05:after {content: "5";}
.wb06:after {content: "6";}
.wb07:after {content: "7";}
.wb08:after {content: "8";}
.wb09:after {content: "9";}

.wayCatch {
	font-weight: bold;
	font-size: 1.6em;
	line-height: 1.3;
	margin: 0 0 10px;
}

.wayTxt {
	font-size: 1.2em;
}

/* messageArea */
.messageBoxWrp {
	background-color: #f7f7f7;
	background-image: url(../images/lower/bg_topmessage.png);
	background-position:left bottom;
	background-repeat: no-repeat;
	background-size: 180px 170px;
	position: relative;
	z-index: 5;
}

.messageTxtImg {
	position: absolute;
	top: -40px;
	right: 0;
}

.messageTxtImg img {
	width: 300px;
	height: 150px;
}

.messageBox {
	max-width: 1080px;
	position: relative;
	margin: 0 auto;
	padding: 30px 10px;
	z-index: 10;
}

.messageBoxInr {
	width: 100%;
} 

.mssageTxt {
	font-size: 1.3em;
	margin: 0 0 30px;
}

.mssageTxt span {
	font-weight: bold;
}

.nameBoxWrp {
	text-align: center;
}

.nameBox {
	padding: 10px;
	border: solid 1px #898989;
	display: inline-block;
}

.nameTtl {
	text-align: center;
	font-size: 1.3em;
	background: #f7f7f7;
	letter-spacing: 3;
	display: inline-block;
	margin: -20px 0 10px;
	padding: 0 5px;
}

.nameImg img {
	width: 80%;
	height: auto;
}

.profileBoxWrp {
	background: #00a0e9;
}

.profileBoxOtl {
	position: relative;
	z-index: 5;
}

.ceoImg {
	position: absolute;
	bottom: 0;
	right: 0;
}

.ceoImg img {
	display: none;
}

.profileBox {
	padding: 30px 10px;
}

.profileTtl {
	font-family: 'Roboto', sans-serif;
	font-weight: 500;
	font-style: italic;
	font-size: 2em;
	margin: 0 0 10px;
	color: #fff;
}

.ceoImgSP {
	margin: 0 0 15px;
}

.ceoImgSP img {
	width: 100%;
	height: auto;
}

.profileTxt {
	font-size: 1.3em;
	color: #fff;
}

/* corporateProfileArea */
#corporateProfileArea {
	padding: 40px 10px 50px;
} 

/* contentTable */
.contentTable {
	border-top: solid 1px #e6e6e6;
	font-size: 1em;
	width: 100%;
}

.contentTable th {
	padding: 10px;
	background: #f7f7f7;
	vertical-align: top;
	border-bottom: solid 1px #e6e6e6;
	font-weight: bold;
	font-size: 1.2em;
	display: block;
}

.contentTable td {
	padding: 10px;
	background: #fff;
	vertical-align: top;
	border-bottom: solid 1px #e6e6e6;
	font-size: 1.2em;
	display: block;
}

.ceoNameTable {
	vertical-align: middle!important;
}

/* googleMapArea */
#googleMapArea {
	margin: -80px 0 0;
	padding: 80px 0 0;
}

.googleMapBox {
	position: relative;
	padding-bottom: 300px;
	height: 0;
	overflow: hidden;
	background: #fff;
}
 
.googleMapBox iframe,
.googleMapBox object,
.googleMapBox embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/*======================================================

  Web Promotion

======================================================*/

.webImg {
	background-image: url(../images/lower/bg_web.jpg);
}

/* lineupArea */
#lineupArea {
	padding: 40px 10px 0;
}

.pdcaImg {
	max-width: 540px;
	margin: 0 auto 30px;
}

.pdcaImg img,
.maImg img {
	width: 100%;
	height: auto;
}

.maImg {
	max-width: 375px;
	margin: 0 auto;
}

/*======================================================

  Careers

======================================================*/

.careersImg {
	background-image: url(../images/lower/bg_careers.jpg);
}

.careersTxt {
	font-family: 'Roboto', sans-serif;
	font-weight: 500;
	font-style: italic;
	line-height: 1.1;
}

.careersDot {
	display: none;
}

/* ceoMessageArea */
#ceoMessageArea {
	padding: 40px 10px 0;
}

.ceoMessageAreaInr {
	max-width: 1080px;
	margin: 0 auto;
}

.ceoMessageTtl {
	font-weight: bold;
	font-size: 1.8em;
	margin: 0 0 10px;
	color: #00a0e9;
}

.ceoNameTxt {
	font-weight: bold;
	font-size: 1.4em;
	font-style: italic;
}

/* meritArea */
#meritArea {
	padding: 40px 10px 0;
}

.meritList {
	width: 100%;
	display: table;
	color: #fff;
}

.meritBox {
	padding: 15px 10px;
}

.mrb01 {background: #00a0e9;}
.mrb02 {background: #23ac38;}
.mrb03 {background: #ffa726;}
.mrb04 {background: #cddc39;}
.mrb05 {background: #f06292;}

.meritCatch {
	text-align: center;
	font-weight: bold;
	font-size: 1.6em;
	line-height: 1.2;
	margin: 0 0 10px;
}

.meritTxt {
	font-size: 1.3em;
}

/* jobArea */
#jobArea {
	padding: 40px 10px 0;
}

.dispatchIcon {
	font-weight: bold;
	background: #fff;
	color: #00a0e9;
	font-size: 0.5em;
	-webkit-border-radius: 30px;
	border-radius: 30px;
	text-align: center;
	margin: 0 0 0 10px;
	padding: 2px 5px;
}

.displayNone {
	display: none;
}

.switch {
	color: #fff;
	font-size: 1.5em;
	background: #00a0e9;
	padding: 10px 10px 10px 30px;
	border-bottom: solid 1px #b3e3f8;
	cursor: pointer;
	position: relative;
}

.switch:after {
	position: absolute;
	top: 60%;
	left: 15px;
	margin-top: -10px;
	content: '▼';
	font-size: 10px;
	font-weight: bold;
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all  0.2s ease;
	color: #fff;
}

.switch.open:after {
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all  0.2s ease;
	-moz-transform: rotate(-180deg);
	-ms-transform: rotate(-180deg);
	-webkit-transform: rotate(-180deg);
	transform: rotate(-180deg);
}

.jobBox {
	padding: 20px 10px;
	background: #f9f9f9;
}

.jobTable {
	width: 100%;
	table-layout: fixed;
	font-size: 1em;
}

.jobTable th {
	display: block;
	padding: 10px;
	vertical-align: top;
	border-bottom: solid 1px #e6e6e6;
	font-weight: bold;
	font-size: 1.2em;
}

.jobTable td {
	padding: 10px;
	vertical-align: top;
	border-bottom: solid 1px #e6e6e6;
	font-size: 1.2em;
	display: block;
}

.jobTable tr:last-child th,
.jobTable tr:last-child td {
	border: none;
}

.jobTable td span {
	color: #ff3b3b;
}

.dotList {
	list-style: disc;
	padding: 0 0 0 15px;
}

.jobTxt {
	margin: 0 0 10px;
}

.dotList li {
	margin: 0 0 5px;
}

/* applicationArea */
#applicationArea {
	padding: 40px 10px 0;
}

.applicationTtl {
	font-size: 2em;
	margin: 0 0 10px;
	color: #00a0e9;
}

.contentTableWrap {
	margin: 0 0 30px;
}

/* flowArea */
#flowArea {
	padding: 40px 10px 0;
}

.flowTable {
	width: 100%;
	font-size: 1em;
}

.flowTable th,
.flowTable td,
.flowTable tr {
	display: block;
}

.flowTable th {
	width: 100%;
	padding: 0 0 15px;
	vertical-align: top;
	font-weight: bold;
}

.flowTable td {
	text-align: center;
	padding: 0 0 15px;
	font-size: 1.5em;
}

.flowTable td span {
	font-size: 0.6em;
}

.stepIcn {
	padding: 10px;
	-webkit-border-radius: 30px;
	border-radius: 30px;
	text-align: center;
	color: #fff;
	font-family: 'Roboto', sans-serif;
	font-weight: 500;
	font-size: 1.8em;
	font-style: italic;
}

.sti01 { background: #00a0e9;}
.sti02 { background: #33b3ed;}
.sti03 { background: #66c6f2;}

input[type="file"] {
   display: none;
}

label {
	background: #f5f5f5;
	padding: 10px;
	border-radius: 3px;
	display: inline-block;
	position: relative;
	color: #00a0e9;
	cursor: pointer;
}

label::after {
	content: "選択されていません";
	font-size: 0.8em;
	height: 20px;
	line-height: 20px;
	position: absolute;
	right: -130px;
	top: calc(50% - 10px);
	color: #676767;
}

label.changed::after {
   content: "";
}

.filename {
	font-size: 1.2em;	
}

/*======================================================

  Marketing Automation

======================================================*/

.marketingImg {
	background-image: url(../images/lower/bg_marketing.jpg);
}

.marketingTxt {
	line-height: 1.3;
}

/* marketingAboutArea */
#marketingAboutArea {
	padding: 40px 10px 0;
}

.marketingBlueTtl {
	font-weight: bold;
	font-size: 1.8em;
	color: #00a0e9;
	text-align: center;
	margin: 0 0 20px;
}

.marketingWhiteTtl {
	font-weight: bold;
	font-size: 1.8em;
	color: #fff;
	text-align: center;
	margin: 0 0 20px;
}

/* abilityArea */
#abilityArea {
	padding: 40px 10px 30px;
	background-image: url(../images/lower/bg_ability.jpg);
	background-position: top;
	background-repeat: no-repeat;
	background-size: cover;
}

.abilityList {
	margin: 0 0 30px;
}

.abilityList li {
	margin: 0 0 30px;
}

.abilityBox {
	text-align: center;
	color: #fff;
}

.abilityTtl {
	font-weight: bold;
	font-size: 1.6em;
	margin: 0 0 10px;
}

.abilityTxt {
	font-weight: bold;
	font-size: 1.2em;
	margin: 0 0 10px;
}

.abilityImg {
	margin: 0 0 10px;
}

.abilityImg img {
	width: 90px;
	height: 90px;
}

.abilityCatch {
	font-weight: bold;
	font-size: 1.3em;
	line-height: 1.3;
	background: #fff;
	color: #0083bf;
	padding: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	box-shadow:0px 0px 20px 0px rgba(0,0,0,0.12);
}

.abilityServiceTxt {
	font-size: 1.3em;
	text-align: center;
	color: #fff;
}

.abilityServiceTxt span {
	font-weight: bold;
}

/* taskArea */
#taskArea {
	padding: 40px 10px 0;
}

.marketingGrayCatch {
	text-align: center;
	font-size: 2em;
	margin: 0 0 30px;
	letter-spacing: 0.1;
}

.taskBox {
	padding: 20px 10px;
	background: #fff;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	position: relative;
	border: solid 3px #ececec;
}

.taskBox:before {
	content: "";
	position: absolute;
	right: 0;
	bottom: -20px;
	left: 0;
	width: 0px;
	height: 0px;
	margin: auto;
	border-style: solid;
	border-color: #ececec transparent transparent transparent;
	border-width: 20px 60px 0 60px;
}

.taskBox:after {
	content: "";
	position: absolute;
	right: 0;
	bottom: -17px;
	left: 0;
	width: 0px;
	height: 0px;
	margin: auto;
	border-style: solid;
	border-color: #fff transparent transparent transparent;
	border-width: 20px 60px 0 60px;
}

.taskList {
	font-size: 1.4em;
}

.taskList li {
	margin: 0 0 15px;
	position: relative;
	margin-left: 1.3em;
}

.taskList li:before {
	content: '●';
	display: block;
	position: absolute;
	top: 0;
	left: -1.3em;
	width: 1em;
	color: #00a0e9;
}

.taskList li:last-child {
	margin: 0;
	margin-left: 1.3em;
}

#caseArea {
	padding: 40px 10px 0;
}

.marketingBlueCatch {
	text-align: center;
	font-size: 2em;
	line-height: 1.3;
	margin: 0 0 50px;
	color: #00a0e9;
}

.caseList {
	margin: 0 0 15px;
}

.caseList li {
	margin: 0 0 15px;
}

.csb01 { background: #00a0e9;}
.csb02 { background: #f06292;}
.csb03 { background: #23ac38;}

.csb01 .caseTtlBox {
	padding: 15px 10px;
	border-bottom: solid 1px #91d4f4;
}

.csb02 .caseTtlBox {
	padding: 15px 10px;
	border-bottom: solid 1px #f8b1c9;
}

.csb03 .caseTtlBox {
	padding: 15px 10px;
	border-bottom: solid 1px #91d69c;
}

.caseTtl {
	font-weight: bold;
	font-size: 1.6em;
	color: #fff;
	line-height: 1.2;
}

.caseBoxInr {
	padding: 10px;
}

.caseInfoBox {
	width: 100%;
	display: table;
	margin: 0 0 20px;
}

.caseInfoDataBox {
	width: 50%;
	display: table-cell;
}

.caseData {
	color: #fff;
	font-size: 1.3em;
	padding: 0 10px 0 0;
}

.caseData span {
	font-weight: bold;
	font-size: 1.1em;
}

.caseInfoImgBox {
	width: 50%;
	display: table-cell;
}

.caseImg {
	text-align: right;
}

.caseTxtBox {
	background: #fff;
	padding: 10px;
}

.caseTxt {
	font-size: 1.3em;
}

.caseTxt span {
	font-weight: bold;
}

.csb01 .caseTxt span { color: #00a0e9;}
.csb02 .caseTxt span { color: #f06292;}
.csb03 .caseTxt span { color: #23ac38;}

/*======================================================

  Blog

======================================================*/

.blogImg {
	background-image: url(../images/index/bg_indexexplanation_01.png),url(../images/index/bg_indexexplanation_02.png),url(../images/lower/bg_blog.jpg);
}

.blogContentBox {
	padding: 40px 10px 20px;
	background-color: #f7f7f7;
	background-image: url(../images/index/bg_service_01.png),url(../images/index/bg_service_02.png);
	background-position: left top,right bottom;
	background-repeat: no-repeat,no-repeat;
	background-size: 400px 375px,300px 400px;
}

.blogContentInr {
	max-width: 1080px;
	margin: 0 auto;
}

#mainContent {
	margin: 0 0 40px;
}

/* title */
.contentLeftTtl {
	font-family: 'Roboto', sans-serif;
	font-weight: 500;
	font-size: 3em;
	font-style: italic;
	margin: 0 0 30px;
	line-height: 1.5;
	text-align: center;
}

.contentLeftTtl span {
	font-family: "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
	font-weight: bold;
	font-style: normal;
	font-size: 0.4em;
}

.blogList {
	margin: 0 0 50px;
}

.blogList li {
	margin: 0 0 15px;
}

.blogList li:last-child {
	margin: 0;
}

.blogListBox {
	background: #fff;
	box-shadow:0px 0px 20px 0px rgba(0,0,0,0.12);
}

.blogListBoxInr {
	padding: 10px;
}

.blogImgBox {
	margin: 0 0 20px;
}

.blogImg img {
	width: 100%;
	height: auto;
}

.blogImg a {
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all  0.2s ease;
}

.blogImg a:active {
	opacity:0.60;
	filter: alpha(opacity=60);
	-ms-filter: "alpha(opacity=60)";
	-moz-opacity:0.60;
	-khtml-opacity: 0.60;
}

.blogTtlLink {
	font-size: 1.6em;
	line-height: 1.3;
	margin: 0 0 15px;
}

.blogMoreBtnBox {
	text-align: center;
	margin: 0 0 10px;
}

#subContentArea {
	margin: 0 0 30px;
}

.blogDetailSnsTable {
	margin: 10px 0 0;	
	float: right;
}

.blogDetailSnsTable td {
	vertical-align: middle!important;
	display: block;
	float: left;
	height: 30px;
}

.sns01 { padding: 0px 5px 0 0!important; }
.sns02 { padding: 0 4px 0 0!important; }
.sns03 { padding: 0 5px 0 0!important; }
.sns04 { padding: 0px 2px 0 0!important; }
.sns05 { padding: 0px 10px 0 0!important; }

.blogSnsList {
	text-align: center;
}

.blogSnsList li {
	display: inline-block;
	padding: 0 5px;
}

.blogSnsList li img {
	width: 40px;
	height: 40px;
}

.blogSnsList li a {
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all  0.2s ease;
}

.blogSnsList li a:active {
	opacity:0.60;
	filter: alpha(opacity=60);
	-ms-filter: "alpha(opacity=60)";
	-moz-opacity:0.60;
	-khtml-opacity: 0.60;
}

.subContentTtl {
	font-size: 1.6em;
	margin: 0 0 10px;
	color: #00a0e9; 
}

.searchAreaBox {
	width: 100%;
	display: table;
}

.searchBox {
	display: table-cell;
}

.searchBox input {
	width: 100%;
	height: 40px;
	padding: 5px;
	border: solid 1px #e7e7e7;
	border-radius: 5px 0 0 5px;
	-webkit-border-radius: 5px 0 0 5px;
	-moz-border-radius: 5px 0 0 5px;
}

.searchBtn {
	width: 40px;
	display: table-cell;
}

.searchBtn input {
	width: 40px;
	height: 40px;
	border: none;
	background: url(../images/lower/icon_search.png) center no-repeat #00a0e9;
	background-size: 20px 20px;
	cursor: pointer;
	text-indent: -9999px;
	border-radius: 0 5px 5px 0;
	-webkit-border-radius: 0 5px 5px 0;
	-moz-border-radius: 0 5px 5px 0;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all  0.2s ease;
}

.searchBtn input:hover {
	background-color: #097fb5;
}

.archiveSwitch {
	font-size: 1.4em;
	text-align: right;
	background: #eeeeee;
	padding: 2px 5px;
	border-bottom: solid 1px #f7f7f7;
	cursor: pointer;
	position: relative;
}

.archiveSwitch:after {
	position: absolute;
	top: 65%;
	left: 10px;
	margin-top: -12px;
	content: '▼';
	font-size: 12px;
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all  0.2s ease;
	color: #00a0e9;
}

.archiveSwitch.open:after {
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all  0.2s ease;
	-moz-transform: rotate(-180deg);
	-ms-transform: rotate(-180deg);
	-webkit-transform: rotate(-180deg);
	transform: rotate(-180deg);
}

.archiveBox {
	padding: 10px;
}

.archiveList {
	font-size: 1.3em;
	text-align: right;
}

.archiveList li {
	margin: 0 0 5px;
	padding: 0 0 5px;
	border-bottom: dotted 1px #dfdfdf;
}

.archiveList li a:link,
.archiveList li a:visited,
.categoryList li a:link,
.categoryList li a:visited {
	color: #676767;
}

.archiveList li:last-child,
.categoryList li:last-child {
	border: none;
}

.categoryList li {
	font-size: 1.3em;
	margin: 0 0 7px;
	padding: 0 0 7px 30px;
	border-bottom: solid 1px #dfdfdf;
	position: relative;
}

.categoryList li a:after {
	position: absolute;
	top: -6px;
	bottom: 0;
	left: 10px;
	margin: auto 0;
	content: "";
	vertical-align: middle;
	width: 6px;
	height: 6px;
	border-top: 2px solid #00a0e9;
	border-right: 2px solid #00a0e9;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.blogDate {
	font-size: 1.2em;
}

.blogCat {
	font-size: 1.0em;
	margin: 0 0 10px;
}


/*======================================================

  Blog Detail

======================================================*/

#blogDetailArea {
	margin: 0 0 40px;
}

.blogDetailTtl {
	font-size: 2em;
	color: #00a0e9;
	line-height: 1.4;
}

.blogDetailBox {
	background: #fff;
	box-shadow:0px 0px 20px 0px rgba(0,0,0,0.12);
}

.blogDetailBoxInr {
	padding: 10px;
}

.blogDetailInfoBox {
	width: 100%;
	display: table;
	border-top: solid 1px #dfdfdf;
	border-bottom: solid 1px #dfdfdf;
	margin: 0 0 30px;
	padding: 10px 0;
}

.blogDetailDataBox {
	width: 40%;
	display: table-cell;
	vertical-align: middle;
}

.blogDetailDataBox data {
	font-size: 1.3em;
	color: #9c9a9a;
}

.blogDetailSnsBox {
	width: 60%;
	display: table-cell;
	vertical-align: middle;
}

.bg {
	width: 100%;
	display: block!important;	
}

.blogDetailSnsList {
	display: table;
	float: right;
}

.blogDetailSnsList li {
	display: table-cell;
	vertical-align: middle;
}

.blogDetailSnsTtl {
	font-family: 'Roboto', sans-serif;
	font-weight: 900;
	font-size: 1.3em;
	font-style: italic;
	color: #00a0e9;
	padding: 0 10px 0 0;
}

.blogDetailSnsList a {
	display: block;
	padding: 10px;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all  0.2s ease;
}

.blogDetailSnsList img {
	width: 17px;
	height: 17px;
}

.blogDetailTwBtn {
	background: #5ba4d9;
}

.blogDetailFbBtn {
	background: #395793;
}

.blogDetailSnsList a:active {
	opacity:0.60;
	filter: alpha(opacity=60);
	-ms-filter: "alpha(opacity=60)";
	-moz-opacity:0.60;
	-khtml-opacity: 0.60;
}

.blogDetailContantBox table {
	border-right: 1px solid #ccc;	
	border-bottom: 1px solid #ccc;
	font-size: 1.2em;
}

.blogDetailContantBox table th {
	border-top: 1px solid #ccc;	
	border-left: 1px solid #ccc;
	padding: 5px;
	background: #f6f6f6;
}

.blogDetailContantBox table td {
	border-top: 1px solid #ccc;	
	border-left: 1px solid #ccc;	
	padding: 5px;
}

.scroll {
	width: 100%;
	overflow-y: hidden;
	overflow-x: auto;
	-ms-overflow-style: -ms-autohiding-scrollbar;
	-webkit-overflow-scrolling: touch;
}
.scroll th,.scroll td{
	white-space: nowrap;
}

.scroll-comment {
	text-align: center;	
	background: #00a0e9;
	font-weight: bold;
	color: #fff;
	margin: 0 0 5px;
}

.blogDetailContantBox img {
	max-width: 100%;
	height: auto;
}

.blogDetailContantBox h1, 
.blogDetailContantBox h2 {
	font-weight: bold;
	font-size: 2.0em;
	padding: 5px 10px;
	color: #fff;
	margin: 0 0 20px;
	background: #5ba4d9;
}

.blogDetailContantBox h3 {
	font-weight: bold;
	font-size: 1.8em;
	margin: 0 0 15px;
	border-left: 4px solid #5ba4d9;
	border-bottom: 1px solid #ccc;
	padding: 0 10px 3px;
}

.blogDetailContantBox h4 {
	font-weight: bold;
	font-size: 1.6em;
	margin: 0 0 15px;
	color: #5ba4d9;
}

.blogDetailContantBox h5 {
	font-weight: bold;
	font-size: 1.4em;
	margin: 0 0 15px;
}

.blogDetailContantBox h6 {
	font-weight: bold;
	font-size: 1.3em;
	margin: 0 0 15px;
}

.blogDetailContantBox p {
	font-size: 1.3em;
	margin: 0 0 20px;
	line-height: 1.8;
}

.blogDetailContantBox blockquote {
    position: relative;
    padding: 35px 15px 10px 15px;
    margin: 0 0 20px;
    box-sizing: border-box;
    font-style: italic;
    background: #f5f5f5;
    color: #777777;
    border-left: 4px solid #00a0e9;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.14);
}

.blogDetailContantBox blockquote:last-child{
	margin: 0!important;	
}

.blogDetailContantBox blockquote:before{
    display: inline-block;
    position: absolute;
    top: 5px;
    left: 3px;
    vertical-align: middle;
    content: "“";
    font-family: sans-serif;
    color:#00a0e9;
    font-size: 90px;
    line-height: 1;
}

.blogDetailContantBox blockquote p {
    padding: 0;
    margin: 7px 0;
    line-height: 1.7;
}

.blogDetailContantBox blockquote cite {
    display: block;
    text-align: right;
    color: #888888;
    font-size: 0.9em;
}

#toc_container {
	border: 1px solid #ccc;
	padding: 15px;	
	margin: 0 0 30px;
}

.toc_title {
	margin: 0 0 10px!important;
	font-size: 1.6em!important;
}

.blogDetailContantBox ul,
.blogDetailContantBox ol {
	padding-left: 25px;
	font-size: 1.4em;	
	margin: 0 0 20px;
}

#toc_container ul {
	margin: 0!important;
}

.blogDetailContantBox li {
	list-style: decimal!important;
}

.blogDetailContantBox ul ul {
	margin: 0 0 10px;	
	padding-left: 25px;
	font-size: 1em;	
}

.blogDetailContantBox ul ul li {
	list-style: disc!important;	
}

/*======================================================

  News

======================================================*/

.newsDetailTtl {
	display: inline-block;
	font-size: 1.8em;
	vertical-align: middle;
	padding: 5px 5px;
}

.newsImg {
	background-image: url(../images/index/bg_indexexplanation_01.png),url(../images/index/bg_indexexplanation_02.png),url(../images/lower/bg_news.jpg);
}

#newsArea {
	padding: 40px 10px 0;
}

.newsAreaBox {
	padding: 0 0 40px;
	border-bottom: solid 4px #f1f1f1;
}

.newsCategoryBox {
	margin: 0 0 40px;
}

.contentLeftTtlBox {
	
}

.newsCategoryBtnBox {

}

.newsCategoryBtnList {
	text-align: center;
}

.newsCategoryBtnList li {
	margin: 0 0 10px;
}

.newsCategoryBtn {
	font-weight: bold;
	font-size: 1.3em;
	line-height: 1.8;
	letter-spacing: 0.5;
	position: relative;
	display: block;
	vertical-align: middle;
	-webkit-border-radius: 30px;
	border-radius: 30px;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all  0.2s ease;
}

.newsCategoryBtn:active {
	background: #097fb5;
}

.newsCategoryBtn a {
	padding: 5px 10px;
	display: block;
}

.newsCategoryBtn a:link,
.newsCategoryBtn a:visited {
	color: #fff;
}

.newsCategoryBtn a:active {
	text-decoration: none;
}

.green { background: #23ac38;}

.pink { background: #f06292;}


/* pager */
.wp-pagenavi {
	font-family: 'Roboto', sans-serif;
	font-weight: 500;
	font-size: 1.3em; 
	font-weight: bold;
	font-style: italic;
	text-align: center;
}

.wp-pagenavi .pages {
	display: none;
}

.wp-pagenavi .extend,
.wp-pagenavi .first,
.wp-pagenavi .last  {
	padding: 8px 12px;
}

.wp-pagenavi a {
	color: #515151;
	margin: 0 10px 0 0;
	padding: 8px 12px;
	background: #f0f0f0;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all  0.2s ease;
}

.wp-pagenavi a:hover {
	text-decoration: none;
	color: #00a0e9;
}

.wp-pagenavi .current {
	color: #00a0e9;
	margin: 0 10px 0 0;
	padding: 8px 12px;
	background: #f0f0f0;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

.prevpostslink,
.nextpostslink {
	color: #fff!important;
	background: #00a0e9!important;
}

.prevpostslink:hover,
.nextpostslink:hover {
	background: #097fb5!important;
}

/*======================================================

  Privacy Policy

======================================================*/

.policyImg {
	background-image: url(../images/index/bg_indexexplanation_01.png),url(../images/index/bg_indexexplanation_02.png),url(../images/lower/bg_policy.jpg);
}

#policyArea {
	padding: 40px 10px;
}

.policyList dt {
	font-weight: bold;
	font-size: 1.6em;
	color: #00a0e9;
	margin: 0 0 10px;
}

.policyList dd {
	font-size: 1.3em;
	margin: 0 0 30px;
}

.policyContentTxt {
	margin: 0 0 15px;
}

.policyContactBox {
	max-width: 600px;
	border: solid 1px #e3e3e3;
	background: #f7f7f7;
	margin: 0 auto;	
	padding: 15px 10px;
}

.policyList dd .dotList {
	padding: 0 0 0 20px;
}

.policyContactCatch {
	font-size: 1.5em;
	color: #00a0e9;
	letter-spacing: 0.5;
	text-align: center;
	margin: 0 0 15px;
}

.policyContactTxt {
	font-size: 1.3em;
	text-align: center;
	margin: 0 0 15px;
}

/*======================================================

  Seminar

======================================================*/

.seminarImg {
	background-image: url(../images/lower/bg_seminar.jpg);
}

.seminarMainCatch {
	width: 100%;
	position: absolute;
	top: 20%;
    bottom: 0;
    margin: 0 0 120px;
	text-align: center;
	color: #fff;
	font-size: 3em;
	line-height: 1.1;
	font-family: 'Roboto', sans-serif;
	font-weight: 700;
	font-style: italic;
	z-index: 50;
}

.seminarMainCatch:before {
	content: "";
	position: absolute;
	left: 50%;
	bottom: -80px;
	display: inline-block;
	width: 40px;
	height: 3px;
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	background-color: #fff;
}

.seminarList li {
	margin: 0 0 15px;
}

.seminarList li:last-child {
	margin: 0;
}

.seminarListBox {
	background: #fff;
	box-shadow:0px 0px 20px 0px rgba(0,0,0,0.12);
}

.seminarListBoxInr {
	padding: 10px;
}

.seminarImgBox {
	margin: 0 0 20px;
}

.seminarImg img {
	width: 100%;
	height: auto;
}

.seminarImg a {
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all  0.2s ease;
}

.seminarImg a:hover {
	opacity:0.60;
	filter: alpha(opacity=60);
	-ms-filter: "alpha(opacity=60)";
	-moz-opacity:0.60;
	-khtml-opacity: 0.60;
}

.seminarInfoTable {
	border-top: 1px solid #ccc;	
	border-left: 1px solid #ccc;	
	width: 100%;
	font-size: 1.2em;
	margin: 0 0 20px;
}

.seminarInfoTable th {
	border-right: 1px solid #ccc;	
	border-bottom: 1px solid #ccc;
	padding: 5px; 
	background: #f6f6f6;
	display: block;
}

.seminarInfoTable td {
	border-right: 1px solid #ccc;	
	border-bottom: 1px solid #ccc;	
	padding: 5px;
	display: block;
}

.receptionistOpen {
	background: #f06292;
	color: #fff;
	padding: 5px 10px;
	text-align: center;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	float: left;
	font-size: 1.2em;
	margin: 0px 10px 0 0!important;
}

.receptionistClose {
	background: #ccc;
	color: #fff;
	padding: 5px 10px;
	text-align: center;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	float: left;
	font-size: 1.2em;
	margin: 0px 10px 0 0!important;
}

.seminarTtlLink {
	font-size: 1.6em;
	line-height: 1.3;
	margin: 0 0 15px;
}

.seminarMoreBtnBox {
	text-align: center;
	margin: 0 0 10px;
}

/* seminarConatctArea */
#seminarConatctArea {
	padding: 40px 0;
}

/* breadcrumbArea */
#breadcrumbArea {
	background: #dddddd;
}

.breadcrumbBox {
	max-width: 1080px;
	margin: 0 auto;
	padding: 5px 10px;
}

.breadcrumbList {
	font-size: 1.2em;
}

.breadcrumbList li {
	float: left;
}

.breadcrumbList li a:link,
.breadcrumbList li a:visited {
	color: #00a0e9;
}

.breadcrumbList li:not(:last-child):after {
    content: " > ";
    margin: 0 10px;
}

.breadcrumbList li:last-child {
	font-weight: bold;
}

/*======================================================

  資料請求

======================================================*/

.requestCenterTxt {
	text-align: center;
	font-size: 1.4em;
}

/* valueArea */
#requestArea {
	padding: 25px 5px 5px;
}

#requestArea .thanksMessage {
	text-align: left!important;
}

.thanksMessageBackTop {
	text-align: center;
	font-size: 1.4em;
	padding-top: 20px;	
}

/* button */
.contactDlBtn {
	font-family: 'Roboto', sans-serif;
	font-weight: 500;
	font-size: 1.4em;
	line-height: 1.8;
	position: relative;
	display: inline-block;
	vertical-align: middle;
	-webkit-border-radius: 30px;
	border-radius: 30px;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all  0.2s ease;
	margin: 40px 0 20px;
}

.contactDlBtn:hover {
	background: #097fb5;
}

.contactDlBtn a {
	padding: 10px 60px;
	display: block;
}

.contactDlBtn a:link,
.contactDlBtn a:visited {
	color: #fff;
}

.contactDlBtn a:hover {
	text-decoration: none;
}

/*======================================================

  404

======================================================*/

.e404img {
	background-color: #00a0e9;
}

.e404box {
	border: 1px solid #ccc;
	padding: 30px;
	margin: 20px 20px;
	text-align: center;
	font-size: 1.4em;
}

/*======================================================

  実績一覧

======================================================*/

/* WEB PROMOTION
----------------------------------------------------------------*/

.worksList {
	width: 300px;
	margin: 0 auto;
}

.worksList li {
	width: 300px;
	height: 200px;
	margin: 0 0 15px;
	float: left;
	position: relative;
	border: solid 1px #ececec;
	overflow: hidden;
}

.worksList li .caption {
	color: #fff;
	padding-left:	 0px;
}

.caption p {
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -20px;
	width: 280px;
	padding: 0 30px;
	font-size: 1.3em;
	text-align: left!important;
	
}

.caption table {
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -20px;
	width: 340px;
}

.caption table  th {
	font-size: 1.5em;
	text-align: right;
	width: 80px;
}

.caption table td {
	font-size: 1.5em;
	text-align: left;
}


.worksList li .mask {
	width: 300px;
	height: 200px;
	margin-top: -2px;
	margin-left: -20px;
	padding-right: 40px;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	background-color: rgba(0,0,0,0.4);
	-webkit-transition: all 0.6s ease;
	transition:	 all 0.6s ease;
}

.worksList li:hover .mask {
	opacity: 1;
	margin-left: 0;
}

.worksList li .inline {
	text-align: center;
	position: relative;
	width: 300px;
	height: 200px;
	cursor: pointer;
}

.worksList li .inline img {
	width: auto;
	height: auto;
	max-width: 300px;
}

#cboxLoadedContent,
#cboxContent {
	background: none!important;
}

.worksBox {
	background: #fff;
	padding: 15px;
	border: 1px solid #ccc;
	width: 280px;
}

.worksBox .worksTitle {
	font-size: 1.3em;
	margin: 0 0 5px;
}

.worksBox .worksText {
	font-size: 1.2em;
}

.worksImage img {
	width: 100%;
}

.worksImage1 {
	width: 50%;
	margin: 0 auto 15px;
}

.worksImage2 {
	width: 49%;
	float: left;
	margin-right: 2%;
	margin-bottom: 15px;
}

.worksImage2:nth-child(2) {
	margin-right: 0;
}

/* MARKETING AUTOMATION
----------------------------------------------------------------*/

.worksListMA {
	margin: 0 auto;
}

.worksListMA h3 {
	font-size: 1.4em;
	font-weight: bold;
	margin: 0 0 15px;
	padding: 0 0 10px;
	border-bottom: 1px dotted #ccc;
}

.worksListMA li {
	width: 100%;
	margin: 0 0 30px;
}

.worksListMA li:nth-child(2n) {
	margin-right: 0;
}

.worksListMA li .maimage {
	margin: 0 0 20px;
}

.worksListMA li .maimage img {
	width: 100%;
	height: auto;
}

.worksListMA li .text {
	font-size: 1.2em;
	padding: 20px;
	background: #f6f6f6;
}

.worksTableMA {
	margin: 0 0 20px;
}

.worksTableMA th {
	font-size: 1.2em;
	white-space: normal!important;
	text-align: right;
	width: 100px;
}

.worksTableMA td {
	font-size: 1.2em;
	white-space: normal!important;
}

.clr:after {
    display: block;
    height: 0;
    clear: both;
    content: ".";
    visibility: hidden;
}
        .ta_c{
            text-align: center
        }
        .stbn{
            display: inline-block;
            margin: 20px auto 50px;
            width: 92%;
position: relative;
            transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
        }
        .stbn img{
            float: left;
           margin-right: 10px;
        }
        .stbn p{
              font-size: 1.2em;
white-space: normal !important;
            text-align: left;
            text-indent: 0.5em;
            padding-top: 8px;
        }
        .stbn a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-indent:-9999px;
    z-index: 3;
}
      
      
      
      
      
#modalNav li {
	margin-bottom: 5px;
}

#modalNav a {
	padding: 5px!important;
}
      
.relative {
	position: relative;	
}
.switch_btn {
	color:#fff;
}

.dmBox {
	display: block; 
	color: #097fb5!important;
	padding: 5px;
	-webkit-border-radius: 30px;
	border-radius: 30px;
	background: #ebebeb;
}

.accordion_head.selected {
	color: #333!important;
}

.dropdwn_menu_sp a {
	text-decoration: none;
	border: solid none;
	background: #fff!important;
	margin-top: 5px;
}

#lower .switch_btn { color: #676767!important;}