@charset "utf-8";
/* ===================================================
	improvement CSS
====================================================== */

/* ---------------------------------------------------

------------------------------------------------------ */
.lead_col { padding: 100px 0; background-color: #f3efe9; text-align: center;}
.lead_col h2 { padding: 0 0 50px; font-size: 28px; line-height: 1.5; opacity: .5;}
.lead_col * { width: 90%; max-width: 1200px; margin: 0 auto;}

@media screen and (max-width: 600px) {
	.lead_col { padding: 60px 0; margin: 0 0 60px;}
	.lead_col h2 { padding: 0 0 20px; font-size: 24px;}
	.lead_col p { text-align: left;}
}

/* ---------------------------------------------------
Box Local Navigation
------------------------------------------------------ */
.box_lnav{ text-align: center; padding: 100px 0 90px;}
.box_lnav .txt_01{ margin: 0 0 50px; display: inline-block; font-size: 16px; line-height: 1.1; color: #c23e6c; position: relative; }
.box_lnav .lnav{ display: flex; justify-content: flex-start; flex-wrap: wrap; align-items: stretch;}
.box_lnav .lnav li{ width: calc( 33.3% - 10px ); margin: 0 5px;}
.box_lnav .lnav li a{ display: flex; justify-content: center; align-items: center; font-size: 18px; line-height: 1.6; height: 100px; width: 100%; border-top: solid 3px #dfd6d1; position: relative; padding: 0 0 10px;}
.box_lnav .lnav li a::after{ content: ""; display: block; width: 8px; height: 8px; border-bottom: solid 3px #dfd6d1; border-right: solid 3px #dfd6d1; transform: rotate(45deg); position: absolute; bottom: 15px; left: 0; right: 0; margin: 0 auto; transition: bottom 0.5s;}
.box_lnav .lnav li a:hover{ text-decoration: none;}
.box_lnav .lnav li a:hover::after{ bottom: 10px;}

@media screen and (max-width: 600px) {
.box_lnav{ display: none;}
}


/* ---------------------------------------------------
section
------------------------------------------------------ */
section { margin-bottom: 140px;}

section h2 .main { font-size: 35px; line-height: 1.4; padding: 0 0 10px;}
section h2 .main small { font-size: 26px; display: block;}

section .cmn_tit_01 .en { padding: 0 0 50px;}
section dl { display: flex; justify-content: space-between;}
section dt,section dd { width: 49%;}

section .list_tit dt { padding: 9px 0; font-size: 18px; text-align: center; color: #fff; background-color: #b9b0ab;}
section .list_tit dd { padding: 9px 0; font-size: 18px; text-align: center; color: #fff; background-color: #b59561;}

section { counter-reset: listnum; list-style: none;}
section dl:not(.list_tit) { padding: 35px 0; border-bottom: 1px solid #dfd6d1;}
section dl:not(.list_tit) dt { color: #9a847b; text-indent: -1em; padding: 0 4% 0 1em;}
section dl:not(.list_tit) dt::before { counter-increment: listnum; content: counter(listnum) ".";}
section dl:not(.list_tit) dd { color: #9c7d49;}
section dl:not(.list_tit) dd .photo { margin-top: 10px; }
section dl:not(.list_tit) dd>img { float: left; margin-right: 15px; }

/* clearfix */
section dl:not(.list_tit) dd:has(>img)::after { content: ""; display: block; clear: both; }

@media screen and (max-width: 600px) {
	section { margin-bottom: 30px;}
	section .inner_md { border-bottom: 1px solid #dfd6d1;}
	
	section h2 .main { font-size: 22px; padding: 0 0 5px;}
	section h2 .main small { font-size: 15px;}

	section .cmn_tit_01.acc_tit { position: relative; padding: 0 0 30px; text-align: left;}
	section .cmn_tit_01.acc_tit::before { content: ''; display: block; width: 10px; height: 9px; background: #d5d0cd; clip-path: polygon(100% 0, 0 0, 50% 100%); position: absolute; right: 15px; top: calc(50% - 15px); transition: transform .3s;}
	section .cmn_tit_01.acc_tit.active::before { transform: rotate(180deg);}
	section .cmn_tit_01 .en { padding: 0;}
	section .list_tit { display: none;}
	section dl { display: block;}
	section dt,
	section dd { width: 100%;}
	section dl:not(.list_tit):nth-of-type(2) { padding-top: 0;}
	section dl:not(.list_tit):last-of-type { border-bottom: none;}
	section dl:not(.list_tit) dt { padding: 0;}
	section dl:not(.list_tit) dt::before { content: "ご要望" counter(listnum); display: block; width: 100%; background-color: #b9b0ab; color: #fff; text-indent: 0; margin: 0 0 10px; padding: 5px 10px; box-sizing: border-box; opacity: 1;}
	section dl:not(.list_tit) dd { margin: 20px 0 0;}
	section dl:not(.list_tit) dd::before { content: "改善事項"; display: block; width: 100%; background-color: #b59561; color: #fff; text-indent: 0; margin: 0 0 10px; padding: 5px 10px; box-sizing: border-box; opacity: 1;}
	section dl:not(.list_tit) dd .photo { display: flex; gap: 0 5px; }
	section dl:not(.list_tit) dd .photo img { width: min(calc(50% - 2.5px), 200px); }
}