@charset "UTF-8";

.intro .ttl{font-size: 4vw;font-family: var(--mincho);font-weight: 600;}

.features{background: var(--pink02);padding: 13% 10% 8%;margin-bottom: 2vw;}
.features .ttl{font-size: 4.4vw;font-family: var(--mincho);margin-bottom: 7vw;line-height: 1.6;}
.features li{border-bottom: 1px solid #bebebe;padding-bottom: 3vw;margin-bottom: 7vw;position: relative;}
.features li:last-child{margin-bottom: 0;padding-bottom: 0;border-bottom: none;}
.features li .read {margin-bottom: 5vw;position: relative;z-index: 1;}
.features li .read .en,.read .jp,.read .mini{display: block;line-height: 1.6;}
.features li .read .en{font-size: 3.4vw;letter-spacing: .07em;font-weight: 300;font-family: trajan-pro-3;font-optical-sizing: auto;color: #777;}
.features li .read .jp{font-size: 4.8vw;color: var(--pink);font-family: var(--mincho);}
.features li .read .mini{font-weight: bold;margin-bottom: 2vw;}

.features li .number{font-size: 24vw;color: #fff;position: absolute;top: -8vw;right: 0;font-style: italic;z-index: 1;font-family: trajan-pro-3;font-optical-sizing: auto;font-weight: 400;}
.features li .list span{display: block;text-indent: -1.8em;padding-left: 2em;margin-bottom: 3vw;counter-increment:number;}
.features li .list span:before {content: counter(number);display:inline-block;font-size: 3.2vw;color: #fff;background: var(--pink);padding: 6px 6px 0 0px;width: 20px;height: 20px;text-align: right;border-radius: 30px;margin: 0 4px 3px 0;line-height: 0.8;font-family: trajan-pro-3;font-optical-sizing: auto;font-weight: 400;}

.conduct{margin-bottom: 10vw;}
.conduct ul{margin-bottom: 4vw;}
.conduct li {padding: 0 0 3vw 1.4em;text-indent: -1.4em;line-height: 1.4;border-bottom: 1px dashed #ddd;margin-bottom: 3vw;font-weight: bold;}
.conduct li:last-child{margin-bottom: 0;padding-bottom: 0;border-bottom: none;}
.conduct li:before {margin-right:8px;font-family:icon;content: '\e900';color: var(--pink);border-radius: 6px;font-size: 3vw;}

.seminar{padding: 0;}
.seminar img{width: 100%;margin-bottom: 4vw;}
.seminar ul{margin-bottom: 8vw;}
.seminar li{text-indent: -0.6em;padding-left: 1em;margin-bottom: 2vw;line-height: 1.4;border-bottom: 1px dashed #ddd;padding-bottom: 2vw;}

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

.intro .ttl{font-size: 20px;}

.features{padding: 80px 0;margin-bottom: 0px;}
.features-inner{width: clamp(730px, 90%, 1200px);margin: 0 auto;}
.features .ttl{font-size: 20px;margin-bottom: 50px;}
.features li{padding-bottom: 30px;margin-bottom: 40px;}
.features li:last-child{margin-bottom: 0;padding-bottom: 0;border-bottom: none;}
.features li .read {margin-bottom: 40px;}
.features li .read .en{font-size: 12px;}
.features li .read .jp{font-size: 30px;}
.features li .read .mini{margin-bottom: 10px;}

.features li .number{font-size: 160px;top: -10px;}
.features li .list span{margin-bottom: 8px;}
.features li .list span:before {font-size: 12px;}

.conduct{margin-bottom: 90px;}
.conduct ul{margin-bottom: 30px;}
.conduct li {padding: 0 0 20px 1.4em;margin-bottom: 20px;}
.conduct li:last-child{margin-bottom: 0;padding-bottom: 0;border-bottom: none;}
.conduct li:before {font-size: 15px;}

.seminar{padding: 0;}
.seminar img{margin-bottom: 40px;}
.seminar ul{margin-bottom: 40px;display: -webkit-flex;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: flex-start;justify-content: flex-start;-webkit-align-items: flex-start;align-items: flex-start;gap: 0 15px;}
.seminar li{margin-bottom: 14px;border-bottom: 1px dashed #ddd;padding-bottom: 14px;width: -webkit-calc((100% - 60px) / 4);width: calc((100% - 30px) / 3);}



}