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


.sectionInner .normalBtn01{ background:none; padding:0; margin:3em 0 0;}
.normalBtn01{ background-color:#B3E8EB; padding:2em 0; margin:0 0 3em;}
.normalBtn01 .txtBtn .subText{ font-size:1.25rem; font-weight:bold; display:inline-block; padding:0 1.2em 0.5em; position:relative;}
.normalBtn01 .txtBtn .subText:before,
.normalBtn01 .txtBtn .subText:after{
	display:inline-block;
	font-size:1.25rem;
	position:absolute;
	top:0;
	bottom:0;
	margin:auto;
}
.normalBtn01 .txtBtn .subText:before{ content:"／"; transform:scale(-1,1); left:0;}
.normalBtn01 .txtBtn .subText:after{ content:"／"; right:0;}


#gnav{padding: 0;}
#gnav .gnavBox{
}
#gnav .telImg{margin: 0;max-width: 24%;}
#gnav .telImg img{max-width:100%; height:auto;}
.telImg02{width: 49%;margin-top: 5px;}


/*-- お茶の間留学キャンペーンPOPUP--*/
.popup_wrap input {display: none;}
.popup_overlay {display: flex;justify-content: center;overflow: auto;position: fixed;top: 0;left: 0;z-index: 9999;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.7);opacity: 0;transition: opacity 0.5s, transform 0s 0.5s;transform: scale(0);}
.popup_trigger { position: absolute; width: 100%; height: 100%;}
.popup_wrap input:checked ~ .popup_overlay { opacity: 1; transform: scale(1); transition: opacity 0.5s;}
.open_btn {position: relative;cursor: pointer; transition: .3s ease;}
.open_btn:hover{ transition: .3s ease;opacity:0.8;}
.close_btn { position: absolute; top: 3%; right: 1%; font-size:35px; cursor: pointer;font-weight: bold;line-height: 0.4em;}
.close_txt{font-size: 13px;}

.popup_content { position: relative;align-self: center;max-width:800px;width: 95%; padding: 30px 30px 15px; box-sizing: border-box; background: #fff; line-height: 1.4em; transition: 0.5s;height: auto;margin: 4em auto;border: solid 15px #7fd5d1;}
.popup_content p{}
.popup_content img{width: 103%;}
#campaignSec{text-align: center;}
#campaignSec .cp_banner img{margin: 1em auto;}
#campaignSec .pop_txt{position: absolute;left: 5%; top: 58%;font-size: 105%;color: #333;}
#campaignSec .address_register{padding-left: 5%;}
#campaignSec a{color:#2d8cff; }
#campaignSec .taiken{color:#FFF;max-width: 420px;font-size: 170%;padding: 1em; }
#campaignSec .taikenBox{font-size: 21px;font-weight: bold;}
#campaignSec .formBox{margin: 0 0 2em 0;}

.pc { display: block !important; }
.sp { display: none !important; }


/*----------------------------------------------------------------------------
***                                                            ファーストビュー
----------------------------------------------------------------------------*/
#mainView{background:url("../images/top/img_header2209.jpg")no-repeat center center/cover;max-width: 100%;margin: 0 auto 0;}/*--------2022.09.16-----------*/
#mainView .mainViewInner{max-width:1000px;width: 100%;margin:0 auto;padding: 40px 0px 40px 50px;border-top: none;position:relative; }
#mainView .bgBox{/*border:1px solid #fff;*/display:inline-block;/*padding: 2em 2em;*/width: 44%;}/*--------2022.09.16-----------*/
#mainView .cmBtn{ position:absolute; right:0%; bottom:4%;}/*--------2022.09.16-----------*/
#mainView .kakikoshu{ position:absolute; right:0%; bottom:57%;}
.textpresent{width: 100%; height: auto; margin: 2em auto 0; text-align: center;}

/*--------2022.09.16-----------*/
#mainView .bgBox .ttlBox02{margin-top: 13px;}
#mainView .bgBox .sabttlBox{color: #00ADA4;font-size: 28px;}
#mainView .bgBox .sabttlBox .boxInner{font-size: 35px;color: #000;}
#mainView .ttl-h2 {margin: 0.8em 0 0 0;line-height: 1.8em;text-shadow: 0px 0px 10px #fff;}
#mainView .taikenTxt{font-size: 25px;font-weight: bold;}
#mainView .formBox{margin: 1em 0 0 0}
#mainView .formBox .formBtn{padding: 0.5em 1em 0.5em;font-size:200%;width: 100%;box-shadow:0px 5px 10px 1px rgb(0 0 0 / 30%);}

/*--------2022.09.16-----------*/


/*--------2022.02.14カリキュラムボタン追加-----------*/
#btnBox {max-width: 905px;margin: 3em auto 0;}
/*--------2022.02.14-----------*/


/*-- ハイクオリティのオンライン英会話 --*/
#aboutSec .ttlBox .ttl-h3{ font-size:1.875rem; color:#00b2bc; line-height:1.4em;margin-bottom: 0.5em;}
#aboutSec .ttlBox .ttl-h3 .txtMain{ font-size:2.25rem; padding:0;}
#aboutSec .ttlBox p strong{ font-size: 130%;}
#aboutSec .contentsBox p.tac{ margin:3em auto 0;}
#aboutSec .contentsBox .txtBox{ margin:0 auto;}
#aboutSec .aboutBox{}
#aboutSec .aboutBox ul{}
#aboutSec .aboutBox li{ width:calc(100% / 4); margin:1em auto; position:relative; padding:125px 0 0; text-align:center; font-size:1.25rem; font-weight:bold; line-height:1.4em; color:#333;}
#aboutSec .aboutBox li:before{
	content:"";
	width:115px;
	height:115px;
	display:block;
	position:absolute;
	top:0;
	left:0;
	right:0;
	margin:0 auto;
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
}
#aboutSec .aboutBox #item_zoom:before{ background-image:url(/images/top/icon_zoom.jpg);}
#aboutSec .aboutBox #item_price:before{ background-image:url(/images/top/icon_price.jpg);}
#aboutSec .aboutBox #item_device:before{ background-image:url(/images/top/icon_device.jpg);}
#aboutSec .aboutBox #item_24hours:before{ background-image:url(/images/top/icon_24hours.jpg);}
#aboutSec .aboutBox #item_settlement:before{ background-image:url(/images/top/icon_settlement.jpg);}
#aboutSec .aboutBox #item_curriculum:before{ background-image:url(/images/top/icon_curriculum.jpg);}
#aboutSec .aboutBox #item_language:before{ background-image:url(/images/top/icon_language.jpg);}
#aboutSec .aboutBox #item_price_free:before{ background-image:url(/images/top/icon_price_free.jpg);}
#aboutSec .normalBtn01{ background-color:#B3E8EB; padding:2em 0; margin:3em 0 0;}


/*-- TVコマーシャル動画！ --*/
#tvcmSec{ background-color:#00ada4;}
#tvcmSec .sectionInner{ padding:3em 0;}
#tvcmSec .movieBox{ max-width:420px; height:auto; background-color:#000; padding:0 10px; margin:0 2em;}
#tvcmSec .movieBox iframe{ border:none; width:100%; height:100%; padding:0 10px; border-left:5px dashed #fff; border-right:5px dashed #fff;}
#tvcmSec .sectionInner h3{ color:#fff; font-size:2.25rem; line-height:1.2em; margin:0 0 1em;}
#tvcmSec .sectionInner p{ color:#fff;}
/*-- TVコマーシャル動画！ --*/


/*-- 新・お茶の間留学の特長 --*/
#pointSec .pointBox{ max-width:800px; width:100%; margin:2em auto; padding:2em 3em; border:1px solid #999;}
#pointSec .pointBox .txtBox .ttl-h4{ font-size:2rem; font-weight:bold; padding:1em 0; color:#333; line-height:1.2em;}
#pointSec .pointBox .txtBox p{ font-size:1rem;}
#pointSec .pointBox .txtBox p .textNote{ font-size:0.75rem;}
#pointSec .pointBox .pointImg{
	margin:0;
	text-align: center;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content:flex-end;
    justify-content:flex-end;
}
#pointSec .lessonNavi{ max-width:840px; width:100%; margin:2em auto;}
#pointSec .lessonNavi li{ width:30%; margin:0;}
#pointSec .lessonNavi li a{
	letter-spacing:1px;
	position:relative;
	display:block;
	text-align:center;
	color:#fff;
	font-size:1.5rem;
	border-radius:50px;
	padding:0.5em 0.5em 0.6em 0;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#fff001+0,fff001+50,efe200+50,efe200+100 */
}
#pointSec .lessonNavi li a:after{
	content:"";
	width:20px;
	height:20px;
	background-image:url(/images/common/ico_contents05.png);
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center;
	position:absolute;
	top:0;
	bottom:0;
	right:1em;
	margin:auto;
}
#pointSec .lessonNavi .conversationBtn a{
	background: rgb(251,176,59);
	/* Old browsers */
	background: -moz-linear-gradient(top,  rgba(251,176,59,1) 0%, rgba(251,176,59,1) 50%, rgba(236,165,55,1) 50%, rgba(236,165,55,1) 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(251,176,59,1) 0%,rgba(251,176,59,1) 50%,rgba(236,165,55,1) 50%,rgba(236,165,55,1) 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(251,176,59,1) 0%,rgba(251,176,59,1) 50%,rgba(236,165,55,1) 50%,rgba(236,165,55,1) 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbb03b', endColorstr='#ECA537',GradientType=0 );
	/* IE6-9 */
}
#pointSec .lessonNavi .callanBtn a{
	background: rgb(19,67,124);
	/* Old browsers */
	background: -moz-linear-gradient(top,  rgba(19,67,124,1) 0%, rgba(19,67,124,1) 50%, rgba(18,63,116,1) 50%, rgba(18,63,116,1) 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(19,67,124,1) 0%,rgba(19,67,124,1) 50%,rgba(18,63,116,1) 50%,rgba(18,63,116,1) 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(19,67,124,1) 0%,rgba(19,67,124,1) 50%,rgba(18,63,116,1) 50%,rgba(18,63,116,1) 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#13437c', endColorstr='#123F74',GradientType=0 );
	/* IE6-9 */
}
#pointSec .lessonNavi .kidsBtn a{
	background: rgb(248,145,192);
	/* Old browsers */
	background: -moz-linear-gradient(top,  rgba(248,145,192,1) 0%, rgba(248,145,192,1) 50%, rgba(233,136,180,1) 50%, rgba(233,136,180,1) 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(248,145,192,1) 0%,rgba(248,145,192,1) 50%,rgba(233,136,180,1) 50%,rgba(233,136,180,1) 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(248,145,192,1) 0%,rgba(248,145,192,1) 50%,rgba(233,136,180,1) 50%,rgba(233,136,180,1) 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f891c0', endColorstr='#E988B4',GradientType=0 );
	/* IE6-9 */
}
/*-- 新・お茶の間留学の特長 --*/


/*-- 簡単で安定したZoomを使ったレッスン --*/
#deviceSec .deviceImg{ margin:0 auto 2em;}
#deviceSec .deviceImg p.txt01{
	display:inline-flex;
	justify-content:center;
	align-items:center;
	margin:1em;
	font-size:1rem;
	font-weight:bold;
	line-height:1.2em;
	font-feature-settings:normal;
}
#deviceSec .hituyouBox{max-width:800px;margin:5em auto;border: 7px solid #e6e6e6;padding: 2em 2em;}
#deviceSec .ttlInBox{display:inline-flex;justify-content:center;align-items:center; width:100%; text-align:center; margin:0 auto 1em; font-size:1.25rem;}

#deviceSec .hituyouList{ margin:0 auto 1em;}
#deviceSec .listItem{ width:33%; padding:0 1.5em; margin:0;}
#deviceSec .listItem:not(:last-child){border-right: 1px dashed #ccc;}
#deviceSec .listItem:last-child .ttl-h5{ text-align:center;}
#deviceSec .listItem .txtBox{max-width: 150px;padding:0  0.8em  0em 0; margin:0;}
#deviceSec .listItem .txtBox .txt01{ font-size:87.5%; margin:0.5em 0 0; line-height:1.4em;}
#deviceSec .listItem .imgBox { text-align:center; display:inline-flex; justify-content:center; align-items:center;}
#deviceSec .item-internet .imgBox{ display:block;}
#deviceSec .ttl-h5{font-size: 112.5%;}
#deviceSec .hituyouItemInternet{}
#deviceSec .hituyouItemInternet .txtBox{max-width: 200px;padding:0.5em  0 0em 0;margin-bottom: 0.5em;}
#deviceSec .normalBtn01{margin: 0 0 0;}
/*-- 簡単で安定したZoomを使ったレッスン --*/

/*-- 生徒様の声 --*/
#VoiceSec{position: relative;}
#VoiceSec::before{content: "";position: absolute;width: 100%;height:100%;left: 0;top: 0;background: #ccc;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: -1;opacity: 0.3;}
#VoiceSec .ttlBox .ttl-h3 .txtMain{background: none;}
#VoiceSec .ttlBox .ttl-h3:before{display: none;}
#VoiceSec .voiceBox{border: 1px solid #ccf0f2;position: relative;max-width: 720px;width: 95%;padding: 3em 2em;margin: 2em auto;background: #fff;}
#VoiceSec .voiceBox::before{content: "";display: block;background: url("/images/top/img_contents16.png")no-repeat;width: 20px;height: 18px;position: absolute;top: 1em;left: 1em;}
#VoiceSec .voiceBox::after{content: "";display: block;background: url("/images/top/img_contents16.png")no-repeat;width: 20px;height: 18px;position: absolute;bottom: 1em;right: 1em;transform: rotate(180deg);}

#VoiceSec .voiceBox h4{font-size:22px; font-weight: bold;}
#VoiceSec .voiceBox h4 span{color: #f7931e;}
#VoiceSec .voiceBox .name span{font-size: 80%;}
#VoiceSec .voiceBox .voiceTxt{margin: 1em auto;color: #4D4D4D;font-size: 16px;}
#VoiceSec .voiceBox dl{display: flex;align-items: center;}
#VoiceSec .voiceBox dt{font-weight: bold;color: #00b2bc;padding: 0 0.2em;font-size: 17px;}
#VoiceSec .voiceBox dd.On{border:#00b2bc 1px solid;border-radius: 50vw;background: #fff;padding: 0em 0.7em 0.1em;margin: 0 0.2em; }
#VoiceSec .voiceBox dd.Off{border-radius: 50vw;background: #b3b3b3;padding: 0em 0.7em 0.1em;margin: 0 0.2em;color: #fff; }
#VoiceSec .voiceBtn a{font-size: 195%;padding: 0.5em 1em 0.5em;max-width: 290px;background: linear-gradient(to bottom,  rgba(144,102,175,1) 0%,rgba(144,102,175,1) 50%,rgba(130,91,156,1) 50%,rgba(130,91,156,1) 100%);border-radius: 50vw;color: #fff;font-weight: bold;}

/*-- 生徒様の声 --*/

/*-- 決済から開始までのステップ --*/
#webKesaiSec .listBox{max-width:571px; margin:0 auto;}
#webKesaiSec .listBox ul{-webkit-justify-content:center;justify-content:center;margin-bottom: 4em;position: relative;}
#webKesaiSec .listBox .listItem{background:#b3e4e5;margin: 0 1.3em 0;line-height: 1.3;padding: 1em 1em;border-radius: 80px;font-weight: bold;font-size: 115%;width: 9em;height: 9em;}
#webKesaiSec .listBox .listItem.step2::before {
  content: '';
  width: 20px;
  height: 20px;
  border: 0px;
  border-top: solid 2px #00b2bc;
  border-right: solid 2px #00b2bc;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: 50%;
  left: 31%;
  margin-top: -4px;
}
#webKesaiSec .listBox .listItem.step3::before {
  content: '';
  width: 20px;
  height: 20px;
  border: 0px;
  border-top: solid 2px #00b2bc;
  border-right: solid 2px #00b2bc;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: 50%;
  left: 63%;
  margin-top: -4px;
}
#webKesaiSec .listBox .listItem .txtStep{color:#00b2bc;font-weight: bold;font-size: 113%;display: inline-block;margin-bottom: 1.1em;}
#webKesaiSec .listBox .listItem.step2 .txtStep{margin-bottom: 1.5em;}
#webKesaiSec .listBox .listItem.step3{background:#fcb9d4;}
#webKesaiSec .listBox .listItem.step3 .txtStep{color:#f9629f;}
#webKesaiSec .listBox p{font-size: 130%;font-weight: bold;}
#webKesaiSec .listBox .listItem .icoStep{display: block;margin:0.5em 0 0;}
#webKesaiSec .listBox .listItem.step2 .icoStep{margin-top: 1.4em;}
/*#webKesaiSec .listBox .listItem{background:#b3e4e5;margin: 0 0 1em;line-height: 1;padding: 1em 1em;border-radius: 20px;text-align: center;position: relative;font-weight: bold;font-size: 115%;width: auto;}
#webKesaiSec .listBox .listItem .txtStep{position:absolute;left:1em;color:#00b2bc;font-weight: bold;font-size: 113%;}
#webKesaiSec .listBox .listItem.step3{ position:relative; margin:0 0 2em;}
#webKesaiSec .listBox .listItem.step3:after{
	content:"※お支払いにはクレジットカードのご登録が必要です。（VISA/Masterカードのみ）";
	position:absolute;
	left:0;
	right:0;
	bottom:-1.5em;
	margin:0 auto;
	font-size:0.75rem;
	font-weight:normal;
	color:#666;
}
#webKesaiSec .listBox .listItem.step5{background:#fcb9d4;margin: 0 0 2em;}
#webKesaiSec .listBox .listItem.step5 .txtStep{color:#f9629f;}*/
/*-- 決済から開始までのステップ --*/


/*-- はじめやすい料金形態 --*/
#hajimeyasuiPriceSec{overflow:hidden;}
#hajimeyasuiPriceSec .ttl-h4{ font-size:1.75rem; margin:0 0 0.25em;}
#hajimeyasuiPriceSec .tabBox ul{display:table;table-layout:fixed;/*border-collapse:collapse;*/width: 100%;margin-bottom: -13px;}
#hajimeyasuiPriceSec .tabBoxListItem{width: 50%;padding: 2em 1em;border: 13px solid #d0d0d0;background: #e6e6e6;display: table-cell;font-weight: bold;position: relative;z-index: 0;cursor: pointer;}
#hajimeyasuiPriceSec .tabBoxListItem.currentItem{border-color: #c0f6f9;background: #fff;position: relative;z-index: 2;}
#hajimeyasuiPriceSec .tabBoxListItem.currentItem:before{content:"";display:block;width:100%;height: 15px;background:#fff;position:absolute;left:0;bottom: -14px;}
#hajimeyasuiPriceSec .tabBoxListItem.geshaBox{border-right:none;}
#hajimeyasuiPriceSec .tabBoxListItem.geshaBox.currentItem{border-right:13px solid #c0f6f9; background:none;}
#hajimeyasuiPriceSec .tabBoxListItem span{display:block; text-align:center; color:#3d3a39;}
#hajimeyasuiPriceSec .tabBoxListItem .txtSub{font-size: 180%; margin-bottom:0.4em;}
#hajimeyasuiPriceSec .tabBoxListItem .txtMain{font-size: 250%;}
#hajimeyasuiPriceSec .tabBoxListItem.currentItem .txtSub{color:#3d3a39;}
#hajimeyasuiPriceSec .tabBoxListItem.currentItem .txtMain{color:#00b2bc;}
#hajimeyasuiPriceSec .courseContentsBox{border: 13px solid #c0f6f9;padding: 3em 3em 3em 3em;position: relative;z-index: 1;}
#hajimeyasuiPriceSec .courseContentsBox table{width:100%; margin:0;}
#hajimeyasuiPriceSec .courseContentsBox table th{text-align:center; padding:0 0 0.3em; color:#3d3a39; line-height:1.2em;}
#hajimeyasuiPriceSec .courseContentsBox table td{text-align:center; position:relative; padding:0.3em 0 0.4em; font-size:130%; color:#3d3a39; line-height:1.2em;}
#hajimeyasuiPriceSec .courseContentsBox .courseNameBox th{color:#fff; font-size:155%;}
#hajimeyasuiPriceSec .plan01 .courseNameBox th{background:#fbb03b;}
#hajimeyasuiPriceSec .plan02 .courseNameBox th{background:#662d91;}
#hajimeyasuiPriceSec .courseContentsBox .plan01{border:3px solid #fbb03b; margin-bottom:2em;}
#hajimeyasuiPriceSec .plan02{border:3px solid #662d91;}
#hajimeyasuiPriceSec .plan01 th,
#hajimeyasuiPriceSec .plan01 td{border-color:#fbb03b;}
#hajimeyasuiPriceSec .plan02 th,
#hajimeyasuiPriceSec .plan02 td{border-color:#662d91;}
#hajimeyasuiPriceSec .courseContentsBox .philippines{border-left-width:3px;padding-top: 17px;}
#hajimeyasuiPriceSec .courseContentsBox .philippines2{border-left-width:3px;}
#hajimeyasuiPriceSec .courseContentsBox .koushiBox td{font-weight:bold;width:50%;font-size: 155%; z-index:-1;}
#hajimeyasuiPriceSec .courseContentsBox .koushiBox .native{background:#b3e8ec;}
#hajimeyasuiPriceSec .courseContentsBox .koushiBox .philippines5{background:#fdb8d5;border-left-width: 3px;}
#hajimeyasuiPriceSec .courseContentsBox .koushiBox .philippines4{background:#fdb8d5;border-left-width: 3px;}
#hajimeyasuiPriceSec .courseContentsBox .lessonBox td{background:#e6e6e6; font-weight:bold; z-index:-1;}
#hajimeyasuiPriceSec .courseContentsBox .img{position:absolute;bottom: -30%;left: -11%;}
#hajimeyasuiPriceSec .courseContentsBox .philippines3 .img{left:auto;right: -11%;}
#hajimeyasuiPriceSec .courseContentsBox .philippines3{border-left-width: 3px;}
#hajimeyasuiPriceSec .courseContentsBox .philippines3 .txt{border-left-width: 3px;}
#hajimeyasuiPriceSec .courseContentsBox .native.group{border-right: 1px dashed #662d91;}
#hajimeyasuiPriceSec .courseContentsBox .native.mantoman{border-left: 1px dashed #662d91;}
#hajimeyasuiPriceSec .courseContentsBox .listItem{display:none;}
#hajimeyasuiPriceSec .courseContentsBox .listItem.currentItem{display:block;}
#hajimeyasuiPriceSec .courseContentsBox .tsudoBox {overflow: hidden;}
#hajimeyasuiPriceSec .courseContentsBox .tsudoBox table{width: 49%; border:2px solid #3d3a39;}
#hajimeyasuiPriceSec .courseContentsBox .tsudoBox th{border-color:#3d3a39;border-left-width: 0px;font-size: 155%;font-weight: bold;}
#hajimeyasuiPriceSec .courseContentsBox .tsudoBox td{border-color:#3d3a39;border-left-width: 0px;}
#hajimeyasuiPriceSec .courseContentsBox .tsudoBox .plan01{margin-bottom: 0;}
#hajimeyasuiPriceSec .courseContentsBox .tsudoBox .plan02{}
/*-- はじめやすい料金形態 --*/

#hajimeyasuiPriceSec .courseContentsBox .priceBox .native .txt { margin-left: 70px;}
#hajimeyasuiPriceSec .courseContentsBox .priceBox .philippines3 .txt {margin-right: 55px;}

#hajimeyasuiPriceSec .courseContentsBox .popularBox{position: relative;}
#hajimeyasuiPriceSec .courseContentsBox .popularBox .popular{position: absolute;top: -50%;left: -20%;}

/*-- オンラインだから、毎日気軽にレッスンできる！ --*/
#catchphraseSec{background-image: url(/images/top/img_background_b.jpg);background-position:top center;background-size:cover;background-repeat:no-repeat;}
#catchphraseSec .sectionInner{ max-width:100%; margin:0 auto; padding:0; background:rgba(0,178,188,0.6);}
#catchphraseSec .contentsBox{ padding:3em 0; max-width:650px; width:100%; margin:0 auto;}
#catchphraseSec .ttlBox .ttl-h3 .txtMain{ width:100%; padding:0; font-size:2rem; line-height:1.4em; background:none; color:#fff; text-align:left;}
#catchphraseSec .contentsBox p{ font-size:1.23rem; font-weight:bold; margin:0 auto; line-height:1.4em;}
#catchphraseSec .formBox.normalBtn01 .formBtn{ max-width:100%; width:100%; font-size:2rem;}
#catchphraseSec .formBox.normalBtn01 .formBtn01{ max-width:100%; width:100%; font-size:2rem;}
#catchphraseSec .normalBtn01 .txtBtn{ margin:0 auto 1.5em;}
#catchphraseSec .normalBtn01 .txtBtn .subText{ font-size:1.75rem;}
/*-- オンラインだから、毎日気軽にレッスンできる！ --*/






/*----------------------------------------------------------------------------
***                                                     2022年8月CMポップアップ
----------------------------------------------------------------------------*/
#modal-newCm2022{box-sizing:border-box; width:900px; height:auto; position:fixed; z-index:999999; padding:0; /*display:none; box-shadow:2px 2px 8px 2px rgba(0,0,0,0.4);*/}
#modal-newCm2022 .ttl{width:100%; background-color:#fffde5;}
#modal-newCm2022 .ttl h2{width: 900px; margin:0 auto;padding: 0px 0;}
#modal-newCm2022 .ttl h2 img{display:block;}
#modal-newCm2022 #modal-newCmInner{background-color:#fff; padding:30px;}
#modal-newCm2022 ul{width:100%; display:flex; flex-wrap:wrap; justify-content:space-between;}
#modal-newCm2022 li{width:400px;}
#modal-newCm2022 h3{width:100%; text-align:center; font-size:23px;margin: 0 0 0.3em;}
#modal-newCm2022 .cmA h3{color: #333333;}
#modal-newCm2022 .cmB h3{color: #333333;}
#modal-newCm2022 .cmMovie{margin: 0 0 0 0; position:relative;}
#modal-newCm2022 .btn{width:280px; margin:50px auto 10px auto; cursor:pointer;}
#modal-newCm2022 .rightSection  iframe{width:400px;}
#modal-newCm2022 .videoBox iframe{width:100%;}
#modal-newCm2022 .newCm{display:flex; justify-content:space-between; align-items:center; margin-top:5px; padding:0 20px 0 0px;}
#modal-newCm2022 .newCm >*{;}
#modal-newCm2022 .newCm .titleBox{margin-top:0;}
#modal-newCm2022 .newCm .titleBox .ttl{;}
#modal-newCm2022 .cmList{display:table-cell; margin-left:0px;}
#modal-newCm2022 .cmList ul{display:table;}
#modal-newCm2022 .cmList ul li{display:table-cell; vertical-align:middle; padding:0 4px;}
#modal-newCm2022 .cmList ul li p{display:block; color:#000; text-align:center; cursor:pointer; transition:opacity 0.5s ease; font-size:10px;}
#modal-newCm2022 .cmList ul li p:hover{opacity:0.7;}
#modal-newCm2022 .linkBox_campaign{border-top:1px solid #333; padding-top:10px;}
#modal-newCm2022 .linkBox_campaign p{padding:0; margin-top:-8px;}
#modal-newCm2022 .linkBox_campaign p a{transition:opacity 0.5s ease;}
#modal-newCm2022 .linkBox_campaign p a:hover{opacity:0.7;}
#modal-newCm2022.positionAbsolute{position:absolute; top:20px!important;}
#newCmPopup2022{cursor:pointer;}
#modal-newCm2022 .btnClose{width:30px; position:absolute; top:8px; right:8px; cursor:pointer;}

#modal-newCm2022 .popup_wrap input {display: none;}
#modal-newCm2022 .popup_overlay {display: flex;justify-content: center;overflow: auto;position: fixed;top: 0;left: 0;z-index: 9999;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.7);opacity: 0;transition: opacity 0.5s, transform 0s 0.5s;transform: scale(0);}
#modal-newCm2022 .popup_trigger { position: absolute; width: 100%; height: 100%;}
#modal-newCm2022 .popup_wrap input:checked ~ .popup_overlay { opacity: 1; transform: scale(1); transition: opacity 0.5s;}
#modal-newCm2022 .open_btn {position: relative;cursor: pointer; transition: .3s ease;}
#modal-newCm2022 .open_btn:hover{ transition: .3s ease;opacity:0.8;}
#modal-newCm2022 .close_btn { position: absolute; top: 2%; right: 1%; font-size:35px; cursor: pointer;font-weight: bold;line-height: 0.4em;color: #FFF;}
#modal-newCm2022 .close_txt{font-size: 13px;}

#modal-newCm2022 .popup_content { position: relative;align-self: center;max-width:900px;width: 95%; padding:0; box-sizing: border-box; background: #fff; line-height: 1.4em; transition: 0.5s;height: auto;margin: 4em auto;border: none;display: none;}
#modal-newCm2022 .popup_content img{width: 100%;}
#modal-newCm2022 .popup_wrap input:checked ~ .popup_overlay .popup_content {display:block;}