@charset "UTF-8";

.intro{margin-bottom: 10vw;background: url(../../images/about/intro.jpg) top right -34vw no-repeat;background-size: cover;padding: 10vw 0 0;position: relative;min-height: 60vw;margin-bottom: 76vw;}
.intro-in{position: absolute;top: 54vw;width: 100%;margin: 0 auto;padding: 0 7vw;}
.intro .en{color: #444;font-size: 12vw;font-family: trajan-pro-3;font-optical-sizing: auto;line-height: 1;text-align: center;color: var(--pink);margin-bottom: 5vw;}
.intro .read{text-align: center;font-family: var(--mincho);font-size: 5vw;margin-bottom: 2vw;}

.feature{position: relative;margin-bottom: 10vw;}
.feature:before {content: '';width: 54vw;height: 125vw;background: var(--pink02);z-index: -1;position: absolute;top: 45vw;right: -5vw;}

.feature .decoen{color: var(--pink);font-size: 10vw;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.2;z-index: 2;position: absolute;top: 34vw;right: 0;line-height: 1;}
.feature .flex img{width: 83%;margin-bottom: 10vw;}
.feature .flex dl{margin-bottom: 6vw;}
.feature .flex dt{font-weight: bold;font-size: 4.2vw;color: var(--pink);}

.course{padding: 5%;background: var(--pink02);}
.course .ttl{color: var(--pink);font-weight: bold;text-align: center;font-size: 4.4vw;border-bottom: 1px solid #eebbc6;padding-bottom: 3vw;margin-bottom: 3vw;}
.course li{background: #fff;padding: 4%;margin-bottom: 2vw;border-radius: 8px;text-align: center;}
.course li span{font-family: trajan-pro-3;font-optical-sizing: auto;display: block;color: var(--pink);text-align: center;}


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

.intro{margin-bottom: 10vw;background: url(../../images/about/intro.jpg) top center no-repeat;background-size: cover;padding: 0 0 60px;min-height: 500px;margin-bottom: 0;}
.intro-in{position: relative;top: 0;width: clamp(730px, 90%, 1200px);margin: 0 auto;padding: 0;}
.intro .en{font-size: 110px;margin-bottom: 30px;text-align: left;color: #fff;position: absolute;line-height: 0.9;left: -5vw;}
.intro .read{text-align: left;font-size: 30px;margin-bottom: 20px;position: relative;z-index: 1;color: var(--pink);padding-top: 10vw;}
.intro p{width: 47%;line-height: 2;}

.feature{position: relative;margin-bottom: 100px;}
.feature:before {content: '';width: 360px;height: 390px;background: var(--pink02);z-index: -1;position: absolute;top: -100px;right: -220px;}

.feature .decoen{font-size: 41px;font-family: trajan-pro-3;top: 120px;left: -20px;position: absolute;right: auto;text-align: left;}
.feature .flex{display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: flex-start;align-items: flex-start;}
.feature .flex img{max-width: 380px;margin: 0 3vw 0 0;width: 90%;}
.feature .flex .text{padding: 0;width: 100%;}
.feature .flex dl{margin-bottom: 30px;}
.feature .flex dt{font-size: 20px;}
.feature .flex dd{padding: 0;}

.course{padding: 40px;}
.course .ttl{font-size: 20px;padding-bottom: 20px;margin-bottom: 20px;}
.course ul{display: -webkit-box;display: -webkit-flex;display: flex;-webkit-justify-content: flex-start;-webkit-flex-wrap: wrap;flex-wrap: wrap;gap: 20px 20px;}
.course li{padding: 20px;margin-bottom: 0;width: calc((100% - 60px) / 4);}
.course li span{font-family: trajan-pro-3;font-optical-sizing: auto;display: block;color: var(--pink);text-align: center;}


}