@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap");
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@200..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@500&display=swap');

:root {
	--black: #383838;
	--brown: #A7928A;
	--darkbrown: #726864;
	--navy:#01378D;
	--beige: #F5F1F0;
	--beige2: #EBE5E3;
	--beige3: #FAFAFA;
	--gray: #B4B4B4;
	--serif: 'Noto Serif JP', "游明朝", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "Times New Roman", Times, Garamond, Georgia, serif;
	--sans_serif: "Noto Sans JP", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Meiryo", "メイリオ", "ＭＳ Ｐゴシック", sans-serif;
	--poppins: "Poppins", sans-serif;
}

/*margin*/
.mg0{
	margin:0 !important;
}
.pd0{
	padding:0 !important;
}
.mt-0				{ margin-top: 0px !important; }
.mt-5				{ margin-top: 5px; }
.mt-10				{ margin-top: 10px; }
.mt-15				{ margin-top: 15px; }
.mt-20				{ margin-top: 20px; }
.mt-25				{ margin-top: 25px; }
.mt-30				{ margin-top: 30px; }
.mt-35				{ margin-top: 35px; }
.mt-40				{ margin-top: 40px; }
.mt-45				{ margin-top: 45px; }
.mt-50				{ margin-top: 50px; }

.mr-10				{ margin-right: 10px; }
.mr-15				{ margin-right: 15px; }
.mr-20				{ margin-right: 20px; }
.mr-25				{ margin-right: 25px; }
.mr-30				{ margin-right: 30px; }
.mr-35				{ margin-right: 35px; }
.mr-40				{ margin-right: 40px; }
.mr-45				{ margin-right: 45px; }
.mr-50				{ margin-right: 50px; }

.ml-10				{ margin-left: 10px; }
.ml-15				{ margin-left: 15px; }
.ml-20				{ margin-left: 20px; }
.ml-25				{ margin-left: 25px; }
.ml-30				{ margin-left: 30px; }
.ml-35				{ margin-left: 35px; }
.ml-40				{ margin-left: 40px; }
.ml-45				{ margin-left: 45px; }
.ml-50				{ margin-left: 50px; }

.mb-0				{ margin-bottom: 0px; }
.mb-10				{ margin-bottom: 10px; }
.mb-15				{ margin-bottom: 15px; }
.mb-20				{ margin-bottom: 20px; }
.mb-25				{ margin-bottom: 25px; }
.mb-30				{ margin-bottom: 30px; }
.mb-35				{ margin-bottom: 35px; }
.mb-40				{ margin-bottom: 40px; }
.mb-45				{ margin-bottom: 45px; }
.mb-50				{ margin-bottom: 50px; }

/*padding*/
.pt-10				{ padding-top: 10px; }
.pt-15				{ padding-top: 15px!important; }
.pt-20				{ padding-top: 20px; }
.pt-25				{ padding-top: 25px; }
.pt-30				{ padding-top: 30px; }
.pt-35				{ padding-top: 35px; }
.pt-40				{ padding-top: 40px; }
.pt-45				{ padding-top: 45px; }
.pt-50				{ padding-top: 50px; }

.pr-10				{ padding-right: 10px; }
.pr-15				{ padding-right: 15px; }
.pr-20				{ padding-right: 20px; }
.pr-25				{ padding-right: 25px; }
.pr-30				{ padding-right: 30px; }
.pr-35				{ padding-right: 35px; }
.pr-40				{ padding-right: 40px; }
.pr-45				{ padding-right: 45px; }
.pr-50				{ padding-right: 50px; }

.pl-10				{ padding-left: 10px; }
.pl-15				{ padding-left: 15px; }
.pl-20				{ padding-left: 20px; }
.pl-25				{ padding-left: 25px; }
.pl-30				{ padding-left: 30px; }
.pl-35				{ padding-left: 35px; }
.pl-40				{ padding-left: 40px; }
.pl-45				{ padding-left: 45px; }
.pl-50				{ padding-left: 50px; }

.pb-10				{ padding-bottom: 10px; }
.pb-15				{ padding-bottom: 15px; }
.pb-20				{ padding-bottom: 20px; }
.pb-25				{ padding-bottom: 25px; }
.pb-30				{ padding-bottom: 30px; }
.pb-35				{ padding-bottom: 35px; }
.pb-40				{ padding-bottom: 40px; }
.pb-45				{ padding-bottom: 45px; }
.pb-50				{ padding-bottom: 50px; }

.spbr{
	display:none;
}

@media (max-width: 991px) {
	.sp-mb{
		margin-bottom:15px;
	}
	.sp-mt-15{
		margin-top:15px;
	}
	.sp-mt-50{
		margin-top:50px;
	}
	.sp-mt-100{
		margin-top:100px;
	}
	.spbr{
		display:block;
	}
	.pcbr{
		display:none;
	}
}

html{
	font-size: 62.5%;
	scroll-padding-top:150px;
}
html *{
	-webkit-box-sizing:border-box;box-sizing:border-box
}
body{
	color:var(--black);
	background:#fff;
	-webkit-text-size-adjust:none;
	line-height:1.86667;
	letter-spacing:.05em;
	font-family: var(--sans_serif);
	font-size:1.6rem;
}
@media only screen and (max-width: 767px){
	body{
		font-size:1.3rem;
	}
}

body a{
	color:#545454;
	text-decoration:underline;
	-webkit-transition:all 0.6s cubic-bezier(0.55, 0.18, 0.34, 0.81);
	transition:all 0.6s cubic-bezier(0.55, 0.18, 0.34, 0.81);
}
body a:hover{
	text-decoration:none
}
body img{
	max-width:100%;
	height:auto;
	-webkit-touch-callout:none;
	line-height:1
}

.inner{
	max-width:1200px;
	padding-left:15px;
	padding-right:15px;
	margin:auto;
}
input,select,textarea{
	font-size:100%
}
.text-center{
	text-align:center;
}
html.ie8 .view_tab,html.ie8 .view_tab_sp,html.ie8 .view_sp{
	display:none !important
}
html.ie8 #page_wrap{
	min-width:1200px !important;
	margin:auto;
	font-size:100% !important
}
@media only screen and (min-width: 1200px){
	body .view_tab-sp,
	body .view_tab{
		display:none !important
	}
}
@media only screen and (min-width: 768px){
	body .view_sp{
		display:none !important
	}
	.text-center_pc{
		text-align:center;
	}
}
@media only screen and (max-width: 1299px){
	body .view_nav_pc{
		display:none !important
	}
}
@media only screen and (max-width: 1199px){
	body .view_pc{
		display:none !important
	}
}
@media only screen and (max-width: 767px){
	body .view_pc-tab,
	body .view_tab{
		display:none !important
	}
	.text-left_sp{
		text-align:left;
	}
}
.mouse .over{
	-webkit-transition:opacity .3s cubic-bezier(0.55, 0.18, 0.34, 0.81);
	transition:opacity .3s cubic-bezier(0.55, 0.18, 0.34, 0.81)
}
.mouse .over:hover,.touch .over.touchstart{
	filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=70);opacity:.7
}
.touch .over{
	-webkit-tap-highlight-color:transparent
}
.touch .over.touchend{
	-webkit-transition-delay:200ms;transition-delay:200ms
}
#page_wrap{
	overflow:hidden
}
@media only screen and (min-width: 1200px){
	#page_wrap{
		width:100%;margin:auto
	}
}
@media print{
	#page_wrap{
		width:100%;margin:auto
	}
}
@media only screen and (min-width: 768px){
	#page_wrap{
		font-size:1.5rem !important
	}
}
#js-page-bg{
	-webkit-transform:scale(1);
	transform:scale(1)
}
.c-tit1,.c-tit1--center{
	font-weight:normal
}
.c-tit1 .jp,.c-tit1--center .jp,.c-tit1 .en,.c-tit1--center .en{
	display:block;
	line-height:1
}
.c-tit1 .en,.c-tit1--center .en{
	color:#706a5f;
	text-transform:uppercase;
	font-size:1.9rem;
	font-family: var(--serif);
}
@media only screen and (max-width: 767px){
	.c-tit1 .en,.c-tit1--center .en{
		font-size:160%
	}
}
.c-tit1 .jp,.c-tit1--center .jp{
	color:#706a5f;
	margin-top:12px;
	font-size:1.3rem;
	font-family: var(--serif);
}
@media only screen and (max-width: 767px){
	.c-tit1 .jp,.c-tit1--center .jp{
		font-size:1.2rem;
	}
}
.c-tit1--center{
	text-align:center
}
.c-tit1.u-line,.u-line.c-tit1--center{
	position:relative
}
.c-tit1.u-line::before,.u-line.c-tit1--center::before{
	content:"";
	z-index:0;
	width:2px;
	height:140px;
	left:50%;
	bottom:calc(100% + 20px);
	-webkit-transform:translateX(-50%);
	transform:translateX(-50%);
	position:absolute;
	background:url(../images/common/line_st.png) repeat-y 0 0/contain
}
@media only screen and (max-width: 1199px){
	.c-tit1.u-line::before,.u-line.c-tit1--center::before{
		height:5.16923em;
		bottom:calc(100% + .8em)
	}
}
.c-tit2,.c-tit2--center{
	position:relative;
	font-weight:normal
}

.c-tit2 .en,.c-tit2--center .en,.c-tit2 .jp,.c-tit2--center .jp{
	display:block;
	line-height:1
}
.c-tit2 .en,.c-tit2--center .en{
	text-transform:uppercase;
	letter-spacing:.2em;
	font-family:var(--serif);
	font-size:1.5rem;
	color:var(--brown)
}
@media only screen and (min-width: 768px) and (max-width: 1199px){
	.c-tit2 .en,.c-tit2--center .en{
		font-size:100%
	}
}
@media only screen and (max-width: 767px){
	.c-tit2 .en,.c-tit2--center .en{
		font-size:1rem
	}
}
.c-tit2 .en+.jp,.c-tit2--center .en+.jp{
	margin-top:12px
}
.c-tit2 .jp,.c-tit2--center .jp{
	letter-spacing:.12em;
	font-size:2.1rem;
	font-family:var(--serif);
}
@media only screen and (min-width: 768px) and (max-width: 1199px){
	.c-tit2 .jp,.c-tit2--center .jp{
		font-size:127%
	}
}
@media only screen and (max-width: 767px){
	.c-tit2 .jp,.c-tit2--center .jp{
		font-size:1.6rem
	}
}
.c-tit2--center{
	text-align:center
}
.c-tit2--center::after{
	margin-inline:auto
}
.c-tit3,.c-tit3--line{
	color:#706a5f;
	font-weight:normal;
	letter-spacing:.18em;
	font-size:120%
}
.c-tit3.u-en,.u-en.c-tit3--line{
	font-family:'ZCOOL XiaoWei', Verdana, Helvetica, Arial, sans-serif
}
.c-tit3.u-jp,.u-jp.c-tit3--line{
	font-family:'Noto Serif JP', "游明朝", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "Times New Roman", Times, Garamond, Georgia, serif
}
.c-tit3--line{
	border-bottom:2px solid #ecc05b
}
.c-tit4{
	font-size:134%;
	letter-spacing:.23em
}
@media only screen and (min-width: 768px) and (max-width: 1199px){
	.c-tit4{
		font-size:120%
	}
}
@media only screen and (max-width: 767px){
.c-tit4{
font-size:114%
}

}
@media only screen and (min-width: 768px){
.c-tit4{
line-height:1.9
}

}
@media only screen and (max-width: 767px){
	.c-tit4{
		line-height:1.3
	}
}

/*ボタン共通設定*/
.c-btn,.c-btn--rsv,.c-btn--bg{
	position:relative
}
.c-btn a,.c-btn--rsv a,.c-btn--bg a{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	text-decoration:none;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	text-align:center;
	width:auto;
	position:relative
}

.c-btn a span,.c-btn--rsv a span,.c-btn--bg a span{
	width:100%;
	background:transparent;
	border:1px solid #c4c4c4;
	-webkit-transition:all 0.6s cubic-bezier(0.55, 0.18, 0.34, 0.81);
	transition:all 0.6s cubic-bezier(0.55, 0.18, 0.34, 0.81);
	padding:10px 0
}
.c-btn a:hover span,.c-btn--rsv a:hover span,.c-btn--bg a:hover span{
	background:#646774;
	color:#fff
}
.c-btn a span{
	border-color:var(--black);
	background-color:#fff;
	border-radius:3px;
	color:var(--black);
}
.c-btn a:hover span{
	background-color:rgba(155,149,138,0.7);
	color:#fff
}

.c-btn--rsv a span{
	border-color:var(--brown);
	background-color:var(--brown);
	border-radius:3px;
	color:#fff;
}
.c-btn--rsv a:hover span{
	background-color:rgba(155,149,138,0.7);
	color:#fff
}
@media only screen and (max-width: 767px){
	.c-btn--rsv a span{
		font-size:1.1rem;
		/*width:87px;*/
		padding:5px 10px;
	}
}


.c-btn--bg a:hover span{
	background:#4c4f59
}
.c-link{
	display:inline-block
}
.mouse .c-link{
	-webkit-transition:opacity .3s cubic-bezier(0.55, 0.18, 0.34, 0.81);
	transition:opacity .3s cubic-bezier(0.55, 0.18, 0.34, 0.81)
}
.mouse .c-link:hover,.touch .c-link.touchstart{
	filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
	opacity:.7
}
.touch .c-link{
	-webkit-tap-highlight-color:transparent
}
.touch .c-link.touchend{
	-webkit-transition-delay:200ms;
	transition-delay:200ms
}
.c-link.u-en{
	font-family:'ZCOOL XiaoWei', Verdana, Helvetica, Arial, sans-serif
}
.c-link a{
	display:block;
	text-decoration:none;
	color:#706a5f;
	letter-spacing:.17em
}
.c-link a:after{
	content:"";
	margin-left:.3em;
	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;
	margin-left:1.06667em;
	font-size:60%
}
.c-button-reset{
	background-color:transparent;
	border:none;
	cursor:pointer;
	outline:none;
	padding:0;
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	color:#545454;
	font-size:100%
}

.btn_brown {
	display:inline-block;
	background:var(--brown);
	border: 1px solid var(--brown);
	border-radius:3px;
	width: 254px;
	padding:10px 30px;
	text-align:left;
	color:#FFF;
	cursor:pointer;
	position: relative;
	text-decoration: none;
}
.btn_brown::after{
	content: "";
	display: block;
	position: absolute;
	top: calc(50% - 5px);
	right: 30px;
	width: 20px;
	height: 5px;
	border: none;
	border-right: 2px solid #FFF;
	border-bottom: 1px solid #FFF;
	transform: skew(45deg);
	transition: .3s;
}
.btn_brown:hover {
	background-color:rgba(155,149,138,0.7);
}
.btn_brown:hover::after{
	right: 20px;
	width: 30px;
}
@media only screen and (min-width: 1300px){
	.l-footer__container .l-footer_rsv .p-menu-rsv__btns li a.btn_brown{
		padding:10px 30px 10px 10px;
	}
	.l-footer__container .l-footer_rsv .p-menu-rsv__btns li a.btn_brown::after{
		right: 20px;
	}
	.l-footer__container .l-footer_rsv .p-menu-rsv__btns li a.btn_brown:hover::after{
		right: 10px;
	}
}


.btn_white {
	display:inline-block;
	background:#fff;
	border: 1px solid var(--gray);
	border-radius:3px;
	width: 254px;
	padding:10px 30px;
	text-align:left;
	color: var(--black);
	cursor:pointer;
	position: relative;
	text-decoration: none;
}

.btn_white::after{
	content: "";
	display: block;
	position: absolute;
	top: calc(50% - 5px);
	right: 30px;
	width: 20px;
	height: 5px;
	border: none;
	border-right: 2px solid var(--brown);
	border-bottom: 1px solid var(--brown);
	transform: skew(45deg);
	transition: .3s;
}
.btn_white:hover {
	background-color:rgba(155,149,138,0.3);
}
.btn_white:hover::after{
	right: 20px;
	width: 30px;
}


.btn_navy {
	display:inline-block;
	background:var(--navy);
	border: 1px solid var(--navy);
	border-radius:3px;
	width: 227px;
	padding:15px 30px;
	text-align:center;
	color:#FFF;
	cursor:pointer;
	position: relative;
	text-decoration: none;
}

.btn_navy::after{
	content: "";
	display: block;
	position: absolute;
	top: calc(50% - 5px);
	right: 30px;
	width: 20px;
	height: 5px;
	border: none;
	border-right: 2px solid #FFF;
	border-bottom: 1px solid #FFF;
	transform: skew(45deg);
	transition: .3s;
}
.btn_navy:hover {
	background-color:rgba(155,149,138,0.7);
}
.btn_brown:hover::after{
	right: 20px;
	width: 30px;
}
.btn_navy:disabled {
	background:var(--gray);
	border: 1px solid var(--gray);
}

.btn_back {
	display:inline-block;
	background:#fff;
	width: 254px;
	padding:10px 30px;
	text-align:right;
	color: var(--black);
	cursor:pointer;
	position: relative;
	text-decoration: none;
	font-family:var(--serif);
}

.btn_back::after{
	content: "";
	display: block;
	position: absolute;
	top: calc(50% - 5px);
	left: 30px;
	width: 20px;
	height: 5px;
	border: none;
	border-left: 2px solid var(--brown);
	border-bottom: 1px solid var(--brown);
	transform: skew(-45deg);
	transition: .3s;
}
.btn_back:hover {
	background-color:rgba(155,149,138,0.3);
}
.btn_back:hover::after{
	left: 20px;
	width: 30px;
}






.btn_pdf {
	display:inline-block;
	background:#fff;
	border-radius:3px;
	width: 340px;
	padding:15px 30px;
	text-align:left;
	color: var(--black);
	cursor:pointer;
	position: relative;
	text-decoration: none;
	border:1px solid var(--gray);
}

.btn_pdf::after{
	content: url('../images/common/icon_pdf.png');
	display: block;
	position: absolute;
	top: calc(50% - 15px);
	right: 30px;
	width: 26px;
	height: 28px;
}
.btn_pdf:hover {
	background-color:rgba(155,149,138,0.3);
}
@media only screen and (max-width: 767px){
	.btn_white,
	.btn_brown,
	.btn_pdf {
		font-size:1.5rem;
	}
}


ul.sublink{
	display:flex;
	gap:30px;
	justify-content:center;
}
ul.sublink li{
	position:relative;
	padding: 0em 0.3em 0.3em 1.3em;
}
ul.sublink li:before {
	position:absolute;
	content:'';
	top: 0.9em;
	left: 0.2em;
	border-style: solid;
	border-width: 2px 0 3px 5px;
	border-color: transparent transparent transparent var(--gray);
}
ul.sublink li a{
	font-size:1.3rem;
}


.link_more{
	display:inline-block;
	width: 160px;
	padding:10px 30px 10px 20px;
	color: var(--black);
	cursor:pointer;
	position: relative;
	text-decoration: none;
}
.link_more::after{
	content: "";
	display: block;
	position: absolute;
	top: calc(50% - 5px);
	right: 20px;
	width: 20px;
	height: 5px;
	border: none;
	border-right: 2px solid var(--brown);
	border-bottom: 1px solid var(--brown);
	transform: skew(45deg);
	transition: .3s;
}
.link_more:hover::after{
	right: 10px;
	width: 30px;
}
.link_more span{
	padding-bottom:5px;
	border-bottom:1px solid var(--black);
}

ul.con-link{
	display:flex;
	gap:30px;
}
ul.con-link li{
	position:relative;
	padding: 0em 0.3em 1.5em 1.3em;
}
ul.con-link li:before {
	position:absolute;
	content:'';
	top: 1em;
	left: 0.2em;
	border-style: solid;
	border-width: 2px 0 3px 5px;
	border-color: transparent transparent transparent var(--gray);
}
ul.con-link li a{
	text-decoration:none;
}
ul.con-link li a span{
	position:relative;
	font-family:var(--serif);
	font-size:1.9rem;
}
ul.con-link li a span>span.small{
	font-size:1.7rem;
}

@media only screen and (max-width: 767px){
	ul.con-link li{
		position:relative;
		padding: 0em 0.3em 0.3em 0.8em;
	}
	ul.con-link li a span{
		font-size:1.5rem;
	}
	ul.con-link li a span>span.small{
		font-size:1.3rem;
	}
}

ul.con-link li a span::after{
	position: absolute;
	left: 0;
	content: '';
	width: 100%;
	height: 1px;
	background: var(--brown);
	bottom: -10px;
	transform: scale(0, 1);
	transform-origin: left top;
	transition: transform 0.3s;
}
ul.con-link li a:hover span::after{
	transform: scale(1, 1);
}



ul.con-link_sm{
	display:flex;
	gap:30px;
}
ul.con-link_sm li{
	position:relative;
	padding: 0em 0.3em 0.3em 1.3em;
}
ul.con-link_sm li:before {
	position:absolute;
	content:'';
	top: 0.8em;
	left: 0.2em;
	border-style: solid;
	border-width: 2px 0 3px 5px;
	border-color: transparent transparent transparent var(--gray);
}
ul.con-link_sm li a{
	text-decoration:none;
}
ul.con-link_sm li a span{
	position:relative;
	font-size:1.5rem;
}
ul.con-link_sm li a span>span.small{
	font-size:1.7rem;
}
ul.con-link_sm li a span::after{
	position: absolute;
	left: 0;
	content: '';
	width: 100%;
	height: 1px;
	background: var(--brown);
	bottom: -10px;
	transform: scale(0, 1);
	transform-origin: left top;
	transition: transform 0.3s;
}
ul.con-link_sm li a:hover span::after{
	transform: scale(1, 1);
}





/*テーブル*/
.c-tbl1{
	width:100%
}
.c-tbl1 tr{
	border-top:1px solid var(--gray);
}
.c-tbl1 tr:last-child{
	border-bottom:1px solid var(--gray);
}
.c-tbl1 tr th,
.c-tbl1 tr td{
	vertical-align:top
}
.c-tbl1 tr th{
	font-weight:normal;
	padding:1em;
	white-space:nowrap;
}
.c-tbl1 tr td{
	padding:1em;
}
@media only screen and (max-width: 767px){
	.c-tbl1{
		font-size:1.3rem
	}
}





.c-txt1{
	font-size:100%;
	letter-spacing:.1em
}
@media only screen and (min-width: 768px) and (max-width: 1199px){
	.c-txt1{
		font-size:94%
	}
}
@media only screen and (max-width: 767px){
	.c-txt1{
		font-size:1.4rem
	}
}
@media only screen and (min-width: 768px){
	.c-txt1{
		letter-spacing:.015em
	}
}
@media only screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1199px){
	.c-txt1{
		letter-spacing:.028em
	}
}
.c-info1{
	border-top:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	padding:1em 0
}

.c-info1 dl{
	display:table;
	margin:0 auto
}
.c-info1 dl dt,.c-info1 dl dd{
	display:table-cell;
	text-align:center;
	font-size:100%
}
@media only screen and (min-width: 768px) and (max-width: 1199px){
	.c-info1 dl dt,.c-info1 dl dd{
		font-size:94%
	}
}
@media only screen and (max-width: 767px){
	.c-info1 dl dt,.c-info1 dl dd{
		font-size:87%
	}
}
.c-info1 dl dt{
	width:30%
}
.c-info1 dl dd{
	width:70%;
	padding-left:1.5em;
	text-align:left
}
ul.c-pnav{
	max-width:1200px;
	width:90%;
	margin:0 auto;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-orient:horizontal;
	-webkit-box-direction:normal;
	-ms-flex-direction:row;
	flex-direction:row;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center
}
ul.c-pnav li{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-orient:horizontal;
	-webkit-box-direction:normal;
	-ms-flex-direction:row;
	flex-direction:row;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center
}
@media only screen and (min-width: 768px){
	ul.c-pnav li{
		width:17.25%;
		margin:0 1.66667%
	}
}
@media only screen and (max-width: 767px){
	ul.c-pnav li{
		width:49%;
		margin-bottom:2%
	}
	ul.c-pnav li:nth-child(2n+1){
		margin-right:2%
	}
}
ul.c-pnav li a{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-orient:horizontal;
	-webkit-box-direction:normal;
	-ms-flex-direction:row;
	flex-direction:row;
	text-decoration:none;
	width:100%;
	position:relative
}
ul.c-pnav li a span{
	width:100%;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-orient:horizontal;
	-webkit-box-direction:normal;
	-ms-flex-direction:row;
	flex-direction:row;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	text-align:center;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	font-size:100%;
	line-height:1.4;
	letter-spacing:.1em;
	padding:.6em 1.5em .6em .5em;
	border-bottom:1px solid #c4c4c4
}
@media only screen and (min-width: 768px) and (max-width: 1199px){
	ul.c-pnav li a span{
		font-size:94%
	}
}
@media only screen and (max-width: 767px){
	ul.c-pnav li a span{
		font-size:94%
	}
}
ul.c-pnav li a:before{
	content:'';
	width:0;
	height:2px;
	display:block;
	position:absolute;
	bottom:-1px;
	left:0;
	right:0;
	margin:0 auto;
	background:#ecc05b;
	-webkit-transition:width 400ms ease;
	transition:width 400ms ease
}
ul.c-pnav li a:after{
	content:"";
	margin-left:.3em;
	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;
	top:50%;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
	right:.5em;
	font-size:80%
}
ul.c-pnav li a:hover:before{
	width:100%
}
.c-slickdots .slick-dots,.c-slickdots--gray .slick-dots{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center
}
.c-slickdots .slick-dots li,.c-slickdots--gray .slick-dots li{
	width:54px;
	height:5px;
	background:#fff;
	cursor:pointer
}
.c-slickdots .slick-dots li+li,.c-slickdots--gray .slick-dots li+li{
	margin-left:.66667em
}
.c-slickdots .slick-dots li.slick-active,.c-slickdots--gray .slick-dots li.slick-active{
	background:var(--brown);
}
.c-slickdots--gray .slick-dots li{
	background:#DEDEDE
}
.c-arrows{
	position:relative
}
.c-arrows__obj{
	position:absolute;
	z-index:2;
	top:50%;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
	max-width:58px;
	width:58px
}
@media only screen and (min-width: 768px) and (max-width: 1199px){
	.c-arrows__obj{
		width:3.02083vw
	}
}
@media only screen and (max-width: 767px){
	.c-arrows__obj{
		width:7.4359vw
	}
	.c-slickdots .slick-dots li,.c-slickdots--gray .slick-dots li{
		width:20px;
		height:2px;
	}
}
.c-arrows__obj--next{
	right:17.55208vw
}
@media only screen and (max-width: 767px){
	.c-arrows__obj--next{
		right:6.41026vw
	}
}
.c-arrows__obj--prev{
	left:17.55208vw
}
@media only screen and (max-width: 767px){
	.c-arrows__obj--prev{
		left:6.41026vw
	}
}

.slick-slide img{
	margin:auto;
}




/*パンくず*/
.c-topicpath{
	display:flex;
	justify-content:flex-start;
	position:relative;
	flex-wrap:wrap;
	z-index:1;
	margin-top:24px
}
@media only screen and (min-width: 768px) and (max-width: 1199px){
	.c-topicpath{
		margin-top:2.33333%
	}
}
@media only screen and (max-width: 767px){
	.c-topicpath{
		margin-top:.8em
	}
}
.c-topicpath li{
	position:relative;
	font-family:var(--serif);
}
.c-topicpath li a{
	border-bottom:1px solid var(--brown);
}
.c-topicpath li:not(.c-topicpath li:first-child)::before{
	content:"";
	width:9px;
	height:1px;
	display:inline-block;
	vertical-align:middle;
	margin:0 .53333em 0 1em;
	background:var(--gray)
}
.c-topicpath li>span{
	font-size:1.5rem
}
.c-topicpath li a{
	font-size:1.5rem;
	text-align:center;
	display:inline-block;
	text-decoration:none
}
.c-topicpath li a span{
	display:block
}
@media only screen and (max-width: 767px){
	.c-topicpath li>span{
		font-size:1.2rem
	}
	.c-topicpath li a{
		font-size:1.2rem;
	}
}

/*ロゴ*/
.l-header{
	background:#fff;
}
.h1_wrap{
/*
	width:320px;
	height:233px;
*/
	position:absolute;
	top:0;
	left:0;
	z-index:11;
	padding:54px 68px 33px ;
	background:#fff;
	border-bottom-right-radius: 12px;
}
.l-header__logo{
	width:100%;
}
.l-header__logo a{
	display:block;
	max-width:116px;
	text-decoration:none;
	text-align:center;
}
.l-header__logo a span{
	display:block;
	padding-top:15px;
	font-size:1rem;
	color:var(--navy);
}

/*下層ページ用ヘッダ*/
#lowerpage .l-header{
	position:relative;
}
#lowerpage .h1_wrap{
	position:relative;
	z-index:11;
	padding:25px 0 0 15px;
	background:none;
	border-bottom-right-radius: 0px;
	max-width:220px;
}
#lowerpage .l-header__logo{
	width:100%;
}
#lowerpage .l-header__logo a{
	display:flex;
	width:100%;
	align-items:center;
	gap:20px;
	white-space:nowrap;
}
#lowerpage .l-header__logo a span{
	padding:0;
}
#lowerpage .l-header__logo img{
	width:75px;
}
#lowerpage .l-header .l-header-lang{
	position:absolute;
	top:0;
	right:0;
	z-index:11;
	border-radius: 0px 0px 0px 3px;
}

@media only screen and (max-width: 767px){
	.h1_wrap{
		padding:13px 15px 10px 15px;
	}
	.l-header__logo img{
		width:45px;
	}
	.l-header__logo a span{
		padding-top:6px !important;
		font-size:0.8rem;
	}
	#lowerpage .h1_wrap{
		padding:13px 15px 10px 15px;

		position:absolute;
		top:0;
		left:0;
		z-index:11;
		background:#fff;
		border-bottom-right-radius: 12px;


	}
	#lowerpage .l-header__logo a{
		max-width:116px;
		display:block;
	}
	#lowerpage .l-header__logo img{
		width:45px;
	}
	#lowerpage .l-header .l-header-lang{
		position:absolute;
		top:65px;
		right:15px;
		z-index:11;
		border-radius: 3px;
	}
}

.l-header__container{
	position:absolute;
	z-index:10;
	width:100%;
	left:0;
	top:0;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:end;
	padding:45px 0 27px;
	background:#fff;
	gap:20px;
}
@media only screen and (max-width: 767px){
	.l-header__container{
		padding:13px 0;
	}
}

.l-header__container__gnav{
	width:526px;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between
}

.l-header__container__gnav li a{
	text-decoration:none;
	position:relative;
	padding:0 .26667em 0.5em;
	letter-spacing:.05em
}

.l-header__container__gnav li a::after{
	content:"";
	z-index:0;
	height:2px;
	bottom:0;
	left:0;
	position:absolute;
	background:var(--brown);
	opacity:0;
	width:100%;
	-webkit-transform:scaleX(0);
	transform:scaleX(0);
	-webkit-transition:0.5s opacity cubic-bezier(0.55, 0.18, 0.34, 0.81),0.5s -webkit-transform cubic-bezier(0.55, 0.18, 0.34, 0.81);
	transition:0.5s opacity cubic-bezier(0.55, 0.18, 0.34, 0.81),0.5s -webkit-transform cubic-bezier(0.55, 0.18, 0.34, 0.81);
	transition:0.5s opacity cubic-bezier(0.55, 0.18, 0.34, 0.81),0.5s transform cubic-bezier(0.55, 0.18, 0.34, 0.81);
	transition:0.5s opacity cubic-bezier(0.55, 0.18, 0.34, 0.81),0.5s transform cubic-bezier(0.55, 0.18, 0.34, 0.81),0.5s -webkit-transform cubic-bezier(0.55, 0.18, 0.34, 0.81)
}
.l-header__container__gnav li a.is-active::after,.l-header__container__gnav li a:hover::after{
	opacity:1;
	-webkit-transform:scaleX(1);
	transform:scaleX(1)
}
.l-header__container__link{
	/*width:580px;*/
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
	gap:20px;
}
@media only screen and (max-width: 767px){
	.l-header__container__link{
		gap:6px;
	}
}

.l-header-lang{
	font-family:var(--sans_serif);
	font-size:1.3rem;
	color:#fff;
	position:relative;
	line-height:1;
	background:var(--black);
	padding:5px 50px 5px 30px;
	border-radius:3px 3px 3px 3px;
}
.l-header-lang:hover{
	border-radius:3px 3px 0px 0px;
}

.l-header-lang .st{
	line-height:1;
	cursor:pointer
}
.l-header-lang .st:after{
	content: '';
	width: 4px;
	height: 4px;
	border: 0;
	border-bottom: solid 1px #fff;
	border-right: solid 1px #fff;
	transform: rotate(45deg);
	position: absolute;
	top: 0;
	right: 10px;
	bottom: 0;
	margin: auto;
}
.l-header-lang .link{
	line-height:1;
	width:100%;
	left:0;
	position:absolute;
	pointer-events:none;
	opacity:0;
	padding-block:.5em;
	background:var(--brown);
}
.l-header-lang .link:last-child{
	border-radius:0px 0px 3px 3px;
}
.l-header-lang .link a{
	display:block;
	width:100%;
	color:#fff;
	text-decoration:none;
	text-align:center;
}
.l-header-lang:hover .link{
	opacity:1;
	-webkit-transform:translateY(0);
	transform:translateY(0);
	pointer-events:auto;
	-webkit-transition: cubic-bezier(0.55, 0.18, 0.34, 0.81) opacity 0.35s, cubic-bezier(0.55, 0.18, 0.34, 0.81) transform 0.35s;
	transition: cubic-bezier(0.55, 0.18, 0.34, 0.81) opacity 0.35s, cubic-bezier(0.55, 0.18, 0.34, 0.81) transform 0.35s;
}
.l-header-lang:hover .link:hover{
	display:block
}

.l-header-lang .link.link1{
	top:100%;
	-webkit-transition: cubic-bezier(0.55, 0.18, 0.34, 0.81) opacity 0.35s, cubic-bezier(0.55, 0.18, 0.34, 0.81) transform 0.35s;
	transition: cubic-bezier(0.55, 0.18, 0.34, 0.81) opacity 0.35s, cubic-bezier(0.55, 0.18, 0.34, 0.81) transform 0.35s;
}
.l-header-lang .link.link2{
	top:210%;
	-webkit-transition: cubic-bezier(0.55, 0.18, 0.34, 0.81) opacity 0.35s, cubic-bezier(0.55, 0.18, 0.34, 0.81) transform 0.35s;
	transition: cubic-bezier(0.55, 0.18, 0.34, 0.81) opacity 0.35s, cubic-bezier(0.55, 0.18, 0.34, 0.81) transform 0.35s;
}

@media only screen and (max-width: 767px){
	.l-header-lang{
		font-size:1rem;
		padding:5px 40px 5px 20px;
	}
}


/*ヘッダー内ボタン*/
.l-header__container__link .l-header-btn{
	width:177px !important;
	margin-left:auto;
}
@media only screen and (max-width: 767px){
	.l-header__container__link .l-header-btn{
		width:auto !important;
	}
}

/*ハンバーガーメニュー*/
.l-header__container__link .l-header-hamburger{
	width:160px;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center
}

.l-header__container__link .l-header-hamburger__btn{
	width:160px
}
.l-header__container__link .l-header-hamburger__btn__obj{
	width:65px;
	height:44px;
	margin:auto;
	display:block;
	position:relative;
	-webkit-transition:height 0.4s cubic-bezier(0.55, 0.18, 0.34, 0.81);
	transition:height 0.4s cubic-bezier(0.55, 0.18, 0.34, 0.81)
}
.l-header__container__link .l-header-hamburger__btn__obj .line{
	display:block;
	width:65px;
	height:1px;
	background:#000;
	-webkit-transition:all 0.4s cubic-bezier(0.55, 0.18, 0.34, 0.81);
	transition:all 0.4s cubic-bezier(0.55, 0.18, 0.34, 0.81);
	position:absolute
}
.l-header__container__link .l-header-hamburger__btn__obj .line:nth-child(1){
	top:0;
	left:0
}
.l-header__container__link .l-header-hamburger__btn__obj .line:nth-child(2){
	width:100%;
	top:46.15385%;
	left:0
}
.l-header__container__link .l-header-hamburger__btn__obj .line:nth-child(3){
	width:50%;
	bottom:0;
	left:0
}

@media only screen and (max-width: 767px){
	.l-header__container__link .l-header-hamburger{
		width:70px;
	}
	.l-header__container__link .l-header-hamburger__btn{
		width:70px
	}
	.l-header__container__link .l-header-hamburger__btn__obj{
		width:34px;
		height:27px;
	}
	.l-header__container__link .l-header-hamburger__btn__obj .line{
		width:34px;
	}
	.l-header__container__link .l-header-hamburger__btn__obj .line:nth-child(1){
		top:0;
		left:0
	}
	.l-header__container__link .l-header-hamburger__btn__obj .line:nth-child(2){
		width:100%;
		top:46.15385%;
		left:0
	}
	.l-header__container__link .l-header-hamburger__btn__obj .line:nth-child(3){
		width:50%;
		bottom:0;
		left:0
	}
}
/*スクロール時固定ヘッダ*/
.l-fix-header{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	z-index:80;
	background:#fff;
	pointer-events:none;
	opacity:0;
	-webkit-transition:opacity 0.6s cubic-bezier(0.55, 0.18, 0.34, 0.81);
	transition:opacity 0.6s cubic-bezier(0.55, 0.18, 0.34, 0.81)
}
.is-fix .l-fix-header{
	opacity:1;
	pointer-events:auto
}

.l-fix-header .l-header__container{
	position:relative;
	padding:27px 0 18px;
	z-index:1
}
@media only screen and (min-width: 1561px){
	.l-fix-header .l-header__container__link .l-header-hamburger{
		margin-top:0;
		-ms-flex-item-align:center;
		align-self:center
	}
}
@media print{
	.l-fix-header .l-header__container__link .l-header-hamburger{
		margin-top:0;
		-ms-flex-item-align:center;
		align-self:center
	}
}
.l-fix-header .l-header__container__link .l-header-hamburger__btn__obj .line{
	background:#545454
}
.l-fix-header .l-header__container__link .l-header-hamburger__btn__txt{
	color:#545454
}

.l-fix-header .l-header__container__link .l-header-lang{
	color:#545454;
	-webkit-transition:0.35s top cubic-bezier(0.55, 0.18, 0.34, 0.81);
	transition:0.35s top cubic-bezier(0.55, 0.18, 0.34, 0.81);
	top:0
}
.l-fix-header .l-header__container__link .l-header-lang a{
	color:#545454
}
.l-fix-header .l-header__container__link .l-header-lang:hover{
	top:-.7em
}
.l-fix-header__logo{

	z-index:11;
	position:absolute;
	top:10px;
	left:10px;
}
.l-fix-header__logo img{
	height:77px;
}

.l-loading{
	height:100%;
	left:0;
	overflow:hidden;
	position:fixed;
	top:0;
	width:100%;
	z-index:999
}
.l-loading__inner{
	left:0;
	top:0;
	width:100%;
	height:100%;
	position:absolute;
	background-color:#fff
}
.l-loading__inner::before,.l-loading__inner::after{
	content:"";
	display:block;
	height:250px;
	left:0;
	position:absolute;
	width:100%
}
.l-loading__inner:before{
	background:-webkit-gradient(linear, left bottom, left top, from(#ffffff),to(rgba(255,255,255,0)));
	background:linear-gradient(0deg, #ffffff,rgba(255,255,255,0));
	top:0;
	-webkit-transform:translateY(-100%);
	transform:translateY(-100%)
}
.l-loading__inner::after{
	background:-webkit-gradient(linear, left top, left bottom, from(#ffffff),to(rgba(255,255,255,0)));
	background:linear-gradient(180deg, #ffffff,rgba(255,255,255,0));
	bottom:0;
	-webkit-transform:translateY(100%);
	transform:translateY(100%)
}
.l-loading.is-active{
	height:0;
	pointer-events:none;
	-webkit-transition:height 0s linear 1.5s;
	transition:height 0s linear 1.5s
}
.l-loading.is-active .l-loading__inner{
	-webkit-animation:loading_effect 4s cubic-bezier(0.12, 0.98, 0.01, 1) 0s 1 normal both;
	animation:loading_effect 4s cubic-bezier(0.12, 0.98, 0.01, 1) 0s 1 normal both
}
@-webkit-keyframes loading_effect{
	0%{
		-webkit-transform:translateZ(10px);
		transform:translateZ(10px)
	}
	to{
		-webkit-transform:translate3d(0, calc(-100% - 250px), 10px);
		transform:translate3d(0, calc(-100% - 250px), 10px)
	}
}
@keyframes loading_effect{
	0%{
		-webkit-transform:translateZ(10px);
		transform:translateZ(10px)
	}
	to{
		-webkit-transform:translate3d(0, calc(-100% - 250px), 10px);
		transform:translate3d(0, calc(-100% - 250px), 10px)
	}
}

/*ページヘッダ*/
.l-title{
	position:relative;
	height:509px;
}
.l-title.ttl_100th{
	height:776px;
}
.l-title__st{
	/*width:300px;*/
	height:40px;
	text-align:center;
	position:absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	color:#fff;
	font-weight:normal;
	z-index:1;
	font-family:var(--serif);
	font-size:3.4rem;
	letter-spacing:.1em;
	line-height:1.2em;
}
/*歴史用*/
.l-title.ttl_history .l-title__st .st_a{
	font-size:4.3rem;
	font-weight:600;
	margin-bottom:30px;
	display:block;
	line-height:1em;
	text-shadow: 0 0 6px #000, 0 0 6px #000;
}
.l-title.ttl_history .l-title__st .st_b{
	font-size:4.9rem;
	font-weight:600;
	margin-bottom:40px;
	display:block;
	line-height:1em;
	text-shadow: 2px 2px 10px #000, 2px 2px 10px #000;
}
/*100周年用*/
.l-title.ttl_100th h2 img{
	width:276px;
	margin-bottom:80px;
}
.l-title.ttl_100th h2.l-title__st{
	color:#000;
	font-size:2.7rem;
	width:600px;
	height:330px;
	text-shadow: 2px 2px 10px #fff, 2px 2px 10px #fff;
}
.l-title.ttl_100th h2.l-title__st span{
	display:block;
}

/*100周年用思い出投稿*/
.l-title.ttl_memories h2 img{
	width:200px;
	margin-bottom:80px;
}
.l-title.ttl_memories h2.l-title__st{
	color:#000;
	font-size:2.7rem;
	width:600px;
	height:330px;
	text-shadow: 2px 2px 10px #fff, 2px 2px 10px #fff;
}
.l-title.ttl_memories h2.l-title__st span{
	display:block;
}


.l-title__st span.en{
	text-transform:uppercase;
	font-size:1.8rem;
	letter-spacing:.1em;
	opacity:0.55;
	display:block;
	white-space:nowrap;
}

.l-title__bg{
	position:relative;
	height: 100%;
}
.l-title__bg::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(rgba(0, 0, 0, .4),  rgba(0, 0, 0, .4));
}
/*歴史用*/
.ttl_history .l-title__bg::before {
	background: linear-gradient(rgba(136, 124, 119, .67),  rgba(136, 124, 119, .67));
}

/*100周年用*/
.ttl_100th .l-title__bg::before {
	background: linear-gradient(rgba(255, 255, 255, .58),  rgba(255, 255, 255, .58));
}

.l-title__bg img{
	width: 100%;
	height: 100%;
	object-fit:cover;
}

@media only screen and (max-width: 767px){
	.l-title{
		height:430px;
		margin-top:58px;
	}
	.l-title.ttl_100th{
		height:700px;
	}
	.l-title__st{
		font-size:2.6rem;
	}

	.l-title__st span.en{
		font-size:1.4rem;
	}

	/*歴史用*/
	.l-title.ttl_history{
		margin-top:50px;
	}
	.l-title.ttl_history .l-title__st .st_a{
		font-size:3.5rem;
		margin-bottom:15px;
	}
	.l-title.ttl_history .l-title__st .st_b{
		font-size:4.1rem;
		margin-bottom:30px;
	}

	/*100周年用*/
	.l-title.ttl_100th h2 img{
		width:140px;
		margin-bottom:70px;
	}
	.l-title.ttl_100th h2.l-title__st{
		font-size:1.9rem;
		width:90%;
		line-height:2em;
		height:300px;
	}

	/*100周年用思い出投稿*/
	.l-title.ttl_memories h2 img{
		width:140px;
		margin-bottom:80px;
	}
	.l-title.ttl_memories h2.l-title__st{
		color:#000;
		font-size:2.7rem;
		width:100%;
		height:330px;
		text-shadow: 2px 2px 10px #fff, 2px 2px 10px #fff;
	}

}



/*フッタ*/
.l-footer{
	background:#fff;
}
.l-footer__container{
	padding:60px 0 60px;
	display:grid;
	grid-template-areas:
		"sitename  gnav"
		"btns     rsv";
	justify-content:center;
	column-gap: 1%;
	grid-template-columns: 40% 40%;
}
.l-footer__container .l-footer_sitename {
	grid-area: sitename;
	padding:0px 0 50px;
	text-align:center;
}
.l-footer__container .l-footer_btns {
	grid-area: btns;
}
.l-footer__container .l-footer_gnav {
	grid-area: gnav;
}
.l-footer__container .l-footer_rsv_wrap {
	grid-area: rsv;
}
.l-footer__container .l-footer_sitename,
.l-footer__container .l-footer_btns{
	max-width:483px;
}
.l-footer__container .l-footer-logo{
	margin-inline:auto;
	width:106px;
}
@media only screen and (max-width: 767px){
	.l-footer__container{
		padding:60px 0 30px;
		display:grid;
		grid-template-areas:
			"sitename"
			"gnav"
			"btns"
			"rsv";
		justify-content:center;
		column-gap: 1%;
		grid-template-columns: 100%;
	}
	.l-footer__container .l-footer-logo{
		width:86px;
	}
}
.l-footer__container div.l-footer_sitename .l-footer-txt__name{
	margin-top:25px;
	font-weight:600;
}
@media only screen and (max-width: 1199px){
	.l-footer__container .l-footer-txt__name{
		margin-top:20px;
		font-size:1.3rem;
	}
	.l-footer__container .l-footer-txt{
		margin-top:6.41026%;
		font-size:93%
	}
	.l-footer__container .l-footer-txt__address{
		font-size:1.3rem;
	}
}
.l-footer__container .l-footer_btns{
	padding:0px 15px 80px;
	display:flex;
	flex-wrap:wrap;
	gap:20px;
	justify-content:center
}
.l-footer__container .l-footer_btns p .btn_white{
	width:215px;
}
.l-footer__container .l-footer_btns div{
	width:100%;
	padding-top:30px;
	margin-top:30px;
	border-top:1px solid var(--gray);
}
.l-footer__container .l-footer_btns .l-footer-sns{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	margin-top:4.16667%;
}
.l-footer__container .l-footer-sns li{
	line-height:1;
	padding:0 .93333em
}
.l-footer__container .l-footer-sns li a{
	display:block;
	text-decoration:none
}
.l-footer__container .l-footer-sns li:first-child{
	font-family:var(--poppins);
}
.l-footer__container .l-footer_gnav{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	justify-content:space-evenly;
	border-bottom:1px solid var(--gray);
	padding:0 30px 30px;
}

@media only screen and (max-width: 767px){
	.l-footer__container .l-footer_gnav{
		border-top:1px solid var(--gray);
		border-bottom:0;
		padding:30px 30px 30px;
	}
	.l-footer__container .l-footer_btns{
		padding:0px 15px 30px;
		gap:4%;
		justify-content:center;
	}
	.l-footer__container .l-footer_btns p{
		width:48%;
	}
	.l-footer__container .l-footer_btns p .btn_white{
		width:100%;
		font-size:1.3rem;
		padding:10px 20px;
		margin-top:15px;
	}
	.l-footer__container .l-footer_btns div{
		width:48%;
		padding-top:15px;
		margin-top:0px;
		border-top:none;
	}
	.l-footer__container .l-footer_btns div .l-footer-sns li.snsttl{
		display:none;
	}
}


.l-footer__container .l-footer_gnav ul{
	width:45%;
}
.l-footer__container .l-footer_gnav ul li{
	padding:7px 0;
}
.l-footer__container .l-footer_gnav ul li a{
	text-decoration:none;
}
.l-footer__container .l-footer_gnav ul:last-child{

}
@media only screen and (max-width: 767px){
	.l-footer__container .l-footer_gnav ul li a{
		font-size:1.5rem;
	}
}

.l-footer__container .l-footer_rsv{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	gap:20px;
	align-items:end;
	padding:30px 30px;
	border-bottom:1px solid var(--gray);
}
.l-footer__container .l-footer_rsv .p-menu-rsv__btns{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	gap:20px;
}

.l-footer__container .l-footer_rsv p{
	font-family:var(--serif);
	font-size:1.7rem;
	margin-bottom:25px;
}
.l-footer__container .l-footer_rsv .p-menu-rsv__btns li a{
	max-width:200px;
}
.l-footer__container .l-footer_rsv ul.sublink{
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	-ms-flex-direction:column;
	flex-direction:column;
	gap:5px;
}
.l-footer__container .l-footer_rsv  ul.sublink a{
	white-space:nowrap;
}

.l-footer__container .l-footer_houjin{
	padding:30px;
}
.l-footer__container .l-footer_houjin p{
	font-family:var(--serif);
	font-size:1.7rem;
	margin-bottom:28px;
}

@media only screen and (max-width: 1299px){
	.l-footer__container .l-footer_rsv{
		border-top:1px solid var(--gray);
		flex-direction:column;
		align-items:center;
	}
	.l-footer__container .l-footer_rsv div{
		width:100%;
	}
	.l-footer__container .l-footer_rsv .p-menu-rsv__btns{
		flex-direction:column;
		align-items:center;
	}
	.l-footer__container .l-footer_rsv .p-menu-rsv__btns li a{
		max-width:250px !important;
	}
	.l-footer__container .l-footer_rsv ul.sublink{
		flex-direction:row;
		gap:5px;
	}
	.l-footer__container .l-footer_houjin .con-link_sm{
		flex-direction:column;
		gap:15px;
	}

	ul.con-link_sm li a span::after {
		transform: scale(1, 1);
	}
}
@media only screen and (max-width: 640px){
	.l-footer__container .l-footer_rsv p{
		text-align:center;
	}
	.l-footer__container .l-footer_rsv ul.sublink{
		flex-direction:column;
		align-items:center;
		gap:5px;
	}
}

.l-footer_submenu{
	background:var(--navy);
	padding:20px 0;
}
.l-footer_submenu ul{
	display:flex;
	justify-content:center;
}
.l-footer_submenu ul li{
	padding:0 20px;
	border-right:1px solid #fff;
}
.l-footer_submenu ul li:last-child{
	border:none;
}
.l-footer_submenu ul a{
	color:#fff;
	font-size:1.4rem;
	line-height:1em;
	text-decoration:none;
}
.l-footer-copyright{
	padding:10px;
	text-align:center;
	font-size:1.2rem;
	font-family:var(--serif);
	color:var(--gray);
	background:var(--navy);
}
@media only screen and (max-width: 767px){
	.l-footer_submenu ul{
		flex-wrap:wrap;
	}
	.l-footer_submenu ul li{
		padding:0 20px;
		border-right:0;
	}
	.l-footer_submenu ul li a{
		font-size:1.2rem;
	}
	.l-footer-copyright{
		font-size:0.9rem;
		letter-spacing:.1em;
	}
}
.floating-banner{
	position:fixed;
	right:0;
	bottom:0;
	z-index:99
}
@media only screen and (min-width: 768px) and (max-width: 1199px){
	.floating-banner{
		bottom:7vw
	}
}
@media only screen and (max-width: 767px){
	.floating-banner{
		width:100% !important;
		padding:2%;
		text-align:center;
		bottom:15vw
	}
}
.floating-banner a img{
	width:225px
}
@media only screen and (max-width: 767px){
	.floating-banner a img{
		width:100%
	}
}
.floating-banner a:hover img{
	opacity:1;
	filter:alpha(opacity=80);
	-ms-filter:"alpha( opacity=80 )";
	-webkit-transition:.4s;
	transition:.4s
}
.floating-banner .target.is-hidden{
	display:none
}
.floating-banner p{
	margin:0
}
.floating-banner button{
	background-color:transparent;
	border:none;
	cursor:pointer;
	outline:none;
	padding:0;
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none
}
.floating-banner .floating-banner_button{
	display:block;
	width:22px;
	height:22px;
	background-color:#3a4363;
	position:absolute;
	right:0;
	margin:0;
	cursor:pointer
}
@media only screen and (max-width: 767px){
	.floating-banner .floating-banner_button{
		right:2%
	}
}
.floating-banner .floating-banner_button::before,.floating-banner .floating-banner_button::after{
	content:"";
	position:absolute;
	top:50%;
	left:50%;
	width:1px;
	height:10px;
	background:#fff
}
.floating-banner .floating-banner_button::before{
	-webkit-transform:translate(-50%, -50%) rotate(45deg);
	transform:translate(-50%, -50%) rotate(45deg)
}
.floating-banner .floating-banner_button::after{
	-webkit-transform:translate(-50%, -50%) rotate(-45deg);
	transform:translate(-50%, -50%) rotate(-45deg)
}
.floating-banner .floating-banner_buttonClose{
	display:none
}
.l-fix-footer{
	position:fixed;
	bottom:0;
	right:0;
	width:100vw;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	z-index:80;
	border-top:1px solid #9b958a;

display:none;
}
@media only screen and (min-width: 768px) and (max-width: 1199px){
	.l-fix-footer{
		max-width:340px
	}
}
.l-fix-footer li{
	width:33.33333%
}
.l-fix-footer li:nth-child(2){
	border-right:solid 1px #fff
}
@media only screen and (min-width: 768px) and (max-width: 1199px){
	.l-fix-footer li{
		width:50%
	}
}
.l-fix-footer li .txt{
	line-height:1;
	margin-top:0.5em;
	font-size:89%
}
.l-fix-footer li a,.l-fix-footer li>span{
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	-ms-flex-direction:column;
	flex-direction:column;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	text-decoration:none;
	height:100%
}
.l-fix-footer li .tablecheck-widget button{
	font-size:79%;
	padding:3.7em 0 1.45em;
	border-color:#9b958a;
	background-color:#9b958a;
	color:#fff;
	position:relative
}
.l-fix-footer li .tablecheck-widget::before{
	content:"";
	z-index:100;
	top:0.8em;
	width:25%;
	height:1.4em;
	position:absolute;
	background:url(../images/common/btn_restaurant.png) no-repeat center/contain
}
@media only screen and (min-width: 768px) and (max-width: 1199px){
	.l-fix-footer li .tablecheck-widget::before{
		width:33%
	}
}
.l-fix-footer li.u-tel{
	background:#fff
}
.l-fix-footer li.u-tel a .ic-tel{
	color:#9b958a;
	font-size:132%
}
.l-fix-footer li.u-rsv{
	background:#9b958a
}
.l-fix-footer li.u-rsv a{
	color:#fff
}
.l-fix-footer li.u-rsv a .ic-search{
	font-size:121%
}
.l-fix-footer li.u-rsv a .txt{
	color:#fff
}
.l-fix-footer li.u-menu{
	background:#626262;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	-ms-flex-direction:column;
	flex-direction:column;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	padding:1.92308% 0
}
.l-fix-footer li.u-menu svg{
	display:block;
	width:1.78571em;
	height:1.78571em;
	margin:0 auto;
	fill:#fff
}
.l-fix-footer li.u-menu .txt{
	color:#fff;
	margin-top:.2em;
	font-family:'ZCOOL XiaoWei', Verdana, Helvetica, Arial, sans-serif
}

/*-----------------------------
ハンバーガーメニュー展開
-----------------------------*/
.is-open{
	overflow:hidden
}

.l-open-menu{
	position:fixed;
	top:0;
	right:0;
	height:100vh;
	background:#fff;
	z-index:100;
	opacity:0;
	pointer-events:none;
	-webkit-transition:opacity 0.6s cubic-bezier(0.55, 0.18, 0.34, 0.81);
	transition:opacity 0.6s cubic-bezier(0.55, 0.18, 0.34, 0.81)
}
.is-open .l-open-menu{
	opacity:1;
	pointer-events:auto
}

/*closeボタン*/
.l-open-menu__hamburger{
	position:absolute;
	top:24px;
	right:60px;
	width:45px;
	z-index:1
}
@media only screen and (max-width: 767px){
	.l-open-menu__hamburger{
		top:2.5641vw;
		right:2.5641vw
	}
}
.l-open-menu__hamburger__obj{
	width:40px;
	height:40px;
	margin:0 auto;
	display:block;
	position:relative;
	-webkit-transition:height 0.4s cubic-bezier(0.55, 0.18, 0.34, 0.81);
	transition:height 0.4s cubic-bezier(0.55, 0.18, 0.34, 0.81)
}
.l-open-menu__hamburger__obj .line{
	display:block;
	width:100%;
	height:1px;
	background:#545454;
	-webkit-transition:all 0.4s cubic-bezier(0.55, 0.18, 0.34, 0.81);
	transition:all 0.4s cubic-bezier(0.55, 0.18, 0.34, 0.81);
	position:absolute
}
.l-open-menu__hamburger__obj .line:nth-child(1){
	width:100%;
	top:50%;
	-webkit-transform:translateY(-50%) rotate(-45deg);
	transform:translateY(-50%) rotate(-45deg)
}
.l-open-menu__hamburger__obj .line:nth-child(2){
	width:100%;
	top:50%;
	-webkit-transform:translateY(-50%) rotate(45deg);
	transform:translateY(-50%) rotate(45deg)
}

/*コンテンツカバー*/
.l-open-menu__inner{
	width:70vw;
	height:100%;
	margin-left:auto;
	overflow:auto
}
.l-open-menu__inner__container{
	position:relative;
	margin:5% auto
}
.l-open-menu__inner_inner{
	width:80%;
	margin:auto;
}
.l-open-menu__inner__container .p-menu-gnav{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	gap:10%;
	padding:3.8% 0 5%;
}
.l-open-menu__inner__container .p-menu-gnav .open-menu_logo{
	text-decoration:none;
}
.l-open-menu__inner__container .p-menu-gnav .open-menu_logo span{
	color:var(--navy);
	font-size:1.3rem;
	padding-top:15px;
	display:block;
}
@media only screen and (max-width: 1199px){
	.l-open-menu__inner,
	.l-open-menu__inner_inner{
		width:100%
	}
	.l-open-menu__inner__container{
		margin:26px auto 8em
	}
	.l-open-menu__inner__container .p-menu-gnav{
		flex-wrap:wrap;
		padding:1em;
		justify-content:center;
	}
	.l-open-menu__inner__container .p-menu-gnav>div{
		width:100%;
		text-align:center;
	}
	.l-open-menu__inner__container .p-menu-gnav .open-menu_logo img{
		width:64px;
		margin:0;
	}
}
.l-open-menu__inner__container .p-menu-gnav__list li{
	position:relative;
	padding-left:20px;
	margin-bottom:10px;
}
.l-open-menu__inner__container .p-menu-gnav__list li::before{
	position:absolute;
	content:'';
	top: 0.9em;
	left: 0.2em;
	border-style: solid;
	border-width: 2px 0 3px 5px;
	border-color: transparent transparent transparent var(--gray);
}
.l-open-menu__inner__container .p-menu-gnav__list li a{
	text-decoration:none;
}

.l-open-menu__inner__container .p-menu-rsv{
	background:var(--beige);
	padding:30px 0;
}
.l-open-menu__inner__container .p-menu-rsv p {
	font-family: var(--serif);
	font-size: 1.7rem;
	margin-bottom: 25px;
}

.l-open-menu__inner__container .p-menu-rsv__btns{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	flex-wrap:wrap;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:flex-start;
	gap:20px;
	border-bottom:1px solid var(--gray);
	padding-bottom:30px;
}
.l-open-menu__inner__container .p-menu-rsv__btns .btn_brown,
.l-open-menu__inner__container .p-menu-rsv__btns .btn_white{
	width:230px;
}
@media only screen and (max-width: 767px){
	.l-open-menu__inner__container .p-menu-gnav__list{
		padding:30px 0 10px;
	}
	.l-open-menu__inner__container .p-menu-gnav__list li a{
		font-size:1.4rem;
	}
	.l-open-menu__inner__container .p-menu-rsv{
		padding:30px 0 15px;
	}
	.l-open-menu__inner__container .p-menu-rsv__btns{
		-webkit-box-orient:vertical;
		-webkit-box-direction:normal;
		-ms-flex-direction:column;
		flex-direction:column
	}
}

@media only screen and (max-width: 767px){
	.l-open-menu__inner__container .p-menu-rsv{
		text-align:center;
	}
	.l-open-menu__inner__container .p-menu-rsv__btns .btn_brown,
	.l-open-menu__inner__container .p-menu-rsv__btns .btn_white{
		width:250px;
		font-size:1.3rem;
	}
}
.l-open-menu__inner__container .p-menu-rsv__link{
	margin-top:1.68224%
}
.l-open-menu__inner__container .p-menu-rsv__link .sublink{
	justify-content:flex-start;
}

.l-open-menu__inner__container .p-menu-others{
	padding-top:30px;
}

.l-open-menu__inner__container .p-menu-others .ham_bn{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	gap:20px;
	margin-bottom:30px;
}

@media only screen and (max-width: 767px){
	.l-open-menu__inner__container .p-menu-rsv__link{
		margin-top:0.5em
	}
	.l-open-menu__inner__container .p-menu-rsv__link .sublink{
		justify-content:center;
	}
	.l-open-menu__inner__container .p-menu-others .ham_bn{
		padding-left:15px;
		padding-right:15px;
	}
}


.l-open-menu__inner__container .p-menu-others .p-menu-others_link{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	margin-bottom:30px;
}
.l-open-menu__inner__container .p-menu-others .p-menu-others_link li{
	line-height:1em;
	padding:0 15px;
	border-right:1px solid var(--gray)
}
.l-open-menu__inner__container .p-menu-others .p-menu-others_link li a{
	line-height:1em;
	text-decoration:none;
}

.l-open-menu__inner__container .l-open-menu-sns{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-box-pack:start;
	-ms-flex-pack:start;
	justify-content:flex-start;
}
.l-open-menu__inner__container .l-open-menu-sns li{
	line-height:1;
	padding:0 .93333em
}

@media only screen and (max-width: 767px){
	.l-open-menu__inner__container .p-menu-others .p-menu-others_link{
		flex-wrap:wrap;
		justify-content:center;
	}
	.l-open-menu__inner__container .p-menu-others .p-menu-others_link li{
		padding:6px 15px;
		border-right:0
	}
	.l-open-menu__inner__container .p-menu-others .p-menu-others_link li a{
		font-size:1.3rem;
	}
	.l-open-menu__inner__container .l-open-menu-sns{
		justify-content:center;
	}
}

.l-open-menu__inner__container .l-open-menu-lang a{
	border:1px solid #9b958a;
	padding:.25em 1em;
	border-radius:5px;
	text-decoration:none;
	-webkit-transition:0.35s color cubic-bezier(0.55, 0.18, 0.34, 0.81),0.35s background cubic-bezier(0.55, 0.18, 0.34, 0.81);
	transition:0.35s color cubic-bezier(0.55, 0.18, 0.34, 0.81),0.35s background cubic-bezier(0.55, 0.18, 0.34, 0.81);
	font-family:'Gilda Display', Verdana, Helvetica, Arial, sans-serif
}
.l-open-menu__inner__container .l-open-menu-lang a:hover{
	background:#9b958a;
	color:#fff
}
.l-open-menu__img{
	position:fixed;
	left:0;
	top:0;
	width:30vw;
	height:100vh;
	background: rgba(3,3,3,.5);
	z-index:99;
}
@media only screen and (max-width: 1199px){
	.l-open-menu__img{
		height:100vh
	}
}
@font-face{
	font-family:'icomoon';
	src:url("../fonts/icomoon.eot");
	src:url("../fonts/icomoon.eot#iefix") format("embedded-opentype"),url("../fonts/icomoon.ttf") format("truetype"),url("../fonts/icomoon.woff") format("woff"),url("../fonts/icomoon.svg#icomoon") format("svg");
	font-weight:normal;
	font-style:normal;
	font-display:block
}
[class^="ic-"],[class*=" ic-"]{
	font-family:'icomoon' !important;
	speak:never;
	font-style:normal;
	font-weight:normal;
	font-variant:normal;
	text-transform:none;
	line-height:1;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale
}
.ic-insta::before{
	content:""
}
.ic-fb::before{
	content:""
}
.ic-search::before{
	content:""
}
.ic-tel::before{
	content:""
}
.ic-volume_off::before{
	content:""
}
.ic-volume_on::before{
	content:""
}
.ic-restaurant::before{
	content:""
}

/*箇条書き*/

ol.kakko{
	list-style-position: outside;
}
ol.kakko>li {
	list-style-type: none;
	counter-increment: cnt;
  text-indent: -1.8em;
  padding-left: 2em;
}

ol.kakko> li::before {
	content: "（"counter(cnt)"）";
}

ul.kome{
    padding-left: 1.5em;
    margin-left: 0.5em;
}
ul.kome li{
    text-indent: -1.5em;
	font-size:1.5rem;
}
ul.kome li:before{
    content: "※";
    margin-right: 0.5em;
}

ul.maru{
  display: block;
  list-style-type: disc;
  margin-block-start: 1em;
  margin-block-end: 1em;
  padding-inline-start: 40px;

}
ul.maru li{
	font-size:1.5rem;
	list-style-type:disc;
	padding:0.5em 0;
}

/*問い合わせ先ボックス*/
.sec_contactinfo{
	padding:96px 0;
	text-align:center;
}
.sec_contactinfo .info_plate{
	background:#F0EEED;
	padding:30px 0;
	text-align:center;
	max-width:650px;
	margin:auto;
}
.sec_contactinfo .info_plate.info_plate_w{
	background:#fff;
	border:1px solid var(--brown)
}
.sec_contactinfo .info_plate h4{
	font-family:var(--serif);
	font-size:2.1rem;
	margin-bottom:30px;
	position:relative;
	font-weight:500;
}
.sec_contactinfo .info_plate h4::before {
	background-color: var(--brown);
	bottom: -20px;
	content: "";
	height: 1px;
	left: 0;
	right:0;
	margin:auto;
	position: absolute;
	width: 40px;
}

.sec_contactinfo .info_plate .tel{
	font-family:var(--serif);
	font-size:1.9rem;
	margin:40px 0 10px;
}
.sec_contactinfo .info_plate .tel span{
	font-size:1.6rem;
}
.sec_contactinfo .info_plate .opentime{
	font-family:var(--serif);
	font-size:1.6rem;
}
.sec_contactinfo .info_plate .btnarea{
	padding-top:20px;
	font-size:1.5rem;
}
.sec_contactinfo .info_plate .btnarea a{
	width:350px;
}
@media only screen and (max-width: 767px){
	.sec_contactinfo{
		padding:50px 0;
		text-align:center;
	}
	.sec_contactinfo .info_plate h4{
		font-size:1.6rem;
	}
	.sec_contactinfo .info_plate .exp{
		font-size:1.3rem;
	}
	.sec_contactinfo .info_plate .tel{
		font-size:1.8rem;
	}
	.sec_contactinfo .info_plate .tel span{
		font-size:1.5rem;
	}
	.sec_contactinfo .info_plate .opentime{
		font-size:1.5rem;
	}
	.sec_contactinfo .info_plate .btnarea a{
		width:300px;
	}
}


/*エフェクト系*/
.is-effect-img.ts-1::after{
-webkit-transition-delay:0ms;
transition-delay:0ms
}
.is-effect-img.ts-2::after{
-webkit-transition-delay:250ms;
transition-delay:250ms
}
.is-effect-img.ts-3::after{
-webkit-transition-delay:500ms;
transition-delay:500ms
}
.is-effect-img.ts-4::after{
-webkit-transition-delay:750ms;
transition-delay:750ms
}
.is-effect--active::after{
-webkit-transform:translateY(-100%);
transform:translateY(-100%)
}
.is-effect--active img{
-webkit-transform:scale(1);
transform:scale(1)
}
.is-effect-font{
-webkit-background-clip:text;
background-clip:text;
background-image:-webkit-gradient(linear, left top, right top, from(#545454),color-stop(47.5%, #545454),color-stop(52.5%, #a8a297),to(#a8a297));
background-image:linear-gradient(90deg, #545454,#545454 47.5%,#a8a297 52.5%,#a8a297);
background-position:100% 0;
background-size:210% 100%;
color:transparent;
opacity:0;
-webkit-transform:translateY(30px);
transform:translateY(30px);
-webkit-transition-delay:1s;
transition-delay:1s;
-webkit-transition:opacity 1s ease,background-position 1.5s ease 1s,-webkit-transform 1s ease;
transition:opacity 1s ease,background-position 1.5s ease 1s,-webkit-transform 1s ease;
transition:opacity 1s ease,transform 1s ease,background-position 1.5s ease 1s;
transition:opacity 1s ease,transform 1s ease,background-position 1.5s ease 1s,-webkit-transform 1s ease
}
.is-effect-font--active{
background-position:0 0;
opacity:1;
-webkit-transform:translateY(0);
transform:translateY(0)
}
.is-fadeup{
opacity:0;
-webkit-transform:translateY(30px);
transform:translateY(30px);
will-change:opacity
}
.is-fadeup--active{
-webkit-animation:fadein 2s forwards;
animation:fadein 2s forwards
}
.is-fadeup.ts-1{
-webkit-animation-delay:0ms;
animation-delay:0ms
}
.is-fadeup.ts-2{
-webkit-animation-delay:250ms;
animation-delay:250ms
}
.is-fadeup.ts-3{
-webkit-animation-delay:500ms;
animation-delay:500ms
}
.is-fadeup.ts-4{
-webkit-animation-delay:750ms;
animation-delay:750ms
}
.is-fadeup.ts-5{
-webkit-animation-delay:1000ms;
animation-delay:1000ms
}
.is-fadeup.ts-6{
-webkit-animation-delay:1250ms;
animation-delay:1250ms
}
.is-fadeup.ts-7{
-webkit-animation-delay:1500ms;
animation-delay:1500ms
}
.is-fadeup.ts-8{
-webkit-animation-delay:1750ms;
animation-delay:1750ms
}
.is-fadeup.ts-9{
-webkit-animation-delay:2000ms;
animation-delay:2000ms
}
.is-fadeup.ts-10{
-webkit-animation-delay:2250ms;
animation-delay:2250ms
}
.is-fadeup.ts-11{
-webkit-animation-delay:2500ms;
animation-delay:2500ms
}
.is-fadeup.ts-12{
-webkit-animation-delay:2750ms;
animation-delay:2750ms
}
.is-fadeup.ts-13{
-webkit-animation-delay:3000ms;
animation-delay:3000ms
}
.is-fadeup.ts-14{
-webkit-animation-delay:3250ms;
animation-delay:3250ms
}

.is-fadedown{
	opacity:0;
	-webkit-transform:translateY(-30px);
	transform:translateY(-30px);
	will-change:opacity
}
.is-fadedown--active{
	-webkit-animation:fadein 2s forwards;
	animation:fadein 2s forwards
}

@-webkit-keyframes fadein{
	from{
		opacity:0;
		-webkit-transform:translateY(30px);
		transform:translateY(30px)
	}
	to{
		opacity:1;
		-webkit-transform:translateY(0);
		transform:translateY(0)
	}

}
@keyframes fadein{
	from{
		opacity:0;
		-webkit-transform:translateY(30px);
		transform:translateY(30px)
	}
	to{
		opacity:1;
		-webkit-transform:translateY(0);
		transform:translateY(0)
	}
}


.scroll_fadein {
  opacity: 0;
}

.fadein_animation_start {
  animation-name: fadein_animation;
  /*animation-delay: 0.3s;*/
  animation-duration: 1s;
  animation-fill-mode: both;
}
.fadein_animation_start_slow {
  animation-name: fadein_animation;
  animation-delay: 1s;
  animation-duration: 3s;
  animation-fill-mode: both;
}

.fadein_animation_start_spslow {
  animation-name: fadein_animation;
  animation-delay: 2s;
  animation-duration: 3s;
  animation-fill-mode: both;
}

@keyframes fadein_animation {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
    transform: translate(0);
  }
}

.slideup {
  transform: translateY(50px);
}

.slidedown {
  transform: translateY(-50px);
}

.slideright {
  transform: translateX(50px);
}

.slideleft {
  transform: translateX(-50px);
}

.ts-1{
	-webkit-animation-delay:0ms;
	animation-delay:0ms
}
.ts-2{
	-webkit-animation-delay:250ms;
	animation-delay:250ms
}
.ts-3{
	-webkit-animation-delay:500ms;
	animation-delay:500ms
}
.ts-4{
	-webkit-animation-delay:750ms;
	animation-delay:750ms
}
.ts-5{
	-webkit-animation-delay:1000ms;
	animation-delay:1000ms
}

/*じんわり*/
img.gradually {
  opacity: 0;
  -moz-transition: -moz-transform 0.5s linear;
  -webkit-transition: -webkit-transform 0.5s linear;
  -o-transition: -o-transform 0.5s linear;
  -ms-transition: -ms-transform 0.5s linear;
  transition: transform 0.5s linear;
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.img-blur {
  -webkit-animation-name: imageBlur;
  animation-name: imageBlur;
  opacity: 1;
  transition: .8s;
}

@-webkit-keyframes imageBlur {
  from {
    opacity: 0;
    -webkit-filter: blur(15px);
    -moz-filter: blur(15px);
    -ms-filter: blur(15px);
    -o-filter: blur(15px);
    filter: blur(15px);
  }

  to {
    opacity: 1;
    -webkit-filter: blur(0px);
    -moz-filter: blur(0px);
    -ms-filter: blur(0px);
    -o-filter: blur(0px);
    filter: blur(0px);
  }
}
@keyframes imageBlur {
  from {
    opacity: 0;
    -webkit-filter: blur(15px);
    -moz-filter: blur(15px);
    -ms-filter: blur(15px);
    -o-filter: blur(15px);
    filter: blur(15px);
  }

  to {
      opacity: 1;
    -webkit-filter: blur(0px);
    -moz-filter: blur(0px);
    -ms-filter: blur(0px);
    -o-filter: blur(0px);
    filter: blur(0px);
  }
}

/*共通パーツ*/
.red{
	color:#ff0000;
}

.intro_blc{
	text-align:center;
}
.h3_header{
	text-align:center;
	font-weight:normal;
}
.h3_header .jp{
	font-family:var(--serif);
	font-size:2.2rem;
	display:flex;
	gap:10px;
	align-items:center;
	justify-content:center;
}
.h3_header .en{
	font-family:var(--serif);
	font-size:1.5rem;
	color:var(--brown);
	display:block;
}
.intro_blc p{
	margin:45px 0;
	font-size:1.6rem;
}

@media only screen and (max-width: 767px){
	.h3_header .jp{
		font-size:2rem;
	}
	.h3_header .en{
		font-size:1rem;
	}
	.intro_blc p{
		margin:45px 0;
		font-size:1.4rem;
		text-align:left;
	}
}

.h4_underbar{
	position: relative;
	text-align: center;
	font-family:var(--serif);
	font-size:1.9rem;
	font-weight:normal;
	margin-bottom:100px;
}
.h4_underbar::before {
	background-color: var(--brown);
	bottom: -40px;
	content: "";
	height: 3px;
	left: 50%;
	position: absolute;
	transform: translateX(-50%);
	width: 78px;
}
@media only screen and (max-width: 767px){
	.h4_underbar{
		font-size:1.6rem;
		margin-bottom:60px;
	}
	.h4_underbar::before {
		bottom: -20px;
	}
}

.boxshadow{
	-webkit-box-shadow:0 0 8px rgba(0,0,0,0.3);
	box-shadow:0 0 8px rgba(0,0,0,0.3);
}
.boxshadow2{
	-webkit-box-shadow:0 0 4px rgba(0,0,0,0.2);
	box-shadow:1 1 3px rgba(0,0,0,0.2);
}

/*フォーム*/

input[type="submit"],
input[type="text"],
select,
textarea,
button {
  -moz-appearance: none;
  -webkit-appearance: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  outline: none;
  border: none;
}
 
 
input[type="text"] {
  background: #f8f8f8;
  display: block;
  font-size: 16px;
  padding: 12px 15px;
  width: 480px;
  transition: 0.8s;
  border-radius: 0;
}
textarea {
  background: #f8f8f8;
  display: block;
  font-size: 16px;
  padding: 12px 15px;
  width: 100%;
  transition: 0.8s;
  border-radius: 0;
}
select {
  background: #f8f8f8;
  display: block;
  font-size: 16px;
  padding: 12px 15px;
  width: 100%;
  transition: 0.8s;
  border-radius: 0;
}

@media only screen and (max-width: 767px){
	input[type="text"],
	textarea {
		width:100%;
	}
}


input[type="text"]:focus,
textarea:focus {
  background: #e9f5fb;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}
 
textarea[name="content"] {
  display: inline-block;
  width: 100%;
  height: 200px;
}
 
input::placeholder,
textarea::placeholder {
  color: #ccc;
}
 
::-webkit-input-placeholder {
  color: #ccc;
  opacity: 1;
}
 
::-moz-placeholder {
  color: #ccc;
  opacity: 1;
}
 
:-ms-input-placeholder {
  color: #ccc;
  opacity: 1;
}
 
.form-table {
	width: 100%;
}

 
.form-table th,
.form-table td {
	border-top: 1px solid #B7B7B7;
	border-bottom: 1px solid #B7B7B7;
	background:#fff;
	padding: 20px;
}
.form-table th span,
.form-table td span{
	font-size:1.2rem;
}


.form-table th{
	font-family:var(--serif);
	font-weight:normal;
	font-size:1.6rem;
}
 
.form-table th {
	background: #E8E8E8;
	padding-left: 50px;
	position: relative;
	text-align: left;
	width: 300px;
}
.form-table th>p{
	margin:0;
	display:flex;
	justify-content:space-between;
}
.form_wrap p{
	margin-top: 60px;
	text-align:center;
	font-size:1.6rem;
}
.form_wrap .btnarea{
	margin-top:44px;
	text-align:center;
}

@media only screen and (max-width: 767px){
	.form-table th,
	.form-table td {
		display: block;
		width: 100%;
		border-bottom: none;
		padding: 15px 15px;
	}
	.form-table th {
		padding-left: 30px;
		width: 100%;
	}
	.form_wrap p{
		margin-top: 25px;
		font-size:1.3rem;
	}
}
span.formitem{
	font-family:var(--serif);
	font-size:1.6rem !important;
}
span.hissu{
	font-family:var(--sans);
	background:#FCB5B5;
	color:#fff;
	font-size:1rem;
	padding:5px 10px;
}
@media only screen and (max-width: 767px){
	span.formitem{
		font-size:1.4rem !important;
	}
}

/*ハニーポット*/
.hp{
	display:none;
}

/*規約同意チェックボックス*/
.notes_required {
	text-align: center;
}
.notes_required .checkBtn_area {
	max-width: 220px;
	margin: 24px auto 0px;
	background: #E7ECF4;
	padding: 14px 0;
	transition-duration: 0.2s;
}
.notes_required._check .checkBtn_area {
  background: #ffb97c;
}
.notes_required label {
  font-size: 1.3rem;
  cursor: pointer;
  transition-duration: 0.3s;
  position: relative;
}
.notes_required label .label_inner {
  padding-left: 22px;
}

@media screen and (max-width: 767px) {
  .notes_required {
    padding: 20px 15px;
  }
  .notes_required .check_text_b {
    font-size: 13px;
  }
  .notes_required._check label .label_inner:after {
    width: 16px;
    height: 8px;
    margin-top: -0.8em;
  }
}
#submitBtn:disabled{
	cursor: not-allowed;
}


/*アンカーリンク調整*/