/* anchor-nav */
/* ----------------------------- */

@import url('https://fonts.googleapis.com/css2?family=Zen+Maru+Gothic:wght@300;400;500;700;900&display=swap');

main.main{
	background-color: #fce4df;
	color: #3e3a39;
}
img {
	user-drag: none;
	-webkit-user-drag: none;
	-moz-user-select: none;
}

.chapter-content{
	padding: 20px 0px 0px;
	/* padding: 30px 0px 0px; */
}
.chapter-content > .banner {
    text-align: center;
    width: 50%;
	margin: 0 auto;
}
.chapter-content > .banner > img{
	width: 100%;
}

.headdings{
	/* display: flex;
	align-items: flex-end; */
	position: relative;
	padding-top: 50px;
	padding-right: 50px;
	/* padding-bottom: 50px; */
}

.headdings .icon{
	width: 200px;
	position: absolute;
	content: "";
	bottom: 5px;
	left: 50px;
	z-index: 1;
}
.headdings .icon img{
	width: 100%;
}
.headdings .inner{
	padding: 50px 0 50px 270px;
	display: flex;
	background-color: #fff;
	position: relative;
	width: 100%;
	/* margin-left: -200px; */
	gap: 30px;
}
.headdings .inner::before,
.headdings .inner::after{
	position: absolute;
	width: calc(100% - 255px);
	height: 2px;
	background-color: #3e3a39;
	content: "";
	left: 250px;
}
.headdings .inner::before{
	top: 4px;
}

.headdings .inner::after{
	bottom: -4px;
	left: 0px;
	width: calc(100% - 5px);
}

.headdings .inner .ja{
	font-family: 'Hiragino Kaku Gothic Pro',YakuHanJPs, 'Noto Sans Japanese', MyYuGothicM, Meiryo, sans-serif;
    font-size: 40px;
    letter-spacing: 0.075em;
	font-weight: 500;
	color: #ec6d65;
}
.headdings .inner .en{
	font-family: 'Hiragino Kaku Gothic Pro',YakuHanJPs, 'Noto Sans Japanese', MyYuGothicM, Meiryo, sans-serif;
    font-size: 18px;
    letter-spacing: 0.075em;
	font-weight: 500;
	background-color: #ec6d65;
	color: #fff;
	display: inline-block;
	padding: 10px 30px; /* 上下の余白、左右の余白 */
	text-decoration: none; /* デフォルトで入るリンクの下線を消す */
	border-radius: 30px; /* 角を丸くする */
	line-height: 23px;
}

.breadcrumb.space{
	padding-bottom: 30px;
}

@media screen and (max-width: 736px) {
	.chapter-content{
		padding: 10px 0 0;
	}
	.chapter-content > .banner {
		text-align: center;
		width: 100%;
		margin: 0 auto;
	}
	.chapter-content > .banner > img{
		width: 100%;
		padding: 10px;
	}
	.headdings{
		/* display: flex;
		flex-flow: column;
		align-items: baseline; */
		padding-top: 30px;
		padding-right: 0px;
		/* padding-bottom: 50px; */
	}
	
	.headdings .icon{
		width: 120px;
		top: 0;
		left: 10px;
		z-index: 1;
	}
	.headdings .icon img{
		width: 100%;
	}
	.headdings .inner{
		padding: 20px 10px 20px 145px;
		display: block;
		width: 100%;
		/* margin-top: -90px; */
		margin-left: -0px;
		gap: 20px;
	}

	.headdings .inner::before,
	.headdings .inner::after{
		position: absolute;
		width: calc(100% - 135px);
		height: 2px;
		background-color: #3e3a39;
		content: "";
		left: 130px;
	}
	.headdings .inner::before{
		top: 4px;
	}
	
	.headdings .inner::after{
		bottom: -4px;
		left: 0px;
		width: calc(100% - 5px);
	}
	
	.headdings .inner .ja{
		font-family: 'Hiragino Kaku Gothic Pro',YakuHanJPs, 'Noto Sans Japanese', MyYuGothicM, Meiryo, sans-serif;
		font-size: 25px;
		letter-spacing: 0.075em;
		font-weight: 500;
		color: #ec6d65;
	}
	.headdings .inner .en{
		font-size: 14px;
		margin-top: 10px;
		padding: 5px 15px;
		text-decoration: none;
		border-radius: 20px;
		line-height: 20px;
	}
	.breadcrumb.space{
		padding-top: 90px;
		padding-bottom: 15px;
	}
}

.content-primary .titlebox{
	position: relative;
	margin: 100px 0 40px;
}
.ssp-title{
	font-family: 'Hiragino Kaku Gothic Pro',YakuHanJPs, 'Noto Sans Japanese', MyYuGothicM, Meiryo, sans-serif;
    font-size: 18px;
    letter-spacing: 0.075em;
	font-weight: 500;
	background-color: #d3b47f;
	color: #fff;
	display: inline-block;
	padding: 10px 20px; /* 上下の余白、左右の余白 */
	text-decoration: none; /* デフォルトで入るリンクの下線を消す */
	border-radius: 30px; /* 角を丸くする */
	/* line-height: 23px; */
	text-align: center;
	width: 100%;
}
.content-primary .titlebox .gaiyou{
	position: absolute;
	left: 20px;
	bottom: -10px;
    width: 130px;
}

.content-primary .taishou_inner{
	display: flex;
	align-items: stretch;
	gap: 50px;
	padding: 0 50px;
	font-family: 'Hiragino Kaku Gothic Pro',YakuHanJPs, 'Noto Sans Japanese', MyYuGothicM, Meiryo, sans-serif;
}

.content-primary .taishou_inner .text-secondary{
	width: calc(50% - 25px);
	color: #3e3a39;
	font-family: 'Hiragino Kaku Gothic Pro',YakuHanJPs, 'Noto Sans Japanese', MyYuGothicM, Meiryo, sans-serif;
    font-size: 16px;
    letter-spacing: 0.06em;
    line-height: 1.8;
    text-align: justify;
}

.content-primary .taishou_inner .taishou{
	width: calc(50% - 25px);
	/* height: 100%; */
	display: flex;
	padding: 30px 20px;
	background-color: #fff;
	border-radius: 25px;
	/* align-items: center; */
	justify-content: center;
}

.content-primary .taishou_inner .taishou .t1{
	font-size: 16px;
	padding-right: 20px;
	height: 18px;
}
.content-primary .taishou_inner .taishou .t2{
	font-size: 28px;
	color: #ec6d65;
	letter-spacing: 1px;
	font-weight: 500;
	/* height: 32px; */
}

.content-primary .syousai{
	display: flex;
	gap: 20px;
	justify-content: center;
}

.content-primary .syousai{
	display: flex;
	gap: 20px;
	justify-content: center;
	margin: 30px 0 50px;
}

.content-primary .syousai .syousai-box{
	display: flex;
	gap: 20px;
	justify-content: center;
	padding: 15px 40px 15px 50px;
	border: 2px solid #ec6d65;
	align-items: center;
	position: relative;
}

.content-primary .syousai .syousai-box::after{
	position: absolute;
	content: "";
	background-color: #ec6d65;
	width: 2px;
	height: 100%;
	left: 5px;
	top: 0;
}

.content-primary .syousai .syousai-box .text{
	color: #3e3a39;
	font-family: 'Hiragino Kaku Gothic Pro',YakuHanJPs, 'Noto Sans Japanese', MyYuGothicM, Meiryo, sans-serif;
    font-size: 18px;
    letter-spacing: 0.06em;
    line-height: 1.8;
    text-align: justify;
}

.content-primary .syousai .syousai-box .colors{
	color: #ec6d65;
	font-family: 'Hiragino Kaku Gothic Pro',YakuHanJPs, 'Noto Sans Japanese', MyYuGothicM, Meiryo, sans-serif;
}

.content-primary .syousai .syousai-box .colors .num{
	font-size: 50px;
	font-weight: bold;
	padding: 0 5px;
}
.content-primary .syousai .syousai-box .colors .sub{
	font-size: 18px;
	font-weight: bold;
}
.content-primary .syousai .syousai-box .colors .sub2{
	font-size: 18px;
	font-weight: 500;
}

.ss_box{
	display: flex;
	gap: 50px;
}
.ss_box .box{
	width: calc(100% - 25px);
}
.ss_box .box .main{
	color: #3e3a39;
	font-family: 'Zen Maru Gothic', sans-serif;
	font-weight: 500;
	font-size: 30px;
	text-align: center;
	margin: 20px 0 10px;
}
.ss_box .box .sub{
	color: #3e3a39;
	font-family: 'Hiragino Kaku Gothic Pro',YakuHanJPs, 'Noto Sans Japanese', MyYuGothicM, Meiryo, sans-serif;
	font-size: 16px;
	font-weight: 500;
	text-align: center;
}

@media screen and (max-width: 736px) {
	.content-primary .titlebox{
		position: relative;
		margin: 45px 0 25px;
	}
	.ssp-title{
		font-family: 'Hiragino Kaku Gothic Pro',YakuHanJPs, 'Noto Sans Japanese', MyYuGothicM, Meiryo, sans-serif;
		font-size: 16px;
		background-color: #d3b47f;
		color: #fff;
		display: inline-block;
		padding: 7px 20px; /* 上下の余白、左右の余白 */
		width: 100%;
		line-height: 20px;
	}
	.content-primary .titlebox .gaiyou{
		position: absolute;
		left: 10px;
		bottom: -10px;
		width: 85px;
	}

	.content-primary .taishou_inner{
		display: flex;
		flex-flow: column;
		align-items: stretch;
		gap: 20px;
		padding: 0 15px;
	}

	.content-primary .taishou_inner .text-secondary{
		width: 100%;
		color: #3e3a39;
		font-family: 'Hiragino Kaku Gothic Pro',YakuHanJPs, 'Noto Sans Japanese', MyYuGothicM, Meiryo, sans-serif;
		font-size: 14px;
		letter-spacing: 0.06em;
		line-height: 1.8;
		text-align: justify;
	}

	.content-primary .taishou_inner .taishou{
		width: 100%;
		height: 80px;
		display: flex;
		padding: 15px 10px;
		background-color: #fff;
		border-radius: 10px;
		/* align-items: center; */
		justify-content: center;
	}

	.content-primary .taishou_inner .taishou .t1{
		font-size: 14px;
		padding-right: 20px;
		height: 16px;
	}
	.content-primary .taishou_inner .taishou .t2{
		font-size: 22px;
		color: #ec6d65;
		letter-spacing: 1px;
		font-weight: 500;
		height: 24px;
	}

	.content-primary .syousai{
		display: flex;
		flex-flow: column;
		gap: 10px;
		justify-content: center;
	}

	.content-primary .syousai{
		width: 100%;
		display: flex;
		gap: 10px;
		justify-content: center;
		margin: 20px 0 40px;
	}

	.content-primary .syousai .syousai-box{
		display: flex;
		gap: 10px;
		justify-content: center;
		padding: 10px ;
		border: 2px solid #ec6d65;
		align-items: center;
		position: relative;
	}

	.content-primary .syousai .syousai-box::after{
		position: absolute;
		content: "";
		background-color: #ec6d65;
		width: 2px;
		height: 100%;
		left: 5px;
		top: 0;
	}

	.content-primary .syousai .syousai-box .text{
		color: #3e3a39;
		font-family: 'Hiragino Kaku Gothic Pro',YakuHanJPs, 'Noto Sans Japanese', MyYuGothicM, Meiryo, sans-serif;
		font-size: 16px;
		letter-spacing: 0.06em;
		line-height: 1.8;
		text-align: justify;
	}

	.content-primary .syousai .syousai-box .colors{
		color: #ec6d65;
		font-family: 'Hiragino Kaku Gothic Pro',YakuHanJPs, 'Noto Sans Japanese', MyYuGothicM, Meiryo, sans-serif;
	}

	.content-primary .syousai .syousai-box .colors .num{
		font-size: 35px;
		font-weight: bold;
		padding: 0 5px;
	}
	.content-primary .syousai .syousai-box .colors .sub{
		font-size: 16px;
		font-weight: bold;
	}
	.content-primary .syousai .syousai-box .colors .sub2{
		font-size: 16px;
		font-weight: 500;
	}

	.ss_box{
		display: flex;
		flex-flow: column;
		gap: 20px;
	}
	.ss_box .box{
		width: 100%;
	}
	.ss_box .box .main{
		color: #3e3a39;
		font-family: 'Zen Maru Gothic', sans-serif;
		font-weight: bold;
		font-size: 22px;
		text-align: center;
		margin: 20px 0 10px;
	}
	.ss_box .box .sub{
		color: #3e3a39;
		font-family: 'Hiragino Kaku Gothic Pro',YakuHanJPs, 'Noto Sans Japanese', MyYuGothicM, Meiryo, sans-serif;
		font-size: 14px;
		font-weight: 500;
		text-align: center;
	}

}

.oubo{
	padding: 100px 0 30px;
	position: relative;
}

.oubo .houhou{
	position: absolute;
	width: 130px;
	top: 40px;
	left: 20px;
}

.oubo .staff{
	position: absolute;
	/* height: 50%; */
	width: 150px;
	bottom: 30px;
	left: 50px;
}

.oubo .oubo_box{
	width: 100%;
	padding: 20px 0 20px 240px;
	background-color: #fff;
	border-radius: 20px;
}

.oubo .oubo_box dl{
	display: flex;
	align-items: flex-start;
	gap: 10px;
	margin-bottom: 10px;
}

.oubo .oubo_box dt{
	width: 50px;
}
.oubo .oubo_box dt img{
	width: 100%;
}

.oubo .oubo_box dd{
	padding-top: 15px;
	width: calc(100% - 60px);
	color: #3e3a39;
	font-family: 'Zen Maru Gothic', sans-serif;
	font-weight: 700;
	font-size: 22px;
	line-height: 2;
	letter-spacing: 0.1em;
	text-align: left;
}
.oubo .oubo_box dd .line{
	background:linear-gradient(transparent 60%, #ffd900  60%);
}
.oubo .oubo_box .kome{
	color: #3e3a39;
	font-family: 'Zen Maru Gothic', sans-serif;
	font-weight: 700;
	font-size: 20px;
	text-align: right;
	padding-right: 20px;
}

@media screen and (max-width: 736px) {

	.oubo{
		padding: 80px 0 30px;
		position: relative;
	}
	
	.oubo .houhou{
		position: absolute;
		width: 85px;
		top: 30px;
		left: 10px;
	}
	
	.oubo .staff{
		position: absolute;
		width: 110px;
		bottom: 30px;
		left: 30px;
	}
	
	.oubo .oubo_box{
		width: 100%;
		padding: 40px 10px 200px 10px;
		background-color: #fff;
		border-radius: 20px;
	}
	
	.oubo .oubo_box dl{
		display: flex;
		align-items: flex-start;
		gap: 10px;
		margin-bottom: 10px;
	}
	
	.oubo .oubo_box dt{
		width: 40px;
	}
	.oubo .oubo_box dt img{
		width: 100%;
	}
	
	.oubo .oubo_box dd{
		padding-top: 10px;
		width: calc(100% - 50px);
		font-weight: 700;
		font-size: 18px;
		line-height: 1.7;
		letter-spacing: 0.05em;
	}
	.oubo .oubo_box .kome{
		color: #3e3a39;
		font-family: 'Zen Maru Gothic', sans-serif;
		font-weight: 700;
		font-size: 16px;
		text-align: right;
		padding-right: 10px;
	}

}


.oubo_after{
	display: flex;
	gap: 20px;
	padding-bottom: 30px;
}
.oubo_after img{
	width: 170px;
}
.oubo_after ul{
	width: calc(100% - 190px);
}
.oubo_after ul li{
	position: relative;
	font-family: 'Hiragino Kaku Gothic Pro',YakuHanJPs, 'Noto Sans Japanese', MyYuGothicM, Meiryo, sans-serif;
	font-size: 16px;
	font-weight: 500;
	padding-bottom: 0.5em;
	line-height: 1.7;
	vertical-align: middle;
	color: #3e3a39;
}

.oubo_after ul li::before{
	display:inline-block; 
	vertical-align: middle;
	/*以下白丸つくる*/
	content:'';
	width:1em;
	height: 1em;
	background: #ec6d65;
	border-radius: 50%;
	margin-right: 8px;
}

.oubo_after ul li .small{
	font-size: 14px;
}

@media screen and (max-width: 736px) {

	.oubo_after{
		display: block;
		gap: 20px;
		padding-bottom: 30px;
	}
	.oubo_after .oubo_title{
		position: relative;
		width: calc(100% - 20px);
		/* margin-right: 20px; */
		border: 2px solid #ec6d65;
		border-right: none;
		padding: 15px;
		font-size: 18px;
		font-weight: bold;
		letter-spacing: 0.05em;
		color: #ec6d65;
		font-family: 'Zen Maru Gothic', sans-serif;
	}

	.oubo_after .oubo_title::before,
	.oubo_after .oubo_title::after{
		position: absolute;
		content: "";
		height: 51%;
		width: 2px;
		background-color: #ec6d65;
		right: -8px;
	}

	.oubo_after .oubo_title::before{
		top: 0;
		transform: skew(30deg);
		
	}
	.oubo_after .oubo_title::after{
		bottom: 0;
		transform: skew(-30deg);
	}

	.oubo_after ul{
		width: 100%;
		padding: 15px 15px 0;

	}
	.oubo_after ul li{
		position: relative;
		font-family: 'Hiragino Kaku Gothic Pro',YakuHanJPs, 'Noto Sans Japanese', MyYuGothicM, Meiryo, sans-serif;
		font-size: 14px;
		font-weight: 500;
		padding-bottom: 0.5em;
		line-height: 1.7;
		vertical-align: middle;
		color: #3e3a39;
	}
	
	.oubo_after ul li::before{
		display:inline-block; 
		vertical-align: middle;
		/*以下白丸つくる*/
		content:'';
		width:1em;
		height: 1em;
		background: #ec6d65;
		border-radius: 50%;
		margin-right: 8px;
	}
	
	.oubo_after ul li .small{
		font-size: 12px;
	}
}

.Notes{
	font-family: 'Hiragino Kaku Gothic Pro',YakuHanJPs, 'Noto Sans Japanese', MyYuGothicM, Meiryo, sans-serif;
    font-size: 14px;
    letter-spacing: 0.075em;
	line-height: 1.7;
	font-weight: 500;
	color: #3e3a39;
	padding-bottom: 30px;
}

.Notes .small{
    font-size: 13px;
}

@media screen and (max-width: 736px) {
	.Notes{
		font-family: 'Hiragino Kaku Gothic Pro',YakuHanJPs, 'Noto Sans Japanese', MyYuGothicM, Meiryo, sans-serif;
		font-size: 13px;
		letter-spacing: 0.075em;
		line-height: 1.7;
		font-weight: 500;
		color: #3e3a39;
		padding: 0 15px 30px;
	}
}

/* button */

.button-rental {
	background-color: #ec6d65;
	font-size: 22px;
	letter-spacing: 2px;
	font-weight: bold;
	margin: 100px 0 0 0;
    padding: 30px 0;
    text-align: center;
    transition: all 0.3s;
	font-family: 'Zen Maru Gothic','Hiragino Kaku Gothic Pro',YakuHanJPs, 'Noto Sans Japanese', MyYuGothicM, Meiryo, sans-serif;
	box-shadow: 5px 5px 5px rgb(175 174 174);
}

.button-rental:hover {
	opacity: 0.7;
}
.button-rental > span {
	position: relative;
	color: #fff;
	/* padding-left: 40px; */
}
/* .button-rental > span::after {
	position: absolute;
	content: "";
	background: url(/assets/images/kaden10/icon_search.svg) no-repeat center center;
	background-size: contain;
	top: 0;
	left: 0px;
	width: 30px;
	height: 30px;
} */
.search-blue{
	max-width: 55%;
	text-align: center;
	margin: 0 0 0 22%;
}
@media screen and (max-width: 736px) {
	
	.button-rental {
		font-size: 18px;
		letter-spacing: 2px;
		font-weight: bold;
		margin: 50px 0 0 0;
		padding: 20px ;
		text-align: center;
		transition: all 0.3s;
		box-shadow: 5px 5px 5px rgb(175 174 174);
	}

	.button-rental:hover {
		opacity: 0.7;
	}
	.button-rental > span {
		position: relative;
		/* padding-left: 30px; */
	}
	/* .button-rental > span::after {
		position: absolute;
		content: "";
		background: url(/assets/images/kaden10/icon_search.svg) no-repeat center center;
		background-size: contain;
		top: 0;
		left: 0px;
		width: 25px;
		height: 25px;
	} */
	.search-blue{
		max-width: 90%;
		text-align: center;
		margin: 0 auto;
	}
}