@charset "utf-8";
/*
Theme Name: Lightning Child
Theme URI: https://www.pc-suketto.co.jp
Template: lightning
Description: G3 Ver1
Author: ISHITSUKA
Tags: 
Version: 1.0.0
*/

/* ------------------------------
共通 start
------------------------------ */
body {
	font-size: 16px;
	font-family: 'Noto Sans JP', -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic Medium", "Yu Gothic", Verdana, Meiryo, sans-serif;
	font-feature-settings: "palt";
	letter-spacing: 0.1em;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	overflow: clip;
	counter-reset: number 0;
}

/* VKルート */
:root {
	--vk-size-text-sm: 0.9rem;
	--vk-color-text-link-hover: var(--vk-color-primary);
	--color-sub: #A5C9B5;
	--color-sub-light: #E5EFE9;
	--color-ttl: #00332C;
	--color-shadow: #003f32;
	--color-accent: #FFD105;
}

/* タグ */
a { text-decoration: none !important; }
p { margin: 0; line-height: 1.8; }
img { vertical-align: middle; }
iframe { margin-bottom: 0; vertical-align: bottom; }
label {	margin-bottom: 0; }
input, textarea, input::placeholder, textarea::placeholder { font-family: 'Noto Sans JP', -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic Medium", "Yu Gothic", Verdana, Meiryo, sans-serif; }

/* hタグ */
h1,h2, h3, h4, h4, h5, h6 {
	position: relative;
	z-index: 1;
	margin: 0;
	font-family: 'Poppins', 'Noto Sans JP', sans-serif;
	line-height: 1.8;
}
h1 {
	margin-bottom: 1em;
}
h2 {
	color: var(--vk-color-primary);
	font-size: 38px;
	font-weight: 600;
}
.h-small {
	display: block;
	color: var(--color-ttl);
	font-size: 0.5em;
	line-height: 1.5;
}
h3 {
	font-size: 24px;
	font-weight: 600;
}
h3.deco {
	display: inline-block;
	padding: 0 10px;
	border-bottom: 3px dotted var(--vk-color-primary);
	color: var(--color-ttl);
}
h4 {
	font-size: 20px;
	font-weight: 500;
}
h4.deco {
	padding-left: 25px;
}
h4.deco::before {
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	content: "";
	width: 15px;
	height: 15px;
	border-radius: 50%;
	background: var(--vk-color-primary);
	z-index: 1;
}
h5 { font-size: 18px; }
h6 { font-size: 16px; }

.ttl h2 {
	font-size: 3rem;
	line-height: 1.25;
}
.ttl h2 .h-small {
	margin-top: 10px;
	font-size: 0.35em;
}
.jp-ttl h2 {
	line-height: 1.8;
}

/* tableタグ */
:where(:not(.wp-block-table))>table.base-tb :is(th,td) { border: 1px solid #ccc; }
:where(:not(.wp-block-table))>table { border-right: none; border-left: none; }
table { table-layout: fixed; }
table td, table th {
	padding: 1.5rem 1.5rem;
}
dl { margin: 0; }
dt { margin-bottom: 0.5em; font-weight: normal; }
dd { margin-bottom: 1em; }
.base-tb th {
	width: 30%;
	color: var(--color-ttl);
	text-align: left;
	border-right: none;
	border-left: none;
}
.base-tb td {
	width: 70%;
	border-right: none;
	border-left: none;
}

/* ul,olタグ */
.base-ul{
	margin: 0 !important;
	padding-left: 1.25em !important;
}
.base-ol {
	margin: 0 !important;
	padding-left: 1.5rem !important;
}
.base-ul li { margin: 0 0 5px 10px !important; }
.base-ol li{ margin: 0 0 10px 0 !important }
li a { text-decoration: none; }
.nonstyle-list { list-style: none; margin: 0; padding: 0 !important; }
.nonstyle-list li { margin: 0; }
.nonstyle-list li:not(:last-child) { margin-bottom: 0.5em; }
table + .nonstyle-list { margin-top: 30px; }

/* 注釈 */
.notes-ol, .notes-ul { list-style: none; padding-left: 2em !important; counter-reset: number 0; }
.notes-ul { padding-left: 1.5em !important; }
.notes-ol li, .notes-ul li { position: relative; font-size: 0.9em; }
.notes-ol li:not(:last-child), .notes-ul li:not(:last-child) { margin-bottom: 5px; }
.notes-ol li::before, .notes-ul li::before { display: block; position: absolute; left: -2.25em; font-size: 1em; counter-increment: number 1; content: "※" counter(number); }
.notes-ul li::before { left: -1.5em; content: "※"; }

/* hr */
hr { width: 80%; border-color: #FDF0D5; }

/* figure */
figure { margin: 0; }
figcaption { font-size: 0.8em; }

/* Lightbox */
.featherlight .featherlight-content {
	padding: 5px 5px 0;
	border-bottom: 5px solid transparent;
}
.featherlight-next {
	top: 5px;
	right: 5px;
}
.featherlight-previous {
	top: 5px;
	left: 5px;
}
.rl-gallery-item img { border: 2px solid #eee; }
.rl-gallery-caption { display: block; }

/* コンテンツの幅 */
.site-body {
	padding: 90px 0;
}
.container {
	width: 100%;
	max-width: 100%;
	padding: 0;
}
@media (min-width: 1200px) {
	.container {
		max-width: 1170px;
	}
}
.page .site-body-container {
	max-width: 100%;
}
.base-cont {
	width: 1170px;
	margin: 0 auto;
	padding: 90px 0;
}
.kome-cont {
	padding-top: 0 !important;
	padding-bottom: 30px !important;
}

/* 中央・右・左　寄せ */
.center { text-align: center; }
.right { text-align: right; }
.left { text-align: left; }

/* テキスト */
.txt {
	display: block;
	margin-bottom: 10px;
}
div>.txt:last-of-type {
	margin-bottom: 0;
}
.fsize-s {
	margin: 0 5px;
	font-size: 0.8em;
}
.fsize-b {
	margin: 0 5px;
	font-size: 1.3em;
}
.fweight-b {
	font-weight: 700;
}
.color {
	color: var(--vk-color-primary);
}
.kome {
	margin-bottom: 0;
	padding-left: 1em;
	text-indent: -1em;
	font-size: 0.9em;
}
.en {
	font-family: 'Poppins', 'Noto sans JP', sans-serif;
}
.deco-en {
	display: inline-block;
	color: var(--color-sub);
	font-family: 'Oooh Baby', 'Noto sans JP', sans-serif;
	white-space: nowrap;
	transform: rotate(-10deg);
}

/* 文字装飾 */
.megaphone {
	display: inline-block;
	position: relative;
	z-index: 1;
	margin: 0 auto;
	padding: 0 60px;
}
.megaphone::before, .megaphone::after {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 3px;
	height: 45px;
	content: '';
	background: var(--color-ttl);
}
.megaphone::before {
	left: 5px;
	transform: translateY(-50%) rotate(-15deg);
}
.megaphone::after {
	right: 5px;
	transform: translateY(-50%) rotate(30deg);
}
.attn {
	display: inline-block;
	color: var(--color-ttl);
	font-size: 1.8rem;
	font-weight: 700;
	font-family: 'Poppins', 'Noto sans JP', sans-serif;
	font-style: italic;
}
.underline {
	padding: 0 0.5em;
	background:linear-gradient(transparent 60%, #ff6 60%);
	font-weight: 700;
}

/* ボタン */
.btn-base {
	display: inline-block;
	position: relative;
	z-index: 2;
	min-width: 240px;
	padding: 20px 45px;
	border-radius: 9999px;
	background: var(--vk-color-primary);
	color: #fff;
	font-weight: 700;
	text-align: center;
	transition: all 0.3s linear;
}
.btn-base::after {
	position: absolute;
	top: 50%;
	transform: translateY(-50%) rotate(45deg);
	right: 20px;
	content: "";
	width: 10px;
	height: 10px;
	border-top: solid 1px #fff;
	border-right: solid 1px #fff;
	transition: all 0.3s linear;
}
.btn-base:hover {
	color: #fff;
	background: var(--color-ttl);
}
.btn-base:hover::after {
	right: 15px;
}

.contact-btn {
	color: var(--color-ttl);
	background: var(--color-accent);
}
.contact-btn::after {
	border-color: var(--color-ttl);
}
.contact-btn:hover {
	color: var(--color-ttl);
	background: #FFE66D;
}

/* ページリンク */
.links-ul {
	list-style: none;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: stretch;
	padding-left: 0 !important;
}
.links-ul li {
	position: relative;
	margin-left: 0 !important;
	width: calc(50% - 5px);
	border-bottom: 2px solid #eee;
	z-index: 1;
}
.links-ul li::before {
	position: absolute;
	bottom: -1px;
	left: 0;
	content: "";
	width: 0%;
	height: 2px;
	transition: all 0.3s linear;
	z-index: 2;
}
.links-ul li::after {
	position: absolute;
	top: 50%;
	transform: translateY(-50%) rotate(45deg);
	right: 20px;
	content: "";
	width: 10px;
	height: 10px;
	border-top: solid 2px var(--vk-color-primary);
	border-right: solid 2px var(--vk-color-primary);
	z-index: 1;
}
.links-ul li:hover {
	border-bottom: 2px solid transparent;
}
.links-ul li:hover::before {
	width: 100%;
	background: #0B1722;
}
.links-ul li a {
	display: flex;
	align-items: center;
	padding: 15px 45px 15px 15px;
	height: 100%;
	color: var(--vk-color-primary);
}
.links-ul li a i {
	margin: 0 0 0 5px;
}

/* タブ */
.tabs {
	list-style: none;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	padding: 0 !important;
	cursor: pointer;
}
.base-ul.tabs li {
	margin: 0 !important;
	padding: 10px 30px;
	color: var(--vk-color-primary);
}
.btn-base.tab::after {
	display: none;
}
.tab {
	width: calc(100%/3 - 20px);
	padding: 10px;
	text-align: center;
}
.tab.active {
	background: var(--vk-color-primary) !important;
	color: #fff !important;
}
.tab-panel {
	display: none !important;
}
.tab-panel.active {
	display: block !important;
}

/* コンテンツ表示・非表示　レスポンシブ */
.pc-cont { display: block; }
.tab-cont { display: none; }
.sp-cont { display: none !important; }

/* PC時にflexで左右のコンテンツを入れ替える */
.reverse-flex {
	flex-direction: row-reverse;
}
/* レイアウトビルダーのストレッチ */
.stretch-cell>div, .stretch-cell>div>div {
	height: 100%;
}

/* 改行　レスポンシブ */
.pcbr { display: inline-block; }
.tabbr { display: none; }
.spbr { display: none; }

/* ヘッダー上部 */
.header-top {
	background-color: transparent;
	border-bottom: none;
}
.header-top .header-top-description {
	font-size: 0.9rem;
}
.header-top ul>li>span {
	padding: 0.25rem 0.5rem;
	border-bottom: 1px solid var(--vk-color-primary);
	background: var(--vk-color-primary);
	color: #fff;
	font-size: 0.9rem;
	font-weight: 700;
}
.header-top ul>li>span i {
	color: var(--vk-color-primary);
}
.header-top .header-top-contact-btn .btn {
	border: none;
	background: transparent !important;
	color: var(--vk-color-primary);
	font-size: 18px !important;
	font-weight: 600;
	font-family: 'Poppins', 'Noto Sans JP', sans-serif;
	text-shadow:1px 1px 0 #FFF, -1px -1px 0 #FFF,
		-1px 1px 0 #FFF, 1px -1px 0 #FFF,
		0px 1px 0 #FFF,  0 -1px 0 #FFF,
		-1px 0 0 #FFF, 1px 0 0 #FFF;
}

/* ヘッダー */
.site-header {
	box-shadow: none;
}
.site-header .container {
	padding: 0 20px;
	width: 100% !important;
	max-width: 100%;
}
.site-header-logo img {
	display: inline-block;
	max-height: 60px;
}
.sub-menu>li {
	text-shadow: none;
}
.global-nav-list {
	font-family: 'Poppins', 'Noto Sans JP', sans-serif;
	font-weight: 600;
	align-items: center;
}
.global-nav-list>li:last-child {
	border-radius: 9999px;
	background: var(--color-accent);
	transition: all 0.3s ease;
}
.header_scrolled .global-nav-list>li:last-child {
	border-radius: 0;
}
.global-nav-list>li:before { /* ヘッダーナビのアニメーション用 */
	position: absolute;
	left: 0;
	bottom: 0;
	content: "";
	width: 0;
	border-bottom: 1px solid var(--vk-color-primary);
	transition: all .3s ease-out;
}
.global-nav-list>li:last-child:before {
	display: none;
}
.global-nav-list>li:last-child:hover {
	background: #FFEA99;
}
.global-nav-list>li:hover:before, .global-nav-list>li[class*=current]:before {
	width: 100%;
}
.device-pc .global-nav-list>li>a {
	padding-top: 20px;
	padding-bottom: 20px;
}
body:not(.header_scrolled) .site-header--trans--true .global-nav-list > li > a {
	text-shadow: 0 0 15px var(--color-shadow);
}
.global-nav-list>li:last-child a {
	padding-right: 30px;
	padding-left: 70px;
	color: var(--color-ttl) !important;
	text-shadow: none !important;
}
.global-nav-list>li:last-child a i {
	position: absolute;
	top: 50%;
	left: 30px;
	transform: translateY(-50%);
	font-size: 1.5rem;
}
.device-mobile .global-nav-list .acc-btn {
	top: 50%;
	transform: translatey(-50%);
	border: none !important;
}
.device-pc:not(.header_scrolled) .global-nav--text-layout--vertical .global-nav-list>li>a {
	padding: 20px 3em !important;
}
.global-nav-list>li:not(:last-child) .global-nav-description {
	color: var(--vk-color-primary);
	opacity: 1;
}
.vk-mobile-nav-menu-btn {
	display: none;
}

/* スクロールヘッダー */
.header_scrolled .site-header {
	box-shadow: none;
}

/* ページヘッダー */
.page-header::before {
	mix-blend-mode: multiply;
}
.post-name-hs .page-header, .post-name-pgm .page-header {
	background-position: top 10% center;
}
.page-header-inner {
	text-shadow: 0 0 30px var(--color-shadow);
}
.page-header-title, h1.page-header-title {
	color: #fff;
	font-size: 2.5rem;
	font-weight: 600;
	line-height: 1.5;
}
.page-header-subtext {
	font-size: 1.25rem;
	font-weight: 700;
	font-family: 'Poppins', 'Noto Sans JP', sans-serif;
}

/* フッター上部（ウィジェット） */
.site-body-bottom {
	background: url(/wp-content/uploads/2023/09/bg_contact_sp.png) no-repeat right bottom, linear-gradient(115deg, rgba(165,201,181,0.7) 0%, #fff 100%), url(/wp-content/uploads/2025/10/page-header_flow.jpg) no-repeat center;
	background-size: contain, 100%, cover;
}
.site-body-bottom aside.widget {
	margin-bottom: 0;
}
.ft-contact {
	position: relative;
	z-index: 1;
	width: 100%;
	padding: 90px 0;
	color: #333;
	text-align: center;
}
.ft-contact-inner {
	padding: 0 20px;
}
.ft-contact .ttl {
	position: relative;
	z-index: 1;
	margin: 3.5rem 0 60px;
}
.ft-contact .ttl .deco-en {
	position: absolute;
	z-index: 1;
	top: -3.5rem;
	left: 0;
	color: #fff;
	font-size: 7rem;
}
.ft-contact .ttl h2 {
	font-size: 2rem;
	text-shadow: 0 0 15px #fff;
}
.ft-contact .ttl h2 .h-small {
	font-size: 0.5em;
}
.ft-contact .tel-num {
	margin-bottom: 5px;
	font-size: 2.5rem;
}
.contact-desc {
	font-weight: 500;
}

/* フッター上部（functions.php） */
.ft-map {
	position: relative;
	z-index: 1;
	left: 50%;
	right: 50%;
	width: 100vw;
	margin: 0 -50vw 60px;
}
.ft-map iframe {
	width: 100%;
	height: 40svh !important;
	min-height: 400px !important;
}

/* フッター */
.site-footer {
	font-size: 14px;
	content-visibility: visible; /* position: fixed;を指定したときにfooterを基準にさせないため */
}
.site-footer-content {
	padding: 0 0 60px;
}
.ft-logo {
	margin-bottom: 20px;
}
.ft-logo img {
	width: 100%;
	max-width: 240px;
}
.ft-about {
	margin-bottom: 15px;
}
.ft-sns i {
	font-size: 1.5rem;
}
.ft-line i {
	color: #06c755;
}
.page_top_btn {
	display: none !important;
}
#menu-footer-nav>li>.sub-menu {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
#menu-footer-nav>li>.sub-menu>li {
	width: 50%;
}
#menu-footer-nav>li>.sub-menu>li>a::before {
	left: 11px;
	height: 2px;
}
.fixed-line {
	display: none;
	position: fixed;
	z-index: 9999;
	bottom: 30px;
	right: 114px;
}
.scrolled .fixed-line {
	display: block;
}
.fixed-line img {
	height: 64px;
}

/* Swiper */
.swiper-wrapper {
	transition-timing-function: linear !important;
}
.normal-swiper, .loop-swiper-r, .loop-swiper-l {
	overflow: hidden;
}
.swiper-main01 .swiper-slide, .swiper-main02 .swiper-slide,
.swiper-thum01 .swiper-slide, .swiper-thum02 .swiper-slide  {
	width: 100%;
	height: 100%;
}
.swiper-main01, .swiper-main02 {
	position: relative;
	height: 100%;
	width: 100%;
	overflow: hidden;
}
.swiper-thum01, .swiper-thum02 {
	position: relative;
	box-sizing: border-box;
	padding-top: 10px;
	overflow: hidden;
}
.swiper-thum01 .swiper-slide, .swiper-thum02 .swiper-slide {
	opacity: 0.5;
}
.swiper-thum01 .swiper-slide-thumb-active, .swiper-thum02 .swiper-slide-thumb-active {
	opacity: 1;
}

/* フェードイン */
.fade-in, .fade-up, .fade-down, .fade-left, .fade-right {
	opacity: 0;
}
.fade-in.active {
	animation-name: fadeInAnime;
	animation-duration: 1.5s;
	animation-fill-mode: forwards;
	opacity: 1;
}
@keyframes fadeInAnime {
	from { opacity: 0; }
	to { opacity: 1; }
}
.fade-up.active {
	animation-name: fadeUpAnime;
	animation-duration: 1.5s;
	animation-fill-mode: forwards;
}
@keyframes fadeUpAnime {
	from { opacity: 0; transform: translateY(100px); }
	to { opacity: 1; transform: translateY(0); }
}
.fade-down.active {
	animation-name: fadeDownAnime;
	animation-duration: 1.5s;
	animation-fill-mode: forwards;
}
@keyframes fadeDownAnime {
	from { opacity: 0; transform: translateY(-100px); }
	to { opacity: 1; transform: translateY(0); }
}
.fade-left.active {
	animation-name: fadeLeftAnime;
	animation-duration: 1.5s;
	animation-fill-mode: forwards;
}
@keyframes fadeLeftAnime {
	from { opacity: 0; transform: translateX(-100px); }
	to { opacity: 1; transform: translateX(0); }
}
.fade-right.active {
	animation-name: fadeRightAnime;
	animation-duration: 1.5s;
	animation-fill-mode: forwards;
}
@keyframes fadeRightAnime {
	from { opacity: 0; transform: translateX(100px); }
	to { opacity: 1; transform: translateX(0); }
}
.delay-time02 {
	transition-delay: 0.2s; animation-delay: 0.2s;
}
.delay-time04 {
	transition-delay: 0.4s; animation-delay: 0.4s;
}
.delay-time06 {
	transition-delay: 0.6s; animation-delay: 0.6s;
}
.delay-time08 {
	transition-delay: 0.8s; animation-delay: 0.8s;
}

/* 文字のアニメーション */
span.smoothText {
	overflow: hidden;
	display: block;
}
span.smoothTextTrigger {
	transition: 0.8s ease-in-out;
	transform: translate3d(0,100%,0) skewY(12deg);
	transform-origin: left;
	display: block;
	opacity: 0;
}
span.smoothTextTrigger.smoothTextAppear {
	opacity: 1;
	transform: translate3d(0,0,0) skewY(0);
}
/* ------------------------------
共通 end
------------------------------ */


/* ------------------------------
トップページ start
------------------------------ */
/* メインビジュアル */
#pg-23-0 {
	overflow: hidden;
}
.main-swiper {
	position: relative;
	z-index: 1;
	width: 100%;
	height: 85svh;
	min-height: 800px;
	max-height: 1080px;
	margin: 0 auto;
}
.main-swiper .swiper-slide-inner {
	position: relative;
	z-index: 1;
	width: 100%;
	height: 100%;
}
.main-swiper .swiper-slide-inner::before {
	position: absolute;
	top: 0;
	left: 0;
	content: "";
	width: 100%;
	height: 20%;
	background: linear-gradient(0deg, transparent 0%, transparent 20%, var(--color-sub-light) 100%);
	mix-blend-mode: multiply;
	z-index: 2;
}
.main-swiper .swiper-slide-inner img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: top;
}
.mv-ttl-box {
	position: absolute;
	z-index: 1;
	top: 60%;
	left: 10%;
	transform: translateY(-60%);
	width: 40%;
}
.mv-ttl-box .deco-en {
	position: absolute;
	top: -7.5vw;
	left: -3.5vw;
	font-size: 7vw;
}
.mv-ttl-box h2 {
	margin-bottom: 0.75em;
	color: #fff;
	font-size: 3.5vw;
	font-style: italic;
	line-height: 1.25;
	letter-spacing: 0.15em;
	text-shadow: 0 0 30px var(--color-shadow);
}
.mv-ttl-box .txt {
	color: var(--color-ttl);
	font-size: min(1.25vw,1.25rem);
	font-weight: 700;
	text-shadow: 1px 1px 0 #FFF, -1px -1px 0 #FFF,
		-1px 1px 0 #FFF, 1px -1px 0 #FFF,
		0px 1px 0 #FFF,  0 -1px 0 #FFF,
		-1px 0 0 #FFF, 1px 0 0 #FFF;
}

/* NEWS */
#pg-23-1 {
	background: linear-gradient(180deg, var(--color-sub-light), transparent);
}

/* ABOUT US */
.aboutus-item-wrap {
	list-style: none;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin: 0 !important;
	padding: 0 !important;
}
.aboutus-item {
	position: relative;
	z-index: 1;
	width: calc(100%/3 - 20px/3);
	margin: 0 0 10px 0 !important;
	padding: 10px 30px;
	background: url(/wp-content/uploads/2025/10/classroom.jpg) no-repeat center;
	background-size: cover;
	text-align: center;
	transition: all 0.5s ease;
}
.aboutus-item::before {
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	content: "";
	width: 100%;
	height: 100%;
	background: var(--color-sub);
	opacity: 0.9;
}
.aboutus-item::after {
	position: absolute;
	z-index: -1;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	content: "";
	width: calc(100% - 10px);
	height: calc(100% - 10px);
	border: 1px solid #fff;
}
.aboutus-item:nth-child(n+4) {
	margin: 0 !important;
}
.aboutus-item:hover {
	opacity: 0.5;
}
.aboutus-item a {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	color: #fff;
	font-weight: 700;
}
.aboutus-item .item-img {
	width: calc(30% - 7.5px);
	text-align: center;
}
.aboutus-item .item-img .deco-en {
	color: #fff;
	font-size: 3rem;
	text-shadow: 0 0 15px var(--color-shadow);
}
.aboutus-item .item-txt {
	width: calc(70% - 7.5px);
	color: var(--color-ttl);
	font-size: 1.1rem;
}

/* 無料体験授業受付中！ */
#pg-23-3 {
	position: relative;
	z-index: 1;
	background: url(/wp-content/uploads/2023/09/bg_trial.jpg) no-repeat center;
	background-size: cover;
}
#pg-23-3::before {
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	content: "";
	width: 100%;
	height: 100%;
	background: var(--color-sub);
	opacity: 0.5;
}
.top-trial-cont .ttl {
	position: relative;
	z-index: 1;
	margin-top: 3.5rem;
}
.top-trial-cont .ttl .deco-en {
	position: absolute;
	z-index: 1;
	top: -3.5rem;
	left: 0;
	color: var(--vk-color-primary);
	font-size: 7rem;
}
.top-trial-cont .ttl h2 {
	color: #fff;
	text-shadow: 0 0 60px var(--color-shadow);
}

/* FEATURE */
#pg-23-4 {
	position: relative;
	z-index: 1;
	margin: 90px 0 !important;
}
#pg-23-4::before, #pg-23-4::after {
	position: absolute;
	z-index: -1;
	top: -0.5rem;
	right: 2rem;
	content: "Find Your Way!";
	color: var(--color-sub-light);
	font-size: 10rem;
	font-family: 'Oooh Baby', 'Noto sans JP', sans-serif;
	line-height: 1;
	white-space: nowrap;
}
#pg-23-4::after {
	top: auto;
	right: auto;
	bottom: calc(-10rem + 120px);
	left: 0;
	content: "Go EduWay!";
}
.top-feature-cont {
	position: relative;
	z-index: 1;
}
.top-feature-cont::before {
	position: absolute;
	z-index: -1;
	top: 120px;
	left: -300%;
	content: "";
	width: 900%;
	height: calc(100% - 120px);
	background: linear-gradient(180deg, var(--color-sub-light), transparent);
}
.feature-ttl {
	position: relative;
	z-index: 1;
	margin-top: 3.5rem;
}
.feature-ttl .deco-en {
	position: absolute;
	z-index: 1;
	top: -3.5rem;
	left: 0;
	font-size: 4rem;
}
.feature-ttl .h-small {
	margin-bottom: 5px;
	font-size: 0.8em;
	text-shadow: 1px 1px 0 #FFF, -1px -1px 0 #FFF,
		-1px 1px 0 #FFF, 1px -1px 0 #FFF,
		0px 1px 0 #FFF,  0 -1px 0 #FFF,
		-1px 0 0 #FFF, 1px 0 0 #FFF;
}
.feature-ttl .ttl-lbl {
	display: inline;
	padding: 5px 15px;
	background: linear-gradient(135deg, var(--color-sub) 0%, var(--vk-color-primary) 40%, var(--vk-color-primary) 80%, var(--color-sub) 100%);
	color: #fff;
	line-height: 2;
	-webkit-box-decoration-break: clone;
	box-decoration-break: clone;
}

/* COURSE */
.course-item-wrap {
	list-style: none;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin: 0 !important;
	padding: 5px 0 !important;
	background: var(--vk-color-primary);
}
.course-item {
	position: relative;
	z-index: 1;
	width: calc(100%/3 - calc(10px/3));
	height: 50svh;
	min-height: 500px;
	margin: 0 !important;
	background: var(--color-sub);
	color: #fff;
	font-weight: 700;
	text-align: center;
	overflow: hidden;
}
.course-item.sub-item {
	width: 100%;
	height: 32.5svh;
	min-height: 325px;
	margin: 5px 0 0 0 !important;
}
.course-item a {
	display: block;
	width: 100%;
	height: 100%;
}
.course-item .item-img {
	position: relative;
	z-index: 1;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.course-item .item-img::before {
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	content: "";
	width: 100%;
	height: 100%;
	background: var(--color-sub);
	mix-blend-mode: multiply;
}
.course-item img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all 0.8s ease;
}
.course-item#hs-item img {
	object-position: top;
}
.course-item:hover img {
	transform: scale(1.1,1.1);
}
.course-item .deco-en {
	position: absolute;
	z-index: 2;
	top: 2rem;
	left: 0;
	color: var(--vk-color-primary);
	font-size: 3rem;
	font-weight: 400;
}
.course-box {
	position: absolute;
	z-index: 2;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 90%;
}
.course-box h3 {
	margin-bottom: 30px;
	color: #fff;
	font-size: 2vw;
	text-shadow: 0 0 30px var(--color-shadow);
}
.course-box h3 .h-small {
	color: #fff;
}
.detail-btn {
	display: inline-block;
	padding: 5px 15px;
	border-radius: 9999px;
	background: #fff;
}

/* FLOW */
#pg-23-6 {
	background: linear-gradient(90deg, transparent, var(--color-sub-light));
}
.flow-list {
	list-style: none;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin: 0;
	padding: 0 !important;
}
.flow-item {
	position: relative;
	z-index: 1;
	width: calc(25% - calc(90px/4));
	margin: 2rem 0 0 0 !important;
	text-align: center;
}
.flow-item::before {
	position: absolute;
	z-index: 1;
	top: 35%;
	right: -37.5px;
	transform: translateY(-35%);
	content: "";
	border: 15px solid transparent;
	border-left: 15px solid var(--vk-color-primary);
}
.flow-item:last-child::before {
	display: none;
}
.flow-item .deco-en {
	position: absolute;
	z-index: 2;
	top: -2rem;
	left: 50%;
	transform: translateX(-50%) rotate(-10deg);
	width: 100%;
	font-size: 3.5rem;
}
.flow-icon {
	position: relative;
	z-index: 1;
	width: 200px;
	height: 200px;
	margin: 0 auto 15px;
	border-radius: 50%;
	background: linear-gradient(115deg, var(--color-sub) 0%, var(--vk-color-primary) 100%);
	overflow: hidden;
}
.flow-icon i {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	margin: 0;
	color: #fff;
	font-size: 3rem;
}
.flow-item h3 {
	color: var(--vk-color-primary);
}

/* サブページリンク */
.subpage-item-wrap {
	list-style: none;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin: 0 !important;
	padding: 5px 0 !important;
}
.subpage-item {
	position: relative;
	z-index: 1;
	width: calc(50% - 15px);
	height: 25svh;
	min-height: 250px;
	margin: 0 !important;
	background: var(--color-sub);
	color: #fff;
	font-weight: 700;
	text-align: center;
	overflow: hidden;
}
.subpage-item a {
	display: block;
	width: 100%;
	height: 100%;
}
.subpage-item .item-img {
	position: relative;
	z-index: 1;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.subpage-item .item-img::before {
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	content: "";
	width: 100%;
	height: 100%;
	background: var(--color-sub);
	opacity: 0.5;
}
.subpage-item img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all 0.8s ease;
}
.subpage-item:hover img {
	transform: scale(1.1,1.1);
}
.subpage-item .deco-en {
	position: absolute;
	z-index: 2;
	top: 5%;
	left: 5%;
	color: var(--vk-color-primary);
	font-size: 3rem;
	font-weight: 400;
}
.subpage-box {
	position: absolute;
	z-index: 2;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 90%;
}
.subpage-box h2 {
	margin-bottom: 15px;
	color: #fff;
	font-size: 2rem;
	text-shadow: 0 0 30px var(--color-shadow);
}
.subpage-box .detail-btn {
	font-size: 0.9em;
}

/* MESSAGE */
#pg-23-8 {
	position: relative;
	z-index: 1;
}
#pg-23-8::before {
	position: absolute;
	z-index: -1;
	bottom: 0;
	left: 0;
	content: "";
	width: 100%;
	height: 100%;
	background: url(/wp-content/uploads/2023/09/bg_msg.jpg) no-repeat center;
	background-size: cover;
}
.msg-txt-box {
	position: relative;
	z-index: 1;
	margin-top: calc(60px + 3rem);
	padding: 60px;
}
.msg-txt-box::before {
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	content: "";
	width: 150%;
	height: 100%;
	background: #fff;
}
.msg-img-box {
	position: relative;
	z-index: 2;
	padding-top: 3rem;
}
.msg-img-box .deco-wrap {
	position: absolute;
	z-index: 2;
	top: 1rem;
	left: -7rem;
}
.msg-img-box .deco-en {
	font-size: 3.5rem;
}

/* バナー */
.banner-wrap a {
	transition: all 0.5s ease;
}
.banner-wrap a:hover {
	opacity: 0.5;
}
/* ------------------------------
トップページ end
------------------------------ */


/* ------------------------------
サブページ start
------------------------------ */
/* サブページ内リンク */
.link-ul {
	list-style: none;
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	row-gap: 10px;
	padding: 0 !important;
}
.link-ul::after {
	display: block;
	content: "";
	width: calc(100%/3 - 7.5px);
}
.link-ul li {
	margin: 0 !important;
	width: calc(100%/3 - 7.5px);
}
.link-ul li .btn-base {
	width: 100%;
	min-width: 100%;
	padding: 8px 45px;
	font-size: 0.9rem;
}
.link-ul li .btn-base::after {
	top: 40%;
	transform: translateY(-40%) rotate(135deg);
}
.link-ul li .btn-base:hover::after {
	top: 50%;
	right: 20px;
	transform: translateY(-40%) rotate(135deg);
}

/* EdhuWayについて */
#pl-24>div {
	position: relative;
	z-index: 1;
	background: linear-gradient(170deg, transparent 25%, var(--color-sub-light) 50%, transparent 75%);
}
.aboutus-cont {
	position: relative;
	z-index: 1;
}
.aboutus-cont .ttl .deco-en {
	position: absolute;
	z-index: -1;
	top: 0;
	right: 5%;
	color: var(--color-sub-light);
	font-size: 15rem;
	line-height: 1;
}
.num-ttl {
	position: relative;
	z-index: 1;
	padding: 0 0 1rem 9rem;
	color: var(--color-ttl);
	font-size: 1.8rem;
	font-weight: 700;
}
.num-ttl .deco-en {
	position: absolute;
	z-index: -1;
	top: 50%;
	left: 0;
	transform: translateY(-50%) rotate(-5deg);
	font-size: 5rem;
	font-weight: 400;
	line-height: 1;
}
.num-txt-box {
	margin-left: 9rem;
}
.class-flow-list {
	list-style: none;
	margin: 0;
	padding: 0 !important;
}
.class-flow-list li {
	position: relative;
	z-index: 1;
	margin: 0 0 15px 0 !important;
	padding: 10px;
	border: 3px solid var(--vk-color-primary);
	color: var(--color-ttl);
	font-size: 0.9em;
	font-weight: 700;
	text-align: center;
}
.class-flow-list li::before {
	position: absolute;
	z-index: 1;
	bottom: -25px;
	left: 50%;
	transform: translateX(-50%);
	content: "";
	border: 10px solid transparent;
	border-top: 10px solid var(--vk-color-primary);
}
.class-flow-list li:last-child::before {
	display: none;
}
.class-flow-list li img {
	margin-top: 5px;
	width: 50%;
}
.test-flow-wrap {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	grid-template-rows: repeat(3,1fr);
	grid-template-areas:
		"area01 area01 area01 area01"
		"area02 area03 area03 area03"
		"area02 area04 area04 area04"
		"area02 area05 area06 area06"
		"area02 area05 area07 area07"
		"area02 area05 area08 area08"
		"area09 area09 area09 area09";
}
.tf01 {
	grid-area: area01;
}
.tf02 {
	grid-area: area02;
}
.tf03 {
	grid-area: area03;
}
.tf04 {
	grid-area: area04;
}
.tf05 {
	grid-area: area05;
}
.tf06 {
	grid-area: area06;
}
.tf07 {
	grid-area: area07;
}
.tf08 {
	grid-area: area08;
}
.tf09 {
	grid-area: area09;
}
.tf-item {
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	z-index: 1;
	padding: 10px;
	font-weight: 700;
	text-align: center;
}
.tf-item .txt {
	font-size: 0.9em;
}
.tf-ttl {
	border-radius: 5px;
	background: var(--vk-color-primary);
	color: #fff;
}
.tf-ttl01 {
	background: #00CFA8;
}
.tf-ttl02 {
	background: #00B0C3;
}
.tf-ttl03 {
	background: #008BC6;
}
.tf-yes {
	padding-top: 5px;
	padding-bottom: 15px;
	color: #ff7473;
}
.tf-yes::before, .tf-no::before {
	position: absolute;
	z-index: -1;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	content: "";
	width: 3px;
	height: 100%;
	background: #ff7473;
}
.tf-yes::after, .tf-no::after {
	position: absolute;
	z-index: -1;
	bottom: -10px;
	left: 50%;
	transform: translateX(-50%);
	content: "";
	border: 10px solid transparent;
	border-top: 10px solid;
}
.tf-no {
	padding-top: 5px;
	padding-bottom: 15px;
	color: #47b8e0;
}
.tf-no::before {
	background: #47b8e0;
}
.tf-yes .txt, .tf-no .txt {
	padding: 3px 5px 5px 5px;
	border: 2px solid;
	border-radius: 3px;
	background: #fff;
	line-height: 1;
}
.timetable-tb th, .timetable-tb td {
	padding: 0.5rem;
	border: 1px solid #ccc;
	background: #fff;
	font-weight: 700;
	text-align: center;
}
.timetable-tb thead th:nth-child(n+2) {
	width: 10%;
}
.timetable-tb:not(.ex-tb) td {
	color: var(--vk-color-primary);
	font-size: 1.5rem;
}
.timetable-tb td.no {
	color: #000;
}
.timetable-tb thead th {
	background: var(--vk-color-primary);
	color: #fff;
}
.timetable-tb tbody th {
	background: var(--color-sub-light);
}
.timetable-tb.ex-tb td.have-class {
	color: var(--color-ttl);
	background: var(--color-sub-light);
}
.merit-tb th {
	padding: 0.5rem;
	text-align: center;
}
.merit-tb th, .merit-tb td {
	border: 1px solid #ccc;
}
.merit-tb thead th {
	background: var(--vk-color-primary);
	color: #fff;
}
.merit-tb thead th:first-child {
	width: 8%;
}
.merit-tb tbody th span {
	writing-mode: vertical-rl;
	white-space: pre;
}
.merit-tb .merit {
	background: #FFEFEF;
}
.merit-tb .merit th,
.merit-tb .merit ul li::marker {
	color: #ff7473;
}
.merit-tb .demerit {
	background: #F1FAFC;
}
.merit-tb .demerit th, 
.merit-tb .demerit ul li::marker {
	color: #47b8e0;
}
.comp-tb th, .comp-tb td {
	background: #fff;
	text-align: center;
}
.comp-tb td {
	font-size: 1.5rem !important;
	font-weight: 700;
}
.comp-tb thead th {
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	background: var(--vk-color-primary);
	color: #fff;
}
.comp-tb thead th:last-child {
	border: 5px solid;
	border-bottom: none;
	color: var(--color-accent);
}
.comp-tb tbody td:last-child {
	border-right: 5px solid var(--color-accent);
	border-left: 5px solid var(--color-accent);
	background: #FFF9E5;
}
.comp-tb tbody tr:last-child td:last-child {
	border-bottom: 5px solid var(--color-accent);
}
.comp-tb .maru {
	color: #ff7473;
}
.comp-tb .sankaku {
	color: #95C623;
}
.bar-graph-wrap.vertical.graph-test {
	margin-top: 30px;
	overflow: visible;
}
.bar-graph-wrap.vertical.graph-test .graph {
	flex-direction: column;
	width: 150px;
	height: 100% !important;
	padding: 0;
}
.bar-graph-wrap.vertical.graph-test .graph .name {
	position: absolute;
	z-index: 1;
	top: -40px;
	padding: 10px;
	color: var(--color-ttl);
	font-size: 14px;
}
.bar-graph-wrap.vertical.graph-test .graph .bar-name {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	font-weight: 700;
	text-align: center;
}
.bn00 {
	height: 50%;
	background: #9469AE;
}
.bn01 {
	height: 50%;
	background: #47b8e0;
}
.g-b .bn00 {
	height: 20%;
}
.g-b .bn01 {
	height: 30%;
}
.bn02 {
	height: 50%;
	background: #ffc952;
}
.g-c .bn00 {
	height: 10%;
}
.g-c .bn01 {
	height: 15%;
}
.g-c .bn02 {
	height: 25%;
}
.bn03 {
	height: 50%;
	background: #ff7473;
}
.bn-now {
	border: 3px solid #FF3C38;
}
.bar-now-txt {
	display: inline-block;
	font-size: 0.9em;
}
.bar-now-box {
	display: inline-block;
	width: 20px;
	height: 20px;
	border: 3px solid #FF3C38;
	vertical-align: middle;
}
.overview-logo img {
	width: 60%;
	max-width: 320px;
}
.map iframe {
	width: 100%;
	height: 350px !important;
}

/* エデュウェイの3つの特徴 */
#pl-16628>div {
	position: relative;
	z-index: 1;
	background: linear-gradient(170deg, transparent 25%, var(--color-sub-light) 50%, transparent 75%);
}
#pg-16628-0::before, #pg-16628-1::before {
	position: absolute;
	z-index: -1;
	bottom: -10rem;
	left: 2rem;
	transform: rotate(-10deg);
	content: "Find Your Way!";
	color: var(--color-sub-light);
	font-size: 10rem;
	font-family: 'Oooh Baby', 'Noto sans JP', sans-serif;
	line-height: 1;
}
#pg-16628-1::before {
	right: 2rem;
	left: auto;
	content: "Go EduWay!";
	text-align: right;
}
.feature-visual-wrap {
	position: relative;
	z-index: 1;
	padding-bottom: 60px;
}
.feature-visual-wrap .feature-img-wrap {
	width: 70%;
}
.feature-visual-wrap .feature-ttl {
	position: absolute;
	z-index: 2;
	bottom: 0;
	right: 0;
	width: 80%;
}
.feature-ttl h2 {
	font-size: 2rem;
}
.feature-txt-wrap {
	width: 80%;
	margin: 0 0 0 auto;
}
.feature-visual-wrap .feature-ttl .deco-en {
	top: -4.5rem;
	right: 0;
	left: auto;
	font-size: 5rem;
}
#feature02 .feature-visual-wrap .feature-img-wrap {
	margin: 0 0 0 auto;
}
#feature02 .feature-visual-wrap .feature-ttl {
	right: auto;
	left: 0;
}
#feature02 .feature-txt-wrap {
	margin: 0 auto 0 0;
}
.feature-sub-wrap {
	width: 80%;
}
.feature-sub-box {
	padding: 30px;
}
#jurai {
	border: 3px dashed #999;
	background: #f7f7f7;
}
#assistudy {
	border: 3px solid var(--vk-color-primary);
	background: var(--color-sub-light);
}
.graph-box {
	padding: 0 30px;
	border-bottom: 3px solid #666;
}
.graph-box h3, .graph-box h4 {
	border-bottom: 2px solid var(--vk-color-primary);
	font-size: 1.25rem;
	font-weight: 700;
}
#jurai .graph-box h3, #jurai .graph-box h4 {
	border-bottom: 2px dashed #999;
}
.bar-graph-wrap.vertical {
	position: relative;
	height: 300px;
	margin: 0 auto;
	overflow: hidden;
}
.lv-border {
	position: absolute;
	z-index: 1;
	top: 39.5%;
	left: 0;
	width: 100%;
	height: 1%;
	background: #FF3C38;
}
.lv-border .name {
	position: absolute;
	z-index: 1;
	bottom: 100%;
	color: #FF3C38;
	font-size: 12px;
	font-weight: 700;
}
.lv-border.lv-a {
	top: 59.5%;
	left: 15%;
	width: 50px;
}
.lv-border.lv-b {
	left: 50%;
	transform: translateX(-50%);
	width: 50px;
	margin: 0 auto;
}
.lv-border.lv-c {
	top: 19.5%;
	right: 15%;
	left: auto;
	width: 50px;
}
.bar-graph-wrap.vertical .graph {
	height: 50px;
	position: absolute;
	left: 0;
	border-radius: 0 4px 4px 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding: 10px;
}
.bar-graph-wrap.vertical .graph {
	width: 50px;
	bottom: 0;
	border-radius: 4px 4px 0 0;
	flex-direction: column-reverse;
}
.bar-graph-wrap.vertical .graph .name {
	font-size: 10px;
	font-weight: 700;
}
.bar-graph-wrap.vertical .graph {
	left: 15%;
	height: 88%;
	top: auto;
}
.bar-graph-wrap.vertical .graph span {
	font-size: 14px;
	color: #ffffff;
}
@media screen and (max-width: 750px) {
	.bar-graph-wrap .graph span {
		font-size: 12px;
	}
}
.bar-graph-wrap.vertical .graph.g-a {
	background: #47b8e0;
	height: 40%;
}
.bar-graph-wrap.vertical .graph.g-b {
	left: 0;
	right: 0;
	top: auto;
	margin: auto;
	background: #ffc952;
	height: 60%;
}
.bar-graph-wrap.vertical .graph.g-c {
	left: auto;
	right: 15%;
	bottom: 0;
	background: #ff7473;
	height: 80%;
}
.graph-cmt-box {
	padding: 10px;
	border: 2px dashed #f7f7f7;
	background: #f7f7f7;
	font-size: 0.9em;
}
.graph-cmt-box.cmt-a {
	border-color: #47b8e0;
}
.graph-cmt-box.cmt-a .cmt-ttl {
	color: #47b8e0;
}
.graph-cmt-box.cmt-a li::marker {
	color: #47b8e0;
}
.graph-cmt-box.cmt-c {
	border-color: #ff7473;
}
.graph-cmt-box.cmt-c .cmt-ttl {
	color: #ff7473;
}
.graph-cmt-box.cmt-c li::marker {
	color: #ff7473;
}
.graph-cmt-box.cmt-assistudy {
	border: 2xp solid var(--vk-color-primary);
	background: #fff;
	color: var(--vk-color-primary);
	font-weight: 700;
}
.graph-cmt-box .cmt-ttl {
	margin-bottom: 5px;
	font-weight: 700;
	line-height: 1.4;
}

/* コース案内 */
.about-course-box {
	--vk-color-primary: #0086b4;
	position: relative;
	z-index: 1;
	padding: 30px;
	background: #f1fbff;
	font-size: 0.9em;
}
.about-course-box::before {
	position: absolute;
	top: 0;
	left: -5%;
	content: "Grade 1";
	color: var(--vk-color-primary);
	font-size: 3rem;
	font-family: 'Oooh Baby', 'Noto sans JP', sans-serif;
	white-space: nowrap;
	transform: rotate(-10deg);
	opacity: 0.3;
}
.es-cont .about-course-box::before {
	content: "Grade 1,2";
}
#about-course02 {
	--vk-color-primary: #008c9a;
	background: #ECF7F4;
}
#about-course02::before {
	content: "Grade 2";
}
.es-cont #about-course02::before {
	content: "Grade 3,4";
}
#about-course03 {
	--vk-color-primary: #008f7d;
	background: #E5EFED;
}
#about-course03::before {
	content: "Grade 3";
}
.es-cont #about-course03::before {
	content: "Grade 5,6";
}
.about-course-box h3 {
	color: var(--vk-color-primary);
}
.check-list-box {
	padding: 20px;
	background: #f7f7f7;
}
.check-list-ttl {
	padding: 5px 15px;
	background: var(--vk-color-primary);
	color: #fff;
	font-weight: 700;
	text-align: center;
}
.check-list {
	list-style: none;
	padding: 0 !important;
}
.check-list li {
	position: relative;
	z-index: 1;
	margin: 0 !important;
	padding: 10px 0 10px 50px;
	font-weight: 700;
}
.check-list li::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 10px;
	transform: translatey(-50%);
	width: 20px;
	height: 20px;
	border: 1px solid var(--vk-color-primary);
	border-radius: 2px;
}
.check-list li::after {
	content: "";
	position: absolute;
	top: 35%;
	left: 20px;
	transform: translatey(-35%) rotate(50deg);
	width: 10px;
	height: 16px;
	border-right: 3px solid #FF3C38;
	border-bottom: 3px solid #FF3C38;
}
.pgm-cont .check-list {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.pgm-cont .check-list li {
	width: calc(50% - 7.5px);
}
.cost-ttl {
	position: relative;
	z-index: 1;
	text-align: center;
}
.cost-ttl::before {
	position: absolute;
	z-index: -1;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	content: "";
	width: 100%;
	height: 2px;
	border-top: 2px dashed #0084db;
}
.cost-ttl .txt {
	display: inline-block;
	min-width: 280px;
	border-radius: 9999px;
	background: #0084db;
	color: #fff;
	font-weight: 700;
	white-space: nowrap;
}
.cost-ttl.monthly::before {
	border-color: #dc0073;
}
.cost-ttl.monthly .txt {
	background: #dc0073;
}
.cost-ttl.another::before {
	border-color: #414288;
}
.cost-ttl.another .txt {
	background: #414288;
}
.price-tb-small th, .price-tb-small td {
	width: 50%;
	padding: 0.5rem 1rem;
}
.price-tb-small th {
	background: var(--vk-color-primary);
	color: #fff;
	text-align: center;
}
.price-tb-small td {
	font-weight: 700;
	text-align: right;
}
.price-tb .price, .price-tb-small .price {
	color: var(--color-ttl);
	font-size: 1.5rem;
	font-weight: 700;
}
.price-tb .negate {
	display: block;
	text-decoration: line-through;
}
.price-tb th {
	text-align: center;
}
.price-tb thead th {
	padding: 0.5rem 1rem;
	background: var(--vk-color-primary);
	color: #fff;
}
.price-tb:not(.normal-price-tb) thead th:last-child {
	color: var(--color-accent);
}
.price-tb tbody th {
	background: var(--color-sub-light);
}
.price-tb td {
	font-weight: 700;
	text-align: center;
}
.price-tb:not(.normal-price-tb) td:last-child {
	background: #FFF9E5;
}
.price-tb:not(.normal-price-tb,.es-price-tb) td:last-child .price {
	color: #FF3C38;
}
.es-price-tb thead th:nth-last-child(2) {
	color: var(--color-accent);
}
.es-price-tb td:nth-last-child(2) {
	background: #FFF9E5;
}
.es-price-tb td:nth-last-child(2) .price {
	color: #FF3C38;
}
.price-cmt-list-box {
	padding: 10px;
	border: 1px solid #eee;
	background: #f7f7f7;
	font-size: 0.9em;
}
.tb-desc {
	font-size: 0.95em;
}
.tb-desc .ka {
	color: var(--vk-color-primary);
	font-weight: 700;
}
.tb-desc .fuka {
	color: var(--color-ttl);
	font-weight: 700;
}
.tb-kome {
	margin-top: 10px !important;
}
.tb-scroll-kome {
	display: none;
}
.target-txt {
	display: inline-block;
	color: var(--vk-color-primary);
	font-weight: 700;
}
.target-tag {
	display: inline-block;
	padding: 0 15px;
	border-radius: 9999px;
	background: var(--vk-color-primary);
	color: #fff;
	font-weight: 700;
}

.post-name-pgm .page-header {
	background-position: center bottom 35%;
}

/* 入会の流れ */
.flow-cont:not(#pl-10642>div:last-child .flow-cont) {
	padding-bottom: 0 !important;
}
.flow-box {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	position: relative;
	z-index: 1;
	margin-top: 2rem;
}
.flow-box::before {
	position: absolute;
	z-index: -1;
	top: 0;
	left: 114px;
	content: "";
	width: 2px;
	height: calc(100% + 90px);
	background: var(--color-sub);
}
.flow-img-wrap {
	position: relative;
	z-index: 1;
	width: 230px;
}
.flow-img-wrap .deco-en {
	position: absolute;
	z-index: 2;
	top: -2rem;
	left: 50%;
	transform: translateX(-50%) rotate(-10deg);
	width: 100%;
	font-size: 3.5rem;
	text-align: center;
}
.flow-txt-wrap {
	width: calc(100% - 290px);
}
.flow-txt-wrap h2 {
	margin-bottom: 30px;
}
.flow-txt-wrap .btn-base {
	margin-top: 30px;
}

/* よくある質問 */
.accordion-area {
	list-style: none;
	margin: 0;
	padding: 0 !important;
}
.accordion-area li {
	position: relative;
	z-index: 1;
	margin: 0 0 20px 0;
}
.accordion-area li::before {
	position: absolute;
	z-index: 1;
	bottom: -9.5px;
	left: 0;
	content: "";
	width: 100%;
	height: 1px;
	background: #ccc;
}
.accordion-area section {
	position: relative;
	z-index: 1;
}
.acc-ttl span::before,
.acc-box::before {
	position: absolute;
	z-index: -1;
	top: 50%;
	left: 15px;
	transform: translateY(-50%);
	content: "Q";
	color: var(--vk-color-primary);
	font-size: 40px;
	font-weight: 400;
	font-family: 'Roboto', sans-serif;
	line-height: 1;
}
.acc-ttl {
	position: relative;
	cursor: pointer;
	font-size: 1.25rem;
	padding: 30px 50px 30px 55px;
	transition: all .5s ease;
}
.acc-ttl::before,
.acc-ttl::after{
	position: absolute;
	content:'';
	width: 15px;
	height: 2px;
	background-color: #333;
	transition: all 0.3s ease;
}
.acc-ttl::before{
	top:48%;
	right: 15px;
	transform: rotate(0deg);
}
.acc-ttl::after{    
	top:48%;
	right: 15px;
	transform: rotate(90deg);
}
.acc-ttl.close::before{
	transform: rotate(45deg);
}
.acc-ttl.close::after{
	transform: rotate(-45deg);
}
.acc-box {
	display: none;
	position: relative;
	z-index: 1;
	background: #f7f7f7;
	padding: 30px 30px 30px 55px;
}
.acc-box::before {
	top: 25px;
	transform: none;
	content: "A";
	color: var(--color-accent);
}
.acc-box .txt {
	font-size: 1rem;
}

/* お知らせ */
.entry-meta-data-list:first-child {
	margin-top: 30px;
}
.widget-title.sub-section-title {
	padding: 10px 15px;
	color: var(--color-ttl);
	font-weight: 700;
	line-height: 1;
	border-bottom: 1px solid var(--vk-color-primary);
	background: transparent;
}
.veu_postList .postList_title {
	font-size: 0.9rem;
}
.vk_post .vk_post_title {
	font-size: 1.2rem;
}
.post-img__wrap {
	margin-bottom: 30px;
	border: 1px solid #ccc;
}

/* お問い合わせ */
.post-name-contact .site-footer::before, .post-name-contact .ft-contact, .post-name-contact .ft-contact-ttl {
	display: none;
}
.contact-desc-cont, .tel-cont {
	padding-bottom: 0 !important;
}
.contact-desc-box {
	padding: 40px;
	background: #f7f7f7;
	font-size: 0.9em;
}
.tel-num, .fax-num {
	border-bottom: 1px solid var(--vk-color-primary);
	color: #333;
	font-size: 3.5rem;
	font-weight: 500;
	font-family: 'Poppins', 'Noto Sans JP', sans-serif;
	line-height: 1;
	transition: all 0.3s ease;
}
.fax-num {
	font-size: 3rem;
}
.tel-num:hover {
	color: var(--vk-color-primary);
}
.tel-num .fsize-s, .fax-num .fsize-s {
	margin: 5px;
	color: var(--color-accent);
	font-size: 0.5em;
	font-weight: 500;
}
.cf-mb {
	display: inline-block;
	margin-bottom: 15px;
	font-size: 0.9em;
}
.cf7-tb {
	overflow: hidden;
	table-layout: fixed;
	border-right: none;
	border-left: none;
}
.cf7-tb input, .cf7-tb textarea {
	margin-bottom: 0;
	padding: 0.5em 1em;
}
.cf7-tb textarea {
	border-radius: 5px;
}
.cf7-tb select {
	width: 100%;
	margin: 0 0 1em 0;
	padding: 0.5em;
}
.cf7-tb th, .cf7-tb td {
	font-size: 1rem;
	border-right: none;
	border-left: none;
}
.cf7-tb th {
	width: 40%;
	text-align: left;
}
.required {
	margin-right: 10px;
	padding: 2.5px 5px;
	border-radius: 2.5px;
	background: var(--color-accent);
	font-size: 0.7em;
	line-height: 1;
	vertical-align: middle;
}
.required.not-required {
	background: #ccc;
}
.cf7-tb td {
	width: 60%;
	text-align: left;
}
.cf7-tb .fsize-s {
	margin: 0;
}
.input-zip {
	display: inline-block;
	width: 150px !important;
	margin: 0 0 10px 5px !important;
}
.wpcf7-list-item {
	margin: 0 1em 0 0;
}
.cf7-btn {
	margin-top: 30px;
	text-align: center;
}
.cf7-btn .btn-base {
	padding: 20px 45px;
	color: var(--color-ttl);
	border: none;
	border-radius: 90px;
	background: var(--color-accent);
}
.cf7-btn .btn-base:hover {
	color: var(--color-ttl);
	background: #FFEA99;
}
.wpcf7-spinner {
	display: block;
	margin: 0 auto;
	text-align: center;
}
/* ------------------------------
サブページ end
------------------------------ */


/* ------------------------------
レスポンシブ対応 start
------------------------------ */
/* PC対応 */
@media (max-width: 1200px) {
	.base-cont, .contact-cont, .container:not(.page .site-body .container, .site-body-bottom .container) {
		width: 931px;
	}
	.site-header--layout--nav-float .site-header-logo {
		margin-right: 0.5rem;
	}
	.page-header {
		min-height: 20rem !important;
	}
	.page-header-title, h1.page-header-title {
		font-size: 2rem;
	}
	.page-header-subtext {
		font-size: 1rem;
	}
	.tel-num, .fax-num {
		font-size: 3rem;
	}
	.global-nav-list>li:last-child {
		padding: 14px 18px 14px 18px;
	}
	.global-nav-list>li:last-child a {
		padding: 0 0 0 30px;
	}
	.global-nav-list>li:last-child a i {
		left: 0;
		font-size: 1rem;
	}
}

/* 大型タブレット対応 */
@media (max-width: 991px) {
	.base-cont, .contact-cont, .container:not(.page .site-body .container, .site-body-bottom .container) {
		width: 736px;
	}
	.site-header {
		position: static !important;
		min-height: 55px;
	}
	.header_scrolled .site-header {
		position: relative !important;
	}
	.site-header-container {
		min-height: 40px;
	}
	.site-header--layout--nav-float .site-header-logo {
		min-height: 40px;
		margin: 0;
		padding: 7.5px 0;
	}
	.site-header-logo img {
		max-height: 40px;
	}
	.page-header {
		margin-top: 0 !important;
	}
	.vk-mobile-nav {
		padding: 90px 10px;
		text-align: center;
		background: transparent;
	}
	.vk-mobile-nav.vk-mobile-nav-open {
		display: block;
		background: #fff;
		transition: all 0.3s ease;
	}
	.vk-mobile-nav-menu-outer {
		opacity: 0;
	}
	.vk-mobile-nav-open .vk-mobile-nav-menu-outer {
		margin-bottom: 60px;
		animation-name: opacityAnime;
		animation-duration: 1s;
		animation-delay: 0s;
		animation-fill-mode: forwards;
	}
	@keyframes opacityAnime {
		0% { opacity: 0; }
		100% { opacity: 1; }
	}
	.vk-mobile-nav .btn-base {
		opacity: 0;
		width: 100%;
	}
	.vk-mobile-nav.vk-mobile-nav-open .btn-base {
		animation-name: opacityAnime;
		animation-duration: 1s;
		animation-delay: .3s;
		animation-fill-mode: forwards;
	}
	.vk-mobile-nav-menu-outer ul {
		border-top: none !important;
	}
	.vk-mobile-nav-menu-outer>ul>li a {
		position: relative;
		padding: 15px 15px !important;
		color: #333 !important;
		font-size: 1.5rem;
		font-weight: 600;
		font-family: 'Poppins', 'Noto Sans JP', sans-serif;
		text-align: center !important;
		border-bottom: none !important;
		z-index: 1;
	}
	.vk-mobile-nav-menu-outer>ul>li a .fsize-s {
		display: block;
		color: var(--vk-color-primary) !important;
		font-size: 0.5em;
	}
	.vk-menu-acc .acc-btn {
		top: 33px;
		border-color: var(--color-sub);
		border-radius: 50%;
		background-color: var(--color-sub);
	}
	.vk-menu-acc ul.sub-menu li a {
		color: var(--color-ttl) !important;
		font-size: 1.25rem;
	}
	.openbtn {
		position: fixed;
		top: 5px;
		right: 10px;
		transition: all 0.5s ease-out;
		cursor: pointer;
		width:  45px;
		height: 45px;
		z-index: 9999;
	}
	.openbtn span {
		display: inline-block;
		transition: all .4s;
		position: absolute;
		left: 0;
		width: 100%;
		height: 3px;
		border-radius: 2px;
		background: var(--vk-color-primary);
		box-sizing: content-box;
	}
	.openbtn span:nth-of-type(1) {
		top:13px;	
	}
	.openbtn span:nth-of-type(2) {
		top:21px;
	}
	.openbtn span:nth-of-type(3) {
		top:29px;
	}
	.openbtn.active span:nth-of-type(1) {
		top: 16px;
		transform: translateY(6px) rotate(-45deg);
	}
	.openbtn.active span:nth-of-type(2) {
		opacity: 0;
	}
	.openbtn.active span:nth-of-type(3){
		top: 28px;
		transform: translateY(-6px) rotate(45deg);
	}
	.vk-mobile-nav>nav>ul>li:last-child {
		margin-top: 15px;
		border-radius: 9999px;
		background: var(--color-accent);
	}
	.site-body {
		margin-top: 0 !important;
	}
	.main-section {
		margin-bottom: 90px;
	}
	.main-swiper {
		height: 80svh;
		min-height: 600px;
	}
	.ft-contact-inner {
		width: 70%;
		margin: 0 auto 0 0;
	}
	.course-item-wrap {
		justify-content: center;
		padding: 5px 0 0 !important;
	}
	.course-item, .course-item.sub-item {
		width: 100%;
		height: 30svh;
		min-height: 300px;
		margin-bottom: 5px !important;
	}
	.course-item.sub-item {
		margin: 0 0 5px 0!important;
	}
	.course-box {
		top: 60%;
		transform: translate(-50%, -60%);
	}
	.course-box h3 {
		font-size: 2rem;
		text-shadow: 0 0 15px var(--color-shadow);
	}
	.flow-icon {
		width: 150px;
		height: 150px;
	}
	.subpage-item {
		width: 100%;
	}
	.graph-box {
		padding: 0;
	}
	.feature-sub-wrap {
		width: 100%;
	}
	#pg-23-4::before, #pg-23-4::after {
		font-size: 6.5rem;
	}
}

/* タブレット対応 */
@media (max-width: 780px) {
	h1 { font-size: 1.5rem; }
	h2 { font-size: 30px; }
	h3 { font-size: 22px; }
	h4 { font-size: 18px; }
	h5 { font-size: 16px; }
	.pc-cont { display: none !important; }
	.sp-cont { display: block !important; }
	.base-cont {
		padding: 60px 20px;
	}
	.base-cont, .container:not(.page .site-body .container, .site-body-bottom .container) {
		width: 100%;
		padding-right: 20px;
		padding-left: 20px;
	}
	.site-body {
		padding: 60px 0;
	}
	.main-section {
		margin-bottom: 60px;
	}
	.page-header {
		min-height: 15rem !important;
	}
	.page .site-body-container {
		padding: 0;
	}
	.site-body-bottom {
		background: url(/wp-content/uploads/2023/09/bg_contact_sp.png) no-repeat right bottom, linear-gradient(115deg, rgba(165,201,181,0.7) 50%, #fff 100%), url(/wp-content/uploads/2025/10/page-header_flow.jpg) no-repeat center;
		background-size: 50%, 100%, cover;
	}
	.ft-contact {
		padding: 60px 20px;
	}
	.ft-contact-inner {
		width: 100%;
	}
	.ft-contact .ttl {
		margin-bottom: 45px; 
	}
	.site-footer-content {
		padding: 0 0 30px;
	}
	.link-ul li {
		width: calc(50% - 3.25px);
	}
	.megaphone {
		padding: 0 30px;
	}
	.mv-ttl-box {
		left: 5%;
		width: 100%;
	}
	.mv-ttl-box h2 {
		font-size: 7vw;
	}
	.mv-ttl-box .txt {
		width: 50%;
		font-size: 2.5vw;
	}
	.bar-graph-wrap.vertical.graph-test .graph {
		width: 100px;
	}
	.aboutus-item {
		width: calc(50% - 5px);
	}
	.aboutus-item:nth-child(n+4) {
		margin-bottom: 10px !important;
	}
	.jp-ttl h2 {
		font-size: 2.5rem;
	}
	.top-trial-cont .ttl h2 {
		text-shadow: 0 0 15px var(--color-shadow);
	}
	#pg-23-4 {
		margin: 60px 0 !important;
	}
	#pg-23-4::before, #pg-23-4::after {
		font-size: 5.5rem;
	}
	.top-feature-cont::before {
		top: 90px;
	}
	.feature-ttl {
		margin-top: -1rem;
	}
	.detail-btn {
		font-size: 0.9em;
	}
	#pg-23-6 {
		background: linear-gradient(0deg, transparent, var(--color-sub-light));
	}
	.flow-item {
		width: calc(50% - 15px);
	}
	#flow02::before {
		top: auto;
		bottom: -25px;
		right: auto;
		left: -35px;
		transform: rotate(135deg);
	}
	.subpage-item {
		height: 20svh;
		min-height: 200px;
	}
	.msg-txt-box {
		margin-top: 0;
		padding: 40px 40px 40px 20px;
	}
	.msg-txt-box::before {
		left: -20px;
		width: calc(100% + 20px);
		height: 150%;
	}
	.msg-img-box {
		width: 100%;	
	}
	.msg-img-box .deco-wrap {
		left: 0;
	}
	.msg-img-box .center {
		text-align: right;
	}
	.msg-img-box .center img {
		width: 60%;
		margin-right: 5%;
	}
	.msg-img-box .deco-en {
		font-size: 2rem;
	}
	#pg-16628-0::before, #pg-16628-1::before {
		font-size: 6.5rem;
	}
	.feature-visual-wrap {
		padding-bottom: 120px;
	}
	.feature-visual-wrap .feature-ttl {
		width: 100%;
	}
	.feature-txt-wrap {
		width: 100%;
	}
	.timetable-tb:not(.ex-tb) td {
		font-size: 1.25rem;
	}
	.tb-scroll-kome {
		display: block;
		font-size: 0.8em;
	}
	.table-scroll {
		overflow: scroll;
	}
	.table-scroll table {
		width: 991px;
	}
	.flow-img-wrap {
		width: 150px;
	}
	.flow-txt-wrap {
		width: calc(100% - 195px);
	}
	.flow-box::before {
		left: 74px;
		height: calc(100% - 60px);
	}
}
@media (max-width: 767px) {
	.pcbr { display: none; }
	.tabbr { display: inline-block; }
	.spbr { display: none; }
	.ltg-slide-text-title {
		font-size: 2.3rem;
	}
	.widget_nav_menu>ul li {
		font-size: 1rem;
	}
	.veu_postList .postList_title {
		font-size: 1rem;
	}
}

/* スマホ対応 */
@media (max-width: 576px) {
	h2 { font-size: 28px; }
	h3 { font-size: 20px; }
	.h-small {
		display: block;
		margin: 0;
	}
	.pcbr { display: none; }
	.tabbr { display: inline-block; }
	.spbr { display: inline-block; }
	.base-tb th, .base-tb td {
		font-size: 1rem;
	}
	.vk-mobile-nav-menu-outer>ul>li a {
		text-align: left;
	}
	.site-header-container {
		padding: 0 !important;
	}
	.site-header-logo--mobile-position--left img {
		margin-left: 10px !important;
	}
	.site-header--layout--nav-float .site-header-logo {
		text-align: left;
	}
	.page-header {
		min-height: 12.5rem !important;
	}
	.tel-num, .fax-num  {
		font-size: 2.8rem;
	}
	.tel-num .fsize-s, .fax-num .fsize-s {
		display: block;
	}
	.site-body-bottom {
		background-size: 320px, 100%, cover;
	}
	.ft-contact {
		position: relative;
		z-index: 1;
		padding: 60px 20px 200px;
	}
	.ft-contact::before {
		position: absolute;
		z-index: 1;
		bottom: 60px;
		left: 20px;
		content: "We are \A the best partner.";
		transform: rotate(-10deg);
		color: var(--color-sub-light);
		font-size: 14vw;
		font-family: 'Oooh Baby', 'Noto sans JP', sans-serif;
		line-height: 1;
		text-align: left;
		white-space: pre-wrap;
		text-shadow: 0 0 15px var(--color-shadow);
	}
	.ft-contact .ttl {
		margin-top: 1.5rem;
	}
	.ft-contact .ttl h2 {
		font-size: 1.75rem;
	}
	.ft-contact .ttl .deco-en {
		top: -1.5rem;
		left: -2rem;
		font-size: 3.5rem;
	}
	.ft-map {
		margin-bottom: 30px;
	}
	.ft-map iframe {
		height: 30svh !important;
		min-height: 300px !important;
	}
	.ft-logo img {
		width: 80%;
	}
	#wpfront-scroll-top-container {
		right: 10px !important;
		bottom: 10px !important;
		width: 55px;
	}
	.site-footer-copyright {
		padding-bottom: 70px;
	}
	.fixed-line {
		position: fixed;
		z-index: 9999;
		bottom: 10px;
		right: auto;
		left: 50%;
		transform: translateX(-50%);
	}
	.fixed-line img {
		height: 55px;
	}
	.cf7-tb th, .cf7-tb td {
		display: block;
		width: 100%;
		padding-right: 5px;
		padding-left: 5px;
		text-align: left;
	}
	.cf7-tb th {
		padding-bottom: 0;
		border-bottom: none;
	}
	.cf7-tb td {
		border-top: none;
	}
	.link-ul li {
		width: 100%;
	}
	.main-swiper {
		height: 50svh;
		min-height: 500px;
	}
	.mv-ttl-box {
		top: auto;
		bottom: 5%;
		transform: none;
	}
	.mv-ttl-box .txt {
		width: 70%;
		font-size: 1rem;
	}
	.ttl h2 {
		font-size: 2.5rem;
	}
	.jp-ttl h2 {
		font-size: 1.8rem;
	}
	.jp-ttl h2 .h-small {
		font-size: 0.65em;
	}
	.aboutus-item {
		width: 100%;
	}
	.top-trial-cont .ttl {
		margin-top: 1.5rem;
	}
	.top-trial-cont .ttl .deco-en {
		font-size: 5rem;
	}
	#pg-23-4 {
		margin: 30px 0 0 !important;
	}
	#pg-23-4::before, #pg-23-4::after {
		top: 30px;
		font-size: 14vw;
	}
	#pg-23-4::after {
		top: auto;
		bottom: 0;
	}
	.flow-item .deco-en {
		font-size: 2.5rem;
	}
	.flow-icon {
		width: 100px;
		height: 100px;
	}
	.flow-icon i {
		font-size: 2rem;
	}
	.msg-txt-box::before {
		height: 125%;
	}
	.msg-img-box {
		padding-top: 1rem;
	}
	.assisutudy-txt-wrap {
		text-align: left;
	}
	.aboutus-cont .ttl .deco-en {
		font-size: 12.5rem;
	}
	.bar-graph-wrap.vertical .graph, .lv-border.lv-a {
		left: 5%;
	}
	.bar-graph-wrap.vertical .graph.g-c, .lv-border.lv-c {
		right: 5%;
	}
	.class-flow-list li img {
		width: 100%;
	}
	.bar-graph-wrap.vertical.graph-test .graph {
		width: 50px
	}
	.bar-graph-wrap.vertical.graph-test .graph .name {
		top: -15px;
		padding: 0;
		font-size: 10px;
	}
	.bar-graph-wrap.vertical .graph span {
		font-size: 10px;
	}
	.num-ttl {
		padding: 5.5rem 0 15px 0;
		font-size: 1.5rem;
	}
	.num-ttl .deco-en {
		top: 0;
		transform: rotate(-5deg);
	}
	.num-txt-box {
		margin-left: 0;
	}
	.attn {
		font-size: 1.5rem;
	}
	.comp-tb thead th:first-child {
		width: 20%;
	}
	#pg-16628-0::before, #pg-16628-1::before {
		bottom: -3.5rem;
		font-size: 3.5rem;
	}
	.feature-visual-wrap .feature-img-wrap {
		width: 100%;
	}
	.feature-ttl h2 {
		font-size: 1.5rem;
	}
	.feature-visual-wrap .feature-ttl .deco-en {
		top: -2rem;
		font-size: 2.5rem;
	}
	.price-tb-small th, .price-tb-small td {
		display: block;
		width: 100%;
	}
	.price-tb-small td {
		border-top: none !important;
		text-align: center;
	}
	.pgm-cont .check-list li {
		width: 100%;
	}
	.flow-img-wrap {
		width: 100px;
	}
	.flow-txt-wrap {
		width: 100%;
		padding: 5px 0 45px 0;
		background: #fff;
	}
	.flow-box::before {
		left: 49px;
	}
	.acc-ttl {
		font-size: 1rem;
	}
	.contact-desc-box {
		padding: 20px;
	}
}
/* ------------------------------
レスポンシブ対応 end
------------------------------ */