@charset "UTF-8";

.kimiko{padding: 10vw 5vw;background: url(../../images/stylist/profile/kimiko_bg.jpg) top center no-repeat;background-size: cover;}
.kimiko .ttl{color: #fff;text-align: center;font-size: 5.6vw;line-height: 1.6;font-family: var(--mincho);margin-bottom: 6vw;}
.kimiko .sub{color: #fff;line-height: 1.9;margin-bottom: 12vw;}
.kimiko_in{background: #fff;}

.kimiko_in ul{padding: 6% 6% 2%;}
.kimiko_in li{position: relative;margin-bottom: 13vw;display: -webkit-flex;display: flex;-webkit-justify-content: flex-start;justify-content: flex-start;-webkit-align-items: flex-start;align-items: flex-start;}
.kimiko_in li:last-child{margin-bottom: 0;}
.kimiko_in li:after {content: "";width: 0;height: 0;border-style: solid;border-top: 10px solid transparent;border-bottom: 10px solid transparent;border-left: 12px solid #dcc8bb;border-right: 0;position: absolute;bottom: -10vw;left: calc(50vw - 50px);border-right: 10px solid transparent;border-left: 10px solid transparent;border-top: 12px solid var(--pink);}
.kimiko_in li:last-child:after{content: none;}
.kimiko_in li img{width: 40%;margin: 0 3vw 2vw 0;}
.kimiko_in li .batch{font-size: 3.2vw;text-align: center;position: absolute;top: 42vw;left: 5vw;}
.kimiko_in li p span{font-weight: bold;display: block;}
.kimiko_in li:nth-child(2) p span{color: var(--pink);}

.kimiko_in .profile{padding: 8% 6% 4%;position: relative;background: var(--pink02);}
.kimiko_in .profile .name{font-family: var(--mincho);margin: -20vw 0 10vw;line-height: 1.3;}
.kimiko_in .profile .name span{display: block;color: var(--pink);font-size: 7vw;}
.kimiko_in .profile img{width: 74%;margin: 0 0 0 auto;}

.kimiko_in .profile dl{margin-bottom: 7%;}
.kimiko_in .profile .batch{font-family: trajan-pro-3;font-optical-sizing: auto;font-weight: 400;letter-spacing: 0.04em;-ms-writing-mode: tb-rl;writing-mode: tb-rl;opacity: 0.15;color: var(--pink);font-size: 13vw;position: absolute;top: 6vw;line-height: 1;}
.kimiko_in .profile dt span.ttl {margin-right: 2vw;color: var(--text-gray);font-size: 3.8vw;font-weight: 700;}
.kimiko_in .profile dt {margin-bottom: 3vw;display: -webkit-box;display: -moz-box;display: -webkit-flex;display: box;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-align-items: center;align-items: center;font-weight: bold;color: var(--pink);}
.kimiko_in .profile dt:after {content: '';height: 1px;background: var(--pink);flex: 1;margin-left: 2vw;}
.kimiko_in .profile dd{line-height: 1.6;font-size: 3.4vw;margin-bottom: 3%;text-indent: -1em;padding-left: 1em;}
.kimiko_in .profile dd p{display: inline-block;vertical-align: top;line-height: 1.5;margin: 0 3% 0% 0;}
.kimiko_in .profile dd span.bold{color: #615c61;font-weight: bold;}

.kimiko_in .profile .link{}
.kimiko_in .profile .link a{margin: 0 0 4px 0;}

.comment .left {margin-bottom: 10vw;position: relative;}
.comment .left img{width: 100%;height: 250px;object-fit: cover;object-position: top;}

.comment .text {width: 88%;margin: 0 auto;}
.comment .text .sub_ttl{border-left: 2px solid var(--pink);padding-left: 2vw;font-weight: bold;font-size: 4vw;color: var(--pink);margin-bottom: 3vw;}
.comment .text .set{margin-bottom: 10vw;}
.comment .text ul{margin-bottom: 6vw;}
.comment .text li{text-indent: -1em;padding-left: 1em;margin-bottom: 3vw;line-height: 1.6;font-size: 3.4vw;border-bottom: 1px dashed #ddd;padding-bottom: 2vw;text-align: left;}
.comment .text li:last-child{border-bottom: none;}
.comment .text li::before{content: "●";color: var(--pink);font-size: 2vw;position: relative;top: -0.5vw;margin-right: 1vw;}
.comment .text li a{display: inline-block;font-weight: bold;padding: 0 0 0 16px;}
.comment .text li a:after{content: '\f08e';margin-right: 1vw;font-size: 100%;font-family: 'icon';vertical-align: top;padding-left: 1vw;}




/* =============================================
pc-size
================================================*/
@media screen and (min-width: 736px) {
    
.kimiko{padding: 100px 0;background: url(../../images/stylist/profile/kimiko_bg.jpg) top center no-repeat;background-size: cover;}
.kimiko .ttl{font-size: 30px;margin-bottom: 30px;}
.kimiko .sub{margin-bottom: 80px;text-align: center;}
.kimiko_in{width: clamp(730px, 90%, 1200px);margin: 0 auto;}

.kimiko_in ul{padding: 50px 0px 20px;display: -webkit-flex;display: flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: flex-start;align-items: flex-start;}
.kimiko_in li{position: relative;margin-bottom: 13vw;display: -webkit-flex;display: flex;-webkit-justify-content: flex-start;justify-content: flex-start;-webkit-align-items: flex-start;align-items: flex-start;width: 48%;margin: 0 3vw;}
.kimiko_in li:last-child{margin-bottom: 0;}
.kimiko_in li:after {bottom: 100px;left: auto;right: -40px;border-top: 16px solid transparent;border-bottom: 16px solid transparent;border-left: 16px solid var(--pink);border-right: 0;}
.kimiko_in li:last-child:after{content: none;}
.kimiko_in li img{width: 30%;margin: 0 3vw 2vw 0;}
.kimiko_in li .batch{font-size: 12px;top: auto;left: 3vw;bottom: -2vw;}

.kimiko_in .profile{padding: 50px 50px 40px;display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: flex-start;align-items: flex-start;}
.kimiko_in .profile .batch{-ms-writing-mode: tb-rl;writing-mode: tb-rl;opacity: 0.15;color: var(--pink);font-size: 44px;top: 50px;line-height: 1;}
.kimiko_in .profile .name{margin: 0 0 30px;}
.kimiko_in .profile .name span{font-size: 34px;}
.kimiko_in .profile img{width: 270px;margin: 0 3vw 0 0;}

.kimiko_in .profile dl{margin-bottom: 30px;}
.kimiko_in .profile dt span.ttl {margin-right: 2vw;color: var(--text-gray);font-size: 3.8vw;font-weight: 700;}
.kimiko_in .profile dt {margin-bottom: 10px;}
.kimiko_in .profile dt:after {margin-left: 10px;}
.kimiko_in .profile dd{font-size: 14px;margin-bottom: 10px;}
.kimiko_in .profile dd p{display: inline-block;vertical-align: top;line-height: 1.5;margin: 0 3% 0% 0;}
.kimiko_in .profile dd span.bold{color: #615c61;font-weight: bold;}

.kimiko_in .profile .link{display: -webkit-flex;display: flex;-webkit-justify-content: flex-start;justify-content: flex-start;-webkit-align-items: flex-start;align-items: flex-start;}
.kimiko_in .profile .link a{margin: 0 30px 4px 0;}

.comment-wrapper{overflow: visible;/* contain: paint; */}

.comment{display: grid;grid-gap: 0;grid-template-columns: 1fr 1fr;}
.comment .left-in{position: sticky;top: 0;}
.comment .left {margin-bottom: 0;position: relative;width: 40vw;/* height: 1000px; */}
.comment .left img{width: 100%;object-fit: cover;position: absolute;height: 100vh;}

.comment .text {padding: 4vw;margin: 0;width: 60vw;}
.comment .text .midashi03{margin-bottom: 30px;}
.comment .text .sub_ttl{padding-left: 10px;font-size: 20px;margin-bottom: 18px;line-height: 1.6;}
.comment .text .set{margin-bottom: 50px;}
.comment .text ul{margin-bottom: 30px;}
.comment .text li{margin-bottom: 16px;font-size: 14px;padding-bottom: 16px;}
.comment .text li:last-child{border-bottom: none;}
.comment .text li::before{font-size: 9px;top: -2px;margin-right: 4px;}
.comment .text li a{display: inline-block;font-weight: bold;padding: 0 0 0 16px;}
.comment .text li a:after{content: '\f08e';margin-right: 1vw;font-size: 100%;font-family: 'icon';vertical-align: top;padding-left: 1vw;}


}

/* =============================================
retina用
================================================*/
@media screen and (min-width: 736px) and (-webkit-min-device-pixel-ratio: 2), screen and (min-width: 736px) and (min-resolution: 2dppx) { 
.kimiko{background-image: url(../../images/stylist/profile/kimiko_bg@2x.jpg) ;}
}