@font-face {
    font-family: 'Kazesawa-Bold';
    src: url('/_jp/images/font/Kazesawa-Bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Kazesawa-Regular';
    src: url('/_jp/images/font/Kazesawa-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Kazesawa-Light';
    src: url('/_jp/images/font/Kazesawa-Light.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

body { -webkit-text-size-adjustment:100%; font-size: 16px;}
body a {color: black;}
#wrap {width: 100%;}

	
/*header*/

header { width: 100% }
div#hWrap { position: fixed; width: 100%; z-index: 9999999999;}
div#hWrap img {width: 100%; display: block;}
div.gnb { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
div.gnb a.button { position: absolute; top:0; left: 0; width: 17%; height: 100%; display: block;}
div.gnb a.home { position: absolute; top:0; right: 0; width: 17%; height: 100%; display: block; }

div#hWrap nav {position: fixed; left: -100%; width: 69.3%; height: 100%;  z-index: 9999; transition: right 0.5s ease; overflow-y: auto;}
div#hWrap nav.clk { position: fixed; left: 0; z-index: 9999; width: 60%; height: 100%;  transition: right 0.5s ease; overflow-y: auto;}

nav div.navi { position: absolute; top: 0; left: 0; width: 100%; height: auto;background:#2D2E33;}
nav div.navi a {position: relative; width: 100%; height: 100%; display: block;}



/*content*/
div.content {padding-top: 15%;}
#cWrap {width: 100%;}
#mv {width: 100%;}
#mv div img {width: 100%; max-width: 100%;}

.mv9 div{position: relative; width: 100%; padding-bottom:12%;}

/*footer*/

footer {width: 100%; position: fixed; bottom: 0;}
div.fWrap {width: 100%;}
div.fWrap div.snsQk {width: 100%; display: flex; flex-flow: row nowrap;}
div.fWrap div.snsQk a {display: block; flex-grow: 1;}
div.fWrap div.snsQk a img {display: block; width: 100%;}



/*지도(mv9) 크기조정*/
.mv9 iframe {position: absolute; width: 91.3%; height: 190px; top: 9%; left: 4.3%;}


@media screen and (min-width: 340px){
	.mv9 iframe {height: 200px;}
}

@media screen and (min-width: 375px){
	.mv9 iframe {height: 230px;}
}

@media screen and (min-width: 412px){
	.mv9 iframe {height: 240px;}
}

@media screen and (min-width: 568px){
	.mv9 iframe {height: 330px;}
}

@media screen and (min-width: 640px){
	.mv9 iframe {height: 370px;}
}

@media screen and (min-width: 667px){
	.mv9 iframe {height: 380px;}
}

@media screen and (min-width: 720px){
	.mv9 iframe {height: 420px;}
}

@media screen and (min-width: 740px){
	.mv9 iframe {height: 430px;}
}

@media screen and (min-width: 846px){
	.mv9 iframe {height: 470px;}
}

@media screen and (min-width: 960px){
	.mv9 iframe {height: 540px;}