@charset "utf-8";
figure{
	margin: 0;
}
img{
	max-width: 100%;
	width: auto;
	height: auto;
	vertical-align: bottom;
}
.ly-1200{
	max-width: 1200px;
	width: 96%;
	margin: 0 auto;
}
.el-pink{
	color: #E67578;
}
h2, h3{
	font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "ヒラギノ角ゴ ProN W3", "ＭＳ Pゴシック", Osaka, sans-serif;
}
/* --- SP ---------- */

@media print, screen and (max-width: 740px) {
	.online .sec-title{
		padding: 30px 0;
		text-align: center;
	}
	.online .sec-title .el-sub{
		margin: 0;
		font-size: 120%;
	}
	.online .sec-title .el-sub .el-pink{
		font-weight: bold;
	}
	.online .sec-title .el-title{
		display: inline-block;
		position: relative;
		font-size: 160% !important;
		font-weight: bold;
	}
	.online .sec-title .el-title::before{
		content: '';
		position: absolute;
		display: inline-block;
		bottom: -10px;
		left: -35px;
		width: 35px;
		height: 35px;
		background: url(../img/online/online-ir02.png) center top no-repeat;
		background-size: contain;
		z-index: -1;
	}
	.online .sec-title .el-title::after{
		content: '';
		position: absolute;
		top: -13px;
		right: -36px;
		display: inline-block;
		width: 35px;
		height: 35px;
		background: url(../img/online/online-ir01.png) center top no-repeat;
		background-size: contain;
		z-index: -1;
	}
	.online .sec-title .el-img{
		text-align: center;
	}
	.online .sec-title .el-img img{}
	.online .sec-title .el-desc{
		line-height: 1.7;
	}
	.online .ly-wrap{
		display: flex;
		display: -webkit-flex;
		display:-ms-flexbox;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.online .ly-wrap .bl-img{
		width: 100%;
		order: 2;
		margin: 1em auto;
	}
	.online .ly-wrap .bl-desc{
		width: 100%;
		order: 1;
	}
	.online .ly-line{
		margin: 30px auto;
		text-align: center;
	}
	.online .sec01{
		background-color: #FFE8E8;
		padding: 30px 0;
	}
	.online .sec01 .el-img{
		text-align: center;
	}
	.online .sec01 .el-img img{}
	.online .sec01 .el-text01{
		color: #e67578;
		font-size: 120%;
		font-weight: bold;
		line-height: 1.7;
		margin: 1em auto 2em;
	}
	.online .sec01 .el-text02{}
	.online .sec01 .el-title{
		text-align: center;
		font-weight: bold;
		font-size: 120%;
		margin: 50px auto;
	}
	.online .sec01 .el-title .el-pink{
		font-size: 120%;
	}
	.online .sec01 .el-list{
		margin: 0;
		padding: 0;
		list-style: none;
	}
	.online .sec01 .el-list li{
		position: relative;
		padding-left: 30px;
		font-size: 110%;
		margin: 0 auto 10px;
	}
	.online .sec01 .el-list li::before{
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		display: inline-block;
		width: 25px;
		height: 25px;
		background: url(../img/online/check.png) center top no-repeat;
		background-size: contain;
	}
	.online .sec01 .el-list li .el-pink{
		font-size: 120%;
		font-weight: bold;
	}
	.online .sec02{
		padding: 30px 0;
	}
	.online .sec02 .bl-img{}
	.online .sec02 .bl-desc{}
	.online .sec02 .bl-title{
		text-align: center;
	}
	.online .sec02 .el-title{
		display: inline-block;
		font-size: 130%;
		line-height: 1.5;
		position: relative;
		margin: 30px auto;
	}
	.online .sec02 .el-title::before{
		content: '';
		position: absolute;
		display: inline-block;
		top: -55px;
		left: -10px;
		width: 50px;
		height: 50px;
		background: url(../img/hakama/hakama-ir01.png) center top no-repeat;
		background-size: contain;
		z-index: -1;
	}
	.online .sec02 .el-title::after{
		content: '';
		position: absolute;
		display: inline-block;
		bottom: -44px;
		right: -20px;
		width: 50px;
		height: 50px;
		background: url(../img/hakama/hakama-ir01.png) center top no-repeat;
		background-size: contain;
		z-index: -1;
	}
	.online .sec02 .el-text{
		text-align: center;
	}
	.online .sec02 .el-text .el-pink{
		display: inline-block;
		background-color: #FFE8E8;
		padding: 10px;
		font-weight: bold;
		font-size: 120%;
	}
	.online .sec02 .marker_yellow{
		font-size: 120%;
		display: inline;
	}
	.online .sec03{
		background-color: #FFE8E8;
		padding: 30px 0;
	}
	.online .sec03{
		text-align: center;
	}
	.online .sec03 .el-title{
		font-size: 130%;
		position: relative;
		margin: 30px auto;
	}
	.online .sec03 .el-title::before{
		content: '';
		position: absolute;
		display: inline-block;
		top: -40px;
		left: 0;
		width: 30px;
		height: 36px;
		background: url(../img/about/specialist_ir09.png) center top no-repeat;
		background-size: contain;
	}
	.online .sec03 .el-title::after{
		content: '';
		position: absolute;
		display: inline-block;
		top: -55px;
		right: 0;
		width: 50px;
		height: 50px;
		background: url(../img/online/mail.png) center top no-repeat;
		background-size: contain;
	}
	.online .sec03 .el-title span{
		font-size: 120%;
	}
	.online .sec03 .el-desc{
		position: relative;
		font-size: 120%;
		line-height: 1.7;
	}
	.online .sec03 .el-desc .el-pink{
		font-weight: bold;
	}
	.online .sec03 .caution{
		font-size: 110%;
	}
	.online .sec03 .bl-arrow{
		display: flex;
		display: -webkit-flex;
		display: -ms-flexbox;
		-webkit-flex-wrap: nowrap;
		flex-wrap: nowrap;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		max-width: 400px;
		margin: 50px auto;
	}
	.online .sec03 .bl-arrow .el-img{
		text-align: center;
	}
	.online .sec03 .el-btn{
		text-align: center;
	}
	.online .sec03 .el-btn a{
		font-weight: bold;
		font-size: 120%;
		display: inline-block;
		padding: 25px;
		text-decoration: none;
		background-color: #000;
		color: #fff;
		box-shadow: 10px 10px 0px 0px #C4C4C4;
	}
}


/* --- PC ---------- */

@media print, screen and (min-width: 741px) {
	.online .sec-title{
		padding: 5% 0;
		text-align: center;
	}
	.online .sec-title .el-sub{
		margin: 0;
		font-size: 200%;
	}
	.online .sec-title .el-sub .el-pink{
		font-weight: bold;
	}
	.online .sec-title .el-title{
		display: inline-block;
		position: relative;
		font-size: 300% !important;
		font-weight: bold;
	}
	.online .sec-title .el-title::before{
		content: '';
		position: absolute;
		display: inline-block;
		bottom: -20px;
		left: -180px;
		width: 140px;
		height: 140px;
		background: url(../img/online/online-ir02.png) center top no-repeat;
		background-size: contain;
		z-index: -1;
	}
	.online .sec-title .el-title::after{
		content: '';
		position: absolute;
		bottom: -20px;
		right: -180px;
		display: inline-block;
		width: 140px;
		height: 140px;
		background: url(../img/online/online-ir01.png) center top no-repeat;
		background-size: contain;
		z-index: -1;
	}
	.online .sec-title .el-img{
		text-align: center;
	}
	.online .sec-title .el-img img{
		max-width: 576px;
	}
	.online .sec-title .el-desc{
		font-size: 120%;
		line-height: 1.7;
	}
	.online .ly-wrap{
		display: flex;
		display: -webkit-flex;
		display:-ms-flexbox;
		-webkit-flex-wrap: nowrap;
		flex-wrap: nowrap;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	}
	.online .ly-wrap .bl-img{
		width: 48%;
	}
	.online .ly-wrap .bl-desc{
		width: 48%;
	}
	.online .ly-line{
		margin: 80px auto;
		text-align: center;
	}
	.online .sec01{
		background-color: #FFE8E8;
		padding: 5% 0;
	}
	.online .sec01 .el-img{
		text-align: center;
	}
	.online .sec01 .el-img img{}
	.online .sec01 .el-text01{
		color: #e67578;
		font-size: 140%;
		font-weight: bold;
		line-height: 1.7;
		margin: 1em auto 2em;
	}
	.online .sec01 .el-text02{}
	.online .sec01 .el-title{
		text-align: center;
		font-weight: bold;
		font-size: 200%;
		margin: 80px auto;
	}
	.online .sec01 .el-title .el-pink{
		font-size: 120%;
	}
	.online .sec01 .el-list{
		margin: 0;
		padding: 0;
		list-style: none;
	}
	.online .sec01 .el-list li{
		position: relative;
		padding-left: 65px;
		font-size: 140%;
		margin: 0 auto 25px;
	}
	.online .sec01 .el-list li::before{
		content: '';
		position: absolute;
		top: -17px;
		left: 0;
		display: inline-block;
		width: 50px;
		height: 50px;
		background: url(../img/online/check.png) center top no-repeat;
		background-size: contain;
	}
	.online .sec01 .el-list li .el-pink{
		font-size: 120%;
		font-weight: bold;
	}
	.online .sec02{
		padding: 5% 0;
	}
	.online .sec02 .bl-img{
		width: 40%;
	}
	.online .sec02 .bl-desc{
		width: 55%;
	}
	.online .sec02 .bl-title{
		text-align: center;
	}
	.online .sec02 .el-title{
		display: inline-block;
		font-size: 200%;
		line-height: 1.5;
		position: relative;
		margin: 80px auto;
	}
	.online .sec02 .el-title::before{
		content: '';
		position: absolute;
		display: inline-block;
		top: -15px;
		left: -140px;
		width: 106px;
		height: 106px;
		background: url(../img/hakama/hakama-ir01.png) center top no-repeat;
		background-size: contain;
		z-index: -1;
	}
	.online .sec02 .el-title::after{
		content: '';
		position: absolute;
		display: inline-block;
		bottom: -10px;
		right: -140px;
		width: 106px;
		height: 106px;
		background: url(../img/hakama/hakama-ir01.png) center top no-repeat;
		background-size: contain;
		z-index: -1;
	}
	.online .sec02 .el-text{
		text-align: center;
	}
	.online .sec02 .el-text .el-pink{
		display: inline-block;
		background-color: #FFE8E8;
		padding: 10px;
		font-weight: bold;
		font-size: 160%;
	}
	.online .sec02 .marker_yellow{
		font-size: 160%;
		display: inline;
	}
	.online .sec03{
		background-color: #FFE8E8;
		padding: 5% 0;
	}
	.online .sec03{
		text-align: center;
	}
	.online .sec03 .el-title{
		font-size: 200%;
		position: relative;
		margin: 80px auto;
	}
	.online .sec03 .el-title::before{
		content: '';
		position: absolute;
		display: inline-block;
		top: -15px;
		left: 0;
		width: 54px;
		height: 93px;
		background: url(../img/about/specialist_ir09.png) center top no-repeat;
		background-size: contain;
	}
	.online .sec03 .el-title::after{
		content: '';
		position: absolute;
		display: inline-block;
		top: 0;
		right: 0;
		width: 97px;
		height: 97px;
		background: url(../img/online/mail.png) center top no-repeat;
		background-size: contain;
	}
	.online .sec03 .el-title span{
		font-size: 120%;
	}
	.online .sec03 .el-desc{
		position: relative;
		font-size: 160%;
		line-height: 1.7;
	}
	.online .sec03 .el-desc::before{
		content: '';
		position: absolute;
		display: inline-block;
		bottom: -42px;
		left: 0;
		width: 97px;
		height: 97px;
		background: url(../img/online/mail.png) center top no-repeat;
		background-size: contain;
	}
	.online .sec03 .el-desc::after{
		content: '';
		position: absolute;
		display: inline-block;
		bottom: -58px;
		right: 28px;
		width: 54px;
		height: 93px;
		background: url(../img/about/specialist_ir10.png) center top no-repeat;
		background-size: contain;
	}
	.online .sec03 .el-desc .el-pink{
		font-weight: bold;
	}
	.online .sec03 .caution{
		font-size: 110%;
	}
	.online .sec03 .bl-arrow{
		display: flex;
		display: -webkit-flex;
		display: -ms-flexbox;
		-webkit-flex-wrap: nowrap;
		flex-wrap: nowrap;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		max-width: 400px;
		margin: 50px auto;
	}
	.online .sec03 .bl-arrow .el-img{
		text-align: center;
	}
	.online .sec03 .el-btn{
		text-align: center;
	}
	.online .sec03 .el-btn a{
		font-weight: bold;
		font-size: 160%;
		display: inline-block;
		padding: 25px;
		text-decoration: none;
		background-color: #000;
		color: #fff;
		box-shadow: 10px 10px 0px 0px #C4C4C4;
	}
}