@charset "utf-8";

/*-----------------------------------------------------------
 common 共通
-------------------------------------------------------------*/
body{ min-width:1300px; font-family:'Yu Gothic', '游ゴシック', YuGothic, '游ゴシック体', 'ヒラギノ角ゴ Pro W3', 'メイリオ', sans-serif; font-weight:500; }
header{ z-index:9999; }
span.orange{ color:#ea532c; font-weight:600; }
span.marker-yellow{ background:linear-gradient(transparent 65%, #fff713 65%); }
span.yellow{ color:#fff713; font-weight:600; }
span.green{ color:#047e93; font-weight:600; }
span.bold{ font-weight:700; }
span.marker-yellow{ background:linear-gradient(transparent 65%, #fff713 65%); }
div.inner-box{ width:1100px; margin:0 auto; }
div.inner-box p{ font-size:1.3rem; line-height:2.2rem; }
span.text-small{ font-size:1.5rem; }
span.text-medium{ font-size:2.1rem; }
span.text-large{ font-size:4rem; }
img{ max-width:100%; height:auto; vertical-align:bottom; border-style:none; outline:0; -moz-user-select:none; }
.pc-only{ display:block; }
.sp-only{ display:none; }
/* under ---------*/
.under section.cts{ /*padding:50px 0; ---------*/
	margin-top:150px; }
.under section:nth-of-type(3){ padding:0; margin-top:0; }
.under section:last-of-type{ padding-bottom:100px; }
.under section#main-img, #product section#main-img{ text-align:center; height:600px; background-repeat:no-repeat; background-position:center top; }
.under h3{ font-size:2.8rem; line-height:3.8rem; font-family:'M PLUS Rounded 1c', sans-serif; margin-top:5rem; }
.under section#main-img h1{ padding-top:312px; }
#product section#main-img h1{ padding-top:115px; }
.under div.inner-box{ width:1100px; margin:0 auto; }
.under .inner-box{ text-align:center; }
.under #cts02 p, #cts03 p{ width:calc(50%); text-align:left; margin:0 auto; padding-left:10px; }
.under #cts02 p img, #cts03 p img{ padding:0; }
.under #cts02 p.img{ display:flex; justify-content:center; align-items:center; }
.inner-cts-flex{ display:flex; padding:0; margin:0 auto; }
.under h3 + div{ padding-top:50px; }
.under #cts02 .inner-cts-flex2{ padding-top:60px; }
.under .cts span.text-xsmall{ font-size:70%; line-height:1.5; display:block; padding-top:1rem; }
.under #cts02 h3{ padding-top:110px; padding-bottom:40px; text-align:center; margin-left:auto; margin-right:auto; border-bottom:solid 0.25px #000; }
.under .inner-box .inner-cts-flex img{ display:block; margin:0 auto; }

.inner-cts-flex2{ display:flex; padding:0; margin:0 auto; }
.inner-cts-flex2 + h2{ padding-top:100px; }
.under #cts02 .inner-cts-flex2{ padding-top:60px; }
.under #cts02 .inner-cts-flex2 div{ width:calc(60%); font-size:calc(1rem / 16 * 22); line-height:calc(1rem / 16 * 36); }
.under #cts02 .inner-cts-flex2 div p{ width:100%; padding-left:0; }
.under #cts02 .inner-cts-flex2 div+p{ width:calc(40%); }
.under #cts02 .inner-cts-flex2 hgroup{ color:#ea532c; }
.under #cts02 .inner-cts-flex2 hgroup h4{ font-size:calc(1rem / 16 * 28); line-height:calc(1rem / 16 * 36); font-weight:700; }
.under #cts02 .inner-cts-flex2 hgroup p{ font-size:calc(1rem / 16 * 24); line-height:calc(1rem / 16 * 36); font-weight:700; }

/*--------------------------------------------
under media query
---------------------------------------------*/
@media only screen and (min-width:770px){
	body{ padding-top:70px; }
	.under #cts02 p,
	.under #cts02 .inner-cts-flex2>*,
	#cts03 p{ padding-left:25px; }
	.under #cts02 .inner-cts-flex2 hgroup{ text-align:left; }
}
@media only screen and (max-width:769px){
	span.text-small{ font-size:0.5rem; }
	.under h3 span.text-medium{ font-size:1rem; line-height:1.6rem; display:block; }
	span.text-large{ font-size:1.8rem; line-height:2.5rem; }
	.under div.inner-box{ width:100%; max-width:769px; margin:0 auto; padding:5%; padding-top:0; }
	.under h3{ font-size:1.6rem; line-height:2.3rem; margin-top:0px; }
	.under section#main-img h1{ height:0; padding-top:0; }
	.under section#main-img{ text-align:center; margin-top:50px; }
	.under section.cts{ padding:0; margin-top:0; }
	.under #main-img-SP{ margin-top:30px; }
	#product #main-img-SP{ margin-top:30px; }
	.under h3 + div{ padding-top:10px; }
	.inner-cts-flex{ display:block; padding:0; padding-top:0px; width:100%; margin:0 auto; }
	.under #cts02 p img, #cts03 p img{ margin:20px auto; }
	.under #cts02 p,
	#cts03 p{ width:95% !important; margin:0 auto; padding-left:0; }
	.under section:last-of-type{ padding-bottom:30px; }
	.under section#cts02 div.inner-box h3{ background-size:10%; padding-top:40px; padding-bottom:10px; }
	#more section#cts02 div.inner-box h3{ margin-top:60px; }
	#more section#cts02 div.inner-box h3:first-child{ margin-top:0px; }
	#more section#cts03{ margin-top:30px; }
	.inner-cts-flex img,
	.inner-cts-flex2 img{ width:80%; }
	.inner-cts-flex img.img-90per,
	.inner-cts-flex2 img.img-90per{ width:90%; }
	.inner-cts-flex2{ display:flex; flex-flow:column-reverse; gap:10px; padding:0; padding-top:0px; width:100%; margin:0 auto; }
	.under #cts02 .inner-cts-flex2{ padding-top:20px; }
	.under #cts02 .inner-cts-flex2>*{ width:100% !important; margin:0 auto; padding-left:0; }
	.under #cts02 .inner-cts-flex2 hgroup>*{ text-align:center; }
	.under #cts02 .inner-cts-flex2 div{ font-size:calc(0.5rem / 16 * 26); line-height:calc(0.5rem / 16 * 36); }
	.under #cts02 .inner-cts-flex2 div p{ width:100% !important; }
	.under #cts02 .inner-cts-flex2 hgroup h4{ font-size:calc(0.5rem / 16 * 34); line-height:calc(0.5rem / 16 * 46); }
	.under #cts02 .inner-cts-flex2 hgroup p{ font-size:calc(0.5rem / 16 * 28); line-height:calc(0.5rem / 16 * 46); }
	.under #cts02 .inner-cts-flex2 img{ margin:0 auto; }
	.inner-cts-flex2 + h2{ padding-top:40px; }
}
/* offer ---------*/
.offer{ text-align:center; overflow:hidden; background:url("images/offer_bg.png") repeat-y center 0; }
.offer h2{ margin-bottom:40px; }
.offer .offerset{ width:533px; margin-bottom:0; }
#top .offer .offerset{ margin-bottom:20px; }
.offer .offerset.young{ float:left; }
.offer .offerset.stemist{ float:right; }
.offer .offerset .inner{ border-right:3px solid #047e93; border-bottom:3px solid #047e93; border-left:3px solid #047e93; background:#fff; }
.offer .offerset h3 img{ line-height:0; }
.offer .offerset h3 + .inner p{ font-family:'M PLUS Rounded 1c', sans-serif; color:#047e93; font-weight:bold; }
.offer .offerset .setlist{ text-align:left; margin:0 23px 20px; }
.offer .offerset .setlist h4{ margin-bottom:10px; }
.offer .offerset .setlist ul{ display:flex; flex-wrap:wrap; }
.offer .offerset .setlist ul li{ list-style:disc inside; line-height:1.6; }
.offer .offerset .setlist ul li:nth-child(odd){ width:170px; }
.offer .offerset .matome{ margin-top:25px; }
.offer .offerset .matome ul{ height:250px; }
/*.offer .young .matome ul li {
  padding-top:50px; }*/
.offer .offerset a img:hover{ opacity:0.8; }
/* offer202411 ---------*/
.offer h2.offer_set_tit{ margin-bottom:0; }
.offer h2.offer_set_tit img{ width:100%; }
.course_flex{ display:flex; justify-content:space-between; flex-wrap:wrap; width:100%; background:#047e93; padding:2%; border-radius:0 0 15px 15px; }
.course_box{ width:49%; background:#fff; border-radius:15px; padding:2%; color:#047e92; position:relative; }
@media only screen and (max-width:769px){
	.course_box{ width:100%; }
	#jr.course_box{ margin-bottom:15px; }
}
.course_box h2{ width:49%; }
.course_box .age{ width:42%; position:absolute; top:0; right:3%; }
.course_box .course_img{ width:100%; margin:1rem 0; }
.course_box .course_txt{ text-align:center; font-family:'M PLUS Rounded 1c', sans-serif; color:#047e93; font-weight:bold; font-size:1.2rem; line-height:1.6; }
.course_box .plan12{ width:100%; margin:0 0 1.5rem; position:relative; }
.course_box .plan12 .appli_btn{ width:58.5%; position:absolute; bottom:3%; right:2%; }
.course_box .plan12 .appli_btn a{ display:block; position:relative; overflow:hidden; transition:300ms; }
.course_box .plan12 .appli_btn a::before{ position:absolute; content:''; display:inline-block; top:-180px; left:0; width:30px; height:100%; background-color:#fff; transition:300ms; animation:shinyshiny 2.5s ease-in-out infinite; }
@-webkit-keyframes shinyshiny{
	0%{ -webkit-transform:scale(0) rotate(45deg); opacity:0; }
	80%{ -webkit-transform:scale(0) rotate(45deg); opacity:0.5; }
	81%{ -webkit-transform:scale(4) rotate(45deg); opacity:1; }
	100%{ -webkit-transform:scale(50) rotate(45deg); opacity:0; }
}
.course_box .plan12 .appli_btn a:hover img{ opacity:0.9; transform:translateY(2px); }
.course_box .plan12_02{ width:100%; margin:0 0 1.5rem; position:relative; }
.course_box .plan12_02 .appli_btn{ width:72%; position:absolute; bottom:3%; right:14%; }
.course_box .plan12_02 .appli_btn a{ display:block; position:relative; overflow:hidden; transition:300ms; }
.course_box .plan12_02 .appli_btn a::before{ position:absolute; content:''; display:inline-block; top:-180px; left:0; width:30px; height:100%; background-color:#fff; transition:300ms; animation:shinyshiny 2.5s ease-in-out infinite; }
.course_box .plan12_02 .appli_btn a:hover img{ opacity:0.9; transform:translateY(2px); }
.course_box dd{ display:flex; flex-direction:row; justify-content:space-between; align-items:center; flex-wrap:wrap; }
.course_box dd .appli_btn{ width:39%; }
.course_box dd .appli_btn a:hover img{ opacity:0.9; transform:translateY(2px); }
.course_box .plan6{ width:100%; margin:0 0 1.5rem; }
.course_box .plan_monthly{ width:100%; }
.course_box .plan6 dt{ width:70%; margin:0 0 0.5rem; }
@media screen and (max-width:650px){
	.course_box .plan6 dt{ width:80%; }
}
.course_box .plan_monthly dt{ width:63%; margin:0 0 0.5rem; }
@media screen and (max-width:650px){
	.course_box .plan_monthly dt{ width:73%; }
}
.course_box .plan6 dd .plan_price{ width:58%; }
.course_box .plan6 dd .plan_txt{ width:64%; }
.course_box .plan_monthly dd .plan_price{ width:50%; }
ul.plan_att{ margin:1rem 0 3rem; font-weight:500; font-size:0.8rem; color:#fff; }
ul.plan_att .att_strong{ font-weight:bold; font-size:0.9rem; }
/*-----------------------------------------------------------
 top トップ
-------------------------------------------------------------*/
#top{ background:url("images/top_main_bg.jpg") no-repeat center top; }
#top section#main-img h1{ margin-top:-100px; }
#top section#cts01{ margin-top:-110px; }
@media only screen and (min-width:770px) and (max-width:1134px){
	#top{ background:url("images/top_main_TB.jpg") no-repeat center top; }
}
#top section#main-img{ height:auto; }
#top section#main-img h1{ padding:265px 0 212px; }
#top section#cts01{ text-align:center; }
#top section#cts01 ul{ display:flex; flex-wrap:wrap; justify-content:space-between; margin:50px 0; }
#top section#cts01 ul li{ margin-bottom:35px; background:#fff; }
#top section#cts01 ul li a img:hover{ opacity:0.8; }
#top section#cts02{ background:url("images/top_movie_bg.png") repeat-x 0 0; text-align:center; padding:43px 0 0; margin:-43px 0 0; }
#top section#cts02 .inner-box{ width:100%; background:#eef7f7; padding-bottom:150px; }
#top section#cts02 h2{ padding:80px 0; }
#top section#cts02 ul{ width:1200px; margin:0 auto; display:flex; flex-wrap:wrap; justify-content:space-between; }
#top section#cts02 ul li p{ font-family:'M PLUS Rounded 1c', sans-serif; font-weight:bold; color:#047e93; font-size:1.6rem; margin-bottom:15px; }
/*-----------------------------------------------------------
 product 製品紹介
-------------------------------------------------------------*/
#product section#main-img{ background-image:url("images/product_main.jpg"); }
#product .cts{ margin-bottom:120px; }
#product #cts01 .inner-box{ background:url("images/study_cts01_img03.jpg") no-repeat right bottom; }
#product #cts01 .inner-box div{ margin-bottom:80px; }
#product #cts01 .inner-box div h2{ display:flex; flex-wrap:wrap; align-items:center; font-size:2.5rem; font-family:'M PLUS Rounded 1c', sans-serif; font-weight:bold; color:#047e93; line-height:1.3; }
#product #cts01 .inner-box div h2 img{ padding-right:30px; }
#product #cts01 .inner-box div h2 + p{ margin:40px 0; }
#product #cts01 .inner-box div p img{ display:block; margin:0 auto; }
#product #cts01 .inner-box div.movie, #product #cts01 .inner-box div.language{ width:800px; }
#product #cts02{ margin-top:80px; }
#product #cts02 h2{ text-align:center; }
.inner-box p.offerset_explan{ width:100%; margin:10px auto 100px; font-size:1rem; line-height:1.5rem; }
#product #cts02 ul{ border:2px dashed #ccc; font-size:1.8rem; padding:60px 20px 60px 120px; }
#product #cts02 ul li{ margin-bottom:20px; line-height:1.6; margin-left:40px; }
#product #cts02 ul li::before{ content:""; display:inline-block; width:48px; height:35px; background-image:url(images/icon_checkbox.png); background-size:contain; vertical-align:middle; margin-left:-48px; }
#product #cts02 ul li:last-child{ margin-bottom:0; }
#product #cts03{ background:url("images/product_cts03_bg.jpg") no-repeat center 0; }
#product #cts03 ul{ width:850px; display:flex; flex-wrap:wrap; justify-content:space-between; margin:50px auto; }
#product #cts03 ul li{ margin-top:40px; }
/*-----------------------------------------------------------
 study 学習の効果
-------------------------------------------------------------*/
#study section#main-img{ background-image:url("images/study_main.jpg"); }
#study section#cts01 h2, #study section#cts01 h3, #study section#cts01 p{ text-align:left; padding-left:10px; padding-bottom:30px; }
#study h2 img{ margin:0 auto; }
#study section#cts01 p{ width:580px; }
#study section#cts01 h3{ margin-top:0; }
#study #cts02 h3{ background-image:url("images/study_icon.png"); background-repeat:no-repeat; background-position:center 0; text-align:center; margin-left:auto; margin-right:auto; border-bottom:solid 0.25px #000; margin-top:70px; }
#study #cts02 h3:first-child{ margin-top:0px; }
#study #cts02{ margin-top:120px; }
#study #cts02 p a img{ margin:50px auto; }
#study #cts02 .inner-box div:nth-of-type(2) img{ width:78%; margin-top:30px; }
#study section#cts03{ background-image:url("images/study_cts03_title_bg.jpg"); background-repeat:no-repeat; background-position:center; background-position:center 0; }
#study #cts03 h3{ background-image:url("images/study_icon_orange.png"); background-repeat:no-repeat; background-position:1.5rem center; background-color:#ea532c; border-radius:10px; text-align:left; margin-left:auto; margin-right:auto; margin-top:100px; padding-left:8rem; padding-top:1rem; padding-bottom:2rem; color:#fff; line-height:1.8rem; }
@media only screen and (min-width:770px){
	#study section#cts01{ background-image:url("images/study_cts01_bg.jpg"); height:1097px; background-repeat:no-repeat; background-position:center; }
}
@media only screen and (max-width:769px){
	#study section#cts01 h2, #study section#cts01 h3, #study section#cts01 p{ text-align:left; padding-left:5px; }
	#study h2 img{ margin:0 auto; }
	#study section#cts01 p{ max-width:769px; width:100%; }
	#study section#cts01 h3{ margin:0 auto; }
	#study #cts02{ margin-top:0; }
	#study section#cts01 p{ padding-left:0; padding-bottom:0; }
	#study #cts02 p a img{ margin-bottom:50px; }
	#study section#cts03{ background-image:url("images/study_cts03_title_bg.jpg"); background-repeat:no-repeat; background-position:center 0; background-size:150%; max-width:1000px; }
	#study #cts03 h3{ background-image:url("images/study_icon_orange.png"); background-size:10%; background-repeat:no-repeat; background-position:1.5rem center; border-radius:10px; text-align:left; margin-left:auto; margin-right:auto; margin-top:50px; padding-left:5rem; padding-top:0.3rem; padding-bottom:0.5rem; color:#fff; line-height:1rem; }
	#study section#cts01 h2, #study section#cts01 h3, #study section#cts01 p{ text-align:left; padding-left:0; padding-bottom:10px; }
	#study h3 span.inline{ display:inline
	}
	#study .inner-cts-flex img{ position:relative; left:20px; width:90%; }
	#study .inner-cts-flex:first-of-type img{ position:relative; left:0; width:100%; }
}
/*-----------------------------------------------------------
 team 制作チーム紹介
-------------------------------------------------------------*/
#team section#main-img{ background-image:url("images/team_main.jpg"); }
/*--
#team section#cts01 {
  background-image:url("images/team_cts01_bg.jpg");
  background-repeat:no-repeat;
  background-position:center;
  background-position:center 0; }
---*/
#team section#cts01 h2{ padding-bottom:50px; }
#team section#cts01 p{ text-align:center; width:100%; margin:0 auto; }
#team #cts02 h3{ background-image:url("images/team_icon.png"); background-repeat:no-repeat; background-position:center 0; }
#team #cts02 .inner-box .inner-cts-flex a{ border-bottom:1px; color:#ea532c; }
#team #cts03 h3.bg-green{ background-color:#047e93; border-radius:10px; text-align:center; color:#fff; padding:2rem 0; }
#team #cts03 h3.bg-orange{ background-color:#ea532c; border-radius:10px; text-align:center; color:#fff; padding:2rem 0; }
#team #cts01 .inner-box p{ background-color:#f9f9f9; border:dashed 1px #047e93; padding:5%; text-align:left; }
@media only screen and (max-width:769px){
	#team section#cts01 h2{ padding-bottom:0; text-align:left; }
	#team #cts03 h3.bg-green, #team #cts03 h3.bg-orange{ padding:0.2rem; font-size:1.5rem; padding-top:4%; padding-bottom:4%; }
	#team section#cts02 h3:nth-of-type(2){ margin-top:50px; }
	#team section#cts02 div.inner-cts-flex:nth-of-type(2) img{ width:100%; }
	#team section#cts03{ margin-top:50px; }
}
/*-----------------------------------------------------------
 more もっと知りたい
-------------------------------------------------------------*/
#more section#main-img{ text-align:center; background:url("images/more_main.jpg") no-repeat top center; }
#more #cts02{ margin-top:-80px; }
#more #cts02 h3{ background-image:url("images/more_icon.png"); background-repeat:no-repeat; background-position:center 0; }
#more section#cts03{ background-image:url("images/more_cts03_bg.jpg"); background-repeat:no-repeat; background-position:center 50px; }
#more section#cts03 h2, #more section#cts03 h3, #more section#cts03 p{ text-align:left; }
#more #cts03 .inner-box p{ width:calc(63%); margin:30px 0; }
#more section#cts04 .inner-box{ border:dashed 1px #ea532c; padding:0 0 50px; }
#more #cts04 .inner-box p{ width:80%; margin:0 auto; padding-bottom:50px; }
#more #cts04 div.item-list01{ display:inline-block; width:100%; }
#more #cts04 div.item-list01 ul li{ list-style-type:none; float:left; /*floatで横並びに*/
	padding-left:5px; /*カラム間のガター*/
	margin-bottom:5px; max-height:550px; }
#more #cts04 div.item-list01 img{ padding:5px; }
#more #cts04 div.item-list01 ul{ margin:0 0 0 20px; }
#more #cts04 ul.cols-1 li{ width:99%; }
#more #cts04 ul.cols-2 li{ width:49.5%; }
#more #cts04 ul.cols-3 li{ width:33%; }
#more #cts04 ul.cols-4 li{ width:24.5%; }
@media only screen and (max-width:769px){
	#more #cts04 ul.cols-1 li, #more #cts04 ul.cols-2 li, #more #cts04 ul.cols-3 li, #more #cts04 ul.cols-4 li{ width:49.5%; }
	#more #cts04 div.item-list01 ul{ margin:0 auto; }
}
@media only screen and (max-width:769px){
	#more section#cts03{ background-image:url("images/more_cts03_bg.jpg"); background-repeat:no-repeat; background-position:center top; background-size:100%; }
	#more #cts03 .inner-box p{ width:100%; margin:10px 0; }
	#more section#cts03 h2 img{ width:55%; margin:5px auto 5px 0; }
	#more section#cts03 h3{ margin-bottom:1.2rem; }
	#more section#cts04 .inner-box{ padding:30px 0px; margin:0 auto; width:90%; }
	#more section#cts04 .inner-box p{ text-align:left; width:90%; margin:0 auto; padding-bottom:20px; }
	#more section#cts04 .inner-box picture img{ width:90%; margin:10px auto; }
	#more #cts02{ margin-top:0; }
	#more .inner-box div.inner-cts-flex:first-of-type p img{ width:100%; }
}
/* -------------------------------------------------------SP-トップ・製品紹介------------------------------------------*/
@media only screen and (max-width:769px){
	body{ font-size:0.9rem; min-width:initial; }
	div.inner-box{ width:100%; margin:0 auto; }
	div.inner-box p{ font-size:100%; line-height:1.6rem; }
	.pc-only{ display:none; }
	.sp-only{ display:block; }
	/* offer ---------*/
	.offer{ text-align:center; background:url("images/offer_bg.png") repeat-y 0 0; background-size:300%; width:100%; padding:50px 0 0; }
	.offer h2{ margin-bottom:10px; }
	.offer h2.offer_set_tit{ margin-bottom:0px; }
	.offer .offerset{ width:90%; margin-right:5%; margin-left:5%; }
	#top .offer .offerset{ margin-bottom:0; }
	.offer .offerset.young{ float:left; }
	.offer .offerset.stemist{ float:right; }
	.offer .offerset .inner{ border-right:2px solid #047e93; border-bottom:2px solid #047e93; border-left:2px solid #047e93; }
	.offer .offerset h3 img{ line-height:0; width:100%; }
	.offer .offerset h3 + .inner p{ font-family:'M PLUS Rounded 1c', sans-serif; color:#047e93; font-weight:bold; font-size:0.95rem; line-height:1.6; }
	.offer .offerset .pdimg{ width:90%; display:block; margin:0 auto; }
	.offer .offerset .setlist{ text-align:left; margin:0 3% 20px; }
	.offer .stemist .setlist{ margin-top:15px; }
	.offer .offerset .setlist ul{ display:inherit; }
	.offer .offerset .setlist ul li{ font-size:0.8rem; }
	.offer .offerset .setlist ul li:nth-child(odd){ width:auto; }
	.offer .offerset .details{ margin:0 3%; }
	.offer .offerset .matome{ margin-top:25px; }
	.offer .offerset .matome ul{ height:auto; }
	.offer .young .matome ul li{ padding-top:0; }
	/*-----------------------------------------------------------
 top トップ
-------------------------------------------------------------*/
	#top{ background:none; }
	#top section#main-img{ height:auto; padding:150px 0 30px; }
	#top section#main-img h1{ padding:0; }
	#top section#cts01 ul{ display:inherit; margin:20px 10%; }
	#top section#cts01{ margin-top:0; }
	#top section#cts01 ul li{ margin-bottom:15px; }
	#top section#cts02{ background:url("images/top_movie_bg.png") repeat-x 0 0; background-size:20%; padding:3% 0 0; margin:-3% 0 0; }
	#top section#cts02 .inner-box{ padding-bottom:1px; }
	#top section#cts02 h2{ padding:10% 0; }
	#top section#cts02 h2 img{ width:35%; }
	#top section#cts02 ul{ width:90%; height:auto; margin:0 5%; display:inherit; }
	#top section#cts02 ul li{ margin-bottom:50px; }
	#top section#cts02 ul li .moviebox{ width:100%; height:0; padding:56.25% 0 0 0; position:relative; }
	#top section#cts02 ul li .moviebox iframe{ position:absolute; top:0; right:0; width:100% !important; height:100% !important; }
	#top section#cts02 ul li p{ font-size:1.3rem; margin-bottom:15px; }
}
	/*-----------------------------------------------------------
 product 製品紹介
-------------------------------------------------------------*/
@media only screen and (max-width:769px){
	#product .cts{ margin-bottom:60px; }
	#product #cts01{ margin-bottom:0; }
	#product #cts01 .inner-box{ padding:40px 5%; background:url("images/study_cts01_img03.jpg") no-repeat right bottom; background-size:35%; }
	#product #cts01 .inner-box{ padding-top:0; }
	#product #cts01 .inner-box div{ margin-bottom:40px; }
	#product #cts01 .inner-box div h2{ display:flex; flex-wrap:wrap; align-items:center; font-size:1.15rem; font-family:'M PLUS Rounded 1c', sans-serif; font-weight:bold; color:#047e93; line-height:1.3; }
	#product #cts01 .inner-box div h2 span{ width:70%; }
	#product #cts01 .inner-box div h2 img{ padding-right:3%; width:30%; }
	#product #cts01 .inner-box div h2 + p{ margin:10px 0 20px; }
	#product #cts01 .inner-box div p img{ display:block; margin:0 auto; }
	#product #cts01 .inner-box div.movie, #product #cts01 .inner-box div.language{ width:100%; }
	#product #cts02{ margin-top:0; }
	#product #cts02 h2 img{ width:90%; display:block; margin:0 auto; }
	#product #cts02 ul{ font-size:1rem; padding:30px 5% 30px 5%; margin:0 5%; }
	#product #cts02 ul li{ margin-bottom:15px; line-height:1.6; margin-left:30px; }
	#product #cts02 ul li::before{ content:""; display:inline-block; width:34px; height:25px; background-image:url(images/icon_checkbox.png); background-size:contain; vertical-align:middle; margin-left:-34px; }
	#product #cts02 ul li:last-child{ margin-bottom:0; }
	#product #cts03{ background:none; background-size:contain; }
	#product #cts03 h2 img{ width:90%; display:block; margin:0 auto; }
	#product #cts03 ul{ width:94%; display:flex; flex-wrap:wrap; justify-content:space-between; margin:0 auto; }
	#product #cts03 ul li{ margin-top:20px; width:49%; }
	#product .offer h2 img{ width:90%; margin-bottom:15px; }
	#product .offer h2.offer_set_tit img{ width:100%; margin-bottom:0px; }
	#product .material p img{ padding:20px 0; margin:10px auto; }
	.inner-box p.offerset_explan{ width:100%; margin:0 auto; padding:0 5% 50px; font-size:0.5rem; line-height:1rem; }
	#product .offer .inner-box .young, #top .offer .inner-box .young{ padding-bottom:30px; }
	#product .offer .inner-box .stemist, #top .offer .inner-box .stemist{ padding-bottom:20px; }
}
/*-----------------------------------------------------------
 faq よくある質問
-------------------------------------------------------------*/
#faq section#main-img{ background-image:url("images/faq_main.jpg"); }
#faq section#cts01{ background-image:url("images/faq_bg.png"); background-size:100%; }
.qa-list dl{ position:relative; margin:0; margin-top:40px; padding:28px 80px 38px 30px; cursor:pointer; border-bottom:2px dashed #ea532c; }
.qa-list dl:first-child{ margin-top:0px; }
.qa-list dl::before{ position:absolute; bottom:50px; right:35px; display:block; width:30px; height:30px; margin:auto; content:''; transform:rotate(135deg); border-top:4px solid #047e93; border-right:4px solid #047e93; }
.qa-list .open::before{ transform:rotate(-45deg); }
.qa-list dl dt{ position:relative; text-align:left; margin:0; padding:0; font-weight:bold; font-size:20px; }
/* icon QA
.qa-list dl dt::before{ font-size:30px; line-height:1; position:absolute; top:-5px; left:0; display:block; content:'Q.'; color:#047e93; background:url("images/faq_q.png") no-repeat; }

.qa-list dl dd::before{ font-size:30px; line-height:1; position:absolute; top:31px; left:40px; display:block; content:'A.'; font-weight:bold; color:#047e93; background-image:url("images/faq_A.png"); }
*/
.qa-list dl dd{ position:relative; display:flex; height:auto; margin:40px 0 0; padding:30px; text-align:left; background-color:#eef7f7; }
.qa-list dl dd p:first-child{ margin-top:0; }
.qa-list dl dt img{ width:8%; height:auto; margin-right:40px; margin-top:-30px; }
.qa-list dl dd img.answer{ margin-top:0; width:80%; height:auto; margin-right:10px; }
.qa-list dl dd .answer-text{ width:100%; margin:30px 20px 0 20px; }
.qa-list dl dt{ font-family:'M PLUS Rounded 1c', sans-serif; font-size:2.4rem; line-height:2.6rem; color:#047e93; }
.qa-list dl dt .text-q{ display:block; margin-left:50px; padding-top:-30px; }
.qa-list table{ border:1px solid #000000; background:#FFFFFF; width:80%; margin:50px auto 0; text-align:center; }
.qa-list table caption{ position:relative; font-weight:700; text-align:left; margin:0 60px 20px 0; padding-bottom:10px; border-bottom:1px solid #000000; }
.qa-list table caption img{ width:50px; position:absolute; right:-60px; bottom:0; }
.qa-list table thead th{ background:#ED7D31; color:#FFFFFF; text-align:center; }
.qa-list table tbody tr>*{ border-top:1px solid #000000; }
.qa-list table tr>*{ padding:5px 10px; vertical-align:middle; }
.qa-list table tr>*:not(:last-child){ border-right:1px solid #000000; }
.qa-list table tbody tr th{ color:#ED7D31; font-weight:700; }
@media screen and (max-width:769px){
	.qa-list dl{ position:relative; margin-top:0; padding:15px 0; }
	.qa-list dl::before{ bottom:20px; right:5px; width:10px; height:10px; }
	.qa-list dl dt{ padding:0; font-size:20px; }
	.qa-list dl dt span{ display:block; margin-top:-50px; font-size:1.5rem; padding-right:10px; text-align:center; }
	.qa-list dl dd{ margin:20px 0 0; padding:5px; font-size:20px; }
	.qa-list dl dd p{ margin:30px 0 0; }
	.qa-list dl dd p:first-child{ margin-top:0; }
	/*調整*/
	.qa-list dl::before{ border-top:2px solid #047e93; border-right:2px solid #047e93; }
	.qa-list dl dt p{ width:13%; margin-right:10px; }
	.qa-list dl dt img{ width:100%; height:auto; margin-right:0; margin-top:0; }
	.qa-list dl dd img.answer{ width:13%; }
	.qa-list dl dd{ display:block; }
	.qa-list dl dd .answer-text{ width:100%; font-size:68%; line-height:1.5rem; padding:10px; margin:0; }
	#faq .marker-yellow{ display:inline-block; padding-right:0; }
	span.text-q{ margin-left:0; padding-top:0; }
	.qa-list table{ width:100%; margin-top:30px; }
	.qa-list table caption{ margin:0 40px 20px 0; padding-bottom:10px; }
	.qa-list table caption img{ width:30px; right:-40px; }
	.qa-list table tr>*{ padding:5px 5px; font-size:90%; line-height:1.2; }
}
/*-----------------------------------------------------------
 voice お客様の声
-------------------------------------------------------------*/
#voice section#main-img{ background-image:url("images/voice_main.jpg"); }
#voice p.voice-text{ text-align:left; }
#voice #cts01 p.voice-name{ background-color:#047e93; margin:0; padding:8px; color:#fff; font-family:'M PLUS Rounded 1c', sans-serif; width:100%; }
.voice-text p:nth-of-type(2){ padding:5%; background-color:#fff; }
@media screen and (min-width:769.001px){
	.balloon2-left{ text-align:left; position:relative; display:inline-block; margin:1.5em 0 1.5em 0; padding:0; max-width:70%; height:auto; color:#555; font-size:16px; background:#FFF; border:solid 3px #047e93; box-sizing:border-box; background-color:#047e93; }
	.balloon2-left:before{ content:""; position:absolute; top:50%; left:-24px; margin-top:-12px; border:12px solid transparent; border-right:12px solid #FFF; z-index:2; }
	.balloon2-left:after{ content:""; position:absolute; top:50%; left:-30px; margin-top:-14px; border:14px solid transparent; border-right:14px solid #047e93; z-index:1; }
	.balloon2-left p{ margin:0; padding:0; }
	.voice-hukidashi{ width:100%; margin:0 auto; text-align:center; }
	.voice-hukidashi img{ padding:10%; width:500px; }
	.balloon2-right{ text-align:left; position:relative; display:inline-block; margin:1.5em 0 1.5em 0; padding:0; max-width:70%; height:auto; color:#555; font-size:16px; background:#FFF; border:solid 3px #047e93; box-sizing:border-box; background-color:#047e93; }
	.balloon2-right:before{ content:""; position:absolute; top:50%; right:-24px; margin-top:-12px; border:12px solid transparent; border-left:12px solid #FFF; z-index:2; }
	.balloon2-right:after{ content:""; position:absolute; top:50%; right:-30px; margin-top:-14px; border:14px solid transparent; border-left:14px solid #047e93; z-index:1; }
	.balloon2-right p{ margin:0; padding:0; }
}
@media screen and (max-width:769px){
	.balloon2-top{ text-align:left; position:relative; display:inline-block; margin:1.5em 0; padding:0; min-width:120px; max-width:100%; color:#333333; font-size:16px; background:#FFF; border:solid 3px #047e93; box-sizing:border-box; background-color:#047e93; }
	p.voice-name{ width:100%; }
	.balloon2-top:before{ content:""; position:absolute; top:-24px; left:50%; margin-left:-15px; border:12px solid transparent; border-bottom:12px solid #047e93; z-index:2; }
	.balloon2-top:after{ content:""; position:absolute; top:-30px; left:50%; margin-left:-17px; border:14px solid transparent; border-bottom:14px solid #047e93; z-index:1; }
	.balloon2-top p{ margin:0; padding:0; }
}

/* 2025/05 add*/
#voice .list{ display:flex; flex-flow:column; font-family:"M PLUS Rounded 1c", sans-serif; font-weight:500; }
#voice .list li .thum{ position:relative; }
#voice .list li .thum img{ position:relative; z-index:1;  overflow:hidden; border-radius:50%; }
#voice .list li .thum::before{ position:absolute; z-index:0; display:block; content:""; width:100%; height:100%; background:#fcf517; border-radius:50%; }
#voice .list li .text{ color:#FFFFFF; text-align:left; position:relative; }
#voice .list li .text::after{ display:block; content:""; position:absolute; z-index:0; border-style:solid; }
#voice .list li:nth-child(2n+1) .text{ background:#047e93; }
#voice .list li:nth-child(2n+0) .text{ background:#ea532c; }
#voice .list li:nth-child(2n+1) .text::after{ border-color:transparent transparent #047e93 transparent; }
#voice .list li:nth-child(2n+0) .text::after{ border-color:transparent transparent #ea532c transparent; }
#voice .list li .text h3{ font-weight:500; position:absolute; margin:0; }
#voice .list li .text h3::before{ display:block; content:""; position:absolute; left:0; top:0; z-index:0; border-style:solid; transform:translateY(-100%); }
#voice .list li:nth-child(2n+1) .text h3{ background:#c3e9ef; color:#047e93; }
#voice .list li:nth-child(2n+0) .text h3{ background:#f1cfc6; color:#ea532c; }
#voice .list li:nth-child(2n+1) .text h3::before{ border-color:transparent transparent #005260 transparent;}
#voice .list li:nth-child(2n+0) .text h3::before{ border-color:transparent transparent #811a00 transparent;}

@media only screen and (min-width:770px){
	#voice .list{ gap:15px; }
	#voice .list li{ display:flex; justify-content:space-between; align-items:center; }
	#voice .list li:nth-child(2n){ flex-flow:row-reverse; }
	#voice .list li .thum{ width:calc(100% / 1100 * 388); }
	#voice .list li .thum::before{ right:-5px; bottom:-15px; }
	#voice .list li .text{ width:calc(100% / 1100 * 635); padding:90px 25px 30px 40px; margin:0 calc(100% / 1100 * 15); border-radius:30px; }
	#voice .list li:nth-child(2n+1) .text::after{ border-width:0 0 19px 36px; left:-36px; bottom:70px; }
	#voice .list li:nth-child(2n+0) .text::after{ border-width:0 36px 19px 0; right:-36px; bottom:70px; }
	#voice .list li .text h3{ left:-10px; top:38px; font-size:22px; line-height:1; padding:5px 35px; }
	#voice .list li .text h3::before{ border-width:0 0 10px 10px; }
}
@media only screen and (max-width:769px){
	#voice .list{ gap:25px; }
	#voice .list li .thum{ width:130px; margin:0 auto 17px; }
	#voice .list li .thum::before{ right:-2px; bottom:-5px; }
	#voice .list li .text{ padding:55px 20px 15px; border-radius:15px; }
	#voice .list li .text::after{ border-width:0 12px 12px 18px; left:calc(50% - 50px); top:-8px; transform:rotate(130deg); }
	#voice .list li .text h3{ left:-7px; top:18px; font-size:13px; line-height:1; padding:5px 20px; }
	#voice .list li .text h3::before{ border-width:0 0 7px 7px; }
}

/* study_more */
#study_more section#main-img{ text-align:center; background:url("images/more_main.jpg") no-repeat top center; }
#study_more #cts01 h3:first-child{ margin-top:0px; }
#study_more #cts01{ margin-top:120px; }
#study_more #cts01 p a img{ margin:50px auto; }
#study_more #cts01 .inner-box div:nth-of-type(2) img{ width:78%; margin-top:30px; }
#study_more #cts01 p{ width:calc(50%); text-align:left; margin:0 auto; padding-left:10px; }
#study_more #cts01 p img{ padding:0; }
@media only screen and (min-width:770px){
	 #study_more #cts01 p{ padding-left:25px; }
}
@media only screen and (max-width:769px){
	#study_more #cts01{ margin-top:0; }
	#study_more #cts01 p img{ margin:20px auto 50px; }
	#study_more #cts01 p{ width:95%; margin:0 auto; padding-left:0; }
}

#study_more #cts02 h3{ background-image:url("images/more_icon.png"); background-repeat:no-repeat; background-position:center 0; }

#study_more section#cts03 ._1{ background-image:url("images/more_cts03_bg.jpg"); background-repeat:no-repeat; background-position:center 50px; }
#study_more section#cts03 ._1 h2,
#study_more section#cts03 ._1 h3,
#study_more section#cts03 ._1 p{ text-align:left; }
#study_more #cts03 ._1 .inner-box p{ width:calc(63%); margin:30px 0; }
@media only screen and (max-width:769px){
	#study_more section#cts03 ._1{ background-image:url("images/more_cts03_bg.jpg"); background-repeat:no-repeat; background-position:center top; background-size:100%; }
	#study_more #cts03 ._1 .inner-box p{ width:100%; margin:10px 0; }
	#study_more section#cts03 ._1 h2 img{ width:55%; margin:5px auto 5px 0; }
	#study_more section#cts03 ._1 h3{ margin-bottom:1.2rem; }
}

#study_more #cts03 ._2{ background-image:url("images/study_cts03_title_bg.jpg"); background-repeat:no-repeat; background-position:center; background-position:center 0; }
#study_more #cts03 ._2 h3.bg-green{ background-color:#047e93; border-radius:10px; text-align:center; color:#fff; padding:2rem 0; }
#study_more #cts03 ._2 h3.bg-orange{ background-color:#ea532c; border-radius:10px; text-align:center; color:#fff; padding:2rem 0; }
@media only screen and (max-width:769px){
	#study_more #cts03 ._2{ background-image:url("images/study_cts03_title_bg.jpg"); background-repeat:no-repeat; background-position:center 0; background-size:150%; max-width:1000px; }
	#study_more #cts03 ._2 h2{ margin-bottom:50px }
	#study_more #cts03 ._2 h3.bg-green,
	#study_more #cts03 ._2 h3.bg-orange{ padding:0.2rem; font-size:1.5rem; padding-top:4%; padding-bottom:4%; }
	#study_more #cts03 ._2{ margin-top:50px; }
	#study_more #cts03 ._2{ background-image:url("images/study_cts03_title_bg.jpg"); background-repeat:no-repeat; background-position:center 0; background-size:150%; max-width:1000px; }
}

#study_more #cts03 ._3 h3{ background-image:url("images/study_icon_orange.png"); background-repeat:no-repeat; background-position:1.5rem center; background-color:#ea532c; border-radius:10px; text-align:left; margin-left:auto; margin-right:auto; margin-top:100px; padding-left:8rem; padding-top:1rem; padding-bottom:2rem; color:#fff; line-height:1.8rem; }
@media only screen and (max-width:769px){
	#study_more #cts03 ._3 h3{ background-image:url("images/study_icon_orange.png"); background-size:10%; background-repeat:no-repeat; background-position:1.5rem center; border-radius:10px; text-align:left; margin-left:auto; margin-right:auto; margin-top:50px; padding-left:5rem; padding-top:0.3rem; padding-bottom:0.5rem; color:#fff; line-height:1rem; }
	
}

#study_more #cts03 ._4{ background:url("images/product_cts03_bg.jpg") no-repeat center 0; margin-top:120px; }
#study_more #cts03 ._4 ul{ width:850px; display:flex; flex-wrap:wrap; justify-content:space-between; margin:50px auto; }
#study_more #cts03 ._4 ul li{ margin-top:40px; }
@media only screen and (max-width:769px){
	#study_more #cts03 ._4{ margin-top:60px; background:none; background-size:contain; }
	#study_more #cts03 ._4 h2 img{ width:90%; display:block; margin:0 auto; }
	#study_more #cts03 ._4 ul{ width:94%; display:flex; flex-wrap:wrap; justify-content:space-between; margin:0 auto; }
	#study_more #cts03 ._4 ul li{ margin-top:20px; width:49%; }
}

#study_more section#cts04 .inner-box{ border:dashed 1px #ea532c; padding:0 0 50px; }
#study_more #cts04 .inner-box p{ width:80%; margin:0 auto; padding-bottom:50px; }
#study_more #cts04 div.item-list01{ display:inline-block; width:100%; }
#study_more #cts04 div.item-list01 ul li{ list-style-type:none; float:left; /*floatで横並びに*/
	padding-left:5px; /*カラム間のガター*/
	margin-bottom:5px; max-height:550px; }
#study_more #cts04 div.item-list01 img{ padding:5px; }
#study_more #cts04 div.item-list01 ul{ margin:0 0 0 20px; }
#study_more #cts04 ul.cols-1 li{ width:99%; }
#study_more #cts04 ul.cols-2 li{ width:49.5%; }
#study_more #cts04 ul.cols-3 li{ width:33%; }
#study_more #cts04 ul.cols-4 li{ width:24.5%; }
@media only screen and (max-width:769px){
	#study_more #cts04 ul.cols-1 li,
	#study_more #cts04 ul.cols-2 li,
	#study_more #cts04 ul.cols-3 li,
	#study_more #cts04 ul.cols-4 li{ width:49.5%; }
	#study_more #cts04 div.item-list01 ul{ margin:0 auto; }
	#study_more section#cts04 .inner-box{ padding:30px 0px; margin:0 auto; width:90%; }
	#study_more section#cts04 .inner-box p{ text-align:left; width:90%; margin:0 auto; padding-bottom:20px; }
	#study_more section#cts04 .inner-box picture img{ width:90%; margin:10px auto; }
	#study_more .inner-box div.inner-cts-flex:first-of-type p img{ width:100%; }
}

/* product_team */
#product_team{}
#product_team .mv_product{ background-image:url("images/product_main.jpg"); }
#product_team .mv_product h1{ padding-top:115px; }
#product_team #cts01 .inner-box div{ padding-bottom:80px; }
#product_team #cts01 .inner-box div h2{ display:flex; flex-wrap:wrap; align-items:center; font-size:2.5rem; font-family:'M PLUS Rounded 1c', sans-serif; font-weight:bold; color:#047e93; line-height:1.3; }
#product_team #cts01 .inner-box div h2 img{ padding-right:30px; }
#product_team #cts01 .inner-box div h2 + p{ margin:40px 0; }
#product_team #cts01 .inner-box div p img{ display:block; margin:0 auto; }
#product_team #cts01 .inner-box div.movie,
#product_team #cts01 .inner-box div.language{ padding-right:340px; text-align:left; }
#product_team #cts01 .inner-box div.movie{ background:url("images/study_cts01_img03.jpg") no-repeat right bottom; }
#product_team .offer .ttl{ padding-bottom:40px; }
#product_team .box2 .text{ text-align:left; border:1px dashed #047e93; background:#f9f9f9; }
#product_team .box3 .inner-box{ text-align:left; letter-spacing:-0.05em; }
#product_team .box3 .sub{ font-family:'M PLUS Rounded 1c', sans-serif; font-weight:bold; color:#047e93; }
@media only screen and (min-width:770px){
	#product_team .box2 .ttl h2{ margin-bottom:70px; }
	#product_team .box2 .ttl p{ margin:0 20px 90px; }
	#product_team .box2 .text{ padding:48px; margin:0 20px 130px; }
	#product_team .box2 .text>*{ font-size:22px; line-height:42px; }
	#product_team .box2 .text>*:not(:last-child){ margin-bottom:42px; }
	#product_team .box3 div.inner-box{ width:1060px; }
	#product_team .box3 .img1{ float:right; margin-left:30px; }
	#product_team .box3 .ttl{ margin-bottom:20px; }
	#product_team .box3 .sub{ font-size:30px; line-height:50px; margin-bottom:70px; }
	#product_team .box3 .txt{ font-size:22px; line-height:42px; }
	#product_team .box3 .img2{ margin-top:80px; }
}
@media only screen and (max-width:769px){
	#product_team .cts{ margin-bottom:60px; }
	#product_team .mv_product h1{ padding-top:30px; }
	#product_team #cts01{ margin-bottom:0; }
	#product_team #cts01 .inner-box{ padding-top:0; }
	#product_team #cts01 .inner-box div{ padding-bottom:40px; }
	#product_team #cts01 .inner-box div h2{ display:flex; flex-wrap:wrap; align-items:center; font-size:15px; font-family:'M PLUS Rounded 1c', sans-serif; font-weight:bold; color:#047e93; line-height:1.3; }
	#product_team #cts01 .inner-box div h2 span{ width:70%; text-align:left; }
	#product_team #cts01 .inner-box div h2 img{ padding-right:3%; width:78px; }
	#product_team #cts01 .inner-box div h2 + p{ margin:10px 0 20px; }
	#product_team #cts01 .inner-box div p{ font-size:13px; line-height:2.0; }
	#product_team #cts01 .inner-box div p img{ display:block; margin:0 auto; }
	#product_team #cts01 .inner-box div.movie,
	#product_team #cts01 .inner-box div.language{ width:100%; padding-right:0; }
	#product_team #cts01 .inner-box div.movie{ background:url("images/study_cts01_img03.jpg") no-repeat right top 45px; background-size:149px; }
	#product_team #cts01 .inner-box div.movie p{ padding-right:155px; }
	#product_team #cts01{ margin-bottom:0; }
	#product_team #cts01 .inner-box{ padding-top:0; }
	#product_team #cts01 .inner-box .material{ padding-bottom:30px; }
	#product_team #cts01 .inner-box .material h2{ display:flex; flex-wrap:wrap; align-items:center; font-size:15px; font-family:'M PLUS Rounded 1c', sans-serif; font-weight:bold; color:#047e93; line-height:1.3; }
	#product_team #cts01 .inner-box .material h2 span{ width:70%; }
	#product_team #cts01 .inner-box .material h2 img{ padding-right:3%; width:78px; }
	#product_team #cts01 .inner-box .material h2 + p{ margin:10px 0 20px; }
	#product_team #cts01 .inner-box .material p img{ display:block; margin:0 auto; }
	#product_team .offer{ padding-bottom:5px; }
	#product_team .offer .ttl{ padding:0 10px 30px; }
	#product_team .offer .inner-box{ padding:0; }
	#product_team .offerset_explan{ font-size:12px; line-height:1.8; text-align:left; padding:0 0 50px; }
	#product_team .box2 .ttl h2{ margin-bottom:calc(100vw / 750 * 70); }
	#product_team .box2 .ttl p{ margin-bottom:calc(100vw / 750 * 70); }
	#product_team .box2 .text{ padding:20px; margin-bottom:calc(100vw / 750 * 70); }
	#product_team .box2 .text>*{ font-size:13px; line-height:23px; }
	#product_team .box2 .text>*:not(:last-child){ margin-bottom:23px; }
	#product_team .box3 .ttl{ width:215px; margin-bottom:20px; }
	#product_team .box3 .img1{ margin:0 35px 25px; }
	#product_team .box3 .sub{ font-size:15px; line-height:25px; text-align:center; margin-bottom:20px; }
	#product_team .box3 .txt{ font-size:13px; line-height:23px; }
	#product_team .box3 .img2{ margin-top:25px; }
}

/* #award */
#award #main-img{ background-image:url(./images/award/main.jpg); }
#award #main-img h1{ padding-top:480px; }
#award #cts02 h3{ background-image:url("images/award/icon.png"); background-repeat:no-repeat; background-position:center 0; }
@media only screen and (max-width:769px){
	#award #cts02 h3{ font-size:calc(0.5rem / 16 * 45); line-height:calc(0.5rem / 16 * 65); margin-top:25px; }
	#award #cts02 h2{ margin-bottom:25px; }
}

/* #event */
#event #main-img{ background-image:url(./images/event/main.jpg); }
#event #main-img h1{ padding-top:480px; }
#event #cts02 h3{ background-image:url("images/event/icon.png"); background-repeat:no-repeat; background-position:center 0; }
@media only screen and (max-width:769px){
	#event #cts02 h3{ font-size:calc(0.5rem / 16 * 45); line-height:calc(0.5rem / 16 * 65); margin-top:25px; }
	#event #cts02 h2{ margin-bottom:25px; }
}
#event .list_box{ font-family:'M PLUS Rounded 1c', sans-serif; text-align:left; }
#event .list_box .ttl{ width:7em; color:#047e93; text-align:center; background:#FFFFFF; margin:-0.5em auto 0; }
#event .inner-cts-flex2 div{ width:calc(100% / 1100 * (542 + 25)) !important; }
#event .inner-cts-flex2 div + p{ width:calc(100% / 1100 * (508 + 25)) !important; margin:0 !important; }

@media only screen and (min-width:770px){
	#event .list_box{ border:5px solid #047e93; border-radius:30px; padding:0 55px 50px; margin-top:120px; }
	#event .list_box .flex{ display:flex; font-size:26px; line-height:54px; margin-top:50px; }
	#event .list_box .flex>*{ width:50%; }
	#event .list_box .ttl{ font-size:37px; line-height:1.0; }
}
@media only screen and (max-width:769px){
	#event .list_box{ border:3px solid #047e93; border-radius:15px; padding:0 35px 30px;  margin-top:35px; }
	#event .list_box .flex{ font-size:15px; line-height:25px; margin-top:25px; }
	#event .list_box .ttl{ font-size:18px; line-height:1.0; }
	#event #cts02 .inner-cts-flex2 img{ width:100% !important; }
}

#top #power .ttl1{ text-align:center; }
#top #power .list1{
	display:flex; justify-content:center; align-items:center; flex-wrap:wrap;
	font-family:'M PLUS Rounded 1c', sans-serif;
}
#top #power .list1 span{
	display:flex; justify-content:center; align-items:center;
	background:#047e93; line-height:1.0; color:#FFFFFF; font-weight:700;
}
#top #power .read1 p{ font-family:'M PLUS Rounded 1c', sans-serif; font-weight:700; }
#top #power .read1 strong{ font-weight:700; }
#top #power .read1 .t1{ color:#047e93; }
#top #power .read1 .t2{ color:#ea532c; }
@media only screen and (min-width:770px){
	#top #power{ padding-bottom:100px; }
	#top #power .read1 p{ font-size:45px; line-height:82px; margin-top:40px; }
	#top #power .ttl1{ margin-bottom:60px; }
	#top #power .list1{ gap:28px; }
	#top #power .list1 span{ width:348px; height:134px; border-radius:20px; font-size:50px; }
	#top #power .read1 p{ font-size:45px; line-height:82px; margin-top:50px; }
}
@media only screen and (max-width:769px){
	#top #power{ padding:0 9px 50px; }
	#top #power .ttl1{ margin:0 auto 36px; max-width:343px; }
	#top #power .list1{ gap:9px; }
	#top #power .list1 span{ width:calc((100% - 9px) / 2); height:67px; border-radius:10px; font-size:25px; }
	#top #power .list1 br{ display:none; }
	#top #power .read1 p{ font-size:20px; line-height:38px; margin-top:40px; }
}

#top #theme .ttl1{ text-align:center; }
#top #theme .img{ display:block; text-align:center; }
#top #theme .read1{ font-family:'M PLUS Rounded 1c', sans-serif; font-weight:600; color:#ea532c;  }
#top #theme .read2 a{ color:inherit; word-break:break-all; }
#top #theme .ttl2{ font-family:'M PLUS Rounded 1c', sans-serif; font-weight:700; text-align:center; }
#top #theme .ttl2 strong{ color:#ea532c; }
#top .course{ text-align:center; }
#top .course h3{ font-family:'M PLUS Rounded 1c', sans-serif; font-weight:500; color:#ea532c; font-weight:700; text-align:center; }
#top .course table{ font-family:'M PLUS Rounded 1c', sans-serif; font-weight:500; border-collapse:separate; border-spacing:0; width:100%; margin:auto; overflow:hidden; }
#top .course table tr>*{ width:calc(100% / 3); border-left:1px solid #ea532c; border-bottom:1px solid #ea532c; font-weight:600; text-align:center; vertical-align:middle; }
#top .course table tbody tr th{ color:#ea532c; }
#top .course table tbody tr>*:last-child{ border-right:1px solid #ea532c; }
#top .course table thead tr>*{ background:#ea532c; color:#FFFFFF; }
#top .course table tbody tr>*{ background:#FFFFFF; }
#top .course .note{ text-align:left; font-weight:500; }

@media only screen and (min-width:770px){
	#top #theme .ttl1{ margin-bottom:60px; }
	#top #theme .img._2{ margin-top:70px; }
	#top #theme .img._3{ margin-top:70px; padding-bottom:50px; }
	#top #theme .read1{ font-size:30px; line-height:82px; text-align:center; margin-top:30px; }
	#top #theme .read2{ font-size:16px; line-height:1.6; margin-top:10px; }
	#top #theme .ttl2{ font-size:45px; line-height:82px; margin-top:70px; }
	#top .course{ max-width:1000px; margin:0 auto; padding-bottom:50px; }
	#top .course h3{ font-size:26px; line-height:1.0; margin-bottom:15px;  }
	#top .course h3 strong{ font-size:30px; line-height:1.0; }
	#top .course table tr>*{ padding:15px; }
	#top .course table thead{ font-size:18px; line-height:1.0; }
	#top .course table tbody{ font-size:16px; line-height:1.0; }
	
	#top .course table thead tr>*:first-child{ border-radius:20px 0 0 0; }
	#top .course table thead tr>*:last-child{ border-radius:0 20px 0 0; }
	#top .course table tbody tr:last-child>*:last-child { border-radius:0 0 20px 0; }
	#top .course table tbody tr:last-child>*:first-child { border-radius:0 0 0 20px; }
	#top .course .note{ font-size:16px; line-height:1.6; margin-top:10px; }
	
	#top .features{ display:flex; justify-content:space-between; gap:20px; padding:40px 0 150px; }
}
@media only screen and (max-width:769px){
	#top #theme{ padding:0 9px; }
	#top #theme .ttl1{ margin:0 auto 25px; max-width:369px; }
	#top #theme .img._2{ margin-top:35px; }
	#top #theme .img._3{ margin-top:35px; padding-bottom:50px; }
	#top #theme .read1{ font-size:17px; line-height:25px; margin-top:15px; padding-left:1em; text-indent:-1em; }
	#top #theme .read2{ font-size:14px; line-height:24px; margin-top:10px; padding-left:1em; text-indent:-1em; }
	#top #theme .ttl2{ font-size:23px; line-height:41px; margin-top:35px; }
	
	#top .course{ padding-bottom:50px; }
	#top .course h3{ font-size:17px; line-height:1.0; margin-bottom:20px;  }
	#top .course h3 strong{ font-size:20px; line-height:1.0; }
	#top .course table tr>*{ padding:15px 0; }
	#top .course table thead{ font-size:13px; line-height:1.0; }
	#top .course table tbody{ font-size:12px; line-height:1.4; }
	
	#top .course table thead tr>*:first-child{ border-radius:10px 0 0 0; }
	#top .course table thead tr>*:last-child{ border-radius:0 10px 0 0; }
	#top .course table tbody tr:last-child>*:last-child { border-radius:0 0 10px 0; }
	#top .course table tbody tr:last-child>*:first-child { border-radius:0 0 0 10px; }
	#top .course .note{ font-size:12px; line-height:1.6; margin-top:10px; padding-left:1em; text-indent:-1em; }
	#top .features{ display:flex; flex-flow:column; gap:30px; padding:0 28px 62px; }
}

/* end */