@charset "UTF-8";
/* CSS Document */

/* ヘッダー */
div#head { margin-top:60px; }
/* ハンバーガーボタン */
.header{position:fixed;top:0;left:0;width:100%;height:60px;z-index:1000;width:100%;background:#fff;box-shadow:0 2px 2px 0 rgba(0,0,0,0.2);-webkit-box-shadow:0 2px 2px 0 rgba(0,0,0,0.2);-moz-box-shadow:0 2px 2px 0 rgba(0,0,0,0.2)}
.hamburger{width:100%;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;height:60px;padding:0 15px;top:0;left:0;box-sizing:border-box;z-index:2}
.logo img{max-width:140px}
.menu-trigger{position:absolute;top:8px;right:18px;width:45px;height:45px;padding:6px 5px 5px;box-sizing:border-box;z-index:10000;transition:all .1s ease-in-out;cursor:pointer;pointer-events:auto;background-color:#fff;overflow:hidden;border:1px solid #000}
.menu-trigger > span{display:block;width:100%;margin:0 auto 4px;height:4px;background:#000;transition:all .1s ease-in-out}
.menu-trigger > span:last-child{background:none}
.menu-trigger > span:nth-child(3),.menu-trigger > span:last-child{margin-bottom:0}
.menu-trigger > span:last-child::after{content:'MENU';font-size:10px;color:#000;text-align:center;display:block;margin-top:1px}
.js_hamburgerOpen .menu-trigger > span{background:#000}
.js_hamburgerOpen .menu-trigger > span:last-child{background:none}
.js_hamburgerOpen .menu-trigger > span:last-child::after{content:"CLOSE"}
.js_hamburgerOpen .menu-trigger > span.top{transform:translateY(8px) rotate(45deg);width:80%}
.js_hamburgerOpen .menu-trigger > span.middle{opacity:0}
.js_hamburgerOpen .menu-trigger > span.bottom{transform:translateY(-8px) rotate(-45deg);width:80%}
.menu-triggerButton.menu-triggerButton__close{top:2%;right:2%}
.menu-triggerButton__close > span{display:block;width:35px;margin:0 auto;height:4px;background:#fff}
.menu-triggerButton__close > span.menu-triggerLineTop{transform:translateY(5px) rotate(-45deg)}
.menu-triggerButton__close > span.menu-triggerLineBottom{transform:translateY(-5px) rotate(45deg)}
/* ナビゲーション(中身) */
.navi{display:none}
.navi.js_appear{position:fixed;top:0;left:0;bottom:0;right:0;display:block;z-index:9999}
.navi_screen{position:absolute;top:0;left:0;bottom:0;right:0;background-color:rgba(221,221,221,0.96);z-index:0;margin-top:0;padding-top:0;overflow:auto;-webkit-overflow-scrolling:touch}
.navigation{padding:10px;text-align:center}
.navi_title{padding:8px 20px 16px 30px;font-size:1.4em;letter-spacing:10px}
.navi_contact{width:80%;margin:20px auto;padding:0;text-align:center;border:2px solid #1b95d4;background:#fff}
.navi_contact a{display:inline-block;font-weight:700;text-decoration:none;padding:10px;width:100%;box-sizing:border-box}
.navi_contact a:before{content:"\f054";font-family:"Font Awesome 5 Free";font-weight:900;margin-right:10px}
.navigation_item{font-ize:18px;margin-bottom:20px}
.navigation_item > a{color:#000;text-decoration:none}
.js_fixed{position:fixed;width:100%;height:100%}
nav#headnavi>ul>li{margin:0 20px;padding:10px;border-left:2px solid #eee;border-right:2px solid #eee;border-bottom:2px solid #eee;list-style:none;background:#fff}
nav#headnavi>ul>li:first-child{border-top:2px solid #eee}
nav#headnavi>ul>li>a{width:100%;display:block;text-decoration:none;color:#000}
nav#headnavi>ul>li>a:before,
nav#headnavi>ul.footermenu1>li>ul>li a:before,
nav#headnavi>ul.footermenu2>li>ul>li a:before{content:'\f0da';font-weight:900;font-family:"Font Awesome 5 Free";margin-right:5px;color:#1b95d4}
nav#headnavi.navigation>ul.footermenu1,
nav#headnavi.navigation>ul.footermenu2{margin:0}
nav#headnavi.navigation>ul.footermenu1>li,
nav#headnavi.navigation>ul.footermenu2>li{margin:0;padding:0;border-top:1px solid #ddd;border-left:none;border-right:none;border-bottom:none;text-align:left}
nav#headnavi.navigation>ul.footermenu1>li>p{width:100%;display:flex;display:-webkit-flex}
nav#headnavi.navigation>ul.footermenu2>li{width:100%;display:flex;display:-webkit-flex;margin:0;padding:0;text-align:left;border-top:1px solid #ddd;border-left:none;border-right:none;border-bottom:none}
nav#headnavi.navigation>ul.footermenu1>li:last-child{border-bottom:1px solid #ddd}

/*　パンくずリスト　*/
.breadcrumblist { width: 100%; padding: 10px 10px 8px; overflow: hidden; box-sizing: border-box; }
.breadcrumb { margin: 0; padding: 0; font-size: .7em; line-height: 1.4em; color: #888; }
.breadcrumb li { display:inline; list-style: none; font-weight: bold; }
.breadcrumb li:after { font-family: "Font Awesome 5 Free"; content: '\f0da'; font-weight: 900; padding: 0 3px; color: silver; }
.breadcrumb li:last-child:after { content: ''; }
.breadcrumb li a { text-decoration: none; color: #888; }
.breadcrumb li:first-child a:before { font-family: "Font Awesome 5 Free"; content: '\f015'; font-weight: 900; font-size: 1.1em; color: #1b95d4; }
.breadcrumb li a:hover { text-decoration: underline; }

/* フッター */
a.anchor {display: block;padding-top: 60px;margin-top: -60px;}
ul.footermenu1 {width: 100%;margin: 30px auto 0;padding: 0;font-size: 14px;list-style: none;overflow:hidden;}
ul.footermenu1 a {display:block;height: 51px;overflow: hidden;padding:15px 3px 0 12px;text-decoration:none;color: #000;box-sizing:border-box;}
ul.footermenu1 a:before {content: "\f0da";font-family: "Font Awesome 5 Free";margin-right: 5px;font-size: 1.1em;font-weight: 900;color:#1b95d4;}
ul.footermenu1 span {display:block;color:#000;font-weight: normal;}
ul.footermenu1 ul { display:none;}
ul.footermenu1 > li { border-bottom: 1px solid #ddd; overflow: hidden; }
ul.footermenu1 > li:first-child { border-top:1px solid #ddd; }
ul.footermenu1 > li > p {cursor:pointer;overflow:hidden;}
ul.footermenu1 > li > p span:before { content: "\f0d7"; font-family: "Font Awesome 5 Free"; margin-right: 13px; font-size: 1.2em; font-weight: 900; display: inline-block; color: #333; vertical-align: middle; padding: 18px 13px; border-right: 1px solid #ddd; }
ul.footermenu1 > li > p span.open:before { content: "\f0d8"; font-family: "Font Awesome 5 Free"; margin-right: 13px; font-weight: 900; }
ul.footermenu1 > li > ul > li { background: #fcfcfc; border-top:1px solid #ddd; width:50%; float:left; list-style:none; box-sizing:border-box; }
ul.footermenu1 > li > ul > li a { color: #333; }
ul.footermenu1 > li > ul > li a:before { color: #1b95d4; }
ul.footermenu1 > li > ul > li:nth-child(odd) { border-right: 1px solid #ddd; }
@media screen and (max-width: 320px)  {
ul.footermenu1 > li > ul > li { font-size: 11px; }
}
ul.footermenu2 {width: 100%;margin: 0 auto 5px;padding:0;font-size:14px;list-style:none;overflow:hidden;display: -ms-flexbox;display: -webkit-box;display: -webkit-flex;display: flex;-ms-flex-wrap: wrap;-webkit-flex-wrap: wrap;flex-wrap: wrap;}
ul.footermenu2 a {display:block;padding:15px 3px 15px 12px;text-decoration:none;color: #000;}
ul.footermenu2 a:before {content: "\f0da";font-family: "Font Awesome 5 Free";margin-right: 4px;font-size:1.1em;font-weight: 900;color:#1b95d4;}
ul.footermenu2 > li { border-bottom: 1px solid #ddd; overflow: hidden; box-sizing: border-box; width: 50%; float: left; }
ul.footermenu2 > li:nth-child(odd) { border-right: 1px solid #ddd; }
@media screen and (max-width: 375px) {
ul.footermenu1, ul.footermenu2 { font-size: 12px; }
}