@charset "UTF-8";
/* -------------
course FV css
------------- */

/* デフォルトcss　部分解除 */
.able_fv .page_head{
	margin-bottom: 0;
}
.able_fv .ancnav ptn2{
	margin-top: 0;
}
section.content.reset {
	padding-top: 90px;
	padding-bottom: 90px;
}
.section_head .section_ttl{
	white-space: normal;
}
.ancnav {
	margin-bottom: 0;
	padding: 30px 0;
	background-color: #edf7fc;
}
.ancnav.ptn2 {
	margin-top: 0;
}
.othercourse_item a {
	background-color: #fff;
}

@media only screen and (min-width: 990px) and (max-width: 1119px){
	.able_fv .page_head .page_head_inner{
		margin-bottom: 0;
	}
}

@media only screen and (max-width: 990px){
	section.content.reset {
		padding-top: 45px;
		padding-bottom: 45px;
	}
	.voice_pr{
		padding-bottom: 0;
		margin-bottom: 0;
	}
	.voice_pr_visual {
		width: 100%;
	}
	.feature_list p.section_ttl.catch_ttl {
		text-align: left;
		padding: 0vw 5vw 15vw;
	}
	.feature_list .section_ttl, .price_pr .section_ttl {
		font-size: 3.6rem;
	}
	.feature_list .service_list dl {
		display: block;
		width: 92vw;
		margin: 0 auto;
	}
	.feature_list .service_list dt {
		width: 100%;
		min-width: 100%;
		margin: 0 0 5.3vw ;
		padding: 0 4vw ;
	}
	.feature_list .service_list dt > img {
		width: 100%;
		vertical-align: top;
	}
	.feature_list .service_list dd {
		padding: 0;
	}
	.feature_list .service_item_ttl {
		margin: 0 0 4vw;
		font-size: 3.2rem;
		line-height: 4.2rem;
		text-align: center;
	}
	.feature_list .service_item_txt {
		font-size: 2.8rem;
		line-height: 4.2rem;
	}
	.othercourse_body .othercourse_list {
		max-width: inherit;
		display: block;
	}
	.othercourse_list .othercourse_item_ttl {
		font-size: 2.8rem;
		line-height: 1.2;
	}
	.othercourse_list .othercourse_list {
		max-width: inherit;
		display: block;
	}
	.othercourse_list .othercourse_item_visual {
		width: 8vw;
		margin: 0 3.3vw 0 2.6vw;
	}
	.othercourse_list .othercourse_item_visual img {
		width: 70%;
	}
	.othercourse_list .othercourse_item {
		width: 89.3vw;
		min-width: inherit;
		height: 13.3vw;
		margin: 0 auto ;
	}
	.othercourse_list .othercourse_item:not(:first-child) {
		margin-top: 2.6vw ;
	}
	.othercourse_list .othercourse_item a {
		border-width: 2px;
		border-radius: 1vw;
	}
	.reset .follow {
		width: 89.3vw;
		margin: 5.3vw auto 0;
		padding: 8vw 6.6vw;
		border-radius: 1vw;
	}
	.reset .follow_head {
		margin: 0 0 6vw;
	}
	.reset .follow_ttl {
		font-size: 3.2rem;
		line-height: 4.6rem;
	}
	.reset .follow_text {
		font-size: 2.8rem;
		line-height: 4.2rem;
	}
	.reset .course_pr .col_r_img .col:first-child {
		width: 90vw;
		padding: 0 5vw;
		margin: 0 auto;
		text-align: center;
	}
	.reset .course_pr .course_h2 {
		font-size: 11.8rem;
	}
	.reset .service_pr .service_pr_ttl {
		font-size: 3.2rem;
		padding: 0 5vw;
	}
	.reset .service_pr .service_pr_ttl2 {
		font-size: 3.2rem;
	}
	.reset .course_pr .course_subtxt {
		font-size: 3rem;
		padding-bottom: 1rem;
	}
	#voice_pr .relation_list {
		display: block;
		width: 89.3vw;
		margin: 0 auto;
	}
	#voice_pr .relation_item {
		width: 100%;
		min-width: inherit;
	}
	#voice_pr .relation_item_visual img {
		width: 100%;
	}
	#voice_pr .relation_item_ttl {
		padding: 4.6vw 0;
		font-size: 2.8rem;
		line-height: 3.8rem;
	}
	#price_pr.price_pr .service_list dl {
		display: block;
		width: 92vw;
		margin: 0 auto;
	}
	#price_pr.price_pr .box.service_list {
		width: 92vw;
		margin: 0 auto;
	}
	#price_pr.price_pr .service_list dl {
		display: block;
		width: 92vw;
		margin: 0 auto;
	}
	#price_pr.price_pr .service_list dt {
		width: 100%;
		min-width: 100%;
		margin: 0 0 5.3vw !important;
		padding: 0 4vw !important;
	}
	#price_pr.price_pr .service_list dt > img {
		width: 100%;
		vertical-align: top;
	}
	#price_pr.price_pr .service_list dd {
		padding: 0;
	}
	#price_pr.price_pr .service_item_ttl span {
		font-size: 3.6rem;
		color: #227FC4;
		padding-left: 10px;
	}
	#price_pr.price_pr .service_item_ttl {
		margin: 0 0 4vw;
		font-size: 3.2rem;
		line-height: 4.2rem;
		text-align: center;
	}
	#price_pr.price_pr .service_item_txt {
		font-size: 2.8rem;
		line-height: 4.2rem;
	}
	#price_pr.price_pr .price_more_cv {
		max-width: 100%;
	}
}

@media only screen and (max-width: 600px){
	.able_fv .recommend_ttl {
		font-size: 1.2em;
	}
}

@media only screen and (max-width: 350px){
	.outline_body .service_pr .service_pr_visual {
		width: 98%;
	}
}

/* 追加オプション項目 */
.pc {
	display: none;
}
.sp{
	display: none;
}

@media only screen and (min-width: 767px) and (max-width: 990px){
	.tab_non{
		display: none;
	}
}
@media only screen and (min-width: 991px) {
	.pc {
		display: inline-block;
	}
}
@media only screen and (max-width: 600px){
	.sp{
		display: inline-block;
	}
}
@media only screen and (max-width: 300px){
	.ssp_non{
		display: none;
	}
}
.bg_gray{
	background-color:rgba(0,0,0,0.02)
}

/* fvレイアウト */
.course_fv{
	background: linear-gradient(to right, #fff, #c2c6cf);
	position: relative;
}
.course_fv .fv_inner{
	max-width: 1400px;
	margin: 0 auto;
	position: relative;
}
.course_fv .fv_inner .fv_catch{
	position: absolute;
	padding: 30px 0;
}
.course_fv .fv_inner .fv_catch .fv_ttl{
	font-size: 3.6rem;
	padding: 0 0 40px 0px;
}
.course_fv .blue_attention{
	color: #227FC4;
}
.course_fv .fv_inner .fv_img{
	text-align: right;
}
.course_fv .fv_inner .fv_img img{
	vertical-align:top;
	max-width: min-content;
}

/* fvボタン */
.course_fv .fv_btn{
	position: absolute;
	bottom: 0;
	padding: 40px 0;
}
.course_fv .flex_btn{
	display: flex;
}
.course_fv .fv_btn .fv_col{
	display: flex;
	flex-direction: column;
	padding: 0 15px;
}
.course_fv .fv_btn .fv_col .fv_item{
	display: flex;
	justify-content: center;
}
.course_fv .fv_btn .fv_col .fv_item .txt_parts{
	display: flex;
	flex-direction: column;
	align-self: center;
}
.course_fv .fv_btn .fv_col .fv_item .txt_parts .txt_s{
	padding-bottom: .5em;
}
.course_fv .fv_btn .fv_col .fv_item.btn_nomal{
	background-color: #117ad6;
	border: 3px solid #117ad6;
	color: #fff;
	flex: 1;
	height: 100%;
	min-height: 0%;
	width: auto;
	min-width: 300px;
}
.course_fv .fv_btn .fv_col .fv_item.btn_nomal:hover{
	background-color: #fff;
	color: #117ad6;
}
.course_fv .fv_btn .fv_col .fv_item.btn_orange{
	border: 3px solid #fa7721;
	background-color: #fa7721;
	color: #fff;
}
.course_fv .fv_btn .fv_col .fv_item.btn_orange:hover{
	color: #fa7721;
}
.course_fv .ngyks{
	display:flex;
	justify-content: center;
	width: 50%;
	text-align: center;
}
.course_fv .ngyks::before,
.course_fv .ngyks::after{
	content: '';
	width: 1px;
	height: 40px;
	background-color: #1a1a1a;
}
.course_fv .txt_w.ngyks::before,
.course_fv .txt_w.ngyks::after{
	background-color: #1a1a1a;
}
.course_fv .ngyks::before{
	margin-right: 30px;
	transform: rotate(-35deg)
}
.course_fv .ngyks::after{
	margin-left: 30px;
	transform: rotate(35deg)
}

@media only screen and (max-width: 1400px){
	.course_fv .fv_inner{
		padding: 0 40px;
	}
}

@media only screen and (max-width: 990px){
	.course_fv{
		overflow: hidden;
	}
	.course_fv .fv_inner .fv_img img{
		width: 100%;
	}
	.course_fv .fv_inner{
		padding: 0 20px;
	}
	.course_fv .fv_inner .fv_catch,
	.fv_btn{
		position: relative;
	}
	.course_fv .fv_inner .fv_catch{
		margin-bottom: 40px;
	}
	.course_fv .fv_inner .fv_catch .fv_ttl{
		font-size: 4rem;
	}
	.course_fv .fv_btn{
		padding: 30px 0;
		position: relative;
	}
	.course_fv .fv_btn .fv_col{
		margin: 0 auto 20px;
		width: 80%;
	}
	.course_fv .fv_btn .fv_col a{
		line-height: 1em;
	}
	.course_fv .btn_nomal, .course_fv .fv_btn .ngyks {
		font-size: 18px;
	}
}
@media only screen and (max-width: 810px){
	.course_fv.harassment .fv_inner{
		background-size: 96%;
	}
	.course_fv .fv_inner .fv_catch{
		margin-bottom: 20px;
	}
}
@media only screen and (max-width: 680px){

	.course_fv .fv_btn,
	.course_fv .flex_btn,
	.course_fv .fv_btn .fv_col,
	.course_fv .fv_btn .fv_col .fv_item.btn_nomal{
		display: block;
	}
	.course_fv .fv_btn{
		padding: 20px 0;
	}
	.course_fv .fv_btn .fv_col {
		width: 100%;
		padding: 0;
	}
	.course_fv .fv_btn .sp_non{
		display: none;
	}
	.course_fv .fv_inner{
		background-size: 150%;
	}
	.course_fv .fv_inner .fv_catch{
		margin-bottom: 0;
	}
	.course_fv .fv_inner .fv_catch .fv_ttl {
		padding: 0 0 20px 0px;
	}
	.course_fv .fv_inner{
		background-position-x: center;
	}
	.course_fv .ngyks{
		font-size: 1em;
		width: 80%;
		margin: 0 auto;
		padding: 5px;
		align-items: center;
	}
	.course_fv .ngyks.txt_s.txt_w{
		font-size: .9em;
	}
}
@media only screen and (max-width: 280px){
	.course_fv .fv_inner .fv_catch .fv_ttl{
		font-size: 20px;
	}
	.course_fv .fv_inner{
		background-size: 180%;
		background-position-y: 90%;
	}
	.course_fv .fv_btn {
		padding: 0 0 160px;
	}
	.course_fv .ngyks{
		width: 90%;
	}
	.course_fv .fv_btn .fv_col{
		margin: 0 auto 10px;
		width: 90%;
	}
}

/* 入れ子flex微調整 */
.col_list_2{
	justify-content: space-between;
}
.program_item.program_item_skey .col_list_3 > .cld_col{
	padding: 20px 10px;
}
@media only screen and (max-width: 990px){
	.program_item.program_item_skey.ireko{
		width: 89.3vw;
		margin: auto;
	}
	.program_item.program_item_skey .col_list_3{
		width: 89.3vw;
		width: 100%;
		margin: auto;
	}
	.program_item.program_item_skey .col_list_3 > .cld_col{
		border-top: 1px dotted;
		padding: 30px 10px;
	}
}

/* FV　ボタンを減らして別ページで流用するようリクエストがあったためcss追加 */

.course_fv .syngle .ngyks {
	width: 100%;
}