@charset "utf-8";
/* ===================================================
	Group CSS
====================================================== */
#cnav_col { padding: 90px 0 110px; }
section:not(#sec04) h2.cmn_tit { text-align: center; }
section:nth-child(even) { background: rgba(228 226 221/50%); }
.cmn_tit .en_txt { color: #aea693; }
.cmn_tit+p { margin-top: 20px; text-align: center; }
.summary { display: flex; align-items: flex-start; margin-top: 75px; padding: 55px 0; background: rgba(228 226 221/50%); }
.summary .txt { width: 695px; padding: 0 35px 0 85px; }
.summary .txt ul { margin-top: 30px; }
.summary .txt li { padding-left: 15px; text-indent: -15px; }
.summary .txt li::before { content: ''; display: inline-block; width: 8px; height: 8px; margin-right: 10px; background-color: #cdbd9e; }
.summary .txt li+li { margin-top: 5px; }
.summary .photo { width: calc(100% - 695px); }
.summary .cmn_tit { font-size: 24px; }
.privilege { display: flex; flex-wrap: wrap; margin-top: 75px; padding: 65px 85px 75px; background-color: #fff; }
.privilege h3 { width: 100%; margin-bottom: 10px; font-size: 24px; }
.privilege ul { width: 50%; box-sizing: border-box;}
.privilege li { padding-left: 13px; text-indent: -13px; }
.privilege li+li { margin-top: 5px; }
.privilege li::before { content: ''; display: inline-block; width: 8px; height: 8px; margin-right: 5px; background-color: #cdbd9e;}

@media screen and (min-width: 601px) {
	.cmn_tit { font-size: 35px; }
	.cmn_cnav li { width: calc((100% - 50px) / 3); }
	.privilege ul:last-child { padding-left: 55px; border-left: 1px solid #d1d1d1; }
}
@media screen and (max-width: 600px) {
	#cnav_col { padding: 9vw 0 11vw; }
	.cmn_tit+p { margin-top: 10px; text-align: left;}
	.summary { display: block; margin-top: 8vw; padding: 6vw 5%; }
	.summary .txt { width: 100%; padding: 0; }
	.summary .txt ul { margin-top: 15px; }
	.summary .cmn_tit { font-size: 20px; }
	.summary .photo { margin-top: 30px; }
	.summary .photo,
	.summary .photo img { width: 100%; }
	.privilege { display: block; margin-top: 10vw; padding: 7vw 5% 8vw; }
	.privilege h3 { font-size: 20px; }
	.privilege ul { width: 100%; }
}


/* ---------------------------------------------------
	#sec01
------------------------------------------------------ */
#sec01 { padding-bottom: 120px; }

@media screen and (hover: hover) {
}
@media screen and (min-width: 601px) {
}
@media screen and (max-width: 600px) {
	#sec01 { padding-bottom: 13vw; }
}


/* ---------------------------------------------------

------------------------------------------------------ */
#sec02 { padding: 120px 0 110px; }
#sec02 .inner_md .photo { display: flex; margin-top: 55px; }

@media screen and (hover: hover) {
}
@media screen and (min-width: 601px) {
}
@media screen and (max-width: 600px) {
	#sec02 { padding: 13vw 0 12vw; }
	#sec02 .inner_md .photo { margin-top: 30px; }
}


/* ---------------------------------------------------
	#sec03
------------------------------------------------------ */
#sec03 { padding: 120px 0 130px; }
#sec03 .inner_md .photo { display: flex; margin-top: 55px; }
#sec03 .option { display: flex; margin-top: 75px; }
#sec03 .option h3 { display: flex; align-items: flex-end; line-height: 1; width: 90px; font-size: 35px; color: #928871; }
#sec03 .option dl { display: flex; flex-wrap: wrap; width: calc(100% - 90px); }
#sec03 .option dt, #sec03 .option dd { border-bottom: 1px solid rgba(34 34 34/20%); }
#sec03 .option dt { width: 605px; padding: 15px 0;}
#sec03 .option dd { width: calc(100% - 605px); padding: 15px 55px 15px 120px; box-sizing: border-box;}
#sec03 .option dt:first-child { padding: 0 0 15px; }
#sec03 .option dd:first-of-type { padding: 0 55px 15px 120px; }

@media screen and (hover: hover) {
}
@media screen and (min-width: 601px) {
}
@media screen and (max-width: 600px) {
	#sec03 { padding: 13vw 0 14vw; }
	#sec03 .inner_md .photo { margin-top: 30px; }
	#sec03 .option { margin-top: 9vw; }
	#sec03 .option h3 { position: sticky; top: 80px; left: 0; width: 45px; height: 135px; font-size: 24px; }
	#sec03 .option dl { display: block; width: calc(100% - 45px); }
	#sec03 .option dt { padding: 15px 0 0; border-bottom: 0; }
	#sec03 .option dt:first-child { padding: 0; }
	#sec03 .option dt, #sec03 .option dd { width: 100%; }
	#sec03 .option dd,
	#sec03 .option dd:first-of-type { padding: 10px 0 15px; }
}


/* ---------------------------------------------------
	#sec04
------------------------------------------------------ */
#sec04 { padding: 100px 0 120px; background: rgb(228 226 221); }
#sec04 .inner_sm { display: flex; align-items:flex-start; }
#sec04 .inner_sm .cmn_tit { width: 335px; font-size: 30px; line-height: 1.4; }
#sec04 .inner_sm .cmn_tit .en_txt { margin-bottom: 10px; }
#sec04 .inner_sm>div { position: relative; width: calc(100% - 335px); margin-top: 15px; padding-left: 55px; }
#sec04 .inner_sm>div p:last-child { margin-top: .5em; }
#sec04 .inner_sm>div .tel-link { font-size: 30px; vertical-align: sub; }

@media screen and (hover: hover) {
}
@media screen and (min-width: 601px) {
	#sec04 .inner_sm>div::before { position: absolute; left: 0; top: 5px; content: ''; display: inline-block; width: 1px; height: 100px; background: rgba(34 34 34/20%); }
}
@media screen and (max-width: 600px) {
	#sec04 { padding: 11vw 0 13vw; }
	#sec04 .inner_sm { display: block; }
	#sec04 .inner_sm .cmn_tit { width: 100%; font-size: 20px; }
	#sec04 .inner_sm>div { width: 100%; margin-top: 20px; padding: 0; }
	#sec04 .inner_sm>div p:last-child { margin-top: 20px; }
	#sec04 .inner_sm>div .tel { display: inline-block; }
}