@charset "UTF-8";
/* -------------------------------------------

全体設定

 ---------------------------------------------------*/
body {
	font-family: 'Noto Sans JP', sans-serif;
	width: 100%;
	min-width: 1280px;
	font-size: 16px;
	-webkit-text-size-adjust: 100%;
	line-height: 1.4;
	background: #5BC5EC;
}
a {
	color: #3A3F7E;
	text-decoration: none;
	transition: 0.6s;
	cursor: pointer !important;
}
a:hover {
	opacity: 0.5;
}
img {
	width: 100%;
	height: auto;
	vertical-align: bottom;
}
@media screen and (max-width: 768px) {
	body {
		min-width: 0;
		font-size: 4vw;
	}
}
/* -------------------------------------------

ヘッダー

 ---------------------------------------------------*/
header{
	padding: 30px 30px 0;
	background-image: url("../images/bg_header_side_l.png"), url("../images/bg_header_side_r.png"), url("../images/bg_header_top.png");
	background-position: left, right, top center;
	background-repeat: no-repeat, no-repeat, no-repeat;
	background-size: 30px, 30px, contain;	
}
header .inner{
	padding: 145px 0;
	background: url("../images/bg_header.png") no-repeat #fff center;
	background-size: contain;
}
header .tit_main{
	display: flex;
	align-items: baseline;
	justify-content: center;
}
header .tit_main img{
	width: 365px;
	margin: 0 20px;
}
header .tit_main:before{
	content: "";
	width: 94px;
	height: 80px;
	background: url("../images/icon_header01.png") no-repeat;
	background-size: cover;
}
header .tit_main:after{
	content: "";
	width: 86px;
	height: 78px;
	background: url("../images/icon_header02.png") no-repeat;
	background-size: cover;
}
header .tit_sub{
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 36px auto 40px;
}
header .tit_sub img{
	width: 628px;
	margin: 0 20px;
}
header .tit_sub:before{
	content: "";
	width: 98px;
	height: 105px;
	background: url("../images/icon_header03.png") no-repeat;
}
header .tit_sub:after{
	content: "";
	width: 86px;
	height: 85px;
	background: url("../images/icon_header04.png") no-repeat;
}
header .cap{
	color: #3A3F7E;
	font-size: 15px;
	font-weight: 500;
	text-align: center;
	line-height: 2;
}
@media screen and (max-width: 768px) {
	header{
		padding: 2.5vw 2.5vw 0;
	background-image: url("../images/bg_header_side_l.png"), url("../images/bg_header_side_r.png"), url("../images/bg_header_top.png");
	background-position: left, right, top center;
	background-repeat: no-repeat, no-repeat, no-repeat;
		background-size: 2.5vw, 2.5vw, contain;	
}
	header .inner{
		position: relative;
		background: url("../images/bg_header_smp01.png") no-repeat #fff top 3.5vw center;
		background-size: 50%;
		padding: 10vw 0 19.5vw;
	}
	header .inner:after{
		position: absolute;
		content: "";
		width: 84vw;
		height: 25.5vw;
		background: url("../images/bg_header_smp02.png") no-repeat;
		background-size: cover;
		bottom: 4.5vw;
		left: 50%;
		transform: translateX(-50%);
	}
	header .tit_main img{
		width: 42vw;
		margin: 0 6.5vw;
	}
	header .tit_main:before{
		width: 13vw;
		height: 11vw;
	}
	header .tit_main:after{
		width: 12vw;
		height: 11vw;
	}
	header .tit_sub{
		margin: 3vw auto;
	}
	header .tit_sub img{
		width: 72vw;
		margin: 0;
	}
	header .tit_sub:before,
	header .tit_sub:after{
		display: none;
	}
	header .cap{
		font-size: 3vw;
	}	
}


/* -------------------------------------------

フッター

 ---------------------------------------------------*/
footer{
	padding: 24px 0 25px;
	background: #fff;
}
footer .copyright{
	display: block;
	color: #A0A0A0;
	font-size: 13px;
	font-weight: 100;
	text-align: center;
}
@media screen and (max-width: 768px) {
	footer{
		padding: 6.5vw 0;
	}
	footer .copyright{
		font-size: 2.75vw;
	}
}

/* -------------------------------------------

共通設定

 ---------------------------------------------------*/
.container{
	padding: 88px 0 100px;
	background-image: url("../images/bg_container_top.png"), url("../images/bg_container_bottom.png");
	background-position: top center, bottom center;
	background-repeat: no-repeat, no-repeat;
	background-size: contain, contain;	
}
.tit_band{
	position: relative;
	width: 300px;
	height: 58px;
	color: #3A3F7E;
	margin: 0 auto;
	z-index: 99;
}
.tit_band .tit{
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	color: #3A3F7E;
	font-size: 30px;
	font-weight: 500;
	background: #fff;
	border: 2px solid #3A3F7E;
	border-radius: 4px;
	box-sizing: border-box;
	z-index: 1;
}
.tit_band:before,
.tit_band:after{
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	border-radius: 4px;
}
.tit_band:before{
	background: #FFF538;
	bottom: -5px;
	right: -5px;
	z-index: -1;
}
.tit_band:after{
	background: #3A3F7E;
	bottom: -10px;
	right: -10px;
	z-index: -3;
}
@media screen and (max-width: 768px) {
	.container{
		padding: 6vw 0 10vw;
	}
	.tit_band{
		width: 42.5vw;
		height: 8.5vw;
	}
	.tit_band .tit{
		font-size: 4.5vw;
		border-radius: 0.75vw;
	}
	.tit_band:before,
	.tit_band:after{
		border-radius: 0.75vw;
	}
	.tit_band:before{
		bottom: -0.75vw;
		right: -0.75vw;
	}
	.tit_band:after{
		bottom: -1.25vw;
		right: -1.25vw;
	}
}

/* -------------------------------------------

実施企業

 ---------------------------------------------------*/
.company{
	padding: 70px 0;
	background: #EDF6FC;
}
.company .tit_company{
	color: #3A3F7E;
	font-size: 32px;
	font-weight: 500;
}
.company .tit_company{
	display: flex;
	align-items: center;
	justify-content: center;
}
.company .tit_company:before,
.company .tit_company:after{
	content: "";
	width: 57px;
	height: 3px;
	background: #5D63A3;
	margin: 0 22px;
}
.company .list{
	display: flex;
	justify-content: center;
	margin: 40px 0 0;
}
.company .list li{
	width: 268px;
	margin: 0 20px;
}
@media screen and (max-width: 768px) {
	.company{
		padding: 10vw 0;
	}
	.company .tit_company{
		font-size: 4.5vw;
	}
	.company .tit_company:before,
	.company .tit_company:after{
		width: 14.25vw;
		height: 0.5vw;
		margin: 0 2.5vw;
	}
	.company .list{
		display: block;
		margin: 9vw 0 0;
	}
	.company .list li{
		width: 67vw;
		margin: 0 auto 5vw;
	}
	.company .list li:last-child{
		margin: 0 auto;
	}
}

/* -------------------------------------------

トップページ

 ---------------------------------------------------*/
.list_class{
	position: relative;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	max-width: 1250px;
	margin: 78px auto 0;
	z-index: 99;
}
.list_class:before{
	content: "";
	position: absolute;
	width: 246px;
	height: 186px;
	top: -174px;
	right: -20px;
	background: url("../images/bg_top_list.png") no-repeat;	
	background-size: cover;
}
.list_class li{
	position: relative;
	display: flex;
	flex-direction: column;
	width: 600px;
	margin: 0 0 46px;
	background: #fff;
	border: 3px solid #5D63A3;
	border-radius: 10px;
	box-sizing: border-box;
}
.list_class li:after,
.page_detail .wrapper:after{
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	border-radius: 10px;
	background: #5D63A3;
	bottom: -10px;
	right: -10px;
	z-index: -1;
}
.list_class li .tag,
.page_detail .outline .tag{
	display: flex;
	justify-content: flex-end;
	margin: 20px 22px 30px 0;
}
.list_class li .tag span,
.page_detail .outline .tag span{
	color: #fff;
	font-size: 14px;
	font-weight: 500;
	background: #5D63A3;
	border-radius: 4px;
	padding: 5px 18px;
	margin: 0 0 0 10px;
}
.list_class li .tit_wrap,
.page_detail .outline .tit_wrap{
	display: flex;
	align-items: center;
	flex-grow: 1;
	padding: 0 12px 20px;
	background-image : linear-gradient(to right, #000 4px, transparent 2px);
	background-size: 10px 2px;
	background-repeat: repeat-x;
	background-position: left bottom;
}
.list_class li .tit_wrap .tit,
.page_detail .outline .tit_wrap .tit{
	color: #3A3F7E;
	font-size: 18px;
	font-weight: 500;
}
.list_class li .tit_wrap .tit span,
.page_detail .outline .tit_wrap .tit span{
	display: block;
	font-size: 28px;
	font-weight: 500;
}
.list_class li .tit_wrap .tit span span{
	display: block;
	font-size: 20px;
}
.list_class li .detail{
	display: flex;
	justify-content: space-between;
	padding: 30px 21px;
}
.list_class li .detail .img{
	width: 186px;
}
.list_class li .detail .introduction{
	width: 338px;
}
.list_class li .detail .introduction span,
.page_detail .outline .introduction span{
	color: #3A3F7E;
	font-size: 15px;
	font-weight: 700;
	text-align: center;
	padding: 2px 18px;
	border: 2px solid #5D63A3;
	border-radius: 25px;
}
.list_class li .detail .introduction .txt,
.page_detail .outline .introduction .txt{
	line-height: 1.8;
	margin: 11px 0 20px;
}
.list_class li .detail .introduction a{
	display: flex;
	align-items: center;
	justify-content: flex-end;
	font-weight: 500;
}
.list_class li .detail .introduction a img{
	width: 32px;
	margin: 0 8px 0 0;
}
@media screen and (max-width: 768px) {
	.list_class{
		margin: 6vw auto 0;
	}
	.list_class:before{
		display: none;
	}
	.list_class li{
		width: 85vw;
		margin: 0 auto 8.5vw;
		border-radius: 2.5vw;
	}
	.list_class li:last-child{
		margin: 0 auto;
	}
	.list_class li:after,
	.page_detail .wrapper:after{
		border-radius: 2.5vw;
		bottom: -1vw;
		right: -1vw;
	}
	.list_class li .tag,
	.page_detail .outline .tag{
		justify-content: flex-start;
		flex-wrap: wrap;
		margin: 5.5vw 3vw 3vw;
	}
	.list_class li .tag span,
	.page_detail .outline .tag span{
		font-size: 3vw;
		border-radius: 0.75vw;
		padding: 0.75vw 2.5vw;
		margin: 0 3.5vw 1.5vw 0;
	}
	.list_class li .tit_wrap,
	.page_detail .outline .tit_wrap{
		justify-content: space-between;
		padding: 0 2.5vw 4.5vw;
	}
	.list_class li .tit_wrap .logo,
	.page_detail .outline .tit_wrap .logo{
		width: 23vw;
	}
	.list_class li .tit_wrap .tit,
	.page_detail .outline .tit_wrap .tit{
		width: calc(100% - 23vw);
		font-size: 3vw;
	}
	.list_class li .tit_wrap .tit span,
	.page_detail .outline .tit_wrap .tit span{
		font-size: 4.5vw;
		margin: 2vw 0 0;
	}
	.list_class li .tit_wrap .tit span span{
		font-size: 3.5vw;
	}
	.list_class li .detail{
		display: block;
		padding: 4vw 3vw 5.25vw;
	}
	.list_class li .detail .img{
		width: 34.5vw;
		margin: 0 auto 4vw;
	}
	.list_class li .detail .introduction{
		width: 100%;
	}
	.list_class li .detail .introduction span,
	.page_detail .outline .introduction span{
		font-size: 3.5vw;
		padding: 0.5vw 3.5vw;
		border-radius: 6.25vw;
	}
	.list_class li .detail .introduction .txt,
	.page_detail .outline .introduction .txt{
		font-size: 3.75vw;
		margin: 2.5vw 0 3.5vw;
	}
	.list_class li .detail .introduction a{
		font-size: 3.75vw;
	}
	.list_class li .detail .introduction a img{
		width: 5.5vw;
		margin: 0 2.5vw 0 0
	}
}

/* -------------------------------------------

詳細ページ

 ---------------------------------------------------*/
.page_detail header .inner{
	padding: 30px 0;
	background: url("../images/bg_header_detail.png") no-repeat #fff center;
	background-size: contain;
}
.page_detail header .tit_sub{
	align-items: baseline;
	margin: -20px auto 0;
}
.page_detail .container{
	padding: 55px 0 156px;
}
.page_detail .wrapper{
	position: relative;
	max-width: 1250px;
	margin: 0 auto;
	background: #fff;
	border: 3px solid #5D63A3;
	border-radius: 10px;
	box-sizing: border-box;
}
.page_detail .outline,
.page_detail .content,
.page_detail .flow{
	background-image : linear-gradient(to right, #000 4px, transparent 2px);
	background-size: 10px 2px;
	background-repeat: repeat-x;
	background-position: left bottom;	
}
.page_detail .outline{
	padding: 36px 50px 56px;
	overflow: hidden;
}
.page_detail .outline .img{
	float: left;
	width: 378px;
	margin: 0 36px 0 0;
}
.page_detail.sekisui .outline .img{
	margin: 40px 36px 20px 0;
}
.page_detail .outline .tag{
	margin: 0 0 15px;
}
.page_detail .outline .tit_wrap{
	padding: 0 0 26px;
	background: none;
}
.page_detail .outline .tit_wrap .tit{
	font-size: 28px;
	line-height: 1.8;
	margin: 0 0 0 6px;
}
.page_detail .outline .introduction .txt{
	margin: 16px 0 0;
}
.page_detail .content{
	display: flex;
	justify-content: space-between;
	padding: 55px 50px;
}
.page_detail .content .txt{
	max-width: 780px;
	line-height: 2;
}
.page_detail .content h4{
	font-weight: bold;
}
.page_detail .content ul{
	text-indent: -1em;
	padding-left: 1em;
}
.page_detail .content li{
	text-indent: -1em;
	padding-left: 2em;
}
.page_detail .content .img{
	width: 300px;
}
.page_detail .content .img img:nth-child(2){
	margin: 30px 0 0;
}
.page_detail .flow{
	padding: 72px 50px;
}
.page_detail .tit_band{
	height: 46px;
	margin: 0 auto;
}
.page_detail .tit_band .tit{
	font-size: 21px;
}
.page_detail .time_schedule{
	margin: 50px auto 0;
	border: 2px solid #BAD1E0;
	padding: 20px;
	max-width: 1000px;
	box-sizing: border-box;
	text-align: center;
}
.page_detail .flow .cap{
	margin: 44px 20px -40px;
}
.page_detail .flow .list{
	margin: 80px 0 0;
}
.page_detail .flow .list li{
	margin: 26px 0 0;
}
.page_detail .flow .list li .tit{
	display: inline-block;
	color: #3A3F7E;
	font-size: 15px;
	font-weight: 700;
	text-align: center;
	padding: 2px 18px;
	border: 2px solid #5D63A3;
	border-radius: 25px;
}
.page_detail .flow .list li .txt{
	line-height: 2;
	margin: 16px 20px 0;
}
.page_detail .flow .list li .txt h5{
	text-indent: -2em;
	padding-left: 2em;
}
.page_detail .flow .list li .txt span{
	display: block;
	text-indent: -1em;
	margin: 0 0 0 3em;
}
.page_detail .point{
	display: flex;
	justify-content: space-between;
	max-width: 1136px;
	margin: 40px auto 0;
	padding: 42px 40px 34px;
	border: 2px solid #BAD1E0;
	border-radius: 10px;
	box-sizing: border-box;
}
.page_detail .point .icon{
	width: 138px;
	margin: 10px 0 0;
}
.page_detail .point .inner{
	width: 890px;
}
.page_detail .point .inner .tit{
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 232px;
	height: 31px;
	color: #fff;
	font-weight: 700;
	border-radius: 5px;
	background: #01B4AA;
}
.page_detail .point .inner .tit:after {
	content: "";
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: -12px;
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 13px solid #01B4AA;
}
.page_detail .point .inner .txt{
	line-height: 1.8;
	margin: 25px 0 0;
}
.page_detail .point .inner .txt h5{
	font-weight: bold;
}
.page_detail .point .inner .txt span{
	display: block;
	padding-left: 2em;
}
.page_detail .apply{
	max-width: 930px;
	margin: 72px auto 0;
	padding: 36px 0 40px;
	background: #FBFAF7;
}
.page_detail .apply .tit{
	font-size: 21px;
	font-weight: 700;
	text-align: center;
}
.page_detail .apply .btn{
	display: flex;
	align-items: flex-end;
	justify-content: center;
	margin: -15px 0 0;
}
.page_detail .apply .btn a{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 405px;
	height: 58px;
	color: #000;
	font-size: 18px;
	font-weight: 700;
	margin: 0 20px 0 12px;
	background: #F3D87A;
	border-radius: 6px;
}
.page_detail .apply .btn:before{
	content: "";
	width: 74px;
	height: 106px;
	background: url("../images/icon_apply01.png") no-repeat;
	margin: 0 0 5px;
}
.page_detail .apply .btn:after{
	content: "";
	width: 64px;
	height: 96px;
	background: url("../images/icon_apply02.png") no-repeat;
	margin: 0 0 2px;
}
.page_detail .overview{
	padding: 72px 50px 60px;
}
.page_detail .overview dl{
	display: flex;
	flex-wrap: wrap;
	margin: 74px 0;
}
.page_detail .overview dl dt{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 192px;
	font-weight: 500;
	padding: 9px 0 14px;
	margin: 20px 0 0;
	background: #EDF6FC;
}
.page_detail .overview dl dd{
	width: calc(100% - 192px);
	line-height: 2;
	padding: 6px 20px 6px 40px;
	margin: 20px 0 0;
	border-bottom: dashed 1px #9A9A9A;
	box-sizing: border-box;
}
.page_detail .overview dl dd.red{
	color: #f00;
}
.page_detail .overview dl dd span{
	display: block;
	font-weight: 700;
}
.page_detail .btn_back{
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 398px;
	height: 60px;
	font-size: 18px;
	font-weight: 500;
	margin: 100px auto 0;
	background: #fff;
	border-radius: 10px;
}
.page_detail .btn_back img{
	position: absolute;
	width: 20px;
	right: 20px;
}
.page_detail.page_suntory .flow .tit_band{
	margin: 0 auto 70px;
}
.page_detail.page_suntory .flow .point{
	margin: 50px auto 0;
}
.page_detail.page_suntory .list{
	margin: 38px 0 50px;
}
.page_detail .tit_lesson{
	display: inline-block;
	color: #fff;
	padding: 7px 20px;
	background: #5D63A3;
	border-radius: 5px 5px 0 0;
}
.page_detail .txt_lesson{
	line-height: 2;
	padding: 20px 20px 0;
	margin: 0;
	border-top: 2px solid #5D63A3;
}
.pagetop{
	position: fixed;
	width: 96px;
	height: 96px;
	right: 60px;
	bottom: 60px;
	cursor: pointer;
	z-index: 9998;
}
@media screen and (max-width: 768px) {
	.page_detail header .inner{
		padding: 3.75vw 0 6vw;
		background: #fff;
	}
	.page_detail header .tit_sub{
		align-items: baseline;
		margin: 3vw auto 0;
	}
	.page_detail header .inner:after{
		display: none;
	}
	.page_detail .container{
		padding: 8vw 0 12vw;
	}
	.page_detail .wrapper{
		margin: 0 7.5vw;
		border-radius: 2.5vw;
	}
	.page_detail .outline{
		display: flex;
		flex-direction: column;
		padding: 5.5vw 4.5vw;
	}
	.page_detail .outline .img{
		float: none;
		width: 100%;
		margin: 5vw 0;
		order: 3;
	}
	.page_detail .outline .tag{
		margin: 0 0 4vw;
		order: 1;
	}
	.page_detail .outline .tit_wrap{
		padding: 0;
		order: 2;
	}
	.page_detail .outline .tit_wrap .tit{
		font-size: 3vw;
		margin: 0;
	}
	.page_detail .outline .introduction{
		order: 4;
	}
	.page_detail .outline .introduction .txt{
		margin: 1.5vw 0 0;
	}
	.page_detail .content{
		flex-direction: column-reverse;
		padding: 5.5vw 4vw;
	}
	.page_detail .content .txt{
		font-size: 3.75vw;
		line-height: 1.8;
		margin: 5.5vw 0 0;
	}
	.page_detail .content .img{
		width: 100%;
	}
	.page_detail .content .img img:nth-child(2){
		margin: 5vw 0 0;
	}
	.page_detail .flow{
		padding: 10vw 4vw 6vw;
	}
	.page_detail .tit_band{
		height: 8.5vw;
	}
	.page_detail .tit_band .tit{
		font-size: 4.5vw;
	}
	.page_detail .time_schedule{
	margin: 8.5vw auto 0;
	padding: 2.5vw;
	text-align: left;
	}
	.page_detail .flow .cap{
		font-size: 3.75vw;
		margin: 10vw 0 0;
	}
	.page_detail .flow .list{
		margin: 10vw 0 0;
	}
	.page_detail .flow .list li{
		margin: 4vw 0 0;
	}
	.page_detail .flow .list li .tit{
		font-size: 3.75vw;
		padding: 0.5vw 5.5vw;
		border-radius: 6.25vw;
	}
	.page_detail .flow .list li .txt{
		font-size: 3.75vw;
		line-height: 1.8;
		margin: 2.5vw 0 0;
	}
	.page_detail .flow .list li .txt span{
		margin: 0 0 0 2em;
	}
	.page_detail .point{
		position: relative;
		display: block;
		margin: 11.5vw auto 0;
		padding: 6vw 3.5vw;
		border-radius: 2.5vw;
	}
	.page_detail .point .icon{
		position: relative;
		width: 22.5vw;
		margin: 0;
		left: 54%;
		transform: translateX(-50%);
	}
	.page_detail .point .inner{
		width: 100%;
	}
	.page_detail .point .inner .tit{
		width: 58vw;
		height: 7vw;
		font-size: 3.75vw;
		padding: 0 0 0.5vw;
		margin: 4.25vw auto 0;
		border-radius: 1.25vw;
	}
	.page_detail .point .inner .tit:after {
		bottom: -3vw;
		border-left: 2.5vw solid transparent;
		border-right: 2.5vw solid transparent;
		border-top: 3.25vw solid #01B4AA;
	}
	.page_detail .point .inner .txt{
		font-size: 3.75vw;
		margin: 6vw 0 0;
	}
	.page_detail .apply{
		position: relative;
		margin: 5.5vw auto 0;
		padding: 13vw 0 10vw;
	}
	.page_detail .apply .tit{
		font-size: 4vw;
	}
	.page_detail .apply .btn{
		display: block;
		margin: 0;
	}
	.page_detail .apply .btn a{
		width: 65vw;
		height: 11vw;
		font-size: 4vw;
		margin: 6vw auto 0;
		border-radius: 1.5vw;
	}
	.page_detail .apply .btn:before,
	.page_detail .apply .btn:after{
		position: absolute;
		margin: 0;
		background-size: cover;
	}
	.page_detail .apply .btn:before{
		width: 10.5vw;
		height: 15vw;
		left: 4.25vw;
		top: 7vw;
	}
	.page_detail .apply .btn:after{
		width: 9vw;
		height: 13.5vw;
		right: 4vw;
		top: 8vw;
	}
	.page_detail .overview{
		padding: 11.25VW 4vw 9vw;
	}
	.page_detail .overview dl{
		display: block;
		margin: 10vw 0 7.5vw;
	}
	.page_detail .overview dl dt{
		width: 100%;
		font-size: 3.75vw;
		padding: 2vw 0;
		margin: 0;
	}
	.page_detail .overview dl dd{
		display: block;
		width: 100%;
		font-size: 3.75vw;
		line-height: 1.8;
		padding: 0;
		margin: 4vw 0;
		border-bottom: none;
	}
	.page_detail .btn_back{
		width: 75vw;
		height: 12.5vw;
		font-size: 4vw;
		margin: 10vw auto 0;
		border-radius: 2.5vw;
	}
	.page_detail .btn_back img{
		width: 4.5vw;
		right: 4.5vw;
	}
	.page_detail.page_suntory .flow .tit_band{
		margin: 0 auto 10vw;
	}
	.page_detail.page_suntory .flow .point{
		margin: 12.5vw auto 0;
	}
	.page_detail.page_suntory .list{
		margin: 4vw 0 8.5vw;
	}
	.page_detail .tit_lesson{
		font-size: 3.75vw;
		padding: 1vw 3.75vw;
		border-radius:1.25vw 1.25vw 0 0;
	}
	.page_detail .txt_lesson{
		font-size: 3.75vw;
		line-height: 1.8;
		padding: 2.5vw 0;
	}
	.pagetop{
		width: 15vw;
		height: 15vw;
		right: 2vw;
		bottom: 3.75vw;
	}
}

.smp_only{
	display: none;
}
@media screen and (max-width: 768px) {
	.pc_only{
		display: none;
	}
	.smp_only{
		display: block;
	}
}