@charset "UTF-8";

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

.profile dl{margin-bottom: 7%;}
.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 .link a{margin: 0 0 4px 0;}

.menu{margin-bottom: 10vw;}
.top-menu-items li { width: 100%; margin-bottom: 10vw; }
.top-menu-item-image { width: 100%; margin: 0 auto 4vw; position: relative; }
.top-menu-item-image .image { width: 100%; }
.top-menu-item-image .badge { padding: 1vw 1.5vw; color: #fff; font-size: 3.4vw; background: var(--pink); position: absolute; top: 0; left: 0; }

.top-menu-item-title { margin-bottom: 2.5vw; color: var(--pink); font-size: 5.2vw; font-family: var(--mincho); font-weight: 600; line-height: 1.4; }
.top-menu-item-comment { margin-bottom: 4vw; }
.top-menu-item-comment p { font-size: 3.6vw; text-align: justify; text-justify: inter-ideograph; font-feature-settings: "palt"; line-height: 1.8; letter-spacing: 0.04em; }

.event{width: 88%;margin: 0 auto;}
.event img{width: 100%;}


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

.profile{padding: 40px 40px 40px;display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: flex-start;align-items: flex-start;margin-bottom: 120px;}
.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;}
.profile .text{margin-top: 20px;}
.profile .name{margin: 0 0 30px;}
.profile .name span{font-size: 34px;}
.profile img{width: 230px;margin: 0 3vw 0 0;}

.menu{margin-bottom: 60px;}
.top-menu-items {display: -webkit-box;display: -webkit-flex;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: space-between;justify-content: space-between;gap: 0 30px;}
.top-menu-items li {padding-bottom: 30px;margin-bottom: 60px;position: relative;width: calc((100% - 60px) / 3);}
.top-menu-items li:nth-child(3n+2) { -moz-transition-delay: 0.2s; -o-transition-delay: 0.2s; -webkit-transition-delay: 0.2s; transition-delay: 0.2s; }
.top-menu-items li:nth-child(3n) { -moz-transition-delay: 0.4s; -o-transition-delay: 0.4s; -webkit-transition-delay: 0.4s; transition-delay: 0.4s; }
.top-menu-item-image { margin-bottom: 20px; }
.top-menu-item-image .badge { padding: 5px 8px; font-size: 14px; }
.top-menu-item-title { margin-bottom: 5px; font-size: 22px; }
.top-menu-item-comment { margin: 0; }
.top-menu-item-comment p { font-size: 15px; }
.top-menu-item-more { position: absolute; right: 0; bottom: 0; }

.event{margin: 0 auto;width: clamp(730px, 90%, 960px);}
}