@charset "UTF-8";
/* lp autumn2025.css */

/* common.css */

/* ▼ common.css ----------------------------- */

/* ===== basic ===== */
* { 
    font-family: 'Noto Sans JP';
    color: initial;
    text-decoration: none; 
    box-sizing: border-box;
    border-collapse: collapse;
}
/* fontのジラ付きを修正する処理 */
.phone_info span {
  display: none;
  visibility: hidden;
  opacity: 0;
  transition: opacity .1s;
}
html.wf-active .phone_info span {
  display: block;
  visibility: visible;
  opacity: 1;
}
section {
    padding-top: 60px;
    padding-bottom: 60px;
}
.wrap {
    max-width: 1200px;
    margin-left:  auto;
    margin-right: auto;
    padding-left: 50px;
    padding-right: 50px;
}
.flex_box {
    display:flex;
    flex-wrap: nowrap;
}
.pc_blk   { display:block !important; }
.sp_blk   { display:none  !important; }

.flex_box.pc_blk   { display:flex !important; }
.flex_box.sp_blk   { display:none  !important; }

/* text */
h1,
h2,
h3,
h4 {
	font-family: 'Noto Sans JP';
    line-height: 1.3;
    letter-spacing: .1em;
}
li,
ol,
dt,
dd,
p,
a,
span {
    line-height: 1.6;
    letter-spacing: .05em;
}
a {
    text-decoration: none !important;
}
li,
p {
    font-size: 16px;
    font-size: min(1.6vw,16px);
}

/* mar & pad */
.marXXL_T { margin-top:100px !important; }
.marXL_T  { margin-top: 80px !important; }
.marL_T   { margin-top: 60px !important; }
.marM_T   { margin-top: 40px !important; }
.marS_T   { margin-top: 30px !important; }
.marXS_T  { margin-top: 20px !important; }
.marXXS_T { margin-top: 10px !important; }

.marXXL_B { margin-bottom:100px !important; }
.marXL_B  { margin-bottom: 80px !important; }
.marL_B   { margin-bottom: 60px !important; }
.marM_B   { margin-bottom: 40px !important; }
.marS_B   { margin-bottom: 30px !important; }
.marXS_B  { margin-bottom: 20px !important; }
.marXXS_B { margin-bottom: 10px !important; }

/* pad */
.padXXL_T { padding-top:100px !important; }
.padXL_T  { padding-top: 80px !important; }
.padL_T   { padding-top: 60px !important; }
.padM_T   { padding-top: 40px !important; }
.padS_T   { padding-top: 30px !important; }
.padXS_T  { padding-top: 20px !important; }
.padXXS_T { padding-top: 10px !important; }

.padXXL_B { padding-bottom:100px !important; }
.padXL_B  { padding-bottom: 80px !important; }
.padL_B   { padding-bottom: 60px !important; }
.padM_B   { padding-bottom: 40px !important; }
.padS_B   { padding-bottom: 30px !important; }
.padXS_B  { padding-bottom: 20px !important; }
.padXXS_B { padding-bottom: 10px !important; }

/* ===== end .basic ===== */





@media screen and (max-width:768px) {
    /* ===== basic ===== */
    .pc_blk { display:none !important;  }
    .sp_blk { display:block !important; }

    .flex_box.pc_blk { display:none !important;  }
    .flex_box.sp_blk { display:flex !important; }

	.align_center_sp { text-align:center; }

    /* 親 */
    section {
        padding-top:    30px;
        padding-bottom: 30px;
    }
    .wrap,
    .innerBox {
        width: 88%;
        max-width: 550px;
        padding-left:  0;
        padding-right: 0;
    }
    .flex_box {
        flex-wrap: wrap;
    }
    /* 見出し */
    h2.h2_blue,
    h2.h2_Licon {
        font-size: 20px;
        margin-bottom: 20px;
    }
    h2.h2_Licon:before {
        margin-right: 10px;
    }
    h3.h3_blue {
        font-size: 16px;
        text-align: left;
        margin-bottom: 10px;
    }
    h1,
    h2,
    h3,
    h4 {
        line-height: 1.5;
    }

    /* 共通になりそう */
    section .card,
    .contact_info .white_box {
        padding: min(4vw, 30px); /* 15px */
    }

	/* mar */
	.marXXL_T { margin-top:50px !important; }
	.marXL_T  { margin-top:40px !important; }
	.marL_T   { margin-top:30px !important; }
	.marM_T   { margin-top:20px !important; }
	.marS_T   { margin-top:10px !important; }
	.marXS_T  { margin-top: 5px !important; }

	.marXXL_B { margin-bottom:50px !important; }
	.marXL_B  { margin-bottom:40px !important; }
	.marL_B   { margin-bottom:30px !important; }
	.marM_B   { margin-bottom:20px !important; }
	.marS_B   { margin-bottom:10px !important; }
	.marXS_B  { margin-bottom: 5px !important; }

	.marXXL_T-SP { margin-top:50px !important; }
	.marXL_T-SP  { margin-top:40px !important; }
	.marL_T-SP   { margin-top:30px !important; }
	.marM_T-SP   { margin-top:20px !important; }
	.marS_T-SP   { margin-top:10px !important; }
	.marXS_T-SP  { margin-top: 5px !important; }
	.mar0_T-SP   { margin-top: 0px !important; }

	.marXXL_B-SP { margin-bottom:50px !important; }
	.marXL_B-SP  { margin-bottom:40px !important; }
	.marL_B-SP   { margin-bottom:30px !important; }
	.marM_B-SP   { margin-bottom:20px !important; }
	.marS_B-SP   { margin-bottom:10px !important; }
	.marXS_B-SP  { margin-bottom: 5px !important; }
	.mar0_B-SP   { margin-bottom: 0px !important; }

	/* pad */
	.padXXL_T { padding-top:50px !important; }
	.padXL_T  { padding-top:40px !important; }
	.padL_T   { padding-top:30px !important; }
	.padM_T   { padding-top:20px !important; }
	.padS_T   { padding-top:10px !important; }
	.padXS_T  { padding-top: 5px !important; }

	.padXXL_B { padding-bottom:50px !important; }
	.padXL_B  { padding-bottom:40px !important; }
	.padL_B   { padding-bottom:30px !important; }
	.padM_B   { padding-bottom:20px !important; }
	.padS_B   { padding-bottom:10px !important; }
	.padXS_B  { padding-bottom: 5px !important; }

	.padXXL_T-SP { padding-top:50px !important; }
	.padXL_T-SP  { padding-top:40px !important; }
	.padL_T-SP   { padding-top:30px !important; }
	.padM_T-SP   { padding-top:20px !important; }
	.padS_T-SP   { padding-top:10px !important; }
	.padXS_T-SP  { padding-top: 5px !important; }
	.pad0_T-SP   { padding-top: 0px !important; }

	.padXXL_B-SP { padding-bottom:50px !important; }
	.padXL_B-SP  { padding-bottom:40px !important; }
	.padL_B-SP   { padding-bottom:30px !important; }
	.padM_B-SP   { padding-bottom:20px !important; }
	.padS_B-SP   { padding-bottom:10px !important; }
	.padXS_B-SP  { padding-bottom: 5px !important; }
	.pad0_B-SP   { padding-bottom: 0px !important; }

    /* ===== end basic ===== */
}





/* ▼ index.css ----------------------------- */

/* index.css */

/* ===== color ===== */
.bg_beige     { background-color:#fffff7; }
.bg_blue      { background-color:#37beee; }
.bg_lightblue { background-color:#f0f7fa; }

/* ===== MV ===== */
#mv,
#mv img {
	width: 100%;
}
#mv {
	padding-top: 89px;
}


/* ===== SEEDの7つの特徴 ===== */
.bg_check {
	position: relative;
	overflow: hidden;
	z-index: 0;
}
.bg_check:after {
	content: "";
	width:  200%;
	height: 200%;
	display: block;
	position: absolute;
	top:  -50%;
	left: -50%;
	background-image: url(../../../img/lp/summer2025/check_bg.png);
	background-repeat: repeat;
	background-position: top center;
	background-size: 60px;
	opacity: .2;
	z-index: -1;
	transform: rotate(10deg);
	pointer-events: none;
}
#tk_wrap h2 {
	width: 100%;
	margin-bottom: 50px;
}
#tk_wrap h2 img {
	width: 100%;
	height: 135px;
	object-fit: contain;
	object-position: center;
}
.tk_flex {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: stretch;
}
.tk_card {
	width: calc(100%/3 - 1%);
	margin-right:  1.5%;
	margin-bottom: 1.5%;
}
.tk_flex .tk_card:nth-of-type(3n),
.tk_flex .tk_card:last-of-type {
	margin-right: 0;
}


/* ===== 【共通パーツ】2025年夏期講習受講者募集中 ===== */
.formlink_box {
	width: 100%;
	padding: 40px 70px;
	padding-left:  min(5vw,70px);
	padding-right: min(5vw,70px);
	background-color: #fff;
	border-radius: 5px;
	box-shadow: 0px 0px 10px 0px rgba(0, 160, 220, 0.6);
}
.formlink_box h2 {
	width: 100%;
	margin-bottom: 2% !important;
}
.formlink_box h2 img {
	width: 100%;
	height: 30px !important;
	object-fit: contain !important;
	object-position: center !important;
}
.formlink_box .link_head {
	width: 100%;
	display: flex;
	flex-wrap: nowrap;
	align-items: stretch;
	justify-content: space-between;
	margin-bottom: 2%;
}
.formlink_box .link_siryou {
	width: 38%;
}
.formlink_box .link_contact {
	width: 60%;
}
/* ボタン shadow */
.formlink_box .link_head > *,
.formlink_box .link_tel {
	display: block;
	position: relative;
	z-index: 0;
}
.formlink_box .link_head > *:after,
.formlink_box .link_tel:after {
	content: "";
	width:  100%;
	height: 100%;
	display: block;
	position: absolute;
	top:  0;
	left: 0;
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: right bottom;
	z-index: -1;
}
.formlink_box .link_siryou:after {
	background-image: url(../../../img/lp/summer2025/formlink_siryou_bg.png);
}
.formlink_box .link_contact:after {
	background-image: url(../../../img/lp/summer2025/formlink_contact_bg.png);
}
.formlink_box .link_tel:after {
	background-image: url(../../../img/lp/summer2025/formlink_tel_bg.png);
}
/* ボタン hover */
.formlink_box .link_head > * img,
.formlink_box .link_tel img {
	transition: transform .3s;
}
.formlink_box .link_head > *:hover img,
.formlink_box .link_tel:hover img {
	transform: translate(2px,2px);
}


/* ===== 2025年度 合格速報 ===== */
/* SEEDアイコン付き見出し */
.head_seedicon {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: flex-start;
}
h2.head_seedicon {
	font-size: 40px;
	font-weight: 900;
	color: #00A0DC;
}
.head_seedicon:before {
	content: "";
	min-width:  85px;
	min-height: 85px;
	display: block;
	background-image: url(../../../img/lp/summer2025/seed_icon.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	margin-top:   10px;
	margin-right: 20px;
}
h3.head_seedicon {
	font-size: 24px;
	font-size: clamp(22px,2.4vw,24px);
	font-weight: bold;
	color: #f5643c;
}
h3.head_seedicon span {
	line-height: 1;
	color: #f5643c;
}
h3.head_seedicon small {
	font-size: 16px;
	font-weight: bold;
	display: inline-block;
	color: #f5643c;
	margin-left: .5em;
}
h3.head_seedicon:before {
	min-width:  70px;
	min-height: 70px;
	margin-right: 10px;
}

/* 背景 斜めグラデーション */
.bg_grad {
	z-index: 0;
}
.bg_grad:after {
	content: "";
	width:  150%;
	height: 100%;
	display: block;
	position: absolute;
	top:   -1%;
	left: -10%;
	transform: rotate(-3deg);
	background-image: linear-gradient(45deg, rgba(0, 190, 240, 1) 10%, rgba(133, 214, 221, 1));
	background-blend-mode: multiply;
	mix-blend-mode: multiply;
	opacity: .9;
	z-index: -2;
}
/* 合格実績 */
#goukaku_wrap {
	position: relative;
	margin-bottom: 20px;
}
#goukaku_wrap dl div {
	display: flex;
	flex-wrap: nowrap;
}
#goukaku_wrap dl div + div {
	margin-top: 20px;
}
#goukaku_wrap dt {
	min-width: 6.5em;
	font-size: 24px;
	font-size: clamp(20px,2.4vw,24px);
	margin-right: 1em;
	color: #fff;
}
#goukaku_wrap dd {
	margin-top: 3px;
}
#goukaku_wrap ul {
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	justify-content: flex-start;
}
#goukaku_wrap li {
	font-size: 20px;
	font-size: clamp(18px,2vw,20px);
	font-weight: 500;
	font-feature-settings: "palt";
	display: inline-block;
	line-height: 1;
	padding: .35em .5em;
	color: #000;
	background-color: #fff;
	margin-right: 1em;
	margin-bottom: .5em;
}


/* ===== 合格体験記 ===== */
#voice_wrap h2 {
	width: 100%;
}
#voice_wrap h2 img {
	width: 100%;
	height: 60px;
	object-fit: contain;
	object-position: center;
}
#voice_wrap .head_seedicon {
	justify-content: center;
}
.bg_classroom {
	position: relative;
	z-index: 0;
}
.bg_classroom:after {
	content: "";
	width:  100%;
	height: 100%;
	position: absolute;
	display: block;
	top:  0;
	left: 0;
	background-image: url(../../../img/lp/summer2025/classroom_bg.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
	z-index: -1;
}
.voice_card {
	width: 100%;
	padding: 50px;
	padding: min(4vw,50px);
	border-radius: 8px;
	background-color: #fff;
	box-shadow: 0px 0px 10px 0px rgba(91, 91, 91, .5);
}
.voice_card + .voice_card {
	margin-top: 25px;
}
.voice_school {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: center;
}
.voice_card .tagB {
	min-width: 3.5em;
	font-size: 18px;
	font-weight: bold;
	text-align:  center;
	line-height: 1;
	display: inline-block;
	padding: .25em .5em .35em;
	color: #fff;
	background-color: #000;
	border-radius: 50px;
	margin-left: 10px;
}
.voice_flex {
	width: 100%;
	display: flex;
	flex-wrap: nowrap;
	align-items: stretch;
	justify-content: space-between;
	position: relative;
	padding-top: 61px;
}
.voice_flex:before {
	content: "";
	width: 100%;
	height: 1px;
	display: block;
	position: absolute;
	top:  0;
	left: 0;
	margin-top:    20px;
	margin-bottom: 40px;
	background-color: #c8c8c8;
}
.voice_cont {
	width: calc(100%/2 - 1%);
	padding: 0 25px 25px;
	background-color: #f6f6f6;
}
.voice_cont dl {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: space-between;
	margin-top: -20px;
	margin-bottom: 20px;
}
.voice_cont dt {
	width: 100px;
	min-width: 100px;
	text-align: center;
	margin-right: 20px;
}
.voice_cont dt p {
	width: 100%;
	font-weight: 500;
	text-align: center;
	margin-top: .5em;
}
.voice_cont dd {
	width: 100%;
	margin-top: 20px;
}
.voice_cont dd p {
	font-size: 20px;
	font-size: clamp(18px,1.8vw,20px);
	font-weight: 500;
}
.voice_cont > p {
	text-align: justify;
	font-weight: normal;
	line-height: 1.8;
}
.student_cont {
	padding-left: 0;
	padding-right: 10px;
	background-color: transparent;
}
.parent_cont dd p {
	color: #F5643C;
}


/* === そんなお悩み、すべてSEEDで解決！ === */
/* 解決 2カラム */
.kaiketu_wrap .card {
    width: 100%;
    max-width: 1200px;
    justify-content: space-between;
    margin:  0 auto 120px;
    padding: 0 50px;
}
.kaiketu_wrap .card:last-of-type {
    margin-bottom: 0;
}

.kaiketu_wrap .card > div {
    width: calc(50% - 20px);
}
h3.h3_blue {
    font-size: 22px;
    font-size: min(1.8vw,22px);
    font-weight: bold;
    color: #00a0dc;
    margin-bottom: 20px;
}
.kaiketu_wrap .card p {
	line-height: 2;
	text-align: justify;
    font-weight: normal;
}
/* 解決に喜ぶアイコン */
.kaiketuImg {
    width:  17vw;
    height: 17vw;
    max-width:  170px;
    max-height: 170px;
    display: block;
    margin-left: auto;
}
/* pointSVG */
.pointSVG {
    position: relative;
}
.pointSVG img {
    width:  11vw;
    height: 11vw;
    max-width:  120px;
    max-height: 120px;
    position: absolute;
    top: -20px;
}
/* 左右に飛び出す授業風景　写真 */
.kaiketu_wrap .card .left_cont,
.kaiketu_wrap .card .right_cont {
    z-index: 1;
}
.kaiketu_wrap .card:nth-of-type(odd) .left_cont .kaiketuBG,
.kaiketu_wrap .card:nth-of-type(even) .right_cont .kaiketuBG {
    width: calc(50% - 20px);
    height: 36vw;
    max-height: 385px;
    max-width: inherit;
    position: absolute;
    z-index: -1;
    object-fit: cover;
}
/* test */
.kaiketu_wrap .card:nth-of-type(odd) .left_cont .kaiketuBG {
    left: 0;
}
.kaiketu_wrap .card:nth-of-type(odd) .right_cont .kaiketuBG {
    right: 0;
}
.kaiketu_wrap .card:nth-of-type(odd) .left_cont .pointSVG img {
    left: -20px;
}
.kaiketu_wrap .card:nth-of-type(even) .right_cont .pointSVG img {
    left: -20px;
}


/* ===== 料金表 ===== */
h2.h2_icon {
    font-size: 40px;
    font-size: min(2.928vw,40px);
    font-weight: bold;
    line-height: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #000;
    margin-bottom: 50px;
}
h2.h2_icon:before {
    content: "";
    min-width:  2em;
    min-height: 2em;
    display: block;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    margin-right: 20px;
}
.h2_price:before {
	background-image: url(../../../img/lp/summer2025/icon_price.svg);
}


/* --- ▼ 昨年度のCSS --- */
table {
    overflow-x: scroll;
}
.uk-table {
	margin-bottom: 0;
}
.uk-table th {
    font-size: min(1.4vw,16px);
}
table th,
table td {
    font-size: min(1.4vw,16px);
    vertical-align: middle !important;
}
.uk-table td,
.uk-table td {
    padding: 16px min(1.2vw,12px);
}
#price_schedulle p,
#price_schedulle li {
    line-height: 2;
}
.fw_b { font-weight:bold; }
.fc_b { color:#3992d5; }
.fc_r { color:#FF0000; }
.bg_g { background-color:#F5F5F5; }
.va_m { vertical-align:middle !important; }

.comments {
	font-size: 14px;
}
.bg_b {
    font-weight: bold;
    background-color: #EFF9FF;
}
.bg_f {
    background-color: #fff !important;
    vertical-align: middle !important;
}
/*////// 個別指導 START //////*/
.innerBox {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 50px;
}
.innerBox > h2 {
    font-size: 40px;
    font-size: min(4vw,40px);
    color: #0078CE;
    text-align: center;
    margin-bottom: 60px;
}

/* 個別指導 タイトル */
.Individual_header {
    display: flex;
    margin-bottom: 50px;
}
.Individual_header > h3 {
    min-width: 150px;
    font-size: 30px;
    font-size: min(3vw,30px);
    color: #fff;
    background-color: #00a0dc;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 30px;
    padding: min(3vw,30px);
    border-radius: 10px;
    letter-spacing: 0.1em;
    font-weight: bold;
    margin-right: 30px;
}
.Individual_header > ul >li {
    list-style-type: none;
}
/* 個別指導 受講料 */
.Individual_price > h4 , .Individual_schedulle > h4 {
    text-align: center;
    font-weight: bold;
    font-size: 20px;
    font-size: min(2vw,20px);
    margin-bottom: 20px;
}
.Individual_price > h4 > span ,
.Individual_schedulle > h4 > span {
    font-size: 16px;
    font-size: min(1.6vw,16px);
}
.Individual_price > .price_table {
    margin-bottom: 50px;
}
.Individual_price > .price_table > table {
    text-align: center;
    background-color: #fff;
    border: 1.5px solid #00a0dc;
    font-size: 16px;
    font-size: min(1.6vw,16px);
}
.Individual_price > .price_table > table > thead > tr > th {
    text-align: center;
    font-size: 16px;
    font-size: min(1.6vw,16px);
    font-weight: bold;
    background-color: #f0f7fa;
    color: #000;
    border: 1.5px solid #00a0dc;
}
.Individual_price > .price_table > table > tbody > tr > td {
    color: #000;
    border: 1.5px solid #00a0dc;
}
.Individual_price > .price_table > p.comments > span {
    color: red;
}

/* 個別指導 スケジュール */
.Individual_schedulle > h4 > span {
    padding-left: 1em;
}
.Individual_schedulle > .schedulle > table {
    text-align: center;
    background-color: #fff;
    font-size: 14px;
    font-size: min(1.4vw,14px);
}
.Individual_schedulle > .schedulle > table > thead > tr > th {
    text-align: center;
    font-size: 16px;
    font-size: min(1.6vw,16px);
    font-weight: bold;
    background-color: #3992d5;
    color: #fff;
    border: 1.5px solid #00a0dc;
    padding: 0.5em 0;
}
.Individual_schedulle > .schedulle > table > tbody > tr > td {
    padding: 0.5em 0;
    border: 1.5px solid #00a0dc;
    line-height: 1.5;
}
.Individual_schedulle > .schedulle > table > tbody > .bg_b_l > td {
    background-color: #DEF9FF;
    font-weight: bold;
}
.Individual_schedulle > .schedulle > table > tbody > .bg_b_l_2 > td {
    background-color: #EFF9FF;
    font-weight: bold;
}
.Individual_schedulle > .schedulle > table > tbody > tr > .summer_holiday {
    background-color: #F5F5F5;
    vertical-align: middle;
}
/* ////// 個別指導 END ////// */


/* ////// 集団指導 START ////// */
/*　集団指導 タイトル */
.Group_guidance_header {
    display: flex;
    margin-bottom: 50px;
}
.Group_guidance_header > h3 {
    font-size: 30px;
    font-size: min(3vw,30px);
    color: #fff;
    background-color: #83BD3F;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 30px;
    border-radius: 10px;
    letter-spacing: 0.1em;
    font-weight: bold;
    margin-right: 30px;
}
.Group_guidance_header > ul {
    display: flex;
    align-items: center;
    justify-content: center;
}
/* 集団指導 受講料　*/
.Group_guidance_price > h4 {
    font-size: 20px;
    font-size: min(2vw,20px);
    font-weight: bold;
    text-align: center;
    margin-bottom: 20px;
}
.Group_guidance_price > .price_table > table {
    background-color: #fff;
}
.Group_guidance_price > .price_table > table > thead > tr > th {
    text-align: center;
    font-weight: bold;
    color: #000;
    background-color: #f0f7fa;
    border: 1.5px solid #00a0dc;
}
.Group_guidance_price > .price_table > table > tbody > tr > td {
    text-align: center;
    color: #000;
    border: 1.5px solid #00a0dc;
    line-height: 1.5;
}
/* --- 日程表 --- */
/* 見出し */
.Group_guidance_schedulle h4 {
    font-size: min(2vw,20px);
    font-weight: bold;
    text-align: center;
    margin-bottom: 20px;
}
.Group_guidance_schedulle h4 span {
    font-size: min(1.6vw,16px);
    font-weight: 500;
    letter-spacing: .1em;
    margin-left: min(2vw,20px);
}
/* 色 */
span.eleS    { color:#ea4c9b; }
span.juniorS { color:#0078ce; }
span.highS   { color:#62ae04; }

/* 縦書き */
.td_tate {
    text-align: center;
    /* 縦 */
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    /* 数字も縦 */
    -webkit-text-orientation: upright;
    text-orientation: upright;
}
.Group_guidance_schedulle table {
    background-color: #fff;
}
.Group_guidance_schedulle th,
.Group_guidance_schedulle td {
    font-size: min(1.4vw,14px);
    font-weight: bold;
    line-height: 1.5;
    text-align: center;
    vertical-align: middle;
    border: 1.5px solid #00a0dc;
    padding: 0.5em 0;
}
/* 何月 */
.Group_guidance_schedulle th {
    font-weight: bold;
    text-align: center;
    color: #fff;
    background-color: #3992d5;
}
/* 何日 & 何曜日 */
.Group_guidance_schedulle tbody:first-of-type td {
    font-weight: bold;
    text-align: center;
}
/* 何日 */
.Group_guidance_schedulle tbody:first-of-type tr:first-of-type {
    background-color: #def9ff;
}
/* 何曜日 */
.Group_guidance_schedulle tbody:first-of-type tr:nth-of-type(2) {
    background-color: #eff9ff;
}
/* -- 細かい調整 --  */
/* 縦列の一番最初のセル 全部 */
.Group_guidance_schedulle tr > *:first-of-type {
    min-width: min(10vw,110px);
}
/* お盆 */
td.summer_holiday,
td.td_bon {
    font-weight: 500 !important;
}
/* --- ▲ 昨年度のCSS --- */


/* 集団指導 */
.Group_guidance_header > h3 {
	background-color: #f5643c;
}
.price_about_list li,
.comments {
	font-feature-settings: "palt";
	display: flex;
	flex-wrap: nowrap;
	align-items: flex-start;
	justify-content: flex-start;
}
.price_about_list li span,
.comments span {
	min-width: 1em;
	letter-spacing: .15em;
}
.price_about_list li + li {
	margin-top: .75em;
}
.Group_guidance_price table th {
	width: calc(100%/4.5);
}
.Group_guidance_price tr > *:first-of-type {
	width: 100px;
}
#sec_price h4 {
	font-feature-settings: "palt";
	letter-spacing: .2em;
}
#sec_price h4 span {
	margin-left: 1em;
	letter-spacing: .15em;
	color: #333;
}
#sec_price table th,
#sec_price table td {
	letter-spacing: .05em;
}
/* 個別指導 */
.Individual_price table th {
	width: calc(100%/3);
}


/* ===== 夏期講習受講の流れ ===== */
.h2_flow:before {
	background-image: url(../../../img/lp/summer2025/icon_flow.svg);
}
.flow_flex {
	width: 100%;
	display: flex;
	flex-wrap: nowrap;
	align-items: stretch;
	justify-content: space-between;
}
.flow_card {
	width: calc(100%/3 - 1.5%);
	position: relative;
	padding: 30px 20px 30px;
	padding-left:  min(1.5vw,20px);
	padding-right: min(1.5vw,20px);
	background-color: #f6f6f6;
}
.flow_num {
	width:  80px;
	height: 80px;
	position: absolute;
	top:  0;
	left: 0;
	transform: translate(-10px,-10px);
}
.flow_img {
	width:  50%;
	height: 15vw;
	max-height: 170px;
	display: block;
	margin-left:  auto;
	margin-right: auto;
	object-fit: contain;
	object-position: center;
}
.flow_card h3 {
	font-size: 24px;
	font-size: min(2vw,24px);
	font-feature-settings: "palt";
	font-weight: bold;
	text-align: center;
	margin-bottom: .5em;
	color: #f5643c;
}
.flow_card p {
	font-size: 14px;
	font-size: clamp(10px,1.2vw,14px);
	font-feature-settings: "palt";
	font-weight: 500;
	line-height: 1.8;
	text-align: center;
}


/* ===== よくあるご質問 ===== */
.h2_faq:before {
	width:  3em;
	height: 1.5em;
	background-image: url(../../../img/lp/autumn2025/icon_faq.svg);
}
#sec_faq .cont_wrap {
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
#sec_faq .cont_wrap p {
	width: fit-content;
	line-height: 1.8;
	letter-spacing: .15em;
}
#sec_faq li {
    position: relative;
    color: #c32327;
    background-color: #fff2f1;
}
.uk-accordion>:nth-child(n+2) {
	margin-top: 30px;
}
/* + - */
#sec_faq li:before {
    display: block;
    content: "";
    position: absolute;
    top:   40px; 
    right: 40px;
    margin:auto;
    width: 30px;
    height: 2px;
    background-color: #c32327;
    transition: .2s;
    transform: rotate(90deg);
}
#sec_faq li:after {
    display: block;
    content: "";
    position: absolute;
    top:   40px; 
    right: 40px;
    margin: auto;
    width: 30px;
    height: 2px; 
    background-color: #c32327;
    transition: .3s;
}
#sec_faq li.uk-open:before {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
}
#sec_faq li.uk-open:after {
    background-color: transparent;
}
#sec_faq .uk-accordion-title {
    font-size: min(2vw,20px);
    font-weight: bold;
    padding: 30px;
    color: #c32327 !important;
}
#sec_faq .uk-accordion-content {
	text-align: justify;
	line-height: 1.7;
	letter-spacing: .1em;
    margin-top: 0;
    padding: 0px 30px 30px;
}
/* Q */
#sec_faq .uk-accordion-title:before {
    content: "Q";
    font-size: min(3.2vw,32px);
    line-height: 0;
    float: inherit;
    margin-left: 0;
    margin-right: 15px;
    color: #c32327;
    background-image: inherit;
}

.p_big_sch {
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    color: #333;
    margin-top: 60px;
}




@media screen and (max-width:1070px) {
	/* ===== 合格体験記 ===== */
	.voice_cont dl {
		flex-wrap: wrap;
		justify-content: center;
		text-align: center;
	}
	.voice_cont dt {
		margin-right: 0;
	}
}





@media screen and (max-width:768px) {
	/* ===== MV ===== */
	#mv {
		padding-top: 55px;
	}


	/* ===== SEEDの7つの特徴 ===== */
	.bg_check:after {
		background-size: 25px;
	}

	#tk_wrap h2 {
		text-align: center;
		margin-bottom: 10px;
	}
	#tk_wrap h2 img {
		width: 80%;
	}
	.tk_card {
		width: 100%;
		margin-right: 0;
		margin-bottom: 4%;
	}


	/* ===== 【共通パーツ】2025年夏期講習受講者募集中 ===== */
	.formlink_box {
		padding: 40px 20px;
		box-shadow: 0px 0px 8px 0px rgba(0, 160, 220, 0.3);
	}
	.formlink_box h2 img {
		width: 100% !important;
		height: 60px !important;
	}
	.formlink_box > * {
		max-width: 350px;
		margin-left:  auto;
		margin-right: auto;
	}
	.formlink_box .link_head {
		flex-wrap: wrap;
		margin-bottom: 0;
	}
	.formlink_box .link_siryou,
	.formlink_box .link_contact {
		width: 100%;
	}
	.formlink_box .link_contact {
		margin-bottom: 5%;
	}
	.formlink_box .link_siryou:after {
		background-image: url(../../../img/lp/summer2025/formlink_siryou_bg_sp.png);
	}
	.formlink_box .link_contact:after {
		background-image: url(../../../img/lp/summer2025/formlink_contact_bg_sp.png);
	}
	.formlink_box .link_tel:after {
		background-image: url(../../../img/lp/summer2025/formlink_tel_bg_sp.png);
	}


	/* ===== 2025年度 合格速報 ===== */
	h2.head_seedicon {
		font-size: 28px;
		flex-wrap: wrap;
		flex-direction: column;
		justify-content: center;
	}
	h2.head_seedicon:before {
		min-width:  70px;
		min-height: 70px;
		margin-right: 0;
	}
	#goukaku_wrap dt {
		font-size: 20px;
		margin-right: 0;
		margin-bottom: .5em;
	}
	#goukaku_wrap dl div {
		flex-wrap: wrap;
		flex-direction: column;
	}
	#goukaku_wrap ul {
		flex-direction: column;
		align-items: flex-start;
	}
	#goukaku_wrap li {
		font-size: 16px;
		letter-spacing: .1em;
		margin-right: 0;
	}
	.bg_grad:after {
		background-image: linear-gradient(90deg, rgba(0, 190, 240, 1), rgba(133, 214, 221, 1));
	}


	/* ===== 合格体験記 ===== */
	#voice_wrap h2 img {
		width: 80%;
		margin-left:  auto;
		margin-right: auto;
	}
	.voice_school {
		flex-direction: column;
	}
	#voice_wrap .head_seedicon {
		font-size: 20px;
		flex-direction: column;
		margin-bottom: .5em;
	}
	h3.head_seedicon:before {
		margin-top: 0;
		margin-right: 0;
		margin-bottom: .35em;
	}
	#voice_wrap .head_seedicon span  {
		line-height: 1.5;
	}
	#voice_wrap .head_seedicon small {
		font-size: 16px;
		transform: translateY(0);
	}
	.voice_card .tagB {
		margin-left: 0;
	}
	.voice_card {
		padding: 30px 15px;
	}
	.voice_card + .voice_card {
		margin-top: 40px
	}
	.voice_flex {
		display: flex;
		flex-wrap: wrap;
		padding-top: 51px;
	}
	.voice_flex:before {
		margin-top:    30px;
		margin-bottom: 30px;
	}
	.voice_cont {
		width: 100%;
	}
	.voice_cont dl   {
		margin-top: 0;
		margin-bottom: 0;
	}
	.voice_cont dt p {
		font-size: 16px;
	}
	.voice_cont dd p {
		font-size: 18px;
		font-feature-settings: "palt";
		text-align: left;
		margin-bottom: .75em;
	}
	.voice_cont > p {
		font-size: 14px;
		line-height: 2;
		text-align: justify;
	}
	.student_cont {
		margin-bottom: 50px;
		padding: 0 5px !important;
	}
	.parent_cont dl {
		flex-direction: row;
		justify-content: flex-start;
		margin-top: -20px;
		margin-bottom: 20px;
	}
	.parent_cont dt {
		margin-right: 15px;
	}
	.parent_cont dd,
	.parent_cont dd p {
		width: fit-content;
	}
	.parent_cont dd p {
		margin-bottom: 0;
	}


	/* === そんなお悩み、すべてSEEDで解決！ === */
	.bg_classroom:after {
		background-image: url(../../../img/lp/summer2025/classroom_bg_sp.jpg);
	}

	/* ----- ▼ 昨年度のCSS ---*/
    table,
    .price_table,
    .schedulle,
    .Group_guidance_schedulle { overflow-x: scroll; }

    .kaiketu_wrap .card {
        width: 88%;
        padding: 0;
        margin: 0 auto 60px;
    }
    .kaiketu_wrap .card > div {
        width: 100%;
    }
    .kaiketu_wrap .card:nth-of-type(odd) .left_cont .kaiketuBG,
	.kaiketu_wrap .card:nth-of-type(even) .right_cont .kaiketuBG {
        width: 100%;
        position: relative;
        height: auto;
        margin-bottom: 20px;
    }
    .left_cont .h3_blue , .right_cont .h3_blue {
        text-align: center;
    }
    .left_cont .h3_blue+p , .right_cont .h3_blue+p {
        font-size: 14px;
    }
    .kaiketu_wrap .flex_box:nth-child(2) .left_cont {
        order: 1;
    }
    .pointSVG img {
		width: 32vw;
        min-width: 120px;
		max-width:  180px;
		max-height: 180px;
        height: auto;
		margin-top: -25px;
    }
    .kaiketu_wrap .card:nth-of-type(odd) .left_cont .pointSVG img {
        left: 0;
    }
    .kaiketu_wrap .card:nth-of-type(even) .right_cont .pointSVG img {
        left: inherit;
		right: -5%;
    }
    .onayami_wrap .onayami_guruguru {
        width: 20vw;
        left:  15vw;
    }
	/* ----- ▲ 昨年度のCSS ---*/

	h3.h3_blue {
		font-size: 16px;
	}


	/* ===== 料金表 ===== */

	/* ----- ▼ 昨年度のCSS ----- */
    /* headerのflex */
    .Individual_header,
    .Group_guidance_header {
        flex-wrap: wrap;
        justify-content: center;
        margin-bottom: 30px;
    }
    .Individual_header h3,
    .Group_guidance_header h3 {
        min-width: inherit;
        font-size: 20px;
        margin-right:   0;
        margin-bottom: .75em;
        padding: .35em .75em;
        border-radius: 5px;
    }
    /* 文字 */
    #sec_price h4 {
        font-size: 18px;
    }
    #sec_price h4 span {
        font-size: 14px;
    }
    #sec_price .comments {
        font-size: 12px;
    }
    #sec_price h4 span {
        padding-left: 0;
    }
    table th,
    table td {
        font-size: 14px !important;
        padding-left:  10px !important;
        padding-right: 10px !important;
    }
    #sec_price table {
        min-width: 700px;
    }
    /* 一番左の縦一列 */
    .schedulle tr > *:first-of-type {
        min-width: 130px;
    }
	/* ----- ▲ 昨年度のCSS ----- */

	h2.h2_icon {
		font-size: 24px;
		flex-direction: column;
		margin-bottom: 40px;
	}
	h2.h2_icon:before {
		min-width:  3em;
		min-height: 3em;
		margin-right: 0;
		margin-bottom: .5em;
	}
	.price_about_list li {
		font-size: 13px;
	}
	.price_about_list li span,
	.comments span {
		font-size: 13px;
		letter-spacing: .1em;
	}
	.price_about_list li + li {
		margin-top: 1em;
	}


	/* ===== 夏期講習受講の流れ ===== */
	h2.h2_flow:before {
		min-width:  2em;
		min-height: 2em;
	}
	.flow_flex {
		flex-wrap: wrap;
		flex-direction: column;
	}
	.flow_card {
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: row-reverse;
		margin-top: 50px;
		padding: 40px 20px 15px;
	}
	.flow_num {
		top: -40px;
		left: inherit;
		margin-left:  auto;
		margin-right: auto;
		transform: inherit;
	}
	.flow_card h3 {
		font-size: 20px;
		text-align: left;
		line-height: 1.3;
	}
	.flow_card p {
		font-size: 14px;
		text-align: justify;
	}
	.flow_cont {
		width: 55%;
		margin-right: 5%;
	}
	.flow_img  {
		width: 40%;
		height: auto;
		max-height: inherit;
		margin: 0;
	}


	/* ===== よくあるご質問 ===== */
	h2.h2_faq:before {
		min-width:  3em;
        min-height: 2em;
	}
	#sec_faq .cont_wrap p {
		font-size: 14px;
	}

	/* ----- ▼ 昨年度のCSS ----- */
    #sec_faq .h2_Licon:before {
        width:  50px;
        height: 40px;
    }
    /* li uk-accordion */
    #sec_faq .uk-accordion-title {
        font-size: 16px;
        display: flex;
        align-items: center;
        flex-wrap: nowrap;
        justify-content: flex-start;
        padding: 15px;
    }
    /* Q */
    #sec_faq .uk-accordion-title:before {
		width:  inherit;
		height: inherit;
        font-size: 24px;
        margin-right: 10px;
		transform: translateY(-.1em);
    }
    /* + */
    #sec_faq li:before,
    #sec_faq li:after  {
        width: 15px;
        top:   25px;
        right: 15px;
    }
    #sec_faq li:nth-of-type(n+2):before,
    #sec_faq li:nth-of-type(n+2):after  {
        top: 32px;
    }
    /* accordion-cont */
    .uk-accordion-content {
        font-size:  14px;
        text-align: justify;
        margin-top: 10px;
    }
	/* ----- ▲ 昨年度のCSS ----- */
    .Group_guidance_price tr > *:first-of-type {
        width: 14%;
    }
    .Group_guidance_price tr > *:nth-of-type(3) {
        width: 23%;
    }
	.uk-accordion > :nth-child(n+2) {
		margin-top: 20px;
	}
    .p_big_sch {
        font-size: 16px;
        margin-top: 30px;
    }


/* ===== w768 終了 ===== */
}







/* index.css */

img {
	width: 100%;
}
.cont03,
.cont04,
.cont06,
.cont07 {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top center;
}
.cont03 {
	background-image: url(../../../img/lp/autumn2025/cont03_pc_bg.jpg);
}
.cont04 {
	background-image: url(../../../img/lp/autumn2025/cont04_pc_bg.png);
}
.cont06 {
	background-image: url(../../../img/lp/autumn2025/cont06_pc_bg.png);
}
.cont07 {
	background-image: url(../../../img/lp/autumn2025/cont07_pc_bg.png);
}


@media screen and (max-width:768px) {
	.cont03 {
		background-image: url(../../../img/lp/autumn2025/cont03_sp_bg.jpg);
	}
	.cont04 {
		background-image: none;
		background-color: #fffaf3;
	}
	.cont06 {
		position: relative;
		background-image: none;
		background-color: #ffe6e4;
	}
	.cont07 {
		background-image: none;
		background-color: #fffaf3;
	}

	/* ===== ぎざぎざ ===== */
	.cont06:before,
	.cont06:after  {
		content: "";
		width: 100%;
		height: 1.5vw;
		display: block;
		position: absolute;
		left: 0;
		background-repeat: repeat-x;
		background-size: 100%;
	}
	.cont06:before {
		top: 0;
		background-image: url(../../../img/lp/autumn2025/pink_bg_top.png);
		background-position: top center;
		transform: translateY(-1.4vw);
	}
	.cont06:after {
		bottom: 0;
		background-image: url(../../../img/lp/autumn2025/pink_bg_bottom.png);
		background-position: center bottom;
		transform: translateY(1.4vw);
	}
}





/* ===== メインビジュアル ===== */
#mv {
	position: relative;
}
#mv a {
	width: 546px;
	width: 39.971vw;
	display: inline-block;
	position: absolute;
	left: 10vw;
	bottom: 4vw;
}


/* ===== 合格体験記 ===== */
.cont01 {
	position: relative;
	margin-top: -.5vw;
	margin-bottom: -2vw;
}
.cont01 .btn_wrap {
	width: 100%;
	text-align: center;
	position: absolute;
	left: 0;
	bottom: 4.2vw;
}
.cont01 a {
	width: 26.135vw;
	display: inline-block;
}

/* ===== 教育激戦区・円山で30年の実績。地域に寄り添い続けた信頼の学び ===== */
.cont02 {
	position: relative;
	z-index: 2;
}


/* ===== こんなお悩み ===== */
.cont03,
.cont04,
.cont06,
.cont07 {
	margin-top: -.5vw;
	padding-top:    5.857vw;
	padding-bottom: 5.857vw;
}
#sec_faq {
	padding-top:    5.857vw;
	padding-bottom: 5.857vw;
}


.cont03 > *,
.cont04 > *,
.cont06 > *,
.cont07 > * {
	width: 80%;
	max-width: 1100px;
	display: block;
	margin-left:  auto;
	margin-right: auto;
}
.cont03 > img {
	margin-bottom: 5.857vw;
}

/* border_box */
.border_box {
	padding: 5.124vw;
	padding: min(5.124vw,70px);
	border: 4px solid #c32327;
	border-radius: 10px;
	background-color: #fff;
}
.border_box > img,
.cont06 > img,
.cont07 > img {
	margin-bottom: 2.928vw;
}



/* ===== contact 共通パーツ ===== */
.contact_parts {
	position: relative;
}
.cbtn_flex {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	left: 0;
	bottom: 1.5vw;
	bottom: min(1.5vw,20px);
}
.cbtn_flex .contact_btn {
	width: 40vw;
	max-width: 558px;
	margin-right: 1vw;
	margin-right: min(1vw,15px);
}
.cbtn_flex .siryou_btn {
	width: 22vw;
	max-width: 308px;
}



/* ===== 合格体験記 ===== */
.cont06 .contact_parts,
.cont07 .contact_parts {
	width: 70%;
	max-width: 960px;
	
}








@media screen and (max-width:768px) {
	/* ===== メインビジュアル ===== */
	#mv a {
		width: 165px;
		width: 43vw;
		left: 8vw;
		bottom: 9.5vw;
	}


	/* ===== 合格体験記 ===== */
	.cont01 .btn_wrap {
		bottom: 10vw;
	}
	.cont01 a {
		width: 82%;
	}


	/* ===== こんなお悩み ===== */
	.cont03,
	.cont04,
	.cont06,
	.cont07,
	#sec_faq {
		padding-top:    10.667vw;
		padding-bottom: 10.667vw;
	}
	.cont04,
	.cont07 {
		padding-top: 0;
	}

	.cont03 {
		overflow: hidden;
	}
	.cont03 > * {
		width: 90%;
	}
	.cont03 > img {
		width: 93.5%;
		margin-bottom: 5.857vw;
		transform: translateX(1.5vw);
	}
	
	/* border_box */
	.border_box {
		border-width: 2px;
		border-width: .65vw;
		border-radius: 10px;
		border-radius: 2.667vw;
		padding: 8vw 5.333vw;
	}
	.border_box > img {
		margin-bottom: 6vw;
	}


	
	/* ===== contact 共通パーツ ===== */
	.cbtn_flex {
		flex-direction: column;
		transform: translateX(1vw);
		bottom: 4.5vw;
	}
	.cbtn_flex .contact_btn,
	.cbtn_flex .siryou_btn  {
		width: 92%;
		margin-right: 0;
	}
	.cbtn_flex .contact_btn {
		margin-bottom: 1vw;
	}

	
	/* ===== ここが違う！SEEDの指導スタイル ===== */
	.table_wrap {
		overflow-x: scroll;
		padding-bottom: 5.333vw;
	}
	.table_wrap img {
		min-width: 540px;
	}
	.white_box {
		width: 90%;
		position: relative;
		margin-left:  auto;
		margin-right: auto;
		padding: 20px;
		padding: 5.333vw;
		background-color: #fff;
		border-radius: 10px;
		border-radius: 2.667vw;
		z-index: 2;
	}
	.cont04 > * {
		width: 100%;
	}
	.cont04 .img_head {
		width: 100%;
		margin-bottom: -25vw;
	}


	/* ===== 合格体験記 ===== */
	.cont06 > * {
		width: 100%;
	}
	.cont06 .img_head {
		width: 35vw;
		display: block;
		position: relative;
		margin-left:  auto;
		margin-right: auto;
		z-index: 5;
	}
	.goukaku01 {
		margin-top: -33vw;
		position: relative;
		z-index: 4;
	}
	.goukaku02 {
		margin-top: -30vw;
		position: relative;
		z-index: 3;
	}
	.goukaku03 {
		margin-top: -35vw;
		position: relative;
		z-index: 2;
	}
	.goukaku04 {
		margin-top: -6vw;
		margin-bottom: -37vw;
		position: relative;
		z-index: 1;
	}
	.cont06 .contact_parts {
		width: 82%;
		position: relative;
		z-index: 2;
	}


	/* ===== 通常授業料金表 ===== */
	.cont07 > * {
		width: 100%;
	}
	.cont07 .img_head {
		margin-bottom: -10vw;
	}

	.cont07 .img_minihead {
		width: 80%;
		display: block;
		margin: auto;
		margin-bottom: 4vw;
	}
	.cont07 .table_wrap img {
		min-width: 600px;
	}

	.cont07 .contact_parts {
		width: 80%;
	}

	/* ===== SP fixed menu ===== */
	footer {
		margin-bottom: 50px;
	}

	.sp_fixed {
		width: 100%;
		height: 50px;
		display: flex !important;
		position: fixed;
		left:   0;
		bottom: 0;
		flex-wrap: nowrap;
		align-items: stretch;
		justify-content: space-between;
		z-index: 50;
	}
	.sp_fixed img {
		width:  100%;
		height: 100%;
		object-fit: contain;
		object-position: center;
	}

	.sp_fixed .fixed_contact {
		width: 60%;
		position: relative;
		background-color: #c32327;
	}
	.sp_fixed .fixed_contact:after {
		content: "";
		width: 2px;
		height: 100%;
		display: block;
		position: absolute;
		top: 0;
		right: -1px;
		background-color: #fff;
	}
	.sp_fixed .fixed_siryou {
		width: 40%;
		background-color: #0098cc;
	}

}


.page_link {
    margin-top: -100px;
    padding-top: 100px;
}
@media screen and (max-width:768px) {
    .page_link {
        margin-top: -80px;
        padding-top: 80px;
    }
}

