@charset "UTF-8";
/* 全ページ対象のスタイル*/
html, body {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
*, *::before, *::after {
    box-sizing: inherit;
}
body{
	font-family: 'Noto serif JP';
	font-style: normal;
	color: #231815;
	font-size: 16px;
	letter-spacing: 0.2em;
    line-height: 1.4em;
	animation: fadeIn 2s ease 0s 1 normal;
    -webkit-animation: fadeIn 2s ease 0s 1 normal;
	-webkit-font-smoothing: antialiased;
    scroll-behavior: smooth;
   /* overflow-x: hidden;*/
}
a{
    color:inherit;
	text-decoration: none;
}
a:hover{
	opacity: 0.8;
}
/* PC・SPのオンオフ */
.pc{
    display: block;
}
.sp{
    display: none;
}
#main{
    width: 100%;
}
@media (max-width: 767px){
body{
	font-family: 'Noto serif JP';
	font-style: normal;
	color: #231815;
	font-size: 13px;
	letter-spacing: 0.2em;
    line-height: 1.4;
	animation: fadeIn 2s ease 0s 1 normal;
    -webkit-animation: fadeIn 2s ease 0s 1 normal;
	-webkit-font-smoothing: antialiased;
    scroll-behavior: smooth;
}
    .pc{
        display: none !important;
    }
    .sp{
        display: block;
    }
}
hr{
	width: 50%;
	margin: 0px auto;
    color: #FFF;
}
a img{
	display:block;
	width:100%;
	height:auto;
}
a img:hover{
	opacity:0.9;
}
#main{
    width: 100%;
}
/*スマホ*/
#header .pc-header .logo{
	display: none;
}
#sp-menu{
	width:100%;
	position:fixed;
	z-index:9999;
	top:0;
	left:0;
	height: 64px; 
}
#sp-menu h1{
	width:40%;
	float: left;
	padding: 0 0 4px;
}
#sp-menu nav{
}

#sp-menu nav ul#sp-panel-menu li a.disabled{
	pointer-events: none;
	cursor: default;
	color:#464646;
}
#body{
	width: 100%;
	overflow: hidden;
	position: relative;
}
body{
	font-size: 13px;
}
footer{
	margin-top:0px;
	background-color:#FFF;
    padding-top: 40px;
}
footer .contact_sec{
        width: 100%;
        margin: 0px auto;
        display: block;
        padding: 40px 0;
    }
    footer .contact_sec .reserve_btn {
        position: relative;
        width: 100%;
    }
    footer .contact_sec .contact_btn{
        position: relative;
        width: 100%;
    }
    footer .contact_btn p{
     position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform : translate(-50%,-50%);
      transform : translate(-50%,-50%);
        border: solid #FFF 1px;
        font-size: 24px;
        color: #FFf;
        width: 70%;
        padding: 34px 0;
        text-align: center;
        z-index: 1;
    }
    footer .reserve_btn p{
     position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform : translate(-50%,-50%);
      transform : translate(-50%,-50%);
        border: solid #FFF 1px;
        font-size: 24px;
        color: #FFf;
        width: 70%;
        padding: 34px 0;
        text-align: center;
    }
    footer .contact_info{
        width: 100%;
        margin: 20px auto 60px;
    }
    footer .contact_info .hours{
     font-size: 13px;
	text-align: center;
    margin: 10px auto 20px;
}
footer .contact_info .freedial img{
    max-width: 70%;
    margin: 20px auto;
}
footer #f-menu {
	display: none;
}
footer #f-menu dl{
	width:auto;
	padding:18px 4%;
}
footer #f-menu dl dd{
	width:auto;
    margin-bottom: 0;
}
footer #f-menu dl dd a{
	color:#56859e;
	text-decoration:none;
	display:block;
	padding:12px 0;
	text-align:center;
	line-height:1em;
	width:100%;
	margin:6px 0;
}
footer #f-menu dl dd a.disabled{
	pointer-events: none;
	cursor: default;
	color:#BCBCBC;
}

footer #footer{
	padding:32px 10px 10px 10px;
	letter-spacing:0px;
	
}
footer .footer-block{
    margin-bottom: 80px;
}
footer #footer h5{
	width:200px;
	margin:0 auto;
}
footer #footer dl{
	margin:16px 40px;
	text-align:left;
}
footer #footer dl dt{
	font-size:13px;
	text-align:left;
}
footer #footer dl dd{
	font-size:13px;
	line-height:1.4em;
	margin-bottom:6px;
}
footer #footer #f-menu{
	display:none;
}
.wrapper{
	width:94%;
	margin:auto;
}


.pagetop-btn {
  position: fixed;
  cursor: pointer;
  right: 20px;
  bottom: 60px;
  z-index: 1000;
  opacity: 0;
  transform: translateY(100px);
  transition: opacity 0.3s, transform 0.3s;  
  width: 52px;
  height: 52px;
 background: linear-gradient(180deg, rgba(51,107,83,0.60), rgba(13,51,27,0.60));
  color: #fff;
  border-radius: 20%;
  border: none;
}

.pagetop-btn::before {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  border-left: 2px solid #fff;
  border-top: 2px solid #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -25%) rotate(45deg);
}
.pagetop-btn.visible {
  opacity: 1;
  transform: translateY(0);
}
#header .sub-link,#header .pc-navi{
	display:none;
	
}
.side-banner{
	display: none;
}

/*PC*/
@media screen and (min-width: 758px){
body{
	font-size: 16px;
}
	.sp{
		display: none;
	}
	.pc{
		display: block;
	}
	#sp-menu{
		display:none;
		height:0;
	}
	#header .sub-link,#header .pc-navi{
		display:block;
		
	}
	#body{
		top:0px;
		/*min-width:1320px;*/
		margin-top: 92px;
	}
	footer #sp-fnavi{
		display:none;
	}
	footer #footer #freecall{
		display:block;
	}


	#header .pc-header{
		display: flex;
		justify-content: space-between;
	    align-items: center;
	    position: fixed;
	    width: 100%;
	    top: 0;
	    z-index: 100;
	    transition: .5s;
        font-size: 16px;
        background-color: #FFF;
        box-shadow: 0px 0px 20px 5px rgba(17,17,26,0.08);
        height:100px;
    }
	#header .pc-header .logo{
    	display: block;
		width: 250px;
		margin-left: 40px;
	    transition: .5s;
	}
	#header .pc-header .logo a{
		display: block;
	}
	#header .pc-header .header-right{
		width: calc(100% - 200px);
	}
	#header .pc-header .sub-link{
		display: flex;
		justify-content: flex-end;
	    transition: .5s;
        font-weight: 600;
        padding-top: 8px;
        padding-right: 6%;
	}
	#header .pc-header .sub-link ul{
		margin-left: 6px;
        height: 34px;
        font-size: 16px;
	}
	#header .pc-header .sub-link ul.contact-btn a{
		background-color: #2e6c55;
		display: block;
		letter-spacing: 0.1em;
		color: #FFF;
		padding: 8px 40px;
	}
	#header .pc-header .sub-link ul.guidemap a{
		display: block;
		letter-spacing: 0.1em;
		padding: 8px 10px;
        color: #231815;
	}
	#header .pc-header .sub-link ul.request-btn a{
		background-color: #9a8951;
		display: block;
		letter-spacing: 0.1em;
		color: #FFF;
		padding: 8px 40px;
	}
	#header .pc-header .sub-link ul li{
		text-align:center;
	}
	#header .pc-header .sub-link ul.contact-btn i,
	#header .pc-header .sub-link ul.guidemap i{
		margin-right: 4px;
	}
	/*#header .pc-header .sub-link ul li a{
		display: block;
		letter-spacing: 0.1em;
		color: #FFF;
		padding: 8px 40px;
	}*/
    
	#header .pc-header .sub-link ul.insta a{
	}
	#header .pc-header .sub-link ul li a img{
		width: 40px;
        margin-left: 20px;
	}

	

	/* スクロール時のheader */
	#header .pc-header.small{
	    align-items: flex-end;
		transform: translateY(-44px);
	}
	#header .pc-header.small .logo {
	    width: 210px;
	    transition: .5s;
	    margin-bottom: -6px;
	}
	#header .pc-header.small .sub-link{
		transform: translateY(-20px);
	}
	.side-banner.active{
		right: -1px;
	    transition: .5s;
	}


	#header .pc-navi ul{
		display: flex;
		justify-content: flex-end;
        margin-right: 11%;
        margin-top: 20px;
        padding-bottom: 5px;
	}
	#header .pc-navi ul li{
		width: 10%;
		min-width: 60px;
	    border-right: 1px solid hsla(0,0%,43%,0.2);
	}
	#header .pc-navi ul li:first-child {
	    border-left: 1px solid hsla(0,0%,43%,0.2);
	}
	#header .pc-navi ul li a{
	    display: block;
	    width: 100%;
	    text-decoration: none;
	    letter-spacing: 0.1em;
	    padding: 4px 0;
	    color: #231815;
		text-align: center;
		box-sizing: border-box;
	}
	.fixed {
	    position: fixed;
	    top: 0;
	    width: 100%;
	    z-index: 10000;
		padding-bottom: 2px;
		background-color: rgba(255,255,255,0.95);
	}

	

	footer{
    padding-top: 80px;
	}
    footer .contact_sec{
        width: 75%;
        height: 255px;
        margin: 0 auto;
        display: flex;
        padding: 0;
    }
    footer .contact_sec .reserve_btn a{
        width: 50%;
    }
    footer .contact_sec .contact_btn a{
        width: 50%;
    }
    footer .contact_sec p{
     position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform : translate(-50%,-50%);
      transform : translate(-50%,-50%);
        border: solid #FFF 1px;
        font-size: 24px;
        color: #FFF;
        width: 504px;
        padding: 34px 0;
        text-align: center;
    }
    footer .contact_info{
        width: 50%;
        margin: 20px auto 80px;
    }
    footer .contact_info .hours{
     font-size: 20px;
	text-align: center;
    margin: 10px auto 20px;
}
    footer .contact_info .freedial img{
        max-width: 356px;
        margin: 20px auto;
}

	footer #f-menu {
		background-color: #0d331b;
		display: block;
	}
	footer #f-menu dl{
		width:900px;
		display:flex;
		justify-content:space-between;
		margin:0 auto 0px auto;
		padding:10px;
	}
	footer #f-menu dl dd{
		width:15%;
	}
	footer #f-menu dl dd:first-child{
	}
	footer #f-menu dl dd a{
		padding:14px 0;
		line-height:1em;
		margin:0;
		color:#FFF;
	}
	footer #f-menu dl dd a.active{
		font-weight: bolder;
	}
	footer #f-menu dl dd a:hover{
		color:#336b53;
		font-weight: bolder;
	}
	footer #f-menu dl dd a.disabled{
		font-size:16px;
		color:#525252;
	}
	footer .footer-block{
		background-position: center center;
	}
	footer #footer{
		width:800px;
		margin:0 auto;
	    padding: 42px 0px 20px 10px;
		position:relative;
		overflow:hidden;
	}
	footer #footer h5{
		width:366px;
		float:left;
	}
	footer #footer dl{
		float:left;
		margin:10px 0 0 50px;
	}
	footer #footer dl dt{
	    margin-bottom: 15px;
	    text-align: left;
		font-size:16px;
	}
	footer #footer dl dd{
	}
    .wrapper{
	width:1200px;
	margin:auto;
}

}

/*  ページ共通  */
/*PC*/
#main{
	margin: 0 auto;
}
#main .perth_text{
	font-size:10px;
	line-height:1.4em;
	text-align: right;
	margin:0px 40px 20px 0px;
}
.w1060{
	width: 1060px;
	margin: 0 auto;
}
.w1000{
	width: 1000px;
	margin: 0 auto;
}
.w1200{
	width: 1200px;
	margin: 0 auto;
}
.img-w100{
	width: 100%;
	
}
.flex1{
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}
.flex2{
	display: flex;
	justify-content: center;
	align-items: flex-start;
}
.flex3{
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}
#sub-top-face{
}
.subpage-title{
    top: 50%;
    left: 50%;
	display:block;
	font-size: 40px;
	color: #FFF;
	text-align: center;
	font-weight: 400;
	letter-spacing: 0.1em;
    position: absolute;
    -webkit-transform : translate(-50%,-50%);
  transform : translate(-50%,-50%);
    width: 90%;
}
.subpage-title:after{
	content: "";
	display:block;
	max-width: 270px;
	height: 1px;
	background-color: #FFFFFF;
	margin: 10px auto;
}
.subpage-title-ja{
    top: 60%;
    left: 50%;
	font-size: 24px;
	display: block;
	margin-top: 12px;
	letter-spacing: 0.2em;
	text-align: center;
	color: #FFF;
    position: absolute;
    -webkit-transform : translate(-50%,-50%);
  transform : translate(-50%,-50%);
}
.headline1{
	font-size: 32px;
	line-height: 200%;
}
.headline1 p{
	font-size: 16px;
	margin: 25px 0;
	line-height: 200%;
}
.headline2{
	font-size: 24px;
	margin: 25px 0;
	line-height: 200%;
}
.headline3{
	font-size: 20px;
	margin: 40px 0;
	line-height: 140%;
}
.headline4{
	padding-top: 40px;
	padding-bottom: 20px;
	font-size: 32px;
	line-height: 150%;
}
.headline5{
	padding-top: 40px;
	padding-bottom: 20px;
	font-size: 52px;
	line-height: 200%;
	font-weight: 400;
	color: #111111;
}
.headline6{
	font-size: 40px;
	margin: 40px 0;
	line-height: 140%;
	color: #cf8773;
}
.headline7{
	font-size: 42px;
	margin: 40px 0 10px 0;
	line-height: 140%;
	color: #cf8773;
}
.headline8{
	font-size: 42px;
	margin: 40px 0 10px 0;
	line-height: 140%;
	color: #be1445;
}
.image100{
	width: 100%;
}
.image80{
	width: 80%;
}
.margin100{
	margin: 100px auto;
}
.margin60{
	margin: 60px auto;
}
.align-l{
	text-align: left;
}
.align-c{
	text-align: center;
}

.head_main{
	width: 100%;
}
.head_main img{
	width: 100%;
	margin:0px auto 20px;
}

.attention{
	font-size: 12px;
	color: #898989;
	text-align: right;
	margin-top: 80px;
}
.attention2{
	font-size: 12px;
	color: #898989;
	margin-top: 80px;
	text-align: left;
	padding-bottom: 40px;
}
.Shadow1 {
    text-shadow: 2px 2px 5px #A3A3A3; /* テキストの影を指定（[左右][上下][ぼかし][影の色]） */
}

.button2{
    display:inline-block;
    padding:5px 10px 5px 10px;
    text-align:center;
    color:#E8E8E8;
    margin:5px;
    cursor:pointer;
    position: relative;
    text-decoration: none;
}
.button2::after{
    content: "";
    display: block;
    position: absolute;
    top: calc(50% - 5px);
    right: 15px;
    width: 20px;
    height: 5px;
    border: none;
    border-right: 2px solid #E8E8E8;
    border-bottom: 1px solid #E8E8E8;
    transform: skew(45deg);
    transition: .3s;
}
.button2:hover::after{
    right: 5px;
    width: 30px;
}

.btn_l{
	text-align: center;
}
.btn_l a{
	position: relative;
	min-width: 224px;
	height: 43px;
	font-size: 16px;
	color: #231815;
	background: #FFFFFF;
    border: solid 1px #CCCCCC;
	border-radius: 30px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
}
.btn_l a span{
	position: relative;
	margin: 0 40px;
}
.btn_l a span::after{
    content: "";
    display: block;
    position: absolute;
    top: calc(50% - 5px);
    right: -16px;
    width: 6px;
    height: 6px;
    border: 2px solid;
    border-color: transparent transparent #FFF #FFF;
    transform: rotate(-135deg);
    transition: .3s;
}
.btn_l a:hover span::after{
    right: -26px;
}
/*SP*/
@media screen and (max-width: 758px){
	#main{
		width: 100%;
	}
	.w1060{
		width: 100%;
	}
	.w1000{
		width: 100%;
	}
	.w1280{
		width: 100%;
	}
	.flex1,.flex2{
		display: block;
	}
	#sub-top-face{
	}
	.subpage-title{
    top: 50%;
    left: 50%;
	display:block;
	font-size: 1.38rem;
	color: #FFF;
	text-align: center;
	font-weight: 400;
	letter-spacing: 0.1em;
    position: absolute;
    -webkit-transform : translate(-50%,-50%);
  transform : translate(-50%,-50%);
	}
	.subpage-title:after{
	content: "";
	display:block;
	max-width: 220px;
	height: 1px;
	background-color: #FFFFFF;
	margin: 0px auto;
	}
.subpage-title-ja{
    top: 55%;
    left: 50%;
	font-size: 1.20rem;
	display: block;
	margin-top: 22px;
	letter-spacing: 0.1em;
	text-align: center;
	color: #FFF;
    position: absolute;
    -webkit-transform : translate(-50%,-50%);
  transform : translate(-50%,-50%);
}
	.headline1{
		font-size: 1.38rem;
	}
	.headline1 p{
		font-size: 14px;
		line-height: 200%;
		text-align: left;
	}
	.headline1 p br{
		display: none;
	}
	.headline2{
		font-size: 1.0rem;
		margin: 0;
	}
	.headline3{
		font-size: 14px;
		line-height: 170%;
		margin: 10px 0;
	}
	.headline4{
		font-size: 20px;
		line-height: 150%;
	}
	.headline5{
		font-size: 28px;
		line-height: 150%;
	}
	.headline6{
		font-size: 28px;
		line-height: 150%;
	}
	.headline7{
		font-size: 24px;
		line-height: 150%;
	}
	.headline8{
		font-size: 24px;
		line-height: 150%;
	}
	.image80{
		width: 100%;
	}
	.margin100{
		margin: 50px auto;
	}
	.margin60{
		margin: 30px auto;
	}
	.head_main{
		margin:0px auto;
	}
	.head_main img{
		background-position: center center;
		margin-top: 56px ;
	}
	.attention{
		font-size: 11px;
		margin-top: 40px;
		text-align: left;
	}
	.attention2{
		font-size: 11px;
		margin-top: 20px;
		padding-bottom: 20px;
		text-align: left;
	}
	
	.btn_l a{
		min-width: 220px;
		height: 50px;
		font-size: 14px;
	}
	.btn_l a span{
		margin: 0 40px;
	}
	.btn_l a span::after{
	    content: "";
	    display: block;
	    position: absolute;
	    top: calc(50% - 5px);
	    right: -16px;
	    width: 6px;
	    height: 6px;
	}
}

/*メニュー*/
.FixedMenuSection {
position: fixed;
left: 0;
bottom: 0;
width: 100%;
background: #fff;
display: block;
    z-index: 999;
}
.FixedMenu-Inner-List {
display: flex;
}
.FixedMenu-Inner-List-Item {
padding-top: 10px;
padding-bottom: 10px;
padding-left: 10px;
padding-right: 10px;
font-size: 12px;
width: calc((100% - 3px) / 2);
display: flex;
justify-content: center;
align-items: center;
text-decoration: none;
color: #FFF;
background-color: #f1e767;
background: -webkit-gradient(linear, left top, left bottom, from(#f1e767), to(#feb645));
background: -webkit-linear-gradient(90deg, #336b53, #0d331b);
background: linear-gradient(90deg, #336b53, #0d331b);	
    
}
.FixedMenu-Inner-List-Item:not(:first-child) {
margin-left: 1px;
}
/* PCではメニューを表示しない */
@media (min-width: 992px){
	.FixedMenu{
		display: none!important;
	}
}

/* hamburgerここから */
	/* inputを非表示 */
.input-hidden{
	display: none;
}
/* ヘッダーを最前列に表示 */
.header-frontwrap{
	position: relative;
		/* ！header-wrapにrelativeがポイント！ */
	z-index: 9999;
	padding: 1em;
	background-color:#FFF; /* 必ず色を付ける（ヘッダーと同色）*/
	height: 100%;
}
	/* label */
.hamburger-switch{
	cursor: pointer;
	position: absolute;
	right: 3%;
	top: 0; /* ハンバーガーアイコンの位置（上から） */
	z-index: 9999;
	width: 4em; /* アイコン（クリック可能領域）の幅 */
	height: 4em; /* アイコン（クリック可能領域の）高さ */
}
/* メニュー展開時にハンバーガーアイコンを固定 */
#hamburger:checked ~ .hamburger-switch{
	position: fixed;
}
/* ハンバーガーアイコン */
.hamburger-switch-line1, .hamburger-switch-line1:before, .hamburger-switch-line1:after{
	width: 25px;
	height: 3px;
	background: #000; /* ハンバーガーアイコンの色 */
	position: absolute;
	top: 50%;
	left: 50%;
	transition: .3s;
	content: "";
}
.hamburger-switch-line1{
		transform: translate(-50%, -50%);
}
.hamburger-switch-line1:before{
	transform: translate(-50%, -300%);
}
.hamburger-switch-line1:after{
	transform: translate(-50%, 200%);
}
/* ハンバーガーアイコン･アニメーション */
#hamburger:checked ~ .hamburger-switch .hamburger-switch-line1{
	width: 0;
}
#hamburger:checked ~ .hamburger-switch .hamburger-switch-line1:before{
	transform: rotate(45deg) translate(-40%, 325%);
}
#hamburger:checked ~ .hamburger-switch .hamburger-switch-line1:after{
	transform: rotate(-45deg) translate(-40%, -325%);
}
/* メニューエリア */
.hamburger-menuwrap{
	position: fixed;
	bottom: calc(100% - 4em );
	background: rgba(154,137,79,0.9); /* メニューエリアの背景色 */
	padding: 2em 1% 2em;
	z-index: 9980;
	transition: .3s;
	overflow-y: scroll; /* メニュー内容が多い場合に縦スクロールする */
	width: 100%;
	height: 100%;
}
/* メニューリスト */
.hamburger-menulist{
	padding-top: 5px;
	list-style: none;
	width: 80%;
	margin: auto;
}
.hamburger-menulist li a{
	float:left;
	width:100%;
	text-align: center;
	text-decoration: none;
	color:#FFF; /* メニューリストの文字色 */
	display: block;
	padding: 1.0em 0;
	border-bottom:  dashed 1px #CCCCCC;
	margin-right:15px;
    font-size: 16px;
}
.hamburger-btn{
	list-style: none;
}
.hamburger-btn li a{
	text-align: center;
	width: 80%;
	text-decoration: none;
	display: block;
	padding: 0.1em 0;
	margin:auto;
}
 .hamburger-btn img{
     padding-top: 20px;
	width: 40px;
}
/* メニューエリア･アニメーション */
#hamburger:checked ~ .hamburger-menuwrap{
	transform: translate(0, 100%);
}
/* PCではハンバーガーメニューを表示しない */
@media (min-width: 992px){
	.hamburger-menubox{
		display: none;
	}
}
.fadein {
    opacity : 0;
    transform : translate(0, 50px);
    transition : all 300ms;
}
.fadein.scrollin {
    opacity : 1;
    transform : translate(0, 0);
}


/* 共通 */
/***********************
        margin
***********************/
.mb5{margin-bottom: 5px;}
.mb10{margin-bottom: 10px;}
.mb15{margin-bottom: 15px;}
.mb20{margin-bottom: 20px;}
.mb25{margin-bottom: 25px;}
.mb30{margin-bottom: 30px;}
.mb35{margin-bottom: 35px;}
.mb40{margin-bottom: 40px;}
.mb45{margin-bottom: 45px;}
.mb50{margin-bottom: 50px;}
.mb55{margin-bottom: 55px;}
.mb60{margin-bottom: 60px;}
.mb65{margin-bottom: 65px;}
.mb70{margin-bottom: 70px;}
.mb75{margin-bottom: 75px;}
.mb80{margin-bottom: 80px;}
.mb85{margin-bottom: 85px;}
.mb90{margin-bottom: 90px;}
.mb95{margin-bottom: 95px;}
.mb100{margin-bottom: 100px;}
.mb110{margin-bottom: 110px;}
.mb120{margin-bottom: 120px;}
.mb130{margin-bottom: 130px;}
.mb140{margin-bottom: 140px;}
.mb150{margin-bottom: 150px;}
.mb160{margin-bottom: 160px;}
.mb170{margin-bottom: 170px;}
.mb180{margin-bottom: 180px;}
.mb190{margin-bottom: 190px;}
.mb200{margin-bottom: 200px;}
.mt5{margin-top: 5px;}
.mt10{margin-top: 10px;}
.mt15{margin-top: 15px;}
.mt20{margin-top: 20px;}
.mt25{margin-top: 25px;}
.mt30{margin-top: 30px;}
.mt35{margin-top: 35px;}
.mt40{margin-top: 40px;}
.mt45{margin-top: 45px;}
.mt50{margin-top: 50px;}
.mt55{margin-top: 55px;}
.mt60{margin-top: 60px;}
.mt65{margin-top: 65px;}
.mt70{margin-top: 70px;}
.mt75{margin-top: 75px;}
.mt80{margin-top: 80px;}
.mt85{margin-top: 85px;}
.mt90{margin-top: 90px;}
.mt95{margin-top: 95px;}
.mt100{margin-top: 100px;}
.mt110{margin-top: 110px;}
.mt120{margin-top: 120px;}
.mt130{margin-top: 130px;}
.mt140{margin-top: 140px;}
.mt150{margin-top: 150px;}
.mr5{margin-right: 5px;}
.mr10{margin-right: 10px;}
.mr15{margin-right: 15px;}
.mr20{margin-right: 20px;}
.mr25{margin-right: 25px;}
.mr30{margin-right: 30px;}
.mr35{margin-right: 35px;}
.mr40{margin-right: 40px;}
.mr45{margin-right: 45px;}
.mr50{margin-right: 50px;}
.mr55{margin-right: 55px;}
.mr60{margin-right: 60px;}
.mr65{margin-right: 65px;}
.mr70{margin-right: 70px;}
.mr75{margin-right: 75px;}
.mr80{margin-right: 80px;}
.mr85{margin-right: 85px;}
.mr90{margin-right: 90px;}
.mr95{margin-right: 95px;}
.mr100{margin-right: 100px;}
.ml5{margin-left: 5px;}
.ml10{margin-left: 10px;}
.ml15{margin-left: 15px;}
.ml20{margin-left: 20px;}
.ml25{margin-left: 25px;}
.ml30{margin-left: 30px;}
.ml35{margin-left: 35px;}
.ml40{margin-left: 40px;}
.ml45{margin-left: 45px;}
.ml50{margin-left: 50px;}
.ml55{margin-left: 55px;}
.ml60{margin-left: 60px;}
.ml65{margin-left: 65px;}
.ml70{margin-left: 70px;}
.ml75{margin-left: 75px;}
.ml80{margin-left: 80px;}
.ml85{margin-left: 85px;}
.ml90{margin-left: 90px;}
.ml95{margin-left: 95px;}
.ml100{margin-left: 100px;}
.ml110{margin-left: 110px;}
.ml120{margin-left: 120px;}
.ml130{margin-left: 130px;}
.ml140{margin-left: 140px;}
.ml150{margin-left: 150px;}
.ml160{margin-left: 160px;}
.ml170{margin-left: 170px;}
.ml180{margin-left: 180px;}
.ml190{margin-left: 190px;}
.ml200{margin-left: 200px;}
/***********************
        padding
***********************/
.pb5{padding-bottom: 5px;}
.pb10{padding-bottom: 10px;}
.pb15{padding-bottom: 15px;}
.pb20{padding-bottom: 20px;}
.pb25{padding-bottom: 25px;}
.pb30{padding-bottom: 30px;}
.pb35{padding-bottom: 35px;}
.pb40{padding-bottom: 40px;}
.pb45{padding-bottom: 45px;}
.pb50{padding-bottom: 50px;}
.pb55{padding-bottom: 55px;}
.pb60{padding-bottom: 60px;}
.pb65{padding-bottom: 65px;}
.pb70{padding-bottom: 70px;}
.pb75{padding-bottom: 75px;}
.pb80{padding-bottom: 80px;}
.pb85{padding-bottom: 85px;}
.pb90{padding-bottom: 90px;}
.pb95{padding-bottom: 95px;}
.pb100{padding-bottom: 100px;}
.pb110{padding-bottom: 110px;}
.pb120{padding-bottom: 120px;}
.pb130{padding-bottom: 130px;}
.pb140{padding-bottom: 140px;}
.pb150{padding-bottom: 150px;}
.pb160{padding-bottom: 160px;}
.pb170{padding-bottom: 170px;}
.pb180{padding-bottom: 180px;}
.pb190{padding-bottom: 190px;}
.pb200{padding-bottom: 200px;}
.pt5{padding-top: 5px;}
.pt10{padding-top: 10px;}
.pt15{padding-top: 15px;}
.pt20{padding-top: 20px;}
.pt25{padding-top: 25px;}
.pt30{padding-top: 30px;}
.pt35{padding-top: 35px;}
.pt40{padding-top: 40px;}
.pt45{padding-top: 45px;}
.pt50{padding-top: 50px;}
.pt55{padding-top: 55px;}
.pt60{padding-top: 60px;}
.pt65{padding-top: 65px;}
.pt70{padding-top: 70px;}
.pt75{padding-top: 75px;}
.pt80{padding-top: 80px;}
.pt85{padding-top: 85px;}
.pt90{padding-top: 90px;}
.pt95{padding-top: 95px;}
.pt100{padding-top: 100px;}
.pt110{padding-top: 110px;}
.pt120{padding-top: 120px;}
.pt130{padding-top: 130px;}
.pt140{padding-top: 140px;}
.pt150{padding-top: 150px;}
.pt160{padding-top: 160px;}
.pt170{padding-top: 170px;}
.pt180{padding-top: 180px;}
.pt190{padding-top: 190px;}
.pt200{padding-top: 200px;}
.pl5{padding-left: 5px;}
.pl10{padding-left: 10px;}
.pl15{padding-left: 15px;}
.pl20{padding-left: 20px;}
.pl25{padding-left: 25px;}
.pl30{padding-left: 30px;}
.pl35{padding-left: 35px;}
.pl40{padding-left: 40px;}
.pl45{padding-left: 45px;}
.pl50{padding-left: 50px;}
.pl55{padding-left: 55px;}
.pl60{padding-left: 60px;}
.pl65{padding-left: 65px;}
.pl70{padding-left: 70px;}
.pl75{padding-left: 75px;}
.pl80{padding-left: 80px;}
.pl85{padding-left: 85px;}
.pl90{padding-left: 90px;}
.pl95{padding-left: 95px;}
.pl100{padding-left: 100px;}
.pr5{padding-right: 5px;}
.pr10{padding-right: 10px;}
.pr15{padding-right: 15px;}
.pr20{padding-right: 20px;}
.pr25{padding-right: 25px;}
.pr30{padding-right: 30px;}
.pr35{padding-right: 35px;}
.pr40{padding-right: 40px;}
.pr45{padding-right: 45px;}
.pr50{padding-right: 50px;}
.pr55{padding-right: 55px;}
.pr60{padding-right: 60px;}
.pr65{padding-right: 65px;}
.pr70{padding-right: 70px;}
.pr75{padding-right: 75px;}
.pr80{padding-right: 80px;}
.pr85{padding-right: 85px;}
.pr90{padding-right: 90px;}
.pr95{padding-right: 95px;}
.pr100{padding-right: 100px;}

/***********************
        animation
***********************/
.delay01 { animation-delay:0.1s;}
.delay02 { animation-delay:0.2s; }
.delay03 { animation-delay:0.3s; }
.delay04 { animation-delay:0.4s; }
.delay05 { animation-delay:0.5s; }
.delay06 { animation-delay:0.6s; }
.delay07 { animation-delay:0.7s; }
.delay08 { animation-delay:0.8s; }
.delay09 { animation-delay:0.9s; }
.delay10 { animation-delay:1s;}
.delay11 { animation-delay:1.1s; }
.delay12 { animation-delay:1.2s; }
.delay13 { animation-delay:1.3s; }
.delay14 { animation-delay:1.4s; }
.delay15 { animation-delay:1.5s; }
.delay16 { animation-delay:1.6s; }
.delay17 { animation-delay:1.7s; }
.delay18 { animation-delay:1.8s; }
.delay19 { animation-delay:1.9s; }
.delay20 { animation-delay:2s;}
.delay21 { animation-delay:2.1s;}
.delay22 { animation-delay:2.2s; }
.delay23 { animation-delay:2.3s; }
.delay24 { animation-delay:2.4s; }
.delay25 { animation-delay:2.5s; }
.delay26 { animation-delay:2.6s; }
.delay27 { animation-delay:2.7s; }
.delay28 { animation-delay:2.8s; }
.delay29 { animation-delay:2.9s; }
.delay30 { animation-delay:3s;}
.delay31 { animation-delay:3.1s; }
.delay32 { animation-delay:3.2s; }
.delay33 { animation-delay:3.3s; }
.delay34 { animation-delay:3.4s; }
.delay35 { animation-delay:3.5s; }
.delay36 { animation-delay:3.6s; }
.delay37 { animation-delay:3.7s; }
.delay38 { animation-delay:3.8s; }
.delay39 { animation-delay:3.9s; }
.delay40 { animation-delay:4s;}
.animated{opacity: 0;}
.animation{opacity: 1;}
.middle{font-size: 1.2em}
.large{font-size: 1.4em}
/***********************
        color
***********************/
.col_main01{
	color:#336b53;
}
.col_main02{
	color:#0d331b;
}
.col_wh{
	color:#FFFFFF;
}
.col_sub{
	color:#9a894f;
}
.col_text{
	color:#231815;
}
.gradation_main {
  background: linear-gradient(90deg, #336b53, #0d331b);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.gradation_bk01{
      background-image: linear-gradient(90deg, #EDEBDF, rgba(255,255,255,1.00) 34%, rgba(255,255,255,1.00) 72%, rgba(238,237,226,1.00) 100%);}
.gradation_bk02{
      background-image: linear-gradient(180deg, #FDFDF9, #EDEBDF 100%);}
.img-wrap {
  animation: img-wrap 2s cubic-bezier(0.4, 0, 0.2, 1);
}
@keyframes img-wrap {
  from {
    clip-path: circle(0%);
  }
  to {
    clip-path: circle(150%);
  }
}
.underline_50{
    border-bottom: solid 2px #0d331b;
    width: 50%;
    text-align: left;
}


.breadcrumb *, .breadcrumb *:after, .breadcrumb *:before {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.breadcrumb {
  margin-top: 0!important;
  padding: 0;
  color: #231815;
  width: 100%;
}
.breadcrumb a {
  text-decoration: none;
  
}
.breadcrumb .breadcrumbs {
  padding-left: 0;
  /*margin-top: -40px;*/
  margin-bottom: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
	text-align: center;
}
.breadcrumb li {
  display: inline-block;
  position: relative;
  padding: 5px;
  padding-right: calc(16px + 8px);
  margin-right: 0px;
  margin-left: 5px;
  font-size: 70%;
    font-size: 14px;
}
.breadcrumb li::before {
  font-family: "Font Awesome 5 Free";
  font-weight: bold;
  content: "\f105";
  width: 1em;
  height: 1em;
  line-height: 1;
  text-align: center;
  font-size: 1em;
  color: #231815;
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.breadcrumb li:last-child {
  margin-right: 0;
  padding-right: 0;
}
.breadcrumb li:last-child::before {
  content: normal;
}
/*pc*/
@media screen and (min-width: 767px) {
.breadcrumb *, .breadcrumb *:after, .breadcrumb *:before {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
    
.breadcrumb {
  margin: 0 auto;
    border: none;
}
.breadcrumb a {
  text-decoration: none;
}
.breadcrumb .breadcrumbs {
  padding-left: 10%;
}
.breadcrumb li {
  display: inline-block;
  position: relative;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-right: calc(16px + 8px);
  margin-right: 0px;
  margin-left: 5px;
  font-size: 14px;
    }
}