@charset "utf-8";
/**
/* CSS RESET START
----------------------------------------------- */
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed,figure, figcaption, footer, header, hgroup,menu, nav, output, ruby, section, summary,time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;vertical-align: baseline;box-sizing: border-box;-webkit-box-sizing: border-box;}
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;}
html{overflow-y: scroll;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;}
input, textarea{margin: 0;padding: 0;outline: none;}
ol, ul{list-style:none;}
table{border-collapse: collapse; border-spacing:0;width:100%;}
caption, th{text-align: left;}
img {vertical-align: middle;max-width:100%;height: auto;}
.clearfix {min-height: 1px;}
.clearfix:after {content: "."; display: block;clear: both;height: 0;visibility: hidden;}
.both{clear:both;}
/**
/* CSS START
----------------------------------------------- */
@font-face {
	font-family: "goodhead";
	src: url("../font/goodheadlinepro-condnews.otf") format("truetype");
}
html,body {
	width: 100%;
	font-family: "Noto Sans JP", sans-serif;
	color: #333333;
	font-size: 16px;
	font-weight: 400;
	margin: 0;
	padding: 0;
	line-height: 1.6;
	letter-spacing: 0.01em;
}
@media only screen and (max-width: 767px) {
	html,body {
		font-size: 4vw;
	}
}
@media only screen and (min-width: 768px) and (max-width: 1024px){
	html,body {
		font-size: 14px;
	}
}
#Wrapper{
	width: 100%;
	display: flex;
	flex-direction: column;
	min-height: 100vh;
}
*, *:before, *:after{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
}
a{
	text-decoration: none;
	-webkit-transition: 0.8s;
	-moz-transition: 0.8s;
	-o-transition: 0.8s;
	-ms-transition: 0.8s;
	transition: 0.8s;
	color: #524237;
}
br.pc_br,
.pc_img,
.pc{
	display: none;
}
br.sp_br,
.sp_img,
.sp{
	display: block;
}
@media only screen and (min-width: 767px){
	br.sp_br,
	.sp_img,
	.sp{
		display: none;
	}
	.pc_img{
		display: inline-block;
	}
	br.pc_br,
	.pc{
		display: block;
	}
}
/**
/* flex CSS
----------------------------------------------- */
.flex{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.flex_row{
	webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
}
.flex_between{
	-webkit-justify-content: space-between;
	justify-content: space-between;
}
.flex_column{
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
		flex-direction: column;
}
.flex_center{
	-webkit-justify-content: center;
	justify-content: center;
}
.flex_wrap{
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	flex-wrap: wrap;
}
.items_start{
	align-items: flex-start;
}
.items_center{
	align-items: center;
}
.items_end{
	align-items: flex-end;
}
/**
/* ヘッダー CSS
----------------------------------------------- */
.header{
	position: relative;
	padding: 5rem 4rem 3.75rem 4rem;
}
.header::before,
.header::after{
	content: "";
	position: absolute;
}
.header:before{
	background: url("../img/mv_bg.png") center no-repeat;
	background-size: cover;
	top: 0;
	left: 0;
	width: 39.0625rem;
	height: 41.375rem;
}
.header::after{
	background: url("../img/mv_bg2.png") center no-repeat;
	background-size: cover;
	top: 53rem;
	right: 0;
	width: 36.5625rem;
	height: 77.5625rem;
}
.video-container video {
	width: 100%;
	border-radius: 3.125rem;
}
.mv-view .view-container{
	position: relative;
	margin-top: -5rem;
	z-index: 1;
}
.view-container .view-caption{
	display: inline-block;
	background: #ffffff;
	padding: 1.5rem 4rem 1rem 5rem;
	border-radius: 0 3.125rem 0 0;
}
.view-container .view-caption p{
	color: #000000;
	font-size: 1.75rem;
	line-height: 1.25;
	font-weight: 400;
}
.view-container .view-caption p span{
	display: inline-block;
	background: #57eef1;
	font-size: 2.25rem;
	padding: 0 0.625rem;
	margin: 0.5rem 0.5rem 0 0;
}
.view-container .view-ttl{
	padding-left: 5rem;
}
.view-container .view-ttl h1{
	color: #1c4573;
	font-size: 4.5rem;
	line-height: 1.35;
	font-weight: 700;
}
.view-container .view-ttl h1 small{
	font-size: 3.25rem;
}
.view-container .roma{
	font-family: "goodhead";
	color: #0fc0c4;
	font-size: 2rem;
	line-height: 1.35;
	font-weight: normal;
	letter-spacing: 0.1em;
}
.view-container .view-icon{
	position: absolute;
	right: 0;
	top: 8.5rem;
}
.view-container .view-icon ul{
	column-gap: 1.25rem;
}
.view-container .view-icon ul li{
	width: calc(50% - 0.625rem);
}
.view-scroll{
	position: absolute;
	left: -3.5rem;
	bottom: 0;
}
.view-scroll a{
	font-family: "goodhead";
	color: #333333;
	font-size: 1.5rem;
	line-height: 1.35;
	font-weight: normal;
	letter-spacing: 0.1em;
	writing-mode: vertical-lr;
	transform: rotate(180deg);
	padding-top: 18.25rem;
}
.view-scroll a:before{
	background: url("../img/scroll_bar.png") center no-repeat;
	background-size: cover;
	content: "";
	position: absolute;
	top: 0;
	left: calc(50% - 1px);
	width: 2px;
	height: 16.75rem;
	transform: rotate(180deg);
}
@media only screen and (max-width: 1450px) {
	.view-container .view-caption{
		padding: 1.5rem 4rem 1rem 0rem;
	}
	.view-container .view-ttl{
		padding-left: 0rem;
	}
}
@media only screen and (max-width: 1370px) {
	.view-container .view-ttl h1 br.sp_br{
		display: block;
	}
}
@media only screen and (max-width: 767px) {
	.header{
		padding: 1.1875rem 1.1875rem 2.5rem 1.1875rem;
	}
	.header:before{
		width: 18.0625rem;
		height: 18.0625rem;
	}
	.header::after{
		top: 13rem;
		width: 19rem;
		height: 35.5rem;
	}
	.mv-view .video-container{
		padding-top: 56.25%;
		width: 100%;
		position: relative;
	}
	.video-container video {
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0px;
		left: 0px;
		border-radius: 1.25rem 1.25rem 0 0;
	}
	.mv-view .view-container{
		margin-top: 0.5rem;
	}
	.view-container .view-caption{
		background: transparent;
		padding: 0;
		margin-bottom: 0.625rem;
	}
	.view-container .view-caption p{
		font-size: 0.875rem;
	}
	.view-container .view-caption p span{
		font-size: 1.125rem;
		padding: 0 0.25rem 0.125rem 0.25rem;
		margin: 0.375rem 0.25rem 0 0;
	}
	.view-container .view-ttl{
		padding-left: 0;
	}
	.view-container .view-ttl h1{
		font-size: 2.4375rem;
		line-height: 1.125;
		margin-bottom: 0.625rem;
	}
	.view-container .view-ttl h1 small{
		font-size: 1.875rem;
	}
	.view-container .roma{
		font-size: 1.3125rem;
	}
	.view-container .view-icon{
		position: absolute;
		right: 0;
		top: auto;
		bottom: -1.125rem;
	}
	.view-container .view-icon ul{
		column-gap: 0.625rem;
	}
	.view-container .view-icon ul li{
		width: 4.5rem;
	}
	.view-scroll{
		display: none;
	}
}
@media only screen and (min-width: 768px) and (max-width: 1024px){
	.header{
		padding: 2rem 2rem 2.5rem 2rem;
	}
	.header:before{
		width: 30.0625rem;
		height: 31.375rem;
	}
	.header::after{
		top: 32rem;
		width: 30.5625rem;
		height: 64.5625rem;
	}
	.mv-view .view-container{
		margin-top: -4rem;
	}
	.view-container .view-caption{
		padding: 0.625rem 2.5rem 0.625rem 0;
		border-radius: 0 3.125rem 0 0;
	}
	.view-container .view-caption p{
		font-size: 1.25rem;
	}
	.view-container .view-caption p span{
		font-size: 1.65rem;
		padding: 0 0.5rem;
		margin: 0.5rem 0.375rem 0 0;
	}
	.view-container .view-ttl{
		padding-left: 0;
	}
	.view-container .view-ttl h1{
		font-size: 3.5rem;
	}
	.view-container .view-ttl h1 small{
		font-size: 2.25rem;
	}
	.view-container .roma{
		font-size: 1.875rem;
	}
	.view-container .view-icon{
		top: 5.5rem;
	}
	.view-container .view-icon ul{
		column-gap: 1rem;
	}
	.view-container .view-icon ul li{
		width: calc(50% - 0.5rem);
		max-width: 6rem;
	}
	.view-scroll{
		display: none;
	}
}
/**
/* 共通設定 CSS
----------------------------------------------- */
/*　　コンテンツ　　*/
.inner{
	position: relative;
	width: 100%;
	max-width: 1360px;
	margin: 0 auto;
}
.center{
	text-align: center;
}
/*　　見出し　　*/
.section-ttl{
	position: relative;
}
.section-ttl::after{
	position: absolute;
	display: block;
	content: "";
	bottom: -2.5rem;
	left: 50%;
	transform: translate(-50%, 0%);
}
.section-ttl h2{
	color: #1c4573;
	font-size: 2rem;
	line-height: 1.35;
	font-weight: 400;
	letter-spacing: 0.05em;
}
@media only screen and (max-width: 767px) {
	.section-ttl::after{
		bottom: -1.125rem;
	}
	.section-ttl h2{
		font-size: 1.5rem;
	}
}
@media only screen and (min-width: 768px) and (max-width: 1024px){
	.section-ttl::after{
		bottom: -2rem;
	}
	.section-ttl h2{
		font-size: 1.75rem;
	}
}
/*　　ボタン　　*/
.btn-container{
	padding: 4.6875rem 0 5.625rem 0;
}
.block_btn li{
	width: 100%;
	max-width: 26.875rem;
	margin: auto;
}
.block_btn a{
	position: relative;
	width: 100%;
	display: block;
	background: #ff2f4f;
	color: #ffffff;
	font-size: 1.5rem;
	line-height: 3;
	font-weight: 700;
	border-radius: 2.5rem;
}
.block_btn a::after{
	position: absolute;
	top: 0;
	bottom: 0;
	right: 1.25rem;
	margin: auto;
	content: "";
	vertical-align: middle;
	width: 0.875rem;
	height: 0.875rem;
	border-top: 0.25rem solid #ffffff;
	border-right: 0.25rem solid #ffffff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
@media only screen and (max-width: 767px) {
	.btn-container{
		padding: 2.6875rem 0 2.625rem 0;
	}
	.block_btn li{
		max-width: 20rem;
	}
	.block_btn a{
		font-size: 1rem;
		line-height: 3.2;
		border-radius: 2.5rem;
	}
	.block_btn a::after{
		right: 1.5rem;
		width: 0.625rem;
		height: 0.625rem;
	}
}
@media only screen and (min-width: 768px) and (max-width: 1024px){
	.btn-container{
		padding: 3.6875rem 0 4.625rem 0;
	}
	.block_btn a{
		font-size: 1.375rem;
	}
	.block_btn a::after{
		right: 1.875rem;
	}
}
/*　　ボックス　　*/
.bg-container{
	background: url(../img/bg-container.png) no-repeat top left;
	background-size: cover;
	border-radius: 3.125rem;
}
@media only screen and (max-width: 767px) {
	.bg-container{
		background: #defcff;
		border-radius: 1.5rem;
	}
}
/**
/* コンテンツ CSS
----------------------------------------------- */
.section-btn .btn-container{
	padding: 0 0 1.25rem 0;
}
.section-btn .section-arrow{
	margin-top: 2.5rem;
}
@media only screen and (max-width: 767px) {
	.section-btn .btn-container{
		padding: 0;
	}
	.section-btn .section-arrow{
		margin-top: 1.25rem;
		margin-bottom: -0.5rem;
	}
	.section-btn .section-arrow img{
		width: 1.875rem;
	}
}
@media only screen and (min-width: 768px) and (max-width: 1024px){
	.section-btn .btn-container{
		padding: 0 0 2rem 0;
	}
	.section-btn .section-arrow{
		margin-top: 2rem;
	}
	.section-btn .section-arrow img{
		width: 2.5rem;
	}
}
/*　　section-01　　*/
.section-01{
	background: #defcff;
	padding: 5.625rem 3rem 6.125rem 3rem;
}
.section-01 .inner{
	max-width: 1180px;
}
@media only screen and (max-width: 767px) {
	.section-01{
		padding: 3rem 1rem;
	}
}
@media only screen and (min-width: 768px) and (max-width: 1024px){
	.section-01{
		padding: 4.5rem 2rem 3.125rem 2rem;
	}
}
/*　　特徴　　*/
.feature-guide .section-ttl{
	margin-bottom: 3rem;
}
.feature-guide .section-ttl h2{
	font-size: 4rem;
	font-weight: 500;
	letter-spacing: 0.01em;
}
.feature-guide .section-ttl h2 span{
	font-size: 3rem;
}
.feature-guide .commentArea{
	margin-bottom: 3rem;
}
.feature-guide .commentArea .text{
	font-size: 1.5rem;
	font-weight: 400;
	line-height: 1.75;
	text-align: center;
}
.feature-guide .commentArea .text span{
	padding: 0 0.375rem;
}
.feature-guide .commentArea .text img{
	width: 8rem;
	vertical-align: baseline;
}
.feature-guide .feature-list .box{
	position: relative;
}
.feature-guide .feature-list .box::after{
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0.625rem;
	left: 0.625rem;
	background: #CFF9F6;
	background: linear-gradient(90deg,rgba(207, 249, 246, 1) 0%, rgba(79, 223, 226, 1) 50%, rgba(6, 161, 194, 1) 100%);
	border-radius: 2.5rem;
}
.feature-guide .feature-list .box .box-inner{
	position: relative;
	background: #ffffff;
	height: 100%;
	z-index: 1;
	border-radius: 2.5rem;
	padding: 0.65rem 3rem 3rem 3rem;
}
.feature-guide .feature-list .box:nth-child(2) .box-inner{
	padding: 2.5rem 3rem 3rem 3rem;
}
.feature-guide .feature-list .box:not(:last-child){
	margin-bottom: 6.25rem;
}
.feature-guide .feature-list .box .logo{
	margin-bottom: 1rem;
}
.feature-guide .feature-list .box:nth-child(2) .logo{
	margin-bottom: 2.5rem;
}
.feature-guide .feature-list .box:nth-child(1) .logo img{
	width: 16.1875rem;
}
.feature-guide .feature-list .box:nth-child(2) .logo img{
	width: 11.8125rem;
}
.feature-guide .feature-list .box h3{
	color: #1c4573;
	font-size: 1.625rem;
	font-weight: 400;
	line-height: 1.4;
	text-align: center;
	margin-bottom: 2rem;
}
.feature-guide .feature-list .box .imgArea{
	width: 45%;
}
.feature-guide .feature-list .box .imgArea ul{
	column-gap: 0.5rem;
}
.feature-guide .feature-list .box .imgArea ul li{
	width: calc(50% - 0.25rem);
	text-align: center;
}
.feature-guide .feature-list .box .imgArea ul li p{
	font-size: 0.75rem;
	font-weight: 400;
	line-height: 1.35;
	letter-spacing: 0.025em;
	margin-top: 1rem;
}
.feature-guide .feature-list .box .imgArea ul li p.name{
	font-size: 1.125rem;
	font-weight: 400;
	line-height: 1.35;
	letter-spacing: 0.01em;
	margin-top: 0.25rem;
}
.feature-guide .feature-list .box .contentArea{
	width: 55%;
	padding-left: 3rem;
}
.feature-guide .feature-list .box .contentArea p{
	font-size: 1.125rem;
	font-weight: 400;
	line-height: 1.65;
}
.section-01 .btn-container{
	padding: 5.625rem 0;
}
@media only screen and (max-width: 767px) {
	.feature-guide .section-ttl{
		margin-bottom: 2rem;
	}
	.feature-guide .section-ttl h2.sp{
		display: flex;
		align-items: flex-end;
		-webkit-justify-content: center;
		justify-content: center;
		text-align: left;
	}
	.feature-guide .section-ttl h2 span{
		font-size: 1.5rem;
	}
	.feature-guide .section-ttl h2 .bg{
		font-size: 2.4375rem;
	}
	.feature-guide .section-ttl h2 small{
		font-size: 1.1875rem;
	}
	.feature-guide .commentArea{
		margin-bottom: 1.5rem;
	}
	.feature-guide .commentArea .text{
		font-size: 1rem;
	}
	.feature-guide .commentArea .text span{
		padding: 0 0.375rem;
	}
	.feature-guide .commentArea .text img{
		width: 4.8125rem;
	}
	.feature-guide .feature-list .box::after{
		top: 0.5rem;
		left: 0.5rem;
		border-radius: 1.25rem;
	}
	.feature-guide .feature-list .box .box-inner{
		border-radius: 1.25rem;
		padding: 1rem 1.125rem 1.5rem 1.125rem;
	}
	.feature-guide .feature-list .box:nth-child(2) .box-inner{
		padding: 2.5rem 1.125rem 1.125rem 1.125rem;
	}
	.feature-guide .feature-list .box:not(:last-child){
		margin-bottom: 1.875rem;
	}
	.feature-guide .feature-list .box .logo{
		margin-bottom: 0;
	}
	.feature-guide .feature-list .box:nth-child(2) .logo{
		margin-bottom: 2rem;
	}
	.feature-guide .feature-list .box:nth-child(1) .logo img{
		width: 14.1875rem;
	}
	.feature-guide .feature-list .box:nth-child(2) .logo img{
		width: 9.8125rem;
	}
	.feature-guide .feature-list .box h3{
		font-size: 1rem;
		margin-bottom: 1.25rem;
	}
	.feature-guide .feature-list .box .imgArea{
		width: 100%;
	}
	.feature-guide .feature-list .box .imgArea ul li p{
		font-size: 0.5625rem;
		text-align: left;
		margin-top: 0.5rem;
	}
	.feature-guide .feature-list .box .imgArea ul li p.name{
		font-size: 0.625rem;
		margin-top: 0.25rem;
	}
	.feature-guide .feature-list .box .contentArea{
		width: 100%;
		padding-left: 0;
		margin-top: 1rem;
	}
	.feature-guide .feature-list .box .contentArea p{
		font-size: 1rem;
	}
	.section-01 .btn-container{
		padding: 3rem 0 2.625rem 0;
	}
}
@media only screen and (min-width: 768px) and (max-width: 1024px){
	.feature-guide .section-ttl{
		margin-bottom: 2rem;
	}
	.feature-guide .section-ttl h2{
		font-size: 2.5rem;
	}
	.feature-guide .section-ttl h2 span{
		font-size: 2rem;
	}
	.feature-guide .commentArea{
		margin-bottom: 2rem;
	}
	.feature-guide .commentArea .text{
		font-size: 1.25rem;
	}
	.feature-guide .commentArea .text span{
		padding: 0 0.375rem;
	}
	.feature-guide .commentArea .text img{
		width: 7rem;
	}
	.feature-guide .feature-list .box::after{
		top: 0.625rem;
		left: 0.625rem;
		border-radius: 2.5rem;
	}
	.feature-guide .feature-list .box .box-inner{
		padding: 1rem 2rem 3rem 2rem;
	}
	.feature-guide .feature-list .box:nth-child(2) .box-inner{
		padding: 2.5rem 2rem 3rem 2rem;
	}
	.feature-guide .feature-list .box:not(:last-child){
		margin-bottom: 3.25rem;
	}
	.feature-guide .feature-list .box .logo{
		margin-bottom: 0.5rem;
	}
	.feature-guide .feature-list .box:nth-child(2) .logo{
		margin-bottom: 2.5rem;
	}
	.feature-guide .feature-list .box h3{
		font-size: 1.375rem;
		margin-bottom: 1.5rem;
	}
	.feature-guide .feature-list .box .imgArea ul{
		column-gap: 0.5rem;
	}
	.feature-guide .feature-list .box .imgArea ul li{
		width: calc(50% - 0.25rem);
	}
	.feature-guide .feature-list .box .imgArea ul li p{
		font-size: 0.75rem;
		margin-top: 1rem;
	}
	.feature-guide .feature-list .box .imgArea ul li p.name{
		font-size: 1.125rem;
		margin-top: 0.25rem;
	}
	.feature-guide .feature-list .box .contentArea{
		padding-left: 2rem;
	}
	.feature-guide .feature-list .box .contentArea p{
		font-size: 1rem;
	}
	.section-01 .btn-container{
		padding: 4.625rem 0;
	}
}
/*　　産学連携　　*/
.alignment-guide .section-ttl{
	margin-bottom: 4rem;
}
.alignment-guide .section-ttl h2{
	position: relative;
	display: inline-block;
	font-size: 4.5rem;
	font-weight: 700;
	letter-spacing: 0.01em;
	padding: 0.25rem 2.5rem 0.625rem 2.5rem;
}
.alignment-guide .section-ttl h2::before,
.alignment-guide .section-ttl h2::after{
	position: absolute;
	display: block;
	content: "";
	width: 2.5rem;
	height: 2.5rem;
}
.alignment-guide .section-ttl h2::before{
	background: url("../img/parentheses-l.png") center no-repeat;
	background-size: contain;
	top: 0;
	left: 0;
}
.alignment-guide .section-ttl h2::after{
	background: url("../img/parentheses-r.png") center no-repeat;
	background-size: contain;
	bottom: 0;
	right: 0;
}
.alignment-guide .section-ttl h2 span{
	font-size: 3.5rem;
}
.alignment-guide .section-ttl h2 small{
	font-size: 3rem;
}
.alignment-guide .commentArea .text{
	font-size: 1.3125rem;
	font-weight: 400;
	line-height: 1.75;
}
.alignment-guide .commentArea .text span{
	background: #ffffff;
	display: inline;
	color: #f22f50;
	padding: 0 0.5rem;
}
.alignment-guide .alignment-list{
	column-gap: 1rem;
	margin-top: 4rem;
}
.alignment-guide .alignment-list li{
	width: calc(50% - 0.5rem);
}
.alignment-guide .alignment-list li img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 2.5rem;
}
@media only screen and (max-width: 767px) {
	.alignment-guide .section-ttl{
		margin-bottom: 2rem;
	}
	.alignment-guide .section-ttl h2{
		font-size: 2.4375rem;
		line-height: 1.25;
		padding: 0.25rem 1.25rem 0.625rem 1.25rem;
	}
	.alignment-guide .section-ttl h2::before,
	.alignment-guide .section-ttl h2::after{
		width: 1.25rem;
		height: 1.25rem;
	}
	.alignment-guide .section-ttl h2 span{
		font-size: 1.75rem;
	}
	.alignment-guide .section-ttl h2 small{
		font-size: 1.5rem;
	}
	.alignment-guide .commentArea .text{
		font-size: 1rem;
	}
	.alignment-guide .commentArea .text span{
		padding: 0 0.5rem;
	}
	.alignment-guide .alignment-list{
		column-gap: 0;
		row-gap: 1rem;
		margin-top: 2rem;
	}
	.alignment-guide .alignment-list li{
		width: 100%;
	}
	.alignment-guide .alignment-list li img{
		border-radius: 1.25rem;
	}
}
@media only screen and (min-width: 768px) and (max-width: 1024px){
	.alignment-guide .section-ttl{
		margin-bottom: 2rem;
	}
	.alignment-guide .section-ttl h2{
		font-size: 3rem;
		padding: 0.25rem 2rem 0.625rem 2rem;
	}
	.alignment-guide .section-ttl h2::before,
	.alignment-guide .section-ttl h2::after{
		width: 2rem;
		height: 2rem;
	}
	.alignment-guide .section-ttl h2 span{
		font-size: 2.5rem;
	}
	.alignment-guide .section-ttl h2 small{
		font-size: 2rem;
	}
	.alignment-guide .commentArea .text{
		font-size: 1.125rem;
	}
	.alignment-guide .commentArea .text span{
		padding: 0 0.5rem;
	}
	.alignment-guide .alignment-list{
		margin-top: 3rem;
	}
	.alignment-guide .alignment-list li img{
		border-radius: 2.5rem;
	}
}
/*　　目指せる仕事　　*/
.work-guide .section-arrow{
	padding: 5rem;
}
.work-guide .container-top{
	padding: 5.625rem 3rem 6.125rem 3rem;
}
.work-guide .section-ttl{
	margin-bottom: 4rem;
}
.work-guide .section-ttl::after{
	background: url("../img/ttl_line1.png") center no-repeat;
	background-size: contain;
	width: 22.375rem;
	height: 1.25rem;
}
.work-guide .container-top .commentArea{
	max-width: 1180px;
	margin: 0 auto;
	margin-bottom: 3rem;
}
.work-guide .container-top .commentArea h3{
	color: #1c4573;
	font-size: 4rem;
	font-weight: 500;
	line-height: 1.4;
	text-align: center;
	margin-bottom: 3rem;
}
.work-guide .container-top .commentArea h3 span{
	font-size: 2.5rem;
}
.work-guide .container-top .commentArea p{
	font-size: 1.3125rem;
	font-weight: 400;
	line-height: 1.75;
	text-align: center;
}
.work-guide .list{
	column-gap: 1rem;
	margin-bottom: 4rem;
}
.work-guide .list li{
	width: calc(50% - 0.5rem);
}
.work-guide .list li img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 2.5rem;
}
.work-guide .work-list{
	max-width: 1180px;
	margin: 0 auto;
	column-gap: 2.5rem;
	row-gap: 2.875rem;
}
.work-guide .work-list .box{
	position: relative;
	width: calc(50% - 1.25rem);
}
.work-guide .work-list .box::after{
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0.625rem;
	left: 0.625rem;
	background: #CFF9F6;
	background: linear-gradient(90deg,rgba(207, 249, 246, 1) 0%, rgba(79, 223, 226, 1) 50%, rgba(6, 161, 194, 1) 100%);
	border-radius: 2.5rem;
}
.work-guide .work-list .box .box-inner{
	position: relative;
	background: #ffffff;
	height: 100%;
	z-index: 1;
	border-radius: 2.5rem;
	padding: 2.5rem 4rem 2rem 4rem;
}
.work-guide .work-list .box .box-inner::before{
	content: '';
	position: absolute;
	width: 16.40625rem;
	height: 16.4375rem;
	bottom: 0;
	left: 0;
}
.work-guide .work-list .box:nth-child(1) .box-inner::before{
	background: url(../img/work_icon1.png) no-repeat top right;
	background-size: contain;
}
.work-guide .work-list .box:nth-child(2) .box-inner::before{
	background: url(../img/work_icon2.png) no-repeat top right;
	background-size: contain;
}
.work-guide .work-list .box:nth-child(3) .box-inner::before{
	background: url(../img/work_icon3.png) no-repeat top right;
	background-size: contain;
}
.work-guide .work-list .box:nth-child(4) .box-inner::before{
	background: url(../img/work_icon4.png) no-repeat top right;
	background-size: contain;
}
.work-guide .work-list .box .no{
	position: absolute;
	top: 0;
	left: 0;
}
.work-guide .work-list .box h3{
	color: #1c4573;
	font-size: 1.75rem;
	font-weight: 700;
	line-height: 1.4;
	letter-spacing: 0.05em;
	padding-left: 6rem;
	margin-bottom: 3rem;
}
.work-guide .work-list .contentArea{
	position: relative;
}
.work-guide .work-list .contentArea p{
	font-size: 1.3125rem;
	font-weight: 400;
	line-height: 1.75;
}
@media only screen and (max-width: 767px) {
	.work-guide .section-arrow{
		padding: 2rem 1.5rem 1.125rem 1.5rem;
	}
	.work-guide .section-arrow img{
		width: 1.875rem;
	}
	.work-guide .container-top{
		padding: 3rem 1rem;
	}
	.work-guide .section-ttl{
		margin-bottom: 2rem;
	}
	.work-guide .section-ttl::after{
		background: url("../img/sp_ttl_line1.png") center no-repeat;
		background-size: contain;
		width: 10rem;
		height: 1.25rem;
		bottom: -1.25rem;
	}
	.work-guide .section-ttl h2{
		font-size: 1.125rem;
	}
	.work-guide .container-top .commentArea{
		margin-bottom: 2.5rem;
	}
	.work-guide .container-top .commentArea h3{
		font-size: 2.4375rem;
		margin-bottom: 2rem;
	}
	.work-guide .container-top .commentArea h3 span{
		font-size: 1.5rem;
	}
	.work-guide .container-top .commentArea p{
		font-size: 1rem;
	}
	.work-guide .list{
		column-gap: 0;
		row-gap: 1rem;
		margin-top: 2rem;
	}
	.work-guide .list li{
		width: 100%;
	}
	.work-guide .list li img{
		border-radius: 1.25rem;
	}
	.work-guide .work-list{
		column-gap: 0;
		row-gap: 1.875rem;
	}
	.work-guide .work-list .box{
		width: 100%;
	}
	.work-guide .work-list .box::after{
		top: 0.5rem;
		left: 0.5rem;
		border-radius: 1.25rem;
	}
	.work-guide .work-list .box .box-inner{
		border-radius: 1.25rem;
		padding: 1.125rem 1.25rem 1.5rem 1.5rem;
	}
	.work-guide .work-list .box .box-inner::before{
		width: 9.5rem;
		height: 9.5rem;
	}
	.work-guide .work-list .box .no{
		width: 4.375rem;
		top: -0.125rem;
	}
	.work-guide .work-list .box h3{
		font-size: 1.3125rem;
		padding-left: 4rem;
		margin-bottom: 1.875rem;
	}
	.work-guide .work-list .contentArea p{
		font-size: 1rem;
	}
}
@media only screen and (min-width: 768px) and (max-width: 1024px){
	.work-guide .section-arrow{
		padding: 3.5rem;
	}
	.work-guide .section-arrow img{
		width: 2.5rem;
	}
	.work-guide .container-top{
		padding: 4.5rem 2rem 4.125rem 2rem;
	}
	.work-guide .section-ttl{
		margin-bottom: 4rem;
	}
	.work-guide .section-ttl::after{
		width: 22.375rem;
		height: 1.25rem;
	}
	.work-guide .container-top .commentArea{
		margin-bottom: 2.5rem;
	}
	.work-guide .container-top .commentArea h3{
		font-size: 2.5rem;
		margin-bottom: 2rem;
	}
	.work-guide .container-top .commentArea h3 span{
		font-size: 2rem;
	}
	.work-guide .container-top .commentArea p{
		font-size: 1.125rem;
	}
	.work-guide .list{
		margin-top: 3rem;
	}
	.work-guide .list li img{
		border-radius: 2.5rem;
	}
	.work-guide .work-list{
		column-gap: 2rem;
		row-gap: 2rem;
	}
	.work-guide .work-list .box{
		width: calc(50% - 1rem);
	}
	.work-guide .work-list .box::after{
		top: 0.5rem;
		left: 0.5rem;
	}
	.work-guide .work-list .box .box-inner{
		border-radius: 2.5rem;
		padding: 1.5rem 2rem 1.5rem 2rem;
	}
	.work-guide .work-list .box .box-inner::before{
		width: 12.40625rem;
		height: 12.4375rem;
	}
	.work-guide .work-list .box .no{
		width: 5rem;
	}
	.work-guide .work-list .box h3{
		font-size: 1.375rem;
		padding-left: 4rem;
		margin-bottom: 1.875rem;
	}
	.work-guide .work-list .contentArea p{
		font-size: 1.125rem;
	}
}
/*　　目指せる資格　　*/
.work-guide .bg-box{
	background: #bdf1f6 url(../img/bg-box.png) no-repeat top right;
	background-size: contain;
	border: 0.5rem solid #ffffff;
	padding: 5.625rem 3rem 6.125rem 3rem;
	border-radius: 3.125rem;
}
.work-guide .bg-box h3{
	color: #1c4573;
	font-size: 3.75rem;
	font-weight: 500;
	line-height: 1.4;
	text-align: center;
	margin-bottom: 5rem;
}
.work-guide .bg-box h3 span{
	font-size: 2.5rem;
}
.work-guide .qualification-box{
	max-width: 1180px;
	margin: 0 auto;
}
.work-guide .qualification-box .imgArea{
	width: 45%;
}
.work-guide .qualification-box .imgArea img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 2.5rem;
}
.work-guide .qualification-box .contentArea{
	width: 55%;
	row-gap: 1.125rem;
	padding-left: 1.25rem;
}
.work-guide .qualification-box .contentArea .box{
	width: 100%;
	display: flex;
	min-height: 10.8125rem;
	background: #ffffff;
	padding: 1rem 1.5rem;
	border-radius: 2.5rem;
}
.work-guide .qualification-box .contentArea .box dl{
	display: flex;
    align-items: center;
}
.work-guide .qualification-box .contentArea .box dl dt{
	width: 10rem;
	color: #0fc0c4;
	font-size: 1.625rem;
	font-weight: 700;
	line-height: 1.4;
	text-align: right;
	padding-right: 1.5rem;
}
.work-guide .qualification-box .contentArea .box dl dd{
	width: calc(100% - 10rem);
	font-size: 1.3125rem;
	font-weight: 500;
	line-height: 1.45;
}
@media only screen and (max-width: 767px) {
	.work-guide .bg-box{
		background: #bdf1f6;
		border: 0.25rem solid #ffffff;
		padding: 3rem 1.125rem 2.5rem 1.125rem;
		border-radius: 1.5rem;
	}
	.work-guide .bg-box h3{
		font-size: 2.4375rem;
		margin-bottom: 1.5rem;
	}
	.work-guide .bg-box h3 span{
		font-size: 1.5rem;
	}
	.work-guide .qualification-box .imgArea{
		width: 100%;
		margin-bottom: 0.75rem;
	}
	.work-guide .qualification-box .imgArea img{
		border-radius: 2.5rem;
	}
	.work-guide .qualification-box .contentArea{
		width: 100%;
		row-gap: 0.75rem;
		padding-left: 0;
	}
	.work-guide .qualification-box .contentArea .box{
		width: 100%;
		display: block;
		min-height: auto;
		padding: 1rem 1.5rem;
		border-radius: 1.25rem;
	}
	.work-guide .qualification-box .contentArea .box dl{
		display: block;
	}
	.work-guide .qualification-box .contentArea .box dl dt{
		width: 100%;
		font-size: 1.125rem;
		text-align: left;
		padding-right: 0;
		margin-bottom: 0.625rem;
	}
	.work-guide .qualification-box .contentArea .box dl dd{
		width: 100%;
		font-size: 1rem;
	}
}
@media only screen and (min-width: 768px) and (max-width: 1024px){
	.work-guide .bg-box{
		border: 0.5rem solid #ffffff;
		padding: 4.5rem 2rem 3.125rem 2rem;
	}
	.work-guide .bg-box h3{
		font-size: 2.5rem;
		margin-bottom: 3rem;
	}
	.work-guide .bg-box h3 span{
		font-size: 2rem;
	}
	.work-guide .qualification-box .imgArea img{
		border-radius: 2.5rem;
	}
	.work-guide .qualification-box .contentArea{
		row-gap: 1rem;
		padding-left: 1rem;
	}
	.work-guide .qualification-box .contentArea .box{
		width: 100%;
		display: block;
		min-height: 9rem;
		padding: 1.25rem 1.5rem;
	}
	.work-guide .qualification-box .contentArea .box dl{
		display: block;
		align-items: center;
	}
	.work-guide .qualification-box .contentArea .box dl dt{
		width: 100%;
		font-size: 1.375rem;
		text-align: center;
		padding-right: 0;
		margin-bottom: 0.625rem;
	}
	.work-guide .qualification-box .contentArea .box dl dd{
		width: 100%;
		font-size: 1.125rem;
	}
}
/*　　section-03　　*/
.study-guide .container-top{
	padding: 5.625rem 3rem 6.125rem 3rem;
}
.study-guide .container-top .section-ttl{
	margin-bottom: 6rem;
}
.study-guide .container-top .section-ttl::after{
	background: url("../img/arrow_b1.png") center no-repeat;
	background-size: contain;
	width: 2.625rem;
	height: 6.375rem;
	bottom: -8.5rem;
}
.study-guide .container-top .section-ttl h2{
	position: relative;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	font-size: 3rem;
	column-gap: 6rem;
}
.study-guide .container-top .section-ttl h2::after{
	background: url("../img/ttl_line2.png") center no-repeat;
	background-size: contain;
	width: 18.375rem;
	height: 6rem;
	position: absolute;
	display: block;
	content: "";
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.study-guide .container-top .section-ttl h3{
	color: #1c4573;
	font-size: 4rem;
	font-weight: 500;
	line-height: 1.4;
	text-align: center;
	margin-top: 3rem;
}
.study-guide .study-list{
	max-width: 1180px;
	margin: 0 auto;
}
.study-guide .study-list .box{
	background: #ffffff;
	align-items: center;
	border-radius: 2.5rem;
}
.study-guide .study-list .box:not(:last-child){
	margin-bottom: 3rem;
}
.study-guide .study-list .box .no{
	width: 10.5rem;
	margin-left: -1.875rem;
}
.study-guide .study-list .box .contentArea{
	width: calc(100% - 8.625rem);
	padding: 2rem 2.5rem;
}
.study-guide .study-list .box .contentArea h3{
	color: #1c4573;
	font-size: 2rem;
	font-weight: 500;
	line-height: 1.45;
	margin-bottom: 1.5rem;
}
.study-guide .study-list .box:nth-child(3) .contentArea h3{
	margin-bottom: 0.625rem;
}
.study-guide .study-list .box .contentArea h4{
	color: #0fc0c4;
	font-size: 1.625rem;
	font-weight: 700;
	line-height: 1.45;
	margin-bottom: 1.25rem;
}
.study-guide .study-list .box .contentArea p{
	font-size: 1.3125rem;
	font-weight: 500;
	line-height: 1.45;
}
@media only screen and (max-width: 767px) {
	.study-guide .container-top{
		padding: 3rem 1rem;
	}
	.study-guide .container-top .section-ttl{
		margin-bottom: 4rem;
	}
	.study-guide .container-top .section-ttl::after{
		width: 1.875rem;
		height: 4.5625rem;
		bottom: -6rem;
		z-index: 1;
	}
	.study-guide .container-top .section-ttl h2{
		font-size: 2.1875rem;
		column-gap: 3.75rem;
	}
	.study-guide .container-top .section-ttl h2::after{
		width: 14.5rem;
		height: 4.25rem;
	}
	.study-guide .container-top .section-ttl h3{
		font-size: 2.4375rem;
		margin-top: 2rem;
	}
	.study-guide .container-top .section-ttl h3 span{
		font-size: 1.5rem;
	}
	.study-guide .study-list .box{
		position: relative;
		display: block;
		border-radius: 1.25rem;
	}
	.study-guide .study-list .box:not(:last-child){
		margin-bottom: 0.75rem;
	}
	.study-guide .study-list .box .no{
		position: absolute;
		width: 7.1875rem;
		top: -1.25rem;
		right: 0.375rem;
		margin-left: 0;
	}
	.study-guide .study-list .box .contentArea{
		position: relative;
		width: 100%;
		padding: 2.5rem 1.5rem;
	}
	.study-guide .study-list .box .contentArea h3{
		font-size: 1.3125rem;
		margin-bottom: 1.125rem;
	}
	.study-guide .study-list .box:nth-child(3) .contentArea h3{
		margin-bottom: 0.625rem;
	}
	.study-guide .study-list .box .contentArea h4{
		font-size: 1.125rem;
		margin-bottom: 1rem;
	}
	.study-guide .study-list .box .contentArea p{
		font-size: 1rem;
	}
}
@media only screen and (min-width: 768px) and (max-width: 1024px){
	.study-guide .container-top{
		padding: 4.5rem 2rem 4.125rem 2rem;
	}
	.study-guide .container-top .section-ttl{
		margin-bottom: 5rem;
	}
	.study-guide .container-top .section-ttl::after{
		width: 2.5rem;
		height: 6rem;
		bottom: -7.5rem;
	}
	.study-guide .container-top .section-ttl h2{
		font-size: 2rem;
		column-gap: 4rem;
	}
	.study-guide .container-top .section-ttl h2::after{
		width: 14.375rem;
		height: 5rem;
	}
	.study-guide .container-top .section-ttl h3{
		font-size: 2.5rem;
		margin-top: 2.5rem;
	}
	.study-guide .study-list .box:not(:last-child){
		margin-bottom: 2rem;
	}
	.study-guide .study-list .box .no{
		width: 7.5rem;
		margin-left: -1.375rem;
	}
	.study-guide .study-list .box .contentArea{
		width: calc(100% - 6.625rem);
		padding: 2rem 1.5rem;
	}
	.study-guide .study-list .box .contentArea h3{
		font-size: 1.5rem;
		margin-bottom: 1rem;
	}
	.study-guide .study-list .box:nth-child(3) .contentArea h3{
		margin-bottom: 0.625rem;
	}
	.study-guide .study-list .box .contentArea h4{
		font-size: 1.375rem;
		margin-bottom: 1rem;
	}
	.study-guide .study-list .box .contentArea p{
		font-size: 1.125rem;
	}
}
/*　　イベント　　*/
.study-guide .bg-box{
	background: #bdf1f6 url(../img/bg-box.png) no-repeat top right;
	background-size: contain;
	border: 0.5rem solid #ffffff;
	padding: 5.625rem 4.875rem 6.125rem 4.875rem;
	border-radius: 3.125rem;
}
.study-guide .bg-box .box-container{
	max-width: 1180px;
	margin: 0 auto;
}
.study-guide .bg-box .section-ttl{
	margin-bottom: 4.5rem;
}
.study-guide .bg-box .section-ttl::after{
	background: url("../img/ttl_line3.png") center no-repeat;
	background-size: cover;
	width: 41.625rem;
	height: 0.875rem;
	bottom: -1.5rem;
}
.study-guide .event-list{
	column-gap: 3rem;
}
.study-guide .event-list li{
	width: calc(50% - 1.5rem);
}
.study-guide .event-list li img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 2.5rem;
}
.study-guide .bg-box .box{
	background: #ffffff;
	padding: 2rem 3rem;
	border-radius: 2.5rem;
	margin-top: 3rem;
}
.study-guide .bg-box .box dl{
	display: flex;
    align-items: center;
}
.study-guide .bg-box .box dl dt{
	width: 10rem;
	color: #0fc0c4;
	font-size: 1.625rem;
	font-weight: 700;
	line-height: 1.4;
}
.study-guide .bg-box .box dl dd{
	width: calc(100% - 10rem);
	padding-left: 3rem;
}
.study-guide .bg-box .box dl dd h3{
	font-size: 1.625rem;
	font-weight: 700;
	line-height: 1.45;
	margin-bottom: 0.625rem;
}
.study-guide .bg-box .box dl dd p{
	font-size: 1.3125rem;
	font-weight: 400;
	line-height: 1.45;
}
@media only screen and (max-width: 767px) {
	.study-guide .bg-box{
		background: #bdf1f6;
		border: 0.25rem solid #ffffff;
		padding: 3rem 1.125rem 2.5rem 1.125rem;
		border-radius: 1.5rem;
	}
	.study-guide .bg-box .caption{
		margin-bottom: 0.5rem;
	}
	.study-guide .bg-box .caption img{
		width: 34.625rem;
	}
	.study-guide .bg-box .section-ttl{
		margin-bottom: 3rem;
	}
	.study-guide .bg-box .section-ttl h2{
		font-size: 1.125rem;
	}
	.study-guide .bg-box .section-ttl::after{
		background: url("../img/sp_ttl_line3.png") center no-repeat;
		background-size: cover;
		width: 17.625rem;
		height: 0.75rem;
		bottom: -1.5rem;
	}
	.study-guide .event-list{
		column-gap: 0;
		row-gap: 0.875rem;
	}
	.study-guide .event-list li{
		width: 100%;
	}
	.study-guide .event-list li img{
		border-radius: 1.25rem;
	}
	.study-guide .bg-box .box{
		padding: 1.5rem 1.875rem;
		border-radius: 1.25rem;
		margin-top: 1rem;
	}
	.study-guide .bg-box .box dl{
		display: block;
	}
	.study-guide .bg-box .box dl dt{
		width: 100%;
		font-size: 1.125rem;
		margin-bottom: 1rem;
	}
	.study-guide .bg-box .box dl dd{
		width: 100%;
		padding-left: 0;
	}
	.study-guide .bg-box .box dl dd h3{
		font-size: 1rem;
		margin-bottom: 0.375rem;
	}
	.study-guide .bg-box .box dl dd p{
		font-size: 1rem;
	}
}
@media only screen and (min-width: 768px) and (max-width: 1024px){
	.study-guide .bg-box{
		border: 0.5rem solid #ffffff;
		padding: 4.5rem 2rem 3.125rem 2rem;
	}
	.study-guide .bg-box .caption img{
		width: 34.625rem;
	}
	.study-guide .bg-box .section-ttl{
		margin-bottom: 3.5rem;
	}
	.study-guide .bg-box .section-ttl::after{
		width: 37.625rem;
		height: 0.75rem;
		bottom: -1.25rem;
	}
	.study-guide .event-list{
		column-gap: 1.5rem;
	}
	.study-guide .event-list li{
		width: calc(50% - 0.75rem);
	}
	.study-guide .event-list li img{
		border-radius: 2.5rem;
	}
	.study-guide .bg-box .box{
		padding: 2rem;
		margin-top: 2rem;
	}
	.study-guide .bg-box .box dl{
		display: flex;
	    align-items: center;
	}
	.study-guide .bg-box .box dl dt{
		width: 8rem;
		font-size: 1.375rem;
	}
	.study-guide .bg-box .box dl dd{
		width: calc(100% - 8rem);
		padding-left: 2rem;
	}
	.study-guide .bg-box .box dl dd h3{
		font-size: 1.375rem;
	}
	.study-guide .bg-box .box dl dd p{
		font-size: 1.125rem;
	}
}
/*　　学生の声　　*/
.voice-guide{
	background: #defcff;
	padding: 4.25rem 3rem 6.125rem 3rem;
}
.voice-guide .inner{
	max-width: 1180px;
}
.voice-guide h2{
	display: flex;
	align-items: center;
	margin-bottom: 3.125rem;
}
.voice-guide h2 span{
	background: #ffffff;
	font-size: 2rem;
	font-weight: 500;
	line-height: 1.4;
	text-align: center;
	padding: 0.25rem 1.25rem;
	margin-left: 1.5rem;
}
.voice-guide .voice-list .box{
	background: #ffffff;
	padding: 4rem 3rem;
	border-radius: 2.5rem;
}
.voice-guide .voice-list .box:not(:last-child){
	margin-bottom: 3.625rem;
}
.voice-guide .voice-list .box .box-inner{
	max-width: 994px;
	margin: 0 auto;
}
.voice-guide .voice-list .box .imgArea{
	width: 24%;
}
.voice-guide .voice-list .box .imgArea img{
	border-radius: 2.5rem;
}
.voice-guide .voice-list .box .imgArea p.name{
	font-size: 1.125rem;
	font-weight: 700;
	line-height: 1.35;
	text-align: center;
	margin-top: 0.375rem;
}
.voice-guide .voice-list .box .contentArea{
	width: 70%;
}
.voice-guide .voice-list .box .contentArea h3{
	color: #1c4573;
	font-size: 1.875rem;
	font-weight: 700;
	line-height: 1.25;
	margin-bottom: 1.5rem;
}
.voice-guide .voice-list .box .contentArea h3 span{
	font-size: 1.375rem;
}
.voice-guide .voice-list .box .contentArea p{
	font-size: 1.125rem;
	font-weight: 400;
	line-height: 1.65;
}
@media only screen and (max-width: 767px) {
	.voice-guide{
		padding: 3.25rem 1rem;
	}
	.voice-guide h2{
		-webkit-justify-content: center;
		justify-content: center;
		margin-bottom: 1.875rem;
	}
	.voice-guide h2 img{
		width: 7rem;
	}
	.voice-guide h2 span{
		font-size: 1.4375rem;
		padding: 0.125rem 1rem;
		margin-left: 1rem;
	}
	.voice-guide .voice-list .box{
		padding: 1.5rem;
		border-radius: 1.25rem;
	}
	.voice-guide .voice-list .box:not(:last-child){
		margin-bottom: 1.5rem;
	}
	.voice-guide .voice-list .box .box-inner{
		row-gap: 1.5rem;
	}
	.voice-guide .voice-list .box .imgArea{
		width: 100%;
	}
	.voice-guide .voice-list .box .imgArea img{
		border-radius: 2.5rem;
	}
	.voice-guide .voice-list .box .imgArea p.name{
		font-size: 1rem;
	}
	.voice-guide .voice-list .box .contentArea{
		width: 100%;
	}
	.voice-guide .voice-list .box .contentArea h3{
		font-size: 1.25rem;
		margin-bottom: 1.125rem;
	}
	.voice-guide .voice-list .box .contentArea h3 span{
		font-size: 1rem;
	}
	.voice-guide .voice-list .box .contentArea p{
		font-size: 1rem;
	}
}
@media only screen and (min-width: 768px) and (max-width: 1024px){
	.voice-guide{
		padding: 4rem 2rem 4.5rem 2rem;
	}
	.voice-guide h2{
		margin-bottom: 2.5rem;
	}
	.voice-guide h2 img{
		width: 8rem;
	}
	.voice-guide h2 span{
		font-size: 1.75rem;
	}
	.voice-guide .voice-list .box{
		padding: 3rem 2rem;
	}
	.voice-guide .voice-list .box:not(:last-child){
		margin-bottom: 2.5rem;
	}
	.voice-guide .voice-list .box .contentArea{
		width: 72%;
	}
	.voice-guide .voice-list .box .contentArea h3{
		font-size: 1.5rem;
		margin-bottom: 1.25rem;
	}
	.voice-guide .voice-list .box .contentArea h3 span{
		font-size: 1.125rem;
	}
}
/*　　section-05　　*/
.course-guide .section-arrow{
	padding: 5rem;
}
.course-guide .container-top{
	padding: 5.625rem 3rem 6.125rem 3rem;
}
.course-guide .section-ttl{
	margin-bottom: 6rem;
}
.course-guide .section-ttl::after{
	background: url("../img/ttl_line1.png") center no-repeat;
	background-size: contain;
	width: 22.375rem;
	height: 1.25rem;
}
.course-guide .course-list{
	max-width: 1180px;
	margin: 0 auto;
}
.course-guide .course-list dl:not(:last-child){
	margin-bottom: 2.625rem;
}
.course-guide .course-list dl dt span{
	display: inline-block;
	background: #0fc0c4;
	width: 17.8125rem;
	color: #ffffff;
	font-size: 1.75rem;
	line-height: 1.35;
	font-weight: 700;
	letter-spacing: 0.05em;
	border-radius: 2.5rem 3.125rem 3.125rem 0;
	padding: 0.375rem 1.375rem 0.375rem 2.1875rem;
}
.course-guide .course-list dl dd{
	background: #ffffff;
	font-size: 1.3125rem;
	line-height: 1.76;
	font-weight: 400;
	padding: 3.5rem 2rem 2rem 2.1875rem;
	margin-top: -2rem;
}
.course-guide .bg-box{
	background: #bdf1f6 url(../img/bg-box.png) no-repeat top right;
	background-size: contain;
	border: 0.5rem solid #ffffff;
	padding: 5.625rem 3rem 6.125rem 3rem;
	border-radius: 3.125rem;
	overflow: hidden;
}
.course-guide .course-detail{
	max-width: 1180px;
	margin: 0 auto;
}
.course-guide .course-detail:nth-child(1),
.course-guide .course-detail:nth-child(2){
	margin: 0 auto;
	margin-bottom: 5.3125rem;
}
.course-guide .course-detail h3{
	display: inline-block;
	background: #ffffff;
	width: 90%;
	max-width: 31.875rem;
	font-size: 2rem;
	line-height: 1.35;
	font-weight: 700;
	letter-spacing: 0.025em;
	margin-left: -5.875rem;
	border-radius: 0 3.125rem 3.125rem 0;
	padding: 0.625rem 1.5rem 0.625rem 5.875rem;
	margin-bottom: 3.75rem;
}
.course-guide .course-detail .scrollable-container{
	width: 100%;
	max-width: 1180px;
	margin: 0 auto;
}
.course-guide .course-detail .scrollable-container table{
	width: 73.75rem;
}
.course-guide .course-detail .box{
	background: #ffffff;
	padding: 2.5rem 2.5rem 0 2.5rem;
	border-radius: 2.5rem;
}
.course-guide .course-detail .box .figure{
	width: 65%;
}
.course-guide .course-detail .box .contentArea{
	width: 35%;
	padding-left: 1.5rem;
}
.course-guide .course-detail .box .contentArea p{
	font-size: 1.3125rem;
	line-height: 1.76;
	font-weight: 400;
}
.course-guide .course-detail .box .bg{
	position: relative;
	text-align: center;
	bottom: -1.5rem;
}
.course-guide .course-detail .box .bg span{
	background: #0fc0c4;
	display: inline-block;
	width: 90%;
	max-width: 62.5rem;
	color: #ffffff;
	font-size: 2rem;
	line-height: 1.35;
	font-weight: 500;
	letter-spacing: 0.025em;
	border: 0.375rem solid #ffffff;
	padding: 0.875rem 2.5rem;
	border-radius: 3.5rem;
}
.course-guide .bg-box .arrow{
	margin: 4.5rem 0 2rem 0;
}
.course-guide .bg-box .bg-text span{
	background: #ffffff;
	display: inline-block;
	font-size: 3.5rem;
	line-height: 1.35;
	font-weight: 700;
	letter-spacing: 0.025em;
	padding: 0.5rem 2.5rem;
}
.course-guide .bg-box .bg-text span small{
	font-size: 2.25rem;
}
@media only screen and (max-width: 767px) {
	.course-guide .section-arrow{
		padding: 2rem 1.5rem 1.125rem 1.5rem;
	}
	.course-guide .section-arrow img{
		width: 1.875rem;
	}
	.course-guide .bg-container{
		width: 100%;
	}
	.course-guide .container-top{
		padding: 3rem 1rem 4rem 1rem;
	}
	.course-guide .section-ttl{
		margin-bottom: 3rem;
	}
	.course-guide .section-ttl::after{
		width: 11.375rem;
		height: 0.625rem;
	}
	.course-guide .course-list dl:not(:last-child){
		margin-bottom: 0.625rem;
	}
	.course-guide .course-list dl dt span{
		width: 100%;
		font-size: 1.25rem;
		text-align: center;
		border-radius: 1.25rem 1.25rem 0 0;
		padding: 0.75rem 1.125rem;
	}
	.course-guide .course-list dl dd{
		font-size: 1rem;
		border-radius: 0 0 1.25rem 1.25rem;
		padding: 1.125rem;
		margin-top: 0;
	}
	.course-guide .bg-box{
		background: #bdf1f6;
		border: 0.25rem solid #ffffff;
		padding: 2.5rem 1.125rem 3rem 1.125rem;
		border-radius: 1.5rem;
	}
	.course-guide .course-detail:nth-child(1),
	.course-guide .course-detail:nth-child(2){
		margin-bottom: 4rem;
	}
	.course-guide .course-detail h3{
		font-size: 1.3125rem;
		margin-left: -1.875rem;
		border-radius: 0 3.125rem 3.125rem 0;
		padding: 0.625rem 1.5rem 0.625rem 2.875rem;
		margin-bottom: 2rem;
	}
	.course-guide .course-detail .scrollable-container table{
		width: 54rem;
	}
	.course-guide .course-detail .box{
		width: calc(100% + 2.25rem);
		padding: 1.5rem 1.125rem 0 1.125rem;
		margin: 0 -1.125rem;
		border-radius: 2.5rem;
	}
	.course-guide .course-detail .box .figure{
		width: 100%;
		margin-bottom: 1.25rem;
	}
	.course-guide .course-detail .box .contentArea{
		width: 100%;
		padding-left: 0;
	}
	.course-guide .course-detail .box .contentArea p{
		font-size: 1rem;
	}
	.course-guide .course-detail .box .bg{
		bottom: -1.5rem;
	}
	.course-guide .course-detail .box .bg span{
		width: calc(100% + 2.25rem);
		font-size: 1.5rem;
		border: 0.25rem solid #ffffff;
		padding: 0.5rem 1.5rem;
		margin: 0 -1.125rem;
	}
	.course-guide .bg-box .arrow{
		margin: 3.5rem 0 1.5rem 0;
	}
	.course-guide .bg-box .arrow img{
		width: 3.125rem;
	}
	.course-guide .bg-box .bg-text span{
		font-size: 2.4375rem;
		padding: 0.325rem 0.625rem;
	}
	.course-guide .bg-box .bg-text span small{
		font-size: 1.5rem;
	}
}
@media only screen and (min-width: 768px) and (max-width: 1024px){
	.course-guide .section-arrow{
		padding: 3.5rem;
	}
	.course-guide .section-arrow img{
		width: 2.5rem;
	}
	.course-guide .container-top{
		padding: 4.5rem 2rem 4.125rem 2rem;
	}
	.course-guide .section-ttl{
		margin-bottom: 4rem;
	}
	.course-guide .course-list dl:not(:last-child){
		margin-bottom: 1.625rem;
	}
	.course-guide .course-list dl dt span{
		width: 15.8125rem;
		font-size: 1.5rem;
		padding: 0.375rem 1.375rem 0.375rem 2.1875rem;
	}
	.course-guide .course-list dl dd{
		font-size: 1.125rem;
		padding: 2.5rem 1.5rem 1.5rem 1.875rem;
		margin-top: -1.25rem;
	}
	.course-guide .bg-box{
		border: 0.5rem solid #ffffff;
		padding: 4.5rem 2rem 4.125rem 2rem;
	}
	.course-guide .course-detail:nth-child(1),
	.course-guide .course-detail:nth-child(2){
		margin-bottom: 4rem;
	}
	.course-guide .course-detail h3{
		max-width: 28.875rem;
		font-size: 1.75rem;
		margin-left: -2.5rem;
		padding: 0.625rem 1.25rem 0.625rem 2.5rem;
		margin-bottom: 2.5rem;
	}
	.course-guide .course-detail .scrollable-container table{
		width: 60rem;
	}
	.course-guide .course-detail .box{
		padding: 2.5rem 2.5rem 0 2.5rem;
		border-radius: 2.5rem;
	}
	.course-guide .course-detail .box .figure{
		width: 100%;
		text-align: center;
		margin-bottom: 1.5rem;
	}
	.course-guide .course-detail .box .contentArea{
		width: 100%;
		padding-left: 0;
	}
	.course-guide .course-detail .box .contentArea p{
		font-size: 1.125rem;
	}
	.course-guide .course-detail .box .bg span{
		font-size: 1.5rem;
		border: 0.25rem solid #ffffff;
		padding: 0.875rem 1rem;
	}
	.course-guide .bg-box .arrow{
		margin: 4.5rem 0 2rem 0;
	}
	.course-guide .bg-box .arrow img{
		width: 3rem;
	}
	.course-guide .bg-box .bg-text span{
		font-size: 3rem;
		padding: 0.5rem 2rem;
	}
	.course-guide .bg-box .bg-text span small{
		font-size: 1.875rem;
	}
}
/**
/* フッター CSS
----------------------------------------------- */
.footer{
	padding: 0 0 1rem 0;
	margin-top: auto;
}
.footer .copy{
	font-size: 1.3125rem;
	line-height: 1.76;
	font-weight: 400;
}
@media only screen and (max-width: 767px) {
	.footer{
		padding: 0 0 0.625rem 0;
	}
	.footer .copy{
		font-size: 1rem;
		line-height: 1.45;
	}
}
@media only screen and (min-width: 768px) and (max-width: 1024px){
	.footer .copy{
		font-size: 1.125rem;
	}
}









#Wrapper {
	margin-top: 3.25rem;
}
@media screen and (max-width: 767px) {
    #Wrapper {
		margin-top: 8.5vw;
    }
}

nav.b-header-menu {
    visibility: visible;
    z-index: 750;
    position: fixed;
    top: 0;
    right: 0;
    bottom: calc(100% - 3.1rem);
    left: 0;
	background: black;
    -webkit-transition-duration: .4s;
    transition-duration: .4s;
    -webkit-transition-property: opacity,bottom;
    transition-property: opacity,bottom;
    -webkit-transition-timing-function: cubic-bezier(.53,.2,.25,1);
    transition-timing-function: cubic-bezier(.53,.2,.25,1)
}

@media screen and (max-width: 767px) {
    nav.b-header-menu {
		bottom: auto;
		height: 8.5vw;
    }
}

nav.b-header-menu:before {
    display: block;
    z-index: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: .625rem;
    content: "";
    opacity: .9;
    pointer-events: none;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: opacity,background-color,box-shadow,-webkit-backdrop-filter;
    transition-property: opacity,background-color,box-shadow,-webkit-backdrop-filter;
    transition-property: opacity,background-color,backdrop-filter,box-shadow;
    transition-property: opacity,background-color,backdrop-filter,box-shadow,-webkit-backdrop-filter;
    -webkit-transition-timing-function: cubic-bezier(.53,.2,.25,1);
    transition-timing-function: cubic-bezier(.53,.2,.25,1)
}

/* ロゴ */
nav.b-header-menu .logo {
    display: block;
    position: absolute;
    top: .5rem;
    left: 1rem;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1;
    -webkit-transition: -webkit-transform .3s cubic-bezier(.53,.2,.25,1);
    transition: -webkit-transform .3s cubic-bezier(.53,.2,.25,1);
    transition: transform .3s cubic-bezier(.53,.2,.25,1);
    transition: transform .3s cubic-bezier(.53,.2,.25,1), -webkit-transform .3s cubic-bezier(.53,.2,.25,1);
    -webkit-transition: opacity .4s cubic-bezier(.2,.12,.2,1);
    transition: opacity .4s cubic-bezier(.2,.12,.2,1)
}
nav.b-header-menu .logo:hover {
    opacity: .5
}
nav.b-header-menu .logo h1 {
    margin: 0
}
nav.b-header-menu .logo img {
    position: relative;
    height: 2.2rem;
}
@media screen and (max-width: 767px) {
    nav.b-header-menu .logo img {
        height: 5vw;
    }
}

/* フォームリンクメニュー */
nav.b-header-menu .menu-main {
    display: -webkit-box;
    display: flex;
    z-index: 1;
    position: absolute;
    top: 0;
    right: 1rem;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: stretch;
    -webkit-box-align: stretch;
    align-items: stretch;
    -webkit-box-pack: start;
    justify-content: flex-start;
    margin: 0
}

nav.b-header-menu .menu-main li {
    height: 3.3rem;
    list-style: none
}

@media screen and (max-width: 720px) {
    nav.b-header-menu .menu-main li.form, nav.b-header-menu .menu-main li.visit {
        display:none
    }
}

nav.b-header-menu .menu-main li:nth-of-type(n+2) {
    margin: 0 0 0 1rem
}

nav.b-header-menu .menu-main button {
    display: -webkit-box;
    display: flex;
    -webkit-appearance: none;
    appearance: none;
    position: relative;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    height: 1.3rem;
    margin: .9rem 0;
    padding: .7rem;
    border: 1px solid #ddd;
    border-radius: 2rem;
    background: transparent;
    font-size: .7rem;
    letter-spacing: .1em;
    vertical-align: middle;
    -webkit-transition: color .3s cubic-bezier(.53,.2,.25,1);
    transition: color .3s cubic-bezier(.53,.2,.25,1)
}
@media screen and (max-width: 767px) {
    nav.b-header-menu .menu-main button {
        margin: 1.3vw;
    }
}

nav.b-header-menu .menu-main button:hover {
    opacity: .5
}

nav.b-header-menu .menu-main li.visitor button {
    background: #fff
}

nav.b-header-menu .menu-main li.form button {
    background: #000;
    color: #fff
}

nav.b-header-menu .menu-main li.map button,nav .b-header-menu .menu-main li.menu button {
    margin-left: -1rem;
    padding: .8rem 0;
    border: none;
    color: #000;
    font-size: 1.8rem
}

nav.b-header-menu .menu-main li.map button {
    margin-left: -.5rem
}

nav.b-header-menu .menu-main li.form {
    display: list-item
}

nav.b-header-menu .menu-main li.form button {
    background: #00c4cc;
    font-weight: 700;
    line-height: 1rem
}

@media screen and (min-width: 768px) {
    nav.b-header-menu .menu-main li.form button {
        margin:.5rem;
        padding: 1rem
    }
}



nav.b-header-menu img {
    width: 100%
}

nav.b-header-menu img.lg {
    display: none
}

@media screen and (min-width: 768px) {
    nav.b-header-menu img.lg {
        display:block
    }
}

nav.b-header-menu img.sm {
    display: block
}

@media screen and (min-width: 768px) {
    nav.b-header-menu img.sm {
        display:none
    }
}

.img-radius {
	border-radius: 3.125rem;
}