@charset "utf-8";
/*@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);*/
/*
breakpoint
@media only screen and (max-width: 896px) {
}
@media only screen and (max-width: 568px) {
}
@media only screen and (max-width: 480px) {
}
@media only screen and (max-width: 320px) {
}
color
#1a80c4 rgba(26,128,196,1)
#ddebf3 rgba(221,235,243,1)
#151b25 rgba(21,27,37,1)
#eaeaff rgba(234,234,255,1)
#98c6e4 rgba(152,198,228,1) = rgba(26,128,196,0.45)
#fff rgba(255,255,255,1)
#000 rgba(0,0,0,1)

rgba(26,128,196,0.85)
rgba(26,128,196,0.15)
rgba(255,76,90,0.85)
rgba(0,85,150,0.9)
rgba(0,65,130,0.9)

rgba(255,255,255,0.95)
rgba(0,0,0,0.025)
rgba(0,0,0,0.065)
*/

@import url('https://fonts.googleapis.com/css2?family=BIZ+UDPGothic&display=swap');

/*base*/
html{
font-size: 62.5%;
-ms-text-size-adjust:100%;
-webkit-text-size-adjust:100%;
-webkit-tap-highlight-color:rgba(0,0,0,0.2);
}
body{
font-size:1.4rem;/*16px*/
line-height:2;
height:100%;
min-height:100%;
overflow-x: hidden;
font-family: "BIZ UDPGothic", sans-serif;
font-weight: 400;
font-style: normal;
color:#333;
}
#main{
overflow: hidden;
}
a {
color: rgba(26,128,196,0.85);
text-decoration: none;
}
a:hover{opacity:0.7;text-decoration: none;}
@media only screen and (min-width: 480px) {
	::selection{
		background:rgba(221,235,243,1);
	}
	::-moz-selection{
		background:rgba(221,235,243,1);
	}
	div#c0{
	max-width: 1200px;
	margin: auto;
	}
}

/*clearfix*/
.cf:before,.cf:after{content:"";display:block;overflow:hidden;}
.cf{zoom:1;}

/*tool*/
.fl{float:left;}
.fr{float:right;}
.cl{clear:both}
.tc{text-align:center !important;}
.tl{text-align:left !important;}
.tr{text-align:right !important;}
@media only screen and (max-width: 480px) {
	.tcs{text-align:center !important;}
	.tls{text-align:left !important;}
	.trs{text-align:right !important;}
}
.b{font-weight:600 !important;color: rgba(0,0,0,0.75);}
.st{font-weight:600;background:rgba(255,76,90,0.35);padding:0 5px;margin:0 5px;}
.red{color:rgba(255,76,90,0.95);}
.blue{color:rgba(26,128,196,0.85);}
.gray{color:rgba(0,0,0,0.35);}
.highlight{
	background: linear-gradient(transparent 70%, #ffcfcf 70%);
}
/*br*/
br{height: 0;line-height: 0;}
br.pc{display: block;}
br.sp{display: none;}
br.sps{display: none;}
@media only screen and (max-width: 896px) {
	br.pc{display: none;}
	br.sp{display: block;}
}
@media only screen and (max-width: 480px) {
	br.sps{display: block;}
}
/*sp pc only*/
.pc {
display: block !important
}
th.pc,
td.pc{
display: table-cell !important
}
@media screen and (max-width: 896px) {
	.pc,
	th.pc,
	td.pc{
	display: none !important
	}
}
.sp {
display: none !important
}
@media screen and (max-width: 896px) {
	.sp {
	display: block !important
	}
}
.pc_table{
	display: none;
}
.sp_table{
	display: table;
}
@media screen and (min-width : 896px) {
	.pc_table{
		display: table;
	}

	.sp_table{
		display: none;
	}
}


/*margin*/
.mt0{margin-top:0 !important;}
.mt10{margin-top:10px !important;}
.mt15{margin-top:15px !important;}
.mt20{margin-top:20px !important;}
.mt30{margin-top:30px !important;}
.mt40{margin-top:40px !important;}
.mt50{margin-top:50px !important;}
.mt60{margin-top:60px !important;}
.mt70{margin-top:70px !important;}
.mt80{margin-top:80px !important;}
.mt90{margin-top:90px !important;}
.mt100{margin-top:100px !important;}
@media only screen and (max-width: 780px) {
	.mt50,.mt60,.mt70,.mt80,.mt90,.mt100{margin-top:40px !important;}
}
.mb0{margin-bottom:0 !important;}
.mb10{margin-bottom:10px !important;}
.mb15{margin-bottom:15px !important;}
.mb20{margin-bottom:20px !important;}
.mb30{margin-bottom:30px !important;}
.mb40{margin-bottom:40px !important;}
/*width*/
.w10{width:10%;}
.w15{width:15%;}
.w20{width:20%;}
.w25{width:25%;}
.w30{width:30%;}
.w35{width:35%;}
.w40{width:40%;}
.w45{width:45%;}
.px100{width:100px;}
.px200{width:200px;}

/*img*/
.fl_img img,.fr_img img,.img_cap{
	width: 100%;
}
@media only screen and (min-width: 896px) {
	.fl_img img,.fr_img img{
		max-width: 350px;
	}
}
.fl_img{float:left;margin:0 10px 10px 0;}
.fr_img{float:right;margin:0 0 10px 10px;}
.c_img{
width:100%;
margin:0 auto 30px;
}
@media only screen and (min-width: 896px) {
	.c_img{
	width:600px;
	}
}
.img_cap{
display: block;
font-size: 1.3rem;
line-height: 1.35;
text-align: center;
padding: 8px 0;
margin: 0 auto;
background: rgba(26,128,196,0.08);
}
@media only screen and (max-width: 896px) {
	.fl_img,.fr_img {
	float: none;
	text-align: center;
	margin: 0 0 1em;
	background: rgba(0,0,0,0.015);
	}
}

/*animation*/
.ani_blink{
-webkit-animation:ani_blink 3.0s ease-in-out infinite alternate;
-moz-animation:ani_blink 3.0s ease-in-out infinite alternate;
animation:ani_blink 3.0s ease-in-out infinite alternate;
}
@-webkit-keyframes ani_blink{
0% {opacity:0.7;}
10% {opacity:1;}
100% {opacity:1;}
}
@-moz-keyframes ani_blink{
0% {opacity:0.7;}
10% {opacity:1;}
100% {opacity:1;}
}
@keyframes ani_blink{
0% {opacity:0.7;}
10% {opacity:1;}
100% {opacity:1;}
}

/*fadein*/
/* .fade{
opacity: 0;
}
.fadein,
.fade1,
.fade2 {
-webkit-animation-fill-mode:both;
-ms-animation-fill-mode:both;
animation-fill-mode:both;
-webkit-animation-duration:1.5s;
-ms-animation-duration:1.5s;
animation-duration:1.5s;
-webkit-animation-name: fadein;
animation-name: fadein;
opacity: 0;
}
.fade1 {
-webkit-animation-delay: 1.0s;
-ms-animation-delay: 1.0s;
animation-delay: 1.0s;
}
.fade2 {
-webkit-animation-delay: 2.0s;
-ms-animation-delay: 2.0s;
animation-delay: 2.0s;
}
@-webkit-keyframes fadein {
	0% { opacity: 0; -webkit-transform: translateY(20px); }
	100% { opacity: 1; -webkit-transform: translateY(0); }
}
@keyframes fadein {
	0% { opacity: 0; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); }
	100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
} */

/*header*/
#head {
	position: relative;

	& .logo{
		display: inline-block;
		width: 90px;
		background: rgba(255, 255, 255, 1);
		padding: 0.5em 0.7em 0.7em 0.5em;
		border-radius: 0 0 1.7em 0;
	}
}

.content_area{
	min-height: 86.5vh;
}

@media only screen and (min-width: 896px) {
	#head{
		max-width: 1240px;
		margin: 5px auto;

		& .logo{
			width: 140px;	
		}

		& .head_list{
			position: absolute;
			right: 1em;
			top: 1em;
			display: flex;
			align-items: center;
			gap: 1em;
			z-index: 1;
		}

		& .head_list li a {
			color:#333;
		}

		& .head_list li:last-child a {
			color: #fff;
			background: #717171;
			display: flex;
			align-items: center;
			padding: 0 1em;
			border-radius: 1em;
		}
	}

	.content_area{
		display: flex;
		max-width: 1240px;
		margin: 20px auto;
		justify-content: space-between;
		min-height: 83.5vh;
	}

	#main{
		width: 65%;
	}

	#side{
		flex-basis: 18%;
		margin-left: 2.5em;
	}

	section#c > section:not(#c){
		width: 100%;
		height: auto;
	}
}

/*side*/
#side {
font-size: 15px;
text-align: center;
}
nav dl.nav {
flex-basis: 17%;
padding:0;
background:rgba(26,128,196,1);
border: rgba(26,128,196,1) solid 1px;
margin-bottom: 1em;
box-shadow: 0 5px 0 #e4e4e4;
background: #fff;
}
nav li {
width: 100%;
}
nav dl:not(:nth-child(1)){
margin-left: 1px;
}
#gnav{
border-top: solid 1px rgba(26,128,196,0.15);
background: rgba(0,0,0,0.025);
margin: 0 auto;
}
#gnav ul {
list-style: none;
margin-left: 0;
display: flex;
flex-wrap: wrap;
justify-content: space-around;
}
#gnav > ul > li {
position: relative;
}
#gnav a,
#gnav .anc{
display: block;
font-weight: 400;
letter-spacing: 0.08em;
color: #333;
border-bottom: solid 1px rgba(26,128,196,0.15);
text-decoration: none;
padding: 3px 0;
/* -moz-transition: background-color .3s linear;
-webkit-transition: background-color .3s linear;
transition: background-color .3s linear; */
}
#gnav a:hover{
	opacity: 1;
}
#gnav .nav.nav_act:hover > .nav_tit a,
#gnav .nav.nav_act li a:hover{
color:#fff;
background: rgba(0,65,130,0.8);
}
#gnav .nav.nav_act .nav_cont li:hover a{
color:#fff;
background: rgba(0,65,130,0.8);
}
#gnav .nav_cont{
background: #fff;
}
#gnav .nav:hover .nav_cont,
#gnav .nav_school:hover .nav_cont{
width: 100%;
height: auto;
position: initial;
}
#gnav .nav_season:hover .nav_cont{
height: 320px;
}
#gnav .nav:hover .nav2_cont{
width:100%;
height:auto;
}
#gnav .nav_season:hover .nav_cont ul{
display: block;
}
#gnav .nav_season:hover .nav_cont .nav2_cont ul{
display: flex;
}
#gnav .nav_season:hover .nav_cont li{
width : auto;
}
#gnav .nav_season:hover .nav_cont li:not(.nav2 ul li){
margin : 8px 0 40px;
}
#gnav .nav_season:hover .nav2_cont li{
width : 25%;
}
#gnav .nav_season:hover .nav_cont dl.nav2{
display: flex;
justify-content: space-between;
align-items: flex-start;
flex-wrap: nowrap;
}
#gnav .nav_season:hover .nav_cont dl dt{
flex-basis: 30%;
}
#gnav .nav_season:hover .nav_cont dl dd{
flex-basis: 70%;

}
#gnav .nav_cont a,
#gnav .nav_cont .anc,
#gnav .nav2_cont a,
#gnav .nav2_cont .anc{
width: 100%;
height: auto;
background: #fff;
color: #333;
}
#gnav .nav_school .nav_cont a,
#gnav .nav_school .nav_cont .anc{
	color: #fff;
width: 92%;
height: 37px;
}
#gnav .nav_school .nav2_cont a,
#gnav .nav_school .nav2_cont .anc{
width: 92%;
height: 37px;
}
#gnav .nav_summary .nav2_cont a,
#gnav .nav_summary .nav2_cont .anc{
width: 92%;
height: 37px;
}
#gnav .nav_useful .nav2_cont a,
#gnav .nav_useful .nav2_cont .anc{
width: 92%;
height: 37px;
}
#gnav .nav_cp .nav2_cont a,
#gnav .nav_cp .nav2_cont .anc{
width: 92%;
height: 37px;
}
#gnav .nav_cont a,
#gnav .nav_cont .anc,
#gnav .nav2_cont a,
#gnav .nav2_cont .anc{
border-bottom: solid 1px rgba(255,255,255,0.5);
}
#gnav .nav_tit {
position: relative;
}
#gnav .nav_cont{
position: absolute;
background: rgba(26,128,196);
color: rgba(255,255,255,0.95);
left: 7.2%;
width: 0;
height: 0;
overflow: hidden;
/* -moz-transition: height .5s ease-out;
-webkit-transition: height .5s ease-out;
transition: height .5s ease-out; */
z-index: 9999;
}
#gnav .nav_cont a,
#gnav .nav_cont .anc {
color: #333;
}
#gnav .sup,
#gnav .reco a:after{
font-size:1.1rem;
font-weight:600;
margin-left:0.8rem;
}
#gnav .reco a:after{
content:"オススメ!!";
}
.leftside {
flex-basis: 70px;
margin-right: 1.5em;
text-align: center;
font-size: 0.8em;
}
.leftside ul{
position:sticky;
top:20px;
}
.leftside ul li{
margin-bottom: 2em;
}
.leftside ul a{
color: #333;
font-weight: 600;
}

/*drawer*/
.drawer{
display:block;
z-index:9999;
}
.drawer-nav{
background-color:transparent !important;
width:21rem !important;
z-index:999;
}
.drawer--right .drawer-nav {
right: -21rem !important;
}
.drawer--right.drawer-open .drawer-nav{
right: 0 !important;
}
.drawer-menu li a,
.drawer-menu li .drawer-menu-item{
font-weight: bold;
padding:8px 15px;
display:block;
background:rgba(26,128,196,0.9);
border-bottom:solid 1px rgba(255,255,255,0.7);
color:#fff;
letter-spacing:0.1em;
font-size:14.8px;
}
.drawer-menu .drawer-dropdown-menu{
background:none;
}
.drawer-menu li a:hover,
.drawer-menu li .drawer-menu-item:hover,
.drawer-menu .open .drawer-menu-item:hover{
background:rgba(0,65,130,0.9);
text-decoration:none;
color: rgba(255,255,255,0.95);
opacity:1;
cursor:pointer;
}
.drawer-menu .open .drawer-menu-item{
background:rgba(0,85,150,0.9);
}
.drawer-menu .drawer-dropdown-menu-item{
background:rgba(0,85,150,0.9);
line-height: inherit;
}
.drawer-menu .drawer-dropdown-menu-item:before{
content:"-";
margin-right:5px;
}
.drawer-menu .reco .drawer-dropdown-menu-item:after{
content:"オススメ!!";
font-size:1.1rem;
font-weight:600;
margin-left:8px;
}
.drawer-hamburger{
width: 30px !important;
padding: 15px 12px 30px !important;
margin-top:-2px;
background:rgba(255,255,255,0.7) !important;
}
.drawer--right.drawer-open .drawer-hamburger {
right: 210px !important;
}
.drawer-hamburger,
.drawer-hamburger:hover{
background:rgba(255,255,255,0.8);
z-index:999;
}
.drawer-hamburger:after{
content:"MENU";
position:absolute;
left:0;
right:0;
bottom:7px;
font-size:10.5px;
z-index:999;
color: #222;
}
.drawer-hamburger-icon{
margin: 7px 0;
}

/*footer*/
#foot #copy{
	background: rgb(8 66 116);
	text-align: center;
	padding: 1em 0 1em;
	color: #fff;
	font-size: 0.8em;
}
#foot #copy a {
	font-size: 1.1em;
	color: #fff;
	margin-right: 1em;
	margin-left: 1em;
}

@media only screen and (min-width: 896px) {
	#foot #copy{
		padding: 1em 0;
	}
}

/* loader */
.loader {
  position: fixed;
  width: 100%;
  height: 100vh;
  background-color: #fff;
  z-index: 555;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.loader img {
	width: 50px;
	height: 50px;
}

/*fix_bt*/
#fix_bt{
position:fixed;
bottom:59px;
left:0;
z-index:999;
width:100%;
transition:.3s;
}
#fix_bt img{
vertical-align:bottom;	
}
#fix_bt ul{
display: flex;
justify-content: space-between;
background: rgba(255,255,255,0.25);
}
#fix_bt ul li{
text-align: center;
}
#fix_bt ul .fix_bt_tel{
flex-basis: 28%;
}
#fix_bt ul .fix_bt_space_ask{
flex-basis: 44%;
}
#fix_bt ul .fix_bt_space_ask.tri_1{
flex-basis: 31%;
}
#fix_bt ul .fix_bt_reserve{
flex-basis: 28%;
}
#fix_bt ul .fix_bt_reserve.tri_1{
flex-basis: 44%;
}
#fix_bt ul .fix_bt_pamphlet{
flex-basis: 25%;
}
#fix_bt ul .only{
flex-basis: 100%;
}
#fix_bt ul .two_w{
flex-basis: 67%;
}
#fix_bt ul .two_n{
flex-basis: 33%;
}
#fix_bt ul li a,
#fix_bt ul li .anc{
display:block;
font-size: 1.3rem;
font-weight:600;
letter-spacing:0.06em;
padding: 28px 0 0;
color: rgba(255,255,255,0.9);
background-size:22px 22px !important;
background-position:center 6px !important;
border-radius: 6px 6px 0 0;
margin: 5px 5px 0;
}
#fix_bt ul li:nth-child(2) a,
#fix_bt ul li:nth-child(2) .anc,
#fix_bt ul li:nth-child(3) a,
#fix_bt ul li:nth-child(3) .anc,
#fix_bt ul li:nth-child(4) a,
#fix_bt ul li:nth-child(4) .anc{
margin-left:0;
}
#fix_bt ul li a:hover{
opacity:0.9;	
}
#fix_bt .fix_bt_tel a,
#fix_bt .fix_bt_tel .anc{
background:url(/img/common/fix_bt_tel.png) no-repeat #e1771ce6;
}
#fix_bt .fix_bt_tel.only a,
#fix_bt .fix_bt_tel.only .anc{
background:url(/img/common/fix_bt_tel_only.png) no-repeat #e1771ce6;
background-size:110px 25px !important;
}
#fix_bt .fix_bt_space_ask a{
background:url(/img/common/fix_bt_space_ask.png) no-repeat #0064c0d9;
}
#fix_bt .fix_bt_space_ask.tri_1 a{
background:url(/img/common/fix_bt_space_ask.png) no-repeat #0064c0d9;
border: none;
}
#fix_bt .fix_bt_space_ask.two_w a{
background:url(/img/common/fix_bt_space_ask.png) no-repeat #0064c0d9;
}
#fix_bt .fix_bt_tel.two_w a,
#fix_bt .fix_bt_tel.two_w .anc{
background:url(/img/common/fix_bt_tel.png) no-repeat #e1771ce6;
}
#fix_bt .fix_bt_reserve a{
background:url(/img/common/fix_bt_reserve.png) no-repeat rgba(230,51,65,0.95);
}
#fix_bt .fix_bt_reserve.tri_1 a{
background:url(/img/common/fix_bt_reserve.png) no-repeat rgba(230,51,65,0.95);
}
#fix_bt .fix_bt_reserve.only a{
background:url(/img/common/fix_bt_reserve.png) no-repeat rgba(230,51,65,0.95);
}
#fix_bt .fix_bt_pamphlet a{
background:url(/img/common/fix_bt_pamphlet.png) no-repeat rgba(230,51,65,0.95);
}
#fix_bt .fix_bt_line a{
background:rgba(76,175,80,0.9);
padding: 0.5em;
font-size: 1.2em;
}
/*main visual*/
.mv{
	text-align:center;
	width: 100vw;
  margin: 0 calc(50% - 50vw);
}
/*slick*/
.slick-slide img {
	margin: 0 auto;
}

.slick-prev::before,
.slick-next::before{
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	vertical-align: middle;
	width: 23px;
	height: 23px;
	border-top: 3px solid rgba(0,0,0,0.2);
	border-right: 3px solid rgba(0,0,0,0.2);
}

.slick-prev::before{
	right: 2px;
	-moz-transform: rotate(-135deg);
	-webkit-transform: rotate(-135deg);
	transform: rotate(-135deg);
}

.slick-next::before{
	left: 2px;
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.slick-dots {
	bottom: -30px;
}
.slick-dots li {
	margin: 0 8px;
}
.slick-dots li button::before {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 6px;
	width: 6px;
	height: 6px;
	margin-top:-3px;	
	border-radius: 50%;
	background: rgba(0,0,0,0.3);
	transition: .2s;
	-moz-transition: .2s;
	-webkit-transition: .2s;
}

#wrap .slick-dots li button:before{
	margin-top: 1.5em;
	width: 12px;
	height: 12px;
	content: '';
}

/*slide*/
.slide {
	display: flex;
	/*height: 300px;
	background: #eee;*/
	justify-content: center;
	align-items: center;
	text-align:center;
	margin:15px -10px 30px;
}
.slide .slick-slide img {
display: initial;
}
.slide_sch,
.slide_stay{
	width: 80%;
	margin: 0 auto 45px !important;
}
@media only screen and (max-width: 896px) {
	.slide_sch{
	width: 75%;
}
}
/*breadcrumbs*/
.bc {
overflow-x: auto;
overflow-y: hidden;
background: #fff;
margin:5px -10px;
border-top: solid 1px rgba(26,128,196,0.15);
border-bottom: solid 1px rgba(26,128,196,0.15);
background:rgba(0,0,0,0.025);
}
.bc ol {
display: flex;
}
.bc ol li {
font-size: 1.3rem;
color:rgba(26,128,196,0.85);
padding: 0 10px 0 30px;
white-space: nowrap;
position:relative;
}
.bc ol li:first-child{
padding-left:10px;
}
.bc ol li > *{
display:block;
font-weight:400;
line-height: 2;
}
.bc ol li:after{
content: "";
position: absolute;
top: 9px;
left: 103%;
margin: auto;
width:5px;
height:5px;
z-index: 1;
border-top: 2px solid rgba(26,128,196,0.45);
border-right: 2px solid rgba(26,128,196,0.45);
-moz-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.bc ol li:last-child:after{
display:none;
}
.bc ol .current{
font-weight:300;
}
.bc ol .current > *{
font-weight:300;
}
@media only screen and (max-width: 896px) {
	
}
/*title*/
.tit1{
font-size: 36px;/*IE8以下とAndroid4.3以下用フォールバック*/
font-size: calc(1.4rem + ((1vw - 0.64rem) * 2.1429));/*24px~36pxで可変*/
line-height: 1.3;
}
.tit2{
font-size: 24px;/*IE8以下とAndroid4.3以下用フォールバック*/
font-size: calc(2rem + ((1vw - 0.64rem) * 0.7143));/*20px~24pxで可変*/
line-height: 1.3;
}
.tit3{
font-size: 16px;/*IE8以下とAndroid4.3以下用フォールバック*/
font-size: calc(1.6rem + ((1vw - 0.48rem) * 0.3472));/*16px~20pxで可変*/
line-height: 1.3;
}
@media (min-width: 1200px) {
	.tit1{
	font-size: 2.6rem;
	}
  .tit2{
		font-size: 1.4em;
  }
  .tit3 {
		font-size: 1.2em;
  }
}
@media screen and (max-width: 640px) {
	.tit1{
	font-size: 1.3em;
	}
	.tit2{
	font-size: 1.2em;
  }
  .tit3 {
  font-size: 1.1em;
  }
}
.tit_site_top{
text-align: center;
font-weight: 600;
font-size: 1.3em;
background: #F5F5F5;
padding: 5vw;
margin: 2.5vw 0;
}
@media screen and (min-width: 1440px) {
	.tit_site_top{
	padding: 1vw;
	}
}
.tit1{
	text-align: left;
	font-weight: 400;
	letter-spacing: 0.05em;
	background: #0c3f6e;
	padding: 0.5em;
	color: rgba(255, 255, 255, 0.95);
	margin-bottom:30px;
}
h1.tit1 span{
position: relative;
display: block;
background: #e3e3e359;
padding: 0.3em 2em;
}
h1.tit1 span:before {
content: '';
position: absolute;
left: 0;
top: 50%;
display: inline-block;
width: 25px;
height: 1px;
background-color: white;
margin-left: 0.7em;
}
@media screen and (max-width: 640px) {
	h1.tit1 span:before {
    width: 17px;
	}
}
section .tit2{
position: relative;
line-height: 1.6;
letter-spacing: 0.03em;
color: rgba(0,0,0,0.8);
margin: 2.5em auto 1.5em;
text-align: center;
font-weight: 600;
}
section#c section:first-child h2.tit2 {
margin: 0px auto 1.5em;
}
section .tit2:before{
position: absolute;
content: '';
background: #1573a2;
bottom: -0.6em;
left: calc(50% - 65px);
width: 130px;
height: 5px;
}
section .tit3{
margin: 2.5em 0.5em 0.5em;
padding: 0.4em;
border-left: 7px solid #1573a26b;
font-weight: 600;
}
.tit4{
font-size: 1em;
font-weight: 500;
line-height: 1.4;
letter-spacing: 0.03em;
text-align: center;
background: rgb(239 248 255);
padding: 6px 5px;
margin:30px 0 15px;
}
.tit5{
background: rgba(26,128,196,0.75);
color: rgba(255,255,255,0.95);
font-size: 1.8rem;
letter-spacing: 0.03em;
line-height: 1.4;
font-weight: 600;
text-align: center;
border-radius: 2px;
padding: 8px 5px;
margin-bottom: 15px;
}
.tit6{
font-size: 2rem;
letter-spacing: 0.03em;
line-height: 1.4;
font-weight: 500;
color: rgba(26,128,196,0.85);
text-align: center;
margin-bottom: 15px !important;
}
@media only screen and (max-width: 896px) {
	.tit4,
	.tit6{
	font-weight: 600;
	}
}
.tit_s{
display:block;
font-size:80%;
}
.tit3 .tit_s{
font-size:80%;
}
.tit_b{
font-size:180%;
font-weight: 600;
line-height: 1;
margin:0 5px;
}
.tit_pref{
font-size:85%;
margin-right:15px;
}
/* mv_bg_area */
.mv_bg_area{
margin-bottom: 2em;
position: relative;
}
.mv_bg_area .mv_bg {
position: relative;
text-align: center;
width: 100vw;
margin: 0 calc(50% - 50vw);
background-position: 50%;
background-size: 160%;
z-index: 0;
overflow: hidden;
height: 23vh;
margin-bottom: 2em;
}
.mv_bg_area div#c0_mv{
font-size: 0.85em;
padding: 9px;
background: #fff;
box-shadow: 0 0 10px rgba(0,0,0,.2);
position: relative;
margin-top: -40px;
margin-right: calc(4vw);
margin-left: calc(4vw);
}
.c0_tit{
display:block;
text-align: center;
font-size: 1.2em;
margin-top: 0.5em;
font-weight: 600;
}
@media screen and (min-width: 600px) and (max-width: 895px){
	#c div.mv_bg_area div.mv_bg {
	height: 460px;
	background-size: cover;
	}
}
@media screen and (min-width: 896px) and (max-width: 1199px){
	.mv_bg_area .mv_bg{
	height: 55vh;
	}
	.mv_bg_area div#c0_mv {
	width: 500px;
	margin-top: -254px;
	}
}
@media only screen and (min-width: 1200px) and (max-width: 1400px){
	.mv_bg_area .mv_bg{
	height: 55vh;
	}
	.mv_bg_area div#c0_mv {
	position: absolute;
	width: 440px;
	top: 16vh;
	left: calc(4%);
	}
}
@media only screen and (min-width: 1401px){
	.mv_bg_area .mv_bg{
	height: 55vh;
	background-position: 50% 40%;
	margin-bottom: 6em;
	}
	.mv_bg_area div#c0_mv {
	position: absolute;
	width: 560px;
	top: 20vh;
	font-size: 1.1em;
	}
}
/*txt*/
.txt {
	margin: 0.5em;

	& p {
		display:block;
		font-size: 1em;
		line-height: 1.8;
		margin-bottom:20px;
	}
}

@media only screen and (min-width: 896px) {
	.col2{
	columns: 2;
	column-gap: 40px;
	}
}
/*bg*/
.bg1,
.bg2 {
	padding: 10px;
	margin-bottom: 15px;
}
.bg1{
	background: rgba(26,128,196,0.05);
}
.bg2 {
	background: rgba(26,128,196,0.1);
}
.bg1 p{
	margin-bottom:20px;
	line-height:1.6;
}
.bg1 p:last-child{
	margin-bottom:0;
}
/*box*/
.box1 {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: 10px;
  margin-bottom: 15px;
  border: 1px solid rgba(26,128,196,0.6);
  background: rgba(26,128,196,0.3);
}
.box1 > *:last-child{
	margin-bottom:0;
}
.box1.box_in{
display: block;
}
.box1.box_in .box1{
background: rgba(26,128,196,0.80);
font-weight: 400;
color: rgba(255,255,255,0.95);
}
/*comment*/
.com{
font-size: 2rem;
font-weight: 500;
line-height: 1.6;
letter-spacing: 0.08em;
text-align: center;
color: rgba(255,76,90,0.85);
background: rgba(255,76,90,0.025);
border-top: solid 2px rgba(255,76,90,0.85);
border-bottom: solid 2px rgba(255,76,90,0.85);
padding: 2px 5px;
margin: 0 -10px;
}
.com_dec{
display:block;
}
.com_dec:before,
.com_dec:after{
content: "☆";
font-size:1.6rem;
margin:0 10px;
position:relative;
top:-2px;
}
@media only screen and (max-width: 896px) {
	.com{
		font-weight: 600;
	}
}
/*banner*/
.bn1{
width:95%;
margin:0 auto 5px;
}
.bn2{
width:40%;
margin:0;
}
.bn1 img,
.bn2 img{
width:100%;
border-radius: 6px;
box-shadow: 1px 1px 2px rgba(0,0,0,0.15);
}
.bn1.rad0 img,
.bn2.rad0 img{
	border-radius:0;
}
@media only screen and (max-width: 896px) {
	.bn2{
	width:60%;
	}
}
/*table of contents*/
.toc{
padding: 1.2rem;
background: rgba(0,0,0,0.025);
border: solid 2px rgba(26,128,196,0.25);
margin: 30px 0;
}
.toc ol{
counter-reset: section;
padding: 0;
}
.toc li:before{
content: counters(section,"-")".";
counter-increment:section;
color: rgba(0,0,0,0.5);
padding-right: 0.3em;
font-size: 80%;
}
.toc .toc_pa li{
font-size: 1.6rem;
line-height: 1.3;
margin-top:0.2rem;
padding-left: 1em;
text-indent: -1em;
list-style: none;
}
.toc .toc_pa li:first-child{
margin-top:0;
}
.toc .toc_ch{
margin-top: 4px;
}
.toc .toc_ch li{
font-size: 90%;
margin-top:0;
padding-left: 1.6em;
text-indent: -1.6em;
}
.toc li a{
text-decoration: none;
font-weight: 400;
}
@media only screen and (max-width: 896px) {
	.toc li a{
	font-weight: 500;
	}
}
/*relative link*/
.rel{
padding: 12px;
background: rgba(0,0,0,0.025);
border: solid 2px rgba(26,128,196,0.25);
margin: 30px 0;
}
.rel_tit{
font-size: 2rem;
font-weight: 550;
color:rgba(0,0,0,0.5);
text-align: center;
margin-bottom:20px;
}
.rel_tit:before{
content: "関連ページ（";
}
.rel_tit:after{
content: "）";
}
.rel_li:before{
content: "関連ページ";
display: block;
width: 100%;
font-size: 2rem;
line-height:1;
letter-spacing: 0.08em;
font-weight: 550;
color:rgba(0,0,0,0.5);
text-align: center;
margin-bottom: 20px;
}
.rel_area .rel_li:before{
content: "この都道府県も見よう!!";
}
.rel_sch .rel_li:before{
content: "教習所のこと知りたい!!";
}
.rel_access .rel_li:before{
content: "出発地を選ぼう!!";
}
.rel_stay .rel_li:before{
content: "希望の宿舎を選ぼう!!";
}
.rel_li{
display: flex;
flex-wrap: wrap;
align-items: center;
padding:0;
margin:10px 0 0;
}
.rel_li.col_list{
align-items: flex-start;
flex-direction: column;
}
.rel_li li{
flex-basis: auto;
font-size:1.6rem;
letter-spacing:1px;
line-height:1.6;
margin-right: 20px;
margin-bottom:8px;
text-indent: -1em;
padding-left: 1em;
}
.rel_li li:before{
content: "＞";
color: rgba(0,0,0,0.5);
margin-right: 3px;
font-size: 1.2rem;
position: relative;
top: -2px;
}
.rel_li li a {
text-decoration: none;
font-weight: 400;
}
#main .rel_li li a:hover{
opacity: 0.7;
text-decoration:underline;
}
.child_link .rel_li{
border-bottom:solid 1px rgba(0,0,0,0.05);
padding-bottom: 5px;
}
.child_link .rel_li:last-child{
border-bottom:none;
padding-bottom: 0;
}
.child_link .rel_li li{
flex-basis: auto;
font-size:90%;
line-height: 1.8;
}
.child_link .rel_li li:first-child{
flex-basis: 100%;
font-size:115%;
margin-bottom: 8px;
}
@media only screen and (max-width: 896px) {
	.rel_li li a {
	font-weight: 500;
	}
}
.rel_c a,
.link_li li a{
display:block;
font-weight:400;
line-height: 1.4;
background: rgba(0,0,0,0.025);
border-top: solid 1px rgba(26,128,196,0.25);
padding:8px 30px 8px 15px;

position:relative;
}
.rel_c a{
border-bottom: solid 1px rgba(26,128,196,0.25);
text-indent: -4.5em;
padding-left: 4.9em;
}
.link_li li:last-child a{
border-bottom: solid 1px rgba(26,128,196,0.15);
}
.rel_c a:before,
.link_li li a .bef{
margin-right: 1rem;
letter-spacing: 0.1em;
font-size: 1.4rem;
font-weight: 500;
color: rgba(0,0,0,0.5);
}
.rel_c a:before{
content: "関連情報";
}
.rel_c a:after,
.link_li li a:after {
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 18px;
margin: auto;
vertical-align: middle;
width: 5px;
height: 5px;
border-top: 1px solid rgba(26,128,196,0.85);
border-right: 1px solid rgba(26,128,196,0.85);
-moz-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.rel_c a:hover:after,
.link_li li a:hover:after{
width: 8px;
height: 8px;
border-width:2px;
/* -moz-transition: width .3s ease-out;
-webkit-transition: width .3s ease-out;
transition: width .3s ease-out;
-moz-transition: height .3s ease-out;
-webkit-transition: height .3s ease-out;
transition: height .3s ease-out; */
}
@media only screen and (max-width: 896px) {
	.rel_c a,
	.link_li li a{
	font-weight:500;
	margin: 0 -10px;
	}
	.rel_c a{
	margin: 0.5rem -10px 0;
	}
}
/*list*/
.li1 li,
.li2 li{
line-height: 1.9;
margin-bottom: 15px;
}
.li1 li:last-child,
.li2 li:last-child{
margin-bottom: 0;
}
.li1 li{
text-indent: -1em;
padding-left: 1em;
}
.li1 li:before {
content: "・";
}
.li2{
counter-reset: number;
}
.li2 li{
text-indent: -1.4em;
padding-left: 1.4em;
}
.li2 li:before {
content: counter(number)".";
counter-increment:number;
padding-right: 10px;
}
.li_s {
font-size: 1.3rem !important;
}
.dl1,
.dl2{
background: rgba(26,128,196,0.1);
padding: 10px;
margin-bottom: 15px;
}
.dl2{
display:flex;
flex-wrap: wrap;
justify-content:left;
}
.dl1 dt,
.dl2 dt,
.dl1 dd,
.dl2 dd{
line-height: 1.4;
padding: 5px 0;
}
.dl1 dt,
.dl2 dt{
font-size: 1.8rem;
font-weight:500;
}
.dl1.dd_li dd,
.dl1.dd_star dd{
text-indent: -1.3em;
padding-left: 1.3em;
}
.dl1.dd_li dd:before {
content: "・";
}
.dl1.dd_star dd:before {
content: "★";
font-size:80%;
color:rgba(26,128,196,0.75);
padding-right:5px;
position:relative;
top:-1px;
}
.dl1.dd_flex{
display: flex;
flex-wrap: wrap;
justify-content: left;
}
.dl1.dd_flex dt{
flex-basis: 100%;
}
.dl1.dd_flex dd{
flex-basis: max-content;
margin-right: 30px;
}
.dl2 dt,
.dl2 dd{
border-bottom: solid 1px rgba(26,128,196,0.25);
margin-bottom: 15px;
}
.dl2 > *:nth-last-child(1),
.dl2 > *:nth-last-child(2){
border-bottom:none;
margin-bottom:0;
}
.dl2 dt{
flex-basis: 24%;
padding-right: 2%;
}
.dl2 dd{
flex-basis: 74%;
}
.dl1 .dl_s {
font-size: 1.3rem;
}
.dl1 .li1 li{
line-height: 1.5;
margin-bottom: 0;
}
@media only screen and (max-width: 896px) {
	.dl1 dt,
	.dl2 dt{
	font-weight:600;
	}
	.dl2 dt{
	flex-basis: 100%;
	padding-right: 0;
	border-bottom:none;
	margin-bottom:0;
	}
	.dl2 dd{
	flex-basis: 100%;
	}
	.dl1.dd_flex dd{
	flex-basis: 100%;
	margin-right: 0;
	}
}
/*arrow*/
.ar_d,
.ar_d_s{
	display: flex;
	justify-content: center;
	margin: 15px auto;
	width:42px;
	height:15px;
	opacity: 0.75;
}
.ar_d_s{
	margin: 10px auto;
	width:25px;
	height:9px;
}
/*flex*/
.flex_dbl,
.flex_tri,
.flex_box{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.flex_dbl > *{
	flex-basis: 46.5%;
}
.flex_tri > *{
	flex-basis: 29.5%;
}
@media only screen and (max-width: 896px) {
	.flex_dbl.all ,
	.flex_tri.all {
		justify-content: space-between;
	}
	.flex_dbl.all  > *{
		flex-basis: 42%;
	}
	.flex_tri.all > *{
		flex-basis: 25%;
	}
	.flex_dbl,
	.flex_tri{
		justify-content: center;
	}
	.flex_dbl > *,
	.flex_tri > *{
		flex-basis: 100%;
	}
}
/*table*/
.tb1{
border:1px solid rgba(26,128,196,0.15);
margin:1rem auto;
}
@media only screen and (min-width: 896px) {
	.tb1{
	width: 100%;
	max-width: 870px;
	}
}
.tb1 tr:nth-child(2n+1),
.td_bk{
background:#fbfbfb;
}
.td_wh{
background:#fff;
}
.tb1 th,
.tb1 td{
line-height: 1.6;
border:1px dashed rgba(26,128,196,0.25);
padding:8px 6px;
text-align:center;
vertical-align:middle;
box-sizing:border-box
}
.tb1 th{
	font-size: 0.9em;
font-weight:600;
color: rgba(0,0,0,0.75);
background:rgba(221,235,243,1);
border:1px solid rgba(255,255,255,0.95);
z-index:1;
}
.tb1 li{
font-size: inherit;
line-height: inherit;
margin-bottom: inherit;
}
.tb1 a{
display: block;
}
.tdl td{
	text-align:left !important;
}
@media only screen and (max-width: 896px) {
	.tb1 td{
		line-height:1.6;
	}
	.tb1 th{
		line-height:1.4;
		padding:4px 6px;
	}
	.tb1 a{
	padding: 5px 0;
	}
}
/*fix*/
.fix_tit{
font-size: 2rem;
line-height: 1.6;
letter-spacing: 0.03em;
background:rgba(26,128,196,1);
color:rgba(255,255,255,0.95);
text-align:center;
box-sizing: border-box;
padding:6px;
margin:15px auto 0;
}
.fix_wrap{
width:100%;
margin:0 auto 15px;
max-height: 390px;
overflow-y: scroll;
border-bottom:solid 1px rgba(26,128,196,0.15);
}
.fix_wrap .tb1{
width:100%;
max-width:100%;
margin:0;
}
.fix_wrap .tb1 th,
.fix_wrap .tb1 td {
line-height: 1.2;
border-bottom: 1px solid rgba(26,128,196,0.15);
}
.fix_wrap .tb1 th{
padding:0 6px;
}
@media only screen and (max-width: 896px) {
	.fix_wrap .tb1 th.th_s{
	padding:0;
	font-size:1.2rem;
	}
}
.fix_wrap .tb1 tr:last-child td{
border-bottom:none;
}
.fix_wrap .tb1 .name{
text-align:left;
padding:0;
}
.fix_wrap .tb1 td.name a{
display:block;
padding:8px 4px;
}
.fix_wrap .tb1 td.fix_sc{
text-align:center;
background: #fbfbfb;
}
.fix_wrap .tb1 td.fix_sc:before,
.fix_wrap .tb1 td.fix_sc:after{
content:"▼";
font-size:1.1rem;
margin:10px;
position:relative;
top:-2px;
}
@media only screen and (max-width: 896px) {
	.fix_wrap .tb1 td.fix_sc{
	font-size:1.4rem;
	}
	.fix_wrap .tb1 td.fix_sc:before,
	.fix_wrap .tb1 td.fix_sc:after{
	font-size:0.9rem;
	}
}
.fix01{
position: sticky;
position: -webkit-sticky;
box-sizing: border-box;
}
.fix01{
height:48px;
top: 0;
}
.fix01:before{
content: "";
position: absolute;
top: -1px;
left: -1px;
width: 100%;
border: 1px solid #fff;
}
.fix01:before{
height:48px;
}
/*note*/
.note{
font-size:1.3rem;
line-height: 1.3;
padding-left: 1.3rem;
text-indent: -1.5rem;
margin-bottom: 8px;
}
.note:before {
content: "※";
padding-right: 5px;
font-size: 80%;
position: relative;
top: -1px;
}
.note.bef1,
.note.bef2,
.note.bef3{
padding-left: 1.9rem;
text-indent: -2.1rem;
}
.note.bef1:before {
content: "※1";
}
.note.bef2:before {
content: "※2";
}
.note.bef3:before {
content: "※3";
}
.note.befw{
padding-left: 4rem;
text-indent: -4.2rem;
}
.note.befw:before {
content: "※WEB";
}
/*cta*/
.cta{
margin: 1.5em;
}
.cta li a,
.cta li .anc{
display: block;
font-size: 2.4rem;
font-weight: 500;
text-align: center;
color: rgba(255,255,255,0.95);
background: rgba(0,0,0,0.45);
box-shadow: 1px 1px 2px rgba(0,0,0,0.15);
margin-bottom: 10px;
border-radius: 6px;
max-width: 350px;
margin: 0.5em auto 1em;
}
.cta .cta_space_ask a{
	background: #75c7bf;
}
.cta .cta_reserve a{
background: rgba(255,78,10,0.85);
}
.cta .cta_line a {
background: #0fad50f7;
}
.cta .cta_catalog a{
background: rgba(255,78,10,0.85);
}
.cta .cta_tel a,
.cta .cta_tel .anc{
background: #e1771ce6;
}
.cta .cta_big{
font-size: 3.8rem;
margin: 0 5px;
}
.cta .cta_tel .cta_num{
display: block;
font-size: 2.8rem;
font-weight: 800;
line-height: 1;
letter-spacing: 0.15em;
border-top: solid 1px rgba(255,255,255,0.6);
width: 65%;
padding-top: 7px;
margin: -10px auto 0;
}
.cta .cta_tel .cta_time{
display: block;
font-size: 1.5rem;
line-height: 1.6;
padding-bottom: 10px;
}
@media only screen and (max-width: 568px) {
	.cta li a{
		font-size: 1.8em;
	}
	.cta .cta_big{
		font-size: 2.8rem;
		font-weight: 600;
	}
	.cta .cta_tel a{
		display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
	}
	.cta .cta_tel .cta_txt{
		flex-basis: 100%;
	}
	.cta .cta_tel .cta_big{
		flex-basis: 44%;
		align-self: center;
		font-size: 2.8rem;
		line-height: 1;
		border-right: solid 2px rgba(255,255,255,0.45);
		padding-right: 7px;
		margin-bottom: 10px;
	}
	.cta .cta_tel .cta_info{
		flex-basis: 48%;
		padding-right: 5px;
	}
	.cta .cta_tel .cta_num{
		font-size: 2.1rem;
		letter-spacing: 0.1em;
		border-top:none;
		padding-top: 0;
		margin: 0;
		width: 100%;
	}
	.cta .cta_tel .cta_time{
		font-size: 0.9rem;
		font-weight: 600;
	}
}
@media only screen and (max-width: 360px) {
	.cta .cta_tel .cta_big{
		font-size: 2.6rem;
	}
	.cta .cta_tel .cta_num{
		font-size: 1.6rem;
	}
	.cta .cta_tel .cta_time{
		letter-spacing: -0.08em;
	}
}
/*pick*/
.pick{
	display:flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.pick_box{
	flex-basis: 49%;
	margin-bottom:60px;
	border-top: solid 5px rgba(26,128,196,0.15);
	border-bottom: solid 1px rgba(26,128,196,0.15);
}
.pick_box:last-child{
	margin-bottom:0;
}
@media only screen and (min-width: 896px) {
	.pick_box:nth-last-child(2){
		margin-bottom:0;
	}
}
.pick_box a{
	color:#333;
}
.pick_box a:after{
	content: "教習所を見る";
	display: block;
	font-size: 2rem;
	font-weight: 600;
	letter-spacing: 0.08rem;
	line-height: 1;
	text-align: center;
	color: rgba(255,255,255,0.95);
	background: rgba(26,128,196,0.9);
	box-shadow: 2px 2px 2px rgba(0,0,0,0.1);
	border-radius:2px;
	padding: 15px;
}
.pick_tit{
	display:flex;
	flex-wrap: wrap;
	font-size: 2rem;
	font-weight: 400;
	line-height:1.4;
	padding-top: 5px;
}
.pick_tit:after{
	content: "格安プラン";
	flex-basis: 100%;
	font-size: 1.5rem;
	letter-spacing: 0.08rem;
	line-height: 1;
	text-align: center;
	color: rgba(255,255,255,0.95);
	background: rgba(26,128,196,0.45);	
	padding: 5px;
	margin-top: 4px;
	border-radius: 2px;
}
.pick_cp .pick_tit:after{
	content: "うれしい!! キャンペーン料金";
	background: rgba(255,76,90,0.85);	
}
.offranking .pick_tit:after{
	content: "オフシーズンのお得料金";
	background: rgba(255,76,90,0.85);	
}
.close .pick_tit:after{
	content: "受付終了";
	background: rgb(0 0 0 / 45%);
}
.pick_area{
	font-weight: 500;
	line-height: 1;
	letter-spacing: 0.15em;
	text-align: center;
	color: rgba(26,128,196,0.85);
	background: rgba(26,128,196,0.15);
	padding: 3px 0 8px;
}
.pick_area:after{
	content: "エリア";
}
.pick_date{
  color: #333;
}
.area_rank{
	flex-basis: 5%;
	font-size: 1.7rem;
	padding:0 0.5%;
	color:white;
	border-radius:10%;
	margin-right:1%;
}
.no1{
	background-color:rgb(247 136 89);
}
.no2{
	background-color:rgb(117 201 198);
}
.no34{
	background-color:rgb(183 131 97);
}
.pick_pref{
	flex-basis: 14%;
	font-size: 1.7rem;
	padding:2px;
}
.offranking .pick_pref {
	flex-basis: 12%;
	font-size: 1.6rem;
}
.pick_name{
	flex-basis: 85%;
}
.offranking .pick_name {
flex-basis: 80%;
}
.pick_fee{
	display:flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.only_at{
	display:block;
	flex-wrap:nowrap;
	justify-content:baseline;
}
.only_at .pick_at{
	flex-basis: 100%;
}
.pick_at,
.pick_mt,
.pick_no,
.pick_5t{
	flex-basis: 49.6%;
	border-bottom: solid 1px rgba(0,0,0,0.25);
	padding-bottom: 10px;
	margin-top: 4px;
}
.pick_no,
.pick_5t{
	flex-basis: 100%;
}
.pick_at:before,
.pick_mt:before,
.pick_no:before,
.pick_5t:before{
	text-align: center;
	display: block;
	font-size: 1.9rem;
	font-weight: 800;
	background: rgba(0,0,0,0.25);
	color: rgba(255,255,255,0.95);
	border-bottom: solid 2px rgba(0,0,0,0.25);
	letter-spacing: 0.2em;
	line-height: 1;
	padding: 5px;
	border-radius: 2px;
}
.pick_at:before{
	content: "AT";
}
.pick_mt:before{
	content: "MT";
}
.pick_no:before{
	content: "所持免許なし";
}
.pick_5t:before{
	content: "準中型5t限定MT免許所持";
}
.pick_in{
	font-size: 4rem;
	line-height: 1;
	font-weight: 600;
	color:rgba(255,76,90,0.85);
	margin: 7px 0 2px;
}
.pick_ex{
	font-size: 2rem;
	line-height: 1;
	color: rgba(0,0,0,0.35);
}
.pick_in:before{
	content: "税込 ￥";
	font-size: 2rem;
}
.pick_ex:before{
	content: "税抜 ￥";
	font-size: 1.5rem;
}
.pick_op{
	line-height: 1.45;
	padding: 5px 0;
	border-bottom: solid 1px rgba(0,0,0,0.25);
	min-height: 60px;
}
.pick_room,
.pick_day,
.pick_day_gra{
	font-size: 1.4rem;
}
.pick_cp_exp,
.pick_dis{
	font-size: 1.4rem;
}
.pick_op .note{
	margin-bottom: 0;
	line-height: inherit;
	text-indent: -1.2rem;
}

.pick_op .li1{
	margin-left: 0.5rem;
}

.pick_op .li1 li{
	margin: 0 1.1rem;
	line-height: inherit;
	font-size: 1.4rem;
	text-indent: -1.4rem;
}
.pick_room:before,
.pick_day:before,
.pick_day_gra:before,
.pick_cp_exp:before,
.pick_dis:before{
	font-size:80%;
	margin-right:0.5rem;
	position:relative;
	top:-2px;
}
.pick_room:before{
	content: "☆";
}
.pick_day:before{
	content: "☆ 入校日：";
}
.pick_day_gra:before{
	content: "☆ 卒業日：";
}
.pick_cp_exp:before,
.pick_dis:before{
	content: "★";
}
.pick_ap{
	margin-top: 1.4rem;
}
.pick_img{
	text-align: center;
	background: rgba(26,128,196,0.065);
}
.pick_img img{
	width:280px;
	
}
.pick_cat{
	margin: 7px 0;
}
.pick_cat li{
	font-size: 1.3rem;
	font-weight: 600;
	line-height: 1.6;
	color: rgba(0,0,0,0.75);
	text-indent: -1em;
	padding-left: 1em;
}
.pick_cat li:before {
content: "・";
}
@media only screen and (max-width: 896px) {
	.pick_box{
		flex-basis: 100%;
	}
}
@media only screen and (max-width: 480px) {
	.pick_tit{
    font-size: 1.2em;
		font-weight: 500;
	}
	.pick_pref{
		flex-basis: 20%;
		font-size: 0.9em;
	}
	.offranking .pick_pref {
		flex-basis: 23%;
	}
	.pick_name{
		flex-basis: 78%;
	}
	.offranking .pick_name {
		flex-basis: 100%;
	}
	.area_rank{
		flex-basis: 9%;
		font-size: 1.6rem;
	}
	.pick_in{
    font-size: 1.8em;
	}
	.pick_ex{
		font-size: 1.5rem;
	}
	.pick_in:before{
		font-size: 1.6rem;
	}
	.pick_ex:before{
		font-size: 1.2rem;
	}
	.pick_op{
		line-height:inherit;
		height:auto;
	}
	.pick_cp_exp,
	.pick_dis,
	.pick_room{
		font-size: 1.35rem;
		margin: 0px 1.6rem;
    text-indent: -1.6rem;
	}
	/* 
	.pick_cp_exp,
	.pick_dis{
		font-size: 1.55rem;
	} 
	*/
	.pick_img img{
    width: 90%;
	}
}
/*scroll*/
@media only screen and (max-width: 568px) {
	.sc {
	text-align: center;
	width: unset;
	overflow:auto;
	overflow-y: hidden;
	white-space: nowrap;
	-webkit-overflow-scrolling: touch;
	overflow-scrolling: touch;
	padding:10px;
	margin-bottom:15px;
	box-shadow: none;
	border: dotted 1px #ddd;
	}
	.sc:after,
	.sc.sc_up:before{
	content: "スクロール >>";
	color: rgba(0,0,0,0.35);
	background: rgba(0,0,0,0.065);
	font-weight:600;
	font-size:90%;
	display: block;
	padding: 2px 5px;
	border-radius: 2px;
	width: 7em;
	text-align: center;
	}
	.sc:after {
	margin: 5px 0 0;
	}.sc.sc_up:before{
	margin: 0 0 5px;
	}
	.sc .sc_in{
	width:max-content;
	padding-right:10px;
	}
}
/*link_season*/
.link_season ul{
	display:flex;
	flex-wrap: wrap;
	justify-content: flex-start;
}
.link_season ul li{
	flex-basis: 32.5%;
	margin-right: 1%;
	margin-bottom: 10px;
}
.link_season ul li:nth-child(3n){
	margin-right: 0;
}
.link_season .bn_scroll ul li:nth-child(3n){
	margin-right: 1.5vw;
}
.link_season ul li img{
	border-radius: 6px;
	box-shadow: 1px 1px 2px rgba(0,0,0,0.15);
}
.link_season .bn_scroll ul{
	display:block;
}
.link_season .bn_scroll ul li{
	width:29vw;
}
@media only screen and (max-width: 896px) {
	.link_season ul{
		justify-content: space-between;
	}
	.link_season ul li{
		flex-basis: 48.5%;
		margin-right: 0;
	}
	.link_season .bn_scroll ul li{
		width:39vw;
	}
}
/*link_cheap*/
.link_cheap ul{
	display:flex;
	flex-wrap: wrap;
	justify-content: flex-start;
}
.link_cheap ul li{
	flex-basis: 32.5%;
	margin-right: 1%;
	margin-bottom: 10px;
}
.link_cheap ul li:nth-child(3n){
	margin-right: 0;
}
.link_cheap ul li img{
	border-radius: 6px;
	box-shadow: 1px 1px 2px rgba(0,0,0,0.15);
}
@media only screen and (max-width: 896px) {
	.link_cheap ul{
		justify-content: space-between;
	}
	.link_cheap ul li{
		flex-basis: 48.5%;
		margin-right: 0;
	}
}
/*link_car*/
.link_car ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	gap: 1em;
	width: 93%;
	margin: auto;
}
.link_car ul li{
	flex-basis: 15%;
}
.link_car ul li img{
	border-radius: 6px;
	box-shadow: 1px 1px 2px rgba(0,0,0,0.15);
}
@media only screen and (min-width: 896px) {
	.link_car ul li:nth-child(6n){
		margin-right: 0;
	}
}
@media only screen and (max-width: 896px) {
	.link_car ul li{
		flex-basis: 30.6%;
	}
	.link_car ul li:nth-child(3n){
		margin-right: 0;
	}
}
/*link_area*/
.link_area ul{
	display:flex;
	flex-wrap: wrap;
	justify-content: flex-start;
}
.link_area ul li{
	flex-basis: 15.8%;
	margin-right: 1%;
	margin-bottom: 10px;
}
.link_area ul li img{
	border-radius: 6px;
	box-shadow: 1px 1px 2px rgba(0,0,0,0.15);
}
.link_area .bn_scroll ul{
	display:block;
}
.link_area .bn_scroll ul li{
	width:16vw;
}
@media only screen and (min-width: 896px) {
	.link_area ul li:nth-child(6n){
		margin-right: 0;
	}
}
@media only screen and (max-width: 896px) {
	.link_area ul li{
		flex-basis: 31.5%;
		margin-right: 2.6%;
	}
	.link_area ul li:nth-child(3n){
		margin-right: 0;
	}
	.link_area .bn_scroll ul li{
		width:26vw;
	}
}
/*link_purpose*/
.link_purpose ul{
	display:flex;
	flex-wrap: wrap;
	justify-content: flex-start;
}
.link_purpose ul li{
	flex-basis: 23%;
	margin-right: 1%;
	margin-bottom: 10px;
	border:solid 2px rgba(0,0,0,0.065);
}
.link_purpose ul li:nth-child(4n){
	margin-right: 0;
}
.link_purpose ul li img{
	border-radius: 6px;
	box-shadow: 1px 1px 2px rgba(0,0,0,0.15);
}
.link_purpose a{
	display:block;
	color: #333;
	padding:10px 15px;
}
.link_purpose dt{
	font-size:0.9em;
	font-weight:500;
	letter-spacing:0.08em;
	text-align:center;
}
.link_purpose dd:nth-child(2){
	width: 50%;
	margin: 10px auto;
}
.link_purpose dd:nth-child(3){
	font-size: 1.45rem;
	line-height: 1.6;
}
.link_purpose .bn_scroll ul{
	display:block;
}
.link_purpose .bn_scroll ul li{
	width:16vw;
	border:solid 2px rgba(0,0,0,0.065);
}
.link_purpose .bn_scroll dd:nth-child(2){
	width: 100%;
	margin-bottom:0;
}
@media only screen and (max-width: 896px) {
	.link_purpose ul{
		justify-content: space-between;
	}
	.link_purpose ul li{
		flex-basis: 100%;
		margin-right: 0;
	}
	.link_purpose dt{
	font-weight:600;
	}
	.link_purpose dd:nth-child(2){
		width: 25%;
	}
	.link_purpose .bn_scroll ul li{
		width:38vw;
	}
	.link_purpose .bn_scroll a{
		padding:10px 10px;
	}
	.link_purpose .bn_scroll dt{
		font-size:1.1rem;
	}
}
/*link_useful*/
.link_useful ul{
	display:flex;
	flex-wrap: wrap;
	justify-content: flex-start;
}
.link_useful ul li{
	flex-basis: 23%;
	margin-right: 1%;
	margin-bottom: 10px;
	border:solid 2px rgba(0,0,0,0.065);
}
.link_useful ul li:nth-child(4n){
	margin-right: 0;
}
.link_useful ul li img{
	border-radius: 6px;
	box-shadow: 1px 1px 2px rgba(0,0,0,0.15);
}
.link_useful a{
	display:block;
	color: #333;
	padding:10px 15px;
}
.link_useful dt{
	font-size:1.8rem;
	font-weight:500;
	letter-spacing:0.08em;
	text-align:center;
}
.link_useful dd:nth-child(2){
	width: 50%;
	margin: 10px auto;
}
.link_useful dd:nth-child(3){
	font-size: 1.45rem;
	line-height: 1.6;
}
@media only screen and (max-width: 896px) {
	.link_useful ul{
		justify-content: space-between;
	}
	.link_useful ul li{
		flex-basis: 100%;
		margin-right: 0;
	}
	.link_useful dt{
	font-weight:600;
	}
	.link_useful dd:nth-child(2){
		width: 30%;
	}
}
#c0 .txt{
margin:0.5em;
}
/*date*/
#c0 .date{
  font-size: 1.35rem;
  letter-spacing: 0.08em;
  line-height: 1.6;
  color: rgb(101 125 141);
  width: max-content;
  margin-bottom: 5px;
}
#c0 .date:before{
  content:"最終更新日：";
}
/*ran*/
.ran_flex {
  display:flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin: 30px auto 0;
}
.ran,.ran_rev {
	position: relative;
	display: flex;
	margin-bottom: 30px;
	gap: 1em;
}
.ran{
  justify-content: flex-start;
}
.ran_rev {
  flex-direction: row-reverse;
}
.ran_img {
  max-width: 75px;
}
.ran_img img {
  width: 100%;
  border-radius: 6px;
}
.ran_area {
	flex-basis: 75%;
	position: relative;
	display: inline-block;
	padding: 0.5em;
	background: #FFF;
	border: solid 3px #afafaf;
	box-sizing: border-box;
	border-radius: 0.5em;
}
.ran_area:before {
	content: "";
	position: absolute;
	top: 50%;
	left: -24px;
	margin-top: -12px;
	border: 12px solid transparent;
	border-right: 12px solid #fff;
	z-index: 2;
}
.ran_area:after {
	content: "";
	position: absolute;
	top: 50%;
	left: -30px;
	margin-top: -14px;
	border: 14px solid transparent;
	border-right: 14px solid #afafaf;
	z-index: 1;
}
.ran_rev .ran_area:before {
	left: unset;
	right: -23px;
	transform: rotate(180deg);
}
.ran_rev .ran_area:after {
	left: unset;
	right: -29px;
	transform: rotate(180deg);
}
@media only screen and (min-width: 896px) {
  .ran_img {
    max-width: 125px;
  }
  .ran_area {
    min-height: 100px;
    width: 85%;
    top: 65px;
    padding: 20px;
    font-size: 1.05em;
  }
  .ran_txt {
    margin-left: 6.8em;
  }
  .ran_rev .ran_txt {
    margin-right: 6.8em;
  }
}
@media only screen and (min-width: 1050px) {
  .ran_area {
    width: 83%;
  }
}
@media only screen and (min-width: 1125px) {
  .ran_area {
    width: 79%;
  }
}
@media only screen and (min-width: 1200px) {
  .ran_area {
    width: 75%;
  }
}
/*sch_box*/
.sch_box,.sch_box a {
  font-weight: 400;
  color: rgba(0,0,0,0.8)!important;
}

.sch_box .bg1 {
  border: 1px solid rgba(26,128,196,0.3);
}
/*cov_btn*/
.cov_btn{
  box-sizing: border-box;
  max-width: 315px;
  margin: 40px auto 0;
  padding:10px;
  background:rgba(230,51,65,0.65);
  border-radius:6px;
  text-align:center;
}
.cov_btn p {
  font-weight:500;
  color:rgba(255,255,255,1);
}
/*news_top*/
.news_top{
  display:flex;
  justify-content:space-around;
  flex-wrap: wrap;
  margin: 10px 0;
}
.news_cul{
  width:480px;
  margin: 10px 0;
  padding:10px;
  background: rgba(26,128,196,0.15);
  border-radius: 6px;
}
.news_cul a {
  color: rgba(0,0,0,0.8);
}
.news_cul .news_txt {
  line-height: 1.5;
  padding-bottom:10px;
}
.news_cul img {
  border-radius: 6px;
  width: 45%;
}
.news_cul h3 {
  font-weight:500;
}
.news_cul_d{
  width: 520px;
}
.news_f {
  display:flex;
  align-items: flex-start;
}
/*rec_btn*/
.rec_btn {
  color:rgba(26,128,196,1);
}
.rec_btn p {
  display:inline-block;
  border-bottom:solid 1px rgba(26,128,196,1);
  line-height: 1.5;
}
/*.rec_btn p:after {
  font-family: "Font Awesome 5 Free";
  content: "\f0a4";
  font-weight: 700;
  transition: all 200ms ease-in-out;
}*/
/*bn_scroll*/
.bn_scroll ul {
  text-align: center;
  width: unset;
  overflow: scroll;
  overflow-y: hidden;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
  overflow-scrolling: touch;
  padding: 10px;
  box-shadow: none;
  border: dotted 1px #ddd;
}
.bn_scroll ul:after {
  content: "スクロール >>";
  color: rgba(45,4,0,0.4);
  background: rgba(26,128,196,0.05);
  font-weight: 600;
  font-size: 1.2rem;
  display: block;
  margin: 10px 0 0;
  padding: 0px 5px;
  border-radius: 4px;
  width: 7em;
  text-align: center;
}
.bn_scroll ul li {
  display: inline-block;
  width: 24vw;
  margin: 0 1.5vw 0 0;
  border: none;
  height: auto;
  line-height: inherit;
}
/*q_and_a*/
.q_and_a{
margin-bottom: 15px;
text-indent: -2.45em;
padding-left: 2.3em;
}
.question{
font-weight:600;
}
.question::before {
content: "Q";
padding: 0px 6.5px 2px;
margin-right: 10px;
background: #89c3eb;
border-radius: 3px;
font-size: 21px;
font-weight: 600;
color: white;
}
.answer::before {
content: "A";
padding: 0px 8px 1px;
margin-right: 10px;
background: #ee827c;
border-radius: 3px;
font-size: 20px;
font-weight: 600;
color: white;
}
/*fix_line*/
#fix_line {
position: fixed;
right: 0px;
bottom: 100px;
-webkit-transition: all .3s;
transition: all .3s;
}
#fix_line a:hover {
filter: brightness(105%);
right: 0;
}
#fix_line a {
display: inline-block;
color: rgba(255,255,255,0.95) !important;
font-size: 1.8rem;
font-weight: 600;
line-height: 1.25;
letter-spacing: 0.15em;
background: rgba(76,175,80,0.9);
text-decoration: none;
padding: 8px 0 10px;
border-radius: 3px 0 0 3px;
box-shadow: 0 0 3px rgb(0 0 0 / 25%);
text-align: center;
}
#fix_line a span{
display: block;
font-size: 115%;
font-weight: 600;
padding: 5px 20px 5px 22px;
margin-top: 5px;
background: rgba(245,85,0,0.85);
}
@media only screen and (max-width: 896px){
	#fix_line a {
		font-size: 1.4rem;
		z-index: 999;
	}
	#fix_line a span {
		padding: 5px 12px 2px 16px;
	}
}
/* head_txt */
.head_txt{
line-height: 1.3;
display: inline-block;
margin: 1em 0;
}
.head_txt p{
font-size: 1.05em;

padding-right: 0.5em;
padding-bottom: 0.25em;
font-weight: 500;
}
.head_txt p:last-child{
border-top: #656bffba solid 1px;
font-size: 1.35em;
font-weight: 500;
padding-top: 0.25em;
}
.head_txt_area{
display: flex;
flex-wrap: wrap;
}
.head_txt_area .head_txt{
display: flex;
flex-wrap: wrap;
}
@media only screen and (min-width: 896px){
	.flex_img{
	float: right;
	max-width: 420px;
	margin-bottom: 3em;
	margin-left: 3em;
	}
	.cf:after{
	clear: both;
	}
	.flex_cl{
	display: flex;
	flex-direction: column-reverse;
	margin-top: 2em;
	}
}

@import url("https://fonts.googleapis.com/css2?family=Dancing+Script&display=swap");

.side_tit {
color: rgb(88 171 223 / 48%);
font-size: 1.5em;
font-weight: 400;
}
.cov{
border: 1px solid rgba(26,128,196,0.85);
margin: 0.5em;
text-align: center;
}
.mv img{
width:100%;
height:auto;
}
.top_sec1.bike .link_bottom1{
margin-bottom:1.5em;
}


/* link_bn1 */
.link_bn1{
display: block;
border-radius: 0.5em;
border: rgba(26,128,196,1) solid 1px;
background: #fff;
position: relative;
margin-bottom: 3em;
padding-bottom: 2.5em;
line-height: 3;
}
.link_bn1:hover {
opacity: 1;
}
.link_bn1 > p:first-child{
background: #0070c0;
color: #fff;
font-weight: 600;
font-size: 1.2em;
text-align: initial;
border-radius: 0.25em 0.25em 0 0;
padding-left: 1em;
}
.link_bn1 .top_list_content{
justify-content: space-around;
align-items: flex-end;
text-align: start;
line-height: 1.3;
margin: 1em;
color: #333;
}
.link_bn1 .top_list_content .left{
font-size: 1.6em;
}
.link_bn1 .top_list_content .left span{
font-size: 0.8em;
}
.link_bn1 .top_list_content .right{
font-size: 0.9em;
}
.link_bn1::before {
background: url(/img/common/link_bn1_icon.png);
display: block;
width: 50px;
height: 50px;
background-size: cover;
position: absolute;
left: 0;
top: 0;
}

@media only screen and (max-width: 895px){
	.link_bn1 .top_list_content{
	display:block;
	}
	.link_bn1 .top_list_content .left{
	margin-bottom: 1em;
	padding-bottom: 0.5em;
	border-bottom: #0070c0 solid 1px;
	}
}
@media screen and (min-width:896px) and (max-width:1024px){
	.link_bn1 .top_list_content{
	display: block;
	}
	.link_bn1 .top_list_content .left{
	margin-bottom: 1em;
	padding-bottom: 0.5em;
	border-bottom: 1px #0070c0 solid;
	}
}
@media screen and (min-width:1025px){
	.link_bn1 .top_list_content{
	display: flex;
	}
	.link_bn1{
	max-width: 750px;
	margin: 0 auto 5em;
	}
}
/* link_btn */
.link_btn1 a,
.bn_scroll ul li{
background-color: #fff;
}
.link_btn1 a{
background: #0070c0;
color: #fff;
font-size: 1.1em;
display: block;
}
.link_btn1 a:after,
.link_btn2 a:after{
border-top: 2px solid #fff;
border-right: 2px solid #fff;
}
.link_btn1 a:hover{
color: #fff;
}    
.link_btn1 a:after {
content: "";
display: inline-block;
width: 7px;
height: 7px;
border-top: 2px solid #fff;
border-right: 2px solid #fff;
transform: rotate(45deg);
margin-left: 0.5em;
}
.link_btn2 a{
position: relative;
overflow: hidden;
background:#fff;
text-decoration: none;
display: block;
text-align: center;
outline: none;
transition: ease .2s;
border: 0.5px solid #1a80c4;
padding: 0 1em;
line-height: 3;
}
.link_btn2 a span {
position: relative;
z-index: 3;
color:#333;
}
.link_btn2:hover a{
opacity:1;
}
.link_btn2:hover a span{
color:#fff;
}
.link_btn2 a:before {
content: "";
position: absolute;
top: 0;
left: 0;
z-index: 2;
background:#1a80c4;
width: 100%;
height: 100%;
transition: transform .6s cubic-bezier(0.8, 0, 0.2, 1) 0s;
transform: scale(0, 1);
transform-origin: right top;
}
.link_btn2 a:hover:before{
transform-origin:left top;
transform:scale(1, 1);
z-index: 0;
}
.link_btn2 a:after {
content: "";
display: inline-block;
width: 7px;
height: 7px;
border-top: 2px solid #0064c0;
border-right: 2px solid #0064c0;
transform: rotate(45deg);
margin-left: 0.5em;
}
.link_btn2 a:hover::after {
border-top: 2px solid #fff;
border-right: 2px solid #fff;
}
.link_btn3 a{
display: flex;
gap: 0.5em;
justify-content: center;
align-items: center;
border: 1px solid rgba(26,128,196,0.85);
position: relative;
background-color: #fff;
}
.link_btn3 a::after {
content: "";
width: 7px;
height: 7px;
border-top: 2px solid rgba(26,128,196,0.85);
border-right: 2px solid rgba(26,128,196,0.85);
transform: rotate(45deg);
}
/* plan2 */
.pick2{
background: rgba(26,128,196,0.065);
}
.pick2 .pick_box2{
padding-bottom: 2em;
margin-bottom: 2em;
}
.pick_tit2{
font-size: 1.4em;
letter-spacing: 0.08rem;
line-height: 1;
color: rgba(255,255,255,0.95);
background: rgba(26,128,196,0.7);
padding: 0.5em;
margin-top: 4px;
border-radius: 2px;
}
.pick2 .pick_pref{
font-size: 0.7em;
padding: 2px;
}
.pick2 .pick_img2{
float: left;
margin-right: 1em;
}
.pick2 .pick_rec_area{
margin: 1em;
}
.pick2 .pick_comment p{
margin-bottom:1em;
}
.pick2 .pick_comment::after {
clear: both;
content: "";
display: block;
}
.pick2 .pick_point {
position: relative;
background: #ffe86eb8;
display: inline-block;
padding: 0.25em 0.5em;
padding-top: 3.3em;
}
.pick2 .pick_point::before {
content: "- point";
position: absolute;
font-size: 0.9em;
font-weight: 500;
top: 0em;
left: 0.8em;
color: #333333bd;
}
.pick2 .pick_point::after {
content: "	★人気のポイント";
position: absolute;
font-size: 1.2em;
font-weight: 600;
top: 1em;
left: 0.5em;
}
.pick2 .pick_point li {
text-indent: -1em;
padding-left: 1em;
}
.pick2 .pick_point li::before {
content: "・";
}
.pick2 .trans_point {
position: relative;
background: #daf6dd;
display: inline-block;
padding: 0.25em 0.5em;
padding-top: 3.3em;
}
.pick2 .trans_point::before {
content: "- access";
position: absolute;
font-size: 0.9em;
font-weight: 500;
top: 0em;
left: 0.8em;
color: #333333bd;;
}
.pick2 .trans_point::after {
content: "◆アクセス";
position: absolute;
font-size: 1.1em;
font-weight: 600;
top: 1em;
left: 0.5em;
}
.pick2 .trans_point li {
padding-left: 1em;
}
.pick2 .trans_point li.place::before {
content: "【集合場所】";
display:block;
font-weight: 600;
}
.pick2 .trans_point li.trans::before {
content: "【交通費】";
display:block;
font-weight: 600;
}
.pick2 .pick_flex {
display: flex;
justify-content: space-between;
align-items: stretch;
margin: 1em;
}
.pick2 .pick_rec_area{
margin: 1em 1em 0;
}
.pick2 .pick_point_area {
width: 49%;
display: grid;
}
.pick2 .pick2_table {
width: 48%;
}
.pick2 .pick2_table table{
width: 100%;
height: 100%;
}
.pick2 .pick2_table th,
.pick2 .pick2_table td{
line-height: 1.6;
border:1px dashed rgba(26,128,196,0.25);
padding:8px 6px;
text-align:center;
vertical-align:middle;
box-sizing:border-box
}
.pick2 .pick2_table th{
font-size:1.4rem;
font-weight:600;
color: rgba(0,0,0,0.75);
background:rgba(221,235,243,1);
border:1px solid rgba(255,255,255,0.95);
z-index:1;
}
.pick2 .pick2_table td{
background:#fff;
}
.pick2 .pick2_table:empty::after{
content: none;
}
.pick2 .cta{
margin: 2em auto 0;
text-align: center;
}
.pick2 .cta a{
min-width: 250px;
display: inline-block;
font-size: 2rem;
font-weight: 600;
letter-spacing: 0.08rem;
line-height: 1;
text-align: center;
color: rgba(255,255,255,0.95);
background: rgba(26,128,196,0.9);
box-shadow: 2px 2px 2px rgba(0,0,0,0.1);
border-radius: 2px;
padding: 15px;
}
@media only screen and (max-width: 896px){
	.pick2 .pick_pref{
	display: block;
	}
	.pick2 .pick_rec_area {
	margin: 0.5em;
	}
	.pick2 .pick_img2{
	float: none;
	margin: 0;
	}
	.pick2 .pick_img2 img{
	max-width: none;
	width: 100%;
	}
	.pick2 .pick_flex{
	display: block;
	margin: 0.5em;
	}
	.pick2 .pick_point_area,
	.pick2 .pick2_table{
	width: 100%;
	margin-bottom: 1em;
	}
}
/* plan_sc */

.plan_sc .sch_name a{
display:inline;
}
.plan_sc .planarea{
text-align: left;
}
.plan_sc .sch_name{
border-bottom: #9f9e9e dashed 2px;
margin-bottom: 0.5em;
padding-bottom: 0.5em;
}
.plan_sc .sch_name span {
border-right: 3px solid #6bb7ff;
padding-right: 5px;
margin-right: 5px;
font-size: 0.9em;
}
.plan_sc .at,
.plan_sc .mt{
color:rgba(255,76,90,0.85);
font-size: 1.1em;
}
.plan_sc .room:before,
.plan_sc .meals:before,
.plan_sc .at:before,
.plan_sc .mt:before{
font-size:0.9em;
color:#333;
}
.plan_sc .room:before{
content:"部屋タイプ：";
}
.plan_sc .meals:before{
content:"食事：";
}
.plan_sc .at:before{
content:"普通車AT(税込料金)：";
}
.plan_sc .mt:before{
content:"普通車MT(税込料金)：";
}
.plan_sc .room:empty::before,
.plan_sc .meals:empty::before,
.plan_sc .at:empty::before,
.plan_sc .mt:empty::before{
content:"";
}
@media only screen and (min-width: 895px){
  .plan_sc tr th:first-of-type {
  width: 20%;
  }
  .plan_sc tr td:last-of-type {
  display: flex;
  justify-content: space-around;
  align-items: center;
  }
  .plan_sc .planarea{
  flex-basis: 70%;
  }
  .plan_sc tr td:last-of-type {
  flex-basis: 20%;
  }
  .plan_sc .planarea ul{
  display:flex;
  flex-wrap: wrap;
  }
  .plan_sc .planarea ul li{
  flex-basis: 45%;
  }
  .plan_sc .planarea ul li.sch_name{
  flex-basis: 100%;
  }
  .plan_sc .at{
  order:1;
  }
  .plan_sc .room{
  order:2;
  }
  .plan_sc .mt{
  order:3;
  }
  .plan_sc .meals{
  order:4;
  }
}
/* faq */
.set_rep_sum a {
color: #333;
display: block;
padding-bottom: 0.5em;
margin-bottom: 0.5em;
border-bottom: 1px solid #3333331c;
}
p.sum_tit {
color: rgba(26,128,196,0.85);
}
p.sum_txt {
border-left: #33333329 solid 3px;
padding-left: 0.7em;
height: auto;
width: 92%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
p.sum_tags span {
margin-right: 0.5em;
}
.nav_cont a{
display: block;
font-weight: 400;
line-height: 1.4;
border-bottom: solid 1px rgba(26,128,196,0.25);
padding: 0.8rem 3rem 0.8rem 1.5rem;
position: relative;
}
.nav_cont a:after{
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 18px;
margin: auto;
vertical-align: middle;
width: 5px;
height: 5px;
border-top: 1px solid rgba(26,128,196,0.85);
border-right: 1px solid rgba(26,128,196,0.85);
-moz-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.nav_cont{
margin: 0 0.5em;
}
/* line_icon */
.line_icon{
width:40px;
height:auto;
position:absolute;
top:5px;
right:57px;
}
/* text_rec */
.text_rec {
background: #fff;
justify-content: space-around;
}
.text_rec a{
position: relative;
display: flex;
justify-content: space-between;
padding-bottom: 0.5em;
margin-bottom: 0.5em;
padding: 0.5em;
box-shadow: 6px 6px 6px 0px rgb(215 215 215 / 45%);
background: #fff;
color: #333;

}
@media only screen and (min-width: 896px){
	.text_rec a{
	flex-basis: 42.5%;
	}
}
.text_rec a :after {
content: "";
position: absolute;
bottom: 0;
right: 0;
width: 0;
height: 0;
border-bottom: 14px solid #27acd9;
border-left: 14px solid transparent;
}
.text_rec_img img {
width: 100%;
height: auto;
}
.text_rec a .text_rec_img{
flex-basis: 40%;
}
.text_rec a .text_rec_img img {
width: 150px;
height: 85px;
object-fit: cover;
}
.text_rec a .text_rec_txt{
flex-basis: 57%;
font-size: 0.9em;
}
.text_rec a .text_rec_txt.titon{
font-size:0.9em;
}
.text_rec a .text_rec_txt.titon span{
font-size:1.1em;
margin-bottom:1em;
}
.text_rec a .ribbon {
position: absolute;
top: -6px;
left: -6px;
width: 89px;
height: 91px;
overflow: hidden;
}
.text_rec a .ribbon span{
display: inline-block;
position: absolute;
padding: 7px 0;
left: -23px;
top: -11px;
width: 110px;
text-align: center;
font-size: 18px;
line-height: 16px;
background: linear-gradient(to right, #4298fa 0%, #8fcdff 100%);
color: #fff;
text-shadow: 0 2px 2px #56a1f3;
letter-spacing: 0.05em;
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}
.text_rec a .ribbon span:before,
.text_rec a .ribbon span:after{
position: absolute;
content: "";
border-bottom: 4px solid #3672b6;
border-left: 4px solid transparent;
border-right: 4px solid transparent;
bottom: 14px;
}
.text_rec a .ribbon span:before {
left: 14px;
}
.text_rec a .ribbon span:after {
right: 18px;
}

/* rel_img_list */
.rel_img_list ul {
	width: 94%;
	margin: auto;
	margin-bottom: 4.5em;

	& a {
		position: relative;
		display: flex;
		gap: 0.5em;
		min-height: 70px;
		color: #333;
		border-bottom: 1px dashed #3333;
		padding-bottom: 0.5em;
		margin-bottom: 0.5em;

		&:after {
			content: "";
			right: 10px;
			position: absolute;
			top: calc(50% - 7px);
			transform: translateY(-50%);
			-webkit-transform: translateY(-50%);
			-ms-transform: translateY(-50%);
			display: inline-block;
			width: 7px;
			height: 7px;
			border-top: 2px solid #5b5b5b;
			border-right: 2px solid #5b5b5b;
			transform: rotate(45deg);
			margin-left: 0.5em;
		}

		& p {
			padding-right: 2em;
			word-break: auto-phrase;
		}

		& span {
			font-size: 0.9em;
			display: block;
			color: #858383;
		}

		& img {
			max-width: 125px;
			height: auto;
		}
	}
}

@media only screen and (min-width: 896px){
	.rel_img_list ul {
		display: flex;
		flex-wrap: wrap;
		gap:1%;
		border: none;

		& li {
			flex-basis: 24.2%;
			width: 24.2%;

			& a {
				display: block;
				border-bottom: none;

				&:after{
					content: none;
				}

				& img {
					max-width: none;
					width: 100%;
				}

				& p {
					padding:0;
				}
			}
		}
	}
}

/* tb_slider */
.tb_slider {
	line-height: 1.5;
	letter-spacing: 0.03em;
	overflow: scroll;
	overflow-y: hidden;
	-webkit-overflow-scrolling: touch;
	overflow-scrolling: touch;
	margin-bottom: 1em;

	& > table{
		min-width: 1050px;
	}
}

/* des_tit */
.mv.des_on {

	& img {
		object-fit: cover;
		width: 100%;
	}
}

.des_tit{
	font-size: 0.85em;
	padding: 9px;
	background: #fff;
	box-shadow: 0 0 10px rgba(0, 0, 0, .2);
	position: relative;
	margin-top: -20px;
	margin-right: calc(4vw);
	margin-left: calc(4vw);

	& h1 {
		display: block;
    text-align: center;
    font-size: 1.2em;
    margin-top: 0.5em;
    font-weight: 600;
	}

	& p {
		display: block;
    font-size: 1.1em;
    line-height: 1.8;
    margin-bottom: 20px;
	}
}

@media only screen and (min-width: 896px){
	.mv.des_on {
		& img {
			height: 60vh;
		}
	}

	.des_tit{
		position: absolute;
		width: 26vw;
		top: 45vh;
		left: 6vw;
	}
}