@charset "utf-8";
/* CSS Document */


@font-face {
	font-family: 'Noto Sans JP';
	font-style: normal;
	font-weight: 400;
	src: url('/font/NotoSansCJKjp-Regular.woff') format('woff');
	font-display: swap;
}

@font-face {
	font-family: 'Noto Sans JP';
	font-style: normal;
	font-weight: 700;
	src: url('/font/NotoSansCJKjp-Bold.woff') format('woff');
	font-display: swap;
}

/*----------------------------------------------------------------------------
***                                                                 common
----------------------------------------------------------------------------*/
:root {
  --COLOR-RED: #922a5e;
  --COLOR-GREEN: #00a199;
}
a{transition:0.2s;text-decoration: none;}
a:hover{text-decoration: none;opacity:0.8;}

.withSlashes{text-align:center;}
.withSlashes:before{content:"＼";margin-right:0.25em}
.withSlashes:after{content:"／";margin-left:0.25em}

.titleBox{}
.titleBox h2.heading{font-size:18px;font-weight:bold;color:var(--COLOR-RED);}
.titleBox p.description{font-size:14px;font-weight:bold;}


/* 都道府県リスト */
.prefListSec{}
.prefListSec .prefListBox{
    margin: 2em auto;
}
.prefListSec .prefListBox .prefBtn{}
.prefListSec .prefListBox .prefBtn .prefList{
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 10px;
}
.prefListSec .prefListBox .prefBtn .prefList .prefBtn{
    width: 48%;
    text-align: center;
    border: 1px solid #4d4d4d;
}
.prefListSec .prefListBox .prefBtn .prefList .prefBtn a{color: #4d4d4d;padding: 0.25em;font-weight: bold;width: 100%;display: inline-block;text-decoration:none;}
.prefListSec .prefListBox .prefBtn .prefList .prefBtn a:hover{opacity:0.8;background:#4d4d4d22;color:#000}
.prefListSec .schoolPageBtn{}
.prefListSec .schoolPageBtn .number{}
.prefListSec .schoolPageBtn .number a{
    width: 100%;
    display: inline-block;
    font-weight: bold;
    padding: 0.65em 0;
    text-align: center;
    color: #fff;
    background: var(--COLOR-RED);
    text-decoration: none;
}

.prefListSec .schoolPageBtn .number a:before{content:"";background-image: url("../images/renewal2608/common/icon_glass.png");background-repeat: no-repeat;width:16px;height:16px;margin-right: 10px;display: inline-block;}
.prefListSec .schoolPageBtn .number a:hover{}

/* CTA通常版 */
.ctaTelSec{
    background: #3b93a214;
}

.ctaTelSec a{text-decoration:none;}
.ctaTelSec a:hover{opacity: 0.8;}

.ctaTelSec .titleBox h2.heading span,
.ctaTelSec .titleBox h2.heading{color:#413a58}
.ctaTelSec .ctaNormalBox{
    margin: 10px auto;
}
.ctaTelSec .ctaNormalBox .ctaBtn{}
.ctaTelSec .ctaNormalBox .ctaBtn .normalBtn{
    justify-content: center;
    gap: 10px;
}
.ctaTelSec .ctaNormalBox .ctaBtn .normalBtn .trialBtn{}
.ctaTelSec .ctaNormalBox .ctaBtn .normalBtn .requestBtn{}
.ctaTelSec .ctaNormalBox .ctaBtn .normalBtn .trialBtn a,
.ctaTelSec .ctaNormalBox .ctaBtn .normalBtn .requestBtn a{color:#fff;font-size: 18px;padding: 0.4em 1.5em;}
.ctaTelSec .ctaNormalBox .ctaBtn .telBtn .number a .strong{}
.ctaTelSec .ctaNormalBox .ctaBtn .telBtn .day{}
.ctaTelSec .ctaNormalBox .ctaBtn .lineImg{}
.ctaTelSec .ctaNormalBox .ctaBtn .lineImg a{}
.ctaTelSec .ctaNormalBox .ctaBtn .lineImg a img{}
.ctaTelSec .telBtn{margin:1em auto}
.ctaTelSec .telBtn p{text-align:center;margin:auto}
.ctaTelSec .telBtn .number{font-size:14px}
.ctaTelSec .telBtn .number a{font-size:125%;font-weight:bold;pointer-events: none;}
.ctaTelSec .telBtn .day{font-size:11px}


/*----------------------------------------------------------------------------
***                                                                  wrap
----------------------------------------------------------------------------*/
html{scroll-behavior: smooth; scroll-padding-top: 184px;}
#wrap{ position: relative; min-width: 1000px;}

/* section::before {
	content: "";
	display: block;
	height: 113px;
	margin-top: -113px;
	visibility: hidden;
} */

@media screen and (max-width: 1024px){
	#wrap{ min-width: 100%;}

	
}
.nengaBnrP{margin: 0.5em 0 0 !important; text-align:center;}

/*----------------------------------------------------------------------------
***                                                                  Header
----------------------------------------------------------------------------*/
header{ background-color:#FFF; padding:0; position:-webkit-sticky; position:sticky; top:0; width:100%; z-index:100;}
header .headerInner{ max-width:1100px; width: 90%; margin:0 auto; position:relative; height: 100%;}
header .headerInner h1{ }
header .headerInner h1 a img{vertical-align:baseline;}
.msb header .headerInner h1 a img{padding-top: 0.4em;}
header .headerInner h1 a,
header .headerInner h1 a:link,
header .headerInner h1 a:visited{ text-decoration: none; text-align:center;}

#headerBtnBox{}
#headerBtnBox li{ margin: 0 0.3em;}
#headerBtnBox a{ text-decoration: none; text-align:center;}
#headerBtnBox .telBtn{ }
#headerBtnBox .telBtn strong{ color: #333; font-size: 168.75%;}
#headerBtnBox .telBtn strong::before {
	content: '';
	display: inline-block;
	background: url(../images/top/icon_tel.jpg) no-repeat;
	background-size: contain;
	width: 16px;
	height: 24px;
	vertical-align: middle;
	margin-right:0.2em;

}
#headerBtnBox .telBtn span{ color: #333; font-size: 68.75%; display: block; margin-top: -0.7em;}
#headerBtnBox .requestBtn{ }
#headerBtnBox .requestBtn a {
	display: inline-block;
	background: #f7931e;
	border-radius: 100vh;
	color: #FFF;
	font-weight: 700;
	font-size: 93.75%;
	border-bottom: solid 3px #CCC;
}
#headerBtnBox .trialBtn a {
	display: inline-block;
	background: #ff1759;
	border-radius: 100vh;
	color: #FFF;
	font-weight: 700;
	font-size: 93.75%;
	border-bottom: solid 3px #CCC;
}

#headerBtnBox .summerBtn a {
	display: inline-block;
	background: #00bbc9;
	border-radius: 100vh;
	color: #FFF;
	font-weight: 700;
	font-size: 93.75%;
	border-bottom: solid 3px #CCC;
}
header .logoSubTxt {
	font-size: 14px;
	display: block;
	line-height: 1.5em;
	text-align: center;
	margin-bottom: -1.9em;
	margin-left: 3.3em;
	margin-top: 1.6em;
	color: #000;
	font-weight: bold;
}
footer .logoSubTxt{
	font-size: 12px;
	display: block;
	line-height: 1.5em;
	text-align: center;
	margin-bottom: -1.9em;
	margin-left: 3.7em;
	color: #000;
	font-weight: bold;
}

header .menuBox{
	background: #00a199;
	padding:0.6em 0;
}
.msb header .menuBox{
	background: none;
}
header .menuList{ max-width: 850px; width: 90%; margin:0 auto;}
header .menuList li{
	text-align:center;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
        -ms-flex-align:center;
            align-items:center;
    -webkit-box-pack:center;
        -ms-flex-pack:center;
            justify-content:center;
}
header .menuList li a {
	width: 100%;
	height: 100%;
	color: #FFF;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	text-decoration: none;
	font-weight: 500;
}
header .menuBox li a:hover{ }

header .menuBox .btnBox{
	    position: absolute;
	    top: 25%;
	    right: 14%;
	    gap: 0.4em;
}
header .menuBox .btn{
    background: #fff;
    padding: 0.7em 0.6em;
    border-radius: 0.5em;
    font-weight: bold;
    line-height: 2;
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 100%;
    line-height: 1;
}
header .menuBox .trial{color: #ff1759;}
header .menuBox .request{
    color: #f7931e;
   
}
header .menuBox .tel{text-align: center;padding: 0.3em 0.3em;/* display: flex; *//* flex-direction: column; *//* align-items: center; *//* height: 100%; */}
header .menuBox .tel img{
    width: 90%;
}

header nav.naviBox{ display:none;}
header nav.naviBox .line{
	margin: 2em auto 1em;
	background-color: #fff;
	padding: 0.2em 0.5em;
	border-radius: 10px;
	border: 2px solid #06c755;
}
header nav.naviBox .line a{
	color: #06c755;
}
header nav.naviBox .line a img{
	margin-right: 0.3em;
	width: 9%;
}

header  .schoolList{
	margin-top: 0.3em;
	font-size: 90%;
	position: absolute;
	top: 21%;
	right: 16%;
	background-color: #fff;
	padding: 0.3em 0.5em;
	border-radius: 0.3em;
	font-weight: bold;
	align-items: center;
}
header  .schoolList p{color: #9c2963;margin: 0;font-weight: bold;font-size: 130%;}
header  .schoolList p span{
	font-size: 149%;
    color: #06c755;
    margin: 0;
}
header  .schoolList img{
	width: 20%;
	height:100%;
	margin-right: 0.2em;
}

header  .linkLine{
	margin-top: 0.3em;
	font-size: 90%;
	position: absolute;
	top: 24%;
	right: 16%;
	background-color: #fff;
	padding: 0.3em 0.5em;
	border-radius: 0.3em;
	font-weight: bold;
	align-items: center;
}
header  .linkLine p{color: #000;margin: 0;font-weight: bold;font-size: 110%;}
header  .linkLine p span{
	font-size: 149%;
    color: #06c755;
    margin: 0;
}
header  .linkLine img{
	width: 20%;
	height:100%;
	margin-right: 0.2em;
}





/* 1000px以下*/
@media screen and (max-width:1000px){

}
/* 850px以下*/
@media screen and (max-width:900px){
	header li a{ font-size:1rem;}
	#headerBtnBox .telBtn strong{ font-size:150%;}
	#headerBtnBox .telBtn span{ font-size:60%;}
	#headerBtnBox .trialBtn a{/* font-size:80%; *//* line-height: 1.3em; */}
	#headerBtnBox .requestBtn a{/* min-width: auto; */}
	#headerBtnBox .trialBtn br{ display: block;}
	header .headerInner h1{ width: 27%;}




}


/*----------------------------------------------------------------------------
 ***                                                           パンくずリスト
----------------------------------------------------------------------------*/
#breadcrumbList{ padding:1em 0;}
#breadcrumbList ul{ max-width:950px; width:96%; margin:0 auto; padding:0;}
#breadcrumbList li{ float:left; font-size:87.5%; margin:0 1.5em 0 0; line-height:1.8em; position:relative;}
#breadcrumbList li a{ color:#232323; -webkit-transition:opacity .3s; -o-transition:opacity .3s; transition:opacity .3s;}
#breadcrumbList li a:hover{ text-decoration:none; opacity:0.6;}
#breadcrumbList li:not(:last-child):after{
	content: '';
	width: 6px;
	height: 6px;
	border: 0;
	border-top: solid 2px #999999;
	border-right: solid 2px #999999;
	-webkit-transform: rotate(45deg);
	    -ms-transform: rotate(45deg);
	        transform: rotate(45deg);
	display: inline-block;
	margin-left:1.5em
}

#breadcrumbListIT{ padding:0.2em 0; background: #CCC;}
#breadcrumbListIT ul{ max-width:950px; width:96%; margin:0 auto; padding:0;}
#breadcrumbListIT li{ float:left; font-size:87.5%; margin:0 1.5em 0 0; line-height:1.8em; position:relative;}
#breadcrumbListIT li a{ color:#232323; -webkit-transition:opacity .3s; -o-transition:opacity .3s; transition:opacity .3s;}
#breadcrumbListIT li a:hover{ text-decoration:none; opacity:0.6;}
#breadcrumbListIT li:not(:last-child):after{
	content: '';
	width: 6px;
	height: 6px;
	border: 0;
	border-top: solid 2px #FFFFFF;
	border-right: solid 2px #FFFFFF;
	-webkit-transform: rotate(45deg);
	    -ms-transform: rotate(45deg);
	        transform: rotate(45deg);
	display: inline-block;
	margin-left:1.5em
}

/*----------------------------------------------------------------------------
***                                                              mainsection
----------------------------------------------------------------------------*/
.bg_diagonal{ position:relative;}
.bg_diagonal.ba_Gr {background: #00a1991A;}
.bg_diagonal::before{
	content:"";
    position:absolute;
    width:100%;
    height:100%;
    left:0;
	right:0;
	bottom:0;
	background-color:#ccc;
    background-image:-webkit-gradient(linear, 0 0, 100% 100%,color-stop(.25, #fff), color-stop(.25, transparent),color-stop(.5, transparent), color-stop(.5, #fff),color-stop(.75, #fff), color-stop(.75, transparent),to(transparent));
    -webkit-background-size:7px;
	background-image:-o-linear-gradient( 135deg, #ccc 25%, #fff 25%, #fff 50%, #ccc 50%, #ccc 75%, #fff 75%, #fff);
	background-image:linear-gradient( -45deg, #ccc 25%, #fff 25%, #fff 50%, #ccc 50%, #ccc 75%, #fff 75%, #fff);
	background-size:7px 7px;
	background-attachment:fixed;
	z-index:-2;
	opacity:0.3;
}

.shosaiBtn{ background: #922a5e; width: 16.5em; margin:2em auto 0; border-radius: 100vh;}
.shosaiBtn a{  text-decoration: none;  display: block; width: 100%; text-align: center;  position: relative;   font-size: 131.25%;  padding: 0.5em 1em; }
.shosaiBtn a span{ color: #FFF;}
.shosaiBtn a span::after {
    content: '';
    width: 8px;
    height: 8px;
    border: 0;
    border-top: solid 2px #FFF;
    border-right: solid 2px #FFF;
    position: absolute;
    top: 50%;
    right: 35px;
    margin-top: -4px;
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
}

/*----------------------------------------------------------------------------
***                                                                  footer
----------------------------------------------------------------------------*/

#inquirySec{ padding:3em 0; }
#inquirySec .sectionInner{ max-width: 950px;  background: #FFF; margin:0 auto; padding:1.7em 2em; }
#inquirySec .sectionInner > div{ margin: 1em 0 2em;}
#inquirySec dl{ width: calc( 100% - 225px );}
#inquirySec h3{font-size: 184.25%;}
#inquirySec dt{ margin-bottom: 0.5em; font-size: 137.5%;}
#inquirySec p{ font-size: 87.5%; margin:0;}

#footerBtnBox{}
#footerBtnBox li{ margin: 0.3em; text-align: center; z-index: 0;}
#footerBtnBox a{ text-decoration: none;}
#footerBtnBox .telBtn{ width: 100%; }
#footerBtnBox .telBtn strong{ color: #333; font-size: 168.75%;}
#footerBtnBox .telBtn strong::before {
	content: '';
	display: inline-block;
	background: url(../images/top/icon_tel.jpg) no-repeat;
	background-size: contain;
	width: 16px;
	height: 24px;
	vertical-align: middle;
	margin-right:0.2em;

}
#footerBtnBox .telBtn span{ color: #333; font-size: 68.75%; display: block; margin-top: -0.7em;}
#footerBtnBox .telBtn a{ display: inline-block;}
#footerBtnBox .requestBtn{ }
#footerBtnBox .requestBtn a {
	display: block;
	width: 13em;
	background: #f7931e;
	border-radius: 100vh;
	padding: 0.4em 1em;
	color: #FFF;
	font-weight: 700;
	font-size: 118.75%;
	border-bottom: solid 3px #CCC;
}

#footerBtnBox .trialBtn a {
	display: block;
	width: 13em;
	background: #ff1759;
	border-radius: 100vh;
	padding: 0.4em 1em;
	color: #FFF;
	font-weight: 700;
	font-size: 118.75%;
	border-bottom: solid 3px #CCC;
}

#inquirySec .lineBnr p{ font-size: 112.5%;  margin-bottom: 0.5em;}
#inquirySec .lineBnr p span{ color: #555555; }
#inquirySec .lineBnr p span::before{
	content: "";
	width: 1em;
	height: 2px;
	background: #555555;
	-webkit-transform:rotate(45deg);
	    -ms-transform:rotate(45deg);
	        transform:rotate(45deg);
	vertical-align: middle;
	display: inline-block;
	margin: -0.1em 0.5em 0 0;
}
#inquirySec .lineBnr p span::after {
	content: "";
	width: 1em;
	height: 2px;
	background: #555555;
	-webkit-transform: rotate(135deg);
	    -ms-transform: rotate(135deg);
	        transform: rotate(135deg);
	vertical-align: middle;
	display: inline-block;
	margin: -0.1em 0 0 0.5em;
}




/*----- 【フッターリンク】 -----*/
#footerContentList{padding: 8% 5%; margin: 0 auto; background: #FFF;}
#footerContentList .ittoLogo{ width: 68%; margin: 0 0 7%;}
#footerContentList a{color: #333333;}
#footerContentList .boxL{padding-right:50px;}
#footerContentList .contentList .sitePageListBox{ font-size: 110%;}
/* #footerContentList .contentList .sitePageListBox:last-child{ -webkit-box-pack:unset; -ms-flex-pack:unset; justify-content:unset;} */
#footerContentList .contentList .sitePageListBox .sitePageItem{padding: 0 0;margin: 0 0 1em 0;}
#footerContentList .contentList .sitePageListBox .sitePageTitle {padding:0 0 0 1.7em; background: url(/images/common/icon_list07.png) left no-repeat; margin:0;}
#footerContentList .contentList .sitePageListBox .listItem{ background:url(/images/common/icon_list05.png) 0px 70% no-repeat; padding: 3% 0 0 1em; line-height:18px;}
/* #footerContentList .sitePageListBox:last-child .sitePageItem:last-child{ margin:0;} */
#footerContentList .sitePageListBox .icoImg{margin: 0 0 0 0.3em; width: auto;}
#footerContentList .sitePageList{ padding-left: 15px;}
#footerContentList .schoolsListBox .sitePageList{ display: -webkit-box; display: -ms-flexbox; display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start; margin:0 0 1em 0;}
#footerContentList .schoolsListBox .sitePageList .listItem{margin: 0 2% 0 0; padding: 3% 0 0 1em; line-height: 1.6em; width: 5em; }

footer .sectionInner{padding:5%;}
footer > .sectionInner{ background: #dbdbdb; }
footer #company li.logo{float:left; width:25%; margin-right:3%;}
footer #company li.caption{width:100%;}
footer #company li.name{width:100%; font-size:140%; font-weight:bold;}
footer #companyNav li{ margin-right:2em; padding:0.8em 0 0; font-size:110%;}
footer #companyNav li:last-child{ margin-right:0; }
footer #gyoutaiNav {padding-top:1em; margin-top:1em; border-top:#FFF 1px dashed;}
footer #gyoutaiNav ul{
    display: flex;
    gap: 2%;
    justify-content: center;
}
footer #gyoutaiNav li{
    width: 15%;
    text-align: center;
}
footer #gyoutaiNav li:last-child{ padding-right:0; }
footer #copyright{text-align:center; margin-top: 7%;}
footer p.customerTEL{ font-size: 11px;}


footer .footerLogo{
	width: 55%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 2em;
	display: block;
}

footer .footerInner{ max-width: 950px; margin:0 auto; width: 90%; padding:1em 0 1.5em;}
footer .footerInner .snsBtn{ margin: 0.7em 1.5em 0;}
footer .footerInner .instaBtn{ margin-right: 0.5em;display:inline-block;}
footer .footerInner p{ font-size: 75%; margin:0;}
footer .footerInner a{text-decoration:none;}



/*----------------------------------------------------------------------------
 ***                                                              ページトップ
----------------------------------------------------------------------------*/
.pageTop{ position:fixed; right:0.5em; bottom:0.5em; z-index:99; margin:0;display:none;}
@media screen and (min-width:767px){
	.pageTop{margin-bottom:0!important;}
}
.pageTop a{
	width:50px;
	height:50px;
	background-color:#fff;
	border-radius:50px;
	border:2px solid #00a199;
	position:relative;
	color:#00a199;
	font-weight:bold;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
        -ms-flex-align:center;
            align-items:center;
    -webkit-box-pack:center;
        -ms-flex-pack:center;
            justify-content:center;
	line-height:1em;
	-webkit-transition:all .3s;
	-o-transition:all .3s;
	transition:all .3s;
}
.pageTop a:hover{ background-color:#00a199; color:#fff; text-decoration:none;}


/* 1000px以下*/
@media screen and (max-width:1000px){
	footer .menuList{ -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center;}
	.msb footer .menuList{justify-content: left;}
	footer .menuList li{ width: 10em; }

}


/* -----------------------------------
	202608リニューアル
----------------------------------- */
/* CTA */
aside.ctaBox{padding: 6px 8px;margin-bottom: 3px;background-color: #fff;}
aside.ctaBox .ctaLists{
    display: flex;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
    gap:2px;
}
aside.ctaBox .ctaLists .listItems{flex: 1 1 0;min-width: 0;}
aside.ctaBox .ctaLists .btn{
	display: flex;
	align-items: center;
	gap: 2px;
	justify-content: center;
	background: #94295d;
	color: #fff;
	width: 100%;
	height: 100%;
	padding: 10px 5%;
	box-sizing: border-box;
	text-align: center;
	text-decoration: none;
	white-space: nowrap;
	transition:0.2s ease-in-out;
}
aside.ctaBox .ctaLists .btn:before{content:"";display: inline-block;padding-right:2px;width:26px;height:26px;background-repeat:no-repeat;}
aside.ctaBox .ctaLists .btn.trial:before{background: url("../images/renewal2608/common/icon_experience.png") center / cover no-repeat;}
aside.ctaBox .ctaLists .btn.request:before{background: url("../images/renewal2608/common/icon_request.png") center / cover no-repeat;}
aside.ctaBox .ctaLists .btn.tel:before{background: url("../images/renewal2608/common/icon_tel.png") center / cover no-repeat;}

aside.ctaBox .ctaLists .btn:hover{opacity:0.9}

/* CTA 画面下部用 */
#contact_bottom{
	position: fixed;
	background: #fff;
	bottom: 0px;
	left: 0;
	right:0;
	width: 100%;
	z-index: 9;
	max-width: 480px;
	margin:auto;
	display: none;
	}