@charset "utf-8";
/* # =================================================================
#### page-content01
# ================================================================= */
.page-content01{
	
}
.page-content01 .flex{
	position : relative;
	display : flex;
	flex-wrap : wrap;
	justify-content : space-between;
	width : 100%;
	height : auto;
}
.page-content01 .flex .box{
	position : relative;
	display : block;
	width : 48%;
	height : auto;
}
.page-content01 .flex .box h3{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	color : #992200;
	font-size : 40px;
	font-weight : 600;
	margin-bottom : 30px;
}
.page-content01 .flex .box p{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	text-align : justify;
	font-size : 20px;
	margin-bottom : 30px;
}
.page-content01 .flex .box p.bold{
	font-size : 25px;
	font-weight : 600;
}
.page-content01 .flex .box p:last-child{
	margin-bottom : 0;
}
.page-content01 .flex .box figure{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
}
.page-content01 .flex .box figure img{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
}

/* # =================================================================
#### page-content02
# ================================================================= */
.page-content02{
	
}
.page-content02 .info{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	margin-bottom : 50px;
}
.page-content02 .info P{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	text-align : justify;
	font-size : 20px;
	margin-bottom : 10px;
}
.page-content02 .info P:last-child{
	margin-bottom : 0;
}
.page-content02 .info p.small{
	font-size : 14px;
	padding-left : 1em;
	margin-bottom : 0;
}
.page-content02 .info p.small::before{
	content : "※";
	position : absolute;
	display : block;
	left : 0;

}

.page-content02 .flex{
	position : relative;
	display : flex;
	flex-wrap : wrap;
	justify-content : space-between;
	width : 100%;
	height : auto;
}
.page-content02 .flex figure{
	position : relative;
	display : block;
	width : 24%;
	height : auto;
}
.page-content02 .flex figure img{
	position : relative;

	width : 100%;
	height : auto;
}
.page-content02 .flex figure img.pc{
	display : block;
}
.page-content02 .flex figure img.sp{
	display : none;
}

/* # =================================================================
#### page-content03
# ================================================================= */
.page-content03{
	
}
.page-content03 .info{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	margin-bottom : 50px;
}
.page-content03 .info P{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	text-align : justify;
	font-size : 20px;
	margin-bottom : 10px;
}
.page-content03 .info P:last-child{
	margin-bottom : 0;
}
.page-content03 a{
	position : relative;
	display : block;
	width : 800px;
	height : auto;
	margin : 0 auto
}
.page-content03 a:hover{
	opacity : 0.5;
}
.page-content03 a img{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
}


/* # =================================================================
#### page-content04
# ================================================================= */
.page-content04{
	
}
.bus-map{
	position : relative;
	display : block;
	width : 800px;
	height : auto;
	margin : 50px auto 0;
}
.bus-map iframe{
	width : 100%;
	aspect-ratio : 4 / 3;
	border : none;
}




/* # =================================================================
#### responsive
# ================================================================= */
/* # =================================================================
#### 1500px
# ================================================================= */
@media screen and (max-width: 1500px){
/* # =================================================================
#### page-content01
# ================================================================= */
.page-content01 .flex .box:nth-child(1){
	width : 58%;
}
.page-content01 .flex .box:nth-child(2){
	width : 40%;
}
.page-content01 .flex .box h3{
	font-size : 30px;
}
.page-content01 .flex .box p.bold{
	font-size : 20px;
}
.page-content01 .flex .box p{
	font-size : 18px;
}

.page-content03 a{
	width : 600px;
}






}/*** 1500px ***/
/* # =================================================================
#### 1240px
# ================================================================= */
@media screen and (max-width: 1240px){

}/*** 1240px ***/
/* # =================================================================
#### 1024px
# ================================================================= */
@media screen and (max-width: 1024px){









}/*** 1024px ***/
/* # =================================================================
#### 896px
# ================================================================= */
@media screen and (max-width: 896px){
/* # =================================================================
#### page-content01
# ================================================================= */
.page-content01 .flex .box:nth-child(1),
.page-content01 .flex .box:nth-child(2){
	width : 100%;
}
.page-content01 .flex .box:nth-child(1){
	margin-bottom : 50px;
}
.page-content01 .flex .box h3{
	font-size : 32px;
}

/* # =================================================================
#### page-content03
# ================================================================= */
.page-content03 a{
	width : 100%;
}


/* # =================================================================
#### page-content04
# ================================================================= */
.bus-map{
	width : 90%;
}












}/*** 896px ***/
/* # =================================================================
#### 600px
# ================================================================= */
@media screen and (max-width: 600px){
/* # =================================================================
#### page-content01
# ================================================================= */
.page-content01 .flex .box h3{
	font-size : 30px;
}

.page-content02 .flex figure img.pc{
	display : none;
}
.page-content02 .flex figure img.sp{
	display : block;
}
/* # =================================================================
#### page-content02
# ================================================================= */
.page-content02 .flex{
	width : 80%;
	gap : 80px;
	margin : 0 auto;
}
.page-content02 .flex figure{
	width : auto;
	flex : 1 1 calc(50% - 40px); 
}


}/*** 600px ***/
/* # =================================================================
#### 480px
# ================================================================= */
@media screen and (max-width: 480px){
/* # =================================================================
#### page-content01
# ================================================================= */
.page-content01 .flex .box h3{
	font-size : 24px;
	margin-bottom : 20px;
}
.page-content01 .flex .box p{
	font-size : 16px;
}
.page-content01 .flex .box p.bold{
	font-size : 22px;
}
/* # =================================================================
#### page-content02
# ================================================================= */
.page-content02 .info P{
	font-size : 16px;
}
/* # =================================================================
#### page-content03
# ================================================================= */
.page-content03 .info P{
	font-size : 16px;
}


}/*** 480px ***/
/* # =================================================================
#### 320px
# ================================================================= */
@media screen and (max-width: 320px){

}/*** 320px ***/