@import url("modal-video.min.css");
@charset "UTF-8";

/* //////////////////////////////////////////////////////////
*****************************************
Common Style - PC
Developer: Neoworkers Corp.

--- お客様へ ---
お客様サイドでスタイル指定したい場合は、以下のCSSファイルに記述してください。
■全てのデバイス共通 … /css/lower/single.css
■PC(ipadなどのタブレット含む)　… /css/lower/single_pc.css
■モバイル … /css/lower/single_mobi.css

*****************************************
////////////////////////////////////////////////////////// */


/* //////////////////////////////////////////////////////////
-------------------------------------------------------------
Neoworkers Common Style
Version: 6.0
-------------------------------------------------------------
////////////////////////////////////////////////////////// */

body{
	font-size:15px;
	line-height:1.8;
	letter-spacing:1px;}
@media screen and (max-width:1366px) {
	body{font-size:13px;}
}


body{font-family:'Lato',source-han-sans-japanese,'Yu Gothic Medium', '游ゴシック Medium', YuGothic, '游ゴシック体',メイリオ, Meiryo,'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro',Verdana, Arial, Osaka, 'ＭＳ Ｐゴシック', 'MS P Gothic', sans-serif;}

.hirakaku{font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro',メイリオ, Meiryo,Verdana, Arial, Osaka, 'ＭＳ Ｐゴシック', 'MS P Gothic', sans-serif;}

.noto{font-family: 'Noto Sans JP',"Noto Sans CJK JP","Noto Sans",メイリオ, Meiryo,'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro','Yu Gothic Medium', '游ゴシック Medium', YuGothic, '游ゴシック体',Verdana, Arial, Osaka, 'ＭＳ Ｐゴシック', 'MS P Gothic', sans-serif;}

.win p,.win th,.win td,.win dd,.win .mei{
	font-family:メイリオ, Meiryo,'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro','Yu Gothic Medium', '游ゴシック Medium', YuGothic, '游ゴシック体',Verdana, Arial, Osaka, 'ＭＳ Ｐゴシック', 'MS P Gothic', sans-serif;
	font-weight:400;
}

body .texts{font-size:12px;font-weight:400;}


@media screen and (min-width:1399px){
	body {overflow-x:hidden;}
}


.spOn,.spNrOn,.spPortOn,.spLandOn,.spLandOff{display:none;}


img{
	max-width:100%;
	vertical-align:bottom;height:auto;}
img.newsArcTumImg{max-width:none;}

/* Image Text */
.txtImg{
	overflow:hidden;
	text-indent:-9999px;
}


/* Font-size */
.fs06{font-size:0.6em;}
.fs07{font-size:0.7em;}
.fs08{font-size:0.8em;}
.fs09{font-size:0.9em;}
.fs11{font-size:1.1em;}
.fs12{font-size:1.2em;}
.fs13{font-size:1.3em;}
.fs14{font-size:1.4em;}
.fs15{font-size:1.5em;}
.fs16{font-size:1.6em;}
.fs17{font-size:1.7em;}
.fs18{font-size:1.8em;}
.fs19{font-size:1.9em;}
.fs20{font-size:2.0em;}

/* Font-size (pcOnly) */
.fsp14{font-size:14px;}
.fsp16{font-size:16px;}
.fsp18{font-size:18px;}
.fsp20{font-size:20px;}
.fsp22{font-size:22px;}
.fsp24{font-size:24px;}
.fsp25{font-size:25px;}
.fsp26{font-size:26px;}
.fsp28{font-size:28px;}
.fsp30{font-size:30px;}

.texts{font-size:16px;line-height:2.0;}

/* title common */
.tit35{font-size:35px;}
.tit22{font-size:22px;}

/* float  (Pc Only)*/
.clrFix {clear:both;}
.fLeft{float:left;}
.fRight{float:right;}

/* position  (Pc Only)*/

.rel{position:relative;}
.abs{position:absolute;}

/* content width */

.fullWidth {width:100%;min-width:813px;}


/* margin */
.mT15{margin-top:15px;}
.mT20{margin-top:20px;}
.mT25{margin-top:25px;}
.mT30{margin-top:30px;}
.mT40{margin-top:40px;}
.mT50{margin-top:50px;}

.mB15{margin-bottom:15px;}
.mB20{margin-bottom:20px;}
.mB25{margin-bottom:25px;}
.mB30{margin-bottom:30px;}
.mB40{margin-bottom:40px;}
.mB50{margin-bottom:50px;}

/* margin (pcOnly)*/
.mT15p{margin-top:15px;}
.mT20p{margin-top:20px;}
.mT25p{margin-top:25px;}
.mT30p{margin-top:30px;}
.mT40p{margin-top:40px;}
.mT50p{margin-top:50px;}

.mB15p{margin-bottom:15px;}
.mB20p{margin-bottom:20px;}
.mB25p{margin-bottom:25px;}
.mB30p{margin-bottom:30px;}
.mB40p{margin-bottom:40px;}
.mB50p{margin-bottom:50px;}

/* padding */
.pB15{padding-bottom:15px;}
.pB15{padding-bottom:15px;}
.pB20{padding-bottom:20px;}
.pB25{padding-bottom:25px;}
.pB30{padding-bottom:30px;}
.pB40{padding-bottom:40px;}
.pB50{padding-bottom:50px;}
.pB70{padding-bottom:70px;}
.pB80{padding-bottom:80px;}
.pB90{padding-bottom:90px;}
.pB110{padding-bottom:110px;}

.pT10{padding-top:10px;}
.pT15{padding-top:15px;}
.pT20{padding-top:20px;}
.pT25{padding-top:25px;}
.pT30{padding-top:30px;}
.pT40{padding-top:40px;}
.pT45{padding-top:45px;}
.pT50{padding-top:50px;}
.pT60{padding-top:60px;}
.pT70{padding-top:70px;}
.pT80{padding-top:80px;}
.pT90{padding-top:90px;}

/* padding (pcOnly) */
.pB15p{padding-bottom:15px;}
.pB15p{padding-bottom:15px;}
.pB20p{padding-bottom:20px;}
.pB25p{padding-bottom:25px;}
.pB30p{padding-bottom:30px;}
.pB40p{padding-bottom:40px;}
.pB50p{padding-bottom:50px;}
.pB70p{padding-bottom:70px;}
.pB80p{padding-bottom:80px;}
.pB90p{padding-bottom:90px;}
.pB110p{padding-bottom:110px;}

.pT10p{padding-top:10px;}
.pT15p{padding-top:15px;}
.pT20p{padding-top:20px;}
.pT25p{padding-top:25px;}
.pT30p{padding-top:30px;}
.pT40p{padding-top:40px;}
.pT45p{padding-top:45px;}
.pT50p{padding-top:50px;}
.pT60p{padding-top:60px;}
.pT80p{padding-top:80px;}
.pT90p{padding-top:90px;}
.pB110p{padding-bottom:110px;}


/* line-height (deviceCommon) */
.lH10p {line-height:1.0;}
.lH11p {line-height:1.1;}
.lH12p {line-height:1.2;}
.lH13p {line-height:1.3;}
.lH14p {line-height:1.4;}
.lH15p {line-height:1.5;}
.lH16p {line-height:1.6;}
.lH17p {line-height:1.7;}
.lH18p {line-height:1.8;}
.lH19p {line-height:1.9;}
.lH20p {line-height:2.0;}

/* Font-Weight ver5.6-*/
.fwNmP{font-weight:normal !important;}
.fwbdP{font-weight:bold !important;}
.fw3p{font-weight:300 !important;}
.fw4p{font-weight:400 !important;}
.fw5p{font-weight:500 !important;}
.fw6p{font-weight:600 !important;}
.fw7p{font-weight:700 !important;}

/* box均等割 (ver 5.7)*/
.twoColumn_pc > *{width:50%;}
.threeColumn_pc > *{width:33.3%;}
.fourColumn_pc > *{width:25%;}
.fiveColumn_pc > *{width:20%;}
.sixColumn_pc > *{width:16.6%;}

/* インデント */
.indPc{ text-indent: 1em;}

/* text align (pcOnly) */
.txLeftP,.txLeft-pc{text-align:left;}
.txCnP,.txCn-pc{text-align:center;}
.txRightP,.txRight-pc{text-align:right;}

/* flexBox (pcOnly) */
/* flexWpGroupPc はver5.7 - */
/* wp-block-columnsはver6 */
.flexPc,
.flexWpGroupPc > .wp-block-group,
.flexWpGroupPc > div,
.rightBtnModal .inner ul,
header .headGnavBox .leftBox .grNavBox > .grNav > li > ul.navChild > li,
.wp-block-columns{
	display:-webkit-box;
	display:-moz-box;
	 display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:flex;
	-webkit-box-lines:multiple;
	-moz-box-lines:multiple;
	-webkit-flex-wrap:wrap;
	 -moz-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
}

/* flex ver5.6- */
.flexWcP{justify-content: center;}
.flexHcP,.flexWpGroupPc.flexHcP > *{align-items: center;}
.flexAllcP{
	justify-content: center;
	align-items: center;
}

/* flex 並び順 ver5.8- */
.flexRrP,.flexWpGroupPc.flexRrP > div{flex-direction : row-reverse;} /* 右→左 */
.flexRcP,.flexWpGroupPc.flexRcP > div{flex-direction : column-reverse;} /* 下→上 */

/* 子要素box高さ揃える ver6.0- */
.flexHmatchP{align-self: stretch;}
.flexHmatchP > *{align-items: stretch;}

/* flexコンテナー寄せ ver5.8- */
.flexWrP{justify-content: flex-start;}
.flexWlP{justify-content: flex-end;}
.flexWbtP{justify-content: space-between;}
.flexWArP{justify-content: space-around;}
.flexHrP{align-items: right;}
.flexHlP{align-items: left;}
.flexStretchP{align-items:  stretch;}

/* inline -block */
.inline_parent_pc{letter-spacing:-.4em;}
.inlinebl_pc,.inlinebl_pc dt,.inlinebl_pc dd{display:inline-block;}
.inlinebl_ls_pc{letter-spacing:normal;display:inline-block;}



/* circle */
.circleNm{
	padding:15px;
	background-color:#333;
	color:#fff;
	display:inline-block;
	font-style:normal;
	border-radius:30px;
}

/* position  (pcOnly)*/
.absPc{position:absolute;}
.relPc{position:relative;}


/* display */

.dis-in-pc{display:inline;}
.dis-inbl-pc{display:inline-block;}
.dis-td-pc{display:table-cell;}

/* display(spOnly) ver5.8～*/	
.dis-tbSetPc{display:table;}
.dis-tbSetPc > div,
.dis-tbSetPc > a{
	display:table-cell;
	text-align:center;
	vertical-align:middle;
}

/* dl inline-block (ver 5.7)*/
dt.dis-inbl-pc.w50{width:50px;vertical-align:top;}
dd.dis-inbl-pc.w50{width:calc(100% - 55px);}
dt.dis-inbl-pc.w100{width:100px;vertical-align:top;}
dd.dis-inbl-pc.w100{width:calc(100% - 105px);}
dt.dis-inbl-pc.w150{width:150px;vertical-align:top;}
dd.dis-inbl-pc.w150{width:calc(100% - 155px);}
dt.dis-inbl-pc.w200{width:200px;vertical-align:top;}
dd.dis-inbl-pc.w200{width:calc(100% - 205px);}

/* dl inline (ver 5.7)*/
dl.dl-in-pc dt,dl.dl-in-pc dd{display:inline;}
dl.dl-in-pc dt{margin-right:0.5em;}

/* li inline  (ver 5.7)*/
.li-in-pc > li,
.li-in-pc > li > dl{display:inline;}


/* tel用アンカーリンク v5.2new */
a.a-disabled {cursor:default;}

/* /// table pc common v5.2new /// */

/* 上下左右中央寄せ */
.tb-mdcn-pc{
	text-align:center;
	vertical-align:middle;
}

/* 上寄せ左右中央寄せ */
.tb-tcn-pc{
	text-align:center;
	vertical-align:top;
}

/* 上寄せ左寄せ */
.tb-tleft-pc{
	text-align:left;
	vertical-align:top;
}


/* 下寄せ左右中央寄せ */
.tb-bcn-pc{
	text-align:center;
	vertical-align:bottom;
}

/* dl table (pc only) */
.dlTable {display:table;}
.dlTable > dl{display:table-row;}
.dlTable > dl > dt,
.dlTable > dl > dd{display:table-cell;}

/* 縦書き ver5.7-*/
.writ-rl-pc{
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
}

/* 縦書き追加 ver5.7- */
.writ-lr-pc{
	-webkit-writing-mode: vertical-lr;
	-ms-writing-mode: tb-lr;
	writing-mode: vertical-lr;
}



/* ------------------------------------------------ 
       Common Color (pc Only) ver5.2
---------------------------------------------------  */

/* Font Normal Color */
.fcNmc-pc{color:#4C4948;}

/* Font Color */
.fcBlk-pc,.fcBlk-pc a{color:#000 !important;}
.fcWh-pc,.fcWh-pc a{color:#fff !important;}
.fcDarkGrey-pc{color:#333 !important;}
.fcGrey-pc{color:#888888 !important;}
.fcGreen-pc,.fcGreen-pc a{color:#5EAC77 !important;}
.fcOrange-pc,.fcOrange-pc a{color:#DE9C35 !important;}
.fcPink-pc,.fcPink-pc a{color:#D779A3 !important;}
.fcYellow-pc,.fcYellow-pc a{color:#FAF063 !important;}
.fcSkyBlue-pc,.fcSkyBlue-pc a{color:#49AAD2 !important;}

.fcGold-pc{color:#a98d18 !important;}
.fcRed-pc{color:#cf1226 !important;}
.fcBrown-pc{color:#654a3b !important;}
.fcDarkBlue-pc{color:#163153 !important;}
.fcBlue-pc{color:#004986 !important;}
.fcNavy-pc{color:#005DA1 !important;}
.fcThinBrown-pc{color:#c2bbaf !important;}


/* common background color */
.watarblue-pc{background:#87C1DE !important;}
.thinwatarBlue-pc{background:#fbfaf6 !important;}
.bgSkin-pc{background:#fcf2e2 !important;}
.bgSkyBlue-pc{background:#f2f9fc !important;}
.bgThinSky-pc {background:rgba(120,188,221,0.15) !important;}
.bgBroun-pc{background:#231815 !important;}
.bgThinBroun-pc{background:#E2DED8 !important;}

/* common border color */
.bdWhite-pc{border-color:#fff !important;}
.bdGreen-pc{border-color:#5EAC77 !important;}
.bdOrange-pc{border-color:#DE9C35 !important;}
.bdPink-pc{border-color:#D779A3 !important;}
.bdSkyBlue-pc{border-color:#78BCDD !important;}
.bdNone-pc{border-color:transparent !important;}

.bdbtmWhite-pc{border-bottom:1px solid #fff !important;}
.bdtopWhite-pc{border-bottom:1px solid #fff !important;}

/* リンクボーダー指定 ver5.6-*/
.bdNonePc a,a.bdNonePc{text-decoration:none;}
.bdYesPc a,a.bdYesPc{text-decoration:underline;}
.bdHvYesPc a:hover,.a.bdHvYesPc:hover{text-decoration:underline;}

/* modal ver5.6 */
.modal__bg{
	height: 100vh;
	width: 100%;
}

.modal__content{
	width: 100%;
	max-width:1000px;
}

/* hoverで拡大する画像 ver5.9- */
.zoomImg:hover img{
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all  0.4s ease;
	transform:scale(1.2,1.2);}

/* ------------------------------------------------ 
       Common Form Parts  ver5.7
---------------------------------------------------  */
/* input and textarea size */

input.fulls,input.fulls-pc,textarea.fulls,textarea.fulls-pc{width:100% !important;}
input.fulls-max,input.fulls-max-pc,textarea.fulls-max,textarea.fulls-max-pc{width:100% !important;max-width:80%;}
input.fulls-lrtx,input.fulls-lrtx-pc,textarea.fulls-lrtx,textarea.fulls-lrtx-pc{width:calc(100% - 200px) !important;}
input.halfs,input.halfs-pc{width:50% !important;}
input.halfs-max,input.halfs-max-pc{width:50% !important;max-width:150px;}
input.halfs-lrtx,input.halfs-lrtx-pc{width:calc(50% - 200px) !important;}



/* //////////////////////////////////////////////////////////
-------------------------------------------------------------
Customer Common Style
-------------------------------------------------------------
////////////////////////////////////////////////////////// */

/* box width */
.fullWidthThin{padding-left:80px;padding-right:80px;}

.nmWidth {
	width:100%;
	max-width:1280px;
	padding-left:40px;
	padding-right:40px;
	margin:0 auto;
}
.wideWidth{width:100%;margin:0 auto;}
@media (min-width: 1344px) {.wideWidth{width:90%;}}

.nrWidth {
	width:100%;
	max-width:1024px;
	padding-left:40px;
	padding-right:40px;
	margin:0 auto;
}

.wideWidth {
	width:100%;
	max-width:1330px;
	padding-left:40px;
	padding-right:40px;
	margin:0 auto;
}

.nrMoreWidth {
	width:100%;
	max-width:880px;
	padding-left:40px;
	padding-right:40px;
	margin:0 auto;
}

.hfcolumns{
	width:50%;
}



/* non post */
li.nonPost p{text-align:center;padding:20px;}

/* common block */
.content{padding-bottom:80px;}

/* page link space */
.pageLinkSapce {height:140px;}
.pageLinkSapceLow {height:70px;}

/* ------------------------------------------------ 
       font-size
---------------------------------------------------  */
.titLevel0,.titLevel0p{font-size:80px;}
.titLevel1,.titLevel1p{font-size:46px;}
.titLevel2,.titLevel2p{font-size:38px;}
.titLevel3,.titLevel3p{font-size:32px;}
.titLevel4,.titLevel4p{font-size:26px;}
.titLevel5,.titLevel5p{font-size:20px;}
.titLevel6,.titLevel6p{font-size:16px;}

.textLevel1,.textLevel1p{font-size:18px;}
.textLevel2,.textLevel2p{font-size:16px;}
.textLevel3,.textLevel3p{font-size:15px;}
.textLevel4,.textLevel4p{font-size:14px;}
.textLevel5,.textLevel5p{font-size:12px;}

@media screen and (max-width:1366px) {
	.titLevel0,.titLevel0p{font-size:72px;}
	.titLevel1,.titLevel1p{font-size:42px;}
	.titLevel2,.titLevel2p{font-size:34px;}
	.titLevel3,.titLevel3p{font-size:28px;}
	.titLevel4,.titLevel4p{font-size:24px;}
	.titLevel5,.titLevel5p{font-size:18px;}
	.titLevel6,.titLevel6p{font-size:14px;}

	.textLevel1,.textLevel1p{font-size:16px;}
	.textLevel2,.textLevel2p{font-size:14px;}
	.textLevel3,.textLevel3p{font-size:13px;}
	.textLevel4,.textLevel4p{font-size:12px;}
	.textLevel5,.textLevel5p{font-size:10px;}
}

/* ------------------------------------------------ 
       header
---------------------------------------------------  */
header{min-width:1170px;}
header .secondary{min-width:805px;max-height:60px;}
header .headerLogo{
	width:356px;
	padding:16px 38px 20px 38px;
}

#home header .headerLogo{padding:33px 38px 20px 38px;}
#home header.active .headerLogo{padding:16px 38px 20px 38px;}

header .headerLogo .logoImg{width:280px;}
#home header .headerLogo .logoImg{width:280px;}

header .secondary{width:calc(100% - 356px);}

/*emergency btn */

.emergencyBtn {width:140px;height:60px;}

/* head space */
.headSpace{height:170px;}

/* ------------------------------------------------ 
       global nav
---------------------------------------------------  */

header .secondary .grNav{
	padding-right:30px;
	padding-top:35px;}
header .grNav .parentLi{position:relative;}
header .grNav .grandchildUl{
	width:170px;
	position:absolute;
	z-index:6100;
	background-color:#fff;
	top:40px;
	left:0;
}
header .secondary .grNav .parentUl > li{margin:0 15px;}
header .grNav .grandchildUl > li{border-bottom:1px solid #edf1f5;}
header .gnavBack{display:none;}

/* ------------------------------------------------ 
       slide banner 
---------------------------------------------------  */

#carousel .slides li figure > figcaption,
.lowBannerArea li figure > figcaption{
	width:100%;
	overflow:hidden;
	font-weight:600;
}

/* home slide */
#carousel .slides li figure > div{height:90px;}
#carousel .slides li figure > figcaption {
	padding:8px 10px 0;
	height:30px;}

/* low banner */
.lowBannerArea{padding:70px 0;}
.lowBannerArea li{
	width:calc(50% - 60px);
	max-width:570px;
	margin:0 30px 30px;
}
.lowBannerArea li:nth-last-child(1),
.lowBannerArea li:nth-last-child(2){margin:0 30px;}
.lowBannerArea li figure > div{height:150px;}


.lowBannerArea li figure > figcaption > span{
	padding:12px 10px 0;
	height:40px;
	background:url("/img/common/arrow-right_white.svg") no-repeat right 10px center;
	background-size:8px auto;
}

/* ------------------------------------------------ 
       breadcrumb List
---------------------------------------------------  */
.breadcrumbList {padding:10px;}

/* ------------------------------------------------ 
       pick up Link Top
---------------------------------------------------  */

.pickupLinkTop li a{
	transition: all  0.4s ease;
	overflow:hidden;
	padding:15px 0;}
header.active .pickupLinkTop li a{padding:5px 0 0;}

#home .pickupLinkTop li a{padding:30px 0 15px;}

.pickupLinkTop li a .icoImg{
	transition: all  0.4s ease;
	overflow:hidden;
	width:auto;height:40px;margin-right:12px;}
	
header.active .pickupLinkTop li a .icoImg{
	vertical-align:top;
	height:26px;}

#home .pickupLinkTop li a .icoImg{height:50px;margin-bottom:15px;margin-right:0;}

.pickupLinkTop li a span{padding-bottom:5px;}
#home .pickupLinkTop li a span{padding-bottom:0;}

/* ------------------------------------------------ 
       pick up Link Bottom
---------------------------------------------------  */
#home .pickupLinkBtm{padding-top:20px;}

.pickupLinkBtm li{
	border-width:0 1px 0 0;
	border-style:solid;
	width:20%;}
.pickupLinkBtm li:nth-child(5n){border-width:0 0 0 0;}

.pickupLinkBtm li a{
	padding:45px 0;
}
.pickupLinkBtm li a .icoImg{
	width:auto;
	height:55px;
}


.pickupLinkBtm li a figure{padding-right:26px;}

@media (max-width: 1344px) {
	.pickupLinkBtm li a .icoImg{height:30px;}
	.pickupLinkBtm li a figure{padding-right:10px;}
}

/* ------------------------------------------------ 
       post archive
---------------------------------------------------  */

.postPickUpList > .oneCategory{width:33.3%;}
.postPickUpList > .oneCategory{
	border-width:0 1px 0 0;
	border-style:solid;
}

.postPickUpList > .oneCategory:nth-child(3){border-width:0 0 0 0;}
.postPickupWrap .archiveLists li figure{
	padding-top:20px;
	padding-bottom:35px;
	text-align:center;}
.postPickupWrap .archiveLists li figure img{
	width:300px;
	height:300px;
	border-radius:150px;
}
@media (max-width: 1344px) {
.postPickupWrap .archiveLists li figure img{
	width:200px;
	height:200px;
	border-radius:100px;}
}
.postArchive ol.archiveLists > li{
	cursor:pointer;
	padding:0 0 45px 40px;
	border-width:0 0 1px 0;
	border-style:solid;
}

.postArchive ol.archiveLists.noSingle > li,
.postArchive ol.archiveLists > li.nonPost{cursor:default !important;}

.postArchive ol.archiveLists > li .category h2{padding:0 8px;}

/* post archive common */
.archiveListsWrap {padding-top:80px;}
.noSingleArchive .archiveListsWrap {padding-top:0 !important;}

.archiveListsWrap .archiveLists li figure{
	width:185px;
	padding:20px 15px 15px;}

.archiveListsWrap .archiveLists li figure img{
	width:150px;
	height:150px;
	border-radius:75px;
}

.archiveListsWrap .archiveLists.noSingle li figure{
	width:auto !important;
	height:auto !important;
	padding:20px 0 !important;
}

.archiveListsWrap .archiveLists.noSingle li figure img{
	width:auto !important;
	height:auto !important;
	border-radius:0;
}

.archiveListsWrap ol.archiveLists > li .inner{
	padding:10px 0 10px 20px;
	width:calc(100% - 185px);}

.archiveListsWrap ol.archiveLists.noTum> li .inner{
	padding:10px 20px !important;
	width:100% !important;}

.archiveListsWrap ol.archiveLists > li .readmore{margin-top:20px;}

.archiveListsWrap .newPost{
	padding:10px;
	font-size:14px;
	border-radius:8px;
	margin-left:10px;
}

.archiveListsWrap ol.archiveLists.noSingle > li{padding:40px 0;}

/* ------------------------------------------------ 
       Conversion Link Button
---------------------------------------------------  */
.cvBannerWrap > ul > li.halfBanner{width:50%;}
.cvBannerWrap > ul > li.fourBanner{width:25%;}
.cvBannerWrap > ul > li.halfBanner,
.cvBannerWrap > ul > li.fourBanner{
	border-width:0 1px 1px 0;
	border-style:solid;
}

.lowcvBanner{padding:40px 40px 0;}


.lowcvBanner > ul > li.halfBanner{
	width:33.3%;
	border-width:0 1px 1px 1px;
}
.lowcvBanner > ul > li.halfBanner,
.cvBannerWrap > ul > li.fourBanner{
	padding-top:50vh;
	-webkit-transition: all 0.8s ease;
	-moz-transition: all 0.8s ease;
	-o-transition: all 0.8s ease;
	transition: all  0.8s ease;
	opacity:0;
}

.lowcvBanner > ul > li.halfBanner.active,
.cvBannerWrap > ul > li.fourBanner.active{
	opacity:1;
	padding-top:0;}

.cvBannerWrap > ul > li.halfBanner:nth-child(even){border-width:0 0 1px 0;}

.cvBannerWrap > ul > li.fullBanner{
	border-width:0 0 1px 0;
	border-style:solid;
	width:100%;}

.cvBannerWrap > ul > li a > figure img{
	height:380px;
	height:calc(40vh - 50px);
}



.cvBannerWrap > ul > li a:hover > figure img{opacity:0.7;}
.cvBannerWrap > ul > li a > .inner{
	text-align:center;
	padding:70px 40px;}


.cvBannerWrap > ul > li a > .inner h2{margin-bottom:10px;}

/* ------------------------------------------------ 
       signboard
---------------------------------------------------  */
.signboardArcIndex,
.signboardCateIndex,
.signboardPost,
.signboardPageEye,
.signboardClub,
.signboardClub > .primary{height:300px;}

.signboardTxtOnly,
.signboardTxtOnly > .inner{height:200px;}

.signboardPost .category,.postContentHead .titleBox .category{padding:2px 10px;}
.signboardPost .titleBox .category,
.postContentHead .titleBox .category{margin-bottom:20px;}

/* content head title */
.postContentHead > .titleBox{
	padding-top:40px;
	padding-bottom:40px;
}

/* category archive */
.categoryArchivehead h2{padding:0 15px;}

/* Short signboard */
.signboardShort{height:200px;}

/* clubsignboard */

/* clubsignboard + wide */
.signboardClub,.signboardWide {align-items:center;}
.signboardClub > .primary,
.signboardWide > .primary{width:60%;}
.signboardClub > .secondary,
.signboardWide > .secondary{
	padding-right:40px;
	text-align:right;
	width:40%;}

/* wide signboard */

.signboardWide,
.signboardWide > .primary,
.signboardWide > .primary img{height:calc(100vh - 300px);}

/* ------------------------------------------------ 
       pagenation
---------------------------------------------------  */
nav.pagination,.wp-pagenavi {margin:80px auto 40px;}
nav.pagination ul > li,
.wp-pagenavi > a,.wp-pagenavi > span{margin:0 5px;}
nav.pagination ul > li a,
nav.pagination ul > li span.dots,
nav.pagination ul > li span.current,
.wp-pagenavi > a,.wp-pagenavi > span{
	min-width:30px;
	font-size:16px;
	padding:1px 0;
}
nav.pagination ul > li a.prev{margin:0 50px 0 0;}
nav.pagination ul > li a.next{margin:0 0 0 50px;}


/* ------------------------------------------------ 
       footer
---------------------------------------------------  */
.schoolBaseData {padding:20px 30px;}
.schoolBaseData > div.primary{width:30%;}
.schoolBaseData > div.secondary{width:70%;}
.schoolBaseData > div.primary .logoImg{width:240px;}

footer .ftNav{padding:40px 30px;}
footer .ftNav > div{width:50%;}
footer .ftNav > div > div{
	min-width:145px;
	width:25%;
	padding-right:20px;}
	
footer .ftNav .inner > ul > li{margin-bottom:40px;}
footer .ftNav .inner > ul > li:nth-last-child{margin-bottom:0;}
footer .ftNav .grandchildUl{margin-top:8px;}
footer .ftNav .grandchildUl > li:before{
	content:" - ";
	padding-right:0.5em;
	display:inline-block;
}
footer .ftNav .grandchildUl > li{
	margin-bottom:10px;
	font-size:12px;}
@media screen and (max-width:1366px) {
footer .ftNav .grandchildUl > li{font-size:10px;}
}
footer .ftNav .inner > ul > li a:hover{text-decoration:underline;}
footer .ftNav .inner > ul > li .fsMid{font-weight:600;}
footer .copy{padding:20px 0;}

/* //////////////////////////////////////////////////////////
-------------------------------------------------------------
Customer Common post Style
-------------------------------------------------------------
////////////////////////////////////////////////////////// */
.postLink{padding:90px 40px;}
.postLink li{
	width:200px;
	margin:0 35px;}
.postLink li a{padding:20px;}

/* wp block editor post content */
.win .postContent li,.win .postContent figcaption,.win .postContent cite,.postContent pre{
	font-family:メイリオ, Meiryo,'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro','Yu Gothic Medium', '游ゴシック Medium', YuGothic, '游ゴシック体',Verdana, Arial, Osaka, 'ＭＳ Ｐゴシック', 'MS P Gothic', sans-serif;
	font-weight:400;
}

.postContent h1{font-size:38px;}
.postContent h2{font-size:26px;}
.postContent h3{font-size:24px;}
.postContent h4{font-size:20px;}
.postContent h5{font-size:18px;}
.postContent h6{font-size:16px;}

.postContent blockquote{padding:40px;}

.generalContent hr.hrCenter{margin-bottom:40px;}

/* table */
.postContent th,.postContent td{padding:15px;}

.postContent .mt-image-none{margin:20px 0;}

/* //////////////////////////////////////////////////////////
-------------------------------------------------------------
Customer Common Parts Style
-------------------------------------------------------------
////////////////////////////////////////////////////////// */
.notFound {padding-top:40px;}

/* 中央縦線付タイトル */
.cnbdTitle{
	padding:40px 20px;
	margin-bottom:60px;}
.cnbdTitle .cnbdTitleInner{bottom:-60px;}
.cnbdTitle .cnbdTitleInner span{height:80px;}

/* 円数字 */

.titLevel3.circleNumberWrap span.tx{
	width:calc(100% - 70px);
}
.titLevel3 .circleNumber {
	width:50px;
	height:50px;
	padding:0 1px;
	border-radius:25px;
}

/* ------------------------------------------------ 
       table
---------------------------------------------------  */
.wp-block-table.nmTable th,.wp-block-table.nmTable td,
table.nmTable th,table.nmTable td{padding:10px;}

/* 料金表table */
.feeTable table{width:100%;}
.feeTable table thead th{width:25%;}

/* dl table (2block)*/
.dlTable {display:table;margin-bottom:20px;}
.dlTable > dl{display:table-row;}
.dlTable > dl > dt,.dlTable > dl > dd{display:table-cell;}

/* ------------------------------------------------ 
       page group nav
---------------------------------------------------  */

.pageGroupNav{border-top:1px solid #efefef;}
.pageGroupNav{
	padding-top:40px;
	margin-top:100px;}

.pageGroupNav.pageGroupNavSecond{
	margin-top:0;
	margin-bottom:40px;
	padding-top:20px;
	border-top:1px solid #fff;}

.pageGroupNav li {
	margin-right:10px;
	width:calc(20% - 10px);
	height:50px;
}
.pageGroupNav li > a > span,
.pageGroupNav li > div > span{height:50px;}

/* ------------------------------------------------ 
       button
---------------------------------------------------  */
.nmBtn.btnUp{padding-top:30px;}
.nmBtn > a,
.nmBtn > input[type=submit]{padding:15px 25px;}
.nmBtn.nmBtnBig > a,
.nmBtn.nmBtnBig > input[type=submit]{
	font-size:1.4em;
	padding:20px 40px;}

/* pagetop */
.ptopBtn {
	right:10px;
	bottom:10px;
}

.ptopBtn a{
	width:60px;
	height:60px;
	font-size:20px;
	padding-top:10px;
}

/* 横並び */
.flexBtn li {min-height:100px;}

/* アイコン付並列リンクボタン */

.parallelBtn{margin:40px 0;}
.parallelBtn li dl > dt{padding:10px;}
.parallelBtn li dl > dd{padding:10px 10px 10px 0;}
.parallelBtn li.dtImg dl > dt{width:100px;}
.parallelBtn li.dtImg dl > dd{width:calc(100% - 100px);}
.parallelBtn li.dtIco dl > dt{width:60px;text-align:right;}
.parallelBtn li.dtIco dl > dd{width:calc(100% - 60px);}
.parallelBtn-Four li{
	border-radius:4px;
	margin-right:20px;}

.parallelBtn-Four li{width:calc(25% - 15px);}
.parallelBtn-Four li:nth-child(4n){margin-right:0;}
.parallelBtn li dl > dt i{font-size:2em;}

/* ------------------------------------------------ 
       FormParts
---------------------------------------------------  */

/* selectmenu */
.selectbox {width:100%;}
.selectbox select{
	font-size:1em;
	padding:15px;}
.selectbox::after{
	width:10px;
	height:10px;
	right:20px;
	top:35%;
}

.selectboxCaption{margin-bottom:20px;}

/* archive common */
.archiveCategorySelect{padding-top:40px;}
.archiveCategorySelect .selectbox{max-width:400px;}

input[type=text],input[type=email]{padding:10px;}

.nmFormTable th,.nmFormTable td{padding:10px;}
.nmFormTable th{width:200px;}
.nmFormTable th em{top:20px;}

/* ------------------------------------------------ 
       club index common
---------------------------------------------------  */
.clubArticle{padding-bottom:40px;}
.clubinfoCvBanner{margin-top:40px;}

.clubinfoCvBanner > ul > li a > .inner{
	padding:20px 20px !important;
}
.clubinfoCvBanner > ul > li a > figure img{
	height:250px !important;
}

.clubReport{padding:20px 0 80px;}
.clubReport hr{margin-bottom:20px;}
.clubReport ul li{
	width:calc(33.3% - 10px);
	border:1px solid #efefef;
	margin-right:10px;
}

.clubReport ul li:nth-child(3){margin-right:0;}
.clubReport ul li a{;padding:20px;}

.clubReport ul li:hover a{color:#fff;}
.clubReport ul{margin-bottom:20px;}
.clubReport .primary img{width:100%;height:250px;}

.clubActivityInner .primary,
.clubActivityInner .secondary{
	width:50%;
}

.clubActivityInner .secondary{padding-left:40px;}
.clubActivityInner .secondary span,
.clubActivityInner .secondary img{height:300px;}

.clubResults .inner li{width:calc(50% - 20px);}
.clubResults .inner li{
	margin-bottom:20px;
	margin-right:40px;}

.clubResults .inner li:nth-child(even){margin-right:0;}
.clubResults .inner li dt{display:inline-block;;}

/* ------------------------------------------------ 
       normal tabstyle common
---------------------------------------------------  */

ul.nmTab .tab{cursor:pointer;}
ul.nmTab .tab{
	height:100%;
	padding:20px;}

ul.nmTab.tabOne> li{width:100%;}
ul.nmTab.tabTwo > li{width:50%;}
ul.nmTab.tabThree > li{width:33.3%;}
ul.nmTab.tabFour > li{width:25%;}
ul.nmTab.tabFive > li{width:20%;}

.nmTabShow{padding:40px;}

.nmTabShow .timeTable li{
	width:calc(20% - 4px);
	margin:0 2px;
}


.nmTabShow .timeTable li dd,.nmTabShow .timeTable li dd span{width:100%;}
.nmTabShow .timeTable li dd{display:table;min-height:80px;}
.nmTabShow .timeTable li dd span{
	display:table-cell;
	vertical-align:middle;
	min-height:80px;
	padding:10px;}

.nmTabShow .eventSc li{
	width:calc(33.3% - 4px);
	margin:0 2px 2px;
}


.nmTabShow .eventSc li dd{padding:20px;}
.nmTabShow .eventSc li:before {
	top:6px;
	left:6px;
	width:28px;
}

/* 学校説明会用 */
ul.nmTab .tab .briefing_title {
	border-radius:4px;
	padding:4px 5px;
	margin-bottom:10px;}

/* ------------------------------------------------ 
       normal modal common
---------------------------------------------------  */

.nm_modal .modal__content{
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    width:100%;
    max-width:1024px;

}

.nm_modal .modal__wrap{
    padding: 20px;

    overflow-y:scroll;
}

.nm_modal .modal_close i{
	cursor:pointer;
	font-size:2em;
}

.nm_modal .modal_close_head{
	width:40px;
	top:-30px;
	right:-50px;
	cursor:pointer;
	background:rgba(255,255,255,0.2);
}

.nm_modal .modal_close_head i{color:#fff;}

/* ------------------------------------------------ 
       modalvideo common
---------------------------------------------------  */

.modalMoveSingle{padding:40px 0;}
.modalMoveSingle figure{
	width:600px;
	max-width:600px;
	margin:10px auto 0;
}
.modalMoveSingle figure img{
	width:100%;
	height:340px;
	object-fit:cover;
}
.modalMoveSingle figure .fa-play{font-size:60px;}


