@charset "UTF-8";
/********************************************************************************************************************************
	***************************************************************************************************************************
 	plan common styles START
 	***************************************************************************************************************************
 ********************************************************************************************************************************/

.plan{
	font-family: "Noto Sans JP", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	overflow-x: hidden;
}
.plan .main_section{
	position: relative;
	margin-bottom: 40px;
}
.plan .large-centered{
	float: none !important;
}
.plan .section{
	margin-bottom: 115px;
	position: relative;
	text-align: center;
}

.plan .w700{
	max-width: 700px;
	width: 100%;
}
.plan .w496{
	max-width: 496px;
	width: 100%;
}
.plan .section .cap{
	font-size: 16px;
	margin-top: 5px;
}
.plan .section .disc_title{
	font-size: 20px;
	font-weight: 500;
	margin: 40px 0;
}
.plan .section .disc_txt{
	line-height: 2.0;
	margin: 0;
}

.val_m{ position: relative; }
.val_m p{
	position: absolute;
	left: 0;
	top: 50%;
	-webkit-transform: translate(0 , -50%);
	   -moz-transform: translate(0 , -50%);
	    -ms-transform: translate(0 , -50%);
	     -o-transform: translate(0 , -50%);
	        transform: translate(0 , -50%);
}

.plan .f_none{ float: none !important; }

.plan .title_section{ margin-bottom: 115px; }

.plan .main_img{ margin-bottom: 0; }
.plan .localNav{
	width: 100%;
	margin-top: -5.6%;
}
.plan .localNav_inner{
	margin: 0 auto;
	width: 100%;
	text-align: center;
}
.plan .localNav_inner li{
	display: inline-block;
	width: 33.333333333%;
}
.plan .localNav_inner li a{
	display: block;
	width: 100%;
	-webkit-background-size: 100% auto !important;
	     -o-background-size: 100% auto !important;
	        background-size: 100% auto !important;
}
.plan .localNav_inner li a:hover{
	opacity: 1;
}
.plan .localNav_inner li.plan01 a{ background: url("../images/plan/nav01.png") no-repeat 0 0;}
.plan .localNav_inner li.plan02 a{ background: url("../images/plan/nav02.png") no-repeat 0 0;}
.plan .localNav_inner li.plan03 a{ background: url("../images/plan/nav03.png") no-repeat 0 0;}
.plan .localNav_inner li.plan01 a:hover{ background: url("../images/plan/nav01_on.png") no-repeat 0 0;}
.plan .localNav_inner li.plan02 a:hover{ background: url("../images/plan/nav02_on.png") no-repeat 0 0;}
.plan .localNav_inner li.plan03 a:hover{ background: url("../images/plan/nav03_on.png") no-repeat 0 0;}
.plan .localNav_inner li.plan01.active a{ background: url("../images/plan/nav01_on.png") no-repeat 0 0;}
.plan .localNav_inner li.plan02.active a{ background: url("../images/plan/nav02_on.png") no-repeat 0 0;}
.plan .localNav_inner li.plan03.active a{ background: url("../images/plan/nav03_on.png") no-repeat 0 0;}

.link_detail{ text-align: center; }
.link_detail a{
	width: 50%;
	display: inline-block;
	padding: 10px 20px;
	color: #FFF;
	font-weight: 600;
	font-size: 16px;
	margin: 30px 0 0;
}
.link_detail a:hover{
	color: #FFF;
	text-decoration: none;
}
.link_detail a .fa{ margin-right: 5px; }

.plan01 .link_detail a{ background: #B8D530; }
.plan02 .link_detail a{ background: #f67961; }
.plan03 .link_detail a{ background: #6DC5E7; }

.about_plan_section{ margin-bottom: 50px;}

.reporter_section{
	margin: 0 auto 60px;
	padding: 25px 0 10px;
	background: url("../images/plan/reporter_bg_stripe.png") repeat 0 0;
	position: relative;
	max-width: 960px;
	width: 100%;
	-webkit-box-shadow: rgba(0,0,0,0.5) 0 0 8px -2px;
	        box-shadow: rgba(0,0,0,0.5) 0 0 8px -2px;
}
.reporter_section::before,
.reporter_section::after{
	content: "";
	display: block;
	position: absolute;
	background: url("../images/plan/reporter_bg_pin.png") repeat 0 0 / 100% auto;
}
.reporter_section::before{
	left: -8px;
	top: -8px;
	width: 50px;
	height: 50px;
}
.reporter_section::after{
	right: -8px;
	bottom: -8px;
	width: 50px;
	height: 50px;
}
.reporter_section .reporter_list{
	margin: 0 auto;
	text-align: center;
	width: 100%;
	font-size: 0;
}
.reporter_section .reporter_list li{
	display: inline-block;
	width: 24.133333%;
}
.reporter_section.only{ padding-bottom: 30px; }
.reporter_section.only li{ width: 100%; }
.reporter_section .reporter_list li:nth-of-type(2){
	margin: 0 5.5%;
}
.reporter_section .reporter_list li .name{ font-size: 17px; }
.reporter_section.only .reporter_list p{ font-size: 15px; }
.reporter_section.only li .name{
	font-weight: bold;
	font-size: 18px;
	text-align: left;
}
.reporter_section.only li{ padding: 0 10%; }

.reporter_section .title{
	font-size: 23px;
	font-weight: 600;
	margin-bottom: 25px;
}

.bus_time_schedule{
	margin-bottom: 100px;
}

.point_section{ margin-top: 370px; }
.point_section h2{ margin-bottom: 40px; }
.point_section h2 img{
	max-width: 227px;
	width: 100%;
}
.point_section_inner{
	padding: 50px;
	border: 2px solid #f67961;
	-webkit-border-radius: 5px;
	        border-radius: 5px;
	margin-bottom: 100px;
}
.point_section .disc{ padding-top: 5%; }
.point_section .link_detail a{
	width: 60%;
	margin-top: 10px;
}

.plan01 .point_section_inner{ border: 2px solid #b8d530;}
.plan02 .point_section_inner{ border: 2px solid #f67961;}
.plan03 .point_section_inner{ border: 2px solid #000;}


.section_other{ margin-bottom: 160px; }
.section_other h3{
	text-align: center;
	position: relative;
	margin-bottom: 50px;
}
.section_other h3 span{
	margin: 0 auto;
	font-size: 20px;
	font-weight: 600;
	display: inline-block;
}
.section_other h3 span::after{
	margin-top: 10px;
	display: block;
	content: "";
	width: 100%;
	height: 2px;
	background: #f1c203;
}
.section_other ul{
	font-size: 0;
	margin: 0 auto;
	width: 100%;
	text-align: center;
}
.section_other ul li{
	display: inline-block;
	width: 29.933333%;
}
.section_other ul li:nth-of-type(1){ background: url("../images/plan/bottom_nav01.png") no-repeat center / 100%; }
.section_other ul li:nth-of-type(2){ background: url("../images/plan/bottom_nav02.png") no-repeat center / 100%; }
.section_other ul li:nth-of-type(3){ background: url("../images/plan/bottom_nav03.png") no-repeat center / 100%; }

.section_other ul li:hover:nth-of-type(1){ background: url("../images/plan/bottom_nav01_hover.png") no-repeat center / 100%; }
.section_other ul li:hover:nth-of-type(2){ background: url("../images/plan/bottom_nav02_hover.png") no-repeat center / 100%; }
.section_other ul li:hover:nth-of-type(3){ background: url("../images/plan/bottom_nav03_hover.png") no-repeat center / 100%; }
.section_other ul li:nth-of-type(2){
	margin: 0 5%;
}
.section_other ul li.active:nth-of-type(1){ background: url("../images/plan/bottom_nav01_hover.png") no-repeat center / 100%; }
.section_other ul li.active:nth-of-type(2){ background: url("../images/plan/bottom_nav02_hover.png") no-repeat center / 100%; }
.section_other ul li.active:nth-of-type(3){ background: url("../images/plan/bottom_nav03_hover.png") no-repeat center / 100%; }

.check_section{}
.check_section_inner{
	position: relative;
	background: url("../images/plan/check_section_bg.png") repeat 0 0;
	padding: 50px 60px 30px;
}
.check_section .check{
	position: absolute;
	left: -60px;
	top: -80px;
}
.check_section .check p{
	display: inline-block;
	-webkit-border-radius: 99999px;
	        border-radius: 99999px;
	padding: 34px 26px;
	font-size: 20px;
	color: #FFF;
	background: #F1C203;
}
.check_section_inner h3{
	font-size: 20px;
	font-weight: 600;
}
.check_section_inner .link_detail{ text-align: center; }
.check_section_inner .link_detail a{
	width: 30%;
	display: inline-block;
	padding: 10px 20px;
	background: #F1C203;
	color: #FFF;
	font-weight: 600;
	font-size: 16px;
}
.check_section_inner .link_detail a .fa{ margin-right: 5px; }

/* plan common styles END
***************************************************************************************************************************
********************************************************************************************************************************/

/********************************************************************************************************************************
	***************************************************************************************************************************
 	sp plan common styles START
 	***************************************************************************************************************************
 ********************************************************************************************************************************/
@media screen and (min-width: 320px) and (max-width: 640px){
	.plan .section{ margin-bottom: 57px; }
	.plan .title_section{ margin-bottom: 57px; }
	
	.plan .localNav_inner li.plan01 a{ background: url("../images/plan/nav_sp01.png") no-repeat 0 0;}
	.plan .localNav_inner li.plan02 a{ background: url("../images/plan/nav_sp02.png") no-repeat 0 0;}
	.plan .localNav_inner li.plan03 a{ background: url("../images/plan/nav_sp03.png") no-repeat 0 0;}
	.plan .localNav_inner li.plan01 a:hover{ background: url("../images/plan/nav_sp01_on.png") no-repeat 0 0;}
	.plan .localNav_inner li.plan02 a:hover{ background: url("../images/plan/nav_sp02_on.png") no-repeat 0 0;}
	.plan .localNav_inner li.plan03 a:hover{ background: url("../images/plan/nav_sp03_on.png") no-repeat 0 0;}
	.plan .localNav_inner li.plan01.active a{ background: url("../images/plan/nav_sp01_on.png") no-repeat 0 0;}
	.plan .localNav_inner li.plan02.active a{ background: url("../images/plan/nav_sp02_on.png") no-repeat 0 0;}
	.plan .localNav_inner li.plan03.active a{ background: url("../images/plan/nav_sp03_on.png") no-repeat 0 0;}

	.link_detail a {
	    width: 100%;
	    padding: 8px 8px;
	    font-weight: 600;
	    font-size: 10px;
	    margin: 13px 0 0;
	}

	.reporter_section .reporter_list li .name{ font-size: 12px; }
	.plan01 .reporter_section .reporter_list li .name{
		font-size: 17px;
		text-align: center;
	}

	.bus_time_schedule{
		margin-bottom: 0;
		-webkit-overflow-scrolling: touch;
		-ms-overflow-x: scroll;
		    overflow-x: scroll;
	}
	.bus_time_schedule_inner{
		padding: 0 15px;
		width: -webkit-max-content;
		width: -moz-max-content;
		width: max-content;
		overflow-x: auto;
	}
	.bus_time_schedule_inner img{
		display: table;
		width: 720px;
		-webkit-overflow-scrolling: touch;
	}
	.scroll_message{
		margin-top: 10px;
		font-size: 12px;
		text-align: right;
		margin-bottom: 50px;
	}
	.plan .section .cap{ font-size: 12px;}
	.plan .section .disc_title{
		font-size: 18px;
		font-weight: 600;
		margin: 0 0 5px;
	}
	.point_section_inner{
		width: 90%;
		padding: 25px;
		margin-bottom: 50px;
	}
	.check_section_inner{
		position: relative;
		background: url("../images/plan/check_section_bg.png") repeat 0 0;
		padding: 45px 15px 15px;
	}
	.check_section .check{
		position: absolute;
		top: -60px;
		left: 0px;
	}
	.check_section_inner .link_detail a{ width: 100%;}
	.check_section .check p{
		display: inline-block;
		-webkit-border-radius: 99999px;
		        border-radius: 99999px;
		padding: 24px 16px;
		font-size: 15px;
		color: #FFF;
		background: #F1C203;
	}
	.section_other ul{ width: 90%; }
	.section_other ul li{
		display: inline-block;
		width: 100%;
	}
	.section_other ul li:nth-of-type(1){ background: url("../images/plan/bottom_nav_sp01.png") no-repeat center / 100%; }
	.section_other ul li:nth-of-type(2){ background: url("../images/plan/bottom_nav_sp02.png") no-repeat center / 100%; }
	.section_other ul li:nth-of-type(3){ background: url("../images/plan/bottom_nav_sp03.png") no-repeat center / 100%; }

	.section_other ul li:hover:nth-of-type(1){ background: url("../images/plan/bottom_nav_sp01_hover.png") no-repeat center / 100%; }
	.section_other ul li:hover:nth-of-type(2){ background: url("../images/plan/bottom_nav_sp02_hover.png") no-repeat center / 100%; }
	.section_other ul li:hover:nth-of-type(3){ background: url("../images/plan/bottom_nav_sp03_hover.png") no-repeat center / 100%; }
	.section_other ul li:nth-of-type(2){ margin: 0;}
	.section_other ul li.active:nth-of-type(1){ background: url("../images/plan/bottom_nav_sp01_hover.png") no-repeat center / 100%; }
	.section_other ul li.active:nth-of-type(2){ background: url("../images/plan/bottom_nav_sp02_hover.png") no-repeat center / 100%; }
	.section_other ul li.active:nth-of-type(3){ background: url("../images/plan/bottom_nav_sp03_hover.png") no-repeat center / 100%; }
}
/*sp plan common styles END
***************************************************************************************************************************
********************************************************************************************************************************/


/********************************************************************************************************************************
	***************************************************************************************************************************
 	plan01 styles START
 	***************************************************************************************************************************
 ********************************************************************************************************************************/
.plan01 .section02 .right p{
	margin-top: 15%;
	line-height: 1.8;
}
.plan01 .section03 .title_section .right{ margin-top: 6%; }
.plan01 .section03 .link_detail a{ width: 100%; }
.plan01 .section04 .left p{ margin-top: 25%; }v
.plan01 .section05 .left{ margin-left: 5%; }
.plan01 .section05 .right{ margin: 20% 5% 0 0;}
.plan01 .section06 .left img{
	width: 65%;
	margin-top: 10%;
}
.plan01 .section07 .right p{ margin-top: 20%; }
.plan01 .section08 .right img{ margin-top: 10%; }
.plan01 .section08_inner02{
	padding-left: 30%;
	margin-top: 50px;
}
.plan01 .section09_inner02 .right{ margin-top: -5%; }
.plan01 .section09_inner02 .left{ margin-top: -15%; }
.plan01 .section09_inner03{ margin: 60px 0; }

.plan01 .point_section{ margin-top: 80px; }

.plan01 .section10_inner01,
.plan01 .section10_inner02,
.plan01 .section10_inner03,
.plan01 .section10_inner04,
.plan01 .section10_inner05{ margin-bottom: 60px;}

.plan01 .section11_inner01,
.plan01 .section11_inner02,
.plan01 .section11_inner03,
.plan01 .section11_inner04,
.plan01 .section11_inner05{ margin-bottom: 60px;}
.plan01 .section11_inner02 .left{ margin-top: -15%; }
.section11_inner03{ margin-top: -60px; }
/* plan01 styles END
***************************************************************************************************************************
********************************************************************************************************************************/

/********************************************************************************************************************************
	***************************************************************************************************************************
 	plan02 styles START
 	***************************************************************************************************************************
 ********************************************************************************************************************************/

.plan02 .section02{ margin-bottom: 140px; }
.plan02 .section01 .left img{
	max-width: 328px;
	width: 100%;
	margin-top: 10%;
}
.plan02 .section02 p{ margin: 70px 0 70px 15% }

@media screen and (min-width: 320px) and (max-width: 640px){
	.plan02 .section02 p{ margin: 0 0 70px 0 }
}

.plan02 .section03 .title_section .right img{
	max-width: 385px;
	width: 100%;
	margin-top: 15%;
}
.plan02 .section04 .title_section{ margin-bottom: 85px; }
.plan02 .section04 .title_section .left img{
	max-width: 400px;
	width: 100%;
	margin-top: 15%;
}

.plan02 .section05 .title_section .right img{
	max-width: 440px;
	width: 100%;
	margin-top: 15%;
}
.plan02 .section05 .section05_inner02{ margin-left: 50%;}

.plan02 .section06 .link_detail a{ margin-top: 20px;}

.plan02 .section07 .left{
	position: relative;
	z-index: 2;
	margin-left: 20%;
}
.plan02 .section07 .right{
	position: relative;
	z-index: 1;
	margin-top: -12%;
}

.plan02 .section08 .title_section .left img{
	max-width: 380px;
	width: 100%;
	margin-top: 15%;
}

.plan02 .section09 .title_section .right img{
	max-width: 420px;
	width: 100%;
	margin-top: 2%;
}
.plan02 .section09 .section09_inner .left{
	margin-left: 4%;
}
.plan02 .section09 .section09_inner .right{
	position: relative;
}
.plan02 .section09 .section09_inner .right p{
	margin-top: 30%;
}
.plan02 .section10 .title_section .left img{
	max-width: 380px;
	width: 100%;
	margin-top: 15%;
}
.plan02 .section11 .title_section .right img{
	max-width: 450px;
	width: 100%;
	margin-top: 15%;
}
.plan02 .section12 .title_section .left img{
	max-width: 530px;
	width: 100%;
	margin-top: 15%;
}
.plan02 .section13 .left{ margin-left: 5%;}
.plan02 .section13_inner .left{
	margin-top: -2%;
	margin-right: 5%;
	position: absolute;
	right: 0;
}
/* plan02 styles END
***************************************************************************************************************************
********************************************************************************************************************************/

/********************************************************************************************************************************
	***************************************************************************************************************************
 	plan03 styles START
 	***************************************************************************************************************************
 ********************************************************************************************************************************/
.plan03 .section02 .right{ margin-top: 12%; }
.plan03 .section02 .link_detail a{ width: 100%; }
.plan03 .section04 .right{ margin-top: 10%; }
.plan03 .section04 .section04_inner02 p{ margin-top: -15%;}
.plan03 .section14_inner01 .bold{
	font-weight: bold;
	font-size: 18px;
	display: block;
}
.plan03 .section13 .right{ margin-top: 7%; }
/* plan03 styles END
***************************************************************************************************************************
********************************************************************************************************************************/

@media screen and (min-width: 320px) and (max-width: 640px){
	.plan01 .section02 .right p{ margin-top: 0; }
	.plan01 .section04 .left p{ margin-top: 0; }
	.plan01 .section03 .link_detail{
		width: 130px;
		margin-left: -18%;
	}
	.plan01 .section08_inner02{ padding-left: 5%;}
	.plan01 .section07 .right p{ margin-top: 0; }
	.plan01 .section11_inner01,
	.plan01 .section11_inner02,
	.plan01 .section11_inner03,
	.plan01 .section11_inner04,
	.plan01 .section11_inner05{ margin-bottom: 30px;}
	.plan *{ font-size: 13px; }
	.plan02 .section02{ margin-bottom: 70px; }
	.plan02 .section04 .title_section{ margin-bottom: 42px; }
	.plan02 .section05 .section05_inner02{ margin-left: 25%;}
	.plan02 .section07 .left{ margin-left: 5%;}
	.plan02 .section07 .right{ margin-top: -3%;}
	.plan02 .section09 .section09_inner .right p{ margin-top: 10%;}
	.plan02 .section09 .section09_inner .left{ margin-left: 0;}

	.plan03 .section02 .right{ margin-top: 0; }
	.plan03 .reporter_section .reporter_list li .name{
		font-size: 17px;
		text-align: center;
	}
	.plan03 .section14_inner01{
		margin-bottom: 62%;
		margin-top: 50%;
	}
}