@charset "utf-8";

/*------------------------------------------
slider
------------------------------------------*/
.slide-items {
    /* スライダー本体のスタイル */
    opacity: 0; /* 初期状態は非表示 */
    transition: opacity 1s ease-in-out; /* フェード効果 */
}
.slick-initialized.slide-items {
    opacity: 1; /* 初期化されたら表示 */
}
/* アクティブなスライドを強調（フェードイン後）*/
.slide-items .slick-active {
    opacity: 1;
}
/* フェードモード（fade: true）でスライドが切り替わった時のための設定 */
.slide-items .slick-slide {
    opacity: 0;
    transition: opacity 0.5s ease-in-out;
}
.slide-items .slick-active {
    opacity: 1;
}

.slide-items {
	width: 100%;
	height: 600px;
}
.slide-items img {
	width: 100%;
	height: 600px;
	object-fit: cover;
	object-position: center;
}
@media (max-width: 767px) {
	.slide-items {
		height: 400px;
	}
	.slide-items img {
		height: 400px;
	}
}


.slide-items li{
	position:relative;
}
.slide-items li .catch_txt{
	max-width:1200px;
	bottom:	100px;
	padding:0 15px;
	color:#fff;
	position:absolute;
	right:0;
	left:0;
	margin-inline:auto;
	letter-spacing:0.1em;
	line-height:1.2;
}
.slide-items li .catch_txt .txt1{
	font-size:1.8rem;
	text-shadow: #000 1px 0 10px;
}
.slide-items li .catch_txt .txt1 span{
	font-size:2.2rem;
	margin-inline:6px;
}
.slide-items li .catch_txt .txt2{
	font-size:3.6rem;
	text-shadow: #000 1px 0 10px;
}

@media (max-width: 767px) {
	.slide-items {
		height: 400px;
	}
	.slide-items img {
		height: 400px;
	}
	.slide-items li .catch_txt{
		bottom:	50px;
	}
	.slide-items li .catch_txt .txt1{
		font-size:1.5rem;
	}
	.slide-items li .catch_txt .txt1 span{
		font-size:1.9rem;
		margin-inline:3px;
	}
	.slide-items li .catch_txt .txt2{
		font-size:2.6rem;
		
	}
}

.dots-custom button {
    display: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none;
    padding: 0;
    border: none;
    background-color: transparent;
}

.dots-custom {
    display: flex;
    justify-content: center;
    margin-top: -30px;
    list-style:none;
    padding:0;
}
.dots-custom li {
    width: 10px;
    height: 10px;
    background-color: transparent;
    border: 1px solid var(--beige);
    border-radius: 50%;
    margin-right: 10px;
    cursor: pointer;
    transition: background-color .5s ease;
}
.dots-custom li.slick-active {
    background-color: var(--beige);
}
.dots-custom li:hover {
    background-color: var(--beige);
}
.dots-custom li:last-child {
    margin-right: 0;
}
.slick-dotted.slick-slider {
    margin-bottom: 0px !important;
}

/*------------------------------------------
reservation
------------------------------------------*/
#sec_rsv{
	background:var(--lightgray);
	padding:50px 0 80px;
	text-align:center;
}
#sec_rsv .ttl{
	margin-bottom:30px;
}
#sec_rsv .ttl h2{
	font-size:2.2rem;
	font-weight:500;
}
#sec_rsv .ttl h2 span{
	font-size:1.6rem;
	color:var(--beige);
	display:block;
	margin-top:14px;
}
#sec_rsv .rsv_box{
	position:relative;
	max-width:1200px;
	margin-inline:auto;
}
#sec_rsv .rsv_box img{
	position:absolute;
	top:-65px;
	left:-60px;
}
@media (max-width: 1299px) {
	#sec_rsv .rsv_box img{
		position:absolute;
		top:-65px;
		left:-10px;
		width:140px;
	}
}
@media (max-width: 767px) {
	#sec_rsv .ttl h2{
		font-size:1.8rem;
	}
	#sec_rsv .ttl h2 span{
		margin-top:10px;
		font-size:1.1rem;
	}
	#sec_rsv .rsv_box img{
		position:absolute;
		top:-45px;
		left:-10px;
		width:110px;
	}
}
#sec_rsv .rsv_box h3{
	background:var(--brown);
	color:#F8D487;
	font-size:2.8rem;
	font-weight:normal;
	outline: 1px solid var(--beige);
	outline-offset: -5px;
	padding:15px;
}
#sec_rsv .rsv_box h3 span{
	color:#fff;
	font-size:1.9rem;
	margin-left:30px;
}
@media (max-width: 867px) {
	#sec_rsv .rsv_box h3 span{
		display:block;
	}
}
@media (max-width: 767px) {
	#sec_rsv .rsv_box h3{
		padding:20px 15px 15px;
		font-size:1.9rem;
	}
	#sec_rsv .rsv_box h3 span{
		font-size:1.3rem;
		margin:10px 0 0 0;
	}
}
#sec_rsv .rsv_box .rsv_box_inner{
	background:#fff;
	padding:30px 40px 0;
}
#sec_rsv .rsv_box .rsv_box_inner form{
	display:flex;
	justify-content:space-between;
}
@media (max-width: 1097px) {
	#sec_rsv .rsv_box .rsv_box_inner form{
		justify-content:center;
		gap:15px;
		flex-wrap:wrap;
	}
}
@media (max-width: 767px) {
	#sec_rsv .rsv_box .rsv_box_inner{
		padding:30px 20px 0;
	}
	#sec_rsv .rsv_box .rsv_box_inner form{
		justify-content:start;
		gap:15px;
		flex-wrap:wrap;
	}
}
#sec_rsv .rsv_box .rsv_box_inner form>div{
	text-align:left;
}
#sec_rsv .rsv_box .rsv_box_inner form>div h4{
	font-weight:normal;
	font-size:1.7rem;
	margin-bottom:8px;
}
#sec_rsv .rsv_box .rsv_box_inner form>div>div{
	display:flex;
	align-items:center;
	gap:12px;
}
#sec_rsv .rsv_box .rsv_box_inner form>div>div p{
	font-size:1.7rem;
	letter-spacing:.2em;
}
@media (max-width: 767px) {
	#sec_rsv .rsv_box .rsv_box_inner form>div h4{
		font-size:1.4rem;
		margin-bottom:4px;
	}
	#sec_rsv .rsv_box .rsv_box_inner form>div>div p{
		font-size:1.5rem;
		letter-spacing:0em;
	}
}
#sec_rsv .rsv_box .rsv_box_inner form>div>div select{
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	border: 1px solid var(--gray);
	padding: 0 40px 0 20px;
	height: 46px;
	position: relative;
	background: url(../images/common/icon_tri_down.svg) no-repeat right 10px center / 16px auto;
}
#sec_rsv .rsv_box .rsv_box_inner form .btn_search{
	background:var(--red);
	color:#fff;
	border:none;
	border-radius:0;
	padding:0 60px;
}
#sec_rsv .rsv_box .rsv_box_inner form a{
	display: flex;
	justify-content: center;
	align-items: center;
	background: #000;
	padding: 0px 80px 0px 60px;
	text-align: left;
	color: #FFF;
	cursor: pointer;
	position: relative;
	text-decoration: none;
}
@media (max-width: 1097px) {
	#sec_rsv .rsv_box .rsv_box_inner form a{
		height:72px;
	}
}
#sec_rsv .rsv_box .rsv_box_inner form a::after {
	content: "";
	display: block;
	position: absolute;
	top: calc(50% - 5px);
	right: 20px;
	width: 40px;
	height: 5px;
	border: none;
	border-right: 2px solid #FFF;
	border-bottom: 1px solid #FFF;
	transform: skew(45deg);
	transition: .3s;
}
#sec_rsv .rsv_box .rsv_box_inner form a:hover::after{
	right: 20px;
	width: 60px;
}
@media (max-width: 767px) {
	#sec_rsv .rsv_box .rsv_box_inner form .btn_search{
		width:100%;
		height:50px;
		padding:0;
	}
	#sec_rsv .rsv_box .rsv_box_inner form a{
		width:100%;
		height:50px;
		padding: 0px;
	}
}


#sec_rsv .box_lower{
	display:flex;
	align-items:center;
	justify-content:space-between;
	border-top:1px dotted #ccc;
	margin-top:15px;
}
@media (max-width: 960px) {
	#sec_rsv .box_lower{
		justify-content:center;
		flex-wrap:wrap;
		margin-top:25px;
		padding:20px 0;
	}
	#sec_rsv .box_lower .tel h5{
		margin:0;
	}
}
#sec_rsv .box_lower .tel{
	display:flex;
	align-items:center;
	gap:20px;
}
#sec_rsv .box_lower .tel h5{
	font-weight:normal;
	font-size:1.7rem;
}
#sec_rsv .box_lower .tel p{
	font-size:2.5rem;
}
#sec_rsv .box_lower .tel p span{
	font-size:1.7rem;
}
#sec_rsv .box_lower .links{
	display:flex;
	gap:40px;
	align-items:center;
}
#sec_rsv .box_lower .links li a:before{
	content:url("../images/common/icon_tri_right.svg");
	margin-right:10px;
	margin-bottom:10px;
}
@media (max-width: 767px) {
	#sec_rsv .box_lower{
		flex-direction:column-reverse;
		border-top:none;
		padding:0;
	}
	#sec_rsv .box_lower .links{
		flex-wrap:wrap;
		gap:20px;
		align-items:start;
	}
	#sec_rsv .box_lower .links a{
		font-size:1.4rem;
	}
	#sec_rsv .box_lower .tel{
		flex-direction:column;
		border-top:1px dotted #ccc;
		align-items:center;
		gap:0px;
		width:100%;
		margin-top:15px;
		padding:25px 0;
	}
	#sec_rsv .box_lower .tel h5{
		margin:0;
		font-size:1.6rem;
	}
	#sec_rsv .box_lower .tel p{
		font-size:2.5rem;
	}
	#sec_rsv .box_lower .tel p span{
		font-size:1.6rem;
	}
}
@media (max-width: 482px) {
	#sec_rsv .box_lower .links li:first-child{
		margin-right:80px;
	}
}

/*------------------------------------------
features
------------------------------------------*/
#sec_features{
	background:var(--darkgray);
	padding:100px 0;
}
#sec_features .article_bloc{
	position: relative;
	display:flex;
	gap:30px;
	flex-wrap:wrap;
	justify-content:space-between;
}

#sec_features .article_bloc article:not(.ttl_bloc) {
	background-color: #fff;
	position: relative;
	padding: 35px 25px;
	position: relative;
}
@media (max-width: 767px) {
	#sec_features .article_bloc{
		flex-wrap:wrap;
		gap:16px;
	}
	#sec_features .article_bloc article:not(.ttl_bloc) {
		padding: 10px;
	}
}
#sec_features .article_bloc article:not(.ttl_bloc) h3{
	font-size:2.3rem;
	font-weight:600;
	line-height:1.5;
}
#sec_features .article_bloc article:not(.ttl_bloc) p{
	font-size:1.8rem;
	font-family:var(--sans_serif);
	font-weight:normal;
	line-height:1.5;
}
@media screen and (max-width: 1096px) {
	#sec_features .pcbr{
		display:none;
	}
}
#sec_features .article_bloc article .corner {
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 0;
	border-top: 130px solid #6b6257;
	border-right: 130px solid transparent;
	z-index:1;
}
#sec_features .article_bloc article .corner .number {
	position: absolute;
	top: -130px;
	left: 30px;
	color: #fff;
	font-size: 4.3rem;
	opacity:0.85;
}
@media (max-width: 1036px) {
	#sec_features{
		padding:60px 0;
	}
	#sec_features .article_bloc article .corner {
		border-top: 75px solid #6b6257;
		border-right: 75px solid transparent;
	}
	#sec_features .article_bloc article .corner .number {
		top: -70px;
		left: 20px;
		font-size: 2.3rem;
	}
	#sec_features .article_bloc article:not(.ttl_bloc) h3{
		font-size:1.6rem;
	}
	#sec_features .article_bloc article:not(.ttl_bloc) p{
		font-size:1.4rem;
		text-align:left;
	}
}
#sec_features .article_bloc article.ttl_bloc {
	display:flex;
	align-items:center;
	flex-direction:column;
	justify-content:center;
	width:360px;
}
#sec_features .article_bloc article.ttl_bloc h2{
	color:var(--gold);
	font-size:5.7rem;
	font-weight:normal;
	position: relative;
	margin-bottom: 70px;
}
#sec_features .article_bloc article.ttl_bloc h2::after {
	content: '';
	position: absolute;
	left: 0;
	right:0;
	margin:auto;
	bottom: -70px;
	width: 1px; /* 線の長さ */
	height: 50px; /* 線の太さ */
	background-color: #fff; /* 線の色 */
}
#sec_features .article_bloc article.ttl_bloc p{
	color:#fff;
	font-size:2.7rem;
	line-height:1;
	margin-top:30px;
}
#sec_features .article_bloc article.ttl_bloc p span{
	font-size:6.6rem;
	vertical-align: middle;
}
@media (max-width: 1036px) {
	#sec_features .article_bloc article.ttl_bloc h2{
		font-size:2.7rem;
		margin-bottom: 50px;
	}
	#sec_features .article_bloc article.ttl_bloc h2::after {
		bottom: -50px;
		width: 1px; /* 線の長さ */
		height: 32px; /* 線の太さ */
	}
	#sec_features .article_bloc article.ttl_bloc p{
		font-size:1.6rem;
		margin-top:20px;
	}
	#sec_features .article_bloc article.ttl_bloc p:first-child{
		font-size:1.4rem;
	}
	#sec_features .article_bloc article.ttl_bloc p span{
		font-size:3.7rem;
		vertical-align: middle;
	}
}
@media (max-width: 767px) {
	#sec_features .article_bloc article.ttl_bloc {
		width:100%;
		padding-bottom:30px;
	}

}
#sec_features .article_bloc article.ft1 {
	width:calc(100% - 400px);
	display:flex;
	gap:15px;
	align-items:center;
	justify-content:space-between;
}
#sec_features .article_bloc article.ft1 .exp {
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:end;
	width:calc(100% - 306px);
	height:80%;
	text-align:center;
}
#sec_features .article_bloc article.ft1 .exp h3{
	margin-bottom:24px;
}
#sec_features .article_bloc article.ft1 .exp p{
	margin-bottom:100px;
}
@media (max-width: 1036px) {
	#sec_features .article_bloc article.ft1 .img{
		width:45%;
	}
	#sec_features .article_bloc article.ft1 .exp {
		justify-content:center;
		width:55%;
		position:relative;
		height:100%;
	}
}
@media (max-width: 767px) {
	#sec_features .article_bloc article.ft1{
		gap:10px;
		margin-bottom:140px;
	}
	#sec_features .article_bloc article.ft1 .exp {
		justify-content:center;
		width:55%;
		position:relative;
		height:100%;
	}
	#sec_features .article_bloc article.ft1 .img{
		width:45%;
	}
	#sec_features .article_bloc article.ft1 .exp p{
		font-size:1.4rem;
		text-align:left;
		position:absolute;
		color:#fff;
		bottom:-70px;
		width:100vw;
		margin-bottom:0;
		margin-left: 50vw;
	}
	#sec_features .article_bloc article.ft1 .exp .link{
		position:absolute;
		bottom:-120px;
		width:100vw;
		margin-bottom:0;
		margin-left: calc(50vw - 80px);
		text-align:right;
	}
	#sec_features .article_bloc article.ft1 .exp .link .link_a{
		color:#fff;
	}
	#sec_features .article_bloc article.ft1 .exp .link .link_a::before {
		border-bottom: 1.5px solid #fff;
		border-right: 1.5px solid #fff;
	}
}

#sec_features .article_bloc article.ft2 {
	width:calc(100% - 400px);
	display:flex;
	gap:15px;
	align-items:center;
	justify-content:space-between;
}
#sec_features .article_bloc article.ft2 .exp {
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:end;
	width:calc(100% - 306px);
	height:80%;
	text-align:center;
}
#sec_features .article_bloc article.ft2 .exp h3{
	margin-bottom:24px;
}
#sec_features .article_bloc article.ft2 .exp p{
	margin-bottom:100px;
}
@media (max-width: 1036px) {
	#sec_features .article_bloc article.ft2 .exp {
		justify-content:center;
		width:55%;
		position:relative;
		height:100%;
	}
	#sec_features .article_bloc article.ft2 .img{
		width:45%;
	}
}
@media (max-width: 767px) {
	#sec_features .article_bloc article.ft2{
		gap:10px;
		margin-bottom:140px;
	}
	#sec_features .article_bloc article.ft2 .exp {
		justify-content:center;
		width:55%;
		position:relative;
		height:100%;
	}
	#sec_features .article_bloc article.ft2 .img{
		width:45%;
	}
	#sec_features .article_bloc article.ft2 .exp p{
		font-size:1.4rem;
		text-align:left;
		position:absolute;
		color:#fff;
		bottom:-70px;
		width:100vw;
		padding-right:30px;
		margin-bottom:0;
		margin-left: 50vw;
	}
	#sec_features .article_bloc article.ft2 .exp .link{
		position:absolute;
		bottom:-120px;
		width:100vw;
		margin-bottom:0;
		margin-left: calc(50vw - 80px);
		text-align:right;
	}
	#sec_features .article_bloc article.ft2 .exp .link .link_a{
		color:#fff;
	}
	#sec_features .article_bloc article.ft2 .exp .link .link_a::before {
		border-bottom: 1.5px solid #fff;
		border-right: 1.5px solid #fff;
	}
}


#sec_features .article_bloc article.ft3 {
	width:370px;
	display:flex;
	flex-direction:column;
	justify-content:center;
}
#sec_features .article_bloc article.ft3 .exp {
	display:flex;
	flex-direction:column;
	justify-content:center;
	text-align:center;
	gap:30px;
}
#sec_features .article_bloc article.ft3 .exp img{
	width:100%;
}
@media (max-width: 767px) {
	#sec_features .article_bloc article.ft3{
		gap:10px;
		margin-bottom:100px;
	}
	#sec_features .article_bloc article.ft3 .exp {
		display:flex;
		flex-direction:row;
		justify-content:space-between;
		align-items:center;
		position:relative;
		height:100%;
	}
	#sec_features .article_bloc article.ft3 .exp h3{
		width:55%;
	}
	#sec_features .article_bloc article.ft3 .exp img{
		width:45%;
	}
	#sec_features .article_bloc article.ft3 .exp p{
		font-size:1.4rem;
		text-align:left;
		position:absolute;
		color:#fff;
		bottom:-70px;
		margin-bottom:0;
	}
}

#sec_features .article_bloc article.ft4,
#sec_features .article_bloc article.ft5 {
	width:calc(50% - 15px);
	display:flex;
	flex-direction:column;
	justify-content:center;
}
#sec_features .article_bloc article.ft4 .exp,
#sec_features .article_bloc article.ft5 .exp {
	display:flex;
	flex-direction:column;
	justify-content:center;
	text-align:center;
	gap:30px;
	padding-top:30px;
}
#sec_features .article_bloc article.ft4 .exp img,
#sec_features .article_bloc article.ft5 .exp img{
	width:100%;
}

@media (max-width: 767px) {
	#sec_features .article_bloc article.ft4,
	#sec_features .article_bloc article.ft5 {
		gap:10px;
		margin-bottom:140px;
	}
	#sec_features .article_bloc article.ft4 .exp,
	#sec_features .article_bloc article.ft5 .exp {
		display:flex;
		flex-direction:row;
		justify-content:space-between;
		align-items:center;
		position:relative;
		height:100%;
		padding-top:0px;
	}
	#sec_features .article_bloc article.ft4 .exp h3,
	#sec_features .article_bloc article.ft5 .exp h3 {
		width:55%;
	}
	#sec_features .article_bloc article.ft4 .exp img,
	#sec_features .article_bloc article.ft5 .exp img{
		height:120px;
		width:45%;
		object-fit:cover;
	}
	#sec_features .article_bloc article.ft4 .exp p,
	#sec_features .article_bloc article.ft5 .exp p{
		font-size:1.4rem;
		text-align:left;
		position:absolute;
		color:#fff;
		bottom:-70px;
		margin-bottom:0;
	}
	#sec_features .article_bloc article.ft4 .exp .link,
	#sec_features .article_bloc article.ft5 .exp .link{
		position:absolute;
		width:100%;
		bottom:-120px;
		margin-bottom:0;
		text-align:right;
	}
	#sec_features .article_bloc article.ft4 .exp .link .link_a,
	#sec_features .article_bloc article.ft5 .exp .link .link_a{
		color:#fff;
	}
	#sec_features .article_bloc article.ft4 .exp .link .link_a::before,
	#sec_features .article_bloc article.ft5 .exp .link .link_a::before {
		border-bottom: 1.5px solid #fff;
		border-right: 1.5px solid #fff;
	}
}


#sec_features .article_bloc article.ft6,
#sec_features .article_bloc article.ft7,
#sec_features .article_bloc article.ft8 {
	width:31%;
	display:flex;
	flex-direction:column;
	justify-content:start;
}
#sec_features .article_bloc article.ft6 .exp,
#sec_features .article_bloc article.ft7 .exp,
#sec_features .article_bloc article.ft8 .exp {
	padding-top:30px;
	display:flex;
	flex-direction:column;
	justify-content:center;
	text-align:center;
	gap:30px;
}
#sec_features .article_bloc article.ft6 .exp p,
#sec_features .article_bloc article.ft7 .exp p,
#sec_features .article_bloc article.ft8 .exp p {
	text-align:left;
}
#sec_features .article_bloc article.ft6 .exp img,
#sec_features .article_bloc article.ft7 .exp img,
#sec_features .article_bloc article.ft8 .exp img{
	width:100%;
}

@media (max-width: 767px) {
	#sec_features .article_bloc article.ft1,
	#sec_features .article_bloc article.ft2,
	#sec_features .article_bloc article.ft3,
	#sec_features .article_bloc article.ft4,
	#sec_features .article_bloc article.ft5,
	#sec_features .article_bloc article.ft8 {
		width:100%;
	}

	#sec_features .article_bloc article.ft6 .corner,
	#sec_features .article_bloc article.ft7 .corner,
	#sec_features .article_bloc article.ft8 .corner {
		border-top: 50px solid #6b6257;
		border-right: 50px solid transparent;
	}
	#sec_features .article_bloc article.ft6 .corner .number,
	#sec_features .article_bloc article.ft7 .corner .number,
	#sec_features .article_bloc article.ft8 .corner .number {
		top: -50px;
		left: 10px;
		font-size: 1.7rem;
	}
	#sec_features .article_bloc article.ft6:not(.ttl_bloc) h3,
	#sec_features .article_bloc article.ft7:not(.ttl_bloc) h3,
	#sec_features .article_bloc article.ft8:not(.ttl_bloc) h3{
		font-size:1.5rem;
	}


	#sec_features .article_bloc article.ft6,
	#sec_features .article_bloc article.ft7{
		width:calc(50% - 8px);
	}
	#sec_features .article_bloc article.ft6 .exp,
	#sec_features .article_bloc article.ft7 .exp{
		padding-top:0;
		gap:15px;
		flex-direction:column-reverse;
	}
	#sec_features .article_bloc article.ft6 .exp p,
	#sec_features .article_bloc article.ft7 .exp p{
		display:none;
	}

	#sec_features .article_bloc article.ft8{
		gap:10px;
		margin-bottom:70px;
	}
	#sec_features .article_bloc article.ft8 .exp {
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
		justify-content:space-between;
		align-items:center;
		position:relative;
		height:100%;
		padding-top:0;
		gap:10px;
	}
	#sec_features .article_bloc article.ft8 .exp>div{
		width:50%;
		order:2;
	}
	#sec_features .article_bloc article.ft8 .exp>div h3{
		text-align:left;
		margin-bottom:8px;
	}
	#sec_features .article_bloc article.ft8 .exp img{
		width:45%;
		order:1;
	}
	#sec_features .article_bloc article.ft8 .exp>div p{
		font-size:1.3rem;
		text-align:left;
		margin-bottom:0;
	}
}

/*------------------------------------------
benefit
------------------------------------------*/
#sec_benefit{
	background:url("../images/top/bg_benefit.jpg") no-repeat center;
	background-size:cover;
	padding:80px 0 100px;
}
#sec_benefit .ttl_bloc h2{
	text-align:center;
	font-size:2.8rem;
	margin-bottom:30px;
	color:#fff;
	font-weight:normal;
}
#sec_benefit .ttl_bloc h2 span{
	font-size:3rem;
}
@media (max-width: 767px) {
	#sec_benefit{
		padding:50px 0 50px;
	}
	#sec_benefit .ttl_bloc h2{
		font-size:1.9rem;
		margin-bottom:30px;
	}
	#sec_benefit .ttl_bloc h2 span{
		font-size:2.1rem;
	}
}
#sec_benefit .row_benefit{
	display:flex;
	gap:8px;
}
#sec_benefit .row_benefit .unit{
	background:#fff;
	flex:1;
	padding:30px 20px;
	text-align:center;
	display:flex;
	flex-direction:column;
	gap:20px;
}
#sec_benefit .row_benefit .unit .img_wrap{
	display:flex;
	align-items:center;
	height:150px;
	justify-content:center;
}
#sec_benefit .row_benefit .unit h3{
	font-size:1.8rem;
	font-weight:normal;
}
#sec_benefit .row_benefit .unit p{
	font-size:1.5rem;
	text-align:left;
	font-family:var(--sans_serif);
}
@media (max-width: 767px) {
	#sec_benefit .row_benefit{
		flex-wrap:wrap;
		gap:15px;
	}
	#sec_benefit .row_benefit .unit{
		flex:1 1 calc(50% - 10px);
		padding:15px;
		gap:15px;
	}
	#sec_benefit .row_benefit .unit .img_wrap{
		height:90px;
	}
	#sec_benefit .row_benefit .unit .img_wrap img{
		max-height:80px;
	}
	#sec_benefit .row_benefit .unit h3{
		font-size:1.5rem;
	}
	#sec_benefit .row_benefit .unit p{
		font-size:1.4rem;
		line-height:1.2;
	}
}

/*------------------------------------------
access
------------------------------------------*/
#sec_access{
	padding:100px 0;
}
.sec_access_inner{
	max-width:1700px;
	margin-inline:auto;
	position:relative;
	text-align:center;
	background-image:url("../images/top/bg_access.svg");
	background-repeat:no-repeat;
	background-position:right 15% bottom;
	padding-bottom:200px;
}
@media (max-width: 767px) {
	#sec_access{
		padding:60px 0;
	}
	.sec_access_inner{
		padding-bottom:700px;
		background-image:url("../images/top/bg_access_sp.svg");
		background-position:left bottom 330px;
		background-size:70%;
		padding-inline:15px;
	}
}
.sec_access_inner .ttl_bloc .en{
	font-size:7rem;
	color:var(--gold);
	position: relative;
	margin-bottom: 60px;
}
.sec_access_inner .ttl_bloc .en::before {
	background-color: var(--gold); /* 線の色 */
	bottom: -10px; /* 線の位置 */
	content: "";
	height: 1px; /* 線の高さ */
	left: 50%; /* 線の中央寄せ */
	position: absolute;
	transform: translateX(-50%); /* 線の中央寄せ */
	width: 77px; /* 線の長さ */
}
.sec_access_inner .ttl_bloc h2{
	font-weight:600;
	font-size:2.5rem;
	margin-bottom:80px;
}

.sec_access_inner p:not(.en){
	font-size:1.8rem;
	font-family:var(--sans_serif);
}
.sec_access_inner .link{
	margin-top:150px;
	display:flex;
	gap:40px;
	justify-content:center;
}
@media (max-width: 767px) {
	.sec_access_inner .ttl_bloc .en{
		font-size:2.7rem;
		margin-bottom: 60px;
	}
	.sec_access_inner .ttl_bloc .en::before {
		bottom: -10px; /* 線の位置 */
		width: 77px; /* 線の長さ */
	}
	.sec_access_inner .ttl_bloc h2{
		font-size:1.5rem;
		margin-bottom:50px;
	}
	.sec_access_inner p:not(.en){
		font-size:1.4rem;
		text-align:left;
	}
	.sec_access_inner .link{
		margin-top:40px;
		gap:40px;
		justify-content:space-between;
	}
}
.sec_access_inner .access_1{
	position:absolute;
	top:0;
	left:0;
}
.sec_access_inner .access_2{
	position:absolute;
	top:40%;
	left:10%;
}
.sec_access_inner .access_3{
	position:absolute;
	bottom:5%;
	left:5%;
}
.sec_access_inner .access_4{
	position:absolute;
	top:0;
	right:0;
}
@media (max-width: 1434px) {
	.sec_access_inner .access_1{
		width:25%;
	}
	.sec_access_inner .access_2{
		width:20%;
	}
	.sec_access_inner .access_3{
		width:25%;
	}
	.sec_access_inner .access_4{
		width:30%;
	}
}
@media (max-width: 767px) {
	.sec_access_inner .access_1{
		top:auto;
		bottom:60px;
		left:20px;
		width:45%;
	}
	.sec_access_inner .access_2{
		top:auto;
		left:auto;
		bottom:18%;
		right:5%;
		width:38%;
	}
	.sec_access_inner .access_3{
		bottom:0;
		left:30%;
		width:60%;
	}
	.sec_access_inner .access_4{
		top:auto;
		bottom:350px;
		right:0;
		width:45%;
	}
}

/*------------------------------------------
information
------------------------------------------*/
#sec_information{
	padding:0 15px 80px;
	display:flex;
	justify-content:center;
	gap:90px;
}
#sec_information .ttl_bloc .en{
	font-size:5.4rem;
	color:var(--gold);
	position: relative;
	margin-bottom: 30px;
}
#sec_information .ttl_bloc .en::before {
	background-color: var(--gold); /* 線の色 */
	bottom: 0px; /* 線の位置 */
	content: "";
	height: 1px; /* 線の高さ */
	left: 0; /* 線の中央寄せ */
	position: absolute;
	width: 77px; /* 線の長さ */
}
#sec_information .ttl_bloc h2{
	font-weight:600;
	font-size:2.5rem;
	margin-bottom:50px;
}
#sec_information .article_list,
#sec_information .link{
	margin-bottom:50px;
}
#sec_information .link{
	text-align:right;
}
#sec_information .article_list ul li{
	border-bottom:1px dotted #D4D4D4;
	padding:15px 0;
}
#sec_information .article_list ul li a{
	display:flex;
	font-family:var(--sans_serif);
	font-size:1.8rem;
	gap:30px;
}
#sec_information .article_list ul li a time{
	color:#8D8D8D;
}
#sec_information .fb_bloc{
	width:100%;
	max-width:400px;
}
@media (max-width: 970px) {
	#sec_information{
		flex-direction:column;
		padding:50px 50px;
		background:var(--lightgray);
		gap:60px;
	}
	#sec_information .ttl_bloc .en{
		font-size:2.7rem;
		margin-bottom: 30px;
	}
	#sec_information .ttl_bloc h2{
		font-size:1.5rem;
		margin-bottom:40px;
	}
	.news_bloc{
		width:100%;
	}
	#sec_information .article_list ul li{
		border-bottom:1px dotted #D4D4D4;
		padding:10px 0;
	}
	#sec_information .article_list ul li:last-child{
		border-bottom:none;
	}
	#sec_information .article_list{
		margin-bottom:30px;
	}
	#sec_information .news_bloc .bnr{
		text-align:center;
	}
	#sec_information .news_bloc .bnr img{
		margin:auto;
	}
	#sec_information .fb_bloc{
		margin:auto;
		height:400px;
	}
}
@media (max-width: 499px) {
	#sec_information{
		padding:50px 15px;
	}
}
/*------------------------------------------
bottomimage
------------------------------------------*/
.top_bottomimage{
	height:340px;
	background:url("../images/top/bg_bottomimage.jpg") no-repeat center;
	background-size:cover;
}
@media (max-width: 767px) {
	.top_bottomimage{
		height:180px;
	}
}