@charset "UTF-8";

/*-------------------------
__voice_style
-------------------------*/

#content .contents_title{
	background:url(../images/gray_back.png),url("images/01.jpg");
	background-position:center,center;
	background-repeat:repeat,no-repeat;
	background-size:auto,cover;}

#contents{
	width:100%;
	max-width:980px;
	margin:80px auto 100px;
	text-align:left;}

.section img{width:100%;max-width:980px;margin: 0 auto;}

@media screen and (max-width: 960px) {

#contents{
	margin:50px auto 50px;}

.concept_iconlist{
	margin-bottom:0;}

.concept_icon{
	margin-bottom:50px;}

.concept_icon ul{}

.concept_icon ul li{
	width:100px;}

.concept_icon ul li img{
	width:100%;
	height:auto;}

.concept_icon p{
	width:220px;}

.concept_icon p img{
	width:100%;
	height:auto;}

.concept_iconlist{
	margin-bottom:110px;}

.concept_iconlist h2{
	font-size:2.7em;}

}


@media screen and (max-width: 767px) {

.concept_icon{
	margin-top:30px;
	margin-bottom:30px;}

.concept_iconlist{
	margin-bottom:90px;}

.concept_iconlist h2{
	font-size: 2em;}

.concept_icon p{
	margin-top:10px;}

.concept_iconlist ul{
	max-width:400px;
	margin:0 10px 10px;}

.concept_iconlist ul li{
	float:left;
	box-sizing:border-box;
	margin-right:10px;
	width: 25%;
	width: calc((100% - 30px) / 4);
	width: -webkit-calc((100% - 30px) / 4);
	width: -moz-calc((100% - 30px) / 4);}

.concept_iconlist ul li:nth-child(4){
	margin-right:0;}

}

/*-------------------------コンテント-------------------------*/
.section .pic_title{font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";font-size:18px;padding-bottom:10px;}
.section .pic_top_box{position:relative;}
.section .pic_top_box .pic_s{display:inline-block;width:33.33%;height:200px;overflow:hidden;position:absolute;}
.section .pic_top_box .pic_s img{min-height:200px;width:100%;object-fit:cover;}
.section .pic_top_box .pic_s:nth-of-type(2){top:0;left:33.33%;}
.section .pic_top_box .pic_s.main_logo{display:block;background:url("images/bg.jpg")no-repeat center;background-size:cover;}
.section .pic_top_box .pic_s:nth-of-type(3){top:0;right:0;}


.section .letter_spacing{letter-spacing:-1em;padding-top:200px;}
.section ul .pic_l{letter-spacing:normal;vertical-align:middle;position:relative;}
.section ul .pic_l .text_wrapper{position:absolute;box-sizing:border-box;top:10%;left:0;right:0;margin:auto;width:80%;text-align:center;}
.section ul .pic_l .text_wrapper p{color:#FFF;font-size:18px;line-height:2.5;text-align:center;font-weight:700;}
.section ul .pic_l img{line-height:0;vertical-align:top;}
.section ul .pic_s_2{display:inline-block;width:25%;max-height:150px;overflow:hidden;letter-spacing:normal;vertical-align:top;position:relative;}
.section ul .pic_s_2 img{min-height:150px;width:100%;object-fit:cover;}

.section ul .pic_l_2{display:block;width:100%;height:400px;overflow:hidden;position:relative;letter-spacing:normal;vertical-align:middle;}
.section ul .pic_l_2 img{line-height:0;vertical-align:top;position:absolute;top:0;bottom: 0;margin: auto;height:100%;object-fit:cover;}


.section ul .pic_m{display:inline-block;width:50%;height:250px;overflow:hidden;letter-spacing:normal;vertical-align:top;}
.section ul .pic_m img{min-height:150px;width:100%;object-fit:cover;}


@media screen and (max-width: 767px){
	.section .pic_title{padding-left: 5px;}
	.section .pic_top_box .pic_s:nth-of-type(1){top:220px;left:0;width:100%;}
	.section .pic_top_box .pic_s:nth-of-type(1) img{position:absolute;bottom:0;}
	.section .pic_top_box .pic_s:nth-of-type(2){top:0;left:0;width:100%;height:220px;}
	.section .pic_top_box .pic_s:nth-of-type(2) img{height:100%;}
	.section .pic_top_box .pic_s:nth-of-type(3){top:420px;left:0;width:100%;}
	.section .pic_top_box .pic_s:nth-of-type(3) img{position:absolute;top:0;}
	.section .letter_spacing{padding-top:620px;}
	.section ul .pic_l{height:700px;}
	.section ul .pic_l .text_wrapper{top:5%;}
	.section ul .pic_l .text_wrapper p{font-size:17px;line-height:1.7;text-align:left;}
	.section ul .pic_l .text_wrapper br{display: none;}
	.section ul .pic_l img{height:100%;object-fit:cover;}
	.section ul .pic_s_2{width:50%;}
	.section ul .pic_l_2{height:200px;}
	
}