@charset "UTF-8";

.layer_rich_main::before{content: "";display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: linear-gradient(135deg,rgba(0,0,0,0.6),rgba(0,0,0,0) 60%);z-index: 1;}
.layer_rich_main .page_tit{font-size: 3vw;filter: none;}
.layer_rich_main .page_tit span{font-size: 0.4375em;display: inline-block;padding: 0.2em 1.5em;background: #3e1b59;letter-spacing: 0;}
.layer_rich_main .page_tit p{margin-top: 0.4em;filter: drop-shadow(0 0.03em 0.04em rgba(0,0,0,0.6)) drop-shadow(0 0.03em 0.04em rgba(0,0,0,0.6));}
.layer_rich_main .page_tit p big{font-size: 1.65em;line-height: 1;background: linear-gradient(135deg, #f1dea2, #d5bd73);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.layer_rich_main .page_tit::before{display: none;}

.contents_item{display: flex;flex-wrap: wrap;gap: 50px 0;justify-content: space-between;}
.contents_item > dt{width: 100%;display: flex;flex-direction: column;}
.contents_item > dd{width: 48%;display: flex;flex-direction: column;}

.merit_tit{background: #743579;font-size: 25px;padding: 0 0 0 6.6em;color: #fff;letter-spacing: 0.1em;font-weight: 600;height: 3.5em;display: flex;align-items: center;line-height: 1.2;}
.merit_tit i{width: 5.2em;height: 3.5em;background: url("../img/merit_tit.svg") no-repeat center center/contain;position: absolute;left: 0.2em;top: -1em;display: flex;justify-content: center;align-items: center;text-align: center;line-height: 1;font-family: "EB Garamond", serif;letter-spacing: 0;font-size: 1.16em;z-index: 1000;}
.merit_tit big{font-size: 1.55em;line-height: 1;}
.merit_tit small{font-size: 0.7em;}

.merit_contents{padding: 30px 22px;border-right: 2px solid #bea1c0;border-bottom: 2px solid #bea1c0;border-left: 2px solid #bea1c0;flex: 1;}
.merit_contents .note{margin-top: 1.2em;}
.merit_contents a{color: #0059b2;}

.merit_tit_s{font-size: 19px;}
.merit_tit_s::first-letter{color: #a68d50;}
.merit_tit_s + *{font-size: 15.5px;letter-spacing: 0;margin: 0.3em 0 0 1.5em;}

.dot_color p{text-indent: -1em;padding-left: 1em;}
.dot_color p::first-letter{color: #a68d50;}

#merit01 .merit_tit{display: flex;padding: 0;height: 7em;}
#merit01 .merit_tit div{padding: 3.2em 0 1em 1.5em;width: 50%;}
#merit01 .merit_tit span{padding: 0 0 0 2em;background: #9d71a1;width: 50%;display: flex;align-items: center;height: 100%;}
.merit01_item01{display: flex;justify-content: space-between;}
.merit01_item01 > dt{width: 64.3%;display: flex;justify-content: space-between;flex-wrap: wrap;}
.merit01_item01 > dd{width: 32.6%;}
.merit01_item01 h5{background: #a68d50;padding: 0.3em;text-align: center;font-size: 19px;color: #fff;width: 100%;}
.merit01_item01 > dt h6{font-size: 24px;margin-top: 0.8em;}
.merit01_item01 > dt h6 + p{margin: 0.5em 0 1.5em;letter-spacing: 0.1em;}
.merit01_item01 > dt figure{margin-top: auto;}
.merit01_item01 > dt div{display: flex;flex-direction: column;width: 47.8%;}
.merit01_item01 > dd .dot_color{margin-top: 1em;}

#merit02 .merit_contents{display: flex;justify-content: space-between;}
#merit02 .merit_contents .copy{width: 49.5%;letter-spacing: 0.1em;}
#merit02 .merit_contents .copy .note{text-align: right;}
#merit02 .merit_contents figure{width: 41%;}

#merit03 .merit_contents{display: flex;justify-content: space-between;}
#merit03 .merit_contents .copy{width: 55%;letter-spacing: 0.1em;}
#merit03 .merit_contents .copy .note{margin: 1.2em 0 0 1.8em;}
#merit03 .merit_tit_s{margin-top: 1.2em;}
#merit03 .merit_contents figure{width: 41%;}

#merit04 .merit_contents{display: flex;justify-content: space-between;}
#merit04 .merit_contents .copy{width: 56%;letter-spacing: 0.1em;}
#merit04 .merit_contents figure{width: 41%;}

#merit05 .merit_contents{display: grid;grid-template-columns: 31% 30% 30%;justify-content: space-between;gap: 1.5em 0;grid-template-rows: max-content max-content 1fr;}
#merit05 .merit_contents > p{grid-column: 1/4;}
#merit05 .merit_contents > figure{grid-row: 2/4;}
#merit05 .merit_contents > p.note{grid-column: 2/4;margin-top: 0;}

.merit06_item{display: flex;justify-content: center;margin-top: 1em;}
.merit06_item > *{font-size: 30px;width: 10em;height: 3.67em; display: flex;justify-content: center;align-items: center;text-align: center;line-height: 1.2;}
.merit06_item > * big{font-size: 1.1em;font-family: "EB Garamond", serif;}
.merit06_item > * i{font-size: 0.83em;}
.merit06_item > * span{font-size: 0.97em;}
.merit06_item > * small{font-size: 0.62em;display: block;}
.merit06_item > dt{background: #c6b68f;}
.merit06_item > dt::before{content: "";display: block; width: calc(100% - 12px);height: calc(100% - 12px);border: 1px solid #fff;position: absolute;top:0;bottom:0;left:0;right: 0;margin: auto;z-index: 1;pointer-events: none;}
.merit06_item > dd{background: #e2dac7;margin-left: 3em;}
.merit06_item > dd::before{content: "＜";font-size: 0.83em;line-height: 1;position: absolute;width: 1em;height: 1em;display: block;top: 0;bottom: 0;margin: auto 0;left: -2.3em;}

#merit07 .merit_tit_s{margin-top: 1.2em;}

#merit08 figure{text-align: center;}
#merit08 figure + p{margin-top: 1.5em;}

#merit09 .merit_tit{letter-spacing: 0.05em;}
#merit09 figure{text-align: center;}
#merit09 figure + p{margin-top: 1.5em;}

#merit10 .merit_tit{letter-spacing: 0.03em;}
#merit10 figure{text-align: center;}
#merit10 figure + p{margin-top: 1.5em;}

@media (min-width: 769px) and (max-width: 1024px) {
.merit_tit{font-size: 19px}
}

@media screen and (min-width: 769px) {
.merit_contents a:hover{text-decoration: underline;}
.contents_item > dd:nth-of-type(even){animation-delay: 0.3s;}
}

@media screen and (max-width: 768px) {
.layer_rich_main::before{background: linear-gradient(355deg,rgba(0,0,0,0.6),rgba(0,0,0,0) 60%);}
.layer_rich_main .page_tit{font-size: 8vw;top: 50%;}

.contents_item{gap: 30px 0;}
.contents_item > dd{width: 100%;}

.merit_tit{font-size: 3.3vw;letter-spacing: 0.05em;}

.merit_contents{padding: 15px 15px;}
.merit_contents .note{margin-top: 0.7em;}

.merit_tit_s{font-size: 15px;}
.merit_tit_s + *{font-size: 13px;}

#merit01 .merit_tit{flex-wrap: wrap;padding: 0;height: auto;}
#merit01 .merit_tit div{padding: 0.5em 0 0.5em 6.6em;width: 100%;}
#merit01 .merit_tit span{padding: 0.5em 1em;width: 100%;height: auto;text-align: center;justify-content: center;}
.merit01_item01{flex-wrap: wrap;}
.merit01_item01 > dt{width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;}
.merit01_item01 > dd{width: 100%;}
.merit01_item01 h5{font-size: 15px;padding: 0.2em}
.merit01_item01 > dt h6{font-size: 17px;margin-top: 0.5em;}
.merit01_item01 > dt h6 + p{margin: 0.5em 0 0.5em;}
.merit01_item01 > dt div{width: 48%;}
.merit01_item01 > dd{margin-top: 20px;}
.merit01_item01 > dd .dot_color{margin-top: 0.5em;}

#merit02 .merit_contents{flex-wrap: wrap;}
#merit02 .merit_contents .copy{width: 100%;}
#merit02 .merit_contents figure{width: 100%;margin-top: 15px;}
#merit02 .merit_contents figure img{width: 100%;}

#merit03 .merit_contents{flex-wrap: wrap;}
#merit03 .merit_contents .copy{width: 100%;}
#merit03 .merit_tit_s{margin-top: 0.7em;}
#merit03 .merit_contents figure{width: 100%;margin-top: 15px;}
#merit03 .merit_contents figure img{width: 100%;}

#merit04 .merit_contents{flex-wrap: wrap;}
#merit04 .merit_contents .copy{width: 100%;}
#merit04 .merit_contents figure{width: 100%;margin-top: 15px;}
#merit04 .merit_contents figure img{width: 100%;}

#merit05 .merit_contents{display: grid;grid-template-columns: 100%;justify-content: space-between;gap: 1.2em 0;}
#merit05 .merit_contents > p{grid-column: 1/2;}
#merit05 .merit_contents > figure{grid-column: 1/2;grid-row: 2/3;}
#merit05 .merit_contents > figure img{width: 100%;}
#merit05 .merit_contents > p.note{grid-column: 1/2;}

.merit06_item{margin-top: 1em;justify-content: space-between;}
.merit06_item > *{font-size: 20px;width: 46%;}
.merit06_item > dd{margin-left: 0;}
.merit06_item > dd::before{left: -1.3em;}

#merit07 .merit_tit_s{margin-top: 0.7em;}

#merit08 figure figure img{width: 100%;}

#merit09 .merit_tit{letter-spacing: 0.1em;}
#merit09 figure figure img{width: 100%;}

#merit10 .merit_tit{letter-spacing: 0.1em;}
#merit10 figure figure img{width: 100%;}
}