@charset "utf-8";
html {font-size: 62.5%;}
body{color:#313131;font-size: 1.6rem;background-color: #ECECE9;font-family: "Zen Kaku Gothic Antique", sans-serif;font-weight: Medium;font-style: normal;}
h1,h2,h3,h4,h5,h6{letter-spacing: .1rem; font-weight: normal;line-height: 1.4;font-weight: 500;}
h2{font-size: 2.4rem;}
ul li{list-style: none;}
a{color: #313131;}
p{font-size: 1.6rem;line-height: 1.8;}
.button{border-radius: 5px; font-size: 1.5rem; line-height: 2; text-align: center;display: block;text-decoration: none;}
.btn_green{background-color: #7E8C79;color: #fff;}
.t_r{text-align: right;}
.t_l{text-align: left;}
.top_margin{margin-top: 40px;}
.pc_only{display: none;}

body.bgWhite{background-color: #fff;}

/* 
.home .header{background: #7e8c79;} */

.wrap{width:82%; margin:0 auto;max-width: 1180px;}
.zen-kaku-gothic-antique-regular {font-family: "Zen Kaku Gothic Antique", sans-serif;font-weight: 400;font-style: normal;}


/* Display NONE */
.gnavi,.footernavi{display: none;}

.header{background-color: #fff;padding-top: 15px;padding-bottom: 15px;}
.header .wrap{display: flex;width: 90%;}
a.title{color: #313131; text-decoration: none;display: inline-block;line-height: 20px;padding: 10px 0;font-size:1.8rem;}
.lang{margin-left: auto;}
.lang ul{display: flex;}
.lang ul li{font-size: 1.8rem; line-height: 2.8rem;vertical-align: bottom;margin-right: 5px;}
.lang ul li:first-child{padding-right: 10px;margin-right: 5px;position: relative;}
.lang ul li:first-child::after{content: ""; display: block; width: 1px; height: 2rem; background: #000;transform: rotate(25deg);margin-left: 12px;position: absolute; top: 5px;right: 0;}
.lang ul li a{text-decoration: none; color: #313131;}

.h_menu {width: 25px;  cursor: pointer;margin-left: 30px;}
.h_menu span {display: block;height: 2px;width: 100%;background-color: #333;margin: 6px 0;transition: 0.4s;}
/* バツ印に変化するスタイル */
.h_menu.active span:nth-child(1) {transform: rotate(45deg) translate(5px, 5px);}

.h_menu.active span:nth-child(2) {opacity: 0;}

.h_menu.active span:nth-child(3) {transform: rotate(-45deg) translate(6px, -6px);}

.s_navi_wrap {position: fixed;top: -150%;width: 100vw;height: 100vh;background-color: #7E8C79;padding: 20px 0;box-sizing: border-box;z-index: 5;transition: top 0.3s ease;}
.navi_head{display: flex;padding: 30px 40px;justify-content: space-between;}
.navi_head a{font-size: 2.2rem; color:#fff;text-decoration: none;line-height: 40px;}
.navi_head img{width: 40px;}

.s_navi_wrap nav ul li{font-size: 2.0rem;border-bottom: 1px solid #fff;}
.s_navi_wrap nav ul li img{width: 40px;}

.s_navi_wrap nav ul li a{display: flex; width: 100%;color: #fff;height: 100%;text-decoration: none;line-height: 40px;padding: 20px 40px;justify-content: space-between;}
.s_navi_wrap nav ul li a span{display: block;}
.s_navi_wrap.active {top: 0; /* メニューが表示される位置 */}

footer.footer{background-color: #5D6562; color: #fff;padding: 60px 0px 30px;}
footer.footer h5{font-size: 2.4rem;margin-bottom: 30px;}
footer.footer p{font-size: 2.0rem;}
footer.footer h6{font-size: 2.0rem;margin-top: 10px;}
footer.footer .btn_wrap{text-align: right;margin-top: 60px;} 
footer.footer .btn_wrap a{color:rgba(49,49,49, 1);background-color: rgba(236, 236, 233, 1); border-radius: 6px; width: 120px;font-size: 1.8rem;} 
small{text-align: center;display: block;margin-top: 40px;}



.main .select_item{display: flex;box-shadow: 0 0 1.07em rgba(0, 0, 0, 0.1);flex-direction: row;align-items: center;box-sizing: border-box;border-radius: .47em;background: #fff;padding:10px;position: relative;margin-bottom: 20px;}
.main .select_item .sl_title{width: 30%; font-weight: bold;}
.main .select_item .inner{width: 70%;border-left: 2px dotted #111;}
.main .select_item select{position: relative;appearance: none;
    z-index: 1;width: 100%;border: none;padding: 0.3em 1.5em;
    background: none; box-sizing: border-box;color: #111;line-height: 1;font-weight: bold;outline: none;}
.main .select_item::after{content: "▼";
    margin-left: .5em;
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    right: 10px;
    top: 50%;
    margin: -.5em 0 0;
    color: #51554D;}
.main .searchbox input{box-shadow: 0 0 1.07em rgba(0, 0, 0, 0.1);box-sizing: border-box;border-radius: .47em;background: #fff;padding:10px;margin-bottom: 20px;width: 100%;border: none;cursor: pointer;font-weight: bold;color: #000;}


@media screen and (min-width: 481px) {/* 481px以上に適用されるCSS（タブレット用） */
	
}/* END 481px以上に適用されるCSS（タブレット用） */

@media screen and (min-width: 960px) { /* 960px以上に適用されるCSS（PC用） */
    .pc_only{display: block;}
    .sm_only{display: none;}
    .home a.title{color: #fff;font-size: 2.4rem;}
    .h_menu,.no_pc{display: none;}
    .gnavi{display: block;margin-left: auto;}
    .gnavi .menulist{display: flex; justify-content: center;}
    .gnavi .menulist li{padding: 12px 20px; font-size: 1.8rem;}
    .gnavi .menulist a{text-decoration: none;width: 100%;display: block;padding-bottom: 5px;}
    .home .gnavi .menulist a{color: #fff;}
    .gnavi .menulist .menu-item{position: relative;}
    .gnavi .menulist li.menu-item:hover > a{border-bottom: 1px solid #fff;}
    .gnavi .menulist .menu-item .drop-menulist{width: max-content;white-space: nowrap;position: absolute;top: 40px;left: 20px;visibility:hidden;background: rgba(255,255,255,.8);padding: 10px 5px;}
    .gnavi .menulist .menu-item:hover .drop-menulist{visibility:visible;}
    .gnavi .menulist .menu-item .drop-menulist li{line-height: 1.5;padding: 10px;}
    .gnavi .menulist .menu-item .drop-menulist li a{color: #000;}
    .lang{margin-left: unset;margin-left: 60px;}
 
    footer.footer .wrap{display: flex;padding-top: 90px;}
    footer.footer .footercontact h5{margin-bottom: 60px;}
    .footernavi{display: flex;margin-left: auto;}
    .footernavi nav{width: 50%;}
    .footernavi ul li{font-size: 1.4rem;margin-bottom: 10px;padding: 4px 0;line-height: 1.8;}
    .footernavi ul li a{ width: 100%; text-decoration: none;color: #fff;}


} /*END  960px以上に適用されるCSS（PC用） */