@import url("style_pc.css") screen and (min-width: 751px);
@import url("style_sp.css") screen and (max-width: 750px);

.h1_txt_wrap,
.access_cont1{
	border-bottom: 1px solid #042e64;
}
.access_cont1{
	background-color: #fefefe;
}
.h1_txt_wrap,
.h2_txt_wrap{
	background-color: #f5fafa;
}

.h1_wrap h1,
.h2_wrap h2{
	color: #64b4be;
}
.h1_wrap h1 span span,
.h2_wrap h2 span span{
	font-family: 'Noto Serif JP', serif;
	font-weight: 400;
	color: #64b4be;
}
.h1_wrap h1 > span,
.h2_wrap h2 > span {
    background-color: #fefefe;
}
.h1_main_wrap{
	border-bottom: 1px solid #454867;
}
.h1_main_wrap h1{
	font-family: 'Noto Serif JP', serif;
	font-weight: 400;
	color: #fff;
}
.h3_wrap h3 span span{
	font-family: 'Noto Serif JP', serif;
	font-weight: 400;
	color: #64b4be;
}


.h1_txt_wrap .environment_txt{
	font-family: 'Noto Serif JP', serif;
	font-weight: 300;
	font-feature-settings: "palt";
}
.h1_txt_wrap ul li a{
	border: 4px solid #dcccca;
	font-weight: bold;
	text-decoration: none;
	color: #fff;
}
div.access_txt{
	font-family: 'Noto Serif JP', serif;
	font-weight: 300;
	font-feature-settings: "palt";
	color: #64b4be;
}
div.caution {
	font-family: 'Noto Serif JP', serif;
	font-weight: 300;
	color: #fa9170;
	border-color: transparent;
	background-color: #fff;
}
div.caution a {
	font-family: 'Noto Serif JP', serif;
	font-weight: 300;	
	color: #fa9170;
	border-bottom: 1px solid #fa9170;
	text-decoration: none;
}
div.caution a:hover {
	opacity: .5;
}
ul.select li {
	border: 4px solid #b0d8dd;
}
ul.select li a {
	color: #fff;
}

.h3_wrap h3:before {
    border-top: 1px solid #64b4be;
}

#surrounding_map div img {
	border: 1px solid #d4d4d4;
}