@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@500;700&family=Noto+Serif+JP&display=swap");
.l-main {
	/* font-family: "Noto Sans JP", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif; */
	font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Noto Sans Japanese', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', Arial, Meiryo, sans-serif;
	font-size: 15px;
	line-height: 1.5 !important;
}
/***************************
 *
 * トップページ
 * ★ページ中身用★
 *
 **************************/
@media all and (min-width: 737px) {
	main {
		max-width: 100%;

	}
	.main-online-title {
		text-align: center;
		font-weight: normal;
		font-size: 15px;
		position: relative;
		margin-bottom: -1px;
	}
	/*
MAIN VISUAL
*/
	.main-visual {
		position: relative;
		text-align: center;
		margin: 0 auto 40px;
		width: 100%;
		overflow: hidden;
	}
	.main-visual-title {
		max-width: 1194px;
		margin: 0 auto !important;
		line-height: 0;
	}
	.main-visual-title img {
		transform: scale(1.005);
		display: block;
		margin: 0 auto;
		width: 100%;
		max-width: 100%;
	}

	/*
	MAIN CAM
	*/
	.main-cam {
		position: relative;
		background: #2f3111;
		padding: 100px 0px;
	}
	.main-cam .main-cam-title {
		text-align: center;
		width: 85%;
		margin: 0 auto;
	}
	.main-cam .main-cam-title img {
		margin: 0 auto;
		width: 700px;
	}
	.main-cam .box-content {
		background: #fff;
		padding-top: 15px;
		padding-bottom: 15px;
		margin-top: 10px;
	}
	.main-cam .box-content p.center {
		color: #231916;
		font-size: 20px;
		text-align: center;
	}
	.main-cam .box-content .main-cam-btn {
		width: 95%;
		margin: 10px auto;
	}
	.main-cam .box-content .main-cam-btn:hover img {
		opacity: 0.7;
	}
	.main-cam .main-cam-btns {
		display: none;
	}
	.main-cam .main-cam-btns .inner {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		grid-gap: 5px;
		margin-bottom: 15px;
	}
	.main-cam .main-cam-btns a:hover {
		opacity: 0.7;
	}
	.main-cam ul {
		margin-left: 15px;
		margin-top: 30px;
	}
	.main-cam ul > li {
		color: #231916;
		font-size: 24px;
		position: relative;
		padding-left: 25px;
		line-height: 1.5em;
	}
	.main-cam ul > li span {
		color: #7fc1c0;
		font-size: 24px;
		font-weight: bold;
	}
	.main-cam ul > li:before {
		content: "";
		display: block;
		position: absolute;
		left: 0px;
		top: 10px;
		background: url(../img/online/main-cam-ul.png) 0 0 no-repeat;
		background-size: contain;
		width: 12px;
		height: 14px;
	}

	/*
	MAIN RESULT
	*/
	.main-result {
		position: relative;
		/* background: #7fc1c0; */
		background: #f4f3f3;
		padding: 100px 0 50px;
	}
	.main-result .box-content {
		/* background: #fff; */
		padding-top: 40px;
		padding-bottom: 40px;
	}
	.main-result .main-result-title {
		text-align: center;
		font-weight: bold;
		font-size: 40px;
		color: #804f22;
		margin-bottom: 20px;
	}
	.main-result .main-result-title span {
		position: relative;
	}
	.main-result .main-result-title span:before {
		content: "";
		display: block;
		position: absolute;
		left: -44px;
		top: -12px;
		background: url(../img/online/main-result-bullet.png) 0 0 no-repeat;
		background-size: contain;
		width: 60px;
		height: 57px;
	}
	.main-result .main-result-pic {
		width: 98%;
		margin: 0 auto 20px;
	}
	.main-result p.center {
		text-align: center;
		font-size: 20px;
		color: #412211;
		margin-bottom: 20px;
	}
	.main-result-hidden {
		display: none;
		width: 96%;
		margin: 0 auto 20px;
	}
	.main-result .main-result-btn {
		width: 419px;
		margin: 20px auto 0;
		position: relative;
	}
	.main-result .main-result-btn > span {
		display: block;
		position: relative;
		z-index: 2;
	}
	.main-result .main-result-btn:before {
		content: "";
		display: block;
		position: absolute;
		right: -44px;
		top: 5px;
		background: url(../img/online/main-result-bullet.png) 0 0 no-repeat;
		background-size: contain;
		width: 60px;
		height: 57px;
	}

	.main-result .main-result-btn:hover {
		opacity: 0.7;
	}

	/*
	MAIN ONLINE
	*/
	.main-online {
		position: relative;
		background: #f4f3f3;
		padding-bottom: 100px;
	}
	.main-online .main-online-header {
		position: relative;
		background: url(../img/online/main-online-header.png) center bottom no-repeat;
		background-size: 100% 100%;
		width: 100%;
		height: 259px;
		margin-bottom: 70px;
	}
	.main-online .main-online-header .main-online-title {
		text-align: center;
		font-size: 40px;
		color: #fff;
		padding-top: 40px;
		line-height: 1.2em;
		margin-top: 0;
	}
	.main-online .main-online-header .main-online-title span {
		font-size: 30px;
	}
	.main-online .main-online-title-2 {
		text-align: left;
		font-size: 30px;
		color: #7ec0c0;
		margin-top: 40px;
		margin-bottom: 20px;
	}
	.main-online .main-online-title-2 span {
		color: white;
		background: #7ec0c0;
		font-size: 24px;
		padding: 0 5px;
	}
	.main-online .main-online-pic-1 {
		text-align: right;
		display: flex;
		justify-content: flex-end;
		margin-right: -15px;
		margin-bottom: 15px;
	}
	.main-online .main-online-pic-1 img {
		width: 100%;
	}
	.main-online .main-online-pic-2 {
		text-align: right;
		display: flex;
		justify-content: flex-start;
		margin-left: -15px;
		margin-right: -15px;
		margin-bottom: 15px;
	}
	.main-online .main-online-pic-2 img {
		width: 100%;
	}
	.main-online p {
		font-size: 20px;
	}

	/*
	MAIN TEACHER
	*/
	.main-teacher {
		position: relative;
		background: url(../img/online/main-teacher-bg.jpg) center top no-repeat;
		background-size: 100% 100%;
		padding: 100px 0;
	}
	.main-teacher .main-teacher-title {
		text-align: center;
		font-size: 40px;
		color: #6a3907;
		margin-bottom: 20px;
	}
	.main-teacher p {
		font-size: 20px;
		color: #6a3907;
	}
	.main-teacher p.center {
		font-size: 1.8rem;
		color: #6a3907;
		text-align: center;
		margin-bottom: 40px;
	}
	.list-teacher {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		grid-gap: 35px 3px;
		margin: 40px auto;
	}
	.list-teacher > li {
		text-align: center;
	}
	.list-teacher img {
		margin: 0 auto;
		max-height: 260px;
	}
	.list-teacher p {
		text-align: center;
		color: #010100;
		margin-top: 10px;
	}
	.main-teacher .main-teacher-box {
		border: 1px solid #a38a78;
		border-radius: 15px;
		background: #eeeeef;
		padding: 25px;
		margin-top: 60px;
	}
	.main-teacher .main-teacher-box p {
		color: #402210;
		margin-bottom: 10px;
		font-size: 20px;
	}
	.main-teacher .main-teacher-box p span {
		display: inline-block;
		background: rgba(15,172,103,0.2);
	}
	.main-teacher .main-teacher-box p:last-child {
		margin-bottom: 0;
	}

	/*
	MAIN PRO
	*/
	.main-pro {
		position: relative;
		background: url(../img/online/main-pro-bg.jpg) center top no-repeat;
		background-size: cover;
		padding: 100px 0;
	}
	.main-pro .main-pro-title {
		font-size: 34px;
		color: #402210;
		margin-bottom: 10px;
	}
	.main-pro .main-pro-title + p {
		font-size: 20px;
		color: #402210;
		margin-bottom: 20px;
	}
	.main-pro .main-pro-title-2 {
		font-size: 28px;
		color: #fff;
		margin-bottom: 20px;
		background: #402210;
		text-align: center;
		font-weight: normal;
		padding: 10px 0;
	}
	.main-pro .main-pro-title-3 {
		font-size: 28px;
		color: #402210;
		margin-top: 40px;
		margin-bottom: 20px;
		text-align: center;
		font-weight: normal;
	}
	.main-pro .main-pro-title-3:before {
		content: "";
		display: inline-block;
		vertical-align: middle;
		width: 7px;
		height: 14px;
		background: #402210;
		margin-right: 10px;
	}
	.main-pro .main-pro-title-3:after {
		content: "";
		display: inline-block;
		vertical-align: middle;
		width: 7px;
		height: 14px;
		background: #402210;
		margin-left: 10px;
	}
	.main-pro .main-pro-title-4 {
		font-size: 27px;
		color: #402210;
		margin-top: 40px;
		margin-bottom: 20px;
		text-align: right;
		font-weight: normal;
	}
	.main-pro .main-pro-title-5 {
		font-size: 28px;
		color: #402210;
		margin-top: 40px;
		margin-bottom: 20px;
		text-align: left;
		font-weight: normal;
		border-left: 7px solid #402210;
		padding-left: 15px;
		clear: both;
	}
	.main-pro .main-pro-title-5-2 {
		margin-top: 40px;
	}
	.main-pro p {
		font-size: 20px;
		color: #231916;
	}
	.list-pro {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		grid-gap: 3px;
	}
	.list-pro > li {
		text-align: center;
	}
	.list-pro > li img {
		height: 320px;
		
	}
	.list-pro > li:nth-child(1) img {
		position: relative;

	}
	.list-pro img {
		display: block;

		margin: 0 auto 10px;
	}
	.list-pro p {
		font-size: 20px;
		color: #231916;
		text-align: center;
		margin-top: 5px;
	}
	.main-pro .main-pro-pic-1 {
		margin: 0 -15px 30px;
	}
	.main-pro .main-pro-title-5 + p img {
		float: right;
		width: 38%;
		margin-top: -50px;
	}
	/*
	MAIN WHY
	*/
	.main-why {
		position: relative;
		background: #f4f3f3;
		padding: 100px 15px;
	}
	.main-why .main-why-title {
		font-size: 40px;
		color: #402210;
		margin-bottom: 30px;
		line-height: 1.5em;
		font-weight: normal;
	}
	.main-why p {
		font-size: 20px;
		line-height: 2em;
		font-weight: normal;
	}
	.main-why p.right {
		text-align: right;
		margin-top: 30px;
		font-size: 20px;
	}
	.box-why {
		position: relative;
		border: 3px solid #402210;
		margin-bottom: 40px;
	}
	.box-why:before {
		content: "";
		border: 3px solid #402210;
		width: 100%;
		height: 100%;
		position: absolute;
		left: 3px;
		top: -9px;
	}
	.box-why .inner {
		position: relative;
		box-sizing: border-box;
		padding: 30px;
	}
	.box-why .why-p {
		text-align: center;
	}
	.box-why .why-title {
		font-size: 1.3em;
		text-align: center;
		margin: 50px auto;
	}
	.box-why p {
		margin-bottom: 25px !important;
	}
	.box-why li {
		position: relative;
		padding-left: 1.3em;
	}
	.box-why li:before {
		content: "※";
		position: absolute;
		left: 0;
		top: 0;
	}
	/*
	MAIN QNA
	*/
	.main-qna {
		position: relative;
		background: #f4f3f3;
		padding-bottom: 1px;
	}
	.main-qna .main-qna-title {
		font-size: 37px;
		color: #402210;
		margin-top: 0;
		margin-bottom: 20px;
	}
	.list-qna > li {
		margin-bottom: 15px;
	}
	.list-qna .q {
		background: rgba(9,111,184,0.37);
		text-align: center;
		padding: 20px;
		font-size: 20px;
		font-weight: normal;
	}
	.list-qna .q:hover {
		opacity: 0.7;
	}
	.list-qna .q:after {
		content: "TAP HERE";
		display: block;
	}
	.list-qna .a {
		margin-top: 10px;
		display: none;
	}
	.list-qna .a p {
		font-size: 20px;
	}
	/*
	MAIN COURSE
	*/
	.main-course {
		position: relative;
		padding: 1px 0 100px;
		background: #f4f3f3;
	}
	.main-course .box-content {
	}
	.main-course .box-content > .inner {
		padding: 10px;
		background: #2f3111;
	}
	.main-course .main-course-title {
		font-size: 30px;
		color: #402210;
		margin-bottom: 20px;
		text-align: center;
	}
	.box-course {
		position: relative;
		border: 1px solid rgba(64, 34, 16, 0.19);
		background: #fff;
		margin-bottom: 20px;

		text-align: center;
	}
	.box-course .course-inner {
		background: rgba(200, 187, 155, 0.19);
		padding: 30px 20px;
	}
	.box-course .box-course-cam {
		position: absolute;
		left: 20px;
		top: 20px;
		color: #0fac67;
		font-size: 20px;
	}
	.box-course .box-course-title {
		text-align: center;
		border-bottom: 4px solid #402210;
		font-size: 30px;
		padding-bottom: 3px;
		display: inline-block;
		font-weight: normal;
		margin-bottom: 30px;
	}
	.box-course .box-course-infos {
		display: flex;
		justify-content: space-between;
	}
	.box-course .box-course-infos > div {
		width: 48%;
	}
	.box-course .box-course-infos p {
		text-align: left;
		font-size: 20px;
		margin-bottom: 5px;
	}
	.box-course .box-course-infos ul {
	}
	.box-course .box-course-infos li {
		text-align: left;
		font-size: 16px;
		line-height: 2em;
		position: relative;
		margin-bottom: 0px;
		padding-left: 1.2em;
	}
	.box-course .box-course-infos li:before {
		content: "・";
		position: absolute;
		left: 0;
		top: 0;
	}
	.box-course .box-course-infos-2 > div:nth-child(2) p {
		font-size: 16px;
	}
	/* .box-course .box-course-infos li:before {
		content: "・";
	} */
	/* .box-course .box-course-infos > div:nth-child(2) li:nth-child(1):before {
		content: "";
		display: block;
		width: 290px;
		height: 34px;
		background: url(../img/online/box-course-infos-ima.png) left 0 no-repeat;
		background-size: contain;
	}
	.box-course .box-course-infos > div:nth-child(2) li:nth-child(1):after {
		content: "";
		display: block;
		position: absolute;
		left: 65px;
		bottom: -10px;
		background: url(../img/online/cross.png) 0 0 no-repeat;
		background-size: contain;
		width: 50px;
		height: 50px;
	}
	.box-course .box-course-infos > div:nth-child(2) li:nth-child(2):after {
		content: "";
		display: block;
		position: absolute;
		left: 0;
		bottom: 0;
		width: 250px;
		height: 4px;
		background: #0fac67;
	} */
	.box-course .box-course-btn {
		margin: 20px auto 0;
	}
	.box-course .box-course-btn > a {
		display: block;
		text-align: center;
		background: url(../img/online/box-course-btn.png) center center no-repeat;
		background-size: cover;
		font-size: 2rem;
		line-height: 70px;
	}
	.box-course .box-course-btn > a:hover {
		opacity: 0.7;
	}
	
	/*
	KAGO INTRO
	*/
	.kago-intro {
		position: relative;
		background: linear-gradient(to right,  rgba(28,148,211,1) 0%,rgba(12,118,185,1) 30%,rgba(7,86,156,1) 72%,rgba(2,62,137,1) 100%);
		padding: 5px;
	}
	.kago-intro .inner {
		background: #fff;
		padding: 4px;
	}
	.kago-intro .inner-2 {
		background: linear-gradient(to right,  rgba(28,148,211,1) 0%,rgba(12,118,185,1) 30%,rgba(7,86,156,1) 72%,rgba(2,62,137,1) 100%);
		padding: 2px;
	}
	.kago-intro .inner-3 {
		background: #fff;
		padding: 40px 0;
	}
	.kago-intro .kago-intro-title {
		text-align: center;
		font-size: 36px;
		color: #182a87;
		margin-top: 0;
		margin-bottom: 20px;
	}
	.kago-intro .kago-intro-title strong {
		font-size: 35px;
		color: #182a87;
	}
	.kago-intro .kago-intro-title .serif {
		color: #182a87;
		font-weight: normal;
	}
	.kago-intro .kago-intro-title + h1.center {
		text-align: center;
		font-size: 14px;
		color: #231916;
		line-height: 1.8em;
		margin-bottom: 40px;
		font-weight: normal;
	}
	.kago-intro .list-kago-intro {
		width: 480px;
		margin: 0 auto;
	}
	.kago-intro .list-kago-intro li {
		font-size: 28px;
		color: #181d61;
		position: relative;
		margin-bottom: 25px;
		font-weight: normal;
	}
	.kago-intro .list-kago-intro li:before {
		content: "";
		display: block;
		width: 100%;
		height: 3px;
		background: linear-gradient(to right,  rgba(28,148,211,1) 0%,rgba(12,118,185,1) 30%,rgba(7,86,156,1) 72%,rgba(2,62,137,1) 100%);
		position: absolute;
		left: 0;
		bottom: 0;
	}
	.kago-intro .list-kago-intro li img {
		position: absolute;
		left: -50px;
		top: 0;
		width: 24px;
	}
	.kago-intro .list-kago-intro li:nth-child(2) img {
		width: 24px;
		left: -50px;
	}
	.kago-intro .list-kago-intro li:nth-child(3) img {
		width: 24px;
		left: -50px;
	}
	.kago-intro .list-kago-intro li:nth-child(4) img {
		width: 24px;
		left: -50px;
	}
	.kago-intro .list-kago-intro li:nth-child(5) img {
		width: 24px;
		left: -50px;
	}
	
	.main-intro {
		margin-top: 50px;
		background: none;
		margin-bottom: 50px;
	}
	.main-intro .main-intro-last {
		margin: 0 auto 50px !important;
	}
	.main-proof {
		background: none;
	}
	.main-proof .proof-feats {
		color: black;
	}
	/*
	KAGO FEATS
	*/
	.kago-feats {
		position: inherit;
		max-width: 596px;
		margin: 0 auto;
	}
	.kago-feats .kago-feats-title {
		background: linear-gradient(to bottom,  rgba(28,148,211,1) 0%,rgba(12,118,185,1) 30%,rgba(7,86,156,1) 92%,rgba(2,62,137,1) 100%);
		text-align: center;
		color: white;
		font-weight: bold;
		font-size: 38px;
		line-height: 1.1em;
		font-weight: normal;
		padding: 15px 0;
	}
	.kago-feats .kago-feats-title + p.center {
		text-align: center;
		font-size: 26px;
		color: #182a87;
		line-height: 1.26em;
	}
	.kago-feats .kago-feats-title + p.center span {
		position: relative;
	}
	.kago-feats .kago-feats-title + p.center span:before {
		content: "♦";
		display: block;
		width: 100%;
		position: absolute;
		left: 0;
		top: -3em;
		text-align: center;
		font-size: 7px;
	}
	.box-kago-feat {
		position: relative;
		margin-bottom: 30px;
	}
	.box-kago-feat .kago-feat-title {
		text-align: left;
		font-size: 34px;
		color: #182a87;
		line-height: 1.23em;
		padding: 15px;
		margin: 0;
		font-weight: normal;
	}
	.box-kago-feat p {
		font-size: 20px;
		line-height: 1.5em;
		padding: 0 15px 15px;
		margin: 0;
	}
	.box-365 {
		max-width: 472.5px;
		margin: 50px auto;
	}
	
	/*
	KAGO CONTENTS
	*/
	.kago-contents {
		position: relative;
		max-width: 596px;
		margin: 0 auto;
	}
	.kago-contents .kago-title {
		background: linear-gradient(to bottom,  rgba(28,148,211,1) 0%,rgba(12,118,185,1) 30%,rgba(7,86,156,1) 92%,rgba(2,62,137,1) 100%);
		text-align: center;
		color: white;
		font-weight: bold;
		font-size: 38px;
		line-height: 1.1em;
		font-weight: normal;
		padding: 15px 0;
	}
	.kago-contents .kago-title + p.center {
		font-size: 26px;
		color: #182a87;
		line-height: 1.26em;
		text-align: center;
	}
	.kago-contents .kago-title-2 {
		text-align: center;
		font-size: 40px;
		line-height: 1.5em;
		color: #181d61;
	}
	.kago-contents .kago-title-2.light {
		color: #046eb7;
	}
	.kago-contents .kago-title-2:after {
		content: "";
		display: block;
		background: url(../img/kago/kago-class-title.png) center top no-repeat;
		background-size: contain;
		width: 192px;
		height: 10px;
		margin: 10px auto 40px;
	}
	.kago-swiper {
		position: relative;
		padding-left: 50px;
		padding-right: 50px;
	}
	.kago-swiper .swiper-slide {
		box-sizing: border-box;
		border: 5px solid #181d61;
		padding: 10px;
	}
	.kago-swiper .swiper-slide .inner {
		border: 2px solid #181d61;
		padding: 20px;
		text-align: center;
	}
	.kago-swiper .swiper-slide img {
		
	}
	.kago-swiper .swiper-slide .teacher-title {
		color: white !important;
		text-align: center;
		display: block;
		font-size: 32px !important;
		background: #1d2087 !important;
		font-weight: normal;
		margin-bottom: 10px;
		width: 70%;
		margin-left: auto;
		margin-right: auto;
	}
	.kago-swiper .swiper-slide p.serif {
		color: #231916;
	font-size: 30px !important;
		text-align: center !important;
		margin-top: 0;
	}
	.kago-swiper .swiper-slide p.serif + p {
		font-size: 20px;
		line-height: 1.5em;
		text-align: left;
	}
	.kago-contents .kago-title-3 {
		text-align: center;
		font-size: 32px;
		line-height: 1.5em;
		color: #046eb7;
	}
	.kago-teacher-swiper {
		position: relative;
		padding-left: 50px;
		padding-right: 50px;
		margin-bottom: 80px !important;
	}
	.kago-teacher-swiper .swiper-slide {
		box-sizing: border-box;
		border: 5px solid #00a0e8;
		padding: 10px;
	}
	.kago-teacher-swiper .swiper-slide .inner {
		border: 2px solid #00a0e8;
		padding: 20px;
	}
	.box-tc {
		position: relative;
		height: 236px;
		padding-left: 210px;
		padding-top: 1px;
	}
	.box-tc:nth-child(1) {
		margin-bottom: 40px;
	}
	.box-tc img {
		position: absolute;
		left: 0;
		top: 0;
		width: 192px;
	}
	.box-tc .tc-title {
		background: #046eb7;
		color: white;
		text-align: left;
		font-size: 32px;
		line-height: 1.3em;
		margin: 10px 0 10px;
	}
	.box-tc .tc-title-2 {
		background: #e3007f;
	}
	.box-tc .tc-caption-1 {
		font-size: 20px;
		margin: 0 10px;
	}
	.box-tc .tc-caption-2 {
		font-size: 30px;
		margin: 10px 10px;
	}
	.price-menu {
		border: 2px solid #8f7a5a;
		padding: 20px;
		margin-bottom: 70px;
	
	}
	.price-menu .main-price-menu > p {
		text-align: center;
		padding: 30px;
	}
	.price-menu .main-price-menu > p:after {
		top: 40px;
	}
	.kago-title-info {
		margin-top: 80px;
	}
	.kago-title-3-2 {
		text-align: center;
		font-size: 25px;
		font-weight: normal;
		color: #181d61;
	}
	.kago-title-3-2:after {
		content: "";
		display: block;
		background: url(../img/kago/kago-class-title.png) center top no-repeat;
		background-size: contain;
		width: 192px;
		height: 10px;
		margin: 10px auto 40px;
	}
	.kago-title-3-2 + p {
		font-size: 22px;
		color: #181d61;
		text-align: left;
		margin-left: 50px;
		margin-right: 50px;
	}
	.box-kg-info {
		border: 1px solid #181d61;
		padding: 20px;
		margin-bottom: 20px;
		position: relative;
	}
	.box-kg-info .kg-info-title {
		text-align: center;
		font-weight: normal;
		font-size: 25px;
		color: #181d61;
		margin-top: 0;
	}
	.box-kg-info p {
		text-align: left;
	}
	.box-kg-info .kg-info-link {
		cursor: pointer;
		text-align: center;
		color: #181d61;
	}
	.box-kg-info .kg-info-detail {
		display: none;
	}
	.box-kg-info h5 {
		font-size: 25px;
		margin-bottom: 10px;
	}
	.box-kg-info .kg-info-detail p {
		
	}
	.box-kg-info .kg-info-detail p.im {
		font-size: 25px;
		margin-bottom: 10px;
		font-weight: bold;
	}
	.kago-title-ceo {
		margin-top: 80px;
	}
	.box-ceo {
		
	}
	.box-ceo .box-ceo-plate {
		height: 0;
		background: url(../img/online/online-plate.jpg) center top no-repeat;
		background-size: contain;
		padding-top: 51.8557794274%;
		width: 90%;
		margin: 0 auto;
	}
	.box-ceo .box-ceo-plate p {
		display: none;
	}
	.box-ceo p {
		font-family: "Noto Serif JP", serif;
		color: #402210;
	}
	.list-news-kago {
		
	}
	.list-news-kago > li {
		position: relative;
		margin-bottom: 20px;
		display: flex;
		justify-content: space-between;
		padding: 1px 0;
	}
	.list-news-kago .news-kago-pic {
		width: 30%;
	}
	.list-news-kago .news-kago-pic img {
		width: 100%;
		height: auto;
		max-width: 100%;
	}
	.list-news-kago .news-kago-content {
		width: 68%;
	}
	.list-news-kago .news-kago-content h3 {
		margin: 10px 0;
		font-size: 22px;
	}
	.list-news-kago .news-kago-content h3 a {
		font-size: 22px;
		color: #231916;
		line-height: 1.2em;
		font-weight: normal;
	}
	.btn-news-more {
		max-width: 389px;
		margin: 30px auto;
	}
	.kago-out {
		position: relative;
		max-width: 596px;
		margin: 80px auto 30px;
		padding-bottom: 20px;
	}
	.kago-out .kago-out-title {
		text-align: center;
		font-weight: bold;
		color: #07569c;
		font-size: 30px;
		line-height: 1.5em;
		margin-top: 40px;
		margin-bottom: 25px;
	}
	.kago-out p {
		font-size: 22px;
		line-height: 1.7em;
		color: #181d61;	
	}
	.kago-out .kago-out-title-2 {
		text-align: center;
		font-size: 25px;
		font-weight: normal;
		color: #181d61;
	}
	.kago-out .kago-out-title-2:after {
		content: "";
		display: block;
		background: url(../img/kago/kago-class-title.png) center top no-repeat;
		background-size: contain;
		width: 192px;
		height: 10px;
		margin: 10px auto 40px;
	}
	.kago-out .kago-out-ul {
		width: 355px;
		margin: 0 auto 20px;
	}
	.kago-class-swiper .swiper-button-next,
	.kago-class-swiper-2 .swiper-button-next,
	.kago-swiper .swiper-button-next,
	.kago-teacher-swiper .swiper-button-next {
		background: url(../img/kago/next.png) 0 0 no-repeat;
		background-size: contain;
		width: 59px;
		height: 59px;
		right: 0;
	}
	.kago-class-swiper .swiper-button-prev,
	.kago-class-swiper-2 .swiper-button-prev,
	.kago-swiper .swiper-button-prev,
	.kago-teacher-swiper .swiper-button-prev {
		background: url(../img/kago/prev.png) 0 0 no-repeat;
		background-size: contain;
		width: 59px;
		height: 59px;
		left: 0;
	}
	.kago-feat-impact {
		background: rgba(21,174,103,0.2);
	}
	.kago-title-bold {
		text-align: center;
		font-weight: normal;
		color: #181d62;
		font-size: 32px;
	}
	.online-feats {
		position: relative;
		background: url(../img/online/online-feats-bg.jpg) center center no-repeat;
		background-size: cover;
		padding: 30px 0;
	}
	.box-of {
		padding: 0 15px;
	}
	.box-of .kago-title-2 {
		font-size: 28px;
	}
	.box-of .of-pic {
		margin: 30px auto;
	}
	.box-of p.s {
		font-size: 14px;
	}
	.box-op {
		position: relative;
		padding: 30px 50px;
		margin: 40px auto 70px;
	}
	.box-op:before {
		content: "";
		width: 100%;
		height: 100%;
		position: absolute;
		left: 0;
		top: 0;
		border: 3px solid #412211;
	}
	.box-op:after {
		content: "";
		width: 100%;
		height: 100%;
		position: absolute;
		left: 1%;
		top: -1%;
		border: 3px solid #412211;
	}
	.box-op p {
		margin-bottom: 30px !important;
	}
	.box-op .op-title {
		text-align: center;
		font-size: 23px;
		font-weight: normal;
		margin-bottom: 30px;
	}
	.box-op .op-title-2 {
		text-align: center;
		font-size: 28px;
		font-weight: normal;
		margin-bottom: 30px;
	}
	.box-op .op-title-2 small {
		font-size: 14px;
	}
	.box-op p.notice {
		position: relative;
		padding-left: 20px;
	}
	.box-op p.notice:before {
		content: "※";
		position: absolute;
		left: 0;
		top: 0;
	}
	.main-price-menu {
		position: relative;
		cursor: pointer;
	}
	.main-price-menu:after {
		content: "";
		display: block;
		position: absolute;
		right: 30px;
		top: 50%;
		background: url(../img/online-btn.png) 0 0 no-repeat;
		background-size: contain;
		width: 25px;
		height: 15px;
		margin-top: -7.5px;
	}
	.online-pr {
		position: relative;
		background: rgba(201,188,157,19%);
		box-sizing: border-box;
		padding: 30px;
		display: none;
	}
	.online-pr .online-pr-title {
		text-align: center;
		font-size: 22px;
		color: #412211;
	}
	.online-pr .online-pr-title:after {
		content: "";
		display: block;
		width: 163px;
		height: 6px;
		margin: 15px auto;
		background: #412211;
	}
	.online-pr .online-pr-content {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		grid-gap: 30px;
	}
	.online-pr .online-pr-content > div {
		position: relative;
	}
	.online-pr .online-pr-content .online-pr-title-2 {
		text-align: left;
		font-weight: normal;
		font-size: 20px;
		color: #231916;
		margin-bottom: 10px;
	}
	.online-pr .online-pr-content ul.list {
		margin-bottom: 20px;
	}
	.online-pr .online-pr-content ul.list li {
		position: relative;
		padding-left: 15px;
		font-size: 15px;
	}
	.online-pr .online-pr-content ul.list li:before {
		content: "・";
		position: absolute;
		left: 0;
		top: 0;
	}
	.online-pr .online-pr-content p.online-pr-x {
		position: relative;
	}
	.online-pr .online-pr-content p.online-pr-x:after {
		content: "";
		background: url(../img/pr-x.png) 0 0 no-repeat;
		background-size: contain;
		width: 20px;
		height: 20px;
		position: absolute;
		left: 50px;
		top: 5px;
	}
	.online-pr .online-pr-content p.online-pr-x-2 {
		background: rgba(34,172,57,12%);
		padding: 5px;
		color: #006935;
	}
	.online-pr .online-pr-content p.online-pr-x-3 {
		
	}
	.online-pr .online-pr-content p.online-pr-x-4 {
		position: absolute;
		left: 0;
		bottom: 0;
		font-size: 13px;
	}
	
	.box-ceo p {
		margin-bottom: 30px !important;
	}
	.main-course-btn-wrap {
		display: grid;
		grid-template-columns: repeat(1, 1fr);
	}
}