@charset "UTF-8";

/* ============================================= 
sp
================================================*/

.menu-about .check li::before{ -webkit-transform: none; transform: none; top: 0; }
.menu-about .check .normal{ font-weight: normal; display: block; margin-top: 2vw; }

.about-list dd{ text-align: justify; text-justify: inter-ideograph; }
.about-list .indent{text-indent: -1em; padding-left: 1em;}
.about-list .strong{display: block;color: var(--gold);font-weight: 600;font-family: var(--mincho);font-size: 4.4vw; margin-bottom: 2vw;}

.detail{border: 1px solid #d4c6b0; padding: 3vw;}
.detail>p{text-align: center;}
.detail b{color: var(--gold);}
.detail li{margin-bottom: 1vw;}
.detail li:last-child{margin-bottom: 0;}

.color-box{background: #fff; padding: 4vw; margin-top: 4vw; }
.color-box ul{ display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; justify-content: center; -webkit-box-align: start; align-items: flex-start; }
.color-box li{ line-height: 1; text-align: center; width: 32%; margin: 0 0.5% 3vw; }
.color-box li:nth-child(4),.color-box li:nth-child(5){margin: 0 3%;}
.color-box .color{ content: ""; display: block; border-radius: 50vw; width: 14vw; height: 14vw; margin: 0 auto 1vw; }
.color-box .clear{ border: 1px solid #666; background: #fcfbf9; }
.color-box .pink{ background: #ff828c; }
.color-box .rose{ background: #ba3a4f; }
.color-box .fig{ background: #c26e60; }
.color-box .brown{ background: #a4493d; }
.color-box .num{line-height: 1.2; font-size: 3.4vw; }


/* ============================================= 
pc
================================================*/

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

.menu-about .check .normal{ margin-top: 10px; }
	
.about-list>ul{display: block;}
.about-list>ul li{width: 100%;}
.about-list dd{display: -webkit-box; display: -webkit-flex; display: flex;-webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: start; align-items: flex-start; }
.about-list dd img{width: 33%; max-width: 550px; margin-bottom: 0; }
.about-list .txt{width: 65%;}
.about-list .strong{font-size: 18px; margin-bottom: 10px;}
.about-list .detail{width: 100%;margin-top: 20px;}
.about-list .detail ul{display: -webkit-box; display: -webkit-flex; display: flex;-webkit-flex-wrap: wrap; flex-wrap: wrap;}
.about-list .detail li{width: auto;margin-right: 20px;}
	
.detail{ padding: 15px;}
.detail li{margin-bottom: 5px;}
	
.color-box{ padding: 15px 20px; margin-top: 20px; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; }
.color-box li{ width: auto; margin: 5px 15px; }
.color-box li:nth-child(4),.color-box li:nth-child(5){margin: 5px 15px;}
.color-box .color{ width: 50px; height: 50px; margin: 0 auto 5px; }
.color-box .num{ font-size: 12px; }

}