/*
Theme Name: grobalworks
*/

/*----------------------------
* reset
*----------------------------*/
*,*::before,*::after{box-sizing:border-box}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin:0}ul[role='list'],ol[role='list']{list-style:none}body{min-height:100vh;line-height:1.5}h1,h2,h3,h4,button,input,label{line-height:1.1}h1,h2,h3,h4{text-wrap:balance}a:not([class]){text-decoration-skip-ink:auto;color:currentColor}img,picture{max-width:100%;display:block}input,button,textarea,select{font:inherit}textarea:not([rows]){min-height:10em}:target{scroll-margin-block:5ex}ul{list-style-type: none}

/*----------------------------
* 共通
*----------------------------*/
html {
	scroll-behavior: smooth;
}
body {
	font-family: "Noto Sans JP","游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
	background-color: #EDECE2;
}
img {
	width: 100%;
	height: auto;
}
a {
	text-decoration: none;
	cursor: pointer;
}
.header-top-margin{
	margin-top:50px;
}
.font-aboreto{
	font-family: "Aboreto", system-ui;
	font-weight: 400;
	font-style: normal;
}
.pc-only{
	display: block;
}
.sp-only{
	display: none;
}
.pc-only2{
	display: block;
}
.sp-only2{
	display: none;
}
@media (max-width: 1024px) {
	.pc-only{
		display: none;
	}
	.sp-only{
		display: block;
	}
}
@media (max-width: 768px) {
	.pc-only2{
		display: none;
	}
	.sp-only2{
		display: block;
	}
}

/*----------------------------
* ITスクール main
*----------------------------*/
.school__main-visual{
	background-image: url("../img/school_main-bg.jpg");
	background-position: center;
	background-size: cover;
	padding:60px 20px 50px;
}
.school__main-visual-title{
	font-size:30px;
	font-weight: 700;
	color: #39446D;
}
.school__main-visual-sub-title{
	font-size:20px;
}
.sp-break{
	display:block;
}
.school__main-visual-circle-area{
	display: flex;
	gap:16px;
	margin-top:20px;
}
.school__main-visual-circle{
    width:70px;
    height:70px;
    border-radius:50%;
    border:1px solid #39446D;
    display:flex;
    align-items:center;
    justify-content:center;
    text-align:center;
    line-height:1.2;
	font-size:14px;
    font-weight:700;
	color: #39446D;
	background-color: #FFFFFF;
}
.school__main-visual-course-card {
	display: block;
	text-decoration: none;
	position: relative;
	margin-top:20px;
	padding-top:20px;
	width: 245px;
}
.school__main-visual-course-card__label {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
    z-index: 2;
	padding: 8px;
	background: #FFFFFF;
	border: 1px solid #1D135F;
	border-radius: 5px;
	color: #1D135F;
	font-weight: 700;
	font-size: 14px;
	white-space: nowrap;
}
.school__main-visual-course-card__panel {
	padding: 30px 10px 20px;
	background-color: #F8FAFC;
	border-radius: 5px;
	box-sizing: border-box;
	box-shadow: 0 6px 6px rgba(0, 0, 0, 0.25);
}
.school__main-visual-course-card__sub {
	color: #CA0000;
	font-weight: 700;
	font-size: 16px;
}
.school__main-visual-course-card__price {
	margin-top:5px;
	color: #CA0000;
	line-height: 1;
	font-weight: 900;
}
.school__main-visual-course-card__price-small {
	font-size: 18px;
}
.school__main-visual-course-card__price-main {
	font-size: 36px;
}
.school__main-visual-course-card__price-separator{
	font-size:18px;
	margin:0 -5px;
}
.school__main-visual-course-card__price-percent{
	font-size:18px;
	margin-left:-5px;
}
.school__main-visual-cta-button{
	margin-top:20px;
    display:flex;
    align-items:center;
    justify-content:center;
    width:210px;
    padding:10px 30px;
    background-color:#0F3460;
    color:#FFFFFF;
    border-radius:3px;
    font-size:14px;
    font-weight:700;
    text-decoration:none;
}
@media (min-width: 768px) {
	.school__main-visual{
		background-image: url("../img/school_main-bg_PC.jpg");
		padding:160px 100px 70px;
	}
	.school__main-visual-title{
		font-size:40px;
		line-height: 1.5;
	}
	.school__main-visual-sub-title{
		font-size:32px;
	}
	.sp-break{
		display:inline;
	}
	.school__main-visual-course-card-area{
		display: flex;
		gap:100px;
	}
	.school__main-visual-course-card {
		margin:40px 0 0 50px;
		padding-top:20px;
		width: 420px;
	}
	.school__main-visual-course-card__label {
		padding: 5px 10px;
		border: 3px solid #1D135F;
		border-radius: 8px;
		color: #1D135F;
		background-color: #D3EAEB;
		font-size: 24px;
	}
	.school__main-visual-course-card__panel {
		padding: 50px 25px 30px;
		background-color: #FFFFFF;
		border-radius: 7px;
		box-sizing: border-box;
	}
	.school__main-visual-course-card__sub {
		font-size: 24px;
	}
	.school__main-visual-course-card__price-small {
		font-size: 28px;
	}
	.school__main-visual-course-card__price-main {
		font-size: 54px;
	}
	.school__main-visual-course-card__price-separator{
		font-size:28px;
	}
	.school__main-visual-course-card__price-percent{
		font-size:28px;
	}
	.school__main-visual-cta-button{
		margin:20px 0 0 80px;
		width:360px;
		padding:20px 50px;
		border-radius:5px;
		font-size:24px;
	}
	.school__main-visual-cta-button:hover{
		opacity: 0.8;
	}
	.school__main-visual-circle-area{
		align-items: flex-end;
	}
	.school__main-visual-circle{
		width:160px;
		height:160px;
		border:3px solid #39446D;
		line-height:1.2;
		font-size:32px;
	}
}
/*----------------------------
* ITスクール コース紹介
*----------------------------*/
.school__course {
	background-color: #F8FAFC;
}
.school__course-wrapper{
	background-image: url("../img/school_course-bg.png");
	background-position: bottom;
	background-size: cover;
	padding:50px 20px 30px;
}
.school__course-title{
	position: relative;
}
.school__course-sub-title{
	display:block;
	font-size:14px;
	font-weight: 700;
	color: #5E698F;
}
.school__course-main-title{
	display:block;
	font-size:32px;
	font-weight: 700;
	color: #39446D;
	margin:10px 0 0 15px;
}
.school__course-main-title::before{
    content:"";
    position:absolute;
    width:7px;
    height:40px;
    background:rgba(94, 105, 143, 0.3);
    left:10px;
    bottom:0;
    transform:rotate(40deg);
    border-radius:2px;
}
.school__course-name-area{
	display: flex;
	flex-direction: column;
}
.school__course-name{
	margin-top:15px;
	font-size:24px;
	font-weight: 700;
	color: #39446D;
}
.school__course-text{
	margin-top:15px;
	font-size:16px;
	font-weight: 500;
	line-height: 1.8;
}
.school__course-note{
	margin-top:10px;
	font-size:12px;
	font-weight: 400;
	line-height: 1.6;
}
.school__course-arrow-area {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-top:20px;
}
.school__course-arrow-area2 {
	gap: 40px;
}
.school__course-arrow-text {
	font-weight: 700;
	font-size: 16px;
	color: #39446D;
}
.school__course-arrow img{
	width: 30px;
}
.school__course-goal-title{
	margin-top:50px;
	position: relative;
}
.school__course-goal-sub-title,
.school__course-skill-sub-title{
	display:block;
	font-size:14px;
	font-weight: 700;
	color: #5E698F;
}
.school__course-goal-main-title,
.school__course-skill-main-title{
	display:block;
	font-size:32px;
	font-weight: 700;
	color: #39446D;
	margin:10px 0 0 15px;
}
.school__course-goal-sub-title::before,
.school__course-skill-sub-title::before{
    content:"";
    position:absolute;
    width:7px;
    height:40px;
    background:rgba(94, 105, 143, 0.3);
    left:10px;
    bottom:0;
    transform:rotate(40deg);
    border-radius:2px;
}
.school__course-goal-text{
	margin-top:15px;
	font-size:16px;
	font-weight: 500;
	line-height: 1.9;
	letter-spacing: 0.09em;
	color: #0F3460;
}
.pc-break{
	display:inline;
}
.school__course-skill-area{
	padding:0 20px;
}
.school__course-skill-title{
	padding-top:20px;
	position: relative;
}
.school__course-skill-card-area{
	margin-top:24px;
	display: flex;
	flex-direction: column;
	gap:20px;
	padding:20px;
	background-color: #FFFFFF;
    border: 1px solid #F1F5F9;
    border-radius: 4px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    box-sizing: border-box;
}
.school__course-skill-card-inner{
	display: flex;
	align-items: center;
	gap:15px;
}
.school_course-check{
	width: 24px;
}
.school__course-skill-text{
	font-size:16px;
	font-weight: 700;
	color:#1E3A8A;
}
.school__features{
	padding:50px 20px;
}
.school__features-title{
	position: relative;
}
.school__features-sub-title{
	display:block;
	font-size:14px;
	font-weight: 700;
	color: #5E698F;
}
.school__features-main-title{
	display:block;
	font-size:32px;
	font-weight: 700;
	color: #39446D;
	margin:10px 0 30px 15px;
}
.school__features-main-title::before{
    content:"";
    position:absolute;
    width:7px;
    height:40px;
    background:rgba(94, 105, 143, 0.3);
    left:10px;
    bottom:0;
    transform:rotate(40deg);
    border-radius:2px;
}
.school__features-card-area{
	display: flex;
	flex-direction: column;
	gap:20px;
}
.school__features-card{
	display: flex;
	align-items: flex-start;
	gap:15px;
	background-color: #FFFFFF;
	border: 3px solid #EDE7E5;
    box-shadow: 0 3px 3px rgba(0,0,0,0.03);
	border-radius: 3px;
	padding:15px;
	min-height: 120px;
}
.school_features-card{
	width: 40px;
	align-self: center;
}
.school__features-card-title{
	font-size:16px;
	font-weight: 700;
	color:#0F3460;
}
.school__features-card-text{
	margin-top:10px;
	font-size: 14px;
	font-weight: 500;
	line-height: 1.6
}
@media (min-width: 768px) {
	.school__course {
		background-color: #D3EAEB;
		background-image: url("../img/school_course-bg_PC.png");
		background-position: bottom;
		background-size: cover;
		padding:70px;
	}
	.school__course-wrapper{
		background-image: none;
		padding:0;
	}
	.school__course-sub-title{
		font-size:20px;
	}
	.school__course-main-title{
		font-size:64px;
	}
	.school__course-main-title::before{
		width:10px;
		height:60px;
		left:20px;
		bottom:20px;
	}
	.school__course-name{
		margin-top:20px;
		font-size:36px;
	}
	.school__course-text{
		font-size:20px;
		line-height: 2.2;
	}
	.school__course-note{
		margin-top:10px;
		font-size:16px;
		font-weight: 500;
		line-height: 2;
	}
	.school__course-arrow-area {
		gap: 20px;
		margin-top:40px;
	}
	.school__course-arrow-area:hover {
		opacity: 0.8;
	}
	.school__course-arrow-area2 {
		gap: 63px;
	}
	.school__course-arrow-text {
		font-size: 22px;
	}
	.school__course-arrow img{
		width: 45px;
	}
	.school__course-goal-title{
		margin-top:70px;
	}
	.school__course-goal-sub-title,
	.school__course-skill-sub-title{
		font-size:20px;
	}
	.school__course-goal-main-title,
	.school__course-skill-main-title{
		font-size:64px;
	}
	.school__course-goal-sub-title::before,
	.school__course-skill-sub-title::before{
		width:10px;
		height:60px;
		left:20px;
		bottom:20px;
	}
	.school__course-goal-text{
		margin-top:15px;
		font-size:20px;
		line-height: 2.2;
		color: #000000;
	}
	.pc-break{
		display:block;
	}
	.school__course-skill-area{
		margin-top:70px;
		padding:0;
	}
	.school__course-skill-title{
		padding-top:0;
	}
	.school__course-skill-card-area{
		margin:40px auto 0;
		width: min(760px,70vw);
		gap:30px;
		padding:30px;
	}
	.school__course-skill-card-inner{
		gap:25px;
	}
	.school_course-check{
		width: 40px;
	}
	.school__course-skill-text{
		font-size:26px;
	}
	.school__features{
		margin-top:70px;
		padding:0;
	}
	.school__features-sub-title{
		font-size:20px;
	}
	.school__features-main-title{
		font-size:64px;
	}
	.school__features-main-title::before{
		width:10px;
		height:60px;
		left:20px;
		bottom:20px;
	}
	.school__features-card-area{
		width: 90%;
		margin:0 auto;
		gap:15px;
	}
	.school__features-card{
		align-items: center;
		padding:20px;
		min-height: 160px;
	}
	.school_features-card{
		width: 50px;
	}
	.school__features-card-title{
		font-size:20px;
	}
	.school__features-card-text{
		font-size: 20px;
	}
}
@media (min-width: 1240px) {
	.school__course-name-area{
		flex-direction: row;
		justify-content: space-between;
	}
	.school__course-name-right-area{
		display: flex;
		flex-direction: column;
		justify-content: flex-end;
	}
	.school__features-card-area{
		display: grid;
		grid-template-columns: repeat(2, 1fr);
	}
}
/*----------------------------
* ITスクール 実績・満足度
*----------------------------*/
.school__our-results{
	background-color: #85A8DE;
	padding:40px 20px 50px;
}
.school__our-results-title{
	padding-top:20px;
    position: relative;
    font-size: 32px;
    font-weight: 700;
    color: #F8FAFC;
    text-align: center;
}
.school__our-results-title::before{
    content: "Our Results";
    position: absolute;
    left: 50%;
    top: 30%;
    transform: translate(-50%, -50%);
    font-size: 64px;
    font-weight: 700;
    color: #F8FAFC;
    opacity: 0.2;
    white-space: nowrap;
    pointer-events: none;
}
.school__our-results-text{
	margin:40px 0 20px;
	font-size:20px;
	font-weight: 700;
	line-height: 1.4;
	color: #F8FAFC;
	text-align: center;
}
.school__our-results-card-area{
	display: flex;
	flex-direction: column;
	gap:16px;
}
.school__our-results-card{
	background-color: #F8FAFC;
	text-align: center;
	border-radius: 4px;
	padding:20px 20px 30px;
}
.school__our-results-card-title{
	font-size:24px;
	font-weight: 700;
	color: #3D73C7;
	margin-bottom: 15px;
}
.school_our-results-card{
	width: 100px;
	display:block;
	margin:0 auto;
}
.school__our-results-card-num{
	font-size:30px;
	font-weight: 900;
	color: #3D73C7;
}
.school__our-results-card-num-percent{
	font-size:16px;
	font-weight: 350;
	margin-left:-5px;
}
.school__our-results-card-text{
	margin-top:10px;
	font-size:16px;
	font-weight: 500;
	line-height: 1.6;
	color: #0F3460;
}
@media (min-width: 768px) {
	.school__our-results{
		padding:50px 70px;
	}
	.school__our-results-card-area{
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		gap:40px;
	}
}
/*----------------------------
* ITスクール フォローアップ
*----------------------------*/
.school__follow-up{
	background-color: #FFFFFF;
	padding:50px 20px;
}
.school__follow-up-title{
	position: relative;
}
.school__follow-up-sub-title{
	display:block;
	font-size:14px;
	font-weight: 700;
	color: #5E698F;
}
.school__follow-up-main-title{
	display:block;
	font-size:32px;
	font-weight: 700;
	color: #39446D;
	margin:10px 0 20px 15px;
}
.school__follow-up-main-title::before{
    content:"";
    position:absolute;
    width:7px;
    height:40px;
    background:rgba(94, 105, 143, 0.3);
    left:10px;
    bottom:0;
    transform:rotate(40deg);
    border-radius:2px;
}
.school__follow-up-text{
	margin:20px 0;
	font-size:16px;
	font-weight: 500;
	line-height: 1.8;
}
.school__follow-up-card-area{
	display: flex;
	flex-direction: column;
	gap:16px;
}
.school__follow-up-card{
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap:8px;
	background-color: #EDE7E5;
	box-shadow:
        0 1px 2px -1px rgba(0,0,0,0.10),
        0 1px 3px 0 rgba(0,0,0,0.10);
	padding:20px;
	min-height: 90px;
	text-align: center;
}
.school__follow-up-card-sub-title{
	font-size:12px;
	font-weight: 700;
	color: #5E698F;
}
.school__follow-up-card-main-title{
	font-size:16px;
	font-weight: 700;
	color: #0F3460;
}
@media (min-width: 768px) {
	.school__follow-up{
		padding:60px 70px 40px;
	}
	.school__follow-up-sub-title{
		font-size:20px;
	}
	.school__follow-up-main-title{
		font-size:64px;
	}
	.school__follow-up-main-title::before{
		width:10px;
		height:60px;
		left:20px;
		bottom:20px;
	}
	.school__follow-up-text{
		margin:40px 0;
		font-size:20px;
		text-align: center;
	}
	.school__follow-up-card-area{
		flex-direction: row;
		justify-content: center;
		gap:20px;
	}
	.school__follow-up-card{
		width: 370px;
		padding:15px;
		min-height: 110px;
	}
	.school__follow-up-card-sub-title{
		font-size:16px;
	}
	.school__follow-up-card-main-title{
		font-size:20px;
	}
}
/*----------------------------
* ITスクール 実績・満足度
*----------------------------*/
.school__follow-up-our-results{
	background-color: #85A8DE;
	padding:40px 20px 50px;
}
.school__follow-up-our-results-title{
	padding-top:20px;
    position: relative;
    font-size: 32px;
    font-weight: 700;
    color: #F8FAFC;
    text-align: center;
}
.school__follow-up-our-results-title::before{
    content: "Our Results";
    position: absolute;
    left: 50%;
    top: 30%;
    transform: translate(-50%, -50%);
    font-size: 64px;
    font-weight: 700;
    color: #F8FAFC;
    opacity: 0.2;
    white-space: nowrap;
    pointer-events: none;
}
.school__follow-up-our-results-text{
	margin:40px 0 20px;
	font-size:20px;
	font-weight: 700;
	line-height: 1.4;
	color: #F8FAFC;
	text-align: center;
}
.school__follow-up-our-results-card-area{
	display: flex;
	flex-direction: column;
	gap:16px;
}
.school__follow-up-our-results-card{
	background-color: #F8FAFC;
	text-align: center;
	border-radius: 4px;
	padding:20px 20px 30px;
}
.school__follow-up-our-results-card-title{
	font-size:24px;
	font-weight: 700;
	color: #3D73C7;
	margin-bottom: 15px;
}
.school_follow-up-our-results-card{
	width: 100px;
	display:block;
	margin:0 auto;
}
.school__follow-up-our-results-card-num{
	font-size:30px;
	font-weight: 900;
	color: #3D73C7;
}
.school__follow-up-our-results-card-num-percent{
	font-size:16px;
	font-weight: 350;
	margin-left:-5px;
}
.school__follow-up-our-results-card-text{
	margin-top:10px;
	font-size:16px;
	font-weight: 500;
	line-height: 1.6;
	color: #0F3460;
}
@media (min-width: 768px) {
	.school__follow-up-our-results{
		padding:50px 70px;
	}
	.school__follow-up-our-results-card-area{
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		gap:40px;
	}
}
/*----------------------------
* ITスクール 卒業生の声
*----------------------------*/
.school__voices{
	background-color: #F8FAFC;
	padding-top:20px;
}
.school__voices-title{
	position: relative;
	margin:0 20px;
}
.school__voices-sub-title{
	display:block;
	font-size:14px;
	font-weight: 700;
	color: #5E698F;
}
.school__voices-main-title{
	display:block;
	font-size:32px;
	font-weight: 700;
	color: #39446D;
	margin:10px 0 20px 15px;
}
.school__voices-main-title::before{
    content:"";
    position:absolute;
    width:7px;
    height:40px;
    background:rgba(94, 105, 143, 0.3);
    left:10px;
    bottom:0;
    transform:rotate(40deg);
    border-radius:2px;
}
.voice-slider {
    overflow: hidden;
}
.voice-card {
    box-sizing: border-box;
    background: #FFFFFF;
    border-radius: 24px;
    padding: 20px 20px 30px;
    box-shadow:
		0 2px 4px -2px rgba(0, 0, 0, 0.1),
		0 4px 6px -1px rgba(0, 0, 0, 0.1);
	margin-bottom:15px;
}
.voice-card__head {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 20px;
}
.voice-card__head img {
    width: 60px;
    height: 60px;
}
.voice-card__name {
    font-size: 16px;
    font-weight: 900;
    color:#1E3A8A;
}
.voice-card__attr {
    font-size: 14px;
    font-weight: 700;
    color: #94A3B8;
}
.voice-card__text {
    font-size: 14px;
    line-height: 1.6;
    font-weight: 500;
    color: #4B5563;
}
.voice-slider .swiper-wrapper {
    margin-bottom: 0;
}
.voice-slider .swiper-pagination {
    position: static;
    text-align: center;
}
.voice-slider .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    opacity: 1;
    background: #BFDBFE;
}
.voice-slider .swiper-pagination-bullet-active {
    background: #2563EB;
}
@media (min-width: 768px) {
	.school__voices{
		padding:60px 0;
	}
	.school__voices-title{
		margin:0 70px;
	}
	.school__voices-sub-title{
		font-size:20px;
	}
	.school__voices-main-title{
		font-size:64px;
		margin:10px 0 30px 15px;
	}
	.school__voices-main-title::before{
		width:10px;
		height:60px;
		left:20px;
		bottom:20px;
	}
	.voice-card {
		padding: 30px 30px 40px;
	}
	.voice-card__name {
		font-size: 20px;
	}
	.voice-card__attr {
		font-size: 16px;
	}
	.voice-card__text {
		font-size: 16px;
		line-height: 1.8;
	}
    .voice-slider .swiper-pagination {
        display: none;
    }
}
/*----------------------------
* ITスクール 学習の流れ
*----------------------------*/
.school__process{
	background-color: #F8FAFC;
	padding:50px 20px;
}
.school__process-title{
	position: relative;
}
.school__process-sub-title{
	display:block;
	font-size:14px;
	font-weight: 700;
	color: #5E698F;
}
.school__process-main-title{
	display:block;
	font-size:32px;
	font-weight: 700;
	color: #39446D;
	margin:10px 0 30px 15px;
}
.school__process-main-title::before{
    content:"";
    position:absolute;
    width:7px;
    height:40px;
    background:rgba(94, 105, 143, 0.3);
    left:10px;
    bottom:0;
    transform:rotate(40deg);
    border-radius:2px;
}
.school__process-card-area{
	display: flex;
	flex-direction: column;
}
.school__process-card{
	display: flex;
	align-items: flex-start;
	gap:20px;
	margin-bottom:20px;
}
.school__process-card:last-of-type{
	margin-bottom:0;
}
.school__process-card-number{
	min-width: 40px;
	min-height: 40px;
	font-size:20px;
	font-weight: 900;
	color: #FFFFFF;
	background-color: #0F3460;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
}
.school__process-card-title{
	font-size:16px;
	font-weight: 700;
	color: #0F172A;
}
.school__process-card-text{
	margin-top:5px;
	font-size:14px;
	font-weight: 500;
	line-height: 1.4;
	color: #6B7280;
}
.school__process-text{
	margin-top:20px;
	font-size:16px;
	font-weight: 500;
	color: #000000;
	text-align: center;
}
@media (min-width: 768px) {
	.school__process{
		background-color: #D3EAEB;
		padding:50px 70px;
	}
	.school__process-sub-title{
		font-size:20px;
	}
	.school__process-main-title{
		font-size:64px;
	}
	.school__process-main-title::before{
		width:10px;
		height:60px;
		left:20px;
		bottom:20px;
	}
	.school__process-card-area{
		background-color: #FFFFFF;
		border-radius: 4px;
		width: min(760px,70vw);
		margin:0 auto;
		padding:30px;
	}
	.school__process-card{
		display: flex;
		align-items: flex-start;
		gap:20px;
		margin-bottom:20px;
	}
	.school__process-card:last-of-type{
		margin-bottom:0;
	}
	.school__process-card-number{
		min-width: 50px;
		min-height: 50px;
		font-size:24px;
	}
	.school__process-card-title{
		font-size:24px;
	}
	.school__process-card-text{
		margin-top:8px;
		font-size:20px;
	}
	.school__process-text{
		margin:10px 0 0 70px;
		font-size:20px;
		text-align: left;
	}
}
/*----------------------------
* ITスクール 学習の流れ
*----------------------------*/
.school__price{
	background-color: #EDE7E5;
	padding:20px 20px 50px;
}
.school__price-title{
	position: relative;
}
.school__price-sub-title{
	display:block;
	font-size:14px;
	font-weight: 700;
	color: #5E698F;
}
.school__price-main-title{
	display:block;
	font-size:32px;
	font-weight: 700;
	color: #39446D;
	margin:10px 0 30px 15px;
}
.school__price-main-title::before{
    content:"";
    position:absolute;
    width:7px;
    height:40px;
    background:rgba(94, 105, 143, 0.3);
    left:10px;
    bottom:0;
    transform:rotate(40deg);
    border-radius:2px;
}
.school__price-name{
	font-size:16px;
	font-weight: 700;
	color: #0F3460;
	text-align: center;
}
.school__price-amount{
	font-size:36px;
	font-weight: 900;
	color: #0F3460;
	text-align: center;
}
.school__price-tax{
	font-size:18px;
	font-weight: 700;
}
.school__price-text{
	margin-top:30px;
	font-size:16px;
	font-weight: 500;
	line-height: 1.8;
}
.school__price-cta-button{
	margin-top:30px;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:20px 30px;
    background-color:#0F3460;
    color:#FFFFFF;
    border-radius:4px;
    font-size:16px;
    font-weight:900;
    text-decoration:none;
}
.school__price-arrow{
	font-size:20px;
	font-weight: 300;
	margin-left:10px;
}
@media (min-width: 768px) {
	.school__price{
		background-color: #F8FAFC;
		padding:50px 70px 80px;
	}
	.school__price-sub-title{
		font-size:20px;
	}
	.school__price-main-title{
		font-size:64px;
	}
	.school__price-main-title::before{
		width:10px;
		height:60px;
		left:20px;
		bottom:20px;
	}
	.school__price-area{
		background-color: #EDE7E5;
		width: min(760px,70vw);
		padding:30px 30px 50px;
		margin:0 auto;
	}
	.school__price-name{
		font-size:32px;
	}
	.school__price-amount{
		font-size:58px;
	}
	.school__price-tax{
		font-size:30px;
	}
	.school__price-text{
		margin-top:20px;
		font-size:20px;
		text-align: center;
	}
	.school__price-cta-button{
		padding:20px 30px;
		border-radius:6px;
		font-size:24px;
		width: 460px;
		margin: 30px auto 0;
		box-shadow: 0 6px 6px rgba(0, 0, 0, 0.25);
	}
	.school__price-cta-button:hover{
		opacity: 0.8;
	}
	.school__price-arrow{
		font-size:28px;
		margin-left:20px;
	}
}
/*----------------------------
* ITスクール 共通
*----------------------------*/
.school-pc-only,
.school-pc-only-flex{
	display: none;
}
.school-sp-only{
	display: block;
}
.school-sp-only-flex{
	display: flex;
}
@media (min-width: 1240px) {
	.school-pc-only{
		display: block;
	}
	.school-pc-only-flex{
		display: flex;
	}
	.school-sp-only,
	.school-sp-only-flex{
		display: none;
	}
}
/* =========================
Voice slider fix（careerと統一）
========================= */

/* SP */
.voice-slider .swiper-slide{
  width:280px;
  height:219px;
  flex-shrink: 0;
}

/* PC */
@media screen and (min-width: 1024px){
  .voice-slider .swiper-slide{
    width:340px;
	height:324px;
  }
}