@charset "utf-8";

/*---------------------------------------------------------------------------------------
	/about
----------------------------------------------------------------------------------------*/
.lower-main figure.about-main{ background: url("../common/img/about-main-pc.jpg") left bottom / cover no-repeat;}
.about1{ background: url("../common/img/about1-bg-pc.svg") center top no-repeat; position: relative; padding: 55px 0 75px;}
.about1:after{
	content: "";
	position: absolute;
	left: 0;
	bottom: -329px;
	background: url("../common/img/dec-pink-left.svg") center no-repeat;
	width: 158px;
	height: 658px;
	display: block;
}
.about1 p{
	color: #0F3286;
	font-size: 2rem;
	line-height: 2.1;
	font-weight: bold;
}
.about1 p span.marker{
	color: #fff;
	background: #E65656;
	padding: 5px 10px;
	margin: 0 .5em;
}
.about1 p small{ font-size: 1.4rem;}
.about2{
	color: #fff;
	background: url("../common/img/about2-dec2.svg") right 3% top no-repeat,
				url("../common/img/about2-dec1.svg") left bottom no-repeat,
				url("../common/img/bg-dots3.png") center / 72px auto repeat;
	padding: 80px 0 60px;
}
.about2 ul{
	text-align: left;
	display: flex;
	justify-content: space-between;
}
.about2 ul li{ width: 31%; margin-bottom: 20px;}
.about2 ul li figure,.about2 ul li figure img{ border-radius: 0 50px 0 0;}
.about2 ul li figure{ margin-bottom: 15px;}
.about2 ul li .dot:before{
	color: #E65656;
	font-size: 1rem;
	content: "●";
	margin: 0 .5em .3em 0;
	display: inline-block;
	vertical-align: middle;
}
.tag{
	color: #fff;
	line-height: 1.2;
	font-weight: 500;
	display: inline-block;
	padding: 1px 15px 0;
	border-radius: 20px;
	background: #E65656;
}
.about3{
	background: url("../common/img/about3-bg.svg") center/ cover no-repeat;
	position: relative;
	padding: 105px 0 100px;
}
.about3:before,.about3:after{
	content: "";
	position: absolute;
	z-index: 9;
	right: 0;
}
.about3:before{
	background: url("../common/img/dec-blue-right-top.svg") center no-repeat;
	width: 157px;
	height: 329px;
	top: 0;
}
.about3:after{
	background: url("../common/img/dec-aqua-right.svg") center no-repeat;
	width: 157px;
	height: 658px;
	bottom: -329px;
}
.about3 ol{ padding-top: 100px;}
.about3 ol li{ position: relative; margin-bottom: 10vw;}
.about3 ol li:last-child{ margin-bottom: 7vw;}
.about3 ol li:nth-child(2n+1) .wrap{ justify-content: flex-end;}
.about3 ol li .wrap{ display: flex;}
.about3 ol li figure{
	position: absolute;
	z-index: 1;
	top: -70px;
	left: 0;
	width: 58.56%;
}
.about3 ol li:nth-child(2n) figure{
	left: inherit;
	right: 0;
}
.about3 ol li dl{
	text-align: left;
	padding: 45px 70px;
	background: #fff;
	position: relative;
	z-index: 2;
	width: 56.2%;
}
.about3 ol li dl dt{
	display: flex;
	align-items: center;
	padding-bottom: 30px;
	background: url("../common/img/ic-dots-gray.svg") left bottom repeat-x;
	margin-bottom: 40px;
}
.about3 ol li dl dt span{
	color: #E65656;
	font-size: 2rem;
	font-weight: 500;
	margin-right: 20px;
}
.about3 ol li dl dt span:after{
	content: "";
	background: url("../common/img/ic-check2.svg") center no-repeat;
	width: 44px;
	height: 44px;
	display: block;
	margin: 0 auto;
}
.about3 ol li dl dt strong{
	color: #0F3286;
	font-size: 3.2rem;
	line-height: 1.4;
	font-weight: bold;
}
.about3 ol li dl dd{ font-size: 1.6rem; line-height: 1.8;}
.about4{
	background: url("../common/img/bg-dots3.png") center / 72px auto repeat;
	position: relative;
	z-index: 1;
	padding: 105px 0;
}
.about4:before,.about4:after{
	content: "";
	position: absolute;
	z-index: 9;
	background: url("../common/img/dec-pink-s.svg") center no-repeat;
	width: 139px;
	height: 292px;
	display: block;
}
.about4:before{
	top: -180px;
	left: 7%;
}
.about4:after{
	bottom: -210px;
	right: -40px;
}
.about4 .ttl1{
	display: inline-block;
	position: relative;
}
.about4 .ttl1:after{
	content: "";
	position: absolute;
	z-index: 10;
	bottom: -100px;
	right: -90px;
	background: url("../common/img/top6-img.svg") center no-repeat;
	width: 127px;
	height: 121px;
	display: block;
}
.about4 .bg-grid,.about4 .bg-grid .inner{ position: relative;}
.about4 .bg-grid:before,.about4 .bg-grid:after,.about4 .bg-grid .inner:before,.about4 .bg-grid .inner:after{
	content: "";
	position: absolute;
	z-index: 9;
	width: 0;
	height: 0;
	border-style: solid;
}
.about4 .bg-grid:before,.about4 .bg-grid:after{ left: 0;}
.about4 .bg-grid .inner:before,.about4 .bg-grid .inner:after{ right: 0;}
.about4 .bg-grid:before,.about4 .bg-grid .inner:before{ top: 0;}
.about4 .bg-grid:after,.about4 .bg-grid .inner:after{ bottom: 0;}
.about4 .bg-grid:before{
	border-width: 32px 32px 0 0;
	border-color: #e65656 transparent transparent transparent;
}
.about4 .bg-grid:after{
	border-width: 32px 0 0 32px;
	border-color: transparent transparent transparent #c6e9ff;
}
.about4 .bg-grid .inner:before{
	border-width: 0 32px 32px 0;
	border-color: transparent #c6e9ff transparent transparent;
}
.about4 .bg-grid .inner:after{
	border-width: 0 0 32px 32px;
	border-color: transparent transparent #e65656 transparent;
}
.about4 .bg-grid .inner{
	background: url("../common/img/bg-grid.png") center / 11px auto repeat;
	padding: 50px 70px;
}
.about4 .bg-grid ul{
	display: flex;
	justify-content: space-between;
}
.about4 .bg-grid ul li{
	width: 208px;
	height: 208px;
	background: url("../common/img/about4-circle.svg") center no-repeat;
	position: relative;
	padding-top: 72px;
	margin-bottom: 20px;
}
.about4 .bg-grid ul li p{
	color: #0F3286;
	font-size: 1.6rem;
	font-weight: bold;
	text-align: center;
	margin-bottom: 5px;
}
.about4 .bg-grid ul li p strong{
	color: #E65656;
	font-size: 2.4rem;
	line-height: 1.4;
}
.about4 .bg-grid ul li:nth-child(2n){ margin-top: 45px;}
.about4 .bg-grid ul li:before{
	content: "";
	position: absolute;
	top: -15px;
	right: 0;
	left: 0;
	margin: 0 auto;
	width: 78px;
	height: 78px;
	display: block;
}
.about4 .bg-grid ul li:nth-child(1):before{ background: url("../common/img/about4-ic1.svg") center no-repeat;}
.about4 .bg-grid ul li:nth-child(2):before{ background: url("../common/img/about4-ic2.svg") center no-repeat;}
.about4 .bg-grid ul li:nth-child(3):before{ background: url("../common/img/about4-ic3.svg") center no-repeat;}
.about4 .bg-grid ul li:nth-child(4):before{ background: url("../common/img/about4-ic4.svg") center no-repeat;}
.about4 .bg-grid p{ text-align: left; margin-bottom: 35px;}
.about4 .btn-area{ display: flex; justify-content: center;}
.about4 .btn-area a{ display: inline-block; margin: 0 15px 10px;}
.about5{
	background: url("../common/img/about5-bg-pc.svg") center top -125px / 100% auto no-repeat;
	position: relative;
	padding: 105px 0 80px;
}
.about5 .ttl1 small{ font-size: 3.2rem;}
.about5 .ttl1 strong{ font-size: 8rem; font-weight: 500;}
.about5 .ttl1 small,.about5 .ttl1 span,.about5 .ttl1 strong{ display: inline-block; line-height: 1.2;}
.about5:before,.about5:after{
	content: "";
	position: absolute;
	left: 0;
	display: block;
}
.about5:before{
	background: url("../common/img/dec-blue-left-top.svg") center no-repeat;
	width: 157px;
	height: 329px;
	top: 0;
}
.about5:after{
	background: url("../common/img/dec-pink-left.svg") center no-repeat;
	width: 157px;
	height: 658px;
	bottom: -329px;
}
.about5 .slide-cont{
	display: flex;
	justify-content: space-between;
	flex-direction: row-reverse;
	padding: 40px 40px 15px;
}
.about5 .slide-cont figure{
	width: 46.7%;
	position: relative;
}
.about5 .slide-cont figure:before,.about5 .slide-cont figure:after{
	content: "";
	position: absolute;
	display: block;
}
.about5 .slide-cont figure:before{
	top: -37px;
	right: -50px;
	background: url("../common/img/about5-dec12.svg") center no-repeat;
	width: 142px;
	height: 114px;
}
.about5 .slide-cont figure:after{
	bottom: -15px;
	left: -80px;
	background: url("../common/img/about5-dec11.svg") center no-repeat;
	width: 158px;
	height: 109px;
}
.about5 .slide-cont .leftcol{ text-align: left; width: 50%; padding: 30px 0 70px;}
.about5 .slide-cont .leftcol h3{
	color: #fff;
	font-size: 5.3rem;
	text-align: center;
	width: 86px;
	line-height: 86px;
	display: inline-block;
	background: #E65656;
	position: relative;
}
.about5 .slide-cont .leftcol h3 img{
	position: absolute;
	top: -17px;
	left: -20px;
	width: 50px;
}
.about5 .slide-cont .leftcol h4{
	font-size: 3.2rem;
	line-height: 1.4;
}
.about5 .slick-slider .slick-prev{ position: absolute; left: 40px; bottom: 13px; width: 74px; height: 74px; background: url("../common/img/ic-slideleft.svg") no-repeat; cursor: pointer; z-index: 999;}
.about5 .slick-slider .slick-next{ position: absolute; left: 125px; bottom: 13px; width: 74px; height: 74px; background: url("../common/img/ic-slideright.svg") no-repeat; cursor: pointer; z-index: 999;}
.about5 .slick-slider .slick-slide{ padding-right: 40px; line-height: 1.5;}
.about5 .slick-slider .slick-slide .ttl{ padding: .6em 0; color: #0F3286; font-size: 1.8rem; font-weight: bold;}
.about5 .slick-slider .slick-dots{
	text-align: left;
	left: 220px;
	bottom: 38px;
}
.about5 .slick-slider .slick-dots li button:before{ background: #E0E0E0;}
.about5 .slick-slider .slick-dots li.slick-active button:before{ background: #E65656;}
@media screen and (max-width: 768px) {
	.about5 .slick-slider .slick-prev{ left: 20px; bottom: 13px; width: 59px; height: 59px; background: url("../common/img/ic-slideleft.svg") center / 59px auto no-repeat;}
	.about5 .slick-slider .slick-next{ left: 95px; bottom: 13px; width: 59px; height: 59px; background: url("../common/img/ic-slideright.svg") center / 59px auto no-repeat; }
	.about5 .slick-slider .slick-slide{ padding-right: 0;}
	.about5 .slick-slider .slick-slide .ttl{ padding: .6em 0; color: #0F3286; font-size: 1.8rem; font-weight: bold;}
	.about5 .slick-slider .slick-dots{ left: 170px; bottom: 30px;}
}
.about6{
	padding: 80px 0 150px;
	background: #F0EFEF;
}
.about6 .wrap{ position: relative;}
.about6 .wrap:before{
	content: "";
	position: absolute;
	top: -180px;
	right: -30px;
	background: url("../common/img/dec-aqua-s.svg") center no-repeat;
	width: 139px;
	height: 292px;
	display: block;
}
.about6 .intro{
	color: #B9B9B9;
	text-align: left;
	position: absolute;
	left: 80px;
	top: -30px;
	z-index: 50;
	line-height: .8;
	-ms-writing-mode: tb-rl;
	-webkit-writing-mode: vertical-rl;
	writing-mode: vertical-rl;
}
.about6 .intro strong{
	display: inline-block;
	font-size: 8.8rem;
	font-weight: 500;
	letter-spacing: .1em;
}
.about6 .intro span{
	font-size: 2rem;
	font-weight: 500;
	display: inline-block;
	margin-right: 30px;
}
.about6 .bg-white{
	padding: 75px 70px 65px;
	border-radius: 0 100px 0 100px;
	margin-left: 100px;
	position: relative;
}
.about6 .bg-white figure.abs{
	position: absolute;
	z-index: 1;
	top: -140px;
	left: 45px;
	width: 48%;
	border-radius: 300px;
}
.about6 .bg-white figure.abs img{ border-radius: 300px;}
.about6 .bg-white h2{
	text-align: left;
	position: relative;
	z-index: 2;
	float: right;
	margin-bottom: 45px;
}
.about6 .bg-white h2 em{
	color: #fff;
	font-size: 2.4rem;
	letter-spacing: .2em;
	font-weight: bold;
	background: #0F3286;
	padding: 0 10px;
	display: inline-block;
	margin-bottom: 8px;
}
.about6 .bg-white .clm3{
	clear: both;
	font-size: 1.8rem;
	font-weight: bold;
	display: flex;
	justify-content: space-between;
	margin-bottom: 35px;
}
.about6 .bg-white .clm3 figure img{
	margin-bottom: 10px;
}
.about6 .bg-white dl.bg-gray{
	background: #F0EFEF;
	padding: 40px 50px;
	border-radius: 20px;
}
.about6 .bg-white dl.bg-gray dt{
	font-size: 2.4rem;
	font-weight: bold;
	display: inline-block;
	position: relative;
	padding: 0 25px;
	margin-bottom: 20px;
}
.about6 .bg-white dl.bg-gray dt:before,.about6 .bg-white dl.bg-gray dt:after{
	content: "";
	width: 16px;
	height: 27px;
	position: absolute;
	bottom: 0;
	margin-bottom: 5px;
}
.about6 .bg-white dl.bg-gray dt:before{ background: url("../common/img/about6-balloon1.svg") center no-repeat; left: 0;}
.about6 .bg-white dl.bg-gray dt:after{ background: url("../common/img/about6-balloon2.svg") center no-repeat; right: 0;}
.about6 .bg-white dl.bg-gray dd{ text-align: left;}
.about6 .bg-white dl.bg-gray dd ul li{ display: block; margin: 0 12px 10px 0;}
.about6 .bg-white dl.bg-gray dd ul li div{ display: flex;}
.about6 .bg-white dl.bg-gray dd figure{ background: #0F3286; display: flex; width: 37px; height: 37px; justify-content: center; align-items: center; margin-right: 10px; flex-shrink: 0;}
.about6 .bg-white dl.bg-gray dd div span{
	flex: 1;
	font-size: 1.6rem;
	font-weight: bold;
	display: inline-block;
	background: #fff;
	padding: 5px 10px;
}
.about6 .bg-white dl.bg-gray dd div span em{ font-weight: bold;}

/*------------------------------ responsive ------------------------------*/
@media screen and (max-width: 768px) {
	.lower-main figure.about-main{ background: none;}
	.about1{ background: url("../common/img/about1-bg-sp.svg") center top / 100% auto no-repeat; padding-top: 0;}
	.about1:after{ content: none;}
	.about1 p{ font-size: 1.4rem;}
	.about1 p span.marker{
		padding: 2px 5px;
		margin: 0 .2em;
	}
	.about1 p small{ font-size: .9rem;}
	.about2{
		background: url("../common/img/about2-dec2.svg") right 3% top / 154px auto no-repeat,
					url("../common/img/about2-dec1.svg") left bottom / 136px auto no-repeat,
					url("../common/img/bg-dots3.png") center / 72px auto repeat;
		padding: 50px 0 40px;
	}
	.about2 ul{ display: block;}
	.about2 ul li{ width: 100%; margin-bottom: 30px;}
	.about3{ padding: 55px 0 60px;}
	.about3:before{
		background: url("../common/img/dec-blue-right-top.svg") center / 78px auto no-repeat;
		width: 78px;
		height: 164px;
	}
	.about3:after{
		background: url("../common/img/dec-aqua-right.svg") center / 79px auto no-repeat;
		width: 79px;
		height: 329px;
		bottom: -165px;
	}
	.about3 ol{ padding-top: 20px;}
	.about3 ol li{ margin-bottom: 30px;}
	.about3 ol li:last-child{ margin-bottom: 30px;}
	.about3 ol li .wrap{ display: block;}
	.about3 ol li figure{
		position: static;
		width: 84%;
	}
	.about3 ol li:nth-child(2n) figure{ float: right;}
	.about3 ol li dl{
		padding: 35px 15px;
		width: 100%;
		clear: both;
		margin-top: -20px;
	}
	.about3 ol li dl dt{ margin-bottom: 10px;}
	.about3 ol li dl dt span{ font-size: 1.3rem; margin-right: 10px;}
	.about3 ol li dl dt span:after{
		background: url("../common/img/ic-check2.svg") center / 32px auto no-repeat;
		width: 32px;
		height: 32px;
	}
	.about3 ol li dl dt strong{ font-size: 2rem;}
	.about3 ol li dl dd{ font-size: 1.4rem;}
	.about4{
		background: url("../common/img/bg-dots3.png") center / 72px auto repeat;
		padding: 60px 0;
	}
	.about4:before,.about4:after{
		background: url("../common/img/dec-pink-s.svg") center / 69px auto no-repeat;
		width: 69px;
		height: 146px;
	}
	.about4:before{ content: none;}
	.about4:after{ bottom: -105px; right: -5%;}
	.about4 .ttl1:after{
		bottom: -70px;
		right: -72px;
		background: url("../common/img/top6-img.svg") center / 90px auto no-repeat;
		width: 90px;
		height: 82px;
	}
	.about4 .bg-grid:before{ border-width: 24px 24px 0 0;}
	.about4 .bg-grid:after{ border-width: 24px 0 0 24px;}
	.about4 .bg-grid .inner:before{ border-width: 0 24px 24px 0;}
	.about4 .bg-grid .inner:after{ border-width: 0 0 24px 24px;}
	.about4 .bg-grid .inner{
		background: url("../common/img/bg-grid.png") center / 11px auto repeat;
		padding: 30px 15px;
	}
	.about4 .bg-grid ul{ flex-wrap: wrap;}
	.about4 .bg-grid ul li{
		width: 48%;
		height: 38vw;
		background: url("../common/img/about4-circle.svg") center / 100% auto no-repeat;
		padding-top: 13vw;
		margin-bottom: 5px;
	}
	.about4 .bg-grid ul li p{ font-size: 1.2rem; padding: 0;}
	.about4 .bg-grid ul li p strong{ font-size: 1.6rem;}
	.about4 .bg-grid ul li:nth-child(2n){ margin-top: 25px;}
	.about4 .bg-grid ul li:before{
		top: -15px;
		width: 53px;
		height: 53px;
	}
	.about4 .bg-grid ul li:nth-child(1):before{ background: url("../common/img/about4-ic1.svg") center / 53px auto no-repeat;}
	.about4 .bg-grid ul li:nth-child(2):before{ background: url("../common/img/about4-ic2.svg") center / 53px auto no-repeat;}
	.about4 .bg-grid ul li:nth-child(3):before{ background: url("../common/img/about4-ic3.svg") center / 53px auto no-repeat;}
	.about4 .bg-grid ul li:nth-child(4):before{ background: url("../common/img/about4-ic4.svg") center / 53px auto no-repeat;}
	.about4 .bg-grid p{ margin-bottom: 20px; padding: 0 10px;}
	.about4 .btn-area{ display: block; text-align: center;}
	.about4 .btn-area a{ margin: 0 0 20px;}
	.about5{
		background: url("../common/img/about5-bg-sp.svg") center top -10px / 100% auto no-repeat;
		padding: 45px 0 55px;
	}
	.about5 .ttl1 small{ font-size: 1.8rem;}
	.about5 .ttl1 strong{ font-size: 5.5rem;}
	.about5:before{
		background: url("../common/img/dec-blue-left-top.svg") center / 78px auto no-repeat;
		width: 78px;
		height: 159px;
	}
	.about5:after{ content: none;}
	.about5 .slide-cont{
		display: block;
		padding: 40px 20px 0;
	}
	.about5 .slide-cont figure{
		width: 75%;
		margin: 0 auto;
	}
	.about5 .slide-cont figure:before{
		top: -15px;
		right: -65px;
		background: url("../common/img/about5-dec12.svg") center / 90px auto no-repeat;
		width: 90px;
		height: 71px;
	}
	.about5 .slide-cont figure:after{
		bottom: 0;
		left: -48px;
		background: url("../common/img/about5-dec11.svg") center / 96px auto no-repeat;
		width: 96px;
		height: 65px;
	}
	.about5 .slide-cont .leftcol{ width: 100%; padding: 32px 0 90px;}
	.about5 .slide-cont .leftcol div{
		display: flex;
		align-items: flex-start;
	}
	.about5 .slide-cont .leftcol h3{
		font-size: 4rem;
		width: 66px;
		line-height: 66px;
		margin-right: 10px;
	}
	.about5 .slide-cont .leftcol h3 img{
		top: -17px;
		left: -20px;
		width: 38px;
	}
	.about5 .slide-cont .leftcol h4{
		font-size: 2.2rem;
		flex: 1;
	}
	.about6{ padding: 150px 0 90px;}
	.about6 .wrap:before{
		top: -200px;
		right: 10px;
		background: url("../common/img/dec-aqua-s.svg") center / 70px auto no-repeat;
		width: 70px;
		height: 146px;
	}
	.about6 .intro{
		left: 10%;
		top: -20vw;
	}
	.about6 .intro strong{ font-size: 3.8rem;}
	.about6 .intro span{
		font-size: 1.1rem;
		line-height: 1.4;
		margin-right: 0;
	}
	.about6 .bg-white{
		padding: 130px 15px 40px;
		border-radius: 0 50px 0 50px;
		margin-left: 0;
	}
	.about6 .bg-white figure.abs{
		top: -20vw;
		left: inherit;
		right: 20px;
		width: 61.6%;
	}
	.about6 .bg-white h2{
		text-align: center;
		float: none;
		margin-bottom: 20px;
	}
	.about6 .bg-white h2 em{
		font-size: 1.5rem;
		padding: 0 3px;
		margin-bottom: 5px;
	}
	.about6 .bg-white h2 img{ width: 212px;}
	.about6 .bg-white .clm3{
		font-size: 1.3rem;
		flex-wrap: wrap;
		justify-content: center;
		margin-bottom: 5px;
	}
	.about6 .bg-white .clm3 figure{ width: 48%; margin-bottom: 10px; margin-right: 4%;}
	.about6 .bg-white .clm3 figure:first-child{ width: 100%; margin: 0 0 10px;}
	.about6 .bg-white .clm3 figure:nth-child(3){ margin-right: 0;}
	.about6 .bg-white .clm3 figure img{ margin-bottom: 5px;}
	.about6 .bg-white .clm3 figure:first-child img{ width: 48%;}
	.about6 .bg-white dl.bg-gray{
		padding: 25px 0;
		border-radius: 10px;
	}
	.about6 .bg-white dl.bg-gray dt{
		font-size: 1.6rem;
		line-height: 1.3;
		margin-bottom: 15px;
	}
	.about6 .bg-white dl.bg-gray dt:before{ margin-right: 10px;}
	.about6 .bg-white dl.bg-gray dt:after{ margin-left: 10px;}
	.about6 .bg-white dl.bg-gray dd{ padding: 0 5%;}
	.about6 .bg-white dl.bg-gray dd ul li{ display: block; margin: 0 0 7px;}
	.about6 .bg-white dl.bg-gray dd figure{ width: 31px; min-height: 31px;}
	.about6 .bg-white dl.bg-gray dd div span{
		font-size: 1.1rem;
		display: block;
		padding: 5px 10px;
	}
	.about6 .bg-white dl.bg-gray dd div span em{ font-weight: bold;}
}