@charset "UTF-8";
:root{
	--body : #333;
	--link : #333;
	--title : #333;
	--main : #333;
	--base : #333;
	--mainBold : #333;
	--sub : #333;
	--white : #333;
	--bg : #333;
}
/*--------------------------------------------
COVER
---------------------------------------------*/
/*--------------------------------------------
FLEXBOX
---------------------------------------------*/
/*--------------------------------------------
POSITION
---------------------------------------------*/
/*--------------------------------------------
DRAWER
---------------------------------------------*/
/*--------------------------------------------
RADIO
---------------------------------------------*/
/*--------------------------------------------
SLICK DOTS
---------------------------------------------*/
/*--------------------------------------------
OBJECT FIT
---------------------------------------------*/
/*--------------------------------------------
ALPHA
---------------------------------------------*/
/*--------------------------------------------
CONTENT HEADER
---------------------------------------------*/
#contentHeader{
	background-image : url("../images/home/bg_header.png");
	background-repeat : no-repeat;
	background-position : 0 0;
}
#contentHeader h2{
	letter-spacing : .1em;
}
@media screen and (max-width: 768px){
	#contentHeader{
		background-size : cover;
	}
	#contentHeader .wrap{
		padding-top : calc( 155 * 100vw / 768 );
		padding-bottom : calc( 5 * 100vw / 768 );
		padding-left : calc( 2 * 100% / 768 );
		padding-right : calc( 2 * 100% / 768 );
	}
	#contentHeader .box{
		padding-top : calc( 29 * 100vw / 768 );
		padding-left : calc( 21 * 100% / 764 );
		padding-right : calc( 21 * 100% / 764 );
		padding-bottom : calc( 24 * 100vw / 768 );
		color : #222;
		background-color : rgba(237,236,236,.85);
	}
	#contentHeader h2{
		font-size : calc( 40 * 100vw / 768 );
	}
}
@media screen and (min-width: 769px) and (max-width:1439px){
	#contentHeader{
		background-size : cover;
	}
	#contentHeader .wrap{
		padding-top : 111px;
		padding-bottom : 9px;
	}
	#contentHeader .box{
		width : 100%;
		padding-top : calc( 28px - 1px );
		padding-left : 22px;
		padding-right : 22px;
		padding-bottom : calc( 24px - 1px );
	}
	#contentHeader h2{
		font-size : 30px;
		line-height : 32px;
	}
}
@media print, screen and (min-width: 1440px){
	#contentHeader h2{
		font-size : 40px;
		line-height : 40px;
	}
}
@media print, screen and (min-width: 769px){
	#contentHeader{
		background-size : cover;
	}
	#contentHeader .box{
		background-color : rgba(51,51,51,.85);
	}
}
section{
	overflow : hidden;
	position : relative;
}
@media print, screen and (min-width: 1440px){
	section > .wrap{
		max-width : 1600px;
		margin-left : auto;
		margin-right : auto;
		position : relative;
	}
}
/*--------------------------------------------
VOICES
---------------------------------------------*/
@media screen and (max-width: 768px){
	.voicesSingle #contentHeader{
		background-image : url("../images/voices/bg_header_sp.png");
	}
}
@media screen and (min-width: 769px) and (max-width:1439px){
	.voicesSingle #contentHeader{
		background-image : url("../images/voices/bg_header_tb.png");
	}
}
@media print, screen and (min-width: 1440px){
	.voicesSingle #contentHeader{
		background-image : url("../images/voices/bg_header_pc.png");
	}
}
@media print, screen and (min-width: 1440px){
	.voicesSingle #contentHeader .wrap{
		padding-top : 130px;
		padding-bottom : 31px;
	}
	.voicesSingle #contentHeader .box{
		width : 1100px;
		padding-top : 16px;
		padding-left : 24px;
		padding-right : 24px;
		padding-bottom : 16px;
	}
}
.voicesSingle #section01 .box{
	border-style : solid;
	border-color : #ccc;
	background-color : rgba(255,255,255,.9);
}
.voicesSingle #section01 h4{
	letter-spacing : .1em;
	color : #222;
	border-bottom-style : solid;
	border-bottom-color : #ccc;
}
.voicesSingle #section01 .customer{
	letter-spacing : .1em;
	color : #222;
	text-align : right;
	margin-right : -.5em;
}

.voicesSingle #section01 a{
	display : -webkit-box;
	display : -ms-flexbox;
	display : flex;
	-webkit-box-align : center;
	-ms-flex-align : center;
	align-items : center;
	-webkit-box-pack : center;
	-ms-flex-pack : center;
	justify-content : center;
	text-align : center;
	border-style : solid;
	margin-left : auto;
	margin-right : auto;
}
@media screen and (max-width: 768px){
	.voicesSingle #section01 .wrap{
		padding-top : calc( 83 * 100vw / 768 );
		padding-bottom : calc( 74 * 100vw / 768 );
	}
	.voicesSingle #section01 .box{
		margin-top : calc( 20 * 100vw / 768 );
		padding-top : calc( ( 29 - 5 ) * 100vw / 768 );
		padding-bottom : calc( 32 * 100vw / 768 );
		padding-left : calc( 18 * 100% / 720 );
		padding-right : calc( 18 * 100% / 720 );
		border-width : calc( 6 * 100vw / 768 );
	}
	.voicesSingle #section01 h4{
		font-size : calc( 30 * 100vw / 768 );
		line-height : 1.33;
		border-bottom-width : calc( 4 * 100vw / 768 );
		padding-bottom : calc( ( 22 - 5 ) * 100vw / 768 );
	}
	.voicesSingle #section01 .customer{
		font-size : calc( 24 * 100vw / 768 );
		margin-top : calc( 21 * 100vw / 768 );
	}
	.voicesSingle #section01 .texts{
		margin-top : calc( ( 22 - 7 ) * 100vw / 768 );
	}
	.voicesSingle #section01 .texts p{
		font-size : calc( 26 * 100vw / 768 );
		line-height : 1.54;
	}
	.voicesSingle #section01 .texts p + p{
		margin-top : calc( 40 * 100vw / 768 );
	}
}
@media screen and (min-width: 769px) and (max-width:1439px){
	.voicesSingle #section01{
		background : url("../images/voices/bg_single_tb.png") left 113px no-repeat;
	}
	.voicesSingle #section01 .wrap{
		padding-top : 36px;
		padding-bottom : 57px;
		min-height : 800px;
		padding-left : 16px;
		padding-right : 16px;
	}
	.voicesSingle #section01 .box{
		padding-left : 20px;
		padding-right : 20px;
		padding-top : calc( 29px - 5px );
		padding-bottom : calc( 53px - 5.5px );
	}
	.voicesSingle #section01 .texts{
		margin-top : calc( 26px - 5.5px );
	}
	.voicesSingle #section01 .texts > p{
		font-size : 13px;
		line-height : 24px;
	}
	.voicesSingle #section01 .texts > p + p{
		margin-top : 24px;
	}
}
@media print, screen and (min-width: 1440px){
	.voicesSingle #section01{
		background : url("../images/voices/bg_single_pc.png") right bottom no-repeat;
	}
	.voicesSingle #section01 .wrap{
		padding-top : 65px;
		max-width : 1600px;
		padding-bottom : 29px;
		margin-left : auto;
		margin-right : auto;
		min-height : 989px;
	}
	.voicesSingle #section01 .box{
		width : 1100px;
		margin-left : auto;
		margin-right : auto;
		padding-left : 17px;
		padding-right : 17px;
		padding-top : calc( 29px - 10px );
		padding-bottom : calc( 68px - 7px );
	}
	.voicesSingle #section01 .texts{
		margin-top : calc( 26px - 8px );
	}
	.voicesSingle #section01 .texts > p{
		font-size : 14px;
		line-height : 30px;
	}
	.voicesSingle #section01 .texts > p + p{
		margin-top : 30px;
	}
}
@media print, screen and (min-width: 769px){
	.voicesSingle #section01 .box{
		border-width : 2px;
		margin-top : 47px;
	}
	.voicesSingle #section01 h4{
		line-height : 2;
		font-size : 20px;
		border-bottom-width : 4px;
		padding-bottom : calc( 21px - 10px );
		padding-left : 4px;
		padding-right : 4px;
	}
	.voicesSingle #section01 .customer{
		font-size : 14px;
		margin-top : 19px;
	}
	.voicesSingle #section01 a{
		border-width : 2px;
		width : 186px;
		height : 36px;
		font-size : 14px;
		border-color : #ccc;
	}
}
/*# sourceMappingURL=../maps/single.css.map */