@charset "UTF-8";
html, body, div, span, object, h1, h2, h3, h4, h5, h6, p, img, strong, menu, nav, section
{margin:0; padding:0; border:0; outline:0; vertical-align:baseline; background:transparent; box-sizing: border-box;}

*, *::before, *::after {-webkit-box-sizing: border-box; box-sizing: border-box;}

html {font-size: 62.5%; width: 100%; background-color: #efefef;}
body {width: 100%; margin: 0; font-family: 'Noto Sans JP', sans-serif; color: #00253D; font-size: 1.6rem; letter-spacing: .02em; font-weight: 400; line-height: 1.7; -webkit-text-size-adjust: 100%; text-size-adjust: 100%; /*background-color: #EBE9E3;*/}
img{max-width: 100%; height: auto; vertical-align: top;}
a{text-decoration: none; transition: .35s;}
nav.pc a, a.button, .floating a, .main__button a, .payment__main__button {transition: .35s;}

.main__button{position: fixed; width: 320px; top: 44%; right: 8vw;}
.main__button a{display: block;}

.floating {position: fixed; max-width: 413px; width: 86%;	left: 50%; bottom: 8px; transform: translateX(-50%) translateY(-8px); display: none; transition: all .5s;}
.floating a {display: block; width: auto; margin: 20px 0 10px; text-decoration: none;}

/** メインボックス *********************************************************************************************/
header {width: 100%; max-width: 480px; height: auto; padding: 12px 0;}
header a {display: block; height: auto; width: 150px; margin: 0 auto;}

.content {width: 100%; max-width: 480px; overflow: hidden; margin: 0 auto; background-color: #fff;}

.dot__box {background-image: url(../img/2025-seminar/dot.jpg); background-size: 12px 12px; background-repeat: repeat; padding: 40px 0 120px;}

.grade {display: block; font-weight: 200; font-size: 80px; line-height: 1; background: linear-gradient(#8965D7, #EE4B8E 50%, #E5862E); font-family: "Montserrat", serif; background-clip: text; -webkit-text-fill-color: rgba(255,255,255,0); opacity: 0.4;}

.fv__box {position: relative; margin: 0 0 120px;}

.fv__box__cta {position: absolute; bottom: 63px; left: 17px; width: 260px;}

.special__box {width: 100%; height: auto; transform: skewY(-9deg); margin: -50px 0 66px; padding: 38px 0; background-image: linear-gradient(to right, #FF512F, #DD2476);}
.special__box h2 {position: absolute; top: -56px; left: 5%; transform: skewY(9deg);}
.special__box h2.last__title {width: fit-content; left: 0; right: 0; margin: 0 auto; transform: skewY(9deg);}
.special__box .main__box {transform: skewY(9deg);}


.blue__box {background-color: #00253D; padding: 50px 0 0; color: #fff; overflow: hidden;}
.center__text {text-align: center;}

.reason__box {padding: 0 0 16px;}
.reason__box h2 {width: fit-content; margin: 0 auto; font-size: 88px;}
.sub__text {text-align: center; font-weight: bold; font-size: 20px; line-height: 1.6; margin: 20px 0 36px;}
.sub__text span {font-size: 36px;}
.sub__text span.big__text {font-size: 44px;}
.reason__box__img {width: 95%; margin: 0 auto;}
.reason__box__img p {margin: 0 0 16px;}
.arrow {width: 68%; margin: 16px auto 30px;}

.career__box {background-color: #F6F6F1;}
.career__box h2 {width: fit-content; margin: 0 auto; font-size: 88px;}
.career__box__img {width: 95%; margin: 0 auto;}
.career__box__img p {margin: 0 0 16px;}
.career__box__img p:last-child {margin: 0;}
.career__box .sub__text {line-height: 1.1; margin: 30px 0 36px;}
.career__box .arrow {width: 68%; margin: 32px auto 30px;}

.result__box {padding: 40px 0 20px;}
.result__box h2 {width: fit-content; margin: 0 auto; font-size: 88px;}
.result__box .sub__text {font-size: 26px; line-height: 1.8; margin: 30px 0 36px; letter-spacing: .2rem;}

.other__box {overflow: hidden; padding: 20px 0;}
.other__box ul {list-style: none; padding: 0; max-width: 94%;}
.other__box li {margin: 0 0 20px;}
.others {position: relative; width: fit-content; font-size: 36px; margin: 0 auto; padding: 10px; letter-spacing: .2rem;}
.others:before, .others:after {content: ''; display: inline-block; position: absolute; width: 26px; height: 60px;}
.others:before {left: -24px; bottom: 5px; background-image: url(../img/2025-seminar/l__line.png); background-size: contain; background-repeat: no-repeat; vertical-align: middle;}
.others:after {right: -24px; bottom: 5px; background-image: url(../img/2025-seminar/r__line.png); background-size: contain; background-repeat: no-repeat; vertical-align: middle;}

.success__box {background-color: #F6F6F1; padding: 20px 0 10px; overflow: hidden;}
.success__box h2 {width: 100%; margin: 20px 0;}
.success__box p {width: 70%; margin: 20px auto;}

.seminar__box {overflow: hidden;}
.seminar__box__in {background-color: #f0f0f0; padding: 16px 0;}
.seminar__box__in__top {position: relative; background-color: #F6F6F1; height: 60px;}
.seminar__box__in__top::before {content: ''; position: absolute; bottom: 0; left: 0; border-bottom: 12vw solid #f0f0f0; border-left: 100vw solid transparent;}
.seminar__box h2 {width: fit-content; margin: 0 auto; font-size: 88px;}
.seminar__box .sub__text {font-size: 18px; line-height: 1.5; margin: 30px 0 36px; letter-spacing: .2rem;}
.seminar__box .sub__text span {font-size: 30px;}
.seminar__box__out {background-color: #00253D; overflow: hidden; padding: 36px 0 0;}
.seminar__box__out__top {position: relative; background-color: #f0f0f0; height: 60px;}
.seminar__box__out__top::before {content: ''; position: absolute; bottom: 0; left: 0; border-bottom: 12vw solid #00253D; border-left: 100vw solid transparent;}
.g__fukidashi {position: relative; width: 90%; height: auto; margin: -40px auto;}

.voice__box {background-color: #F6F6F1; padding: 40px 0 26px;}
.voice__box h2 {width: fit-content; margin: 0 auto; font-size: 88px;}
.voice__box__img {width: 90%; margin: 0 auto;}
.voice__box__img p {margin: 0 0 8px;}
.voice__box .sub__text {line-height: 1.7; margin: 30px 0 36px; font-size: 18px; letter-spacing: .2rem;}
.voice__box .sub__text span {font-size: 34px;}

/** サブボックス ********************************************************************************/
.main__box {width: 90%; margin: 30px auto 40px;}
.img__box {width: 86%; margin: 30px auto 40px;}
.cta__box {width: 90%; margin: 30px auto 40px;}
.main__box .cta__box {width: 100%;}
.text__box {max-width: 90%; margin: 0 auto 30px; text-align: center;}

.fukidashi {position: relative; display: inline-block; background: #fff; color: #00253d; padding: 8px 20px; margin: 0 0 26px; font-weight: bold; letter-spacing: .2em;}
.fukidashi:before, .fukidashi:after {content: ""; position: absolute; left: 50%;}
.fukidashi:before {bottom: -28px; margin-left: -15px; border: 10px solid transparent; border-top: 18px solid #FFF; z-index: 2;}
.fukidashi p {margin: 0; padding: 0;}

.company__box {padding: 50px 0 120px;}
.company__box h2 {width: fit-content; margin: 0 auto 70px; text-align: center;}
.company__box h2 .black {font-size: 22px; background-color: unset; color: #00253d; letter-spacing: .05em;}
.company__box .company__list p {margin: 30px 0 50px;}

.company__logo {text-align: center; width: 70%; margin: 20px auto 80px;}
.company__logo p {text-decoration: underline; margin: 20px 0;}

footer {font-family: "Montserrat", serif; background-color: #00253D; color: #fff; text-align: center; padding: 20px; font-weight: 300;}


a.cta {display: block; transition: .35s;}

@media screen and (min-width: 481px) {
  a.cta:hover {transition: .35s; filter: brightness(1.25); transform: scale(1.05, 1.05);}
}
@media screen and (max-width: 480px) {
  a.cta:active {transition: .35s; filter: brightness(1.25); transform: scale(1.05, 1.05);}
}