@charset "UTF-8";

/* CSS Document */
.sp_none {
	display: none !important;
}

.pc_only {
	display: none !important;
}

.txt50sp {
	font-size: 50% !important;
}

.txt60sp {
	font-size: 60% !important;
}

.txt70sp {
	font-size: 70% !important;
}

.txt80sp {
	font-size: 80% !important;
}

.txt90sp {
	font-size: 90% !important;
}

.txt100sp {
	font-size: 100% !important;
}

.txt110sp {
	font-size: 110% !important;
}

.txt120sp {
	font-size: 120% !important;
}

.txt130sp {
	font-size: 130% !important;
}

.txt140sp {
	font-size: 140% !important;
}

.txt150sp {
	font-size: 150% !important;
}

.txt160sp {
	font-size: 160% !important;
}

.txt170sp {
	font-size: 170% !important;
}

.txt180sp {
	font-size: 180% !important;
}

.txt190sp {
	font-size: 190% !important;
}

.txt200sp {
	font-size: 200% !important;
}

.txt240sp {
	font-size: 240% !important;
}

.txt280sp {
	font-size: 280% !important;
}

.sp_mb0 {
	margin-bottom: 0 !important;
}

.sp_mb05 {
	margin-bottom: 5px !important;
}

.sp_mb10 {
	margin-bottom: 10px !important;
}

.sp_mb20 {
	margin-bottom: 20px !important;
}

.sp_mb30 {
	margin-bottom: 30px !important;
}

.sp_mb40 {
	margin-bottom: 40px !important;
}

.sp_mb50 {
	margin-bottom: 50px !important;
}

.sp_mb60 {
	margin-bottom: 60px !important;
}

.sp_mb80 {
	margin-bottom: 80px !important;
}

.sp_mb100 {
	margin-bottom: 100px !important;
}

.sp_mt0 {
	margin-top: 0 !important;
}

.sp_mt10 {
	margin-top: 10px !important;
}

.sp_mt20 {
	margin-top: 20px !important;
}

.sp_mt30 {
	margin-top: 30px !important;
}

.sp_mt40 {
	margin-top: 40px !important;
}

.sp_mt50 {
	margin-top: 50px !important;
}

.sp_mt60 {
	margin-top: 60px !important;
}

.sp_mt80 {
	margin-top: 80px !important;
}

.sp_mt100 {
	margin-top: 100px !important;
}

.sp_ml0 {
	margin-left: 0 !important;
}

.sp_ml10 {
	margin-left: 10px !important;
}

.sp_mr0 {
	margin-right: 0 !important;
}

.sp_mr10 {
	margin-right: 10px !important;
}

.t_align_left_sp {
	text-align: left;
}

.t_align_center_sp {
	text-align: center !important;
}

/*------------------------------*/
.section_padding {
	padding-top: 30px;
	padding-bottom: 30px;
}

.section_padding_l {
	padding-top: 50px;
	padding-bottom: 50px;
}

.gakurui_subpage_nav_body{
	display: block;
	width: 90%;
	max-width: 600px;
	margin: 30px auto 0;
	transform: none;
}
.gakurui_subpage_nav_body .gakurui_subpage_nav_open_btn {
	display: block;
	padding: 15px 1em;
	background: var(--blue);
	border-radius: 20px;
	color: #fff;
	text-decoration: none;
	cursor: pointer;
	text-align: center;
	position: relative;
}

body.body_sendo .gakurui_subpage_nav_body .gakurui_subpage_nav_open_btn{
	background: var(--sendo);
}

body.body_tourism .gakurui_subpage_nav_body .gakurui_subpage_nav_open_btn{
	background: var(--design);
}

body.body_smart .gakurui_subpage_nav_body .gakurui_subpage_nav_open_btn{
	background: var(--smart);
}

.gakurui_subpage_nav_body .gakurui_subpage_nav_open_btn.is-open{
	border-radius: 20px 20px 0 0;
}
.gakurui_subpage_nav_body .gakurui_subpage_nav_open_btn:before,
.gakurui_subpage_nav_body .gakurui_subpage_nav_open_btn:after{
	content: "";
	display: block;
	width: 18px;
	height: 2px;	
	background: #fff;
	position: absolute;
	top: 50%;
	right: 1em;
	transform: translateY(-50%);
	transition: .3s;
}

.gakurui_subpage_nav_body .gakurui_subpage_nav_open_btn:after{
	transform: rotate(90deg);
}

.gakurui_subpage_nav_body .gakurui_subpage_nav_open_btn.is-open:after{
	transform: rotate(0deg);
}
.gakurui_subpage_nav_body .gakurui_subpage_nav {
	display: none;
	border-top: 1px solid var(--gray3);
}
.gakurui_subpage_nav_body .gakurui_subpage_nav{
	border-radius: 0 0 20px 20px;
}
.gakurui_subpage_nav_body .gakurui_subpage_nav .gakurui_subpage_nav_item{
	width: 50%;
	flex: none;
	border-bottom: 1px solid var(--gray3);
}


.guidance_flow .item .title{
	width: 120px;
	font-size: 1.6rem;
}