@charset "utf-8";
/*------------------------------------------------------------------------------------------
*
*
    index_pc.css
*
*
------------------------------------------------------------------------------------------ */


/*------------------------------------------------------------------------------------------
*
*
    min-width : 641px
*
*
------------------------------------------------------------------------------------------ */
@media screen and (min-width : 641px){ 

#contents_area{
    width: 1000px;
    min-width: 1000px;
    margin: 0 auto;
    overflow: hidden;
    background-color: #e8ebeb;
}


/* --------------------------------------------------
*
    #mv
*
-------------------------------------------------- */
#mv{
    width: 100%;
    height: 100%;
    background-image:url(../images/pic_mv.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    min-height: 720px;
    display: table;
    position: relative;
}

#mv .section_inner{
    width: 100%;
    height: 100%;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    position: relative;
}

#mv .section_inner h1{
    margin-bottom: 4.5%;
    transform: rotateX(35deg);
    -webkit-transform: rotateX(35deg);
    opacity: 0;
}

.onload #mv .section_inner h1{
    transform: rotateX(0deg);
    -webkit-transform: rotateX(0deg);
    opacity: 1;
    -webkit-transition: opacity .6s ease-in 1s, transform .6s ease-in 1s;
    transition: opacity .6s ease-in 1s, transform .6s ease-in 1s;
}

#mv .section_inner .ico_arrow{
    width: 151px;
    height: 151px;
    margin: 0 auto;
    background-image:url(../images/parts_arrow_d.png);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
    position: absolute;
    left: calc(50% - 76px);
    bottom: 8%;
    cursor: pointer;
    opacity: 0;
    transform: translateY(-10px);
    -webkit-transform: translateY(-10px);
}

.onload #mv .section_inner .ico_arrow{
    transform: translateY(0px);
    -webkit-transform: translateY(0px);
    opacity: 1;
    transition: opacity .6s ease 1.7s, transform .6s ease 1.7s, margin .1s ease;
    -webkit-transition: opacity .6s ease 1.7s, transform .6s ease 1.7s, margin .1s ease;
}

#mv .section_inner .ico_arrow:hover,
#mv .section_inner .ico_arrow.touch{
    margin-bottom: -10px !important;
    transition: margin .15s ease-out .05s !important;
}


/* --------------------------------------------------
*
    #sec_body_wrap
*
-------------------------------------------------- */
#wrap h2{
    width: 1000px;
    min-width: 1000px;
    margin: 0 auto;
    padding: 50px 0;
    box-sizing: border-box;
    line-height: 0;
    text-align: center;
    overflow: hidden;
}

#sec_body_wrap{
    padding: 65px 0 0 0;
}

#sec_body_wrap h3{
    margin: 65px 0 45px 0;
    padding: 0 0 0 225px;
    font-family: 'こぶりなゴシック W6 JIS2004' !important;
    font-size: 33px;
    letter-spacing: .1em;
    line-height: 1.6666em;
}

#sec_body_wrap p{
    margin: 0 0 45px 0;
    padding: 0 0 0 225px;
    font-size: 20px;
    line-height: 2.2em;
    letter-spacing: .1em;
}

#sec_body_wrap p .s{
    font-size: 14px;
    display: block;
}

#sec_body_wrap p.img{
    margin: 55px 0 45px 0;
    padding: 0;
    text-align: center;
}

#sec_body_wrap p.img .caption{
    margin: -5px 0 85px 0;
    font-size: 15px;
    display: block;
    line-height: 1.8666em;
    letter-spacing: .1em;
}

#sec_body_wrap p.img.mt{
    margin-top: 85px;
}

#sec_body_wrap p.img + .img{
    margin-top: -10px;
}

#sec_body_wrap .special h4{
    margin: 0 0 15px 0;
    padding: 0 0 0 225px;
}

#sec_body_wrap .special h4 img{
    width: auto;
    height: 80px;
    line-height: 0;
}

#sec_body_wrap #message{
    margin: 0 0 50px 0;
}

#sec_body_wrap #message h4{
    margin: 0 0 40px 0;
    padding: 0 0 0 225px;
    font-size: 33px;
    line-height: 1.6666em;
    letter-spacing: .1em;
}

#sec_body_wrap #message h4 .s{
    font-size: 20px;
    line-height: 2.2em;
    display: block;
}

#sec_body_wrap #message .section_inner{
    margin: 0 150px;
    padding: 40px 0 0 90px;
    background-color: #FFF;
    box-sizing: border-box;
    overflow: hidden;
}

#sec_body_wrap #message .section_inner p{
    margin: 0 0 40px 0;
    padding: 0;
    font-size: 18px;
    line-height: 2em;
    letter-spacing: .1em;
}


/* --------------------------------------------------
*
    #btm_info
*
-------------------------------------------------- */
#btm_info{
    padding: 50px 0 0 145px;
    box-sizing: border-box;
    background-color: #000;
    overflow: hidden;
}

#btm_info h4{
    margin: 0 0 40px 0;
}

#btm_info a{
    border-bottom: 1px solid #000;
    padding: 0 0 4px 0;
    transition: border .1s ease 0s;
}

.is_pc #btm_info a:hover,
.is_sp #btm_info a.touch{
    border-bottom: 1px solid #ff6400;
    transition: border .15s ease .05s;
}

#btm_info p{
    margin: 0 0 2em 0;
    padding: 0;
    color: #ccc;
    font-size: 20px;
    line-height: 2em;
    letter-spacing: .1em;
}

#btm_info p.caution{
    text-indent: -1em;
    padding-left: 1em;
}


/* --------------------------------------------------
*
    #foot_share
*
-------------------------------------------------- */
#foot_share{
    width: 1000px;
    min-width: 1000px;
    margin: 0 auto;
    padding: 50px 0 0 0;
    box-sizing: border-box;
    background-color: #e8ebeb;
}

#foot_share ul{
    text-align: center;
    letter-spacing: -.40em;
}

#foot_share li{
    margin: 0 40px;
    display: inline-block;
    letter-spacing: normal;
}

#foot_share li.tobichi{
    margin: 0 100px;
}

#foot_share li img{
    width: auto;
    height: 68px;
}

#foot_share .copyright{
    padding: 35px 0 60px 0;
    text-align: center;
}

#foot_share .copyright img{
    width: 261px;
}


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