@charset "UTF-8";

/* concept
----------------------------------------------- */
.top-concept {padding: 12vw 0 6vw;}
.top-concept-content { width: 90vw; margin: auto; }
.top-concept-image { width: 100%; margin: auto; position: relative; }
.top-concept-image .image01 { width: 78vw; }
.top-concept-image .image02 { width: 50vw; margin: -14vw -5vw 0 auto; z-index: 1; position: relative; }
.top-concept-text { width: 100%; }
.top-concept-title { margin: -2.5vw 0 5vw; }
.top-concept-title .en {margin-bottom: 5vw;font-size: 3.8vw;font-family: 'Cinzel';letter-spacing: 0.4vw;display: block;}
.top-concept-title .jp { font-size: 5vw; font-family: var(--mincho); font-weight: 600; line-height: 1.6; display: block; }
.top-concept-comment { margin-bottom: 6vw; }
.top-concept-comment p {margin-bottom: 4vw;font-size: 3.6vw;text-align: justify;text-justify: inter-ideograph;font-feature-settings: "palt";line-height: 1.8;letter-spacing: 0.04em;}
.top-concept-more { margin-left: 0; }

.features{background: #fdf9f9;padding: 10% 0;}
.features-inner{width: 80%;margin: 0 auto;}
.features li{margin-bottom: 8vw;}
.features li img{width: 100%;margin-bottom: 3vw;}
.features li p { margin-bottom: 4vw; font-size: 3.6vw; font-feature-settings: "palt";letter-spacing: .04em;text-align: justify;line-height: 1.7;}
.features li p.read{font-size: 4.8vw;font-family: var(--mincho);color: var(--beige);margin-bottom: 0;}

/* =============================================
pc-size 
================================================*/
@media screen and (min-width: 736px) { 

/* concept
----------------------------------------------- */
.top-concept {padding: 80px 0 0;}
.top-concept-content { width: 960px; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: flex-start; align-items: flex-start; }
.top-concept-text { width: 500px; -webkit-order: 1; order: 1; }
.top-concept-image { width: 600px; margin: 0 -200px 0 0; -webkit-order: 2; order: 2; }
.top-concept-image .image01 { width: 100%; }
.top-concept-image .image02 { width: 390px; margin: -65px -120px 0 auto; }
.top-concept-title { margin: 0 0 20px; }
.top-concept-title .en { margin-bottom: 20px; font-size: 16px; letter-spacing: 2px; }
.top-concept-title .jp { font-size: 26px; }
.top-concept-comment { margin-bottom: 40px; }
.top-concept-comment p { margin-bottom: 10px; font-size: 15px; }

.features{padding: 90px 0 60px;margin: -60px auto 10px;}
.features-inner{width: 960px;}
.features li{margin-bottom: 20px;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between;-webkit-align-items: flex-start;-ms-flex-align: start;align-items: flex-start;}
.features li img{width: 400px;margin: 0 30px 0 0;}
.features li .text{width: 100%;}
.features li p {margin-bottom: 30px;font-size: 15px;line-height: 1.8;}
.features li p.read{font-size: 22px;}

}