@charset "utf-8";
/* ------- アンカー位置調整 ------- */
a.anchor {
    display: block;
    padding-top: 110px;
    margin-top: -110px;
}
#vse, #oog, #self, #lesson, #practice_area, #benefit, #fixedtable {
    display: block;
    padding-top: 110px;
    margin-top: -110px;
}

/* ------- フォント ------- */
::selection {background: rgba(68,175,53,0.3); color: #009270;}
::-moz-selection {background: rgba(68,175,53,.3); color: #009270;}

.sansserif { font-family: "Noto Sans JP", sans-serif; font-weight: 300; }
.sansserif_m { font-family: "Noto Sans JP", sans-serif; font-weight: 400; }
.sansserif_b { font-family: "Noto Sans JP", sans-serif; font-weight: 600; }
.sansserif_h { font-family: "Noto Sans JP", sans-serif; font-weight: 800;}
.sansserif_hb { font-family: "Noto Sans JP", sans-serif; font-weight: 900;}

.strong { font-weight:800;}
.bold { font-weight:600;}
.text_r{ text-align:right;}
.text_c { text-align:center;}
.text_l { text-align:left;}
.catch_text{
	color: #636363;
	font-size: 2.6rem;
	letter-spacing: 0.2em;
	text-align: center;
	line-height: 1.7;
	margin-bottom: 4.6rem;
}
.color_red {
	color: #e3223e;
}
.color_green {
	color: #006c51;
}
.color_deepgreen {
	color: #004740;
}
.color_silver {
	color: #7c8e97;
}
.color_gold {
	color: #bcb127;
}
.color_pink {
	color: #ca7098;
}
.color_bronze {
	color: #b58450;
}
.color_platinum {
	color: #5fbfae;
}
.color_ex {
	color: #886dcc;
}
.color_white {
	color: #fff;
}
.color_blue {
	color: #838cff;
}

.green_line {
	border-bottom: 2px solid #006c51;
	padding: 0;
}
.green_line_thin {
	border-bottom: 1px solid #006c51;
	padding-bottom: 0.5rem;
}

/* --------------　画像　------------------ */
/*角丸イメージ*/
.img_round{ border-radius: 0.6rem;}
.img_round10 { border-radius: 10px;}

/*画像FIT*/
.img_w100 { width: 100%; height: auto;}
.img_h100 { width: auto; height: 100%;}
.img_maxw100 { max-width: 100%; height: auto;}
.img_maxw80 { max-width: 80%; height: auto;}
.img_maxw70 { max-width: 70%; height: auto;}
.img_maxw60 { max-width: 60%; height: auto;}
.img_maxw52 { max-width: 52%; height: auto;}
.img_maxw30 { max-width: 30%; height: auto;}

/*画像組*/
.img50_wp p{ width: 49.5%;}
.img50_wp p:first-child{ float: left;}
.img50_wp p:last-child{ float: right;}

/* --------------　調整　------------------ */
.mt150{ margin-top: 15rem !important;}
.mt90{ margin-top: 9rem !important;}
.mt60{ margin-top: 6rem !important;}
.mt50{ margin-top: 5rem !important;}
.mt30{ margin-top: 3rem !important;}
.mt20{ margin-top: 2rem !important;}
.mt10{ margin-top: 1rem !important;}
.mt1{ margin-top: 1px !important;}

.mb0{ margin-bottom: 0 !important;}
.mb05{ margin-bottom: 0.5em !important;}
.mb1{ margin-bottom: 1em !important;}
.mb10{ margin-bottom: 1rem !important;}
.mb20{ margin-bottom: 2rem !important;}
.mb30{ margin-bottom: 3rem !important;}
.mb40{ margin-bottom: 4rem !important;}
.mb50{ margin-bottom: 5rem !important;}
.mb60{ margin-bottom: 6rem !important;}
.mb70{ margin-bottom: 7rem !important;}
.mb80{ margin-bottom: 8rem !important;}
.mb90{ margin-bottom: 9rem !important;}
.mb100{ margin-bottom: 10rem !important;}
.mb140{ margin-bottom: 14rem !important;}
.mb200{ margin-bottom: 20rem !important;}
.mb300{ margin-bottom: 30rem !important;}

.pt25 { padding-top: 2.5rem; }

/* --------------　シャドウ　------------------ */
.shadow01{ box-shadow: 0 5px 10px rgba(3,0,0,0.3), 0 3px 3px rgba(3,0,0,0.3);}
.shadow02{ box-shadow: 0 0 10px rgba(3,0,0,0.2), 0 0 3px rgba(3,0,0,0.2);}
.shadow_btn{ box-shadow: 0 0 7px rgba(3,0,0,0.1), 0 0 7px rgba(3,0,0,0.1);	-webkit-transition: all 0.3s linear 0s;	transition: all 0.3s linear 0s;}
.shadow_btn:hover{ box-shadow: 0 0 10px rgba(3,0,0,0.2), 0 0 10px rgba(3,0,0,0.2);}
.shadow_btn02{ box-shadow: 0 0 7px rgba(3,0,0,0.3), 0 0 7px rgba(3,0,0,0.3);	-webkit-transition: all 0.3s linear 0s;	transition: all 0.3s linear 0s;}
.shadow_btn02:hover{ box-shadow: 0 0 10px rgba(3,0,0,0.4), 0 0 10px rgba(3,0,0,0.4);}

/* --------------　透過　------------------ */
.opacity{ -webkit-transition: all 0.3s linear 0s; transition: all 0.3s linear 0s;}
.opacity:hover{ opacity: 0.6;}
/* --------------　box　------------------ */
/* .container{ width: 100%; max-width: 108rem; padding: 0 4rem; margin: 0 auto;} */
.box1000{ max-width: 108rem; padding: 0 4rem; margin: 0 auto;}
.box{ max-width: 108rem;  margin: 0 auto;}
.white_box{ background: rgba(255,255,255,.8); box-shadow: 0 0 3px rgba(3,0,0,0.3), 0 0 3px rgba(3,0,0,0.3);}

.f_left{ float:left;}
.f_right{ float:right;}

p.indent {
    padding-left: 1em;
    text-indent: -1em;
    line-height: 1.5;
    text-align: left;
}
span.indent {
    padding-left: 1em;
    text-indent: -1em;
    line-height: 1.5;
    text-align: left;
}
.alignItems_top {
    align-items: start;
}
.alignItems_cent {
    align-items: center;
}
.alignItems_btm {
    align-items: end;
}
  
/* ---------------------------------------------------　メディアスクリーン　--------------------------------------------------- */
@media only screen and (max-width: 767px) {
  
#vse, #oog, #self, #lesson, #practice_area, #benefit {
    display: block;
    padding-top: 70px;
    margin-top: -70px;
}

/* --------------　調整　------------------ */
.img_maxw70{ max-width: 85%; height: auto;}

.mt150{ margin-top: 5.5rem !important;}
.mt90{ margin-top: 3.6rem !important;}
.mt60{ margin-top: 3rem !important;}
.mt50{ margin-top: 2rem !important;}
.mt30{ margin-top: 2.1rem !important;} /* 注意 */
/*
.mt20{ margin-top: 0.5rem !important;}
/.mt10{ margin-top: 0.2rem !important;}
*/
.mt1{ margin-top: 0 !important;} /* 注意 */
.mb20 { margin-bottom: 0 !important;} /* 注意 */
.mb70{ margin-bottom: 4rem !important;}

.pt25 { padding-top: 2.5rem; }

}