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

img{
	width: 100%;
}
.visiblePc {
	display: block;
}
.visibleSp {
	display: none;
}
.contents{
	letter-spacing: 0.03em;
}
.mw900{
	max-width: 900px;
	width: 100%;
	margin: 0 auto;
}
/*-----------------------section1------------------------*/

.contents h1{
	margin-top: 70px;
	margin-bottom: 35px;
	font-size: 80px;
	color: #004ea2;
	letter-spacing: -0.05em;
	font-family: 'Roboto Condensed', sans-serif;
}
.contents h1 span{
	color: #000;
	font-size: 24px;
	padding-left: 50px;
	letter-spacing: 0.03em;
  	font-family: "AXIS Std", "メイリオ", Meiryo, Lato, "Noto Sans JP", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "游ゴシック体", "Yu Gothic", YuGothic, sans-serif, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
}

/*-----------------------//section1------------------------*/

.line{
	height: 3px;
}

/*-----------------------section2------------------------*/

.section2{
	background-color: #eeeeee;
	margin-top: 55px;
	margin-bottom: 50px;
	max-width: 100%;
}
.voice img{
	width: 100%;
}
.box_box{
	padding-top: 50px;
}
.box_box:last-of-type{
	padding-bottom: 130px;
}
.box{
	display: flex;
	justify-content: space-between;
	border: 1px solid #000;
	background-color: #fff;
}
.box_left{
	max-width: 178px;
	margin-left: 30px;
	margin-top: 16px;
}
.box_left img{
	width: 130px;
	height: 130px;
}
.box_right{
	max-width: 655px;
	margin-right: 35px;
	margin-top: 35px;
	margin-bottom: 35px;
}
.box_right p{
	line-height: 1.5em;
}


/*-----------------------//section2------------------------*/



@media screen and (max-width: 1000px){
	
	.mw900{
		width: 90%;
	}
	.box_left{
		margin-right: 30px;
		margin-top: 2vw;
	}
	
}
@media screen and (max-width: 768px){
	
	.contents h1{
		margin-top: 1vw;
	}
	.section2{
		margin-top: 7vw;
		margin-bottom: 12vw;
	}
	.contents h2{
		margin-bottom: 10px;
	}
	.box_left{
		margin-left: 2.5vw;
		margin-top: 12vw;
	}
	.box_right{
		max-width: 69%;
	}
	.box_right p{
		font-size: 3vw;
	}
	.contents h2{
		font-size: 4vw;
		margin-bottom: 1vw;
	}
	.section2.voice h1 span{
		display: inline-block;
	}
	
}

@media screen and (max-width: 767px){
	
	p{
		font-size: 3vw;
	}
	.contents h1{
		font-size: 10.5vw;
		margin-bottom: 1.5vw;
		width: 90%;
		margin-top: 3vw;
	}
	.contents h1 span{
		font-size: 4.5vw;
		padding-left: 6vw;
	}
	/*-----------------------section2------------------------*/

	.box_box{
		padding-top: 6vw;
	}
	.box_box:last-of-type{
		padding-bottom: 15vw;
	}
	.box{
		display: block;
	}
	.box_left{
		max-width: none;
		margin-top: 4vw;
		text-align: center;
		margin-right: 0;
		margin-left: 0;
	}
	.box_left img{
		width: 36vw;
		height: 36vw;
	}
	.box_right{
		width: 90%;
		margin: 0 auto;
		max-width: none;
		margin-top: 3vw;
		margin-bottom: 6vw;
		text-align: center;
	}
	.contents h2{
		margin-bottom: 2vw;
	}
	.box_right p{
		line-height: 1.5em;
	}


	/*-----------------------//section2------------------------*/
	
}