@charset "UTF-8";
/* CSS Document */

/* 中身-モバイルファースト======================================================================================================== */

.flex{
	display: flex;
	justify-content: space-between;
}
.flex_1_right{
	flex: 1;
	margin-left: 1em;
}
.flex_1_left{
	flex: 1;
	margin-right: 1em;
}

.flex_ai_center{ align-items: center; }

.flex_jc_center{ justify-content: center; }
.flex_jc_space_between{ justify-content: space-between; }
.flex_jc_space_around{ justify-content: space-around; }

.common_bar{
	font-size: 20px;
	font-weight: bold;
	border-bottom: solid 5px #00354d;
	margin-bottom: 10px;
}
.common_bar_m{
	font-weight: bold;
}

.title_en{
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size: 20px;
	margin-right: 1em;
	display: inline-block;
	vertical-align: middle;
}



#contents{
	color: #777;
}

#top{
	margin-left: -4vw;
	margin-right: -4vw;
}
#top h3{
	text-align: center;
	margin-bottom: 20px;
}
#top h3 img{
	max-width: 80%;
	max-height: 20vw;
}



#main{
}
#main .main_photo{
}
#main .p01{
	width: 20%;
}
#main .p01 img{
	margin-top: 10px;
}
#main .p01 img:first-child{
	margin-top: 0px;
}


#layout .outline{
	font-size: 10px;
	margin-bottom: 10px;
}
#layout .madori{
	text-align: center;
}
#layout .text em{
	font-size: 16px;
}
#layout .text h5{
	font-size: 16px;
}
#layout ul.point{
	display: flex;
	flex-wrap: wrap;
}
#layout ul.point li{
	width: 32%;
	margin-left: 1.33%;
	margin-top: 1.33%;
	background-color: #00354d;
	color: #FFF;
	text-align: center;
	font-size: 10px;
}
#layout ul.point li:nth-child(3n-2){
	margin-left: 0;
}



#location .car_navi{
	background-color: #00354d;
	color: #FFF;
	font-weight: bold;
	text-align: center;
	padding: 5px 0;
}
#location .car_navi span{
	display: block;
	color: #f3eb46;
}
#location .lifeinfo h6{
	font-weight: bold;
	margin-top: 20px;
}
#location .lifeinfo .article:first-child h6:first-child{
	margin-top: 0px;
}
#location .lifeinfo table{
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
}
#location .lifeinfo th,
#location .lifeinfo  td{
	padding: 10px;
	border-bottom: solid 1px #CCC;
}
#location .lifeinfo  td{
	text-align: right;
}
#location .location_p{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
#location .location_p li{
	width: 48%;
	margin-top: 4vw;
}
#location .location_p li p{
	font-size: 10px;
}
#location .access ul{
	display: flex;
	flex-wrap: wrap;
}
#location .access li{
	width: 48%;
	text-align: center;
	margin-bottom: 10px;
}
#location .access li:nth-child(2n){
	border-left: solid 1px #111;
}
#location .access li em{
	display: block;
}
#location .access li em .st{
	font-size: 18px;
	font-weight: bold;
}
#location .access li em .min{
	font-size: 18px;
	color: #be0000;
	font-weight: bold;
}




/* スマホのみ======================================================================================================== */
@media print and (max-width: 750px), screen and (max-width: 750px){
.sp_flex{
	display: flex;
	justify-content: space-between;
}
.sp_flex_1_right{
	flex: 1;
	margin-left: 4vw;
}
.sp_flex_1_left{
	flex: 1;
	margin-right: 4vw;
}

.pc_flex_1_left{
	margin-bottom: 2vw;
}
.pc_flex_1_right{
	margin-top: 2vw;
}

.pc_w_2{
	margin-top: 2vw;
}

}


/* PCのみ======================================================================================================== */
@media print and (min-width: 751px), screen and (min-width: 751px){
.pc_flex{
	display: flex;
}
.pc_flex_1_left{
	flex: 1;
	margin-right: 40px;
}
.pc_flex_1_right{
	flex: 1;
	margin-left: 40px;
}
.pc_flex_img{
}

.pc_w_2{
	width: 49%;
	margin-top: 10px;
}


.common_bar{
	font-size: 30px;
	margin-bottom: 20px;
	border-width: 10px;
}
.common_bar_m{
	font-size: 20px;
}
.title_en{
	font-size: 30px;
	margin-right: 0.5em;
}


#top{
	margin-left: 0;
	margin-right: 0;
}
#top h3{
	margin-bottom: 60px;
}
#top h3 img{
	max-width: 300px;
	max-height: 100%;
}


#main .p01{
	width: 300px;
}
#main .p01 img{
	margin-top: 0px;
}



#layout .outline{
	font-size: 14px;
}
#layout .text em{
	font-size: 18px;
}
#layout .text h5{
	font-size: 30px;
}
#layout ul.point li{
	width: 19%;
	margin-left: 1.25%;
	margin-top: 1%;
	font-size: 14px;
	padding: 5px 0;
}
#layout ul.point li:nth-child(3n-2){
	margin-left: 1%;
}
#layout ul.point li:nth-child(5n-4){
	margin-left: 0;
}

#location .car_navi{
	padding: 10px 0;
	font-size: 24px;
}
#location .car_navi span{
	display: inline-block;
	vertical-align: middle;
}
#location .lifeinfo .article{
	width: 32%;
}
#location .lifeinfo .article h6:first-child{
	margin-top: 0px;
}

#location .location_p{
	justify-content: flex-start;
}
#location .location_p li{
	width: 240px;
	margin-top: 20px;
	margin-left: 20px;
}
#location .location_p li:nth-child(4n-3){
	margin-left: 0px;
}
#location .location_p img{
	max-width: 100%;
	height: auto;
}
#location .location_p li p{
	font-size: 12px;
}

#location .access ul{
	margin-bottom: 20px;
}
#location .access li{
	width: 25%;
	margin-bottom: 0px;
	border-left: solid 1px #111;
}
#location .access li:nth-child(4n-3){
	border-left: none;
}
#location .access li em{
	font-size: 20px;
}
#location .access li em .st{
	font-size: 30px;
}
#location .access li em .min{
	font-size: 30px;
}



}