@charset "utf-8";
/* Copyright 2024 design hack. */

/* ------------------------------------------------------------
サイト共通設定
------------------------------------------------------------ */
/* デフォルト文字設定 */
body{color:#282D27;background: #F5F4EA; font-family:'Noto Sans JP',"ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro","メイリオ", "Meiryo", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", sans-serif;font-weight: 500; font-size:16px;line-height:2.2;}
main{display:block;}
@media print, screen and (max-width: 767px){body{font-size:15px;}}
/* デフォルトリンク色の設定 */
a{color:#000000;text-decoration:none;outline: none;-webkit-transition: color 0.3s;transition: color 0.3s;}
/* 青いの消す */
*:focus {outline: none;}
/*	clearfix */
.clearfix:after{/*for modern browser*/  content: "";  display:block;  clear:both;}
.clearfix{ *zoom:1; } /*for IE6,IE7*/
p#browser{padding:10px 0;background:#000;color:#FFF;text-align:center;}
p#browser span{font-size:86%;}
img {vertical-align:top;}

/* ------------------------------------------------------------

レイアウト

------------------------------------------------------------ */
/* ----------------------------------------------
ヘッダー
---------------------------------------------- */
div#header_fixed{width:100%;height:200px;}
div#wrap_h1{width:100%;padding:10px 0 0 20px;}
h1{line-height: 1.0;color: #C9C7B7;font-size: 12px;font-weight: normal;text-align: left;}

div#wrap_header{line-height: 1.0;}
p#pc_logo{position:absolute;left:20px;top:35px;}
p#pc_logo img{width:293px;height:50px; }
p#pc_logo a:hover{opacity:0.7;}

/* グローバルナビゲーション */
nav#wrap_nav_main{margin: 0 auto;width: 1200px;height: 180px;}
nav#wrap_nav_main ul#nav_main {font-size: 0;background: #F5F4EA;}
nav#wrap_nav_main ul#nav_main li{display: inline-block;font-size: 16px;width: 170px;}
nav#wrap_nav_main ul#nav_main li:nth-child(4){width: 180px;padding-top: 0;}
nav#wrap_nav_main ul#nav_main li img:hover{opacity: 0;transition: 0.1s;}
nav#wrap_nav_main ul#nav_main li:nth-child(4) img:hover{opacity: 0.5;transition: 0.2s;}
nav#wrap_nav_main ul#nav_main li:first-child{background:url(/common/img/nav_main01_on.png) no-repeat 0 0;background-size:170px 180px;}
nav#wrap_nav_main ul#nav_main li:nth-child(2){background:url(/common/img/nav_main02_on.png) no-repeat 0 0;background-size:170px 180px;}
nav#wrap_nav_main ul#nav_main li:nth-child(3){background:url(/common/img/nav_main03_on.png) no-repeat 0 0;background-size:170px 180px;}
nav#wrap_nav_main ul#nav_main li:nth-child(5){background:url(/common/img/nav_main04_on.png) no-repeat 0 0;background-size:170px 180px;}
nav#wrap_nav_main ul#nav_main li:nth-child(6){background:url(/common/img/nav_main05_on.png) no-repeat 0 0;background-size:170px 180px;}
nav#wrap_nav_main ul#nav_main li:last-child{background:url(/common/img/nav_main06_on.png) no-repeat 0 0;background-size:170px 180px;}

div#sp_nav{display: none;}

@media print, screen and (min-width: 1159px){.global_nav{display: none;}}
/* ----------------------------------------------
device
---------------------------------------------- */
@media print, screen and (max-width:1160px){
div#pc_nav{display: none;}
div#sp_nav{display: block;} 
/* ----header---- */
div#header_fixed{width:100%;height:30px;}
/*--h1--*/ 
div#wrap_h1{width: 100%;padding-top:5px;}
h1{line-height: 1.0;color: #C9C6B7;font-size: 10px;font-weight: 300;text-align: center;}

header{width:100%;height:auto;}

/*--menu button--*/
div#hamburger{position:relative;z-index:9999;position:fixed;top:0;left:0;z-index:8888;width:100%;}
.toggle {position: absolute;right: 20px;top: 40px;cursor: pointer;width:25px;height:13px;}
.toggle span {display: inline-block;transition: all .4s;/*アニメーションの設定*/position: absolute;height: 2px;background: #A1864E;}
.toggle span:nth-of-type(1) {top:0;width: 100%;}
.toggle span:nth-of-type(2) {top:13px;width:100%}
.toggle.active span:nth-of-type(1) {top: 0;transform: translateY(6px) rotate(-135deg);width: 60%;}
.toggle.active span:nth-of-type(2){top: 13px;transform: translateY(-6px) rotate(135deg);width: 60%;}
    
/* .global_nav */
.global_nav {position: fixed;top: 0;left: 0;width: 100%;height:100%;transform: translateY(-100%);z-index: 110;text-align: center;transition: all 0.8s;}
#nav_inner{height:100%;overflow-y:auto;}
.global_nav.active {transform: translateY(0%);}
.global_nav ul{background:#0E4813;padding-top: 73px;}
.global_nav ul li {line-height: 1.0;padding-bottom: 30px;}
.global_nav ul li img{width: 184px;height:auto;}
}

/* フッター
---------------------------------------------- */
/* ページトップ
---------------------------------------------- */
p#pagetop{position:fixed;right:50px;bottom:50px;margin-bottom:0;z-index: 100;}
p#pagetop a{width:12px;height:86px;background:url(/common/img/btn_pagetop.png) no-repeat 0 0;display:block;text-decoration:none;}
p#pagetop a:hover{background:url(/common/img/btn_pagetop_on.png) no-repeat 0 0;transition: 0.3s;}
p#pagetop a span{display:none}
@media print, screen and (max-width: 767px){
p#pagetop{display: none;}
}

/* footer logo --------------*/
div#ftr_logo_area{background:url(/common/img/ftr_bg.png) no-repeat top center;background-size:1920px 600px;padding: 176px 0 112px;text-align: center;}
footer{background: #F5F4EA;line-height: 1.0;font-size: 15px;}
footer div#ftr_wrap{position: relative;width: 100%;height: 270px;}
footer h2#ftr_logo{position: absolute;left: 20px;top: 80px;}
footer h2#ftr_logo img{width: 270px;height: 30px;}
p#ftr_add{position: absolute;left: 20px;top: 140px;color: #282D27;}
p#ftr_contact{position: absolute;left:350px;top: 80px;background:url(/common/img/ftr_contact_on.png) no-repeat 0 0;background-size:300px 98px;}
p#ftr_contact a img:hover{opacity: 0;transition: 0.3s;}

/* footer nav --------------*/
footer ul#ftr_nav{position: absolute;right:226px;top: 60px;}
footer ul#ftr_nav li{letter-spacing: 0.1em;font-weight: 500;margin:0 0 30px 0;font-weight: 700;}
footer ul#ftr_nav li:last-child{margin:0 0 0 0;}
footer ul#ftr_nav li a{color:#0D4713;}
footer ul#ftr_nav li a:hover{transition: 0.3s;color:#A1864E;}

footer h3#ftr_sns_ttl{position: absolute;right:50px;top: 60px;font-family: "Shippori Mincho", system-ui;font-size: 14px;font-weight: 700;letter-spacing: 0.04em;}
footer ul#ftr_sns{font-size: 0;position: absolute;right:20px;top: 92px;}
footer ul#ftr_sns li{display: inline-block;font-size: 15px;margin-right: 20px;}
footer ul#ftr_sns li img{width:22px;height: 22px;}
footer ul#ftr_sns li img:hover{opacity: 0;transition: 0.3s;}
footer ul#ftr_sns li:first-child{background:url(/common/img/ftr_sns_insta_on.png) no-repeat 0 0;background-size:22px 22px;}
footer ul#ftr_sns li:nth-child(2){background:url(/common/img/ftr_sns_x_on.png) no-repeat 0 0;background-size:22px 22px;}
footer ul#ftr_sns li:last-child{background:url(/common/img/ftr_sns_fb_on.png) no-repeat 0 0;background-size:22px 22px;margin-right: 0;}
footer p#small{border-top: 1px solid #DCDAC9; line-height: 1.0;font-size: 12px;color: #C9C7B7;text-align: center;margin: 0 auto;width: 1200px;padding: 40px 0;font-weight: 300;}

@media print, screen and (max-width: 1240px){
footer{font-size: 14px;padding: 50px 30px 40px;text-align: center;}
footer div#ftr_wrap{position: static;width: 100%;height: auto;}
footer h2#ftr_logo{position: static;margin-bottom: 30px;}
footer h2#ftr_logo img{width: 240px;height: 25px;}
p#ftr_add{position: static;margin-bottom: 40px;}
p#ftr_contact{position: static;background:none;margin-bottom: 40px;}
p#ftr_contact img{width: 280px;height: 100px;}
p#ftr_contact a img:hover{opacity: 1;}
/* footer navi --------------*/
footer ul#ftr_nav{display: none;}
footer h3#ftr_sns_ttl{position: static;font-size: 14px;font-weight: 700;letter-spacing: 0.04em;margin-bottom: 20px;}
footer ul#ftr_sns{position: static;}
footer ul#ftr_sns li{display: inline-block;font-size: 14px;margin-right: 30px;}
footer ul#ftr_sns li img:hover{opacity: 1;}
footer p#small{font-size: 10px;color: #C9C7B7;text-align: center;margin:50px 0 0;width: 100%;padding: 40px 0 0 0;}
}

@media print, screen and (max-width: 767px){
/* footer logo --------------*/
div#ftr_logo_area{background:none;padding:0 0 0 0;}
div#ftr_logo_area img{width:100%;}
}
/* 共通非表示
---------------------------------------------- */
@media print, screen and (max-width: 767px){.sp_none{display: none;}}
@media print, screen and (min-width: 768px){.pc_none{display: none;}}

/* パンくず
---------------------------------------------- */
div#breadcrumb{margin: 0 0 0 20px;padding: 60px 0 140px;}
div#breadcrumb ul{font-size:0;line-height: 1.0;text-align: left;font-weight: 400;}
div#breadcrumb ul li{display: inline-block; color:#C9C7B7;padding-right:14px;margin-right:10px;font-size:13px;position: relative;}
div#breadcrumb ul li:before {position:absolute;top: calc(50% - 2px);right: 0;width: 4px;height: 4px;content: '';border-radius: 50%;background:#A1864E;}
div#breadcrumb ul li:last-child{margin-right:0;}
div#breadcrumb ul li:last-child:before {position: static;background:none;margin-right:0;}
div#breadcrumb ul li a{color:#A0854D;}
div#breadcrumb ul li a:hover{color: #0E4813;}

@media print, screen and (max-width: 767px){
div#breadcrumb{margin: 0 0 0 20px;padding: 20px 0 70px;}
div#breadcrumb ul li{font-size:10px;background-size: 4px 4px; padding-right:14px;margin-right:10px;}
    
.rcrumbs {white-space: nowrap;}
.rcrumbs > ul {padding: 0;list-style: none;}
.rcrumbs > ul > li {overflow: hidden;display: none;}
.rcrumbs > ul > li.show {display: inline-block;}
.rcrumbs > ul > li.ellipsis {text-overflow: ellipsis;-o-text-overflow: ellipsis;overflow: hidden;}
}

/* コンテンツエリア
---------------------------------------------- */
/* h2 */
h2{font-family: "Shippori Mincho", system-ui;letter-spacing: 0.1em;}
div#wrap_bg_h2{margin: 0 auto;width: 1200px;padding-left: 20px;}
div#bg_h2_sp,p#logo_tab{display: none;}

@media print, screen and (max-width: 1159px){
div#bg_h2_pc{position: relative;width: 100%;height:520px;margin-top: 40px;}
div#wrap_bg_h2{width: 100%;}
p#logo_tab{display: block; position: absolute;top:0;left: 50%;transform: translateX(-50%);z-index: 99;}
p#logo_tab img{width: 150px;height:187px;}
}

@media print, screen and (max-width: 767px){
div#bg_h2_pc{display: none;}
div#bg_h2_sp{display: block;position: relative;}
div#bg_h2_sp p#logo_sp{position: absolute;top:0;left: 50%;transform: translateX(-50%);z-index: 99;}
div#bg_h2_sp p#logo_sp img{width: 138px;height:172px;}
div#bg_h2_sp h2{position: absolute;top:0;left: 0;}
div#bg_h2_sp h2 img{width:100%;} 
}
/* wave_area */
div.bg_wave_area{background-image:url(/common/img/wave_bg_top.png),url(/common/img/wave_bg_btm.png);background-repeat: no-repeat, no-repeat;background-size: 1920px 220px, 1920px 110px;background-position: center top,center bottom;background-color: #EAE8D2;padding: 220px 0 110px;}
div.bg_wave_area_btm{background-image:url(/common/img/wave_bg_top.png);background-repeat: no-repeat;background-size: 1920px 220px;background-position: center top;background-color: #EAE8D2;padding: 220px 0 0;}

.ttl_ccl{color: #0D4713;font-family: "Shippori Mincho", system-ui;font-size: 40px;line-height: 1.8;text-align: left;padding-left: 27px;position: relative;margin: -23px 0 32px 0;letter-spacing: 0.1em;font-weight: 600;}
.ttl_ccl:before {position:absolute;top: 33px;left: 0;width: 12px;height: 12px;content: '';border-radius: 50%;background:#0E4813;}

@media print, screen and (max-width: 767px){
div.bg_wave_area{background-image:url(/common/img/wave_bg_top_sp.png),url(/common/img/wave_bg_btm_sp.png);background-repeat: no-repeat, no-repeat;background-size: 100% auto, 100% auto;background-position: center top,center bottom;background-color: #EAE8D2;padding: 70px 0 50px;}
div.bg_wave_area_btm{background-image:url(/common/img/wave_bg_top_sp.png);background-repeat: no-repeat;background-size: 100% auto;background-position: center top;background-color: #EAE8D2;padding: 70px 0 0;}

.ttl_ccl{font-size: 28px;padding-left: 18px;margin: -5px 0 18px 0;}
.ttl_ccl:before {top: 23px;width:8px;height:8px;}   
}
/* ------------------------------------------------------------

ベースCSS

------------------------------------------------------------ */

/* center
---------------------------------------------- */
.center{margin:0 auto;}
/* width
---------------------------------------------- */
.w100per{width: 100%;}
/* clear
---------------------------------------------- */
.overflow_clear{overflow:hidden;height:100%;}
/* text-align
---------------------------------------------- */
.align_right{text-align:right !important;}
.align_left{text-align:left !important;}
.align_center{text-align:center !important;}
/* float
---------------------------------------------- */
.left{float:left;}
.right{float:right;}
/* font
---------------------------------------------- */
.normal{font-weight:normal !important;}
.bold{font-weight:bold !important;}

/* margin
---------------------------------------------- */
.mb_1em{margin-bottom:1em !important;}
.mb_2em{margin-bottom:2em !important;}

.mt_none{margin-top:0px !important;}
.mt_05{margin-top:5px !important;}
.mt_10{margin-top:10px !important;}
.mt_15{margin-top:15px !important;}
.mt_20{margin-top:20px !important;}
.mt_25{margin-top:25px !important;}
.mt_30{margin-top:30px !important;}
.mt_35{margin-top:35px !important;}
.mt_40{margin-top:40px !important;}
.mt_45{margin-top:45px !important;}
.mt_50{margin-top:50px !important;}

.mr_none{margin-right:0px !important;}
.mr_05{margin-right:5px !important;}
.mr_10{margin-right:10px !important;}
.mr_15{margin-right:15px !important;}
.mr_20{margin-right:20px !important;}
.mr_25{margin-right:25px !important;}
.mr_30{margin-right:30px !important;}
.mr_35{margin-right:35px !important;}
.mr_40{margin-right:40px !important;}
.mr_45{margin-right:45px !important;}
.mr_50{margin-right:50px !important;}
.mr_60{margin-right:60px !important;}
.mr_65{margin-right:65px !important;}

.mb_none{margin-bottom:0px !important;}
.mb_05{margin-bottom:5px !important;}
.mb_10{margin-bottom:10px !important;}
.mb_15{margin-bottom:15px !important;}
.mb_20{margin-bottom:20px !important;}
.mb_25{margin-bottom:25px !important;}
.mb_30{margin-bottom:30px !important;}
.mb_35{margin-bottom:35px !important;}
.mb_40{margin-bottom:40px !important;}
.mb_45{margin-bottom:45px !important;}
.mb_50{margin-bottom:50px !important;}
.mb_55{margin-bottom:55px !important;}
.mb_60{margin-bottom:60px !important;}
.mb_65{margin-bottom:65px !important;}
.mb_70{margin-bottom:70px !important;}
.mb_75{margin-bottom:75px !important;}
.mb_80{margin-bottom:80px !important;}
.mb_85{margin-bottom:85px !important;}
.mb_90{margin-bottom:90px !important;}
.mb_95{margin-bottom:95px !important;}
.mb_100{margin-bottom:100px !important;}
.mb_120{margin-bottom:120px !important;}
.mb_130{margin-bottom:130px !important;}

@media print, screen and (max-width: 767px){
.mb_55{margin-bottom:25px !important;}
.mb_60{margin-bottom:30px !important;}
.mb_100{margin-bottom:50px !important;}
}

.ml_none{margin-left:0px !important;}
.ml_05{margin-left:5px !important;}
.ml_10{margin-left:10px !important;}
.ml_15{margin-left:15px !important;}
.ml_20{margin-left:20px !important;}
.ml_25{margin-left:25px !important;}
.ml_30{margin-left:30px !important;}
.ml_35{margin-left:35px !important;}
.ml_40{margin-left:40px !important;}
.ml_42{margin-left:42px !important;}
.ml_45{margin-left:45px !important;}
.ml_50{margin-left:50px !important;}