@charset "utf-8";
/*------------------------------------------------------------------------------------------
*
*
    concept_pc.css
*
*
------------------------------------------------------------------------------------------ */
@media screen and (min-width : 641px){
/*------------------------------------------------------------------------------------------
*
*
    min-width : 641px
*
*
------------------------------------------------------------------------------------------ */

/* --------------------------------------------------
*
    #page_concept
*
-------------------------------------------------- */
#page_concept{
    background:#fff url(../images/concept/pic_visual_ja.jpg);
    background-repeat: no-repeat;
    background-position: top center ;
    text-align: center;
	position: relative;
	background-size: 1920px 1000px;

}
/*.en #page_concept{

	background:#000026 url(../images/concept/pic_visual.jpg);
	background-repeat: no-repeat;
	background-position: center 20px;
}
.tc #page_concept{

	background:#000026 url(../images/concept/pic_visual.jpg);
	background-repeat: no-repeat;
	background-position: center 50px;
}
.sc #page_concept{

	background:#000026 url(../images/concept/pic_visual.jpg);
	background-repeat: no-repeat;
	background-position: center 50px;
}
*/

#page_concept h1{
    padding: 50px 0;
    line-height: 0;
}

.en #page_concept h1{
    padding: 48px 0;
    line-height: 0;
}

/*
.en #page_concept > h1{
    padding: 50px 0 75px;
}
*/

#page_concept h1 img{
    width: 90px;
    height: auto;
}

#page_concept .title{
    margin: 0 0 800px 0;
    line-height: 0;
}
.en #page_concept .title,
.sc #page_concept .title,
.tc #page_concept .title{
    margin: 0 0 796px 0;
}


/*
.en #page_concept .title{margin: 0 0 520px 0;}
.tc #page_concept .title{margin: 0 0 520px 0;}
.sc #page_concept .title{margin: 0 0 520px 0;}
*/

#page_concept .title img{
    width: 694px;
    height: auto;
}
	.en #page_concept .title img{
	    width: auto;
	    height: auto;
	}
	.tc #page_concept .title img{
	    width: auto;
	    height: auto;
	}
	.sc #page_concept .title img{
	    width: auto;
	    height: auto;
	}

#page_concept .desc_wrap {
    background:#cbdbe9 url(../images/concept/desc_wrap_bg.jpg);
    background-repeat: repeat-y;
    background-position: top center ;
    text-align: center;
	position: relative;
	background-size: 1282px 33px;
	padding: 80px 0 90px;
	margin: 0 auto;
}

#page_concept .desc_wrap .desc {
	max-width: 740px;
	margin: 0 auto 105px;
}
#page_concept .desc_wrap .desc_02 {
	max-width: 740px;
	margin: 0 auto 80px;
}

#page_concept .desc_wrap .desc_lead {
	max-width: 740px;
	margin: 0 auto 50px;
}

#page_concept .desc_wrap .desc_logo {
	max-width: 740px;
	margin: 0 auto 80px;
}

#page_concept .desc_wrap .desc_author {
	max-width: 740px;
	margin: 0 auto 20px;
	text-align: left;
}
#page_concept .desc_wrap .desc_career {
	max-width: 740px;
	margin: 0 auto;
	text-align: left;
}
#page_concept .desc_wrap .desc_move {
	max-width: 740px;
	margin: 0 auto 60px;
	text-align: left;
}


#page_concept .desc_product_design {
    background:#fff url(../images/concept/pic_visual_bottom.jpg);
    background-repeat: no-repeat;
    background-position: top center ;
    text-align: center;
	position: relative;
	background-size: 1920px 1288px;
	padding: 80px 0 493px;
}

#page_concept .desc_product_design > .box {
    background-color: rgba(255,255,255,0.85);
	max-width: 740px;
	margin: 0 auto;
	padding: 60px 0;
}
#page_concept .desc_product_design > .box > .pd_title,
#page_concept .desc_product_design > .box > .pd_text{
	margin: 0 0 50px 0;
	text-align: center;
}

#page_concept .desc_product_design > .box > .pd_text:last-of-type{
	margin: 0 0 0px 0;
}

#page_concept .desc_product_design > .box > .pd_title img,
#page_concept .desc_product_design > .box > .pd_text img {
	width: auto;
}




#page_concept .desc span{
	display: none;
}
#page_concept .conponent_list{
    height: 545px;
    padding: 85px 0 0 0;
    margin: 0 auto;
    background-image:url(../images/concept/img_concept_conponent_bg.png);
    background-repeat: no-repeat;
    background-position: center bottom;
}
	.en #page_concept .conponent_list{
	    height: auto;
	    padding: 195px 0 0 0;
	    background-position: center -140px;
	}
	.tc #page_concept .conponent_list{
	    height: auto;
	    padding: 245px 0 0 0;
	    background-position: center -100px;
	}
	.sc #page_concept .conponent_list{
	    height: auto;
	    padding: 245px 0 0 0;
	    background-position: center -100px;
	}

#page_concept .conponent_list h2{
    position: relative;
    margin: 0 0 225px 0;
}

#page_concept .conponent_list ul{
    letter-spacing: -.40em;
}

#page_concept .conponent_list li{
    width: 250px;
    display: inline-block;
    vertical-align: top;
    letter-spacing: normal;
    text-align: center;
    vertical-align: top;
    font-size: 12px;
    color: #fff;
    letter-spacing: .07em;
    line-height: 1.666em;
}

#page_concept .conponent_list h3{
    margin: 0 0 10px 0;
}

#page_concept .conponent_list .desc{
    padding: 0 40px;
    margin: 0 auto;
    text-align: left;
}
.en #page_concept .conponent_list .desc{
	letter-spacing: -0.02em;
}

#page_concept .conponent_list .caution{
    margin: 60px 0 50px 0;
    font-size: 10px;
    color: #fff;
}
.custom-video.main{
    background-color : #000;
}
.youtube{
	position: relative;
    width:100%;
	background-color : #000;
}
.youtube iframe{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}


.movie_list{
	text-align: center;
}
.movie_list h3{
	font-size : 16px;
	line-height: 1.5;
	color : #fff;
	text-align: center;
}
.movie_list ul{
	margin-top : 20px;
	display : inline-block;
	margin-bottom : 60px;
}
.movie_list ul li{
	float : left;
	width : 173px;
	margin-left : 12px;
}
.movie_list ul li img{
	width : 100%;
}
.movie_list ul li:first-child{
	margin-left : 0px;
}
.movie_list ul li p{
	color : #fff;
	font-size : 12px;
	letter-spacing: -0.04em;
	line-height: 1.5;
}

.modal_yt .movie{
	margin-bottom : 20px;
}


.modal_yt video{
        background-color:#000;
}

} /* ----- min-width : 641px ----- */