@charset "UTF-8";


/***************************************************

	共通コンテンツ部

***************************************************/

:root {
	--maincolor01: #00b7ee; /*ロゴブルー*/
	--maincolor02: #e62a62; /*ロゴレッド*/
	--subcolor01: #02c1cd; /*サブブルー*/
	--licolor01: #FAF5D7; /*リストカラークリームイエロー*/
}


html, body{margin:0; padding:0}

body{
	position: relative;
	background: #F3F3F3;
	font-size: 16px;
	color: #292929;
	line-height: 1.75;
	font-family: 'Noto Sans JP', sans-serif;
	word-wrap: break-word;
	word-break: break-all;
}

body.fixed {
	position: fixed;
	left: 0;
	right: 0;
}

.gothic{
	font-family: 'Noto Sans JP', sans-serif;
}

.mincho{
	font-family: 'Noto Serif JP', serif;
}

.en{
   font-family: 'Didact Gothic', sans-serif;
}

a.popup{
	position: relative;
}

a,
a:hover{
	color: var(--maincolor01);
	text-decoration: none;
	transition: all 0.2s linear;
}

a:hover{
	opacity: 0.8;
	text-decoration: underline;
}

a:visited{
	color: #74a57f;
}

.btn a{
   transition: all 0.2s linear;
}

.btn a:hover{
	opacity: 0.8;
}


.left{
	float: left;
}

.right{
	float: right;
}

.center{
	text-align: center;
}

.sp-on{
	display: none;
}


.fade image,
.fade{
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear;
}

img{
	max-width: 100%;
	height: auto;
}

img[src$=".svg"]{
	width: 100%;
	height: auto;
}

b,
strong,
strong span,
.strong {
	font-weight: bold !important;
}

figure {
	margin: 0 !important;
}


/********** layout **********/

.wrapper{
	width: 1020px;
	margin: 0 auto;
	padding: 0 20px;
	box-sizing: border-box;
}

.main_head{
	width: 1020px;
	margin: 0 auto;
	padding: 151px 20px 0;
	box-sizing: border-box;

}

main{
	width: 100%;
}

#breadcrumbs{
	font-size: 16px;
	line-height: 1;
	padding: 16px 0;
}

#breadcrumbs a{
	color: #292929;
}


/********** header **********/

header{
	background: #fff;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 99;
}

.header_wrapp{
	padding-top: 6px;
	padding-bottom: 18px;
	transition: all 0.2s linear;
}

.scroll .header_wrapp{
	padding-top: 4px;
	padding-bottom: 10px;
}

.header_wrapp .site_description{
	font-size: 13px;
	line-height: 1;
	margin-bottom: 18px;
	transition: all 0.2s linear;
}

.scroll .header_wrapp .site_description{
	font-size: 12px;
	margin-bottom: 14px;
}

.header_wrapp .header_top{
	display: flex;
	flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: flex-start;
}

.header_wrapp .header_top .h_logo{
	width: 239px;
	transition: all 0.2s linear;
}

.scroll .header_wrapp .header_top .h_logo{
	width: 180px;
}

.header_wrapp .header_top .h_linkbtn{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-content: center;
	justify-content: flex-end;
	align-items: center;
}

.header_wrapp .header_top .h_linkbtn .h_btn{
	margin-left: 12px;
	position: relative;
	transition: all 0.2s linear;
}

.scroll .header_wrapp .header_top .h_linkbtn .h_btn{
	margin-left: 10px;
}

.header_wrapp .header_top .h_linkbtn .h_btn.line{
	margin-left: 20px;
	width: 40px;
	transition: all 0.2s linear;
}

.scroll .header_wrapp .header_top .h_linkbtn .h_btn.line{
	margin-left: 14px;
	width: 36px;
}

.header_wrapp .header_top .h_linkbtn .h_btn.phone{

}

.header_wrapp .header_top .h_linkbtn .h_btn .a_wrapp,
.header_wrapp .header_top .h_linkbtn .h_btn a{
	display: inline-block;
	line-height: 38px;
	border: 2px solid var(--maincolor01);
	border-radius: 6px;
	color: var(--maincolor01);
	padding: 0 16px;
	position: relative;
}

.scroll .header_wrapp .header_top .h_linkbtn .h_btn .a_wrapp,
.scroll .header_wrapp .header_top .h_linkbtn .h_btn a{
	line-height: 32px;
	padding: 0 12px;
}

.header_wrapp .header_top .h_linkbtn .h_btn .a_wrapp{
	font-size: 26px;
	font-weight: bold;
	padding: 0 8px 0 34px;
}

.scroll .header_wrapp .header_top .h_linkbtn .h_btn .a_wrapp{
	font-size: 22px;
	padding: 0 6px 0 28px;
}

.header_wrapp .header_top .h_linkbtn .h_btn.line a{
	line-height: 38px;
	padding: 0;
	border: none;
}

.header_wrapp .header_top .h_linkbtn .h_btn a:hover{
	text-decoration: none;
	background: var(--maincolor01);
	color: #fff;
}

.header_wrapp .header_top .h_linkbtn .h_btn.estimate a{
	border: 2px solid var(--maincolor02);
	color: var(--maincolor02);
}

.header_wrapp .header_top .h_linkbtn .h_btn.estimate a:hover{
	background: var(--maincolor02);
	color: #fff;
}

.header_wrapp .header_top .h_linkbtn .h_btn.consultation a{
	border: 2px solid var(--maincolor02);
	background: var(--maincolor02);
	color: #fff;
}

.header_wrapp .header_top .h_linkbtn .h_btn.consultation a:hover{
	background: #fff;
	color: var(--maincolor02);
}

.header_wrapp .header_top .h_linkbtn .h_btn.phone .a_wrapp::before{
	content: '';
	width: 15px;
	height: 23px;
	background: url('../images/common/icon_h_phone.png') no-repeat 0 0;
	background-size: contain;
	display: inline-block;
	position: absolute;
    top: 50%;
    left: 14px;
    transform: translate(0, -50%);
    z-index: 2;
    transition: all 0.2s linear;
}

.scroll .header_wrapp .header_top .h_linkbtn .h_btn.phone .a_wrapp::before{
	width: 14px;
	height: 21px;
    left: 9px;
}

#g_navi{
	background: #000;
	position: relative;
}

#g_navi nav ul.gnav_ul{
	width: 1020px;
	margin: 0 auto;
	padding: 0 20px;
	box-sizing: border-box;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-content: center;
	justify-content: space-between;
	align-items: center;
}

#g_navi nav ul.gnav_ul > li{

}

#g_navi nav ul.gnav_ul > li > span,
#g_navi nav ul.gnav_ul > li > a{
	display: inline-block;
	padding: 4px 0 4px 41px;
	position: relative;
	font-weight: bold;
	color: #fff;
	transition: all 0.2s linear;
	cursor: pointer;
}

#g_navi nav ul.gnav_ul > li.home > a{
	padding: 6px 0;
}

#g_navi nav ul.gnav_ul > li.current span,
#g_navi nav ul.gnav_ul > li > span:hover,
#g_navi nav ul.gnav_ul > li.current a,
#g_navi nav ul.gnav_ul > li a:hover{
	color: #ffff00;
	text-decoration: none;
	opacity: 1;
}

#g_navi nav ul.gnav_ul > li > span::before,
#g_navi nav ul.gnav_ul > li > a::before{
	content: '';
	width: 32px;
	height: 26px;
	display: inline-block;
	background-position: 0 0;
	background-repeat: no-repeat;
	background-size: contain;
	position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0, -50%);
}

#g_navi nav ul.gnav_ul > li.guide > span::before,
#g_navi nav ul.gnav_ul > li.guide > a::before{
	background-image: url('../images/common/icon_h_g01.png');
}

#g_navi nav ul.gnav_ul > li.guide > span:hover::before,
#g_navi nav ul.gnav_ul > li.guide > a:hover::before{
	background-image: url('../images/common/icon_h_g01_hover.png');
}

#g_navi nav ul.gnav_ul > li.blog > span::before,
#g_navi nav ul.gnav_ul > li.blog > a::before{
	background-image: url('../images/common/icon_h_g01.png');
}

#g_navi nav ul.gnav_ul > li.purpose > span::before,
#g_navi nav ul.gnav_ul > li.purpose > a::before{
	background-image: url('../images/common/icon_h_g02.png');
}

#g_navi nav ul.gnav_ul > li.purpose > span:hover::before,
#g_navi nav ul.gnav_ul > li.purpose > a:hover::before{
	background-image: url('../images/common/icon_h_g02_hover.png');
}

#g_navi nav ul.gnav_ul > li.about > span::before,
#g_navi nav ul.gnav_ul > li.about > a::before{
	background-image: url('../images/common/icon_h_g03.png');
}

#g_navi nav ul.gnav_ul > li.about > span:hover::before,
#g_navi nav ul.gnav_ul > li.about > a:hover::before{
	background-image: url('../images/common/icon_h_g03_hover.png');
}

#g_navi nav ul.gnav_ul > li.faq > span::before,
#g_navi nav ul.gnav_ul > li.faq > a::before{
	background-image: url('../images/common/icon_h_g04.png');
}

#g_navi nav ul.gnav_ul > li.faq > span:hover::before,
#g_navi nav ul.gnav_ul > li.faq > a:hover::before{
	background-image: url('../images/common/icon_h_g04_hover.png');
}


#g_navi nav ul.gnav_ul > li .sub_navi_wrapp{
	width: 100%;
	height: 100%;
	position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 50;
}


.sub_navi_wrapp{
	display: none;
	border-top: 1px solid #fff;

}

#g_navi nav ul.gnav_ul > li .sub_navi_wrapp .filter{
	width: 100%;
	height: 100%;
	position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,0.85);
    z-index: 5;
}


.sub_navi_wrapp.active{

}

.sn_inwrapp{
	width: 1060px;
	height: 60vh;
	margin: 0 auto;
	padding: 34px 20px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	scrollbar-width: thin;
	scrollbar-color: var(--maincolor01) #ccc;
	z-index: 10;
}

.sn_inwrapp::-webkit-scrollbar{
   width: 10px;
}
.sn_inwrapp::-webkit-scrollbar-track{
   background-color: #ccc;
}
.sn_inwrapp::-webkit-scrollbar-thumb{
   background-color: var(--maincolor01);
}

#g_navi nav ul.gnav_ul > li .sub_navi_wrapp .close_btn{
	display: inline-block;
	width: 50px;
	height: 50px;
	line-height: 50px;
	background: #fff;
	font-size: 22px;
	font-weight: bold;
	text-align: center;
	border-radius: 50%;
	position: absolute;
	top: 30px;
	right: 30px;
	cursor: pointer;
	z-index: 99;
}

.sub_menu{
	display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: flex-start;
}

.sub_menu .sb_menu_wrapp{
	margin-bottom: 35px;
}

.sub_menu .sub_title{
	font-size: 21px;
	color: #fff;
	line-height: 1.52;
	margin-bottom: 12px;
	white-space: nowrap;
}

.sub_menu ul li{
	margin-bottom: 18px;
}

.sub_menu ul li:last-child{
	margin-bottom: 0;
}

.sub_menu ul li a{
	display: block;
	font-size: 13px;
	color: #fff;
	line-height: 1;
	white-space: nowrap;
}

.sub_menu ul li a:hover{
	color: #ffff00;
}

.sn_inwrapp.type02{
	height: auto;
}

.sn_inwrapp.type02 .sub_menu ul{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.sn_inwrapp.type02 .sub_menu ul li{
	margin: 0;
}

.sn_inwrapp.type02 .sub_menu ul li a{
	font-size: 18px;
}


.sub_menu.type02{
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start;
}

.sub_menu.type02 .sb_menu_wrapp{
	width: 30%;
	margin: 0 5% 35px 0;
}

.sub_menu.type02 .sb_menu_wrapp:nth-child(3n + 3){
	margin-right: 0;
}

.sub_menu.type02 .sb_menu_wrapp a{
	white-space: normal;
	line-height: 1.4;
}



/********** footer **********/

#page-top{
	position: fixed;
	bottom: 90px;
	right: 30px;
	z-index: 10;
}

#footer_linkmenu{
	background: #fff;
	padding: 60px 0 62px;
}

#footer_linkmenu h2{
	font-weight: bold;
	line-height: 1;
	padding-bottom: 6px;
	margin-bottom: 22px;
	border-bottom: 1px solid #292929;
}

#footer_linkmenu h2.type02{
	font-size: 28px;
	text-align: center;
	padding-bottom: 0px;
	margin-bottom: 42px;
	border-bottom: none;
}

#footer_linkmenu .footer_menu_cont{
	padding-bottom: 18px;
}

#footer_linkmenu .footer_menu_cont h3{
	font-size: 11px;
	line-height: 1;
	padding: 4px 0 4px 27px;
	margin-bottom: 20px;
	background-color: #F3F3F3;
	position: relative;
}

#footer_linkmenu .footer_menu_cont h3::before{
	content: '';
	width: 16px;
	height: 15px;
	display: inline-block;
	background-position: 0 0;
	background-repeat: no-repeat;
	background-size: contain;
	position: absolute;
    top: 50%;
    left: 6px;
    transform: translate(0, -50%);
}

#footer_linkmenu .footer_menu_cont.guide h3::before{
	background-image: url('../images/common/icon_plane01.png');
}

#footer_linkmenu .footer_menu_cont.purpose h3::before{
	background-image: url('../images/common/icon_loupe01.png');
}

#footer_linkmenu .footer_menu_cont.online h3::before{
	background-image: url('../images/common/icon_pc01.png');
}

#footer_linkmenu .footer_menu_cont.about h3::before{
	background-image: url('../images/common/icon_logo01.png');
}

#footer_linkmenu .footer_menu_cont.faq h3::before{
	background-image: url('../images/common/icon_question01.png');
}

#footer_linkmenu .sub_menu .sb_menu_wrapp{
	margin-bottom: 22px;
}

#footer_linkmenu .sub_menu .sub_title{
	display: inline-block;
	font-size: 11px;
	color: #292929;
	line-height: 1.2;
	padding: 3px 5px;
	background: #C5D1D1;
}

#footer_linkmenu .sub_menu ul li{
	margin-bottom: 8px;
}

#footer_linkmenu .sub_menu ul li:last-child{
	margin-bottom: 0;
}

#footer_linkmenu .sub_menu ul li a{
	display: block;
	font-size: 11px;
	color: #292929;
}


#home_footer{
	background: #fff;
	padding: 36px 0 54px;
	margin-top: 50px;
}

#home_footer .caption{
	font-size: 18px;
	font-weight: bold;
	line-height: 1.4;
	text-align: center;
	margin-bottom: 31px;
}

.schoollogo_slider{
	overflow: hidden;
}

.slider_action{
	margin: 0 -10px;
}

.slider_action li{
	padding: 0 10px;
	box-sizing: border-box;
}

.slider_action li img{
	width: 100%;
	height: auto;
}


#home_footer .approval_logo{
	margin: 36px 0 36px;
	display: flex;
	flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: flex-start;
}

#home_footer .approval_logo li{
	margin: 0 59px;
	text-align: center;
}

#home_footer .approval_logo li figcaption{
	font-size: 13px;
	font-weight: bold;
	line-height: 1.23;
	margin-top: 7px;
}

#home_footer .footer_info_area{
	border: 1px solid #292929;
	padding: 30px 20px 28px;
}

#home_footer .footer_info_area .footer_logoarea{
	margin-bottom: 30px;
	display: flex;
	flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
}

#home_footer .footer_info_area .footer_logoarea .logo{
	width: 190px;
}

#home_footer .footer_info_area .footer_logoarea .text{
	padding-left: 30px;
}

#home_footer .footer_info_area .footer_logoarea .text p{
	font-size: 13px;
	line-height: 1.61;
}

#home_footer .footer_info_area .footer_sitelink,
#home_footer .footer_info_area .home_f_cont{
	border-top: 1px solid #292929;
}

#home_footer .footer_info_area .footer_sitelink{
	margin-top: 32px;
}

#home_footer .footer_info_area .footer_sitelink .section_name,
#home_footer .footer_info_area .home_f_cont .section_name{
	display: inline-block;
	line-height: 1;
	font-weight: bold;
	padding: 5px 10px;
	margin-bottom: 16px;
	background: #d9d9d9;
}

#home_footer .footer_info_area .home_f_cont.about_area{
	margin-bottom: 30px;
}

#home_footer .name_wrapp{
	display: flex;
	flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: flex-start;
	font-size: 13px;
	line-height: 1.61;
}

#home_footer .name_wrapp .name_area{

}

#home_footer .name_wrapp .name_area .name{
	font-size: 21px;
	line-height: 1;
	margin-bottom: 25px;
}

#home_footer .name_wrapp .name_area .add{

}

#home_footer .name_wrapp .phome_area{

}

#home_footer .name_wrapp .phome_area .office_phone{
	margin-bottom: 16px;
}

#home_footer .name_wrapp .phome_area .info_phone strong{
	display: inline-block;
	font-size: 32px;
	color: #00b7ee;
	line-height: 1;
	padding-left: 29px;
	position: relative;
}

#home_footer .name_wrapp .phome_area .info_phone strong::before{
	content: '';
	width: 19px;
	height: 30px;
	display: inline-block;
	background: url('../images/common/icon_f_phone.png') no-repeat 0 0;
	background-size: contain;
	position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0, -50%);
}

#home_footer .office_info_area ul{
	display: flex;
	flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: flex-start;
}

#home_footer .office_info_area ul li .office_name{
	font-weight: bold;
	line-height: 1;
	margin-bottom: 13px;
}

#home_footer .office_info_area ul li .office_wrapp{
	display: flex;
	flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
}

#home_footer .office_info_area ul li .office_wrapp figure{
	width: 125px;
}

#home_footer .office_info_area ul li .office_wrapp .text{
	padding-left: 12px;
}

#home_footer .office_info_area ul li .office_wrapp .text p{
	font-size: 13px;
	line-height: 1.61;
}


#footer_copyright_area{
	padding: 16px 0;
}

#footer_copyright_area .wrapper{
	display: flex;
	flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
}

#footer_copyright_area .wrapper .copyright{
	font-size: 13px;
	line-height: 1;
}

#footer_copyright_area .wrapper ul{
	display: flex;
	flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-end;
    align-items: center;
}

#footer_copyright_area .wrapper ul li{
	line-height: 1;
	border-right: 1px solid #292929;
	padding: 0 20px;
}

#footer_copyright_area .wrapper ul li:last-child{
	border-right: none;
	padding-right: 0;
}

#footer_copyright_area .wrapper ul li a{
	font-size: 13px;
	line-height: 1;
	color: #292929;
}

#home_footer .footer_info_area .footer_sitelink ul{
	display: flex;
}

#home_footer .footer_info_area .footer_sitelink ul li{
	line-height: 1;
	font-size: 13px;
	margin-right: 1.1em;
}

#home_footer .footer_info_area .footer_sitelink ul li a{
	color: #00b7ee;
}


#home_footer .name_wrapp .name_area .f_add_dl{
	font-size: 13px;
	line-height: 1;
}

#home_footer .name_wrapp .name_area .f_add_dl dt{
	width: 85px;
	text-align:justify;
	text-align-last:justify;

}

#home_footer .name_wrapp .name_area .f_add_dl dd{
	margin: -12px 0 16px 0;
    padding: 0 0 0 100px;
}

#home_footer .name_wrapp .name_area .f_add_dl dd ul{
	display: flex;
	flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
}

#home_footer .name_wrapp .name_area .f_add_dl dd ul.sns li{
	width: 14px;
	margin-right: 1em;
}

#home_footer .name_wrapp .name_area .f_add_dl dd ul.link li{
	margin-right: 1em;
}

#home_footer .name_wrapp .name_area .f_add_dl dd ul.link li a{
	color: #00b7ee;
}

#home_footer .name_wrapp .name_area .f_add_dl dd ul li:last-child{
	margin-right: 0;
}

#home_footer .name_wrapp .phome_area .email{
    margin-top: 29px;
}


#home_footer .footer_info_area .footer_logoarea {
    margin-bottom: 30px;
    display: block;
}

#home_footer .footer_info_area .footer_logoarea .souda_title{
	font-size: 18px;
	font-weight: bold;
}

#home_footer .footer_info_area .footer_logoarea .souda_caption{
	font-size: 13px;
	line-height: 1.61;
}


/********** aside **********/

.side_box{
	margin-bottom: 20px;
	background: #fff;
	box-shadow: 0px 0px 14px -2px #777777;
}

.side_box .title{
	text-align: center;
	line-height: 50px;
	background: var(--subcolor01);
}

.side_box.contact .title{
	background: var(--maincolor02);
}

.side_box .title span{
	display: inline-block;
	line-height: 1;
	color: #fff;
	font-weight: bold;
	position: relative;
}

.side_box.search .title span{
	padding-left: 37px;
}

.side_box.search .title span::before{
	content: '';
	width: 32px;
	height: 26px;
	display: inline-block;
	background: url('../images/common/icon_h_g02.png') no-repeat 0 0;
	background-size: contain;
	position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0, -50%);
}

.side_box .cont{
	padding: 15px 10px 30px;
}

.side_box .cont .side_search_title{
	font-size: 13px;
	line-height: 20px;
	border-left: 6px solid var(--subcolor01);
	margin: 0 0 4px 10px;
	padding-left: 10px;
}

.side_box.search .cont ul{
	margin: 0 0 24px;
	line-height: 1;
}

.side_box.search .cont ul li{
	margin: 0 0 12px;
	line-height: 1;
}

.side_box.search .cont ul li:last-child{
	margin-bottom: 0;
}

.side_box.search .cont ul li select{
	width: 100%;
	font-size: 13px;
	padding: 7px 10px;
	outline: none;
	border: 1px solid #707070;
}

.side_box.search .submit{
	position: relative;
}

.side_box.search .submit input{
	width: 100%;
	height: 36px;
	line-height: 36px;
	border: 2px solid var(--subcolor01);
	background: var(--subcolor01);
	border-radius: 20px;
	cursor: pointer;
	transition: all 0.2s linear;
	font-size: 16px;
	color: #fff;
	font-weight: bold;
	position: relative;
}

.side_box.search .submit::after {
    content: '';
    display: inline-block;
    width: 16px;
    height: 6px;
    background: url(../images/common/link_arrow01.png) no-repeat 0 0;
    background-size: contain;
    position: absolute;
    top: 50%;
    right: 19px;
    transform: translate(0, -50%);
    transition: all 0.2s linear;
}

.side_box.search .submit input:hover{
	opacity: 0.8;
}

.side_box.search .submit:hover::after {
    right: 9px;
}

.side_box.contact .caption{
	font-size: 11px;
	line-height: 1.45;
	text-align: center;
	margin: 5px 0 8px;
}

.side_box.contact .phone_wrapp{
	text-align: center;
}

.side_box.contact .phone_num{
	display: inline-block;
	font-size: 24px;
	font-weight: bold;
	color: var(--maincolor01);
	line-height: 24px;
	margin-bottom: 9px;
	padding-left: 20px;
    position: relative;
}

.side_box.contact .phone_num::before{
	content: '';
	width: 14px;
	height: 22px;
	display: inline-block;
	background: url(../images/common/icon_h_phone.png) no-repeat 0 0;
	background-size: contain;
	position: absolute;
	top: 3px;
	left: 0;
}

.side_box.contact .info{
	font-size: 11px;
	line-height: 1.45;
	text-align: center;
	margin-bottom: 20px;
}

.side_box.contact .btn a{
	display: block;
	width: 100%;
	height: 36px;
	line-height: 36px;
	border: 2px solid var(--maincolor02);
	background: var(--maincolor02);
	border-radius: 20px;
	cursor: pointer;
	transition: all 0.2s linear;
	font-size: 16px;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	position: relative;
}

.side_box.contact .btn a::after {
    content: '';
    display: inline-block;
    width: 16px;
    height: 6px;
    background: url(../images/common/link_arrow01.png) no-repeat 0 0;
    background-size: contain;
    position: absolute;
    top: 50%;
    right: 19px;
    transform: translate(0, -50%);
    transition: all 0.2s linear;
}

.side_box.contact .btn a:hover::after {
    right: 9px;
}

.side_box.contact .btn.s_contact02 a{
	border: 2px solid var(--maincolor01);
	background: #fff;
	color: var(--maincolor01);
	font-weight: bold;
	margin-top: 14px;
}

.side_box.contact .btn.s_contact02 a::after {
    background: url(../images/common/link_arrow03.png) no-repeat 0 0;
    background-size: contain;
}



.side_banner{

}

.side_banner ul{

}

.side_banner ul li{
	margin-bottom: 20px;
	box-shadow: 0px 0px 14px -2px #777777;
}

.side_banner ul li img{
	width: 100%;
}
.side_box.cooki ul.cooki_ul > li{
	margin-bottom: 20px;
	padding-bottom: 1px;
	position: relative;
}

.side_box.cooki ul.cooki_ul > li:last-child{
	margin-bottom: 0;
}

.side_box.cooki ul.cooki_ul > li::after{
	content: '';
	width: 86%;
	display: inline-block;
	border-bottom: 1px solid #F0F0F0;
	margin: auto;
	position: absolute;
    bottom: -10px;
    left: 0;
    right: 0;
}

.side_box.cooki ul.cooki_ul > li:last-child::after{
	border-bottom: none;
}

.side_box.cooki ul.cooki_ul > li a:hover,
.side_box.cooki ul.cooki_ul > li a{
	display: block;
	color: #292929;
	text-decoration: none;
}

.side_box.cooki ul.cooki_ul > li a span{
	display: block;
}

.side_box.cooki ul.cooki_ul > li a .school_name{
	font-size: 18px;
	font-weight: bold;
	line-height: 1.44;
	margin-bottom: 8px;
}

.side_box.cooki ul.cooki_ul > li a .name{
	font-size: 16px;
	font-weight: bold;
	color: var(--subcolor01);
	line-height: 1.125;
	margin-bottom: 14px;
}

.side_box.cooki ul.cooki_ul > li a .image{
	line-height: 1;
	margin-bottom: 20px;
}

.side_box.cooki ul.cooki_ul > li a .star {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    margin-bottom: 12px;
}

.side_box.cooki ul.cooki_ul > li a .star .point {
    display: inline-block;
    position: relative;
    color: #F0F0F0;
    font-size: 18px;
    line-height: 1;
    letter-spacing: 0.1em;
}

.side_box.cooki ul.cooki_ul > li a .star .point:before,
.side_box.cooki ul.cooki_ul > li a .star .point:after {
    content: '★★★★★';
}

.side_box.cooki ul.cooki_ul > li a .star .point:after {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    overflow: hidden;
    white-space: nowrap;
    color: var(--maincolor02);
}

.star .point[data-rate="5.0"]:after{ width: 100%; } /* 星5 */
.star .point[data-rate="4.5"]:after{ width: 90%; } /* 星4.5 */
.star .point[data-rate="4.0"]:after{ width: 80%; } /* 星4 */
.star .point[data-rate="3.5"]:after{ width: 70%; } /* 星3.5 */
.star .point[data-rate="3.0"]:after{ width: 60%; } /* 星3 */
.star .point[data-rate="2.5"]:after{ width: 50%; } /* 星2.5 */
.star .point[data-rate="2.0"]:after{ width: 40%; } /* 星2 */
.star .point[data-rate="1.5"]:after{ width: 30%; } /* 星1.5 */
.star .point[data-rate="1.0"]:after{ width: 20%; } /* 星1 */
.star .point[data-rate="0.5"]:after{ width: 10%; } /* 星0.5 */
.star .point[data-rate="0"]:after{ width: 0%; } /* 星0 */

.side_box.cooki ul.cooki_ul > li a .star .num{
	font-size: 19px;
	color: var(--maincolor02);
	line-height: 1;
	padding: 0 18px 0 5px;
}

.side_box.cooki ul.cooki_ul > li a ul li{
	margin-bottom: 12px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    font-size: 16px;
    line-height: 1;
}

.side_box.cooki ul.cooki_ul > li a ul li:last-child{
	margin-bottom: 0;
}

.side_box.cooki ul.cooki_ul > li a ul li .item{
	background: #E5E4EA;
	padding: 3px 6px;
	margin-right: 14px;
}



/********** 共通 **********/

.cont_box{
	border-radius: 20px;
	background: #fff;
	padding: 78px 0 80px;
	margin-bottom: 20px;
	box-shadow: 0px 0px 12px -2px #777777;
	position: relative;
	overflow: hidden;
	z-index: 2;
}

.cont_box h2{
	display: flex;
	flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
	margin-bottom: 50px;
}

.cont_box h2 .text{
	font-size: 28px;
	font-weight: bold;
	line-height: 1;
}

.cont_box h2 .text strong{
	display: inline-block;
	background: #ffff00;
	margin: 0 0.2em;
	padding: 0.1em 0.1em;
}

.cont_box h2 picture{
	display: inline-block;
	padding: 0 15px;
	line-height: 1;
}

a.btn{
	display: block;
	height: 60px;
	line-height: 60px;
	font-size: 18px;
	font-weight: bold;
	color: #fff;
	padding: 0 53px 0 75px;
	background: #292929;
	border-radius: 40px;
	position: relative;
}

a.btn:hover{
	text-decoration: none;
	opacity: 0.8;
}

a.btn::after {
	content: '';
	display: inline-block;
	width: 32px;
	height: 11px;
	background: url('../images/common/link_arrow01.png') no-repeat 0 0;
	background-size: contain;
    position: absolute;
    top: 50%;
    right: 19px;
    transform: translate(0, -50%);
    transition: all 0.2s linear;
}

a.btn:hover::after {
	right: 9px;
}



/***** s1パーツ（SOUDAとは） *****/

.s1{
	padding: 80px 0 80px;

}

.s1 .caption{
	text-align: center;
	margin-bottom: 50px;
}

.s1 .caption strong{
	background: #ffff00;
}

.s1 .s1_link{
	display: flex;
	flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}

.s1 .s1_link li{
	width: 300px;
	padding-right: 50px;
}

.s1 .s1_link li:last-child{
	padding-right: 0;
}

.s1 .s1_link li.consultation a.btn{
	background: var(--maincolor02);
}

.s1 .s1_link li a::before{
	content: '';
	display: inline-block;
	width: 32px;
	height: 25px;
	background: url('../images/common/icon_h_g03.png') no-repeat 0 0;
	background-size: contain;
	position: absolute;
	top: 50%;
	left: 29px;
	transform: translate(0, -50%);
}



/***** s2パーツ（フィリピン留学とは） *****/

.s2{
	padding: 80px 0 80px;
}

.s2 .s2_ul{
	display: flex;
	flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: flex-start;
    
    margin-bottom: 30px;
}

.s2 .s2_ul li{
	margin: 0 32px;
	text-align: center;
}

.s2 .s2_ul li figcaption{
	font-size: 28px;
	color: var(--subcolor01);
	font-weight: bold;
	line-height: 1;
	margin: 15px 0 20px;
}

.s2 .s2_ul li p{
	font-size: 18px;
	color: var(--subcolor01);
	line-height: 1.27;
}

.s2 .caption{
	margin-bottom: 48px;
	text-align: center;
}

.s2 .link{
	width: 300px;
	margin: 0 auto;
}

.s2 .link a::before{
	content: '';
	display: inline-block;
	width: 32px;
	height: 25px;
	background: url('../images/common/icon_h_g01.png') no-repeat 0 0;
	background-size: contain;
	position: absolute;
	top: 50%;
	left: 29px;
	transform: translate(0, -50%);
}



/***** s3パーツ（フィリピン留学オススメ） *****/

.s3 .s3_ul{
	width: 820px;
	margin: 0 auto;
	
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: flex-start;
    justify-content: space-between;
    align-items: flex-start;
}

.s3 .s3_ul li{
	width: 386px;
	margin-bottom: 50px;
}

.s3 .s3_ul li span,
.s3 .s3_ul li a:hover,
.s3 .s3_ul li a{
	display: block;
	color: #292929;
	text-decoration: none;
}

.s3 .s3_ul li a{
	border-radius: 20px;
	overflow: hidden;
	box-shadow: 0px 0px 12px -2px #777777;
}

.s3 .s3_ul li a:hover{
	box-shadow: 0px 0px 6px -2px #777777;
}

.s3 .s3_ul li a .image_area{
	width: 100%;
	height: 244px;
	overflow: hidden;
	position: relative;
}

.s3 .s3_ul li a .image_area .image{
	width: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.s3 .s3_ul li a .image_area .head_block{
	width: 100%;
	position: absolute;
	top: 23px;
	left: 0;
	right: 0;
	display: flex;
	flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
}

.s3 .s3_ul li a .image_area .head_block .area{
	display: inline-block;
	line-height: 1;
	background: #fff;
	font-weight: bold;
	padding: 6px 11px;
	position: relative;
	box-shadow: 7px 5px 0px 0px #292929;
}

.s3 .s3_ul li a .image_area .head_block .star{
	display: flex;
	flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-end;
    align-items: center;
}

.s3 .s3_ul li a .image_area .head_block .star .point{
	display: inline-block;
	position: relative;
	color: #303030;
	font-size: 25px;
	line-height: 1;
	text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.8);
	letter-spacing: 0.1em;
}

.s3 .s3_ul li a .image_area .head_block .star .point:before,
.s3 .s3_ul li a .image_area .head_block .star .point:after{
    content: '★★★★★';
}

.s3 .s3_ul li a .image_area .head_block .star .point:after{
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    overflow: hidden;
    white-space: nowrap;
    color: #ffff00;
}

.s3 .s3_ul li a .image_area .head_block .star .num{
	font-size: 19px;
	color: #ffff00;
	line-height: 1;
	text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.8);
	padding: 0 18px 0 5px;
}

.s3 .s3_ul li a .image_area .school_name{
	font-size: 36px;
	color: #fff;
	font-weight: bold;
	line-height: 1;
	text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.8);
	padding-left: 20px;
	position: absolute;
    bottom: 6px;
    left: 0;
    z-index: 2;
}

.s3 .s3_ul li a .text_area{
	padding: 16px 20px;
	position: relative;
}

.s3 .s3_ul li a .text_area .name{
	font-size: 18px;
	color: var(--subcolor01);
	font-weight: bold;
	line-height: 1.66;
	margin-bottom: 10px;
}

.s3 .s3_ul li a .text_area ul{
	display: flex;
	flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
}

.s3 .s3_ul li a .text_area ul li{
	display: flex;
	flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    width: auto;
    margin: 0;
    line-height: 1;
    margin: 0 16px 15px 0;
}

.s3 .s3_ul li a .text_area ul li:nth-child(even){
   margin-right: 0;
}

.s3 .s3_ul li a .text_area ul li .item{
	display: inline-block;
	background: #EFEEF3;
	padding: 3px 7px;
}

.s3 .s3_ul li a .text_area ul li .price{
	padding-left: 12px;
}

.s3 .s3_ul li a .text_area .link_area{
	text-align: right;
}

.s3 .s3_ul li a .text_area .link_area .link_btn{
	display: inline-block;
	height: 36px;
	line-height: 36px;
	font-size: 14px;
	color: #fff;
	text-align: left;
	padding: 0 51px 0 19px;
	background: var(--subcolor01);
	border-radius: 30px;
	position: relative;
}

.s3 .s3_ul li a .text_area .link_area .link_btn::after {
	content: '';
	display: inline-block;
	width: 32px;
	height: 11px;
	background: url('../images/common/link_arrow01.png') no-repeat 0 0;
	background-size: contain;
    position: absolute;
    top: 50%;
    right: 19px;
    transform: translate(0, -50%);
    transition: all 0.2s linear;
}

.s3 .s3_ul li a:hover .text_area .link_area .link_btn::after {
   right: 9px;
}

.s3 .link{
	width: 300px;
	margin: 0 auto;
}

.s3 .link a::before{
	content: '';
	display: inline-block;
	width: 32px;
	height: 25px;
	background: url('../images/common/icon_h_g02.png') no-repeat 0 0;
	background-size: contain;
	position: absolute;
	top: 50%;
	left: 29px;
	transform: translate(0, -50%);
}



/***** s4パーツ（フィリピン留学エリア別で探す） *****/

.s4{
	padding-bottom: 40px;
}

.s4::after{
	content: '';
	width: 132px;
	height: 223px;
	display: inline-block;
	background: url('../images/common/area_search_bg01.png') no-repeat 0 0;
	background-size: contain;
	position: absolute;
	top: 0;
	left: 212px;
	z-index: -1;
}

.s4 .s4_ul{
	width: 820px;
	margin: 0 auto;
	display: flex;
	flex-direction: row;
    flex-wrap: wrap;
    align-content: flex-start;
    justify-content: space-between;
    align-items: flex-start;
}

.s4 .s4_ul li{
	width: 385px;
	margin-bottom: 40px;
}

.s4 .s4_ul li .min_caption{
	text-align: center;
	font-size: 18px;
	line-height: 1.27;
	margin-bottom: 9px;
}

.s4 .s4_ul li .min_caption span{
	display: inline-block;
	position: relative;
}

.s4 .s4_ul li .min_caption span::after,
.s4 .s4_ul li .min_caption span::before {
    content: '';
    width: 1px;
    height: 36px;
    background: #292929;
    position: absolute;
    bottom: 4px;
}

.s4 .s4_ul li .min_caption span::before {
    left: -20px;
    transform: rotate(-28deg);
}

.s4 .s4_ul li .min_caption span::after {
    right: -20px;
    transform: rotate(28deg);
}

.s4 .s4_ul li a:hover,
.s4 .s4_ul li a{
	display: block;
	height: 240px;
	border-radius: 20px;
	overflow: hidden;
	box-shadow: 0px 0px 12px -2px #777777;
	position: relative;
	z-index: 2;
	text-decoration: none;
}

.s4 .s4_ul li a:hover{
	box-shadow: 0px 0px 6px -2px #777777;
}

.s4 .s4_ul li a span{
	display: block;
}

.s4 .s4_ul li a span.image{
	width: 100%;
	height: 100%;
	position: relative;
    z-index: -1;
}

.s4 .s4_ul li a span.image img{
	width: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
    z-index: -1;
}

.s4 .s4_ul li a span.area_name{
	font-size: 42px;
	color: #fff;
	font-weight: bold;
	line-height: 1;
	text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.8);
	position: absolute;
	top: 92px;
	left: 0;
	right: 0;
	text-align: center;
}

.s4 .s4_ul li a span.name{
	font-size: 16px;
	color: #292929;
	font-weight: bold;
	line-height: 1;
	position: absolute;
	top: 140px;
	left: 0;
	right: 0;
	text-align: center;
	padding: 7px 0;

/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+45,ffffff+55,ffffff+100&0+0,1+45,1+55,0+100 */
background: -moz-linear-gradient(45deg,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 45%, rgba(255,255,255,1) 55%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 45%,rgba(255,255,255,1) 55%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 45%,rgba(255,255,255,1) 55%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}



/***** s5パーツ（新型コロナウィルス感染症対策について） *****/

.s5{
	padding-bottom: 40px;
}

.s5 .s5_ul{
	width: 820px;
	margin: 0 auto;
	display: flex;
	flex-direction: row;
    flex-wrap: wrap;
    align-content: flex-start;
    justify-content: space-between;
    align-items: flex-start;
}

.s5 .s5_ul li{
	width: 385px;
	margin-bottom: 40px;
}

.s5 .s5_ul li a:hover,
.s5 .s5_ul li a{
	display: block;
	border-radius: 20px;
	overflow: hidden;
	box-shadow: 0px 0px 12px -2px #777777;
	position: relative;
	z-index: 2;
	text-decoration: none;
}

.s5 .s5_ul li a:hover{
	box-shadow: 0px 0px 6px -2px #777777;
}

.s5 .s5_ul li a span{
	display: block;
}

.s5 .s5_ul li a span.image{
	height: 240px;
	position: relative;
}

.s5 .s5_ul li a span.image img{
	width: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.s5 .s5_ul li a span.title{
	font-size: 18px;
	color: #fff;
	text-align: center;
	background: var(--subcolor01);
	padding: 10px 0;
}

.s5 .s5_ul li a span.link_area{
	text-align: right;
	padding: 38px 18px 20px;
}

.s5 .s5_ul li a span.link_area .link_btn {
    display: inline-block;
    height: 36px;
    line-height: 36px;
    font-size: 14px;
    color: #292929;
    text-align: left;
    padding: 0 51px 0 19px;
    background: #F0F0F0;
    border-radius: 30px;
    position: relative;
}

.s5 .s5_ul li a span.link_area .link_btn::after {
    content: '';
    display: inline-block;
    width: 32px;
    height: 11px;
    background: url(../images/common/link_arrow02.png) no-repeat 0 0;
    background-size: contain;
    position: absolute;
    top: 50%;
    right: 19px;
    transform: translate(0, -50%);
    transition: all 0.2s linear;
}

.s5 .s5_ul li a:hover span.link_area .link_btn::after {
    right: 9px;
}



/***** ctaパーツ（資料請求・留学相談） *****/

.cta{
	padding: 50px 0 44px;
}

.cta .cta_link{
	display: flex;
	flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}

.cta .cta_link li{
	width: 300px;
	padding-right: 50px;
}

.cta .cta_link li:last-child{
	padding-right: 0;
}

.cta .cta_link li .min_caption{
	text-align: center;
	font-size: 18px;
	line-height: 1.27;
	margin-bottom: 9px;
}

.cta .cta_link li .min_caption span{
	display: inline-block;
	position: relative;
}

.cta .cta_link li .min_caption span::after,
.cta .cta_link li .min_caption span::before {
    content: '';
    width: 1px;
    height: 36px;
    background: #292929;
    position: absolute;
    bottom: 4px;
}

.cta .cta_link li .min_caption span::before {
    left: -20px;
    transform: rotate(-28deg);
}

.cta .cta_link li .min_caption span::after {
    right: -20px;
    transform: rotate(28deg);
}

.cta .cta_link li a.btn{
	text-align: center;
	padding: 0 53px;
}

.cta .cta_link li.material a.btn{
	background: var(--subcolor01);
}


.cta .cta_link li.consultation a.btn{
	background: var(--maincolor02);
}

.cta .cta_link li a::before{
	content: '';
	display: inline-block;
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: contain;
	position: absolute;
	top: 50%;
	left: 29px;
	transform: translate(0, -50%);
}

.cta .cta_link li.material a::before{
	width: 32px;
	height: 33px;
	background-image: url('../images/common/icon_h_g05.png');
}

.cta .cta_link li.consultation a::before{
	width: 32px;
	height: 25px;
	background-image: url('../images/common/icon_h_g03.png');
}


.cta .cta_link li.simulator{
	width: 500px;
}

.cta .cta_link li.simulator a{
	background: #69a323;
    font-size: 21px;
}

.cta .cta_link li.simulator a::before {
    content: '';
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 35px;
    transform: translate(0, -50%);
	width: 25px;
    height: 34px;
    background: url(../images/common/icon_schoollink01.png) no-repeat 0 0;
    background-size: contain;
}



/***** cta_telパーツ（電話問い合わせ） *****/

.cta_tel{
	padding: 44px 0 44px;
}

.cta_tel p{
	text-align: center;
	font-size: 18px;
}

.cta_tel p.phone_num{
	font-size: 40px;
	margin: 14px 0;
	line-height: 1;
}

.cta_tel p.phone_num .p_wrapp{
	display: inline-block;
	font-weight: bold;

	color: var(--maincolor01);
	padding-left: 1.0em;
	position: relative;
}

.cta_tel p.phone_num .p_wrapp::before{
    content: '';
    width: 24px;
    height: 37px;
    background: url(../images/common/icon_h_phone.png) no-repeat 0 0;
    background-size: contain;
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0, -50%);
    z-index: 2;
    transition: all 0.2s linear;
}

.cta_tel p.sub{
	font-size: 14px;
}



/***** s6パーツ（ピックアップ10選） *****/

.s6{
	padding-bottom: 40px;
}

.s6 .s6_h2 .text{
	text-align: center;
}

.s6 .s6_h2 .text .span_wrapp{
	position: relative;
	font-weight: bold;
}

.s6 .s6_h2 .text .span_wrapp::after{
	content: '';
	width: 90px;
	height: 90px;
	display: inline-block;
	background: #ffff00;
	border-radius: 50%;
	position: absolute;
    top: 23%;
    right: -4px;
	z-index: -1;
}

.s6 .s6_h2 .text .num{
	font-size: 48px;
	font-weight: bold;
}


.s6 .s6_ul{
	width: 820px;
	margin: 0 auto;
	display: flex;
	flex-direction: row;
    flex-wrap: wrap;
    align-content: flex-start;
    justify-content: space-between;
    align-items: flex-start;
}

.s6 .s6_ul li{
	width: 385px;
	margin-bottom: 40px;
}

.s6 .s6_ul li + .pickup{
	display: none;
}

.s6 .s6_ul li a:hover,
.s6 .s6_ul li a{
	display: block;
	height: 240px;
	border-radius: 20px;
	overflow: hidden;
	box-shadow: 0px 0px 12px -2px #777777;
	position: relative;
	z-index: 2;
	text-decoration: none;
}

.s6 .s6_ul li a:hover{
	box-shadow: 0px 0px 6px -2px #777777;
}

.s6 .s6_ul li a span{
	display: block;
}

.s6 .s6_ul li a span.image{
	width: 100%;
	height: 100%;
	position: relative;
    z-index: -1;
}

.s6 .s6_ul li a span.image img{
	width: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
    z-index: -1;
}


/***** news1パーツ（ニュースリスト） *****/

.news1{
	border: 4px solid var(--subcolor01);
	padding: 68px 0 78px;
}

.news1 .cont_box h2 {
    margin-bottom: 82px;
}

.news1 ul{
	width: 820px;
	margin: 0 auto 60px;
}

.news1 ul li{
	display: flex;
	flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 22px 0;
    line-height: 1.4;
    border-bottom: 1px solid #F0F0F0;
}

.news1 ul li .date_wrapp{
	display: flex;
	flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
    padding-left: 16px;
    width: 313px;
    box-sizing: border-box;
}

.news1 ul li .date_wrapp .date{
	width: 142px;
	font-size: 23px;
	font-weight: bold;
}

.news1 ul li .date_wrapp .category span,
.news1 ul li .date_wrapp .category a{
	display: inline-block;
	width: 130px;
	height: 32px;
	line-height: 32px;
	font-size: 18px;
	font-weight: bold;
	color: #292929;
	text-align: center;
	background: var(--subcolor01);
}

.news1 ul li .title_wrapp{
	width: 505px;
	font-size: 18px;
	padding-top: 4px;
}

.news1 ul li .title_wrapp a{
	display: block;
	padding-right: 51px;
	position: relative;
}

.news1 ul li .title_wrapp a::after {
    content: '';
    display: inline-block;
    width: 32px;
    height: 11px;
    background: url(../images/common/link_arrow02.png) no-repeat 0 0;
    background-size: contain;
    position: absolute;
    top: 50%;
    right: 19px;
    transform: translate(0, -50%);
    transition: all 0.2s linear;
}

.news1 ul li:hover .title_wrapp a::after {
    right: 0;
}

.news1 .archive_link{
	width: 300px;
	margin: 0 auto;
}

.news1 .archive_link a{
	text-align: center;
	padding: 0;
}

.news1 .archive_link a::before {
    content: '';
    display: inline-block;
    width: 30px;
    height: 28px;
	background-image: url(../images/common/icon_loudspeaker.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: contain;
    position: absolute;
    top: 50%;
    left: 29px;
    transform: translate(0, -50%);
}



/********** 記事投稿 **********/










/********** 目次 **********/

#toc{
	margin-bottom: 76px;
    padding: 35px;
    border: 1px solid #ececec;
}

#toc .mokuji{
    display: block;
    line-height: 1.4;
    font-size: 28px;
    font-weight: bold;
    text-align: center;
    padding: 0 0.4em 11px;
    margin-bottom: 34px;
    border-bottom: 1px solid #292929;
}

#toc > ul{
	counter-reset: toc_num01 0;
}

#toc ul li{
	position: relative;
	padding-left: 1.4em;
	line-height: 1.4;
}

#toc > ul > li > a,
#toc > ul > li > a span,
#toc > ul > li{
	font-size: 20px;
	font-weight: bold;
	color: #555;
}

#toc > ul > li{
	padding: 7px 0 7px 46px;
}

#toc > ul > li:before {
	counter-increment: toc_num01 1;
	content: counter(toc_num01) ' |';
	display: inline-block;
	position: absolute;
    top: 7px;
    left: 0;
    width: 38px;
    text-align: right;
}

#toc ul li .toggle_btn{
	display: block;
	width: 32px;
	height: 36px;
	position: absolute;
	top: 0;
	right: 0;
	cursor: pointer;
}

#toc ul li .toggle_btn::before{
	content: '';
	width: 12px;
	height: 12px;
	border-bottom: 4px solid #555;
	border-right: 4px solid #555;
	position: absolute;
    top: 50%;
    left: 52%;
	transform: translate(-50%, -50%) rotate(45deg);
}

#toc ul li .toggle_btn.open::before{
	transform: translate(-50%, -23%) rotate(-135deg);
}


#toc > ul > li > ul{
	counter-reset: toc_num02 0;
	display: none;
	background: #ececec;
	margin: 9px 0 0 -32px;
	padding: 9px 0 9px 32px;
}

#toc > ul > li > ul > li{
	padding-left: 1.8em;
	margin-bottom: 8px;
}

#toc > ul > li > ul > li:last-child{
	margin-bottom: 0;
}

#toc > ul > li > ul > li a{
	font-size: 16px;
	color: #555;
}

#toc > ul > li > ul > li:before{
	counter-increment: toc_num02 1;
	content: counter(toc_num01) '-' counter(toc_num02);
	display: inline-block;
	font-size: 16px;
	position: absolute;
    top: 5px;
    left: 0;
}

#toc > ul > li > ul > li strong{
	font-weight: normal !important;
}

#toc > ul > li > ul > li >ul > li{
	padding-left: 1.2em;
}

#toc > ul > li > ul > li >ul > li::before{
	content: '■';
	display: inline-block;
	font-size: 16px;
	position: absolute;
    top: 6px;
    left: 0;
}




/********** スクールバナー **********/

.wp-block-lazyblock-school-id-block,
.school_banner{

}

.wp-block-lazyblock-school-id-block > .title,
.blog_banner > .title,
.school_banner > .title{
	margin-bottom: 30px;
}

.wp-block-lazyblock-school-id-block > .title span,
.blog_banner > .title span,
.school_banner > .title span{
	display: inline-block;
	height: 40px;
	line-height: 40px;
	font-size: 18px;
	font-weight: bold;
	letter-spacing: 0.15em;
	padding: 0 30px;
	border-top: 2px solid #292929;
	border-bottom: 2px solid #292929;
}

.wp-block-lazyblock-school-id-block .ul_wrapp .wp-block-lazyblock-school-id-parts,
.school_banner > ul > li{
	margin-bottom: 30px;
	position: relative;
	box-shadow: 0px 0px 12px -2px #777777;
}

.wp-block-lazyblock-school-id-block .ul_wrapp .wp-block-lazyblock-school-id-parts:last-of-type,
.school_banner > ul > li:last-child{
	margin-bottom: 0;
}

.wp-block-lazyblock-school-id-block .ul_wrapp .wp-block-lazyblock-school-id-parts a,
.school_banner ul li a{
	display: block;
	color: #292929;
}

.wp-block-lazyblock-school-id-block .ul_wrapp .wp-block-lazyblock-school-id-parts a:hover,
.school_banner ul li a:hover{
	text-decoration: none;
}

.wp-block-lazyblock-school-id-block .ul_wrapp .wp-block-lazyblock-school-id-parts a .block01,
.school_banner ul li a .block01{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    position: relative;
}

.wp-block-lazyblock-school-id-block .ul_wrapp .wp-block-lazyblock-school-id-parts a .block01 .image_area,
.school_banner ul li a .block01 .image_area {
    width: 420px;
    height: 260px;
    position: relative;
    overflow: hidden;
}

.wp-block-lazyblock-school-id-block .ul_wrapp .wp-block-lazyblock-school-id-parts a .block01 .image_area img,
.school_banner ul li a .block01 .image_area img{
	width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.wp-block-lazyblock-school-id-block .ul_wrapp .wp-block-lazyblock-school-id-parts a .block01 .text_area,
.school_banner ul li a .block01 .text_area {
    width: 383px;
    line-height: 1;
    padding-top: 18px;
}

.wp-block-lazyblock-school-id-block .ul_wrapp .wp-block-lazyblock-school-id-parts a .block01 .text_area .jp_title,
.school_banner ul li a .block01 .text_area .jp_title {
    font-size: 28px;
    color: var(--subcolor01);
    font-weight: bold;
    line-height: 1 !important;
    margin-bottom: 12px !important;
}

.wp-block-lazyblock-school-id-block .ul_wrapp .wp-block-lazyblock-school-id-parts a .block01 .text_area .en_title,
.school_banner ul li a .block01 .text_area .en_title {
    line-height: 1 !important;
    margin-bottom: 14px !important;
}

.wp-block-lazyblock-school-id-block .ul_wrapp .wp-block-lazyblock-school-id-parts a .block01 .area_wrapp,
.school_banner ul li a .block01 .area_wrapp {
    display: inline-block;
    height: 30px;
    line-height: 30px;
    background: #e8e8ed;
    font-weight: bold;
    padding: 0 14px;
    position: absolute;
    top: 0;
    right: 0;
}

.wp-block-lazyblock-school-id-block .ul_wrapp .wp-block-lazyblock-school-id-parts a .block01 .star,
.school_banner ul li a .block01 .star {
    margin-bottom: 22px;
}

.wp-block-lazyblock-school-id-block .ul_wrapp .wp-block-lazyblock-school-id-parts a .block01 .star .point,
.school_banner ul li a .block01 .star .point {
    display: inline-block;
    position: relative;
    color: #cfcfcf;
    font-size: 25px;
    line-height: 1;
    letter-spacing: 0.1em;
}

.wp-block-lazyblock-school-id-block .ul_wrapp .wp-block-lazyblock-school-id-parts a .block01 .star .point:before,
.wp-block-lazyblock-school-id-block .ul_wrapp .wp-block-lazyblock-school-id-parts a .block01 .star .point:after,
.school_banner ul li a .block01 .star .point:before,
.school_banner ul li a .block01 .star .point:after {
    content: '★★★★★';
}

.wp-block-lazyblock-school-id-block .ul_wrapp .wp-block-lazyblock-school-id-parts a .block01 .star .point:after,
.school_banner ul li a .block01 .star .point:after {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    overflow: hidden;
    white-space: nowrap;
    color: var(--maincolor02);
}

.wp-block-lazyblock-school-id-block .ul_wrapp .wp-block-lazyblock-school-id-parts a .block01 .star .num,
.school_banner ul li a .block01 .star .num {
    color: var(--maincolor02);
    line-height: 1;
    font-size: 19px;
    font-weight: bold;
}

.wp-block-lazyblock-school-id-block .ul_wrapp .wp-block-lazyblock-school-id-parts a .block01 .data_ul,
.school_banner ul li a .block01 .data_ul {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    margin-bottom: 16px;
}

.wp-block-lazyblock-school-id-block .ul_wrapp .wp-block-lazyblock-school-id-parts a .block01 .data_ul li,
.school_banner ul li a .block01 .data_ul li {
    margin-right: 18px;
}

.wp-block-lazyblock-school-id-block .ul_wrapp .wp-block-lazyblock-school-id-parts a .block01 .data_ul li:last-child,
.school_banner ul li a .block01 .data_ul li:last-child {
    margin-right: 0;
}

.wp-block-lazyblock-school-id-block .ul_wrapp .wp-block-lazyblock-school-id-parts a .block01 .data_ul li .date_wrapp,
.school_banner ul li a .block01 .data_ul li .date_wrapp {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
}

.wp-block-lazyblock-school-id-block .ul_wrapp .wp-block-lazyblock-school-id-parts a .block01 .data_ul li .date_wrapp .title,
.school_banner ul li a .block01 .data_ul li .date_wrapp .title {
    display: inline-block;
    height: 20px;
    line-height: 20px !important;
    padding: 0 6px;
    background: #e8e8ed;
    margin-bottom: 0 !important;
    margin-right: 15px;
}

.wp-block-lazyblock-school-id-block .ul_wrapp .wp-block-lazyblock-school-id-parts a .block01 .data_ul li .date_wrapp,
.school_banner ul li a .block01 .data_ul li .date_wrapp {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
}

.wp-block-lazyblock-school-id-block .ul_wrapp .wp-block-lazyblock-school-id-parts a .block01 .catch,
.school_banner ul li a .block01 .catch {
    font-weight: bold;
    line-height: 1.625;
}



/********** blogバナー **********/

.blog_banner{
	width: 820px;
	margin: 0 auto 50px;
}

.blog_banner .ul_wrapp,
.blog_banner ul{
	padding: 34px 30px;
	position: relative;
	box-sizing: border-box;
	box-shadow: 0px 0px 12px -2px #777777;
}

.blog_banner .ul_wrapp::before,
.blog_banner ul::before{
	content: '';
	width: 100%;
	height: 10px;
	display: block;
	background: rgba(209,230,105,0.7);
	position: absolute;
    top: 0;
    left: 0;
}

.blog_banner .ul_wrapp::after,
.blog_banner ul::after{
	content: '';
	width: 10px;
	height: 100%;
	display: block;
	background: rgba(153,245,221,0.7);
	position: absolute;
    top: 0;
    left: 0;
}

.blog_banner .ul_wrapp .wp-block-lazyblock-recommend-blog-parts,
.blog_banner ul li{
	margin-bottom: 30px;

}

.blog_banner .ul_wrapp .wp-block-lazyblock-recommend-blog-parts:last-of-type,
.blog_banner ul li:last-child{
	margin-bottom: 0;
}

.blog_banner .ul_wrapp .wp-block-lazyblock-recommend-blog-parts a,
.blog_banner ul li a{
	width: 100%;
	display: flex;
	flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    /*align-items: center;*/
    color: #292929;
}

.blog_banner .ul_wrapp .wp-block-lazyblock-recommend-blog-parts a:hover,
.blog_banner ul li a:hover{
	text-decoration: none;
}

.blog_banner .ul_wrapp .wp-block-lazyblock-recommend-blog-parts a .image,
.blog_banner ul li a .image{
	width: 386px;
	height: 240px;
	position: relative;
	overflow: hidden;
}

.blog_banner .ul_wrapp .wp-block-lazyblock-recommend-blog-parts a .image img,
.blog_banner ul li a .image img{
	width: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.blog_banner .ul_wrapp .wp-block-lazyblock-recommend-blog-parts a .text,
.blog_banner ul li a .text{
	width: 348px;
}

.blog_banner .ul_wrapp .wp-block-lazyblock-recommend-blog-parts a .text .title,
.blog_banner ul li a .text .title{
	font-size: 23px;
	color: var(--subcolor01);
	font-weight: bold;
	line-height: 1.56 !important;
	margin-bottom: 30px !important;
}

.blog_banner ul li a .text .caption{
	line-height: 1.75;
}



/********** ページャー **********/

#pager{
	margin-top: 80px;
	text-align: center;
}

#pager span,
#pager a{
	display: inline-block;
	margin: 0 8px;
	color: #292929;
}

#pager a:hover,
#pager span{
	color: var(--subcolor01);
	text-decoration: none;
}



/********** アクセスリンク **********/

#access_link{
	padding: 50px 60px;
}

#access_link h2{
	line-height: 1;
	margin-bottom: 45px;
}

#access_link h2 picture{
	display: inline-block;
	width: 172px;
	margin-right: 35px;
}

#access_link h2 .text{
	display: inline-block;
	font-size: 28px;
	color: #555;
	font-weight: bold;
}

#access_link .caption{
	text-align: center;
	margin-bottom: 1em;
}

#access_link .caption strong{
	font-size: 18px;
	background: #ffff00;
}

#access_link .access_link{
	display: flex;
	flex-direction: row;
    flex-wrap: nowrap;
	justify-content: space-between;
    align-items: center;
    margin-top: 74px;
}

#access_link .access_link li{
	width: 248px;
}

#access_link .access_link li a{
	display: block;
	width: 100%;
	height: 156px;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0px 0px 12px -2px #777777;
    position: relative;
    z-index: 2;
	color: #292929;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;
}

#access_link .access_link li a:hover{
	text-decoration: none;
}

#access_link .access_link li:nth-child(1) a{
	background-image: url('../images/common/office_access_bg01.jpg');
}

#access_link .access_link li:nth-child(2) a{
	background-image: url('../images/common/office_access_bg02.jpg');
}

#access_link .access_link li:nth-child(3) a{
	background-image: url('../images/common/office_access_bg03.jpg');
}

#access_link .access_link li a span{
	display: block;
	line-height: 1;
}

#access_link .access_link li a .text_wrapp{
	width: 100%;
	text-align: center;
	position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0, -50%);
    white-space: nowrap;
}

#access_link .access_link li a .text_wrapp .en_text{
	font-size: 42px;
    color: #fff;
    font-weight: bold;
    line-height: 1;
    text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.8);
}

#access_link .access_link li a .text_wrapp .jp_text{
	line-height: 1;
    color: #292929;
    font-weight: bold;
    padding: 7px 0;
    margin-top: 18px;
    background: -moz-linear-gradient(45deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 45%, rgba(255,255,255,1) 55%, rgba(255,255,255,0) 100%);
    background: -webkit-linear-gradient(45deg, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 45%,rgba(255,255,255,1) 55%,rgba(255,255,255,0) 100%);
    background: linear-gradient(45deg, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 45%,rgba(255,255,255,1) 55%,rgba(255,255,255,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=1 );
}

#access_link .access_link li p{
	line-height: 1.43;
	margin-top: 12px;
}


.banner_counselor{
	margin-bottom: 20px;
	overflow: hidden;
	border-radius: 20px;
	box-shadow: 0px 0px 12px -2px #777777;
}







/********** 404 **********/

.notofound_image{
	text-align: center;
	margin: 80px auto 40px;
}

.notfond-copy{
	text-align: center;
	font-size: 16px;
	font-weight: bold;
}

.text_area .status_icon{
	width: 110px;
	position: absolute;
    top: -150px;
    right: 10px;
    z-index: 5;
}



.google_form{
	text-align: center;
}






/********************************************************************************
	リッキド用 CSS
********************************************************************************/

@media(max-width:1060px){

.sn_inwrapp{
	width: 100%;
	padding: 3.207547vw 1.886792vw;
}

.sn_inwrapp::-webkit-scrollbar{
   width: 0.943396vw;
}

#g_navi nav ul.gnav_ul > li .sub_navi_wrapp .close_btn{
	width: 4.716981vw;
	height: 4.716981vw;
	line-height: 4.716981vw;
	font-size: 2.075472vw;
	top: 2.830189vw;
	right: 2.830189vw;
}

.sub_menu .sb_menu_wrapp{
	margin-bottom: 3.301887vw;
}

.sub_menu .sub_title{
	font-size: 1.981132vw;
	margin-bottom: 1.132075vw;
}

.sub_menu ul li{
	margin-bottom: 1.698113vw;
}

.sub_menu ul li a{
	font-size: 1.226415vw;
}

.sn_inwrapp.type02 .sub_menu ul li a{
	font-size: 1.698113vw;
}

.sub_menu.type02 .sb_menu_wrapp{
	margin: 0 5% 3.301887vw 0;
}








}


@media(max-width:1020px){

body{
	font-size: 1.568627vw;
}


/********** layout **********/

.wrapper{
	width: 100%;
	padding: 0 1.960784vw;
}

.main_head{
	width: 100%;
	padding: 14.803922vw 1.960784vw 0;
}

#breadcrumbs{
	font-size: 1.568627vw;
	padding: 1.568627vw 0;
}

/********** header **********/

.header_wrapp{
	padding-top: 0.588235vw;
	padding-bottom: 1.764706vw;
}

.scroll .header_wrapp{
	padding-top: 0.392157vw;
	padding-bottom: 0.980392vw;
}

.header_wrapp .site_description{
	font-size: 1.27451vw;
	margin-bottom: 1.764706vw;
}

.scroll .header_wrapp .site_description{
	font-size: 1.176471vw;
	margin-bottom: 1.372549vw;
}

.header_wrapp .header_top .h_logo{
	width: 23.431373vw;
}

.scroll .header_wrapp .header_top .h_logo{
	width: 17.647059vw;
}

.header_wrapp .header_top .h_linkbtn .h_btn{
	margin-left: 1.176471vw;
}

.scroll .header_wrapp .header_top .h_linkbtn .h_btn{
	margin-left: 0.980392vw;
}

.header_wrapp .header_top .h_linkbtn .h_btn.line{
	margin-left: 1.960784vw;
	width: 3.921569vw;
}

.scroll .header_wrapp .header_top .h_linkbtn .h_btn.line{
	margin-left: 1.372549vw;
	width: 3.529412vw;
}

.header_wrapp .header_top .h_linkbtn .h_btn .a_wrapp,
.header_wrapp .header_top .h_linkbtn .h_btn a{
	line-height: 3.72549vw;
	border: 0.196078vw solid var(--maincolor01);
	border-radius: 0.588235vw;
	padding: 0 1.568627vw;
}

.scroll .header_wrapp .header_top .h_linkbtn .h_btn .a_wrapp,
.scroll .header_wrapp .header_top .h_linkbtn .h_btn a{
	line-height: 3.137255vw;
	padding: 0 1.176471vw;
}

.header_wrapp .header_top .h_linkbtn .h_btn .a_wrapp{
	font-size: 2.54902vw;
	padding: 0 0.784314vw 0 3.333333vw;
}

.scroll .header_wrapp .header_top .h_linkbtn .h_btn .a_wrapp{
	font-size: 2.156863vw;
	padding: 0 0.588235vw 0 2.745098vw;
}

.header_wrapp .header_top .h_linkbtn .h_btn.line a{
	line-height: 3.72549vw;
}

.header_wrapp .header_top .h_linkbtn .h_btn.estimate a{
	border: 0.196078vw solid var(--maincolor02);
}

.header_wrapp .header_top .h_linkbtn .h_btn.consultation a{
	border: 0.196078vw solid var(--maincolor02);
}

.header_wrapp .header_top .h_linkbtn .h_btn.phone .a_wrapp::before{
	width: 1.470588vw;
	height: 2.254902vw;
    left: 1.372549vw;
}

.scroll .header_wrapp .header_top .h_linkbtn .h_btn.phone .a_wrapp::before{
	width: 1.372549vw;
	height: 2.058824vw;
    left: 0.882353vw;
}

#g_navi nav ul.gnav_ul{
	width: 100%;
	padding: 0 1.960784vw;
}

#g_navi nav ul.gnav_ul > li > span,
#g_navi nav ul.gnav_ul > li > a{
	padding: 0.392157vw 0 0.392157vw 4.019608vw;
}

#g_navi nav ul.gnav_ul > li.home > a{
	padding: 0.588235vw 0;
}

#g_navi nav ul.gnav_ul > li > span::before,
#g_navi nav ul.gnav_ul > li > a::before{
	width: 3.137255vw;
	height: 2.54902vw;
}

#g_navi nav ul.gnav_ul > li .sub_navi_wrapp{
	top: 3.431373vw;
}





/********** footer **********/

#page-top{
	bottom: 8.823529vw;
	right: 2.941176vw;
}

#footer_linkmenu{
	padding: 5.882353vw 0 6.078431vw;
}

#footer_linkmenu h2{
	padding-bottom: 0.588235vw;
	margin-bottom: 2.156863vw;
}

#footer_linkmenu h2.type02{
	font-size: 2.745098vw;
	margin-bottom: 4.117647vw;
}

#footer_linkmenu .footer_menu_cont{
	padding-bottom: 1.764706vw;
}

#footer_linkmenu .footer_menu_cont h3{
	font-size: 1.078431vw;
	padding: 0.392157vw 0 0.392157vw 2.647059vw;
	margin-bottom: 1.960784vw;
}

#footer_linkmenu .footer_menu_cont h3::before{
	width: 1.568627vw;
	height: 1.470588vw;
    left: 0.588235vw;
}

#footer_linkmenu .sub_menu .sb_menu_wrapp{
	margin-bottom: 2.156863vw;
}

#footer_linkmenu .sub_menu .sub_title{
	font-size: 1.078431vw;
	padding: 0.294118vw 0.490196vw;
}

#footer_linkmenu .sub_menu ul li{
	margin-bottom: 0.784314vw;
}

#footer_linkmenu .sub_menu ul li a{
	font-size: 1.078431vw;
}


#home_footer{
	padding: 3.529412vw 0 5.294118vw;
	margin-top: 4.901961vw;
}

#home_footer .caption{
	font-size: 1.764706vw;
	margin-bottom: 3.039216vw;
}

.slider_action{
	margin: 0 -0.980392vw;
}

.slider_action li{
	padding: 0 0.980392vw;
}

#home_footer .approval_logo{
	margin: 3.529412vw 0 3.529412vw;
}

#home_footer .approval_logo li{
	margin: 0 5.784314vw;
}

#home_footer .approval_logo li figcaption{
	font-size: 1.27451vw;
	margin-top: 0.686275vw;
}

#home_footer .footer_info_area{
	padding: 2.941176vw 1.960784vw 2.745098vw;
}

#home_footer .footer_info_area .footer_logoarea{
	margin-bottom: 2.941176vw;
}

#home_footer .footer_info_area .footer_logoarea .logo{
	width: 18.627451vw;
}

#home_footer .footer_info_area .footer_logoarea .text{
	padding-left: 2.941176vw;
}

#home_footer .footer_info_area .footer_logoarea .text p{
	font-size: 1.27451vw;
}

#home_footer .footer_info_area .footer_sitelink{
	margin-top: 3.018868vw;
}

#home_footer .footer_info_area .footer_sitelink .section_name,
#home_footer .footer_info_area .home_f_cont .section_name{
	padding: 0.490196vw 0.980392vw;
	margin-bottom: 1.568627vw;
}

#home_footer .footer_info_area .home_f_cont.about_area{
	margin-bottom: 2.941176vw;
}

#home_footer .name_wrapp{
	font-size: 1.27451vw;
}

#home_footer .name_wrapp .name_area .name{
	font-size: 2.058824vw;
	margin-bottom: 2.45098vw;
}

#home_footer .name_wrapp .phome_area .office_phone{
	margin-bottom: 1.568627vw;
}

#home_footer .name_wrapp .phome_area .info_phone strong{
	font-size: 3.137255vw;
	padding-left: 2.843137vw;
}

#home_footer .name_wrapp .phome_area .info_phone strong::before{
	width: 1.862745vw;
	height: 2.941176vw;
}

#home_footer .office_info_area ul li .office_name{
	margin-bottom: 1.27451vw;
}

#home_footer .office_info_area ul li .office_wrapp figure{
	width: 12.254902vw;
}

#home_footer .office_info_area ul li .office_wrapp .text{
	padding-left: 1.176471vw;
}

#home_footer .office_info_area ul li .office_wrapp .text p{
	font-size: 1.27451vw;
}


#footer_copyright_area{
	padding: 1.568627vw 0;
}

#footer_copyright_area .wrapper .copyright{
	font-size: 1.27451vw;
}

#footer_copyright_area .wrapper ul li{
	padding: 0 1.960784vw;
}

#footer_copyright_area .wrapper ul li a{
	font-size: 1.27451vw;
}


#home_footer .footer_info_area .footer_sitelink ul li{
	font-size: 1.226415vw;
}


#home_footer .name_wrapp .name_area .f_add_dl{
	font-size: 1.226415vw;
}

#home_footer .name_wrapp .name_area .f_add_dl dt{
	width: 8.018868vw;
}

#home_footer .name_wrapp .name_area .f_add_dl dd{
	margin: -1.132075vw 0 1.509434vw 0;
    padding: 0 0 0 9.433962vw;
}

#home_footer .name_wrapp .name_area .f_add_dl dd ul.sns li{
	width: 1.320755vw;
}

#home_footer .name_wrapp .phome_area .email{
    margin-top: 2.735849vw;
}

#home_footer .footer_info_area .footer_logoarea .souda_title{
	font-size: 1.698113vw;
}

#home_footer .footer_info_area .footer_logoarea .souda_caption{
	font-size: 1.226415vw;
}



/********** aside **********/

.side_box{
	margin-bottom: 1.960784vw;
}

.side_box .title{
	line-height: 4.901961vw;
}


.side_box.search .title span{
	padding-left: 3.627451vw;
}

.side_box.search .title span::before{
	width: 3.137255vw;
	height: 2.54902vw;
}

.side_box .cont{
	padding: 1.470588vw 0.980392vw 2.941176vw;
}

.side_box .cont .side_search_title{
	font-size: 1.27451vw;

	line-height: 1.960784vw;
	border-left: 0.588235vw solid var(--subcolor01);
	margin: 0 0 0.392157vw 0.980392vw;
	padding-left: 0.980392vw;
}

.side_box.search .cont ul{
	margin: 0 0 2.352941vw;
}

.side_box.search .cont ul li{
	margin: 0 0 1.176471vw;
}

.side_box.search .cont ul li select{
	font-size: 1.27451vw;
	padding: 0.686275vw 0.980392vw;
}

.side_box.search .submit input{
	height: 3.529412vw;
	line-height: 3.529412vw;
	border-radius: 1.960784vw;
	font-size: 1.568627vw;
}

.side_box.search .submit::after {
    width: 1.568627vw;
    height: 0.588235vw;
    right: 1.862745vw;
}

.side_box.search .submit:hover::after {
    right: 0.882353vw;
}


.side_box.contact .caption{
	font-size: 1.078431vw;
	margin: 0.490196vw 0 0.784314vw;
}

.side_box.contact .phone_num{
	font-size: 2.352941vw;
	line-height: 2.352941vw;
	margin-bottom: 0.882353vw;
	padding-left: 1.960784vw;
}

.side_box.contact .phone_num::before{
	width: 1.372549vw;
	height: 2.156863vw;
	top: 0.294118vw;
}

.side_box.contact .info{
	font-size: 1.078431vw;
	margin-bottom: 1.960784vw;
}

.side_box.contact .btn a{
	height: 3.529412vw;
	line-height: 3.529412vw;
	border-radius: 1.960784vw;
	font-size: 1.568627vw;
}

.side_box.contact .btn a::after {
    width: 1.568627vw;
    height: 0.588235vw;
    right: 1.862745vw;
}

.side_box.contact .btn a:hover::after {
    right: 0.882353vw;
}

.side_box.contact .btn.s_contact02 a{
	margin-top: 1.372549vw;
}

.side_banner ul li{
	margin-bottom: 1.960784vw;
}


.side_box.cooki ul.cooki_ul > li{
	margin-bottom: 1.960784vw;
}

.side_box.cooki ul.cooki_ul > li::after{
    bottom: -0.980392vw;
}

.side_box.cooki ul.cooki_ul > li a .school_name{
	font-size: 1.764706vw;
	margin-bottom: 0.784314vw;
}

.side_box.cooki ul.cooki_ul > li a .name{
	font-size: 1.568627vw;
	margin-bottom: 1.372549vw;
}

.side_box.cooki ul.cooki_ul > li a .image{
	margin-bottom: 1.960784vw;
}

.side_box.cooki ul.cooki_ul > li a .star {
    margin-bottom: 1.176471vw;
}

.side_box.cooki ul.cooki_ul > li a .star .point {
    font-size: 1.764706vw;
}

.side_box.cooki ul.cooki_ul > li a .star .num{
	font-size: 1.862745vw;
	padding: 0 1.764706vw 0 0.490196vw;
}

.side_box.cooki ul.cooki_ul > li a ul li{
	margin-bottom: 1.176471vw;
    font-size: 1.568627vw;
}

.side_box.cooki ul.cooki_ul > li a ul li .item{
	padding: 0.294118vw 0.588235vw;
	margin-right: 1.372549vw;
}



/********** 共通 **********/

.cont_box{
	border-radius: 1.960784vw;
	padding: 7.647059vw 0 7.843137vw;
	margin-bottom: 1.960784vw;
}

.cont_box h2{
	margin-bottom: 4.901961vw;
}

.cont_box h2 .text{
	font-size: 2.745098vw;
}

.cont_box h2 picture{
	padding: 0 1.470588vw;
}

a.btn{
	display: block;
	height: 5.882353vw;
	line-height: 5.882353vw;
	font-size: 1.764706vw;
	padding: 0 5.196078vw 0 7.352941vw;
}

a.btn::after {
	width: 3.137255vw;
	height: 1.078431vw;
    right: 1.862745vw;
}

a.btn:hover::after {
	right: 0.882353vw;
}



/***** s1パーツ（SOUDAとは） *****/

.s1{
	padding: 7.843137vw 0;
}

.s1 .caption{
	margin-bottom: 4.901961vw;
}

.s1 .s1_link li{
	width: 29.411765vw;
	padding-right: 4.901961vw;
}

.s1 .s1_link li a::before{
	width: 3.137255vw;
	height: 2.45098vw;
	left: 2.843137vw;
}



/***** s2パーツ（フィリピン留学とは） *****/

.s2{
	padding: 7.843137vw 0;
}

.s2 .s2_ul{
    margin-bottom: 2.941176vw;
}

.s2 .s2_ul li{
	margin: 0 3.137255vw;
}

.s2 .s2_ul li figcaption{
	font-size: 2.745098vw;
	margin: 1.470588vw 0 1.960784vw;
}

.s2 .s2_ul li p{
	font-size: 1.764706vw;
}

.s2 .caption{
	margin-bottom: 4.705882vw;
}

.s2 .link{
	width: 29.411765vw;
}

.s2 .link a::before{
	width: 3.137255vw;
	height: 2.45098vw;
	left: 2.843137vw;
}



/***** s3パーツ（フィリピン留学オススメ） *****/

.s3 .s3_ul{
	width: 80.392157vw;
}

.s3 .s3_ul li{
	width: 37.843137vw;
	margin-bottom: 4.901961vw;
}

.s3 .s3_ul li a{
	border-radius: 1.960784vw;
}

.s3 .s3_ul li a .image_area{
	height: 23.921569vw;
}

.s3 .s3_ul li a .image_area .head_block{
	top: 2.254902vw;
}

.s3 .s3_ul li a .image_area .head_block .area{
	padding: 0.588235vw 1.078431vw;
}

.s3 .s3_ul li a .image_area .head_block .star .point{
	font-size: 2.45098vw;
}

.s3 .s3_ul li a .image_area .head_block .star .num{
	font-size: 1.862745vw;
	padding: 0 1.764706vw 0 0.490196vw;
}

.s3 .s3_ul li a .image_area .school_name{
	font-size: 3.529412vw;
	padding-left: 1.960784vw;
    bottom: 0.588235vw;
}

.s3 .s3_ul li a .text_area{
	padding: 1.568627vw 1.960784vw;
}

.s3 .s3_ul li a .text_area .name{
	font-size: 1.764706vw;
	margin-bottom: 0.980392vw;
}

.s3 .s3_ul li a .text_area ul li{
    margin: 0 1.568627vw 1.470588vw 0;
}

.s3 .s3_ul li a .text_area ul li .item{
	padding: 0.294118vw 0.686275vw;
}

.s3 .s3_ul li a .text_area ul li .price{
	padding-left: 1.176471vw;
}

.s3 .s3_ul li a .text_area .link_area .link_btn{
	height: 3.529412vw;
	line-height: 3.529412vw;
	font-size: 1.372549vw;
	padding: 0 5vw 0 1.862745vw;
	border-radius: 2.941176vw;
}

.s3 .s3_ul li a .text_area .link_area .link_btn::after {
	width: 3.137255vw;
	height: 1.078431vw;
    right: 1.862745vw;
}

.s3 .s3_ul li a:hover .text_area .link_area .link_btn::after {
   right: 0.882353vw;
}

.s3 .link{
	width: 29.411765vw;
}

.s3 .link a::before{
	width: 3.137255vw;
	height: 2.45098vw;
	left: 2.843137vw;
}



/***** s4パーツ（フィリピン留学エリア別で探す） *****/

.s4{
	padding-bottom: 3.921569vw;
}

.s4::after{
	width: 12.941176vw;
	height: 21.862745vw;
	left: 20.784314vw;
}

.s4 .s4_ul{
	width: 80.392157vw;
}

.s4 .s4_ul li{
	width: 37.745098vw;
	margin-bottom: 3.921569vw;
}

.s4 .s4_ul li .min_caption{
	font-size: 1.764706vw;
	margin-bottom: 0.882353vw;
}

.s4 .s4_ul li .min_caption span::after,
.s4 .s4_ul li .min_caption span::before {
    height: 3.529412vw;
    bottom: 0.392157vw;
}

.s4 .s4_ul li .min_caption span::before {
    left: -1.960784vw;
}

.s4 .s4_ul li .min_caption span::after {
    right: -1.960784vw;
}

.s4 .s4_ul li a:hover,
.s4 .s4_ul li a{
	height: 23.529412vw;
	border-radius: 1.960784vw;
}

.s4 .s4_ul li a span.area_name{
	font-size: 4.117647vw;
	top: 9.019608vw;
}

.s4 .s4_ul li a span.name{
	font-size: 1.568627vw;
	top: 13.72549vw;
	padding: 0.686275vw 0;
}



/***** s5パーツ（新型コロナウィルス感染症対策について） *****/

.s5{
	padding-bottom: 3.921569vw;
}

.s5 .s5_ul{
	width: 80.392157vw;
}

.s5 .s5_ul li{
	width: 37.745098vw;
	margin-bottom: 3.921569vw;
}

.s5 .s5_ul li a:hover,
.s5 .s5_ul li a{
	border-radius: 1.960784vw;
}

.s5 .s5_ul li a span.image{
	height: 23.529412vw;
}

.s5 .s5_ul li a span.title{
	font-size: 1.764706vw;
	padding: 0.980392vw 0;
}

.s5 .s5_ul li a span.link_area{
	padding: 3.72549vw 1.764706vw 1.960784vw;
}

.s5 .s5_ul li a span.link_area .link_btn {
    height: 3.529412vw;
    line-height: 3.529412vw;
    font-size: 1.372549vw;
    padding: 0 5vw 0 1.862745vw;
    border-radius: 2.941176vw;
}

.s5 .s5_ul li a span.link_area .link_btn::after {
    width: 3.137255vw;
    height: 1.078431vw;
    right: 1.862745vw;
}

.s5 .s5_ul li a:hover span.link_area .link_btn::after {
    right: 0.882353vw;
}



/***** ctaパーツ（資料請求・留学相談） *****/

.cta{
	padding: 4.901961vw 0 4.313725vw;
}

.cta .cta_link li{
	width: 29.411765vw;
	padding-right: 4.901961vw;
}

.cta .cta_link li .min_caption{
	font-size: 1.764706vw;
	margin-bottom: 0.882353vw;
}

.cta .cta_link li .min_caption span::after,
.cta .cta_link li .min_caption span::before {
    height: 3.529412vw;
    bottom: 0.392157vw;
}

.cta .cta_link li .min_caption span::before {
    left: -1.960784vw;
}

.cta .cta_link li .min_caption span::after {
    right: -1.960784vw;
}

.cta .cta_link li a.btn{
	padding: 0 5.196078vw;
}

.cta .cta_link li a::before{
	left: 2.843137vw;
}

.cta .cta_link li.material a::before{
	width: 3.137255vw;
	height: 3.235294vw;
}

.cta .cta_link li.consultation a::before{
	width: 3.137255vw;
	height: 2.45098vw;
}


.cta .cta_link li.simulator{
	width: 49.019608vw;
}

.cta .cta_link li.simulator a{
    font-size: 2.058824vw;
}

.cta .cta_link li.simulator a::before {
    left: 3.431373vw;
	width: 2.450980vw;
    height: 3.333333vw;
}


/***** cta_telパーツ（電話問い合わせ） *****/

.cta_tel{
	padding: 4.313725vw 0 4.313725vw;
}

.cta_tel p{
	font-size: 1.764706vw;
}

.cta_tel p.phone_num{
	font-size: 3.921569vw;
	margin: 1.372549vw 0;
}

.cta_tel p.phone_num .p_wrapp::before{
    width: 2.352941vw;
    height: 3.627451vw;
}

.cta_tel p.sub{
	font-size: 1.372549vw;
}



/***** s6パーツ（ピックアップ10選） *****/

.s6{
	padding-bottom: 3.921569vw;
}

.s6 .s6_h2 .text .span_wrapp::after{
	width: 8.823529vw;
	height: 8.823529vw;
    right: -0.392157vw;
}

.s6 .s6_h2 .text .num{
	font-size: 4.705882vw;
}


.s6 .s6_ul{
	width: 80.392157vw;
}

.s6 .s6_ul li{
	width: 37.745098vw;
	margin-bottom: 3.921569vw;
}

.s6 .s6_ul li a:hover,
.s6 .s6_ul li a{
	height: 23.529412vw;
	border-radius: 1.960784vw;
}


/***** news1パーツ（ニュースリスト） *****/

.news1{
	border: 0.392157vw solid var(--subcolor01);
	padding: 6.666667vw 0 7.647059vw;
}

.news1 .cont_box h2 {
    margin-bottom: 8.039216vw;
}

.news1 ul{
	width: 80.392157vw;
	margin: 0 auto 5.882353vw;
}

.news1 ul li{
    padding: 2.156863vw 0;
}

.news1 ul li .date_wrapp{
    padding-left: 1.568627vw;
    width: 30.686275vw;
}

.news1 ul li .date_wrapp .date{
	width: 13.921569vw;
	font-size: 2.254902vw;
}

.news1 ul li .date_wrapp .category span,
.news1 ul li .date_wrapp .category a{
	width: 12.745098vw;
	height: 3.137255vw;
	line-height: 3.137255vw;
	font-size: 1.764706vw;
}

.news1 ul li .title_wrapp{
	width: 49.509804vw;
	font-size: 1.764706vw;
	padding-top: 0.392157vw;
}

.news1 ul li .title_wrapp a{
	padding-right: 5vw;
}

.news1 ul li .title_wrapp a::after {
    width: 3.137255vw;
    height: 1.078431vw;
    right: 1.862745vw;
}

.news1 .archive_link{
	width: 29.411765vw;
}

.news1 .archive_link a::before {
    width: 2.941176vw;
    height: 2.745098vw;
    left: 2.843137vw;
}




/********** 記事投稿 **********/







/********** 目次 **********/

#toc{
	margin-bottom: 7.45098vw;
    padding: 3.431373vw;
}

#toc .mokuji{
    font-size: 2.745098vw;
    padding: 0 0.4em 1.078431vw;
    margin-bottom: 3.333333vw;
}

#toc > ul > li > a,
#toc > ul > li > a span,
#toc > ul > li{
	font-size: 1.960784vw;
}

#toc > ul > li{
	padding: 0.686275vw 0 0.686275vw 4.509804vw;
}

#toc > ul > li:before {
    top: 0.686275vw;
    width: 3.72549vw;
}

#toc ul li .toggle_btn{
	width: 3.137255vw;
	height: 3.529412vw;
}

#toc ul li .toggle_btn::before{
	width: 1.176471vw;
	height: 1.176471vw;
	border-bottom: 0.392157vw solid #555;
	border-right: 0.392157vw solid #555;
}

#toc > ul > li > ul{
	margin: 0.882353vw 0 0 -3.137255vw;
	padding: 0.882353vw 0 0.882353vw 3.137255vw;
}

#toc > ul > li > ul > li{
	margin-bottom: 0.784314vw;
}

#toc > ul > li > ul > li a{
	font-size: 1.568627vw;
}

#toc > ul > li > ul > li:before{
	font-size: 1.568627vw;
    top: 0.686275vw;
}

#toc > ul > li > ul > li >ul > li::before{
	font-size: 1.568627vw;
    top: 0.588235vw;
}



/********** スクールバナー **********/

.school_banner{

}

.wp-block-lazyblock-school-id-block > .title,
.blog_banner > .title,
.school_banner > .title{
	margin-bottom: 2.941176vw;
}

.wp-block-lazyblock-school-id-block > .title span,
.blog_banner > .title span,
.school_banner > .title span{
	height: 3.921569vw;
	line-height: 3.921569vw;
	font-size: 1.764706vw;
	padding: 0 2.941176vw;
}

.wp-block-lazyblock-school-id-block .ul_wrapp .wp-block-lazyblock-school-id-parts,
.school_banner > ul > li{
	margin-bottom: 2.941176vw;
}

.wp-block-lazyblock-school-id-block .ul_wrapp .wp-block-lazyblock-school-id-parts a .block01 .image_area,
.school_banner ul li a .block01 .image_area {
    width: 41.176471vw;
}

.wp-block-lazyblock-school-id-block .ul_wrapp .wp-block-lazyblock-school-id-parts a .block01 .text_area,
.school_banner ul li a .block01 .text_area {
    width: 37.54902vw;
    padding-top: 1.764706vw;
}

.wp-block-lazyblock-school-id-block .ul_wrapp .wp-block-lazyblock-school-id-parts a .block01 .text_area .jp_title,
.school_banner ul li a .block01 .text_area .jp_title {
	font-size: 2.745098vw;
	margin-bottom: 1.176471vw !important;
}

.wp-block-lazyblock-school-id-block .ul_wrapp .wp-block-lazyblock-school-id-parts a .block01 .text_area .en_title,
.school_banner ul li a .block01 .text_area .en_title {
    margin-bottom: 1.372549vw !important;
}

.wp-block-lazyblock-school-id-block .ul_wrapp .wp-block-lazyblock-school-id-parts a .block01 .area_wrapp,
.school_banner ul li a .block01 .area_wrapp {
	height: 2.941176vw;
    line-height: 2.941176vw;
}

.wp-block-lazyblock-school-id-block .ul_wrapp .wp-block-lazyblock-school-id-parts a .block01 .star,
.school_banner ul li a .block01 .star {
   margin-bottom: 2.156863vw;
}

.wp-block-lazyblock-school-id-block .ul_wrapp .wp-block-lazyblock-school-id-parts a .block01 .star .point,
.school_banner ul li a .block01 .star .point {
    font-size: 2.45098vw;
}

.wp-block-lazyblock-school-id-block .ul_wrapp .wp-block-lazyblock-school-id-parts a .block01 .star .num,
.school_banner ul li a .block01 .star .num {
    font-size: 1.862745vw;
}

.wp-block-lazyblock-school-id-block .ul_wrapp .wp-block-lazyblock-school-id-parts a .block01 .data_ul,
.school_banner ul li a .block01 .data_ul {
    margin-bottom: 1.568627vw;
}

.wp-block-lazyblock-school-id-block .ul_wrapp .wp-block-lazyblock-school-id-parts a .block01 .data_ul li,
.school_banner ul li a .block01 .data_ul li {
    margin-right: 1.764706vw;
}

.wp-block-lazyblock-school-id-block .ul_wrapp .wp-block-lazyblock-school-id-parts a .block01 .data_ul li .date_wrapp .title,
.school_banner ul li a .block01 .data_ul li .date_wrapp .title {
	height: 1.960784vw;
    line-height: 1.960784vw !important;
    padding: 0 0.588235vw;
    margin-right: 1.470588vw;
}



/********** blogバナー **********/

.blog_banner{
	width: 80.392157vw;
	margin: 0 auto 4.901961vw;
}

.blog_banner .ul_wrapp,
.blog_banner ul{
	padding: 3.333333vw 2.941176vw;
}

.blog_banner .ul_wrapp::before,
.blog_banner ul::before{
	height: 0.980392vw;
}

.blog_banner .ul_wrapp::after,
.blog_banner ul::after{
	width: 0.980392vw;
}

.blog_banner .ul_wrapp .wp-block-lazyblock-recommend-blog-parts,
.blog_banner ul li{
	margin-bottom: 2.941176vw;
}

.blog_banner .ul_wrapp .wp-block-lazyblock-recommend-blog-parts a .image,
.blog_banner ul li a .image{
	width: 37.843137vw;
	height: 23.529412vw;
}

.blog_banner .ul_wrapp .wp-block-lazyblock-recommend-blog-parts a .text,
.blog_banner ul li a .text{
	width: 34.117647vw;
}

.blog_banner .ul_wrapp .wp-block-lazyblock-recommend-blog-parts a .text .title,
.blog_banner ul li a .text .title{
	font-size: 2.254902vw;
	margin-bottom: 2.941176vw !important;
}



/********** ページャー **********/

#pager{
	margin-top: 7.843137vw;
}

#pager span,
#pager a{
	margin: 0 0.784314vw;
}



/********** アクセスリンク **********/

#access_link{
	padding: 4.629630vw 5.555556vw;
}

#access_link h2{
	margin-bottom: 4.166667vw;
}

#access_link h2 picture{
	width: 15.925926vw;
	margin-right: 3.240741vw;
}

#access_link h2 .text{
	font-size: 2.592593vw;
}

#access_link .caption strong{
	font-size: 1.666667vw;
}

#access_link .access_link{
    margin-top: 6.851852vw;
}

#access_link .access_link li{
	width: 22.962963vw;
}

#access_link .access_link li a{
	height: 14.444444vw;
    border-radius: 1.851852vw;
}

#access_link .access_link li a .text_wrapp .en_text{
	font-size: 3.888889vw;
}

#access_link .access_link li a .text_wrapp .jp_text{
    padding: 0.648148vw 0;
    margin-top: 1.666667vw;
}

#access_link .access_link li p{
	margin-top: 1.111111vw;
}

.banner_counselor{
	margin-bottom: 3.921569vw;
	border-radius: 1.960784vw;
}



/********** 404 **********/

.notofound_image{
	margin: 7.843137vw auto 3.921569vw;
}

.notfond-copy{
	font-size: 1.568627vw;
}




.text_area .status_icon{
	width: 10.784314vw;
    top: -14.705882vw;
    right: 0.980392vw;
}




}




/********************************************************************************
	スマートフォン用 CSS
********************************************************************************/

@media(max-width:430px){

body{
	font-size: 3.733333vw;
	line-height: 1.6;
}

body.fixed {
	position: fixed;
	left: 0;
	right: 0;
}

.pc-on{
	display: none;
}

.sp-on{
	display: block;
}


/********** layout **********/

.wrapper{
	width: auto;
	padding: 0 6%;
}

.main_head{
	width: auto;
	padding: 126px 0 0;

}

#breadcrumbs{
	font-size: 2.666667vw;
	padding: 3.2vw;
}



/********** header **********/

header{
	width: 100%;
	height: 55px;
	position: fixed;
	z-index: 10;
}

.scroll .header_wrapp ,
.header_wrapp{
	width: 100%;
	padding-top: 6px;
	padding-bottom: 1.764706vw;
	position: fixed;
}

.scroll .header_wrapp .site_description,
.header_wrapp .site_description{
	/*font-size: 2.666667vw;*/
	font-size: 1.6vw;
	margin-bottom: 2.4vw;
}

.header_wrapp .header_top{
	display: block;
}

.scroll .header_wrapp .header_top .h_logo,
.header_wrapp .header_top .h_logo{
	width: 30%;
}

.nav_btn{
	display: block;
	position: fixed;
	top: 18px;
	right: 3.2vw;
	width: 6.4vw;
	height: 6.4vw;
	cursor: pointer;
	z-index: 999;
	border-radius: 20px;
}

.nav_btn.open{
	background: #fff;
}

.nav_btn span{
	display: block;
	width: 16px;
	height: 2px;
	background: #292929;
	border-radius: 5px;
	position: absolute;
	top: 5px;
	left: 5px;
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear;
}

.nav_btn span:nth-child(2){
	top: 12px;
}

.nav_btn span:nth-child(3){
	top: 19px
}

.nav_btn.open span{
}

.nav_btn.open span:nth-child(1){
	top: 12px;
    transform: rotate(45deg);
}

.nav_btn.open span:nth-child(2){
	display: none;
}

.nav_btn.open span:nth-child(3){
	top: 12px;
    transform: rotate(-45deg);
}

.menu_bg {
	display: none;
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(0,0,0,0.85);
	z-index: 10;
}

nav{
	width: 100%;
    height: auto;
}

#g_navi{
	display: block;
	background: transparent;
	z-index: 99;
}

#g_navi.active{
	z-index: 99;
}

#g_navi .gnav{
	/*display: none;*/

	position: fixed;
	top: 55px;
	left: 0px;
	right: 0px;
	z-index: 10;
	background: var(--maincolor01);
}

#g_navi.active .gnav{
	display: block;
}

#g_navi nav ul.gnav_ul{
	width: auto;
    margin: 0 auto;
    padding: 0;
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
}

#g_navi nav ul.gnav_ul > li {
	width: 50%;
	height: 9.6vw;
	line-height: 9.6vw;
	border-left: none;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	box-sizing: border-box;
}

#g_navi nav ul.gnav_ul > li:last-child,
#g_navi nav ul.gnav_ul > li:nth-child(3){
	/*border-right: none;*/
}

#g_navi nav ul.gnav_ul > li > span,
#g_navi nav ul.gnav_ul > li > a{
	display: block;
	padding-left: 10.666667vw;
	font-size: 2.666667vw;
	transition: all 0.2s linear;
}

#g_navi nav ul.gnav_ul > li.home > a{
	padding: 1.6vw 0;
}

#g_navi nav ul.gnav_ul > li > span::before,
#g_navi nav ul.gnav_ul > li > a::before{
	width: 5.333333vw;
	height: 4.266667vw;
	left: 2.933333vw;
}

#g_navi nav ul.gnav_ul > li .sub_navi_wrapp{
	width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 999;
}

.sub_navi_wrapp{
	display: none;
	border-top: 1px solid #fff;

}

.sub_navi_wrapp.active{

}

#g_navi nav ul.gnav_ul > li .sub_navi_wrapp .filter{
	display: none;
}


#g_navi nav ul.gnav_ul > li .sub_navi_wrapp.active .filter {
	display: block;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.85);
    z-index: 5;
}

#g_navi nav ul.gnav_ul > li .sub_navi_wrapp .close_btn{
    display: inline-block;
    width: 9.6vw;
    height: 9.6vw;
    line-height: 9.6vw;
    background: #fff;
    font-size: 4.8vw;
    font-weight: bold;
    text-align: center;
    border-radius: 50%;
    position: absolute;
    top: 8vw;
    right: 8vw;
    cursor: pointer;
    z-index: 99;
}

.sn_inwrapp{
    width: 80%;
    margin: 0 auto;
    padding: 0px 0 0px;
    height: auto;
	position: absolute;
	top: 16vw;
	left: 50%;
	transform: translate(-50%, 0);
	white-space: nowrap;
	z-index: 10;
}

.sub_menu{
	display: block;
	padding-top: 3.2vw;
	margin-bottom: 8.533333vw;
}

.sub_menu .sb_menu_wrapp{
	margin-bottom: 2.666667vw;
}

.sub_menu.type02{
	display: block;
}

.sub_menu.type02 .sb_menu_wrapp{
	width: auto;
	margin: 0 0 2.666667vw 0;
}



.sub_menu.type02 .sb_menu_wrapp a{
	white-space: normal;
	line-height: 1.4;
}



.sn_inwrapp.type02 .sub_menu ul li a,
.sb_menu_wrapp .sub_title,
.sub_menu .sub_title{
	font-size: 4vw;
	line-height: 1.52;
	margin-bottom: 2.666667vw;
	padding-left: 1.0em;
	position: relative;
	color: #fff;
}

#g_navi nav ul.gnav_ul > li > span.pn_trigger::after,
header .sub_menu .sub_title::before{
    content: none;
}

#g_navi nav ul.gnav_ul > li > span.pn_trigger.active::after,
.sub_menu .sub_title.active::before{
	transform: translate(0, -50%) rotate(-45deg);
}

.gnav_ul .sub_menu ul{
	display: block !important;
	padding: 0 0 2.133333vw 1em;
}

.sn_inwrapp.type02 .sub_menu ul li,
.sub_menu ul li{
	margin-bottom: 4.8vw;
}

.sub_menu ul li a{
	font-size: 2.933333vw;
	line-height: 1.4;
	white-space: normal;
}

#g_navi nav ul.gnav_ul > li.current span,
#g_navi nav ul.gnav_ul > li > span:hover{
    color: #fff;
}

#g_navi nav ul.gnav_ul > li.purpose > span:hover::before{
    background-image: url(../images/common/icon_h_g02.png);
}

.sn_inwrapp.type02 .sub_menu ul{
    display: block;
}

.sn_inwrapp.type02 .sub_menu ul li{
	margin: 0;
}



/********** footer **********/

#page-top{
	bottom: 21.333333vw;
	right: 3%;
	width: 9.333333vw;
}

#footer_linkmenu{
	padding: 7.466667vw 0 5.866667vw;
}

#footer_linkmenu h2{
	padding-bottom: 2.133333vw;
	margin-bottom: 3.733333vw;
}

#footer_linkmenu h2.type02{
	font-size: 4.266667vw;
	margin-bottom: 5.866667vw;
}

#footer_linkmenu .footer_menu_cont{
	padding-bottom: 3.2vw;
}

#footer_linkmenu .footer_menu_cont h3{
	font-size: 2.933333vw;
	padding: 0.980392vw 0 0.980392vw 2.6em;
	margin-bottom: 0;
}

#footer_linkmenu .footer_menu_cont .sub_menu{
	/*display: none;*/
}

#footer_linkmenu .footer_menu_cont h3::before{
	width: 4.266667vw;
	height: 4vw;
    left: 1.6vw;
}

#footer_linkmenu .footer_menu_cont h3::after{
	content: '＋';
	content: none;
	display: inline-block;
	position: absolute;
	top: 50%;
    right: 2%;
    transform: translate(0, -50%);
}

#footer_linkmenu .footer_menu_cont h3.active::after{
	content: '－';
	content: none;
}

#footer_linkmenu .sub_menu .sb_menu_wrapp{
	margin-bottom: 2.133333vw;
}

#footer_linkmenu .sub_menu .sub_title{
	font-size: 2.933333vw;
	line-height: 1;
	padding: 1.066667vw 1.6vw;
	margin-bottom: 1.6vw;
}

#footer_linkmenu .sub_menu ul li{
	margin-bottom: 1.066667vw;
}

#footer_linkmenu .sub_menu ul li a{
	font-size: 2.933333vw;
	padding: 2.133333vw;
}


#home_footer{
	padding: 7.466667vw 0 5.866667vw;
	margin-top: 7.466667vw;
}

#home_footer .caption{
	font-size: 4.266667vw;
	margin-bottom: 6.933333vw;
}

.slider_action{
	margin: 0 -2.133333vw;
}

.slider_action li{
	padding: 0 2.133333vw;
}

#home_footer .approval_logo{
	margin: 8vw 0;
	display: flex;
	flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: flex-start;
}

#home_footer .approval_logo li{
	width: 30%;
	margin: 0 2.5%;
}

#home_footer .approval_logo li:first-child{
	margin-left: 0;
}

#home_footer .approval_logo li:last-child{
	margin-right: 0;
}

#home_footer .approval_logo li figcaption{
	font-size: 2.133333vw;
	line-height: 1.2;
	margin-top: 1.866667vw;
}

#home_footer .footer_info_area{
	padding: 5.333333vw;
}

#home_footer .footer_info_area .footer_logoarea{
	margin-bottom: 5.333333vw;
	display: block;
}

#home_footer .footer_info_area .footer_logoarea .logo{
	width: 66%;
	margin: 0 auto 3.733333vw;
}

#home_footer .footer_info_area .footer_logoarea .text{
	padding-left: 0;
}

#home_footer .footer_info_area .footer_logoarea .text p{
	font-size: 3.466667vw;
	line-height: 1.8;
}

#home_footer .footer_info_area .footer_sitelink,
#home_footer .footer_info_area .home_f_cont{
	border-top: 1px solid #292929;
}

#home_footer .footer_info_area .footer_sitelink{
	margin-top: 5.333333vw;
}

#home_footer .footer_info_area .footer_sitelink .section_name,
#home_footer .footer_info_area .home_f_cont .section_name{
	padding: 1.333333vw 2.666667vw;
	margin-bottom: 3.733333vw;
}

#home_footer .footer_info_area .home_f_cont.about_area{
	margin-bottom: 5.333333vw;
}

#home_footer .name_wrapp{
	display: block;
	font-size: 1.27451vw;
	line-height: 1.61;
}

#home_footer .name_wrapp .name_area{
	margin-bottom: 3.2vw;
}

#home_footer .name_wrapp .name_area .name{
	font-size: 5.333333vw;
	margin-bottom: 3.2vw;
}

#home_footer .name_wrapp .name_area .add{

}

#home_footer .name_wrapp .phome_area{
	margin-bottom: 3.2vw;
}

#home_footer .name_wrapp .phome_area .office_phone{
	margin-bottom: 0;
}

#home_footer .name_wrapp .phome_area .info_phone{
	line-height: 2.6;
}

#home_footer .name_wrapp .phome_area .info_phone strong{
	font-size: 7.2vw;
	padding-left: 7.2vw;
}

#home_footer .name_wrapp .phome_area .info_phone strong::before{
	width: 4.266667vw;
	height: 6.666667vw;
}

#home_footer .office_info_area ul{
	display: block;
}

#home_footer .office_info_area ul li{
	margin-bottom: 3.2vw;
}

#home_footer .office_info_area ul li:last-child{
	margin-bottom: 0;
}

#home_footer .office_info_area ul li .office_name{
	margin-bottom: 3.2vw;
}

#home_footer .office_info_area ul li .office_wrapp{

}

#home_footer .office_info_area ul li .office_wrapp figure{
	width: 30%;
}

#home_footer .office_info_area ul li .office_wrapp .text{
	padding-left: 2.933333vw;
}

#home_footer .office_info_area ul li .office_wrapp .text p{
	font-size: 2.933333vw;
	line-height: 1.8;
}


#footer_copyright_area{
	padding: 4.266667vw 0 14.933333vw;
}

#footer_copyright_area .wrapper{
	flex-direction: column-reverse;
	align-content: flex-start;
	align-items: flex-start;
	padding: 0 3%;
}

#footer_copyright_area .wrapper .copyright{
	font-size: 2.133333vw;
	margin-top: 3.733333vw;
}

#footer_copyright_area .wrapper ul{
	justify-content: center;
}

#footer_copyright_area .wrapper ul li{
	padding: 0 2.133333vw;
}

#footer_copyright_area .wrapper ul li:first-child{
	padding-left: 0;
}

#footer_copyright_area .wrapper ul li:last-child{
	padding-right: 0;
}

#footer_copyright_area .wrapper ul li a{
	font-size: 2.4vw;
}

.sp_footer_link{
	position: relative;
	z-index: 999;
}

.sp_footer_link ul.fb_navi{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
    
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 90;
	background: #fff;
	box-shadow: 0px -1px 1.066667vw rgba(41, 41, 41, 0.4);

}

.sp_footer_link ul.fb_navi li{
	width: 25%;
	height: 44px;
	line-height: 44px;
	box-sizing: border-box;
	position: relative;
	background: #fff;
}

.sp_footer_link ul.fb_navi li .f_btn{
	display: flex;
	flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    line-height: 1;
    padding-top: 1.6vw;
    color: #292929;
}

.sp_footer_link ul.fb_navi li .f_btn .icon{
	display: block;
	width: 19px;
	height: 19px;
	margin-bottom: 1.6vw;
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: contain;
	position: relative;
}

.sp_footer_link ul.fb_navi li.phone .f_btn .icon{
	background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2019%2019%22%20style%3D%22enable-background%3Anew%200%200%2019%2019%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%23292929%3B%7D%3C%2Fstyle%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M3.6%2C3.1c0-1.2%2C1-2.1%2C2.1-2.1h7.5c1.2%2C0%2C2.1%2C1%2C2.1%2C2.1v12.9c0%2C1.2-1%2C2.1-2.1%2C2.1H5.7c-1.2%2C0-2.1-1-2.1-2.1V3.1z%20M7.9%2C15.9c0%2C0.3%2C0.2%2C0.5%2C0.5%2C0.5h2.1c0.3%2C0%2C0.5-0.2%2C0.5-0.5c0-0.3-0.2-0.5-0.5-0.5H8.4C8.1%2C15.4%2C7.9%2C15.6%2C7.9%2C15.9z%20M13.2%2C3.1H5.7%20v10.7h7.5V3.1z%22%2F%3E%3C%2Fsvg%3E')
}

.sp_footer_link ul.fb_navi li.consultation .f_btn .icon{
	background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2019%2019%22%20style%3D%22enable-background%3Anew%200%200%2019%2019%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%23292929%3B%7D%3C%2Fstyle%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M7.2%2C2c0-0.4-0.3-0.8-0.8-0.8S5.6%2C1.5%2C5.6%2C2v1.3H4.3c-1.1%2C0-2.1%2C0.9-2.1%2C2.1v0.5v1.6v8.3c0%2C1.1%2C0.9%2C2.1%2C2.1%2C2.1%20h10.4c1.1%2C0%2C2.1-0.9%2C2.1-2.1V7.4V5.9V5.3c0-1.1-0.9-2.1-2.1-2.1h-1.3V2c0-0.4-0.3-0.8-0.8-0.8c-0.4%2C0-0.8%2C0.3-0.8%2C0.8v1.3H7.2V2z%20M3.8%2C7.4h11.4v8.3c0%2C0.3-0.2%2C0.5-0.5%2C0.5H4.3c-0.3%2C0-0.5-0.2-0.5-0.5V7.4z%22%2F%3E%3C%2Fsvg%3E')
}

.sp_footer_link ul.fb_navi li.line .f_btn .icon{
	background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2219%22%20height%3D%2219%22%20viewBox%3D%220%200%2019%2019%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M17.8115%208.31358C17.8115%204.55659%2014.0828%201.5%209.49948%201.5C4.91616%201.5%201.1875%204.55659%201.1875%208.31358C1.1875%2011.6818%204.14488%2014.5023%208.13921%2015.0359C8.40955%2015.0949%208.77805%2015.2161%208.87154%2015.4498C8.95568%2015.6623%208.92608%2015.9944%208.89881%2016.2092C8.89881%2016.2092%208.80142%2016.8018%208.78039%2016.9278C8.74377%2017.1402%208.61367%2017.758%209.50026%2017.3803C10.3876%2017.0025%2014.2869%2014.533%2016.0305%2012.5058C17.2349%2011.1711%2017.8122%209.81748%2017.8122%208.31358H17.8115Z%22%20stroke%3D%22%23292929%22%20stroke-width%3D%221.6%22%20stroke-miterlimit%3D%2210%22%2F%3E%3C%2Fsvg%3E')
}

.sp_footer_link ul.fb_navi li.menu .f_btn .icon{
	width: 4vw;
	height: 2.666667vw;
	margin-top: 1.066667vw;
}


.sp_footer_link ul.fb_navi li.menu .f_btn .icon span{
	display: block;
	width: 100%;
	height: 0.533333vw;
	background: #292929;
	position: absolute;
	transition: all 0.2s linear;
}

.sp_footer_link ul.fb_navi li.menu .f_btn .icon span:nth-child(1){
	top: 0;
	left: 0;
}

.sp_footer_link ul.fb_navi li.menu .f_btn .icon span:nth-child(2){
	top: 50%;
	left: 0;
	transform: translate(0, -50%);
}

.sp_footer_link ul.fb_navi li.menu .f_btn .icon span:nth-child(3){
	bottom: 0;
	left: 0;
}

.sp_footer_link ul.fb_navi li.menu .f_btn.active .icon span:nth-child(1){
	top: 1.333333vw;
	transform: rotate(45deg);
}

.sp_footer_link ul.fb_navi li.menu .f_btn.active .icon span:nth-child(2){
	display: none;
}

.sp_footer_link ul.fb_navi li.menu .f_btn.active .icon span:nth-child(3){
	bottom: 0.8vw;
	transform: rotate(-45deg);
}

.sp_footer_link ul.fb_navi li .f_btn .text{
	display: block;
	font-size: 2.4vw;
	font-weight: 500;
	line-height: 1;
}

.sp_footer_link .fnav_wrapp{
	width: 100%;
	height: calc(100dvh - 98px);
	background: #fff;
	position: fixed;
	bottom: -100vh;
    left: 0;
    z-index: 5;
	transition: all 0.2s linear;
	overflow-x: scroll;
}

.sp_footer_link .fnav_wrapp.active{
	bottom: 43px;
}

.sp_footer_link .fnav_wrapp.active .close_btn{
	display: none;
}

.sp_footer_link .fnav_wrapp ul.gnav_ul{

}

.sp_footer_link .fnav_wrapp ul.gnav_ul > li{
	border-bottom: 1px solid #fff;
}

.sp_footer_link .fnav_wrapp ul.gnav_ul > li .pn_trigger,
.sp_footer_link .fnav_wrapp ul.gnav_ul > li > a:hover,
.sp_footer_link .fnav_wrapp ul.gnav_ul > li > a{
	display: block;
	background: var(--maincolor01);
	color: #fff;
	line-height: 1;
	padding: 4.8vw 0 4.8vw 11.733333vw;
	text-decoration: none;
	position: relative;
}

.sp_footer_link .fnav_wrapp ul.gnav_ul > li .pn_trigger::before,
.sp_footer_link .fnav_wrapp ul.gnav_ul > li > a::before {
    content: '';
    width: 25px;
    height: 20px;
    display: inline-block;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(../images/common/icon_h_g01.png);
    position: absolute;
    top: 50%;
    left: 3.2vw;
    transform: translate(0, -50%);
}

.sp_footer_link .fnav_wrapp ul.gnav_ul > li.purpose > a::before {
    background-image: url(../images/common/icon_h_g02.png);
}

.sp_footer_link .fnav_wrapp ul.gnav_ul > li.about .pn_trigger::before{
    background-image: url(../images/common/icon_h_g03.png);
}

.sp_footer_link .fnav_wrapp ul.gnav_ul > li.faq .pn_trigger::before{
    background-image: url(../images/common/icon_h_g04.png);
}

.sp_footer_link .fnav_wrapp ul.gnav_ul > li.guide  > a::before{
    background-image: url(../images/common/icon_h_g06.png);
}

.sp_footer_link .fnav_wrapp ul.gnav_ul > li.about  > a::before{
    background-image: url(../images/common/icon_h_g07.png);
}

.sp_footer_link .fnav_wrapp ul.gnav_ul > li .pn_trigger::after {
	content: '';
	display: inline-block;
	width: 1.6vw;
	height: 1.6vw;
	border-bottom: 1px solid #fff;
	border-right: 1px solid #fff;
	position: absolute;
	top: 50%;
	right: 6.4vw;
	transform: translate(0, -50%) rotate(45deg);
}

.sp_footer_link .fnav_wrapp ul.gnav_ul > li .pn_trigger.open::after{
	transform: translate(0, 17%) rotate(-135deg);
}

.sp_footer_link .fnav_wrapp .gnav_ul .sub_menu ul {
        padding: 0;
    }

.sp_footer_link .fnav_wrapp ul.gnav_ul > li .sn_inwrapp {
	width: 100%;
	position: static;
	transform: translate(0, 0);
}


.sp_footer_link .fnav_wrapp ul.gnav_ul > li .sub_navi_wrapp{
	display: none;
}

.sp_footer_link .fnav_wrapp ul.gnav_ul > li .n_btn > span::after{
    content: '';
    display: inline-block;
    width: 1.6vw;
    height: 1.6vw;
    border-bottom: 1px solid #fff;
    border-right: 1px solid #fff;
    position: absolute;
    top: 50%;
    right: 6.4vw;
    transform: translate(0, -50%) rotate(45deg);
}

.sp_footer_link .fnav_wrapp ul.gnav_ul > li .n_btn.open > span::after{
    transform: translate(0, 17%) rotate(-135deg);
}

.sp_footer_link .fnav_wrapp ul.gnav_ul > li.purpose .n_btn.open > span::after,
.sp_footer_link .fnav_wrapp ul.gnav_ul > li.purpose .n_btn > span::after{
        content: none;
        transform: translate(0, -50%) rotate(-45deg);
}

.sp_footer_link .fnav_wrapp ul.gnav_ul > li .sub_menu{
	background: #F5F5F5;
	padding-top: 0;
	margin-bottom: 0;
}

.sp_footer_link .fnav_wrapp ul.gnav_ul > li .sub_menu .sb_menu_wrapp {
	margin-bottom: 0;
}

.sp_footer_link .fnav_wrapp ul.gnav_ul > li .sub_menu .sub_title{
	font-size: 3.2vw;
	font-weight: 500;
	letter-spacing: 1px;
	line-height: 1;
	background: #E3E0E3;
	padding: 4.266667vw 0 4.266667vw 5.866667vw;
	margin-bottom: 0;
	border-bottom: 1px solid #fff;
}

.sp_footer_link .fnav_wrapp ul.gnav_ul > li .sub_menu ul li{
	border-bottom: 1px solid #fff;
	margin-bottom: 0;
}

.sp_footer_link .fnav_wrapp ul.gnav_ul > li .sub_menu ul li a{
	display: block;
	font-size: 3.2vw;
	color: #292929;
	letter-spacing: 1px;
	line-height: 1.3;
	padding: 4.266667vw 0 4.266667vw 5.866667vw;
	margin-bottom: 0;
}



#home_footer .footer_info_area .footer_sitelink ul{
	flex-direction: row;
    flex-wrap: wrap;
}

#home_footer .footer_info_area .footer_sitelink ul li{
	font-size: 3.2vw;
	margin: 0 1.1em 2.666667vw 0;
}


#home_footer .name_wrapp .name_area .f_add_dl{
	font-size: 3.2vw;
}

#home_footer .name_wrapp .name_area .f_add_dl dt{
	width: 21.333333vw;

}

#home_footer .name_wrapp .name_area .f_add_dl dd{
	margin: -3.2vw 0 3.2vw 0;
    padding: 0 0 0 25.6vw;
}

#home_footer .name_wrapp .name_area .f_add_dl dd ul.sns li{
	width: 3.733333vw;
}

#home_footer .name_wrapp .phome_area .email{
    margin-top: 0;
}

#home_footer .footer_info_area .footer_logoarea .souda_title{
	font-size: 5.333333vw;
	margin-bottom: 3.2vw;
}

#home_footer .footer_info_area .footer_logoarea .souda_caption{
	font-size: 3.466667vw;
	line-height: 1.61;
}




/********** aside **********/

.side_box{
	margin-bottom: 6.4vw;
}

.side_box .title{
	line-height: 10.1333333vw;
}

.side_box.search .title span{
	padding-left: 9.066667vw;
}

.side_box.search .title span::before{
	width: 6.933333vw;
	height: 5.6vw;
}

.side_box .cont{
	padding: 4vw 6% 6.133333vw;
}

.side_box .cont .side_search_title{
	font-size: 3.466667vw;
	line-height: 5.333333vw;
	border-left: 1.6vw solid var(--subcolor01);
	margin: 0 0 2.133333vw 2.133333vw;
	padding-left: 2.666667vw;
}

.side_box.search .cont ul{
	margin: 0 0 6.4vw;
}

.side_box.search .cont ul li{
	margin: 0 0 4.266667vw;
}

.side_box.search .cont ul li select{
	font-size: 3.466667vw;
	padding: 1.866667vw 2.666667vw;
}

.side_box.search .submit{
	width: 80%;
	margin: 0 auto;
}

.side_box.search .submit input{
	height: 10.133333vw;
	line-height: 10.133333vw;
	border-radius: 5.333333vw;
	font-size: 4.266667vw
}

.side_box.search .submit::after {
    width: 4.266667vw;
    height: 1.6vw;
    right: 5.066667vw;
}

.side_box.search .submit:hover::after {
    right: 2.4vw;
}


.side_box.contact .caption{
	font-size: 3.466667vw;
	margin: 1.333333vw 0 3.2vw;
}

.side_box.contact .phone_wrapp{
	text-align: center;
}

.side_box.contact .phone_num{
	display: inline-block;
	font-size: 6.4vw;
	line-height: 6.4vw;
	margin-bottom: 4.266667vw;
	padding-left: 5.333333vw;
	text-decoration: none;
}

.side_box.contact .phone_num::before{
	width: 3.466667vw;
	height: 5.333333vw;
	top: 0.8vw;
}

.side_box.contact .info{
	font-size: 3.466667vw;
	margin-bottom: 5.333333vw;
}

.side_box.contact .btn a{
	width: 80%;
	margin: 0 auto;
	height: 10.133333vw;
	line-height: 10.133333vw;
	border-radius: 5.333333vw;
	font-size: 4.266667vw
}

.side_box.contact .btn a::after {
    width: 4.266667vw;
    height: 1.6vw;
    right: 5.066667vw;
}

.side_box.contact .btn a:hover::after {
    right: 2.4vw;
}

.side_box.contact .btn.s_contact02 a{
	border: 2px solid var(--maincolor01);
	background: #fff;
	color: var(--maincolor01);
	font-weight: bold;
	margin-top: 14px;
}

.side_box.contact .btn.s_contact02 a::after {
    background: url(../images/common/link_arrow03.png) no-repeat 0 0;
    background-size: contain;
}



.side_banner{

}

.side_banner ul{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: space-between;
    align-items: flex-start;
}

.side_banner ul li{
	width: 48%;
	margin-bottom: 6.4vw;
}


.side_box.cooki{
	width: 88%;
	margin: 0 auto 6.4vw;
}

.side_box.cooki ul.cooki_ul > li{
	margin-bottom: 6.4vw;
}

.side_box.cooki ul.cooki_ul > li::after{
	width: 86%;
    bottom: -3.2vw;
}

.side_box.cooki ul.cooki_ul > li a .school_name{
	font-size: 4.8vw;
	margin-bottom: 2.133333vw;
}

.side_box.cooki ul.cooki_ul > li a .name{
	font-size: 4.266667vw;
	margin-bottom: 3.733333vw;
}

.side_box.cooki ul.cooki_ul > li a .image{
	margin-bottom: 4.266667vw;
}

.side_box.cooki ul.cooki_ul > li a .star {
    margin-bottom: 3.2vw;
}

.side_box.cooki ul.cooki_ul > li a .star .point {
    font-size: 4.8vw;
}

.side_box.cooki ul.cooki_ul > li a .star .num{
	font-size: 5.066667vw;
	padding: 0 4.8vw 0 1.333333vw;
}

.side_box.cooki ul.cooki_ul > li a ul li{
	margin-bottom: 3.2vw;
    font-size: 4.266667vw;
}

.side_box.cooki ul.cooki_ul > li a ul li .item{
	padding: 0.8vw 1.6vw;
	margin-right: 3.733333vw;
}



/********** 共通 **********/

.cont_box{
	border-radius: 2.666667vw;
	padding: 6.933333vw 0 6.933333vw;
	margin-bottom: 5.333333vw;
}

.cont_box h2{
	flex-direction: column;
	margin-bottom: 6.4vw;
}

.cont_box h2 .text{
	font-size: 4.533333vw;
}

.cont_box h2 picture{
	width: 26.666667vw;
	padding: 2.133333vw 1.333333vw;
}

a.btn{
	height: 12.266667vw;
	line-height: 12.266667vw;
	font-size: 3.466667vw;
	padding: 0 12vw 0 11.733333vw;
}

a.btn::after {
	width: 6.4vw;
	height: 2.4vw;
    right: 5.066667vw;
}

a.btn:hover::after {
	right: 2.4vw;
}



/***** s1パーツ（SOUDAとは） *****/

.s1{
	padding: 6.933333vw 0 6.933333vw;
}

.s1 .caption{
	margin-bottom: 8vw;
}

.s1 .s1_link{
	flex-direction: column;
}

.s1 .s1_link li{
	width: 77%;
	margin: 0 auto 5.333333vw;
	padding-right: 0;
}

.s1 .s1_link li:last-child{
	margin-bottom: 0;
}

.s1 .s1_link li a::before{
	width: 6.133333vw;
	height: 5.066667vw;
	left: 3.733333vw;
}



/***** s2パーツ（フィリピン留学とは） *****/

.s2{
	padding: 6.933333vw 0 6.933333vw;
}

.s2 .s2_ul{
	flex-wrap: wrap;
	justify-content: space-between;
    margin: 0 6% 6.4vw;
}

.s2 .s2_ul li{
	width: 46%;
	margin: 0 0 5.333333vw;
}

.s2 .s2_ul li figure{
    width: 39%;
    margin: 0 auto !important;
}

.s2 .s2_ul li figcaption{
	font-size: 4.533333vw;
	margin: 3.2vw 0 3.2vw;
}

.s2 .s2_ul li p{
	font-size: 3.466667vw;
	line-height: 1.6;
}

.s2 .caption{
	margin: 0 6% 6.4vw;
	text-align: left;
	
}

.s2 .link{
	width: 77%;
}

.s2 .link a::before{
    width: 6.133333vw;
    height: 5.066667vw;
    left: 3.733333vw;
}




/***** s3パーツ（フィリピン留学オススメ） *****/

.s3 .s3_ul{
	width: 100%;
	margin: 0 auto;
    display: block;
}

.s3 .s3_ul li{
	width: auto;
	margin: 0 6% 5.333333vw;
}

.s3 .s3_ul li a{
	border-radius: 2.666667vw;
}

.s3 .s3_ul li a .image_area{
	height: 38.666667vw;
}

.s3 .s3_ul li a .image_area .head_block{
	top: 3.466667vw;
}

.s3 .s3_ul li a .image_area .head_block .area{
	font-size: 3.466667vw;
	padding: 1.066667vw 2.133333vw;
	box-shadow: 1.333333vw 1.066667vw 0px 0px #292929;
}

.s3 .s3_ul li a .image_area .head_block .star .point{
	font-size: 5.333333vw;
}

.s3 .s3_ul li a .image_area .head_block .star .num{
	font-size: 4.533333vw;
	padding: 0 2.133333vw 0 1.333333vw;
}

.s3 .s3_ul li a .image_area .school_name{
	font-size: 6.133333vw;
    bottom: 0.8vw;
}

.s3 .s3_ul li a .text_area{
	padding: 2.666667vw 6%;
}

.s3 .s3_ul li a .text_area .name{
	font-size: 4.266667vw;
	margin-bottom: 2.666667vw;
}

.s3 .s3_ul li a .text_area ul{
	flex-direction: column;
	align-content: flex-start;
	align-items: flex-start;
}

.s3 .s3_ul li a .text_area ul li{
    margin: 0 0 3.2vw;
}

.s3 .s3_ul li a .text_area ul li .item{
	padding: 0.8vw 1.6vw;
}

.s3 .s3_ul li a .text_area ul li .price{
	padding-left: 13.2vw;
}

.s3 .s3_ul li a .text_area .link_area .link_btn{
	height: 7.466667vw;
	line-height: 7.466667vw;
	font-size: 3.466667vw;
	padding: 0 12vw 0 3.733333vw;
}

.s3 .s3_ul li a .text_area .link_area .link_btn::after {
	width: 6.4vw;
    height: 2.4vw;
    right: 5.066667vw;
}

.s3 .s3_ul li a:hover .text_area .link_area .link_btn::after {
   right: 2.4vw;
}

.s3 .link{
	width: 77%;
}

.s3 .link a::before{
    width: 6.133333vw;
    height: 5.066667vw;
    left: 3.733333vw;
}



/***** s4パーツ（フィリピン留学エリア別で探す） *****/

.s4{
	padding-bottom: 6.933333vw;
}

.s4::after{
	width: 13.866667vw;
    height: 23.466667vw;
    left: 3.466667vw;
}

.s4 .s4_ul{
	width: auto;
	margin: 0 6%;
	display: block;
}

.s4 .s4_ul li{
	width: auto;
	margin-bottom: 5.333333vw;
}

.s4 .s4_ul li:last-child{
	margin-bottom: 0;
}

.s4 .s4_ul li .min_caption{
	font-size: 3.466667vw;
	margin-bottom: 2.133333vw;
}

.s4 .s4_ul li .min_caption span::after,
.s4 .s4_ul li .min_caption span::before {
    height: 8vw;
    bottom: 0.8vw;
}

.s4 .s4_ul li .min_caption span::before {
    left: -4.8vw;
}

.s4 .s4_ul li .min_caption span::after {
    right: -4.8vw;
}

.s4 .s4_ul li a:hover,
.s4 .s4_ul li a{
	height: 48vw;
	border-radius: 2.666667vw;
}

.s4 .s4_ul li a span.area_name{
	font-size: 9.6vw;
	top: 12.8vw;
}

.s4 .s4_ul li a span.name{
	font-size: 3.733333vw;
	top: 25.6vw;
	padding: 1.333333vw 0;
}



/***** s5パーツ（新型コロナウィルス感染症対策について） *****/

.s5{
	padding-bottom: 6.933333vw;
}

.s5 .s5_ul{
	width: auto;
    margin: 0 6%;
    display: block;
}

.s5 .s5_ul li{
	width: auto;
    margin-bottom: 5.333333vw;
}

.s5 .s5_ul li:last-child{
    margin-bottom: 0;
}

.s5 .s5_ul li a:hover,
.s5 .s5_ul li a{
	border-radius: 2.666667vw;
}

.s5 .s5_ul li a span.image{
	height: 48vw;
}

.s5 .s5_ul li a span.title{
    font-size: 3.733333vw;
    padding: 2.133333vw 4%;
    text-align: left;
}

.s5 .s5_ul li a span.link_area{
	text-align: right;
	padding: 3.733333vw;
}

.s5 .s5_ul li a span.link_area .link_btn {
	height: 7.466667vw;
    line-height: 7.466667vw;
    font-size: 3.466667vw;
    padding: 0 12vw 0 3.733333vw;
}

.s5 .s5_ul li a span.link_area .link_btn::after {
	width: 6.4vw;
    height: 2.4vw;
    right: 5.066667vw;
}

.s5 .s5_ul li a:hover span.link_area .link_btn::after {
    right: 2.4vw;
}



/***** ctaパーツ（資料請求・留学相談） *****/

.cta{
	padding: 6.933333vw 0 6.933333vw;
}

.cta .cta_link{
	flex-direction: column;
}

.cta .cta_link li{
    width: 77%;
    margin: 0 auto 5.333333vw;
    padding-right: 0;
}

.cta .cta_link li:last-child{
	margin-bottom: 0;
}

.cta .cta_link li .min_caption{
	font-size: 3.466667vw;
    margin-bottom: 2.133333vw;
}

.cta .cta_link li .min_caption span::after,
.cta .cta_link li .min_caption span::before {
	height: 8vw;
    bottom: 0.8vw;
}

.cta .cta_link li .min_caption span::before {
    left: -4.8vw;
}

.cta .cta_link li .min_caption span::after {
    right: -4.8vw;
}

.cta .cta_link li a::before{
    left: 3.733333vw;
}

.cta .cta_link li.material a::before{
	width: 6.133333vw;
	height: 6.4vw;
}

.cta .cta_link li.consultation a::before{
	width: 6.133333vw;
    height: 5.066667vw;
}


.cta .cta_link li.simulator{
	width: 80vw;
}

.cta .cta_link li.simulator a{
    font-size: 3.733333vw;
}

.cta .cta_link li.simulator a::before {
	left: 5.333333vw;
	width: 4.533333vw;
	height: 6.133333vw;
}


/***** cta_telパーツ（電話問い合わせ） *****/

.cta_tel{
	padding: 6.933333vw 0 6.933333vw;
}

.cta_tel p{
	font-size: 4vw;
}

.cta_tel p.phone_num{
	font-size: 6.4vw;
	margin: 3.2vw 0;
}

.cta_tel p.phone_num .p_wrapp{
	padding-left: 1.3em;
}

.cta_tel p.phone_num .p_wrapp::before{
    width: 5.066667vw;
    height: 7.733333vw;
}

.cta_tel p.sub{
	font-size: 3.466667vw;
}



/***** s6パーツ（ピックアップ10選） *****/

.s6{
	padding-bottom: 6.933333vw;
}

.s6 .s6_h2 .text .span_wrapp::after{
	width: 17.6vw;
    height: 17.6vw;
    top: 35%;
    right: -0.8vw;
}

.s6 .s6_h2 .text .num{
	font-size: 9.6vw;
}

.s6 .s6_ul{
	width: auto;
    margin: 0 6%;
    display: block;
}

.s6 .s6_ul li{
    width: auto;
    margin-bottom: 5.333333vw;
}

.s6 .s6_ul li a:hover,
.s6 .s6_ul li a{
    height: 48vw;
    border-radius: 2.666667vw;
}


/***** news1パーツ（ニュースリスト） *****/

.news1{
	border: 2px solid var(--subcolor01);
	padding: 6.933333vw 0 6.933333vw;
}

.news1 .cont_box h2 {
    margin-bottom: 6.4vw;
}

.news1 ul{
	width: auto;
	margin: 0 auto 8vw;
}

.news1 ul li{
	display: block;
    padding: 2.133333vw 6%;
}

.news1 ul li .date_wrapp{
    padding-left: 0;
    width: auto;
}

.news1 ul li .date_wrapp .date{
	width: 24vw;
	font-size: 3.466667vw;
}

.news1 ul li .date_wrapp .category span,
.news1 ul li .date_wrapp .category a{
	width: 21.866667vw;
	height: 5.866667vw;
	line-height: 5.866667vw;
	font-size: 3.2vw;
}

.news1 ul li .title_wrapp{
	width: auto;
	font-size: 3.733333vw;
	padding-top: 2.133333vw;
}

.news1 ul li .title_wrapp a{
	padding-right: 12vw;
}

.news1 ul li .title_wrapp a::after {
    width: 6.4vw;
    height: 2.4vw;
    right: 2.4vw;
}

.news1 .archive_link{
	width: 77%;
}

.news1 .archive_link a::before {
    width: 6.4vw;
    height: 5.866667vw;
    left: 3.733333vw;
}



/********** 記事投稿 **********/





/********** 目次 **********/

#toc{
	margin-bottom: 8vw;
	padding: 4.266667vw;
}

#toc .mokuji{
    font-size: 4.266667vw;
    padding: 0 0.4em 3.466667vw;
    margin-bottom: 4.266667vw;
}

#toc > ul > li > a,
#toc > ul > li > a span,
#toc > ul > li{
	font-size: 3.466667vw;
}

#toc > ul > li{
	padding: 1.333333vw 5.333333vw 1.333333vw 7.733333vw;
}

#toc > ul > li:before {
    top: 1.333333vw;
    width: 6.666667vw;
}

#toc ul li .toggle_btn{
	width: 6.133333vw;
    height: 6.933333vw;
}

#toc ul li .toggle_btn::before{
	width: 1.6vw;
    height: 1.6vw;
    border-bottom: 0.533333vw solid #555;
    border-right: 0.533333vw solid #555;
}

#toc > ul > li > ul{
	margin: 1.6vw -5.333333vw 0 -5.066667vw;
	 padding: 1.866667vw 5.333333vw 1.866667vw 5.066667vw;
}

#toc > ul > li > ul > li{
	margin-bottom: 2.133333vw;
}

#toc > ul > li > ul > li a{
	font-size: 3.2vw;
}

#toc > ul > li > ul > li:before{
	font-size: 3.2vw;
    top: 1px;
}

#toc > ul > li > ul > li >ul > li::before{
	font-size: 3.2vw;
    top: 1px;
}



/********** スクールバナー **********/

.school_banner{

}

.wp-block-lazyblock-school-id-block > .title,
.blog_banner > .title,
.school_banner > .title{
	margin-bottom: 5.333333vw;
}

.wp-block-lazyblock-school-id-block > .title span,
.blog_banner > .title span,
.school_banner > .title span{
	height: 9.6vw;
	line-height: 9.6vw;
	font-size: 4.266667vw;
	padding: 0 1em;
	border-top: 0.533333vw solid #292929;
	border-bottom: 0.533333vw solid #292929;
}

.wp-block-lazyblock-school-id-block .ul_wrapp .wp-block-lazyblock-school-id-parts,
.school_banner > ul > li{
	margin: 0 0 5.333333vw;
    box-shadow: 0px 0px 3.2vw -0.533333vw #777777;
}

.wp-block-lazyblock-school-id-block .ul_wrapp .wp-block-lazyblock-school-id-parts:last-child,
.school_banner > ul > li:last-child{
	margin-bottom: 0;
}

.wp-block-lazyblock-school-id-block .ul_wrapp .wp-block-lazyblock-school-id-parts a .block01,
.school_banner ul li a .block01{
    display: block;
}

.wp-block-lazyblock-school-id-block .ul_wrapp .wp-block-lazyblock-school-id-parts a .block01 .image_area,
.school_banner ul li a .block01 .image_area {
	width: auto;
	height: 42.666667vw;
    margin-bottom: 1em;
}

.wp-block-lazyblock-school-id-block .ul_wrapp .wp-block-lazyblock-school-id-parts a .block01 .text_area,
.school_banner ul li a .block01 .text_area {
    width: auto;
    padding: 0;
    text-align: center;
    padding-bottom: 1em;
}

.wp-block-lazyblock-school-id-block .ul_wrapp .wp-block-lazyblock-school-id-parts a .block01 .text_area .jp_title,
.school_banner ul li a .block01 .text_area .jp_title {
	font-size: 6.4vw;
    margin-bottom: 3.2vw !important;
}

.wp-block-lazyblock-school-id-block .ul_wrapp .wp-block-lazyblock-school-id-parts a .block01 .text_area .en_title,
.school_banner ul li a .block01 .text_area .en_title {
    margin-bottom: 3.2vw !important;
}

.wp-block-lazyblock-school-id-block .ul_wrapp .wp-block-lazyblock-school-id-parts a .block01 .area_wrapp,
.school_banner ul li a .block01 .area_wrapp {
	height: 8vw;
    line-height: 8vw;
    padding: 0 3.733333vw;
}

.wp-block-lazyblock-school-id-block .ul_wrapp .wp-block-lazyblock-school-id-parts a .block01 .star,
.school_banner ul li a .block01 .star {
    margin-bottom: 5.866667vw;
}

.wp-block-lazyblock-school-id-block .ul_wrapp .wp-block-lazyblock-school-id-parts a .block01 .star .point,
.school_banner ul li a .block01 .star .point {
    font-size: 6.4vw;
}

.wp-block-lazyblock-school-id-block .ul_wrapp .wp-block-lazyblock-school-id-parts a .block01 .star .num,
.school_banner ul li a .block01 .star .num {
    font-size: 4.8vw;
}

.wp-block-lazyblock-school-id-block .ul_wrapp .wp-block-lazyblock-school-id-parts a .block01 .data_ul,
.school_banner ul li a .block01 .data_ul {
    justify-content: center;
    margin-bottom: 4.8vw;
}

.wp-block-lazyblock-school-id-block .ul_wrapp .wp-block-lazyblock-school-id-parts a .block01 .data_ul li,
.school_banner ul li a .block01 .data_ul li {
   margin-right: 4.8vw;
}

.wp-block-lazyblock-school-id-block .ul_wrapp .wp-block-lazyblock-school-id-parts a .block01 .data_ul li .date_wrapp .title,
.school_banner ul li a .block01 .data_ul li .date_wrapp .title {
	height: 5.333333vw;
    line-height: 5.333333vw !important;
    padding: 0 1.6vw;
    margin-right: 4vw;
}



/********** blogバナー **********/

.blog_banner{
	width: auto;
	margin: 0 auto 8vw;
}

.blog_banner .ul_wrapp,
.blog_banner ul{
	padding: 3.733333vw;
	box-shadow: 0px 0px 3.2vw -0.533333vw #777777;
}

.blog_banner .ul_wrapp::before,
.blog_banner ul::before{
	height: 1.333333vw;
}

.blog_banner .ul_wrapp::after,
.blog_banner ul::after{
	width: 1.333333vw;
}

.blog_banner .ul_wrapp .wp-block-lazyblock-recommend-blog-parts,
.blog_banner ul li{
	margin-bottom: 5.333333vw;
}

.blog_banner .ul_wrapp .wp-block-lazyblock-recommend-blog-parts a,
.blog_banner ul li a{
	display: block;
}

.blog_banner .ul_wrapp .wp-block-lazyblock-recommend-blog-parts a .image,
.blog_banner ul li a .image{
	width: 100%;
	height: 42.666667vw;
	margin-bottom: 3.733333vw;
}

.blog_banner .ul_wrapp .wp-block-lazyblock-recommend-blog-parts a .text,
.blog_banner ul li a .text{
	width: auto;
}

.blog_banner .ul_wrapp .wp-block-lazyblock-recommend-blog-parts a .text .title,
.blog_banner ul li a .text .title{
	font-size: 4.266667vw;
	line-height: 1.3 !important;
	margin-bottom: 1.6vw !important;
}



/********** ページャー **********/

#pager{
	margin-top: 10.666667vw;
}

#pager span,
#pager a{
	margin: 0 2.133333vw;
}



/********** アクセスリンク **********/

#access_link{
	padding: 6.933333vw 6%;
}

#access_link h2{
	display: flex;
	flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
	margin-bottom: 4vw;
}

#access_link h2 picture{
	width: 29.866667vw;
    margin-right: 2.133333vw;
}

#access_link h2 .text{
	font-size: 4.533333vw;
}

#access_link .caption strong{
	font-size: 4.266667vw;
}

#access_link .access_link{
	display: block;
    margin-top: 8vw;
}

#access_link .access_link li{
	width: auto;
	margin-bottom: 5.333333vw;
}

#access_link .access_link li:last-child{
	margin-bottom: 0;
}

#access_link .access_link li a{
	height: 48vw;
    border-radius: 2.666667vw;
}

#access_link .access_link li a .text_wrapp .en_text{
	font-size: 9.6vw;
}

#access_link .access_link li a .text_wrapp .jp_text{
	font-size: 3.733333vw;
    padding: 1.333333vw 0;
}

#access_link .access_link li p{
	font-size: 3.2vw;
	margin-top: 2.666667vw;
}

.banner_counselor{
	margin-bottom: 5.333333vw;
	border-radius: 2.666667vw;
}



.text_area .status_icon{
	width: 21.333333vw;
    top: -28vw;
    right: 2.666667vw;
}




.estimate.h_btn{
    position: absolute;
	top: 50%;
	right: 3%;
	transform: translate(0, -50%);
}

.estimate.h_btn a {
    display: block;
	width: 140px;
	height: 32px;
    background: transparent;
    border: none;
    color: transparent;
    position: relative;
}

.estimate.h_btn a::after{
	content: '';
	display: inline-block;
	width: 140px;
	height: 32px;
	background: url('../images/common/head_contact_btn_sp.png') no-repeat 0 0 / contain;
	position: absolute;
	top: 0;
	left: 0;
}


.estimate.h_btn a span {
    display: block;
    line-height: 1;
    font-weight: 700;
    text-align: center;
}

.estimate.h_btn a span.icon {
	display: none;
    width: 4.8vw;
    height: 4.266667vw;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: contain;
	background-image: url(data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2028.1%2025%22%20style%3D%22enable-background%3Anew%200%200%2028.1%2025%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%232EA984%3B%7D%3C%2Fstyle%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M19.6%2C16.8l1.6-1.6c0.2-0.2%2C0.7-0.1%2C0.7%2C0.3v7.1c0%2C1.3-1%2C2.3-2.3%2C2.3H2.3C1%2C25%2C0%2C24%2C0%2C22.7V5.5%20c0-1.3%2C1-2.3%2C2.3-2.3h13.4c0.3%2C0%2C0.5%2C0.4%2C0.3%2C0.7l-1.6%2C1.6c-0.1%2C0.1-0.2%2C0.1-0.3%2C0.1H2.3v17.2h17.2v-5.5%20C19.5%2C17%2C19.6%2C16.9%2C19.6%2C16.8z%20M27.3%2C7L14.5%2C19.8l-4.4%2C0.5c-1.3%2C0.1-2.4-0.9-2.2-2.2l0.5-4.4L21.1%2C0.8c1.1-1.1%2C2.9-1.1%2C4%2C0l2.1%2C2.1%20C28.4%2C4.1%2C28.4%2C5.9%2C27.3%2C7z%20M22.5%2C8.5l-2.8-2.8l-9.1%2C9.1l-0.4%2C3.2l3.2-0.4L22.5%2C8.5z%20M25.6%2C4.6l-2.1-2.1c-0.2-0.2-0.5-0.2-0.7%2C0%20L21.3%2C4l2.8%2C2.8l1.5-1.5C25.8%2C5.1%2C25.8%2C4.8%2C25.6%2C4.6z%22%2F%3E%3C%2Fsvg%3E);
	margin: 0 auto 1.6vw;
}




}