@charset "utf-8";
/* bace ----------------------------------------------- */
html, body {height:100%;}
body {margin:0; padding:0;-webkit-text-size-adjust: none;overflow-x:hidden;}
a {text-decoration:none;-webkit-transition: opacity 0.5s ease-out;-moz-transition: opacity 0.5s ease-out;-ms-transition: opacity 0.5s ease-out;transition: opacity 0.5s ease-out;}
a:hover {opacity:.5;-webkit-opacity:.5;-moz-opacity:.5;}
a:link {text-decoration:none;border:none;}
a:visited {text-decoration:none;border:none;}
a:active {text-decoration:none;border:none;}
ul, ol {list-style:none}
/* loading ------------------------------------------------------------ */
#loader {
 display:none;
 position:fixed;
 top:50%;
 left:50%;
 margin-top:-85px;
 margin-left:-85px;
 z-index:1000;
}
#fade {
 width:100%;
 height:1000%;
 display:none;
 position:absolute;
 top:0px;
 left:0px;
 z-index:500;
 background:#00A273;
 padding:0 0 100% 0;
}
/* br ------------------------------------------------------------ */
@media print,screen and (min-width:836px) {
.br_pc {display:inline;}
.br_land {display:none;}
.br_port {display:none;}
}
@media screen and (max-width:835px) and (orientation:landscape) {
.br_pc {display:none;}
.br_land {display:inline;}
.br_port {display:none;}
}
@media screen and (max-width:835px) and (orientation:portrait) {
.br_pc {display:none;}
.br_land {display:none;}
.br_port {display:inline;}
}
/* header_logo ------------------------------------------------------------ */
@media print,screen and (min-width:836px) {
#header_logo {
 width:10%;
	position:absolute;
 top:3%;
 left:2%;
	opacity:0.6;
}
}
@media screen and (max-width:835px) and (orientation:landscape) {
#header_logo {
 width:16%;
	position:absolute;
 top:5%;
 left:3%;
	opacity:0.6;
}
}
@media screen and (max-width:835px) and (orientation:portrait) {
#header_logo {
 width:30%;
	position:absolute;
 top:2.5%;
 left:5%;
	opacity:0.6;
}
}
/* gnavi ------------------------------------------------------------ */
@media print,screen and (min-width:836px) {
#gnavi_pc {
 width:25%;
	position:absolute;
 top:2.5vw;
 right:2vw;
}
.pc_nav {
 display:flex;
	justify-content:space-between;
}
.pc_nav img {
 height:1.3vw;
}
.gnavi_smp {
 display:none;
}
.footer_nav {
 width:20%;
	margin:0 auto;
 display:flex;
	justify-content:space-between;
}
.footer_nav h4 {
 font-family: 'Noto Serif JP', serif;
 font-size:1vw;
 line-height:450%;
	letter-spacing:0.15em;
 font-weight:100; 
 color:#11a06d;
}
.footer_logo {
 text-align:center;
}
.footer_logo img {
 width:10%;
}
.footer_logo p {
 font-family: 'Noto Serif JP', serif;
 font-size:0.8vw;
 line-height:120%;
	letter-spacing:0.15em;
 font-weight:100; 
 color:#11a06d;
	text-align:center;
	margin:1% 0 5% 0;
}
}
@media screen and (max-width:835px) {
#gnavi_pc {
 display:none;
}
.global_nav {
 position: fixed;
 top: 0;
 left: 0;
 width: 100%;
	height:100%;
 transform: translateY(-100%);
 z-index: 2;
 padding-top: 50px;
 text-align: left;
 color: #000;
 background:#00A273;
 transition: all 0.8s;  
}
.global_nav .nav_li {
 width: 100%;
 padding:10px 0 10px 0;
 list-style-type: none;
 border-bottom: solid 1px #7AC6A7;
}
.global_nav .nav_li a {
 display: block;
 color: #fff;
}
.toggle {
 position: fixed;
 right: 13px;
 top: 13px;
 display: block;
 width: 45px;
 height: 50px;
 cursor: pointer;
 z-index: 3;
}
.toggle span {
 display: block;
 position: absolute;
 width: 70%;
 border-bottom: solid 3px #000;
 -webkit-transition: .35s ease-in-out;
 -moz-transition: .35s ease-in-out;
 transition: .35s ease-in-out;
 padding-top: 5px;
 right: 7px;
}
.toggle span:nth-child(1) {
 top: 3px;
}
.toggle span:nth-child(2) {
 top: 13px;
}
.toggle span:nth-child(3) {
 top: 23px;
}
.toggle span:nth-child(4) {
 border: none;
 top: 28px;
 left: 5px;
 font-size: 12px;
 font-weight: bold;
}
.toggle.active span:nth-child(1) {
 top: 15px;
 left: 4px;
 -webkit-transform: rotate(-45deg);
 -moz-transform: rotate(-45deg);
 transform: rotate(-45deg);
}
.toggle.active span:nth-child(2),
.toggle.active span:nth-child(3) {
 top: 15px;
 -webkit-transform: rotate(45deg);
 -moz-transform: rotate(45deg);
 transform: rotate(45deg);
}
.global_nav.active {
 transform: translateY(0%);
}
}
@media screen and (max-width:835px) and (orientation:landscape) {
.footer_nav {
 width:70%;
	margin:0 auto;
 display:flex;
	justify-content:space-between;
}
.footer_nav h4 {
 font-family: 'Noto Serif JP', serif;
 font-size:2vw;
 line-height:450%;
	letter-spacing:0.15em;
 font-weight:100; 
 color:#11a06d;
}
.footer_logo {
 text-align:center;
}
.footer_logo img {
 width:20%;
}
.footer_logo p {
 font-family: 'Noto Serif JP', serif;
 font-size:0.8vw;
 line-height:120%;
	letter-spacing:0.15em;
 font-weight:100; 
 color:#11a06d;
	text-align:center;
	margin:1% 0 5% 0;
}
}
@media screen and (max-width:835px) and (orientation:portrait) {
.footer_nav {
 width:80%;
	margin:0 auto;
 display:flex;
	justify-content:space-between;
}
.footer_nav h4 {
 font-family: 'Noto Serif JP', serif;
 font-size:3.5vw;
 line-height:450%;
	letter-spacing:0.15em;
 font-weight:100; 
 color:#11a06d;
}
.footer_logo {
 text-align:center;
}
.footer_logo img {
 width:30%;
}
.footer_logo p {
 font-family: 'Noto Serif JP', serif;
 font-size:0.8vw;
 line-height:120%;
	letter-spacing:0.15em;
 font-weight:100; 
 color:#11a06d;
	text-align:center;
	margin:1% 0 5% 0;
}
}
/* index_main ------------------------------------------------------------ */
@media print,screen and (min-width:836px) {
#index_main {
 width:100%;
	height:90vh;
	overflow:hidden;
}
#index_main img {
 width:100%;
	margin:-10% 0 0 0;
}
#index_tytle {
 width:25%;
 position:absolute;
 top:13%;
 left:50%;
	margin-left:-15%;
}
#index_tytle img {
 width:100%;
	opacity:0.7;
}
}
@media screen and (max-width:835px) and (orientation:landscape) {
#index_main {
 width:100%;
	height:100vh;
	overflow:hidden;
}
#index_main img {
 width:110%;
	margin:-10% 0 0 -10%;
}
#index_tytle {
 width:25%;
 position:absolute;
 top:13%;
 left:50%;
	margin-left:-15%;
}
#index_tytle img {
 width:100%;
	opacity:0.7;
}
}
@media screen and (max-width:835px) and (orientation:portrait) {
#index_main {
 width:100%;
	height:90vh;
	overflow:hidden;
	display: flex;
 justify-content: center;
 align-items: center;
}
#index_main img {
	height:100vh;
	margin-left:-15vw;
}
#index_tytle {
 width:70%;
 position:absolute;
 top:18%;
 left:50%;
	margin-left:-38%;
}
#index_tytle img {
 width:100%;
	opacity:0.7;
}
}
/* maincopy ------------------------------------------------------------ */
@media print,screen and (min-width:836px) {
#maincopy {
 width:100%;
	margin:5% auto;
}
#maincopy h5 {
 font-family: 'Noto Serif JP', serif;
 font-size:1vw;
 line-height:450%;
	letter-spacing:0.15em;
 font-weight:100; 
 color:#000;
 text-align:center;
}
}
@media screen and (max-width:835px) and (orientation:landscape) {
#maincopy {
 width:90%;
	margin:5% auto;
}
#maincopy h5 {
 font-family: 'Noto Serif JP', serif;
 font-size:1.5vw;
 line-height:450%;
	letter-spacing:0.15em;
 font-weight:100; 
 color:#000;
 text-align:left;
}
}
@media screen and (max-width:835px) and (orientation:portrait) {
#maincopy {
 width:90%;
	margin:10% auto;
}
#maincopy h5 {
 font-family: 'Noto Serif JP', serif;
 font-size:90%;
 line-height:300%;
	letter-spacing:0.15em;
 font-weight:100; 
 color:#000;
 text-align:left;
}
}
/* tytle_e ------------------------------------------------------------ */
@media print,screen and (min-width:836px) {
#tytle_e {
 width:80%;
	margin:10% auto 5%;
}
#tytle_e h3 {
 font-family: 'Cormorant Garamond', serif;
 font-size:2vw;
 line-height:160%;
	letter-spacing:0.3em;
 font-weight:100; 
 color:#11a06d;
 text-align:left;
}
}
@media screen and (max-width:835px) and (orientation:landscape) {
#tytle_e {
 width:90%;
	margin:10% auto;
}
#tytle_e h3 {
 font-family: 'Cormorant Garamond', serif;
 font-size:3vw;
 line-height:160%;
	letter-spacing:0.3em;
 font-weight:100; 
 color:#11a06d;
 text-align:left;
}
}
@media screen and (max-width:835px) and (orientation:portrait) {
#tytle_e {
 width:90%;
	margin:15% auto;
}
#tytle_e h3 {
 font-family: 'Cormorant Garamond', serif;
 font-size:6vw;
 line-height:160%;
	letter-spacing:0.3em;
 font-weight:100; 
 color:#11a06d;
 text-align:left;
}
}
/* contents ------------------------------------------------------------ */
@media print,screen and (min-width:836px) {
#contents_main {
	width:100%;
	margin-bottom:3%;
}
#contents_main img {
	width:100%;
}
#contents {
	width:80%;
	margin:0 auto;
}
#contents_l {
	width:60%;
	float:left;
	margin-right:5%;
}
#contents_r {
	width:34%;
	float:left;
}
#contents_link {
	float:left;
	margin-right:8%;
}
#contents_link img {
	width:10vw;
}
#contents_image_wrap {
	width:100%;
	background:#f4f4f4;
	padding:3% 0 3% 0;
}
#contents_image {
	width:80%;
	margin:0 auto;
	display:flex;
	justify-content:space-between;
	align-items: flex-start;
}
#contents_image img {
	width:10vw;
}
#contents h1 {
	font-family: 'Noto Serif JP', serif;
	font-size:1.7vw;
	line-height:100%;
	letter-spacing:0.1em;
	font-weight:100; 
	color:#000;
	text-align:left;
}
#contents h2 {
	font-family: 'Cormorant Garamond', serif;
	font-size:1vw;
	line-height:100%;
	letter-spacing:0.3em;
	font-weight:100; 
	color:#11a06d;
	text-align:left;
}
#contents h4 {
	font-family: 'Noto Serif JP', serif;
	font-size:1.5vw;
	line-height:200%;
	letter-spacing:0em;
	font-weight:100; 
	color:#000;
	text-align:left;
}
#contents p {
	font-family: 'Noto Serif JP', serif;
	font-size:1vw;
	line-height:220%;
	letter-spacing:0em;
	font-weight:100; 
	color:#000;
	text-align:justify;
}
#contents_link p {
	font-family: 'Noto Serif JP', serif;
	font-size:0.87vw;
	line-height:150%;
	letter-spacing:0em;
	font-weight:100; 
	color:#000;
	text-align:left;
	margin-top:-2%;
}
}
@media screen and (max-width:835px) and (orientation:landscape) {
#contents_main {
	width:100%;
	margin-bottom:3%;
}
#contents_main img {
	width:100%;
}
#contents {
	width:90%;
	margin:0 auto;
}
#contents_l {
	width:57%;
	float:left;
	margin-right:5%;
}
#contents_r {
	width:37%;
	float:left;
}
#contents_link {
	float:left;
	margin-right:8%;
}
#contents_link img {
	width:12vw;
}
#contents_image_wrap {
	width:100%;
	background:#f4f4f4;
	padding:3% 0 3% 0;
}
#contents_image {
	width:90%;
	margin:0 auto;
	display:flex;
	justify-content:space-between;
	align-items: flex-start;
}
#contents_image img {
	width:10vw;
}
#contents h1 {
	font-family: 'Noto Serif JP', serif;
	font-size:2.5vw;
	line-height:100%;
	letter-spacing:0.1em;
	font-weight:100; 
	color:#000;
	text-align:left;
}
#contents h2 {
	font-family: 'Cormorant Garamond', serif;
	font-size:2vw;
	line-height:100%;
	letter-spacing:0.3em;
	font-weight:100; 
	color:#11a06d;
	text-align:left;
}
#contents h4 {
	font-family: 'Noto Serif JP', serif;
	font-size:2.3vw;
	line-height:200%;
	letter-spacing:0em;
	font-weight:100; 
	color:#000;
	text-align:left;
}
#contents p {
	font-family: 'Noto Serif JP', serif;
	font-size:1.7vw;
	line-height:220%;
	letter-spacing:0em;
	font-weight:100; 
	color:#000;
	text-align:justify;
}
#contents_link p {
	font-family: 'Noto Serif JP', serif;
	font-size:1.8vw;
	line-height:150%;
	letter-spacing:0em;
	font-weight:100; 
	color:#000;
	text-align:left;
	margin-top:-2%;
}
}
@media screen and (max-width:835px) and (orientation:portrait) {
#contents_main {
	width:100%;
	margin-bottom:3%;
}
#contents_main img {
	width:100%;
}
#contents {
	width:90%;
	margin:0 auto;
}
#contents_l {
	width:100%;
}
#contents_r {
	width:100%;
}
#contents_link {
	float:left;
	margin-right:8%;
}
#contents_link img {
	width:35vw;
}
#contents_image_wrap {
	width:100%;
	background:#f4f4f4;
	padding:3% 0 3% 0;
}
#contents_image {
	width:90%;
	margin:0 auto;
	display:flex;
	justify-content:space-between;
	align-items: flex-start;
	flex-wrap:wrap;
}
#contents_image img {
	width:24vw;
	margin:3%;
}
#contents h1 {
	font-family: 'Noto Serif JP', serif;
	font-size:5vw;
	line-height:100%;
	letter-spacing:0.1em;
	font-weight:100; 
	color:#000;
	text-align:left;
}
#contents h2 {
	font-family: 'Cormorant Garamond', serif;
	font-size:4vw;
	line-height:100%;
	letter-spacing:0.3em;
	font-weight:100; 
	color:#11a06d;
	text-align:left;
}
#contents h4 {
	font-family: 'Noto Serif JP', serif;
	font-size:4vw;
	line-height:200%;
	letter-spacing:0em;
	font-weight:100; 
	color:#000;
	text-align:left;
}
#contents p {
	font-family: 'Noto Serif JP', serif;
	font-size:3.5vw;
	line-height:220%;
	letter-spacing:0em;
	font-weight:100; 
	color:#000;
	text-align:justify;
}
#contents_link p {
	font-family: 'Noto Serif JP', serif;
	font-size:4vw;
	line-height:150%;
	letter-spacing:0em;
	font-weight:100; 
	color:#000;
	text-align:left;
	margin-top:-2%;
}
}
/* profile ------------------------------------------------------------ */
@media print,screen and (min-width:836px) {
#about_tytle {
 width:25%;
 position:absolute;
 top:13%;
 left:50%;
	margin-left:-15%;
}
#about_tytle img {
 width:100%;
	opacity:1;
}
#profile_tytle {
	margin:0 0 5% 0;
}
#profile_l {
 width:100%;
	margin:-1% 0 50% 0;
}
#profile_r {
 width:55%;
	float:right;
}
#profile_tytle h1 {
 font-family: 'Noto Serif JP', serif;
 font-size:1.7vw;
 line-height:180%;
	letter-spacing:0.1em;
 font-weight:100; 
 color:#000;
 text-align:left;
}
#profile_l h3 {
 font-family: 'Noto Serif JP', serif;
 font-size:1.5vw;
 line-height:180%;
	letter-spacing:0.1em;
 font-weight:100; 
 color:#000;
 text-align:left;
}
#profile_tl {
 width:5%;
	float:left;
}
#profile_tr {
 width:90%;
	float:right;
	margin-right:3%;
}
#profile_tl p {
 font-family: 'Noto Serif JP', serif;
 font-size:0.9vw;
 line-height:220%;
	letter-spacing:0em;
 font-weight:100; 
 color:#000;
 -moz-text-align-last: justify;
 text-align-last: justify;
 text-justify:inter-ideograph;
}
#profile_tr p {
 font-family: 'Noto Serif JP', serif;
 font-size:0.9vw;
 line-height:220%;
	letter-spacing:0em;
 font-weight:100; 
 color:#000;
 text-align:left;
}
#enkaku_l {
 width:55%;
	float:left;
	margin-bottom:6%;
}
#enkaku_r {
 width:43%;
	float:right;
 margin:-1% 0 0 0;
}
#enkaku_l h1 {
 font-family: 'Noto Serif JP', serif;
 font-size:1.7vw;
 line-height:180%;
	letter-spacing:0.1em;
 font-weight:100; 
 color:#000;
 text-align:left;
}
#enkaku_l h3 {
 font-family: 'Noto Serif JP', serif;
 font-size:1.5vw;
 line-height:180%;
	letter-spacing:0.1em;
 font-weight:100; 
 color:#000;
 text-align:left;
}
#enkaku_tl {
 width:10%;
	float:left;
}
#enkaku_tr {
 width:85%;
	float:right;
	margin-right:3%;
}
#enkaku_tl p {
 font-family: 'Noto Serif JP', serif;
 font-size:0.9vw;
 line-height:220%;
	letter-spacing:0em;
 font-weight:100; 
 color:#000;
 -moz-text-align-last: justify;
 text-align-last: justify;
 text-justify:inter-ideograph;
}
#enkaku_tr p {
 font-family: 'Noto Serif JP', serif;
 font-size:0.9vw;
 line-height:220%;
	letter-spacing:0em;
 font-weight:100; 
 color:#000;
 text-align:left;
}
}
@media screen and (max-width:835px) and (orientation:landscape) {
#about_tytle {
 width:25%;
 position:absolute;
 top:13%;
 left:50%;
	margin-left:-15%;
}
#about_tytle img {
 width:100%;
	opacity:1;
}
#profile_tytle {
	margin:0 0 5% 0;
}
#profile_l {
 width:100%;
	margin:-1% 0 50% 0;
}
#profile_r {
 width:55%;
	float:right;
}
#profile_tytle h1 {
 font-family: 'Noto Serif JP', serif;
 font-size:3.2vw;
 line-height:180%;
	letter-spacing:0.1em;
 font-weight:100; 
 color:#000;
 text-align:left;
}
#profile_l h3 {
 font-family: 'Noto Serif JP', serif;
 font-size:3vw;
 line-height:180%;
	letter-spacing:0.1em;
 font-weight:100; 
 color:#000;
 text-align:left;
}
#profile_tl {
 width:10%;
	float:left;
}
#profile_tr {
 width:84%;
	float:right;
	margin-right:3%;
}
#profile_tl p {
 font-family: 'Noto Serif JP', serif;
 font-size:1.6vw;
 line-height:220%;
	letter-spacing:0em;
 font-weight:100; 
 color:#000;
 -moz-text-align-last: justify;
 text-align-last: justify;
 text-justify:inter-ideograph;
}
#profile_tr p {
 font-family: 'Noto Serif JP', serif;
 font-size:1.6vw;
 line-height:220%;
	letter-spacing:0em;
 font-weight:100; 
 color:#000;
 text-align:left;
}
#enkaku_l {
 width:100%;
	margin-bottom:6%;
}
#enkaku_r {
 width:43%;
	float:right;
 margin:-1% 0 0 0;
}
#enkaku_l h1 {
 font-family: 'Noto Serif JP', serif;
 font-size:1.7vw;
 line-height:180%;
	letter-spacing:0.1em;
 font-weight:100; 
 color:#000;
 text-align:left;
}
#enkaku_l h3 {
 font-family: 'Noto Serif JP', serif;
 font-size:3vw;
 line-height:180%;
	letter-spacing:0.1em;
 font-weight:100; 
 color:#000;
 text-align:left;
}
#enkaku_tl {
 width:9%;
	float:left;
}
#enkaku_tr {
 width:86%;
	float:right;
	margin-right:3%;
}
#enkaku_tl p {
 font-family: 'Noto Serif JP', serif;
 font-size:1.6vw;
 line-height:220%;
	letter-spacing:0em;
 font-weight:100; 
 color:#000;
 -moz-text-align-last: justify;
 text-align-last: justify;
 text-justify:inter-ideograph;
}
#enkaku_tr p {
 font-family: 'Noto Serif JP', serif;
 font-size:1.6vw;
 line-height:220%;
	letter-spacing:0em;
 font-weight:100; 
 color:#000;
 text-align:left;
}
}
@media screen and (max-width:835px) and (orientation:portrait) {
#about_tytle {
 width:55%;
 position:absolute;
 top:25%;
 left:50%;
	margin-left:-15%;
}
#about_tytle img {
 width:100%;
	opacity:1;
}
#profile_tytle {
	margin:0 0 5% 0;
}
#profile_l {
 width:100%;
	margin:-1% 0 50% 0;
}
#profile_r {
 width:55%;
	float:right;
}
#profile_tytle h1 {
 font-family: 'Noto Serif JP', serif;
 font-size:5vw;
 line-height:180%;
	letter-spacing:0.1em;
 font-weight:100; 
 color:#000;
 text-align:left;
}
#profile_l h3 {
 font-family: 'Noto Serif JP', serif;
 font-size:5vw;
 line-height:180%;
	letter-spacing:0.1em;
 font-weight:100; 
 color:#000;
 text-align:left;
}
#profile_tl {
 width:20%;
	float:left;
}
#profile_tr {
 width:76%;
	float:right;
	margin-left:3%;
}
#profile_tl p {
 font-family: 'Noto Serif JP', serif;
 font-size:3.5vw;
 line-height:220%;
	letter-spacing:0em;
 font-weight:100; 
 color:#000;
 -moz-text-align-last: justify;
 text-align-last: justify;
 text-justify:inter-ideograph;
}
#profile_tr p {
 font-family: 'Noto Serif JP', serif;
 font-size:3.5vw;
 line-height:220%;
	letter-spacing:0em;
 font-weight:100; 
 color:#000;
 text-align:left;
}
#enkaku_l {
 width:100%;
	margin-bottom:6%;
}
#enkaku_r {
 width:43%;
	float:right;
 margin:-1% 0 0 0;
}
#enkaku_l h1 {
 font-family: 'Noto Serif JP', serif;
 font-size:1.7vw;
 line-height:180%;
	letter-spacing:0.1em;
 font-weight:100; 
 color:#000;
 text-align:left;
}
#enkaku_l h3 {
 font-family: 'Noto Serif JP', serif;
 font-size:5vw;
 line-height:180%;
	letter-spacing:0.1em;
 font-weight:100; 
 color:#000;
 text-align:left;
}
#enkaku_tl {
 width:10%;
	float:left;
}
#enkaku_tr {
 width:80%;
	float:right;
}
#enkaku_tl p {
 font-family: 'Noto Serif JP', serif;
 font-size:3.5vw;
 line-height:220%;
	letter-spacing:0em;
 font-weight:100; 
 color:#000;
 -moz-text-align-last: justify;
 text-align-last: justify;
 text-justify:inter-ideograph;
}
#enkaku_tr p {
 font-family: 'Noto Serif JP', serif;
 font-size:3.5vw;
 line-height:220%;
	letter-spacing:0em;
 font-weight:100; 
 color:#000;
 text-align:justify;
}
}
@media print,screen and (min-width:836px) {
#map {
 width:100%;
	height:70%;
	margin:0 0 2% 0;
}
#map_text {
 width:80%;
	margin:0 auto 2%;
}
#map h3 {
 font-family: 'Noto Serif JP', serif;
 font-size:1.8vw;
 line-height:120%;
	letter-spacing:0.1em;
 font-weight:100; 
 color:#000;
 text-align:left;
}
#map p {
 font-family: 'Noto Serif JP', serif;
 font-size:0.9vw;
 line-height:120%;
	letter-spacing:0em;
 font-weight:100; 
 color:#000;
 text-align:left;
}
iframe{
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
}
}
@media screen and (max-width:835px) and (orientation:landscape) {
#map {
 width:100%;
	height:70%;
	margin:0 0 2% 0;
}
#map_text {
 width:80%;
	margin:0 auto 2%;
}
#map h3 {
 font-family: 'Noto Serif JP', serif;
 font-size:1.8vw;
 line-height:120%;
	letter-spacing:0.1em;
 font-weight:100; 
 color:#000;
 text-align:left;
}
#map p {
 font-family: 'Noto Serif JP', serif;
 font-size:0.9vw;
 line-height:120%;
	letter-spacing:0em;
 font-weight:100; 
 color:#000;
 text-align:left;
}
iframe{
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
}
}
@media screen and (max-width:835px) and (orientation:portrait) {
#map {
 width:100%;
	height:70%;
	margin:0 0 2% 0;
}
#map_text {
 width:90%;
	margin:0 auto 2%;
}
#map h3 {
 font-family: 'Noto Serif JP', serif;
 font-size:4.5vw;
 line-height:120%;
	letter-spacing:0.1em;
 font-weight:100; 
 color:#000;
 text-align:left;
}
#map p {
 font-family: 'Noto Serif JP', serif;
 font-size:3.2vw;
 line-height:120%;
	letter-spacing:0em;
 font-weight:100; 
 color:#000;
 text-align:left;
}
iframe{
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
}
}