@charset "utf-8";

@font-face {
    font-family: 'YoonGothic775';
    font-weight: normal;
    font-style: normal;
    src: url(/font/YoonGotihic775.OTF) format('opentype');
}

@font-face {
    font-family: 'YoonGothic725';
    font-weight: normal;
    font-style: normal;
    src: url(/font/YoonGotihic725.OTF) format('opentype');
}

@font-face {
    font-family: 'YoonGothic745';
    font-weight: normal;
    font-style: normal;
    src: url(/font/YoonGotihic745.OTF) format('opentype');
}

html, body{width:100%;height:100%; background-color:#fff; font-family:'YoonGothic775';}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline}
ul,ol,li{list-style:none}
div{ box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
a,a:link,a:active,a:visited,a:hover{text-decoration:none;}
span,span:focus{outline:none;border:0;background:none;padding:0;margin:0}
blockquote, q{quotes:none}
blockquote:before, blockquote:after, q:before, q:after{content:'';content:none}
legend, caption span{position:absolute;left:-9999em;top:0;width:0.1%;height:0.1%;text-indent:-999em;overflow:hidden;visibility:hidden}
table{border-collapse:collapse;border-spacing:0}
input,select,textarea{-webkit-appearance:none;font-size:inherit;color:inherit}
input[type="radio"]{-webkit-appearance:radio}
input[type="checkbox"]{-webkit-appearance:checkbox}
button{outline:0;border:none;border-radius:0;background:none}
a {color:#000;}


@media (max-width:768px){
	#popup { position:absolute; width:80%; top:65px; right:5px; padding:7px; background:#fff; border:2px solid #000; box-shadow:3px 3px 3px;}
	#popup img {width:100%; float:right;}
	#popup .closeArea { width:100%; clear:both; float:right; text-align:right; background:#000; color:#fff; margin-top:-5px; padding:3px 5px 3px 0; cursor:pointer; font-weight:bold; font-size:16px;}
	.pc {display:none !important;}
    .mo {display:block !important;}
}
@media (min-width:769px){
	#popup { position:absolute; top:125px; right:3%; padding:10px; background:#fff; border:2px solid #000; box-shadow:3px 3px 3px;}
	#popup .closeArea {text-align:right; background:#000; color:#fff; margin-top:-5px; padding:3px 5px 3px 0; cursor:pointer; font-weight:bold; font-size:18px;}
    .pc {display:block !important;}
    .mo {display:none !important;}
}

#wrap {margin:0 auto; max-width:1920px; width:100%;}
.mo_header { position:fixed; top:0; left:0; width:100%; height:60px; background:  #fff; padding:15px 0; }
.mo_header .logo,
.mo_header .burger {height:60px; overflow:hidden;}
.mo_header .logo {width:45%; float:left; padding-left:15px;}
.mo_header .logo img { width:15%; }
.mo_header .burger {float:right; text-align:right; padding-right:15px;}
.mo_header .burger img {width:30px;}
.mo_header .clickArea {background:#fff; margin-top:-15px; padding:15px 0; display:none;}
.mo_header .clickArea ul li.textLink {padding:15px; font-family:'YoonGothic775'; font-weight:700;}
.mo_header .clickArea ul li.btnLink {overflow:hidden;}
.mo_header .clickArea ul li.btnLink a { display:block; width:45%; padding:0.5% 2.5%; float:left; height:35px;}
.mo_header .clickArea ul li.btnLink a img {width:100%;}
.mo_header .clickArea ul li.snsLink {overflow:hidden; padding:0 2%;}
.mt15 {margin-top:15px;}
.mo_header .clickArea ul li.snsLink a {display:block; width:18%; padding:0 1%; float:left; }
.mo_header .clickArea ul li.snsLink a img {width:100%;}

.mo_content > div { margin-top: -5px;}
.mo_content .bgArea {margin-top:-5px; background:url('/img/6.jpg?1') no-repeat; background-size:100%; padding:15px 0 50px 0;}
.mo_content .linkArea {width:100%; margin:0 auto; overflow:hidden; text-align:center;}
.mo_content .linkArea > div {width:80%; padding:1%; margin:0 auto;}
.mo_content .linkArea .left {text-align:center;}
.mo_content .linkArea .left .siArea {text-align:center; margin-top:15px; overflow:hidden;}
.mo_content .linkArea .left .siArea .smallImg {width:19%; float:left; padding:0 0.5%;}
.mo_content .linkArea .right {text-align:center;}
.mo_content .linkArea .right .siArea { text-align:center; margin-top:250px; overflow:hidden;}
.mo_content .linkArea .right .siArea img { height:40px; width:100%; }
.mo_content .linkArea .right .siArea .siLeft { float:left; width:64%; padding-right:1%;}
.mo_content .linkArea .right .siArea .siRight { }
.mo_content .linkArea .topImage { width:100%; }


.header { position:fixed; top:0; left:0; width:100%; height:120px; background:  #fff; padding:15px 0;}
.header .inArea {width:1200px; margin:0 auto; height:100%; padding:0 15px;}
.header .inArea div {display:inline-block; padding:0 5px; vertical-align:middle; }
.header .inArea .logo { }
.header .inArea .link {width:1000px; text-align:center; height:100%; vertical-align: bottom;}
.header .inArea .link > a { font-family:'YoonGothic775'; font-weight:normal; color:#E9C382; border:2px solid #E9C382; display:inline-block; width: 135px; height: 60px; vertical-align: -webkit-baseline-middle;}
.header .inArea .link > a.lastMenu{
    width:100px;
}
.header .inArea .link > a:nth-child(3){
    width:145px;
}
.header .inArea .link > a.active {color:#501F14; background:#E9C382;}
.header .inArea .link > a span {display:block; margin-top:8px;}
.header .inArea .btn {width:80px; overflow:hidden; margin-top:-10px; }
.header .inArea .btn a {width:50%; float:left; }
.header .inArea .sns {width:100px; overflow:hidden; margin-top:-15px; }
.header .inArea .sns a {width:35px; float:left; padding:0 5px;}
.header .inArea .sns a img.lnkImg {width:35px; height:35px;}
.header .inArea .sns2 {width:100px; overflow:hidden; margin-top:-15px; }
.header .inArea .sns2 a img {width:90%;}
.content {max-width:1200px; width:100%; margin:0 auto;}
.content .imgArea { margin-top:-5px; }
.content .bgArea {margin-top:-5px; background:url('/img/6.jpg?1') no-repeat; background-size:100%; max-width:1200px; padding:15px 0 90px 0;}
.content .linkArea {width:100%; max-width:1200px; margin:0 auto; margin-top:65%; overflow:hidden; }
.content .linkArea > div {}
.content .linkArea .left {}
.content .linkArea .left .siArea {text-align:center; margin-top:15px; overflow:hidden;}
.content .linkArea .left .siArea .smallImg {width:19%; float:left; padding:0 0.5%;}
.content .linkArea .right {}
.content .linkArea .right .siArea { text-align:center; margin-top:45px; overflow:hidden;}
.content .linkArea .right .siArea img { width:100%; }
.content .linkArea .right .siArea .siRight > a { display:inline-block; width:29%; padding:0 20px; vertical-align:top; }
.content .linkArea .topImage { width:100%; }