@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700&display=swap');

.btm10 {margin-bottom:10px !important;}
.btm20 {margin-bottom:20px !important;}
.btm30 {margin-bottom:30px !important;}
.btm40 {margin-bottom:40px !important;}
.btm60 {margin-bottom:60px !important;}
.btm80 {margin-bottom:80px !important;}
.center {margin: 0 auto; text-align: center;}

/*---- フレックスボックス----*/
.col-between{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.col-around{
	display: flex;
	justify-content:space-around;
}
.col-start{
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.col-center{
	display: flex;
	justify-content:center;
	align-items: center;
}
.col-end{
	display: flex;
	justify-content:flex-end;
	align-items: center;
}
.float-like{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
.fluid{
	max-width: 100%;
	height: auto;
}
.col-reverse{
	flex-direction: row-reverse;
}
.flex_txt{
	width: 65%;
	text-align: left;
	padding: 0 10px;
}
.flex_img{
	width: 32%;
	padding: 0 10px;
}
.flex_50{
	width: 48%;
	padding: 0 18px;
}
.col-4-pc {
  width: 45%;
  padding: 0 16px;
}

/*---- テキストの装飾 ----*/
.font_nijimimaru {
	/*font-family: "Shuei NijimiMGo B";*//*typesquare*/
	font-family: 'M PLUS Rounded 1c', sans-serif !important;
	font-family: 'Roboto Condensed', sans-serif !important;
	font-family: 'Zen Maru Gothic', sans-serif !important;	
}
.border_bl{
	border: 2px solid #9bcbff;
	padding: 40px 40px 60px 40px;
	background: #def1ff;
	border-radius: 15px
}
.bold_bk {
  color: #333;
  font-weight: bold;
  font-size: 1.6em;
}
.bold_bk02 {
	color: #222;
    font-weight: bold;
	font-size: 1.1em;
}
.bold_orange {
  color: #ff7b2e;
  font-weight: bold;
  line-height: 1.8 !important;
}
.bold_white {
	color: #fff;
    font-weight: bold;
}
.marker_wh {
  background: linear-gradient(transparent 60%, #ffdd5f 60%);
  font-size: 1.2em;
  font-weight: bold;
}


/*全体
----------------------------------------------------*/
#main {
	width: 100%;
	float: none;
}
#ContentWrap {
	font-family: "FOT-筑紫A丸ゴシック Std R", "游ゴシック体", "YuGothic", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
	color: #483939;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.4;
	letter-spacing: 0.1em !important;
	background: #fff;
	/* 方眼紙模様 */
    /*background-image: linear-gradient(0deg, transparent calc(100% - 1px), #f7f7f7 calc(100% - 1px)), linear-gradient(90deg, transparent calc(100% - 1px), #f7f7f7 calc(100% - 1px));*/
    background-size: 16px 16px;
    background-repeat: repeat;
    background-position: center center;
	width: 100%;
}
#ContentWrap a {
	text-decoration: none;
	color: #333;
}
#ContentWrap a:hover {
	opacity: 0.8;
}
#ContentWrap p {
	font-size: 16px;
	font-weight: 400;
	line-height: 1.7;
	letter-spacing: 0.04em;
	margin: 0 0 20px;
	text-align: justify;
	text-justify: inter-ideograph;
}
#ContentWrap img {
	max-width: 100%;
	height: auto;
}
#ContentWrap h1 {
	padding: 0;
	margin: 0 !important;
	border: none !important;
}
#ContentWrap h2 {
	font-size: 24.5px !important;
}
#ContentWrap hr {
	display: block;
	border-bottom: 8px dotted #eee;
	width: 80%;
	margin: 0 auto 20px;
	padding: 0 20px;
}
#ContentWrap a.anchor {
    display: block;
    padding-top: 70px;
    margin-top: -60px;
}
#ContentWrap .content_box {
	max-width: 1200px;
	margin: 0 auto 80px;
	padding: 0 24px;
}
#ContentWrap .center{
	text-align: center !important;
	margin: 0 auto;
}
#ContentWrap .marker_ye {
	background: linear-gradient(transparent 60%, #fff7af 60%);
	font-weight: bold;
	font-size: 1em;
}
#ContentWrap .komeM {
  font-size: 10px !important;
  font-weight: 500;
  line-height: 1.8;
  letter-spacing: 0.02em;
}

/*メインビジュアル
----------------------------------------------------*/
.mv {
	position: relative;
	width: 100%;
}
.mv img {
	margin: 0 auto;
}
.mv .mv_bg {
	width: 100%;
	min-height: 330px;
    max-height: 580px;
	object-fit: cover;
}
/*.mv .mv_inner {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: auto;
	height: 460px;
    box-sizing: border-box;
}
*/
.mv .catchCopy {
    position: absolute !important;
    left: 62px;
    top: 40px;
    /*width: 800px;*/
	width: 60%;
}
.mv .subCatch {
    position: absolute !important;
	bottom: 57px;
    right: 95px;
    /*width: 700px;*/
	width: 50%;
	/*padding: 3px 8px 6px;
	background: #3eb135;
	border-radius: 100px;
	text-align: center;
	color: #fff;
	font-size: 1.3em;
	*/
}



/*こんなお悩みありませんか？
----------------------------------------------------*/
.noukatu_box {
	text-align: center;
	margin: 0 auto;
	padding: 0 0 40px;
	/*width: 100%;*/
}
.noukatu_inner {
	max-width: 1000px;
	margin: 0 15px;
}
.nayami_bg {
	/*background: linear-gradient(#877c73, #fff);*/
	background: #f3f3f3;
}
.noukatu_title {
	background: #ffa95f !important;
	padding: 0.6em 1em !important;
	color: #333 !important;
	margin-bottom: 30px !important;
	border: none!important;
}
.nayami_bg .noukatu_title {
	padding: 1.2em 1em 0.6em !important;
	background: transparent !important;
}
.noukatu_title .dots {
	color: #977e60;
	-webkit-text-emphasis: filled;
	text-emphasis: filled;
	font-size: 1.3em !important;
	padding: 0 4px;
}

/*チェックボックス*/
/*@import url(https://fonts.googleapis.com/css?family=Open+Sans);*/
.boxes {
  margin: auto;
  padding: 40px 50px 50px;
  background: #fffefd;
	width: 558px;
	text-align: left;
	border-radius: 10px;
	position: relative;
}
.boxes02 {
  margin: auto;
  padding: 40px 50px 50px;
  background: #fffefd;
	width: 480px;
	text-align: left;
	border-radius: 10px;
	position: relative;
}
/*Checkboxes styles*/
input[type="checkbox"] { display: none; }
input[type="checkbox"] + label {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 20px;
	font-weight: bold !important;
  font: 15px/20px 'Open Sans', Arial, sans-serif;
  /*color: #ddd;*/
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
input[type="checkbox"] + label:last-child { margin-bottom: 0; }
input[type="checkbox"] + label:before {
  content: '';
  display: block;
  width: 20px;
  height: 20px;
  border: 2px solid #ff7600;
  position: absolute;
  left: 0;
  top: 0;
  opacity: .6;
  -webkit-transition: all .12s, border-color .08s;
  transition: all .12s, border-color .08s;
}
input[type="checkbox"]:checked + label:before {
  width: 10px;
  top: -5px;
  left: 5px;
  border-radius: 0;
  opacity: 1;
  border-top-color: transparent;
  border-left-color: transparent;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.section5 input[type="checkbox"] { display: inline; }
table input[type="checkbox"] { display: inline; }

.nayamuhito {
	height: 158px;
}
/*.nayamuhito .nayamuhito_img {
	position: absolute;
	top: -35px;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	width: 400px;
}*/
.nayamuhito_img {
	position: absolute;
	bottom: -40px;
	right: -162px;
    width: 247px;
}
.kaiketubito_img {
	position: absolute;
	bottom: -41px;
	right: -142px;
    width: 258px;
}
/*吹き出し*/
.fukidasi {
    position: relative;
	padding: 1em 2.2em 1em;
    border-radius: 10px;
    border: 3px solid #333;
    background-color: #fff;
    color: #333;
    font-weight: bold;
    font-size: 18px;
	width: 68%;
	margin: -16px auto 0;
}
.fukidasi:before {
    position: absolute;
    top: 100%;
    left: 205px;
    transform: skew(-25deg);
    height: 25px;
    width: 15px;
    border-right: 3px solid #333;
    background-color: #fff;
    content: "";
}
.fukidasi p {
    line-height: 1.5;
}
.fukidasi .fukidasi_img {
	position: absolute;
    left: 21px;
    bottom: -123px;
    width: 138px;
}
.fukidai_btm {
	height: 100px;
	margin-bottom: 20px;
}
.inazuma {
	display: inline-block;
    text-align: center !important;
    position: relative;
	padding-top: 30px;
}
.inazuma:before {
	position: absolute;
    top: 30px;
    left: -68px;
    height: 70px;
    width: 60px;
    content: url(../images/inazuma_l.png);
}
.inazuma:after {
	position: absolute;
    top: 30px;
    right: -68px;
    height: 70px;
    width: 60px;
    content: url(../images/inazuma_r.png);
}
.inazuma_bold {
	color: darkorange;
	font-size: 1.6em;
}
/*.inazuma .inazuma_inner {
    display: inline-block;
    position: relative;
    z-index: 5;
    line-height: 1.2;
    font-weight: bold;
    letter-spacing: 2px;
}*/
/*>脳活とは
----------------------------------------------------*/
.bg_whats {
	padding: 20px 0;
}
.bg_whats p {
	text-align: center !important;
}
/*>みんなの脳活　3つの特徴
----------------------------------------------------*/
.feature_flex {
	display: flex;
	justify-content: space-around;
	align-items: stretch;
	margin: 70px 0;
}
.feature_item {
	background: #e8f3ff;
	width: 30%;
    margin: 10px 15px 80px;
    border-radius: 18px;
	position: relative;
}
.feature_item a {
	display: block;
}
.feature_item_inner {
	padding: 30px 30px 50px;
}
.feature_item_number {
	position: absolute;
	top: -40px;
    left: 19px;
    width: 60px;
}
.feature_item_illust {
	position: absolute;
	bottom: -97px;
	right: -4px;
    width: 250px;
}
.feature_futoji {
	font-size: 1.2em;
	color: #246cd9;
}
.feature_title {
	background: #fff;
	display: inline-block;
	padding: 0.5em 2.4em 0.6em 4em;
    border-radius: 1000px;
	position: relative;
}
.feature_title .number {
	position: absolute;
	top: -15px;
    left: 25px;
	width: 50px;
}
.sensor_color img {
	width: 60%;
}
.feature_txt{
	line-height: 1.6 !important;
	letter-spacing: 0.1em !important;
	font-size: 1.4em;
}
.training_seito {
	width: 100%;
	height: 357px;
	position: relative;
}
.training_seito img {
	border-radius: 12px;
}
.training_seito01 {
	position: absolute;
	top: 0;
	left: 0;
	width: 40%;
}
.training_seito02 {
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	width: 40%;
}
.training_seito03 {
	position: absolute;
	top: 60px;
	right: 0;
	width: 40%;
}
.training_title01{
display: block;
    background: rgb(17 167 139 / 80%);
    padding: 0.5em 1.4em;
    margin: 0px 0 18px;
	color: #fff;
	font-size: 0.8em;
}
.training_title02{
	display: block;
	background: #ff8d00;
    padding: 0.5em 1.4em;
    margin: 0px 0 18px;
	color: #fff;
	font-size: 0.8em;
}
.training_title03{
	display: block;
background: #68b700;
    padding: 0.5em 1.4em;
    margin: 0px 0 18px;
	color: #fff;
	font-size: 0.8em;
}
.training_txt {
	padding: 20px 0 40px;
	font-size: 1.4em !important;
}
.col-training {
	display: flex;
	justify-content:space-around;
}
.flex_training {
	width: 22%;
	padding: 0 10px;
}

.support_class {
	width: 100%;
	height: 1270px;
	position: relative;
}
.support_bg {
	position: absolute;
	top: 0;
	left: 0;
	background: #f79038;
	padding: 10px 40px 40px;
	width: 73%;
}
.support_bg p {
	font-size: 1.4em;
}
.support_img01 {
	position: absolute;
	top: 287px;
    right: 0;
    width: 35%;
}
.support_img02 {
	position: absolute;
	top: 503px;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	width: 650px;
	z-index: 2;
}
.support_img03 {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 35%;
	z-index: 2;
}

.hakase_bg {
	background: #ffffff;
    padding: 10px 40px 40px;
    margin-top: 30px;
}
.hakase_bg h4 {
	padding-bottom: 20px;
	border-bottom: 1px solid #b6ccfd; 
}
.efficacy_bg {
	background: #fff8c8;
}
.hakase_bg {
    background: #ffffff;
    padding: 25px 40px 40px;
    margin-top: 30px;
}
.hakase_bg h4 {
    padding-bottom: 20px;
    border-bottom: 1px solid #b6ccfd;
    margin-bottom: 20px;
	font-size: 1.15em;
}
.youtube {
	width: 100%;
    aspect-ratio: 16 / 9;
}
.youtube iframe {
	width: 100%;
	height: 100%;
}


/*>受講生の声
----------------------------------------------------*/
.talk {
	margin-bottom: 30px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.talk_revers {
	margin-bottom: 30px;
	display: flex;
	justify-content: center;
	flex-direction: row-reverse;
}
.talk figure img {
	width: 100%;
	height: 100%;
	border-radius: 8px;
	margin: 0;
}
.talk_revers figure img {
	width: 100%;
	height: 100%;
	border-radius: 8px;
	margin: 0;
}
/* 画像の下のテキスト */
.talk-imgname {
	padding: 5px 0 15px;
	font-size: 10px;
	text-align: center;
}
p.talk-text {
	margin: 0 0 8px;
}
p.talk-text:last-child {
	margin-bottom: 0px;
}
.flex_talk-img {
	width: 30%;
	padding: 0 10px;
}
.flex_talk-txt {
	width: 64%;
	text-align: left;
	padding: 0 10px;
}
.talk-img {
	margin: 0 auto;
	/*margin-top: -1px;*/
	width: 72%;
}
/* ----- 左の場合 ----- */
.talk-Ltxt {
	color: #444;
	position: relative;
	padding: 2.2em;
	border: 2px solid #fff299;
	background-color: #fff299;
	border-radius: 5px;
}
/* 左の三角形を作る */
.talk-Ltxt:before {
	position: absolute;
	content: '';
	border: 10px solid transparent;
	border-right: 10px solid #fff299;
	top: 15px;
	left: -20px;
}
.talk-Ltxt:after {
	position: absolute;
	content: '';
	border: 10px solid transparent;
	border-right: 10px solid #fff299;
	top: 15px;
	left: -20px;
}
.talk-Ltxt p {
	line-height:1.6 !important; 
	font-size: 0.9em;
}

/* ----- 右の場合 ----- */

.talk-Rtxt {
	color: #444;
	position: relative;
	padding: 2.2em;
	border: 2px solid #fff299;
	background-color: #fff299;
	border-radius: 5px;
}
/* 右の三角形を作る */
.talk-Rtxt:before {
	position: absolute;
	content: '';
	border: 10px solid transparent;
	border-left: 10px solid #fff299;
	top: 15px;
	right: -20px;
}
.talk-Rtxt:after {
	position: absolute;
	content: '';
	border: 10px solid transparent;
	border-left: 10px solid #fff299;
	top: 15px;
	right: -20px;
}
.talk-Rtxt p {
	line-height:1.6 !important; 
	font-size: 0.9em;
}


.event_box {
	background: #fff8c8;
	padding: 20px;
	height: auto;
}
.box-inner {
	max-width: 1000px;
	margin: 0 auto;
	text-align: center;
}


.txt_big {
	font-size: 1.5em !important;
}
.txt_big {
	font-size: 1.5em !important;
}


.n_banner {
	margin: 40px 0 30px;
}
.s_font {
	font-size: 80%;
}
.ss_font {
	font-size: 70%!important;
}
.school_tbl {
	width: 100%;
	border-collapse: collapse;
	background: #fff;
	margin-bottom: 30px;
}
.school_tbl tbody th, .school_tbl tbody td {
	border: 3px solid #ffc564;
	line-height: 1.8;
	font-size: 110%;
	padding: 10px;
}
.school_tbl tbody th {
	text-align: center;
	vertical-align: top;
	white-space: nowrap;
}
.school_tbl .thead1 {
	background: #b2e0f8;
	color: #1d2182;
	font-size: 130%;
	padding: 0;
}
.school_tbl .thead2 {
	background: #f6cbdf;
	color: #d00280;
	font-size: 130%;
	padding: 0;
}
.school_tbl .trow2 {
	background: #fffbdd;
}

/*Form
----------------------------------------------------*/
table td {
	text-align: left;
}

/*タブレット
----------------------------------------------------*/
@media screen and (max-width: 768px) {
/*.pc-only { display: none !important; }*/
.tb-only { display: block !important; }
/*.sp-only { display: none !important; }*/
	.bold_orange {
    color: #ff7b2e;
    font-weight: bold;
    line-height: 1.5 !important;
}

	.col-between, .col-around, .col-start, .col-center, .col-end, .float-like {
		display: block;
	}
	.flex_txt{
		width: 100%;
		padding: 0px;
		margin-bottom: 0;
	}
	.flex_img{
		width: 60%;
		margin: 0 auto 0;
		padding: 0;
	}
.flex_50 {
    width: 70%;
    padding: 0px;
    margin: 0 auto 40px;
}
.nayamuhito_img {
    position: absolute;
    bottom: -138px;
    right: 0px;
    width: 258px;
}
.fukidasi {
    position: relative;
    padding: 1em 2.2em 1em;
    border-radius: 10px;
    border: 3px solid #333;
    background-color: #fff;
    color: #333;
    font-weight: bold;
    font-size: 18px;
    width: 94%;
    margin: 40px auto 0;
}
.feature_item_illust {
    position: absolute;
    bottom: -97px;
    right: 0px;
    width: 240px;
	}
.noukatu_inner {
    max-width: 1000px;
    margin: 0 10px;
}
.border_bl {
    border: 2px solid #9bcbff;
    padding: 35px 35px 50px 35px;
    background: #def1ff;
    border-radius: 15px;
    margin: 0 auto;
	}
.feature_txt {
    line-height: 1.6 !important;
    letter-spacing: 0.1em !important;
    font-size: 1.2em;
}
.feature_item_number {
    position: absolute;
    top: -40px;
    left: 19px;
    width: 52px;
}	
.feature_title {
    background: #fff;
    display: inline-block;
    padding: 0.5em 2.1em 0.6em 4em;
    border-radius: 1000px;
    position: relative;
}
.flex_training {
    width: 33%;
    padding: 0 10px;
}
.training_seito {
    width: 100%;
    height: 308px;
    position: relative;
}
.training_seito01 {
	position: absolute;
	top: 0;
	left: 0;
	width: 240px;
}
.training_seito02 {
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	width: 240px;
}
.training_seito03 {
	position: absolute;
	top: 60px;
	right: 0;
	width: 240px;
}
.support_class {
    width: 100%;
    height: 1160px;
    position: relative;
}
.support_bg {
    position: absolute;
    top: 0;
    left: 0;
    background: #f79038;
    padding: 10px 40px 40px;
    width: 91%;
}
.support_img01 {
    position: absolute;
    top: 264px;
    right: 0;
    width: 40%;
}
.support_img02 {
    top: 452px;
    max-width: 650px;
}
.support_img03 {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 41%;
    z-index: 2;
}

.s_font {
	font-size: 80%;
}
.ss_font {
	font-size: 70%!important;
}
.school_tbl {
	width: 100%;
	border-collapse: collapse;
	background: #fff;
}
.school_tbl tbody th, .school_tbl tbody td {
	border: 3px solid #ffc564;
	line-height: 1.8;
	font-size: 110%;
	padding: 10px;
}
.school_tbl tbody th {
	text-align: center;
	vertical-align: top;
	white-space: nowrap;
}
.school_tbl .thead1 {
	background: #b2e0f8;
	color: #1d2182;
	font-size: 130%;
	padding: 0;
}
.school_tbl .thead2 {
	background: #f6cbdf;
	color: #d00280;
	font-size: 130%;
	padding: 0;
}
.school_tbl .trow2 {
	background: #fffbdd;
}
}

/*スマホ
----------------------------------------------------*/
@media screen and (max-width: 480px) {
/*	.pc-only { display: none !important; }
	.tb-only { display: none !important; }
	.sp-only { display: block !important; }*/
	.btm10 {margin-bottom:5px !important;}
	.btm20 {margin-bottom:10px !important;}
	.btm30 {margin-bottom:15px !important;}
	.btm40 {margin-bottom:20px !important;}
	.btm60 {margin-bottom:30px !important;}
	.btm80 {margin-bottom:40px !important;}
	/*---- フレックスボックス ----*/
	.col-between, .col-around, .col-start, .col-center, .col-end, .float-like {
		display: block;
	}
	.col-10-sp{
		width: 95%;
		padding: 0 8px;
	}
	.flex_txt{
		width: 100%;
		padding: 0px;
		margin-bottom: 0;
	}
	.flex_img{
		width: 60%;
		margin: 0 auto 0;
		padding: 0;
	}
	.flex_50 {
		width: 100%;
		padding: 0px;
		margin-bottom: 40px;
	}
	/*---- テキストの装飾 ----*/
	.bold_bk {
    color: #333;
    font-weight: bold;
    font-size: 1.23em !important;
}
	
	#ContentWrap {
		font-size: 14px;
		font-weight: 500;
	}
	#ContentWrap p {
		font-size: 14px;
		line-height: 2em;
		margin-bottom: 16px;
		text-align: left;
		text-align: justify;
		text-justify: inter-ideograph;
	}
	.mv {
		min-height: 320px;
		max-height: 458px;
	}
	.mv .mv_bg {
		min-height: 240px;
		max-height: 460px;
	}
	.mv .catchCopy {
		top: 31px;
		left: 8px;
		width: 67%;
	}
	.mv .subCatch {
		position: absolute;
		bottom: 42px;
		right: 18px;
		width: 62%;
	}
	/*---- 悩み ----*/
.boxes {
	margin: auto;
    padding: 26px 25px 30px;
    background: #fffefd;
    width: 280px;
    text-align: left;
    border-radius: 10px;
    position: relative;
    margin-bottom: 61px;
	}
	.nayamuhito_img {
    position: absolute;
    bottom: -122px;
    right: -16px;
    width: 219px;
	}
.fukidasi {
    position: relative;
    padding: 0.8em 1.5em 0.8em;
    border-radius: 10px;
    border: 3px solid #333;
    background-color: #fff;
    color: #333;
    font-weight: bold;
    font-size: 18px;
    width: 270px;
	}
	.fukidasi .fukidasi_img {
    position: absolute;
    left: 21px;
    bottom: -107px;
    width: 122px;
	}
	.inazuma {
    display: block;
    position: relative;
    padding-top: 30px;
    padding-bottom: 0px;
	font-size: 1.4em !important;
	}
	.inazuma:before {
    top: 10px;
    left: 0;
		content: url(../images/inazuma_l_sp.png);
	}
	.inazuma:after {
    top: 10px;
        right: 0;
		content: url(../images/inazuma_r_sp.png);
	}

	/*---- 脳活とは----*/
	.bg_whats {
    padding: 0;
}
	.bg_whats p {
		text-align: left !important;
}
	/*---- 特徴----*/
.noukatu_box {
    text-align: left;
	margin: 0 auto 20px;
    padding: 25px 0 30px;
	}
.nayami_bg .noukatu_title {
    padding: 0.6em 0.8em !important;
    color: #333;
    margin-bottom: 30px !important;
    text-align: center;
	}
	.noukatu_title {
    background: #ffa95f;
    padding: 0.3em 0.8em !important;
    color: #333;
    margin-bottom: 25px !important;
    text-align: center;
}
	.feature_flex {
    display: block;
		margin: 49px 0;
}
.feature_item {
	width: 70%;
    margin: 0 auto 80px;
    border-radius: 8px;
    background: #d5e5f3;
}
.feature_item_illust {
    position: absolute;
    bottom: -68px;
    right: -31px;
    width: 178px;
	font-size: 18px;
	}
.feature_item_number {
    position: absolute;
    top: -34px;
    left: 20px;
    width: 52px;
	
	}
.feature_item_inner {
    padding: 34px 30px 40px;
}
	.feature_txt {
    line-height: 1.5 !important;
    letter-spacing: 0.1em !important;
    text-align: center;
		font-size: 1.2em;
	}
.border_bl {
    border: 2px solid #9bcbff;
    padding: 22px;
    background: #def1ff;
    border-radius: 15px;
	text-align: center;
	}
.sensor_color img {
    width: 95%;
}
.feature_title .number {
    position: absolute;
    top: -12px;
	left: -5px;
    width: 50px;
	}
.feature_title {
    background: #fff;
    display: inline-block;
    padding: 0.8em 2em 0.8em 3.1em;
    border-radius: 1000px;
    position: relative;
	text-align: center;
	}
	.border_bl .col-around {
		/*display: flex;*/
	}
	.border_bl .flex_img {
    width: 100%;
    margin: 0 auto 0;
    padding: 5px;
		text-align: center;
		margin-bottom: 20px;
	}
	.border_bl .flex_img p {
    font-size: 0.8em;
	}
		.training_seito {
    width: 100%;
    height: 348px;
    position: relative;
}
.training_seito01 {
    position: absolute;
    top: 11px;
    left: 0;
    width: 70%;
}
	.training_seito02 {
    position: absolute;
    bottom: 0;
    top: 114px;
    left: inherit;
    right: 0;
    width: 70%;
    transform: inherit;

	}
.training_seito03 {
    position: absolute;
        top: inherit;
    bottom: 0px;
    right: inherit;
    left: 24px;
    width: 70%;
	}
	.flex-training {
	width: 20%;
	padding: 0 10px;
}
	.flex_training {
    width: 100%;
    padding: 0 5px;
}
	
.training_title01 {
    display: block;
    padding: 0.5em 1em;
    margin: 0px 0 18px;
    color: #fff;
    font-size: 0.7em;
	text-align: center;
    height: 42px;
}
.training_title02 {
    display: block;
    padding: 0.5em 1em;
    margin: 0px 0 18px;
    color: #fff;
    font-size: 0.7em;
	text-align: center;
    height: 42px;
}
.training_title03 {
    display: block;
    padding: 0.5em 1em;
    margin: 0px 0 18px;
    color: #fff;
    font-size: 0.7em;
	text-align: center;
    height: 42px;
}
.training_txt {
    padding: 10px 0 34px 0;
    font-size: 1.2em !important;
}

	
.hakase_bg h4 {
    font-size: 1em;
	text-align: left;
	}
.support_bg {
    position: absolute;
    top: 0;
    left: 0;
    background: #f79038;
    padding: 10px 20px 20px;
    width: 245px;
	}
.support_img01 {
    position: absolute;
    top: 185px;
    right: -14px;
    width: 62%;
	}
.support_img02 {
    position: absolute;
    top: 352px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    width: 600px;
    z-index: 2;
	}
.support_class {
    width: 100%;
    height: 800px;
    position: relative;
}
.support_img03 {
    position: absolute;
    bottom: 28px;
    left: 0;
    width: 62%;
}
.hakase_bg {
    background: #ffffff;
    padding: 25px 25px 25px;
    margin-top: 30px;
}
	.boxes02 {
    margin: auto;
    padding: 20px 30px 35px;
    background: #fffefd;
    width: 270px;
    text-align: left;
    border-radius: 10px;
    position: relative;
	margin-bottom: 40px;
}
	.nayamuhito_img {
    position: absolute;
	bottom: -91px;
    right: -9px;
    width: 186px;
}
	.kaiketubito_img {
		position: absolute;
    bottom: -70px;
    right: -10px;
    width: 138px;
}
	/*---- 受講生の声 ----*/
	.flex_talk-txt .bold_bk {
		text-align: center !important;
	}
	.talk {
    display: block;
	}
.flex_talk-img {
    width: 50%;
    padding: 0 10px;
    margin: 0 auto;
}
.flex_talk-txt {
    width: 100%;
    text-align: left;
    padding: 0;
}
.talk_revers {
    display: block;
}
.talk-Ltxt:before {
    position: absolute;
    content: '';
border: 26px solid transparent;
    border-right: 26px solid #fff299;
    top: -43px;
    left: inherit;
	right: 5px;
    transform: rotate(90deg);
}
.talk-Ltxt:after {
    position: absolute;
    content: '';
    border: 26px solid transparent;
    border-right: 26px solid #fff299;
    top: -43px;
    left: inherit;
	right: 5px;
	transform: rotate(90deg);
}	
.talk-Rtxt:after {
    position: absolute;
    content: '';
    border: 26px solid transparent;
    border-left: 26px solid #fff299;
    top: -43px;
    right: 5px;
    transform: rotate(-90deg);
}
.talk-Rtxt:before {
    position: absolute;
    content: '';
    border: 10px solid transparent;
    border-left: 10px solid #fff299;
	top: 15px;
    right: 3px;
	transform: rotate(90deg);
}

.talk-Ltxt {
    padding: 1.2em;
}	
.talk-Rtxt {
    padding: 1.2em;
}	
.talk-img {
	width: 90%;
}
.youtube {
	width: 100%;
	aspect-ratio: 16 / 9;
}
	

.s_font {
	font-size: 80%;
}
.ss_font {
	font-size: 70%!important;
}
.school_tbl {
	width: 100%;
	border-collapse: collapse;
	background: #fff;
}
.school_tbl tbody th, .school_tbl tbody td {
	border: 3px solid #ffc564;
	line-height: 1.8;
	font-size: 110%;
	padding: 10px;
}
.school_tbl tbody th {
	text-align: center;
	vertical-align: top;
	white-space: nowrap;
}
.school_tbl .thead1 {
	background: #b2e0f8;
	color: #1d2182;
	font-size: 130%;
	padding: 0;
}
.school_tbl .thead2 {
	background: #f6cbdf;
	color: #d00280;
	font-size: 130%;
	padding: 0;
}
.school_tbl .trow2 {
	background: #fffbdd;
}
}