@charset "utf-8";
.pc_top{display:none;}
.on{display:block !important;}
a:hover{text-decoration:underline}
button, .more{background:url("/images/common/icon.png") no-repeat;width:50px;height:50px;font-size:0;}
.btn_close{background-position:-150px 0;background-color:#1b99ae;border:1px solid #1b99ae;}
header{width:100%;max-width:1200px;margin:0 auto;position: relative;}
header:after{content:"";display:block;clear: both;}
header h1{margin:15px;float:left;line-height:50px;}
header h1 a{display:block;}
header h1 img{height:9vw;vertical-align:middle;}
@media all and (min-width:500px) {header h1 img{height:auto;}}
nav>div{clear:both;}
.m_top{display:block;height:20px;padding:10px;text-align:center;}
.m_top a{padding:10px;margin:0 .3em;border:1px solid #ddd;}
nav{position:relative;}
nav .menu{position:absolute;top:15px;right:15px;}
.menu.btn_open{background-position:-100px 0;background-color:#fff;border:1px solid #d7d7d7;}
nav>div{display:none;}
nav.on>div{display:block;}
nav>div>ul{position:relative;overflow:scroll;margin:10px auto 0;border-top:1px solid #ededed;}
nav>div>ul>li{border-bottom:1px solid #ededed;}
nav>div>ul>li.on{background:#1b99ae;}
nav>div>ul>li>a{display:block;padding:15px;line-height:1;color:#000;text-align:center;}
nav>div>ul>li.on>a{font-weight:600;color:#fff;border-bottom:1px dashed }
nav>div>ul>li>div{display:none;}
nav>div>ul>li.on>div{display:block;background:#eee;border-bottom:1px solid #1b99ae;padding:0 0 15px;font-size:1rem;z-index:999;}
nav>div>ul>li>div>ul{padding:0 15px}
nav>div>ul>li>div>ul>li{line-height:1.6;padding:10px 0 0;}
nav>div>ul>li>div>ul>li>a{color:#000;}
nav>div>ul>li>div>ul>li.on>a{color:#1b99ae;font-weight:600;}
nav>div>ul>li>div>ul>li>a:before{content:"\2022";color:#000;}
nav>div>ul>li>div>ul>li.on>a:before{content:"\2022";color:#1b99ae;}
nav>div>ul>li>div>ul>li>div{}
nav>div>ul>li>div>ul>li.on>div{display:block;}
nav>div>ul>li>div>ul>li>div>ul{padding:0 7px;background:#fff;border-radius:5px;}
nav>div>ul>li>div>ul>li>div>ul>li{padding:5px 10px;}
nav>div>ul>li>div>ul>li>div>ul>li>a{color:#333;text-indent:-10px;}
nav>div>ul>li>div>ul>li>div>ul>li>a:before{content:"\002d";color:#333;display:inline-block}
.search.btn_open{border:1px solid #d7d7d7;position:absolute;top:15px;right:15px;}
.search_box{display:none;position:absolute;top:65px;width:100%;text-align:center;background:#f5f5f5;z-index:999}
.search_box form{position:relative;padding:4rem 0;}
.search_box input{line-height:30px;padding:10px;border:1px solid #d7d7d7;display:inline-block;text-align:center;}
.search_box input:first-child{width:60%;max-width:375px;}
.search_box input:last-child{max-width:50px;text-align:center;background:#d7d7d7;color:#000;}
.search.btn_close{position:absolute;top:-50px;right:15px;}
footer:before{content:"";border-top:1px solid #d7d7d7;display:block;box-shadow:-1000px 0 0 #d7d7d7, 1000px 0 0 #d7d7d7;}
footer{max-width:1200px;margin:0 auto;}
footer>div{line-height:22px;padding:25px 0;}
footer>div>*{padding:0 15px;}
footer>div p{font-style:normal;color:#333;}
footer>div p>span{display:inline-block;}
footer>div .copy{margin-top:20px;color:#666;}
footer .sns{display:none;}
.subvisual{display:none;background:url(/images/common/sub_visual.jpg) no-repeat center bottom;max-height:200px;}
.subvisual h2:before{content:"";display:block;margin:1rem auto;width:25px;height:2px;background:#42bdd1;}
.subvisual h2{position:relative;font-size:1.7rem;color:#333;font-weight:600;text-align:center;padding:4rem 0 ;}
.local{display:block;background:#42bdd1}
.local:after{content:"";display:block;clear:both;}
.local>div>ul{float:left;width:53%;height:50px;}
.local>div>ul>li{float:left;position:relative;width:100%}
.local>div>ul>li:first-child{display:none;}
.local>div>ul>li:nth-child(3)>a{font-weight:600;color:#fff}
.local>div>ul>li>a{display:block;line-height:25px;padding:0 5px;color:#000;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.local>div>ul>li>div{display:none;}
.local .utility{float:right;display:block;}
.local button{background-color:#1b99ae;}
.i_home{float:left;background-position:0px -200px;}
.i_print{background-position:-80px -300px}
.i_share{background-position:-130px -300px;border-left:1px solid #d7d7d7;}
.utility .share.on>ul{display:block}
.utility .share{display:inline-block !important;margin-left:-4px;position:relative;}
.utility .share>ul{display:none;position:absolute;left:0;background:#556279;padding:10px 9px;}
.utility .share>ul>li{text-align:center;}
.utility .share>ul>li>a{background:url("/images/common/icon.png") no-repeat;font-size:0;display:inline-block;width:32px;height:32px;border-radius:50%;vertical-align:middle;}
.utility .share>ul>li.i_facebook>a{background-position:-50px -110px;background-color:#3b579d;}
.utility .share>ul>li.i_twitter>a{background-position:-84px -110px;background-color:#1ea1f3;margin-top:10px;}
.utility .share>ul>li.i_close>a{background-position:-160px 0;}
.s_tit{text-align:center;line-height:1.5;overflow:hidden}
.s_tit h3{font-size:1.7rem;color:#000;position:relative;display:inline-block;margin:30px 0;}
.s_tit:after{content:"";display:block;width:100%;height:10px;margin-bottom:35px;background:url(/images/common/p_slash.png)}
article.s_con{padding:0 15px;}
@media all and (min-width:768px) {
header h1{margin:15px;float:left;line-height:54px;}
footer>div{float:left;width:75%;}
footer .sns{display:inline-block;width:25%;line-height:50px;text-align:center;padding:3rem 0 0;}
footer .sns a{background:url("/images/common/icon.png") no-repeat;font-size:0;display:inline-block;width:32px;height:32px;border-radius:50%;vertical-align:middle;}
footer .sns a.i_facebook{background-position:-50px -110px;background-color:#3b579d;}
footer .sns a.i_twitter{background-position:-84px -110px;background-color:#1ea1f3;margin:0 10px;}
footer .sns a.i_blog{background-position:-120px -110px;border:1px solid #d7d7d7;}
.subvisual h2{font-size:2.1rem;padding:4.9rem 0}
.local>div>ul{width:80%;}
.local>div>ul>li{width:33.33%;z-index:9}
.local>div>ul>li:first-child{display:block;}
.local>div>ul>li:nth-child(3)>a{font-weight:400;color:#000;}
.local>div>ul>li>a{padding:0 20px;line-height:50px;text-align:center}
.local>div>ul>li>a:after{content:"";display:block;position:absolute;top:0;right:0;width:50px;height:50px;background:url(/images/common/icon.png) no-repeat 0 -350px;}
.local>div>ul>li.on>div{display:block;border:1px solid #d7d7d7;border-top:1px dashed #fff;}
.local>div>ul>li>div>ul{background:#f9f9f9;}
.local>div>ul>li>div>ul>li{line-height:35px;}
.local>div>ul>li>div>ul>li>a{display:block;padding-left:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.local>div>ul>li>div>ul>li.active>a{color:#1b99ae;font-weight:600;position:relative;}
.local>div>ul>li>div>ul>li.active>a:before{content:"";width:1rem;height:.5rem;background:#48d4eb;font-weight:600;display:block;position:absolute;top:1rem;left:0}
.i_home{background-color:#42bdd1 !important;border-right:1px solid #ddd}
.s_tit{padding:2rem 0 0}	
}
@media all and (min-width:1024px) {
.pc_top{display:block;}
.m_top{display:none;}
#m_wrapper{background: url("/upload_data/board_data/BBS_0000082/169378636009061.gif") no-repeat center  36px}
nav>button{display:none !important;}
nav .menu.btn_close{display: none;}
nav>div{display:block;}
.pc_top{max-width:1200px;margin:0 auto;line-height:36px;background:#fbfbfb;box-shadow:-1000px 0 0 #fbfbfb, 1000px 0 0 #fbfbfb;}
.pc_top:after{content:"";display:block;clear:both;}
.pc_top ul{float:right;}
.pc_top ul li{float:left;padding:0 10px;color:#707070;font-size:12px;}
.skip{display:block;background:#1b99ae;width:130px;line-height:36px;float:left;text-align:center;}
.skip a{display:block;color:#fff;font-weight:bold;}
.skip a:focus, .skip a:hover, .skip a:active{background:#000;text-decoration:underline;}
nav{width:100%;float:right;position:relative;z-index:999}
nav.on{height:auto}
nav>div>ul{position:static;background:#fff;margin:auto;overflow:inherit;}
nav>div>ul>li{float:left;background:none;}
nav>div>ul>li:nth-child(1){width:12%;}
nav>div>ul>li:nth-child(2){width:22%;}
nav>div>ul>li:nth-child(3){width:18%;}
nav>div>ul>li:nth-child(4){width:22%;}
nav>div>ul>li:last-child{width:24%;}
nav>div>ul>li.on{background:none;}
nav>div>ul>li>a{font-size:1.2rem;display:block;padding:0 0 24px;text-align:center;line-height:50px;height:50px;}
nav>div>ul>li.on>a, nav>div>ul>li:hover>a{position:relative;color:#1b99ae;font-weight:bold;border:0;}
nav>div>ul>li.on>a:after{content:"";display:block;width:5rem;height:7px;position:absolute;bottom:0;margin:0 auto;background:#1b99ae;z-index:2;left:50%;transform:translate(-50%,0);}
nav>div>ul>li.on>div{position:absolute;top:75px;left:0;right:0;max-width:2000px;margin-left:0;min-height:242px;padding:0 0 10px;background:url("/upload_data/board_data/BBS_0000082/163713685178477.png") no-repeat left bottom #fff;z-index: -1;box-shadow:-1000px 0 0 #fff, 1000px 0 0 #fff;border-top:1px solid #d7d7d7;border-bottom:0;min-height:313px;}
nav>div>ul>li.on>div:before{content:"";display:block;position: absolute;top:-1px;width:100%;height:1px;background:#d7d7d7;box-shadow:-1000px 0 0 #d7d7d7, 1000px 0 0 #d7d7d7;}
nav>div>ul>li>div>ul{width:69%;padding:0 0 0 30%;}
nav>div>ul>li>div>ul:after{content:"";display:block;clear:both;}
nav>div>ul>li>div>ul>li{position:relative;display:inline-block;margin:0 10px;width:30%;text-align:center;vertical-align:top}
nav>div>ul>li>div>ul>li.on{display:inline-block !important;}
nav>div>ul>li>div>ul>li>a:before, nav>div>ul>li>div>ul>li.on>a:before{content:"";}
nav>div>ul>li>div>ul>li>a{display:inline-block;line-height:2;width:100%;margin:1em 0;padding:.5rem;text-align:center;border:1px solid #d7d7d7;color:#333;vertical-align:middle;box-sizing:border-box}
nav>div>ul>li>div>ul>li.on>a{background:#1b99ae !important;border:1px solid #1b99ae;color:#fff;}
nav>div>ul>li>div>ul>li:hover>a{border:1px solid #1b99ae;background:#1b99ae;color:#fff}
nav>div>ul>li>div>ul>li.on>a{color:#fff;font-weight:600;}
nav>div>ul>li>div>ul>li>div{padding-left:10px;vertical-align:middle;}
nav>div>ul>li>div>ul>li>div>ul{padding:0;}
nav>div>ul>li>div>ul>li>div>ul>li{text-align:left;}
nav>div>ul>li>div>ul>li>div>ul>li>a{}
nav>div>ul>li>div>ul>li>div>ul>li>a:before{content:"\2022";}
nav>div>ul>li>div>ul>li>div>ul>li.on>a{border-bottom:0;font-weight:400;color:#333;}
nav>div>ul>li>div>ul>li>div>ul>li:hover>a,nav>div>ul>li>div>ul>li>div>ul>li:hover>a:before{color: #42bdd1;}
.search.btn_open{border:1px solid #d7d7d7;top:51px;}
.search_box{top:100px;}	
footer .sns{width:18%;}
footer .sns a{vertical-align:middle;transition:.3s ease-in-out}
footer .sns a:hover{background-color:#333;transition:.3s ease-in-out}
.local>div>ul{width:85%;}
.local button{background-color:#fff;}
.i_home{border-left:1px solid #ddd}
.i_print{background-position:-80px -250px;transition:.3s ease-in-out;}
.i_share{background-position:-130px -250px;transition:.3s ease-in-out;}
.i_print:hover{background-color:#1b99ae;background-position:-80px -300px;transition:.3s ease-in-out;}
.i_share:hover{background-color:#1b99ae;background-position:-130px -300px;transition:.3s ease-in-out;}
.share.on .i_share{background-color:#1b99ae;background-position:-130px -300px;transition:.3s ease-in-out;}
}
@media all and (min-width:1200px) {
header h1{line-height:84px}
nav{width:65%;top:40px;}
nav>div>ul{border-top:0;background:none;}
nav>div>ul>li{float:left;background:none;border-bottom:0;}
nav>div>ul>li:nth-child(1){width:16%;;}
nav>div>ul>li:nth-child(2){width:15%;}
nav>div>ul>li:nth-child(3){width:10%;}
nav>div>ul>li:nth-child(4){width:22%;}
nav>div>ul>li:last-child{width:32%;}
nav>div>ul>li.on>div{top:74px;left:-56rem;width:1200px;border-bottom:0;background-position:39% bottom;}
nav>div>ul>li>div>ul{width:76%;padding:0 0 0 58%;}
nav>div>ul>li>div:after{content: "";display: block;position: absolute;bottom: 0;width: 100%;height: 1px;background: #ddd;box-shadow: -1000px 0 0 #ddd, 1000px 0 0 #ddd;}
.local>div>ul{width:87%;}
.local>div{max-width:1200px;margin:0 auto;}
.s_contents .content_wrap{max-width:1200px;margin:0 auto;}
footer{clear:both;margin:2rem auto 0}
footer .sns{padding:2rem 0 0;}
}