@charset "utf-8";
/* CSS Document */
/*webフォント読み込み*/

@font-face {/*notosansレギュラー*/
  font-family: 'Noto Sans JP';
  src: url('../fonts/NotoSansJP-Regular.otf');
  src:
  url('../fonts/NotoSansJP-Regular.woff2') format('woff2'),
  url('../fonts/NotoSansJP-Regular.woff') format('woff'),
  url('../fonts/NotoSansJP-Regular.otf') format('truetype');
	font-weight: 400;
}
@font-face {/*notosansミディアム*/
  font-family: 'Noto Sans JP';
  src: url('../fonts/NotoSansJP-Medium.otf');
  src:
  url('../fonts/NotoSansJP-Medium.woff2') format('woff2'),
  url('../fonts/NotoSansJP-Medium.woff') format('woff'),
  url('../fonts/NotoSansJP-Medium.otf') format('truetype');
	font-weight: 500;
}
@font-face {/*notosansボールド*/
  font-family: 'Noto Sans JP';
  src: url('../fonts/NotoSansJP-Bold.otf');
  src:
  url('../fonts/NotoSansJP-Bold.woff2') format('woff2'),
  url('../fonts/NotoSansJP-Bold.woff') format('woff'),
  url('../fonts/NotoSansJP-Bold.otf') format('truetype');
	font-weight: 700;
}



@font-face {/*NotoSerifJP-Bold*/
  font-family: 'min';
  src: url('../fonts/NotoSerifJP-Bold.otf');
  src:
  url('../fonts/NotoSerifJP-Bold.woff2') format('woff2'),
  url('../fonts/NotoSerifJP-Bold.woff') format('woff'),
  url('../fonts/NotoSerifJP-Bold.otf') format('truetype');
	font-weight: 700;
	font-style: normal;
}
@font-face {/*NotoSerifJP-Medium*/
  font-family: 'min';
  src: url('../fonts/NotoSerifJP-Medium.otf');
  src:
  url('../fonts/NotoSerifJP-Medium.woff2') format('woff2'),
  url('../fonts/NotoSerifJP-Medium.woff') format('woff'),
  url('../fonts/NotoSerifJP-Medium.otf') format('truetype');
	font-weight: 500;
	font-style: normal;
}
@font-face {/*NotoSerifJP-Regular*/
  font-family: 'min';
  src: url('../fonts/NotoSerifJP-Regular.otf');
  src:
  url('../fonts/NotoSerifJP-Regular.woff2') format('woff2'),
  url('../fonts/NotoSerifJP-Regular.woff') format('woff'),
  url('../fonts/NotoSerifJP-Regular.otf') format('truetype');
	font-weight: 400;
	font-style: normal;
}



/* Link
=========================================== */

a:link, a:visited {
	color: #000000;text-decoration: none;
}
a:hover, a:active {
	color:#000000;text-decoration: underline;
	
}
a {
	outline: none;transition: 0.3s;color:#000000;text-decoration: none;letter-spacing: 0;
}

a img{transition: 0.3s;}
a:hover img {opacity:0.7;}


:focus{outline: none;}
/* 共通設定
=========================================== */
html.loght{margin-top: 0!important;}
html.showPage,
html.showPage body{min-width: 1200px;}
html.showPage body{padding-top: 132px;}
body {
	background:#F1EDE7;
	color:#000000;
	font-size:18px;
	line-height: 1.75;
	font-family: 'Noto Sans JP',"メイリオ","Mayryo ","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	font-style: normal;
	font-weight: 400;
	letter-spacing: 0.05em;
	 overflow-wrap: anywhere; /* 収まらない場合に折り返す */
	word-break: normal; /* 単語の分割はデフォルトに依存 */
	line-break: strict; /* 禁則処理を厳格に適用 */
	
}
h1,h2,h3,h4,h5,h6{line-height: 1.5;font-weight: 700;}
body,li,th,td,p,dt,dd{}
body#tinymce{min-width:inherit!important;}
input,select,textarea{font-family: 'Noto Sans JP',"メイリオ","Mayryo ","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック","MS PGothic",sans-serif;font-weight: 500;color: #222222;letter-spacing: 0;}

.wrap{width: 1100px;margin:0 auto;	position:relative;}

table{width:100%;}
img{max-width:100%;height:auto;}

.no-pc{display: inline-block;pointer-events: none;text-decoration: none!important;}

div#f-trigger {opacity: 0;position: absolute;left: 0;top: 90px;z-index: -20;}
.wp-caption-text{display: none!important;}
.wp-caption {    max-width: 100%;}
/*共通見出し設定*/

.titles01{font-family: "min";margin-bottom: 30px;}
.titles01 .jp{display: block;color: #351F08;font-size: 44px;}
.titles01 .jp02{font-size: 28px;}
.titles01 .jp .komoji{font-size: 36px;}
.titles01 .en{display: block;color: #C07E23;font-size: 16px;}

.titles02{text-align: center;font-family: "min";font-size: 34px;margin-bottom: 30px;}

.titles03{text-align: center;margin-bottom: 40px;font-size: 40px;font-weight: 700;line-height: 1.5;}

/*共通ボタン設定*/

.btn01{}
.btn01 a{position: relative;display: inline-block;padding-right: 48px;font-size: 18px;font-weight: 700;}
.btn01 a span.text{position: relative;display: inline-block;}
.btn01 a span.text:before{content:"";width: 100%;height: 1px;background: #000000;position: absolute;left: 0;bottom: 2px;}
.btn01 a .arrow{width: 40px;height: 40px;background: url("../img/common/hishi.svg") no-repeat center;position: absolute;right: 0;top:50%;transform: translateY(-50%);overflow: hidden;}
.btn01 a .arrow .in-arrow{width: 12px;height: 12px;position: absolute;left: 50%;top:50%;transform: translate(-50%,-50%);}
.btn01 a .arrow .in-arrow:before{content:"";width: 48px;height: 12px;position: absolute;left:-36px;background: url("../img/common/btn-arrow.svg") no-repeat left center,url("../img/common/btn-arrow.svg") no-repeat right center;}

.btn01 a:hover .arrow .in-arrow:before{left: 0;transition: 0.3s;}

.btn02{}
.btn02 .btn02-in{position: relative;display: inline-block;padding-right: 48px;font-size: 18px;font-weight: 700;color: #fff;}
.btn02 .btn02-in span.text{position: relative;display: inline-block;}
.btn02 .btn02-in span.text:before{content:"";width: 100%;height: 1px;background: #fff;position: absolute;left: 0;bottom: 2px;}
.btn02 .btn02-in .arrow{width: 40px;height: 40px;background: url("../img/common/hishi02.svg") no-repeat center;position: absolute;right: 0;top:50%;transform: translateY(-50%);overflow: hidden;}
.btn02 .btn02-in .arrow .in-arrow{width: 12px;height: 12px;position: absolute;left: 50%;top:50%;transform: translate(-50%,-50%);}
.btn02 .btn02-in .arrow .in-arrow:before{content:"";width: 48px;height: 12px;position: absolute;left:-36px;background: url("../img/common/btn-arrow02.svg") no-repeat left center,url("../img/common/btn-arrow02.svg") no-repeat right center;}

.btn02 a.btn02-in:hover .arrow .in-arrow:before{left: 0;transition: 0.3s;}

a:hover .btn02 span.btn02-in .arrow .in-arrow:before{left: 0;transition: 0.3s;}


.btn03{width: 270px;height: 74px;display: table;}
.btn03 a{position: relative;display: table-cell;font-weight: 700;text-align: center;vertical-align: middle;background: #C07E23;color: #fff;text-decoration: none;}
.btn03 a .arrow{width: 20px;height: 20px;position: absolute;right: 20px;top:50%;transform: translateY(-50%);overflow: hidden;}
.btn03 a .arrow:before{content:"";width: 60px;height: 16px;position: absolute;left:-40px;background: url("../img/common/btn-arrow.svg") no-repeat left center,url("../img/common/btn-arrow.svg") no-repeat right center;background-size: 20px,20px;}

.btn03 a:hover .arrow:before{left: 0;transition: 0.3s;}



/*グラデーション*/
.gra-bg { display: inline-block; padding: 5px 12px; background: linear-gradient(120deg, #D80000 0%, #D80000 20%,#D85E00 100%); color: #fff; border-radius: 10px; }
.gra-text{background: linear-gradient(180deg, #D80000 0%, #D85E00 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;display: inline-block;}


/*スライダー　ふわっ*/
div.slider01,
div.gallery-slider,
div.gallery-thumbs{opacity: 0;transition: opacity .3s linear;}


div.slider01.slick-initialized,
div.gallery-thumbs.slick-initialized,
div.gallery-slider.slick-initialized{opacity: 1;}



/*font*/
.min{ font-family: 'min';}

/* header */
/*-------------------------------------------*/


#header {width:100%;z-index:100;height: 132px;letter-spacing: 0;background:#F1EDE7;border-bottom: solid 2px #9F873F;box-sizing: border-box;}
#header {position:fixed;transition: 0.3s;left: 0;top:0;z-index: 100;min-width: 1200px;align-items: center;}
div#header .logo {}

.head-inner.flex{width: 1100px;margin: 0 auto;padding-top: 8px;align-items:center;}
.head-text01{margin-left: 16px;padding-left: 16px;line-height: 21px;font-size: 14px;border-left: solid 1px #E1DCCD;}

.head-inner.flex .tel-set{margin-left: auto;}
.tel-set{text-align: center;}
.tel-num a{font-family: "min";line-height: 1;font-size: 36px;font-weight: 700;display: block;}
.tel-num a > span{display: inline-block;padding-left: 20px;background: url("../img/common/ico-tel.svg") no-repeat left center;}
.tel-bh{line-height: 1.3;font-weight: 400;font-size: 15px;margin-top: 6px;text-align: left;}
.head-inner .tel-bh{padding-left: 41px;text-align: left;height: 24px;line-height: 1.3;margin-top: 0;font-size: 15px;}
.head-text02{margin-left: 20px;display: flex;flex-wrap: wrap;width: 220px;justify-content: space-between;margin-top: -2px;}
.head-text02 > div{width: 72px;margin-top: 2px;text-align: center;line-height: 28px;height: 28px;background: #E2D8CA;font-size: 15px;font-weight: 500;}
.head-text02 > div.box04,
.head-text02 > div.box05{width: 109px;}


div#gnav{margin-top: 20px;}
div#gnav ul.flex{justify-content: space-between;align-items: center;width: 1100px;margin: 0 auto;}
div#gnav ul.flex > li{position: relative;font-weight: 700;display: table;}
div#gnav ul.flex > li a:before,
div#gnav ul.flex > li:last-child a:before,
div#gnav ul.flex > li:last-child .dr-tit:before{content:none;}
div#gnav ul.flex > li > a,
div#gnav ul.flex > li > .dr-tit > span{display: inline-block;text-decoration: none;transition: 0.3s;position: relative;}

div#gnav ul.flex > li:hover > a,
div#gnav ul.flex > li:hover > .dr-tit > span{color: #C07E23;}
div#gnav ul.flex > li > .dr-tit{padding-right: 21px;}
div#gnav ul.flex > li > .dr-tit > span.dr-arrow {width: 13px;height: 8px;border-radius: 100%;background:url("../img/common/dr-arrow.svg") no-repeat center;position: absolute !important;right: 0;top:12px;transition: 0.3s;}


div#gnav ul.flex > li.drop01:hover > .dr-tit:after{content:"";width:calc(100% + 400px);height: 30px;position: absolute;left: -200px;top:calc(100% - 1px);transition: 0.3s;z-index: 8;opacity: 0;}
div#gnav ul.flex > li.drop01{cursor: pointer;}


.drop-wrap {position: fixed;top: 132px;left: 0;width: 100%;height: 0;overflow: hidden;transition: 0.3s;background: #EEE6DB;border-radius: 5px;box-sizing: border-box;padding: 0 20px;right: 0;margin: 0 auto;}

.drop-wrap > div{transition: 0.3s;opacity: 0;width: 1100px;margin: 0 auto;}

div#gnav ul.flex > li:hover .drop-wrap{box-sizing: border-box;z-index: 9;padding-top: 40px;padding-bottom: 40px;height: auto;}
div#gnav ul.flex > li:hover .drop-wrap > div{opacity: 1;}


div.dr-list.flex{margin-top: -20px;margin-left: -12px;width: calc(1100px + 12px);}
div.dr-list.flex > div.box{margin: 20px 0 0 12px;}
div.dr-list.flex > div.box > a{text-decoration: none;align-items: center;background: #fff;width: 266px;}
div.dr-list.flex > div.box > a:hover{opacity: 0.7;}
div.dr-list.flex > div.box > a > .text{line-height: 1.2;font-weight: 500;width: calc(100% - 78px);}
div.dr-list.flex > div.box > a > .img{width: 66px;margin-right: 12px;overflow: hidden;}
div.dr-list.flex > div.box > a > .img > .in-img{padding-top: 87.87%;transition: 0.3s;}
div.dr-list.flex > div.box > a:hover > .img > .in-img{transform: scale(1.05);}


div.dr-list02.flex{margin-top: -20px;margin-left: -32px;width: calc(1100px + 32px);}
div.dr-list02.flex > div.btn{width: 251px;margin: 20px 0 0 32px;}
div.dr-list02.flex > div.btn a{display: block;position: relative;text-decoration: none;padding-bottom: 12px;border-bottom: solid 2px #C07E23;font-weight: 500;}
div.dr-list02.flex > div.btn a .arrow{width: 21px;height: 17px;position: absolute;overflow: hidden;right: 0;top:8px;}
div.dr-list02.flex > div.btn a .arrow:before{content:"";width: 84px;height: 17px;position: absolute;left:-62px;background: url("../img/common/dr-arrow02.svg") no-repeat left center,url("../img/common/dr-arrow02.svg") no-repeat right center;}

div.dr-list02.flex > div.btn a:hover .arrow:before{left: 0;transition: 0.3s;}

.dr-tit:hover ~ .shade,
.drop-wrap:hover ~ .shade{position: fixed;width: 100%;height:calc(100% - 146px);left: 0;bottom: 0;background: rgba(58,38,32, 0.85);z-index: 6;}




/*スクロール追従*/
.fixed div#header {box-shadow:0 2px 5px rgba(0,0,0,0.15);}


/*パンくず*/
/*-------------------------------------------*/

div#bread {z-index: 2;position: relative;}
#bread ul li {display: inline-block;font-size:14px;font-weight: 400;color:#222222;}
ul.bread-list li a{font-size:14px;color:#222222;}
ul.bread-list li a:hover{}
ul.bread-list li:after{content:"-";margin-left:10px;margin-right: 5px;display: inline-block;position: relative;color: #222222;}
ul.bread-list li:last-child:after{content:none;}


/* メインビジュアル */
/*-------------------------------------------*/
/*TOPページ*/
div#mv{position: relative;z-index: 3;letter-spacing: 0;}


/*下層ページ*/

/* contents */
/*-------------------------------------------*/
.bg-blue{background: #F5F9FF;}


/* footer */
/*-------------------------------------------*/

aside.aside01{position: relative;background: url("../img/top/aside-bg.jpg") repeat center top;margin-top: 40px;}
aside.aside01 .ovh{padding: 100px 0 160px;}
aside.aside01 .wrap:before{content:"";background: url("../img/top/bg-branch01.png") no-repeat;width: 440px;height: 328px;position: absolute;top:-60px;right: -320px;background-size: contain;}
aside.aside01 .wrap:after{content:"";background: url("../img/top/bg-branch02.png") no-repeat;width: 390px;height: 280px;position: absolute;bottom:-120px;left: -410px;background-size: contain;}
aside.aside01 .u-text01{color: #fff;}
.titles01.aside-title{text-align: center;margin-bottom: 30px;}
.titles01.aside-title .en{color: #fff;}
.titles01.aside-title .jp{color: #fff;}

.sub-tit{font-family: "min";font-size: 24px;line-height: 1.4;margin-bottom: 30px;text-align: center;}

.cont-inner.flex{margin-top: 65px;align-items: center;justify-content: space-between;position: relative;z-index: 2;}
.cont-inner.flex h3.sub-tit{width: 100%;}
.cont-inner.flex > div{width: 366px;background-color:#FFF9F3;min-height: 278px;box-sizing: border-box; }
.cont-inner.flex > div.box01{background:url("../img/common/a-kado01.svg") no-repeat left top,url("../img/common/a-kado03.svg") no-repeat left bottom, #FFF9F3; align-items: center;display: flex;flex-wrap: wrap;justify-content: center;text-align: center;}
.cont-inner.flex > div.box03{background:url("../img/common/a-kado02.svg") no-repeat right top,url("../img/common/a-kado04.svg") no-repeat right bottom, #FFF9F3; }

.cont-inner.flex > div.box02,
.cont-inner.flex > div.box03{padding: 40px;}


div.line-btn{width: 100%;height: 77px;display: table;}
div.line-btn a{display: table-cell;text-align: center;vertical-align: middle;color: #fff;text-decoration: none;background: #06C755;font-weight: 700;font-size: 20px;}
div.line-btn a > span{display: flex;flex-wrap: wrap;align-items: center;justify-content: center;}
div.line-btn a > span .ico{margin-right: 8px;}
div.line-btn a > span .ico img{display: block;}
div.line-btn a:hover{opacity: 0.7;}

div.contact-btn{width: 100%;height: 77px;display: table;}
div.contact-btn a{display: table-cell;text-align: center;vertical-align: middle;color:#351F08;text-decoration: none;background: #F1B934;font-weight: 700;font-size: 20px;}
div.contact-btn a > span{display: flex;flex-wrap: wrap;align-items: center;justify-content: center;}
div.contact-btn a > span .ico{margin-right: 8px;}
div.contact-btn a > span .ico img{display: block;}
div.contact-btn a:hover{opacity: 0.7;}

div.ft-nav01{float: left;}
div.ft-info{float: left;}

div.fnav-wrap{width: 640px;float: right;display: flex;flex-wrap: wrap;justify-content: space-between;}
div.fnav-wrap ul.fs{padding-left: 15px;}


div#footer{letter-spacing: 0;}
div#ftBox01 {}
div#ftBox01 > .wrap{padding:80px 0 40px;}

h2.ft-logo{margin-bottom: 20px;}


.ft-text{font-size: 15px;line-height: 1.5;}

.ft-text02{margin-top: 20px;font-size: 14px;color: #726550;}

.ft-ban{margin-top: 40px;}

div#fnav{display: flex;flex-wrap: wrap;}
div#fnav > div{margin-right: 60px;}
div#fnav > div:last-child{margin-right:0;}
.ft-tit{font-weight: 700;font-size: 18px;line-height: 24px;margin-bottom: 10px;}


ul.fs{}
ul.fs > li{margin-bottom: 30px;line-height: 24px;}
ul.fs > li a{display: inline-block;padding-left: 20px;background: url("../img/common/ft-arrow.svg") no-repeat left top 8px;font-weight: 700;font-size: 18px;}
ul.fs > li:last-child{margin-bottom:0;}

.in-box ul.fs > li{margin-bottom: 10px;}
.in-box ul.fs > li a{display: inline-block;padding-left: 20px;background: url("../img/common/ft-arrow.svg") no-repeat left top 8px;font-weight: 500;font-size: 16px;}
.in-box ul.fs > li:last-child{margin-bottom:0;}

.ft-bottom {}

.ft-bottom .wrap{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;font-size: 14px;padding-bottom: 40px;flex-direction: row-reverse;}
.ft-bottom .wrap a{}

ul.pp-list{display: flex;flex-wrap: wrap;align-items: center;font-size: 14px;}
ul.pp-list > li:after{content:"｜";margin: 0 12px;}
ul.pp-list > li:last-child:after{content:none;}
.copyright {color: #5B5B5B;
    font-size: 12px;
    font-weight: 400;
}
/* TOPへ戻る */
/*-------------------------------------------*/
div#top-link {position: absolute;left: 0;top: 0;opacity: 0;z-index: -20;}
div#page-top {position: fixed;right: 20px;bottom: 50px;opacity: 0;z-index: -3;transition: opacity 0.3s;width: 80px;}
div#page-top a{display: block;width: 80px;height: 80px;border-radius: 100%;background: #fff;border: solid 2px #000000;text-align: center;box-sizing: border-box;padding-top: 16px;line-height: 1;font-size: 15px;font-weight: 700;text-decoration: none;position: relative;}
div#page-top a .text{display: block;margin-top: 3px;font-size: 19px;font-weight: 700;}
div#page-top a:before{content:"";background: url("../img/common/char01.png") no-repeat;background-size: 87px;width: 87px;height: 110px;transition: 0.3s;position: absolute;bottom: 0;right: 63px;}

div#page-top a:hover{border-color:#D80000;background: #D80000;color: #fff;}
div#page-top a:hover svg path{stroke:#fff;}
div#page-top a:hover:before{transform: rotateZ(5deg);}

.fixed div#page-top{opacity: 1;z-index: 6;}

div#scr{opacity: 0;z-index: -2;transition: 0.3s;position: fixed;right: 0;top:150px;}
.fixed div#scr{opacity: 1;z-index: 90;}
div.scr01{margin-bottom: 10px;}


/* OTHER
=========================================== */
.tright {text-align:right;}
.tleft {text-align:left;}
.tcenter {text-align:center;}
.flL {float:left;}
.flR {float:right;}
.bold {font-weight:bold;}
.inb{display:inline-block;}
.block {display: block;}
.red {color:#A20000;}
.blue {color:#0075A4;}
.blue02{color: #0093D6;}
.brown{color:#C07E23;}
.yellow{color:#FFD400;}
.orange{color:#EE5A35;}
.green{color:#087F82;}
.d-green{color:#005E4B;}
.green02{color:#01A9AE;}
.navy{color:#374b8e;}
.pink{color:#ff7373;}
.gray{color: #818181;}



.sp{display:none!important;}

