@charset "utf-8";

/* ------- ABOUT ---------------------------------------------- */
.heading > h1{
	display: flex;
	align-items: center;
}
.heading > h1 > .en3{
	font-weight: 400;
	letter-spacing: -.04em;
	line-height: 1;
}
@media print, screen and (min-width:781px) {
	.heading > h1 > .en3{
		font-size: 10.0rem;
		margin-right: 10px;
	}
}
@media screen and (max-width: 780px) {
	.heading > h1 > .en3{
		font-size: 7.0rem;
		margin-right: 10px;
	}
}





.about-section-wrap{
	counter-reset: number 0;
}
.about-section > .image{
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
	position: relative;
	z-index: 0;
}
.about-contents{
	background-color: #FFF;
	position: relative;
	z-index: 1;
}
.about-section .about-num{
	font-weight: 400;
	text-align: center;
}
.about-section .about-num > span{
	position: relative;
}
.about-section .about-num > span:before{
	counter-increment: number 1;
	content: counter(number);
	font-weight: 100;
	letter-spacing: -.04em;
	line-height: 1;
	position: relative;
	z-index: 1;
}
.about-section .about-num > span:after{
	background-color: #EBF4FF;
	content: "";
	display: block;
	position: absolute;
	left: 50%;
	top: 40%;
	transform: translate(-50%,-50%);
	z-index: 0;
}
.about-section .detail-block .ttl{
	font-weight: 300;
	line-height: 1.5;
}
.about-section .more{
	font-weight: 700;
	display: flex;
}
.about-section .more > a{
	background-color: #0088C9;
	color: #FFF;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.about-section .more > a:after{
	background-image: url("../../common/img/ic_window.svg");
	background-repeat: no-repeat;
	background-size: cover;
	content: "";
	display: block;
}
@media print, screen and (min-width:781px) {
	.about-section{
		padding-bottom: 120px;
	}
	.about-section > .image{
		padding-bottom: 29.2825%;
	}
	.about-contents{
		display: flex;
		margin-top: -5.8565%;
		width: 94.14348%;
	}
	.about-section:nth-child(odd) .about-contents{
		justify-content: flex-end;
		margin-right: auto;
	}
	.about-section:nth-child(even) .about-contents{
		justify-content: flex-start;
		margin-left: auto;
	}
	.about-contents-inner{
		padding-left: 4.14%;
		display: flex;
		width: 93.77916%;
	}
	.about-section .detail-block{
		padding-top: 30px;
		padding-bottom: 90px;
		margin-right: 6.63%;
		width: 53.48258%;
	}
	
	.about-section .about-num-wrap{
		display: flex;
		justify-content: flex-start;
	}
	.about-section .about-num{
		font-size: min(1.02vw,1.4rem);
		display: flex;
		flex-direction: column;
		align-items: center;
		text-align: center;
	}
	.about-section .about-num > span{
		padding-left: 80px;
		padding-right: 80px;
	}
	.about-section .about-num > span:before{
		font-size: min(8.78vw,12.0rem);
	}
	.about-section .about-num > span:after{
		padding-bottom: 22.222%;
		width: 100%;
	}
	
	.about-section .detail-block .ttl{
		font-size: min(2.63vw,3.6rem);
		margin-top: 60px;
	}
	.about-section .detail-block > p{
		margin-top: 30px;
	}
	
	.about-section .more{
		align-items: flex-start;
		margin-top: 30px;
	}
	.about-section .more > a{
		padding: 10px 10px 10px 20px;
		max-width: 180px;
		width: 27.9%;
	}
	.about-section .more > a:after{
		height: 14px;
		width: 14px;
	}
	.more.sp-ver{
		display: none;
	}
}
@media screen and (max-width: 780px) {
	.about-section{
		padding-bottom: 120px;
	}
	.about-section > .image{
		padding-bottom: 89.39974%;
	}
	.about-contents{
		margin-top: -12.77%;
		width: 95%;
	}
	.about-section:nth-child(odd) .about-contents{
		justify-content: flex-end;
		margin-right: auto;
	}
	.about-section:nth-child(even) .about-contents{
		justify-content: flex-start;
		margin-left: auto;
	}
	.about-contents-inner{
		padding-bottom: 45px;
	}
	.about-section .detail-block{
		padding-top: 40px;
		margin-left: auto;
		margin-right: auto;
		width: 90%;
	}
	
	.about-section .about-num-wrap{
		display: flex;
		justify-content: center;
	}
	.about-section .about-num{
		font-size: min(3.58vw,2.8rem);
		display: flex;
		flex-direction: column;
		align-items: center;
		text-align: center;
	}
	.about-section .about-num > span{
		padding-left: 80px;
		padding-right: 80px;
	}
	.about-section .about-num > span:before{
		font-size: min(23.07vw,18.0rem);
	}
	.about-section .about-num > span:after{
		padding-bottom: 22.222%;
		width: 100%;
	}
	
	.about-section .detail-block .ttl{
		font-size: min(6.41vw,5.0rem);
		text-align: center;
		margin-top: 30px;
	}
	.about-section .detail-block > p{
		margin-top: 40px;
	}
	
	.about-section .more{
		justify-content: center;
		margin-top: 40px;
	}
	.about-section .more.sp-ver > a{
		padding: 10px 10px 10px 20px;
		max-width: 195px;
		width: 80%;
	}
	.about-section .more > a:after{
		height: 14px;
		width: 14px;
	}
	
	
	.more.pc-ver{
		display: none;
	}
}


.voice-list .voice-item {
  display: flex;
	justify-content: space-between;
}
.voice-list .voice-item:nth-child(even) {
  flex-direction: row-reverse;
}
.voice-list .voice-item > dd{
	background-color: #FFF;
	border-bottom: 1px solid #707070;
	position: relative;
}
.voice-list .voice-item:nth-child(odd) > dd{
	border-left: 1px solid #707070;
}
.voice-list .voice-item:nth-child(even) > dd{
	border-right: 1px solid #707070;
}
.voice-list .voice-item > dd:before{
	content: "";
	display: block;
	position: absolute;
	z-index: 0;
}
.voice-list .voice-item:nth-child(odd) > dd:before{
	background-image: url("../img/bg_balloon1.svg");
}
.voice-list .voice-item:nth-child(even) > dd:before{
	background-image: url("../img/bg_balloon2.svg");
}
@media print, screen and (min-width:781px) {
	.voice-list .voice-item:nth-child(n + 2){
		margin-top: 40px;
	}
	.voice-list .voice-item > dt{
		width: 12.681%;
	}
	.voice-list .voice-item > dd{
		padding: 0 25px 25px;
		width: 84.05797%;
	}
	.voice-list .voice-item > dd:before{
		height: 22px;
		width: 27px;
	}
	.voice-list .voice-item:nth-child(odd) > dd:before{
		left: 0;
		top: 50%;
		transform: translate(-100%,-50%);
	}
	.voice-list .voice-item:nth-child(even) > dd:before{
		right: 0;
		top: 50%;
		transform: translate(100%,-50%);
	}
}
@media screen and (max-width: 780px) {
	.voice-list .voice-item:nth-child(n + 2){
		margin-top: 30px;
	}
	.voice-list .voice-item > dt{
		width: 17.4962%;
	}
	.voice-list .voice-item > dd{
		font-size: 1.2rem;
		padding: 0 4% 4%;
		width: 76.7722%;
	}
	.voice-list .voice-item > dd:before{
		height: 22px;
		width: 27px;
	}
	.voice-list .voice-item:nth-child(odd) > dd:before{
		left: 0;
		top: 40px;
		transform: translateX(-100%);
	}
	.voice-list .voice-item:nth-child(even) > dd:before{
		right: 0;
		top: 40px;
		transform: translateX(100%);
	}
}


@media print, screen and (min-width:781px) {
	#about-section1 > .image{
		background-image: url("../img/img_about1.jpg");
	}
	#about-section1 .image-block{
		margin-top: 100px;
		width: 34.9917%;
	}
	#about-section1 .image-block .images{
		margin: 50px auto 0;
		width: 47.393%;
	}
	#about-section1 .image-block .images > .image:nth-child(n + 2){
		margin-top: 7px;
	}
	
	
	
	
	#about-section2 > .image{
		background-image: url("../img/img_about2.jpg");
	}
	#about-section2 .about-contents-inner{
		width: 100%;
	}
	#about-section2 .image-block{
		margin-top: 100px;
		width: 39.88742%;
	}
	
	
	
	
	#about-section3 > .image{
		background-image: url("../img/img_about3.jpg");
	}
	#about-section3 .image-block{
		margin-top: 70px;
		width: 30.514%;
	}
	
	
	
	#about-section4 > .image{
		background-image: url("../img/img_about4.jpg");
	}
	#about-section4 .about-contents-inner{
		width: 100%;
	}
	#about-section4 .image-block{
		width: 39.88742%;
	}
	
	
	
	#about-section5 > .image{
		background-image: url("../img/img_about5.jpg");
	}
	#about-section5 .about-contents-inner{
		padding-left: 0;
	}
	#about-section5 .image-block{
		width: 39.88742%;
	}
	
	
	
	#about-section6 > .image{
		background-image: url("../img/img_about6.jpg");
	}
	#about-section6 .detail-block{
		width: 39.3%;
	}
	#about-section6 .image-block{
		margin-top: 120px;
		margin-bottom: 95px;
		width: 45.7711%;
	}
}
@media screen and (max-width: 780px) {
	#about-section1 > .image{
		background-image: url("../img/img_about1_sp.jpg");
	}
	#about-section1 .image-block{
		margin: 60px auto 0;
		width: 90%;
	}
	#about-section1 .image-block .images{
		display: flex;
		justify-content: space-between;
		margin-top: 35px;
	}
	#about-section1 .image-block .images > .image{
		width: 48.8687%;
	}
	
	
	
	#about-section2 > .image{
		background-image: url("../img/img_about2_sp.jpg");
	}
	#about-section2 .image-block{
		margin-top: 40px;
		margin-left: auto;
		width: 76.2483%;
	}
	
	
	
	#about-section3 > .image{
		background-image: url("../img/img_about3_sp.jpg");
	}
	#about-section3 .image-block{
		margin: 40px auto 0;
		width: 90%;
	}
	
	
	
	#about-section4 > .image{
		background-image: url("../img/img_about4_sp.jpg");
	}
	#about-section4 .image-block{
		margin-top: 40px;
		margin-left: auto;
		width: 76.2483%;
	}
	
	
	#about-section5 > .image{
		background-image: url("../img/img_about5_sp.jpg");
	}
	#about-section5 .image-block{
		margin: 40px auto 0;
		width: 70%;
	}
	
	
	
	#about-section6 > .image{
		background-image: url("../img/img_about6_sp.jpg");
	}
	#about-section6 .image-block{
		margin: 55px auto 0;
		width: 90%;
	}
}