@charset "utf-8";
/* CSS Document */
/*-------------------------------------------------

    MAIN VISUAL

--------------------------------------------------*/
#mv{
	position: relative;
    height: 800px;
    padding: 2vw 0 5vw;
	background: url("../../images/mid_lp/front/mv/slide02.jpg") no-repeat center / cover;
	text-align: center;
}
#mv .logo{display: block;width:100px;margin: 0 auto 40px;}
#mv h1{position: relative;display: inline-block;margin-bottom: 70px;}
#mv h1 img {width: 70%;}
#mv h1 span {position: absolute;left: -40px;bottom: -88px;}
#mv h2 {
	position: relative;
	z-index: 1;
	padding: 15px 0 60px;
	background: linear-gradient(to left, rgba(238, 174, 0, .9), rgba(255, 127, 0, .9));
	color: #fff;
	font-size: 2rem;
	letter-spacing: 0.05em;
	text-align: center;
}
#mv h2 span{font-size: 2.2rem;}
#mv h2 b{font-size: 1.325em;}
#mv .main_txt {
	display: flex;
	align-items: center;
	justify-content: space-between;
    position: relative;
    top: -45px;
	z-index: 10;
	max-width: 920px;
    margin: 0 auto;
    padding: 12px 35px;
	background-color: #fff;
}
#mv .main_txt_item {
	width: 50%;
	padding: 0 0 0 40px;
	font-size: 1.9rem;
	letter-spacing: 0.05em;
	text-align: left;
}
#mv .main_txt_item.item01{
	margin-right:30px;
	border-right:solid 2px #03AFB4;
	background: url(../../images/mid_lp/front/mv/icon_beginner.svg) no-repeat left center / 22px;
}
#mv .main_txt_item.item02{background: url(../../images/mid_lp/front/mv/icon_heart.svg) no-repeat left center / 28px;}
#mv .main_txt_item span{color: #EB5C01;font-weight: 700;}
#mv .main_txt_item.item01 b{color: #EB5C01;font-weight: 700;font-size: 2.8rem;}
#mv .main_txt_item.item02 b{color: #EB5C01;font-weight: 700;font-size: 2.3rem;}
#mv .spimg {display: none;}
@media only screen and ( max-width: 1024px) {
	#mv {
		height: auto;
		padding: 0;
		overflow: hidden;
		background: #fff;
	}
	#mv .spimg {display: block;height: 60vh;background: url("../../images/mid_lp/front/mv/slide01_sp.png") no-repeat top center / cover;}
	#mv .logo{display: none;}
	#mv h1{
		display: block;
		position: absolute;
		top: 76px;
		left: 0;
		z-index: 15;
		width: 100%;
		margin-bottom: 40px;
		text-align: right;
	}
	#mv h1:after{
		content: '';
		position: absolute;
		bottom: -17vh;
		left: -3%;
		width: 165px;
		height: 229px;
		background: url("../../images/mid_lp/front/mv/icon_panda.svg") no-repeat left bottom;
		transform: rotate(60deg);
	}
	#mv h1 img:first-child {max-width: 40%;}
	#mv h1 span img{display: none;}
	#mv h1 span{left: 40px;top: 100%;max-width: 40%;}
	#mv h2{
		position: absolute;
		left: -10%;
		bottom: 31%;
		z-index: 2;
		transform: rotate(-10deg);
		width: 120%;
		padding: 10px 0;
		background: linear-gradient(to left, rgba(238, 174, 0, .9), rgba(255, 127, 0, .9));
		font-size: 1.4rem;
		line-height: 2;
	}
	#mv h2 span{font-size: 1.2rem;}
	#mv h2 b{font-size: 2rem;}
	#mv .main_txt {
		display: block;
		top: 0;
		z-index: 1;
		padding: 20px 20px 40px;
	}
	#mv .main_txt_item {width: 100%;font-size: 2rem;text-align: center;}
	#mv .main_txt_item.item01 {
		border-right:none;
		margin-right: 0;
		border-bottom: solid 2px #03AFB4;
		margin-bottom: 30px;
		padding-bottom: 30px;
		background-position: 15% 50%;
		background-size: 29px;
	}
	#mv .main_txt_item.item02 {background-position: 15% 50%;background-size: 37px;}
}
@media screen and ( max-width: 500px) {
	#mv h1:after {width: 100px;height: 138px;background-size: contain;bottom: -15vh;}
	#mv h2 {bottom: 36%;}
	#mv .main_txt_item {font-size: 1.6rem;}
	#mv .main_txt_item.item01 {margin-bottom: 20px;padding-bottom: 20px;}
	#mv .main_txt {padding: 20px;}
	#mv .main_txt_item {padding: 0 0 0 20px;}
	#mv .main_txt_item.item01 {background-position: 0% 50%;background-size: 17px;}
	#mv .main_txt_item.item02 {background-position: 0% 50%;background-size: 25px;}
}
/*-------------------------------------------------

    MAIN VISUAL

--------------------------------------------------*/
#mv2{
	position: relative;
    height: 92vh;
    padding: 2vw 0 5vw;
	background: url("../../images/mid_lp/front/mv/slide02.jpg") no-repeat center / cover;
	text-align: center;
}
#mv2 .logo{display: block;width:100px;margin: 0 auto 40px;}
#mv2 h1{position: relative;display: inline-block;margin-bottom: 70px;}
#mv2 h1 img {width: 70%;}
#mv2 h1 span {position: absolute;left: -40px;bottom: -88px;}
#mv2 h2 {
	position: relative;
	z-index: 1;
	padding: 15px 0 60px;
	background: linear-gradient(to left, rgba(238, 174, 0, .9), rgba(255, 127, 0, .9));
	color: #fff;
	font-size: 2rem;
	letter-spacing: 0.05em;
	text-align: center;
}
#mv2 h2 span{font-size: 2.2rem;}
#mv2 h2 b{font-size: 1.325em;}
#mv2 .main_txt {
	display: flex;
	align-items: center;
	justify-content: space-between;
    position: relative;
    top: -45px;
	z-index: 10;
	max-width: 920px;
    margin: 0 auto;
    padding: 12px 35px;
	background-color: #fff;
}
#mv2 .main_txt_item {
	width: 50%;
	padding: 0 0 0 40px;
	font-size: 1.9rem;
	letter-spacing: 0.05em;
	text-align: left;
}
#mv2 .main_txt_item.item01{
	margin-right:30px;
	border-right:solid 2px #03AFB4;
	background: url(../../images/mid_lp/front/mv/icon_beginner.svg) no-repeat left center / 22px;
}
#mv2 .main_txt_item.item02{background: url(../../images/mid_lp/front/mv/icon_heart.svg) no-repeat left center / 28px;}
#mv2 .main_txt_item span{color: #EB5C01;font-weight: 700;}
#mv2 .main_txt_item.item01 b{color: #EB5C01;font-weight: 700;font-size: 2.8rem;}
#mv2 .main_txt_item.item02 b{color: #EB5C01;font-weight: 700;font-size: 2.3rem;}
#mv2 .spimg {display: none;}
@media only screen and ( max-width: 1024px) {
	#mv2 {
		height: auto;
		padding: 0;
		overflow: hidden;
		background: #fff;
	}
	#mv2 .spimg {display: block;height: 60vh;background: url("../../images/mid_lp/front/mv/slide01_sp.png") no-repeat top center / cover;}
	#mv2 .logo{display: none;}
	#mv2 h1{
		display: block;
		position: absolute;
		top: 76px;
		left: 0;
		z-index: 15;
		width: 100%;
		margin-bottom: 40px;
		text-align: right;
	}
	#mv2 h1:after{
		content: '';
		position: absolute;
		bottom: -17vh;
		left: -3%;
		width: 165px;
		height: 229px;
		background: url("../../images/mid_lp/front/mv/icon_panda.svg") no-repeat left bottom;
		transform: rotate(60deg);
	}
	#mv2 h1 img:first-child {max-width: 40%;}
	#mv2 h1 span img{display: none;}
	#mv2 h1 span{left: 40px;top: 100%;max-width: 40%;}
	#mv2 h2{
		position: absolute;
		left: -10%;
		bottom: 31%;
		z-index: 2;
		transform: rotate(-10deg);
		width: 120%;
		padding: 10px 0;
		background: linear-gradient(to left, rgba(238, 174, 0, .9), rgba(255, 127, 0, .9));
		font-size: 1.4rem;
		line-height: 2;
	}
	#mv2 h2 span{font-size: 1.2rem;}
	#mv2 h2 b{font-size: 2rem;}
	#mv2 .main_txt {
		display: block;
		top: 0;
		z-index: 1;
		padding: 20px 20px 40px;
	}
	#mv2 .main_txt_item {width: 100%;font-size: 2rem;text-align: center;}
	#mv2 .main_txt_item.item01 {
		border-right:none;
		margin-right: 0;
		border-bottom: solid 2px #03AFB4;
		margin-bottom: 30px;
		padding-bottom: 30px;
		background-position: 15% 50%;
		background-size: 29px;
	}
	#mv2 .main_txt_item.item02 {background-position: 15% 50%;background-size: 37px;}
}
@media screen and ( max-width: 500px) {
	#mv2 h1:after {width: 100px;height: 138px;background-size: contain;bottom: -15vh;}
	#mv2 h2 {bottom: 36%;}
	#mv2 .main_txt_item {font-size: 1.6rem;}
	#mv2 .main_txt_item.item01 {margin-bottom: 20px;padding-bottom: 20px;}
	#mv2 .main_txt {padding: 20px;}
	#mv2 .main_txt_item {padding: 0 0 0 20px;}
	#mv2 .main_txt_item.item01 {background-position: 0% 50%;background-size: 17px;}
	#mv2 .main_txt_item.item02 {background-position: 0% 50%;background-size: 25px;}
}


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

    Movie

-------------------------------------------*/
#movie{padding: 150px 20px;}
#movie .inner{display: flex;flex-direction: column-reverse;}
.movie_box{margin: 0;}
.movie_box h2{
	background: #FFFBF4;
	text-align: center;
	border: solid 1px #999;
	padding: 20px;
	color: #EB5C01;
	font-size: 2.9rem;
	letter-spacing: 0.05em;
}
.movie_box h2 span{font-size: 1.5rem;}
.movie_txt{display: flex;align-items: center;justify-content: space-between;}
.movie_txt_item{
	width: 50%;
	padding: 0 0 0 60px;
	font-size: 1.9rem;
	line-height: 1.6;
	letter-spacing: 0.05em;
}
.movie_txt_item.item01 span{color: #EB5C01;}
.movie_txt_item.item01 b{color: #EB5C01;font-weight: normal;font-size: 2.8rem;}
.movie_txt_item.item02 span{color: #EB5C01;font-size: 2.3rem;}
.movie_box iframe{width: 100%;height: 517px;}
@media screen and ( max-width: 1100px) {
	#movie {padding: 150px 20px 80px;}
}
@media screen and (min-width:320px) and ( max-width: 768px) {
	#movie{padding: 0 0 20px;}
	#movie .inner{display: block;}
	.movie_box h2 span{display: block;margin-top:10px;}
	.movie_txt{display: block;}
	.movie_txt_item{width: 100%;font-size: 1.6rem;}
	.movie_txt_item.item01{margin: 0 0 20px;padding: 0 0 20px 45px;border-bottom: solid 1px #04afb4;}
	.movie_txt_item.item01 b{font-size: 2rem;}
	.movie_txt_item.item02{margin: 0 0 20px;padding: 0 0 0 45px;}
	.movie_txt_item.item02 span{font-size: 2rem;}
	.movie_box iframe{height: 32vh;}
}
/*-------------------------------------------

    About

-------------------------------------------*/
#about{padding-bottom:140px;}
#about h2{
	background: url("../../images/mid_lp/bg.png") repeat;
	text-align: center;
	padding: 40px 20px;
	margin: 0 0 100px;
	position: relative;
}
#about h2 .img-txt{width:385px;}
#about h2 span img{
    position: absolute;
    left: 50%;
    bottom: -30px;
    transform: translate(-50%,0);
}
#about dl.about_box {
	display: flex;
	align-items: center;
	justify-content: space-between;
	position: relative;
}
#about dl.about_box.box02{flex-direction: row-reverse;margin: 70px 0;background: #FFFBF4;}
#about dl dt{width: 50%;height: 100%;padding: 50px 20px 50px 50px;}
#about dl dt p{
	position: relative;
	z-index: 1;
	font-size: 2.1rem;
	line-height: 2;
}
#about dl dt p span{color: #EB5C01;font-weight: bold;font-size: 2.1rem;}
#about dl dt p b{color: #EB5C01;font-weight: bold;font-size: 2.7rem;}
#about dl.about_box dt img {position: absolute;top: 0;transform: translate(-50%,-50%);}
#about dl.about_box.box01 dt img{left: 25%;}
#about dl.about_box.box02 dt img{right: 25%;}
#about dl.about_box dt::before{
	content: "";
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	height: 100%;
	background: #FFFBF4;
}
#about dl.about_box.box01 dt::before{left: 0;}
#about dl.about_box.box02 dt::before{right: 0;}
#about dl dd{width: 50%;}
#about dl.about_box.box01 dd{border-radius: 0 20px 20px 0;overflow: hidden;}
#about dl.about_box.box02 dd{border-radius: 20px 0 0 20px;overflow: hidden;}
@media screen and (min-width:320px) and ( max-width: 768px) {
	#about{padding-bottom: 60px;}
	#about h2 {margin: 0;}
	#about h2 span{
		position: absolute;
		left: 50%;
		bottom: -10px;
		transform: translate(-50%,0);
		z-index: 1;
		width: 50px;
	}
	#about dl.about_box{display: block;}
	#about dl.about_box.box02{margin: 40px 0;background: #fff;}
	#about dl dt {padding: 5% 8% 0;width: 100%;height: 100%;}
	#about dl dt p{position: relative;z-index: 1;font-size: 3.5vw;}
	#about dl.about_box.box02 p{text-align: right;}
	#about dl dt p span{color: #EB5C01;font-size: 5vw;font-weight: bold;}
	#about dl dt p b{color: #EB5C01;font-size: 5vw;font-weight: bold;}
	#about dl.about_box.box01 dt img{
		top: 20%;
		left: inherit;
		right: 4%;
		width: 6%;
	}
	#about dl.about_box.box02 dt img{
		top: 20%;
		right: inherit;
		left:6%;
		transform: translate(0,-50%);
		width: 6%;
	}
	#about dl.about_box.box01 dt::before{width: 100%;height: 50%;}
	#about dl.about_box.box02 dt::before{width: 100%;height: 50%;}
	#about dl dd{
		width: 100%;
		padding: 0 20px;
		margin: 20px 0 0;
		position: relative;
		z-index: 1;
	}
	#about dl.about_box.box01 dd {border-radius: 0;text-align: center;}
	#about dl.about_box.box02 dd {border-radius: 0;text-align: center;}
	#about dl.about_box.box01 dd img{border-radius: 20px 20px 0 0;overflow: hidden;width:80%;}
	#about dl.about_box.box02 dd img{border-radius: 20px 20px 0 0;overflow: hidden;width:80%;}
}
@media screen and ( max-width: 500px) {
	#about h2 span {bottom: 10px;}
	#about .inner{padding-top:5px;}
	#about dl dt p {font-size: 1.8rem;}
}
/*-------------------------------------------

    Recom

-------------------------------------------*/
#recom{position: relative;}
#recom::before{
	background: url("../../images/mid_lp/bg.png") repeat;
	content: "";
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	top: 20px;
	bottom: 0;
	width: 100%;
}
#recom .title {margin-bottom: 70px;}
#recom .title span {display: block;max-width: 604px;margin: 0 auto;}
#recom .inner{position: relative;}
#recom span.ico{position: absolute;right: 0;bottom: -50px;}
.recom_box{display: flex;justify-content: space-between;padding-bottom: 150px;}
.recom_box ul{width: 50%;}
.recom_box li{
    background: url(../../images/mid_lp/front/recom/icon_check.svg) no-repeat left 0;
    width: 100%;
	margin-bottom: 40px;
    padding-left: 35px;
	font-size: 1.8rem;
    line-height: 1.6;
}
.recom_box li:last-child{margin: 0;}
.recom_box li span.list01{margin: 0 0 0 145px;}
.recom_box li span.list02{margin: 0 0 0 125px;}
.recom_box li .under-l{padding-bottom: 5px;background: linear-gradient(transparent 40%, #FFFBE5 40%);}
@media screen and (min-width:320px) and ( max-width: 768px) {
	#recom{padding: 0 0 30px;}
	#recom span.ico{
		right: 50%;
		bottom: -60px;
		width: 120px;
		transform: translate(50%, 0);
	}
	.recom_box{display: block;padding-bottom: 40px;}
	.recom_box ul{width: 100%;}
	.recom_box li{
		margin-bottom: 20px;
		padding-left: 30px;
		background-size: 20px;
		font-size: 1.6rem;
	}
	.recom_box li:last-child{margin-bottom: 20px;}
	.recom_box li span.list01{margin: 0;}
	.recom_box li span.list02{margin: 0;}
}
@media screen and ( max-width: 500px) {
	#recom {padding: 0 0 50px;}
}
/*-------------------------------------------

    Point

-------------------------------------------*/
#point{padding: 0 0 120px;position: relative;top: -30px;}
#point .title {margin-bottom: 170px;}
.point_box{display: flex;justify-content: space-between;}
.point_box:nth-of-type(even) {flex-direction: row-reverse;margin: 140px 0;}
.point_box dt{width: 50%;position: relative;}
.point_box dt img.thumb{
	width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}
.point_box dt span{
	display: block;
	position: absolute;
	left: 35px;
	top: -50px;
	padding: 0 0 0 10px;
}
.point_box:nth-of-type(even) dt span{left: inherit;right: 25px;padding: 0 45px 0 0;}
.point_box dt span::after {
    content: "";
    position: absolute;
    top: 40px;
    left: -60px;
    width: 120px;
    height: 2px;
    background: #03AFB4;
    display: block;
    transform: rotate(45deg);
}
.point_box:nth-of-type(even) dt span::after{top: 30px;right: -38px;left: inherit;}
.point_box dd{width: 48%;}
.point_box dd h3{
	font-size: 2.7rem;
	line-height: 2;
	color: #EB5C01;
	border-right: solid 5px #EB5C01;
	padding-right: 20px;
	margin: 0 0 20px;
	text-align: right;
}
.point_box:nth-of-type(even) dd h3{
	border-right: none;
	border-left: solid 5px #EB5C01;
	padding: 0 0 0 20px;
	text-align: left;
}
.point_box dd p {font-size: 1.7rem;letter-spacing: 0.02em;text-align: justify;}
.point_box dd p span {color: #EB5C01;font-weight: 600;}
@media screen and (min-width:320px) and ( max-width: 768px) {
	#point{padding: 0 0 60px;}
	#point .title {margin-bottom: 100px;}
	.point_box{display: block;justify-content: space-between;}
	.point_box.point02{flex-direction: row-reverse;margin: 100px 0;}
	.point_box dt{
		width: 100%;
		max-width: 500px;
		left: 0;
		right: 0;
		margin: 0 auto;
	}
	.point_box dt span{top: -40px;max-width: 130px;}
	.point_box:nth-of-type(even) dt span{
		right: 5px;
		top: -37px;
		max-width: 130px;
		padding: 0;
	}
	.point_box dt span::after {
		top: 25px;
		left: -55px;
		width: 90px;
		height: 2px;
	}
	.point_box:nth-of-type(even) dt span::after{top: 15px;left: 80%;width: 90px;}
	.point_box dd{width: 100%;}
	.point_box dd h3 {
		font-size: 3.5vw;
		padding: 0 25px 0 0;
		margin: 20px;
		text-align: center;
	}
	.point_box:nth-of-type(even) dd h3{padding: 0 0 0 25px;text-align: center;}
	.point_box dd p {padding: 0 20px 0 20px;font-size: 1.5rem;}
	.point_box:nth-of-type(even) dd p{padding: 0 20px 0 20px;}
}
@media screen and ( max-width: 500px) {
	.point_box dd h3 {font-size: 5vw;}
}
/*-------------------------------------------

    Voice

-------------------------------------------*/
#voice {padding: 0 0 100px;}
.voice_box{display: flex;flex-wrap: wrap;justify-content: space-between;}
.voice_item{
	width: calc(50% - 15px);
	position: relative;
	min-height: 255px;
	border: solid 2px #F79E10;
	border-radius: 26px;
	padding: 0 0 0 223px;
	margin: 0 0 30px;
	overflow: hidden;
}
.voice_item figure{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
}
.voice_item figure img{
	width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: top;
    object-position: top;
}
.voice_item .voice_txt {padding: 10px 20px;}
.voice_item h4 {
	margin-bottom: 40px;
	font-weight: 400;
	font-size: 1.1rem;
	text-align: right;
}
.voice_item h4 .detail {
	display: block;
	margin-bottom: 10px;
	color: #EB5C01;
	font-size: 1.2rem;
	font-weight: 700;
	text-align: right;
}
.voice_item p {font-size: 1.4rem;line-height: 2;}
.voice_item a {
    position: absolute;
    bottom: 20px;
    left: 243px;
    right: 20px;
    background: #f79009 url(../../images/mid_lp/front/voice/arrow.png) no-repeat 90% 50% / 11px;
	color: #fff;
    text-align: center;
    font-weight: bold;
    font-size: 1rem;
    padding: 8px 0;
}
.inline-popup {
	position: relative;
	background: #FFF;
	padding-bottom: 50px;
	width: auto;
	max-width: 950px;
	margin: 70px auto;
	display: flex;
	flex-wrap: wrap;
	border-radius: 16px;
	border:solid 2px #ED6500;
}
.inline-popup .ttlbox {padding: 30px;}
.inline-popup .ttlbox h3 {color: #EB5C01;font-weight: 700;font-size: 3.7rem;}
.inline-popup .ttlbox p {font-size: 1.3rem;}
.inline-popup .ttlbox span {font-size: 1rem;}
.inline-popup figure {display: flex;flex-direction: column-reverse;}
.inline-popup .voice_detail_txt01{padding-top: 30px;}
.inline-popup .voice_detail_txt b{
	font-size: 1.6rem;
	line-height: 1.6;
	margin: 0 0 20px;
	display: block;
	color: #EB5C01;
	padding: 0 20px;
}
.inline-popup .voice_detail_txt p{
	font-size: 1.4rem;
	line-height: 1.6;
	text-align: justify;
	padding: 0 20px 0;
}
.inline-popup .voice_pop{display: flex;justify-content: space-between;}
.inline-popup .voice_pop:nth-of-type(even){
	display: flex;
	flex-direction: row-reverse;
	justify-content: space-between;
	margin: 40px 0;
}
.inline-popup .voice_pop figcaption{position: relative;margin: 10px 0 30px 30px;}
.inline-popup .voice_pop figcaption p{margin: 0 0 10px;font-size: 1.3rem;line-height: 1.6;}
.inline-popup .voice_pop figcaption span{font-size: 1rem;line-height: 1.6;}
.inline-popup .voice_pop dt{width: 50%;}
.inline-popup .voice_pop dd{width: 50%;padding:0 1%;}
.inline-popup .mfp-close {
    color: #fff!important;
    margin: 10px;
    border-radius: 50%;
    background: #EB5C01;
    opacity: 1;
    width: 30px;
    height: 30px;
    line-height: 30px;
    box-sizing: border-box;
    padding: 1px 0 0;
}
@media screen and (min-width:320px) and ( max-width: 768px) {
	.voice_item{width: 100%;margin: 0 0 20px;padding: 0 0 0 50%;}
	.voice_item figure{width: 50%;}
	.voice_item .detail{margin: 15px 10px 0 0;font-size: 1.4rem;}
	.voice_item p{margin: 20px 10px 0 10px;}
	.voice_item a{bottom: 10px;left: calc(50% + 20px);font-size: 1rem;}
	.inline-popup {
		padding: 0;
		max-width: 500px;
		margin: 0 auto 0;
		border-radius: 20px;
		overflow: hidden;
	}
	.inline-popup .voice_img figure{position: relative;margin: 0 0 20px;}
	.inline-popup .voice_img figcaption{
		position: absolute;
		bottom: -25px;
		left: 20px;
		padding: 0;
		margin: 0;
	}
	.inline-popup .voice_img figcaption h4{
		font-size: 3.3rem;
		line-height: 1.6;
		margin: 0 0 0;
		position: static;
		transform: translateY(0);
	}
	.inline-popup .voice_img figcaption p{
		font-size: 1.4rem;
		line-height: 1.6;
		margin: 0 0 10px;
		font-weight: bold;
	}
	.inline-popup .voice_img figcaption span{
		display: block;
		font-size: 1.2rem;
		font-weight: bold;
		line-height: 1.6;
	}
	.inline-popup .voice_detail_txt b{
		display: block;
		padding: 20px;
		font-size: 1.5rem;
		margin: 0;
	}
	.inline-popup .voice_detail_txt p{display: block;padding: 0 20px 20px;font-size: 1.5rem;}
	.inline-popup .mfp-content{
		position: relative;
		display: inline-block;
		vertical-align: middle;
		margin: 50px auto 0;
		text-align: left;
		z-index: 1045;
		top: 0;
		border-radius: 20px;
	}
	.inline-popup .mfp-close-btn-in .mfp-close{
		right: 10px;
		top: 5px;
		margin: 0;
		color: #333;
	}
	.inline-popup .voice_pop {display: block;}
	.inline-popup .voice_pop:nth-of-type(even) {display: block;margin: 0;}
	.inline-popup .voice_pop dt {width: 100%;}
	.inline-popup .voice_pop dd {width: 100%;}
	.inline-popup .voice_detail_txt01 {margin: 0;}
}
/*-------------------------------------------------

    job search

--------------------------------------------------*/
#job {position: relative;z-index: 1;padding-bottom: 120px;}
#job::before {
	background: url("../../images/mid_lp/bg.png") repeat;
    content: "";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 20px;
    bottom: 0;
	z-index: -1;
    width: 100%;
}
#job .ttlbox {margin-bottom: 60px;}
#job .ttlbox h3 {
	margin-bottom: 30px;
	color: #EB5C01;
	font-weight: 700;
	font-size: 2.7rem;
	text-align: center;
}
#job .ttlbox p {text-align: center;line-height: 1.6;}
@media screen and (min-width:320px) and ( max-width: 768px) {
	#job {padding-bottom: 100px;}
	#job .ttlbox h3 {font-size: 2rem;}
}
/*-------------------------------------------------

    health-management

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

#health-management {padding: 0 0 100px;}
#health-management .inner {max-width: 546px}
#health-management figure {max-width: 400px; margin: -50px auto 0;}
#health-management p {font-size: 16px;}
#health-management p + p {margin-top: 1em;}
#health-management p a { display:inline; color: #F79007; text-decoration: underline;}

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

    welfare

--------------------------------------------------*/
.welfare_list {
	list-style-type: none;
	margin: 60px 0 80px;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
}
.welfare_list > li {
	display: flex;
	flex-direction: column;
	margin: 0;
}
.welfare_list > li > h3 {
	margin: 20px 0 0;
	font-size: 18px;
	order: 2;
	color: #EB5C01;
}
.welfare_list > li > p {
	margin: 0.65em 0 0;
	font-size: 14px;
	line-height: 1.75;
	color: #474747;
	order: 3;
}
.welfare_list > li > img {
	order: 1;
}

@media screen and (min-width : 768px) {
	.welfare_list > li {
		width: calc((100% - (20px * (3 - 1))) / 3);
		margin-top: 50px;
		margin-left: 20px;
	}
	.welfare_list > li:nth-child(-n+3) {
		margin-top: 0;
	}
	.welfare_list > li:nth-child(3n+1) {
		margin-left: 0;
	}
}
@media screen and (max-width : 768px) {
	.welfare_list {
		margin: 40px 0 60px;
	}
	.welfare_list > li {
		width: 100%;
		position: relative;
		padding-left: 56px;
	}
	.welfare_list > li + li {
		margin-top: 36px;
	}
	.welfare_list > li > h3 {
		margin: 0;
	}
	.welfare_list > li > img {
		position: absolute;
		top: 0;
		left: 0;
	}
}
/*-------------------------------------------------

    job desc

--------------------------------------------------*/
.jobdesc_list {
	width: 700px;
	max-width: 100%;
	margin: 60px auto 80px;
	border-radius: 4px;
}
.jobdesc_list dt {
	margin: 0;
	padding: 0;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	border: 1px solid #EB5C01;
}
.jobdesc_list dt button {
	-webkit-appearance: none;
	appearance: none;
	border: 0;
	outline: 0;
	width: 100%;
	padding: 1em;
	background-color: transparent;
	box-shadow: none;
	font-size: 16px;
	color: #000;
	font-weight: bold;
	position: relative;
}
.jobdesc_list dt button:after {
	content: '';
	display: block;
	width: 7px;
	height: 7px;
	position: absolute;
	top: 50%;
	right: 1em;
	margin-top: -7px;
	border: 2px solid #EB5C01;
	border-width: 2px 2px 0 0;
	transform: rotate(135deg);
	transition: transform 0.04s linear;
}
.jobdesc_list dd + dt {
	margin-top: 20px;
}
.jobdesc_list dd {
	display: none;
	margin: 0;
	margin-top: 10px;
	padding: 1.5em;
	font-size: 14px;
	font-weight: normal;
	background-color: rgba(235, 92, 1, 0.08);
}
.jobdesc_list dt.show {}
.jobdesc_list dt.show button:after {
	margin-top: -2px;
	transform: rotate(315deg);
}
.jobdesc_list dd.show {
	display: block;
}

@media screen and (min-width : 769px) {
	.jobdesc_list dt button {
		transition: background-color 0.07s linear;
	}
	.jobdesc_list dt button:hover {
		background-color: rgba(235, 92, 1, 0.05);
	}
}
@media screen and (max-width : 768px) {
	.jobdesc_list {
		margin: 40px 0 60px;
	}
}