/* main visual */
#mainVisual{
    height: 1070px;
    position: relative;
    z-index: 1;
    overflow: hidden;
    background: #f8f8f8;
    }
#mainVisual .cntText{
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 0;
    right: 0;
    width: 90%;
    margin: auto;
    max-width: 1280px;
    color: #fff;
    text-align: right;
    }
#mainVisual .cntText2{
    position: absolute;
    z-index: 1;
    bottom: 15%;
    left: 0;
    right: 0;
    width: 90%;
    margin: auto;
    text-align: center;
    }
#mainVisual .scroll{
    position: absolute;
    z-index: 3;
    left: 20px;
    bottom: 0;
    }

#mainVisual .slider{width: 100%;height: 1000px;max-width: 1720px;margin: auto;}
#mainVisual .slider li{height: 1000px;}
#mainVisual .slider .main01{
    background: url("../img/top/mainvisual_bg01.jpg")no-repeat center;
    background-size: cover;
    }
#mainVisual .slider .main02{
    background: url("../img/top/mainvisual_bg02.jpg")no-repeat center;
    background-size: cover;
    }
#mainVisual .slider .main03{
    background: url("../img/top/mainvisual_bg03.jpg")no-repeat center;
    background-size: cover;
    }
#mainVisual .slider .main04{
    background: url("../img/top/mainvisual_bg04.jpg")no-repeat center;
    background-size: cover;
    }
#mainVisual .slider .main05{
    background: url("../img/top/mainvisual_bg05.jpg")no-repeat center;
    background-size: cover;
    }

@media screen and (max-width: 1290px) {}
/* TAB */
@media screen and (max-width: 899px) {
    #mainVisual{height: 780px;}
    #mainVisual .cntText{top: 50%;}
    #mainVisual .cntText img{width: 70%;}
    #mainVisual .slider{height: 700px;}
    #mainVisual .slider li{height: 700px;}
    }
/* SP */
@media screen and (max-width: 480px) {
    #mainVisual{height: 520px;}
    #mainVisual .cntText{top: 55%;}
    #mainVisual .cntText img{width:100%;}
    #mainVisual .cntText2{display: none;}
    #mainVisual .slider{height: 500px;}
    #mainVisual .slider li{height: 500px;}
    #mainVisual .scroll{display: none;}
    }



/* concept */
#_concept{
    background: url("../img/top/concept_bg.png")no-repeat top center;
    padding: 120px 0;
    }
#_concept .cntList{align-content: center;align-items:center;}
#_concept .cntInner .cntText{width: 48%}
#_concept .cntInner .cntText ._Title{margin-bottom: 40px;}
#_concept .cntInner .cntText p{line-height: 2.2;}
#_concept .cntInner .cntImg{width: 48%;}

/* TAB */
@media screen and (max-width: 899px) {
    #_concept{padding: 60px 0;}
}
/* SP */
@media screen and (max-width: 480px) {
    #_concept{padding: 40px 0;}
    #_concept .cntInner .cntText{width:100%;margin-bottom: 20px;}
    #_concept .cntInner .cntText ._Title{margin-bottom: 20px;}
    #_concept .cntInner .cntText p{line-height: 1.8;}
    #_concept .cntInner .cntImg{width:100%;}       
}



/* service */
#_service{
    background:url("../img/top/service_bg.png")no-repeat center center;
    padding: 120px 0 140px;
    }
#_service li{width: 48%;}
#_service ._Title{margin: 40px 0;}
#_service p{line-height: 2.0;}
/* TAB */
@media screen and (max-width: 899px) {
#_service{padding:80px 0;}   
#_service p{font-size: 1.6rem;}   
}
/* SP */
@media screen and (max-width: 560px) {
    #_service ul{max-width: 450px;margin: auto;}
    #_service li{width: 100%;}
    #_service li:first-child{margin-bottom: 40px;}
    }
@media screen and (max-width: 480px) {
#_service{padding:40px 0 40px;}
#_service ._Title{margin: 20px 0;}
#_service p{
    font-size: 1.5rem;
    letter-spacing: .075em;
    line-height: 1.6;
    }
}



/* CONTACT */
#_contact{
    color: #fff;
    position: relative;
    }
#_contact::after{
    position: absolute;
    content: "";
    width: 100%;
    height: 50%;
    margin: auto;
    bottom: 0;
    left: 0;
    right: 0;
    background: var(--c-accent);
    z-index: -2;
    }
#_contact::before{
    position: absolute;
    content: "";
    width: 96%;
    height: 100%;
    top: 0;
    left: 0;
    margin: 0;
    background: url("../img/top/contact_bg.jpg")no-repeat center;
    box-sizing: border-box;
    z-index: -1;
    }
#_contact .cntInner{
    position: relative;
    z-index: 1;
    max-width: 1040px;
    margin: auto;
    text-align: center;
    padding: 100px 0;
    box-sizing: border-box;
    }
#_contact .cntInner ._Title{margin-bottom: 40px;}
#_contact .cntInner ._Title .en{
    font-size: 7.0rem;
    font-weight: 500;
    padding-bottom: 5px;
    }
#_contact .cntInner ._Title .ja{
    font-size: 1.5rem;
    }
#_contact .cntInner .form_mail{
    font-size: 1.7rem;
    }
#_contact .cntInner .form_mail a{
    display: block;
    width: 100%;
    max-width: 400px;
    background: var(--c-main);
    color: #fff;
    text-align: center;
    letter-spacing: 0;
    border-radius:100px;
    padding: 25px 5px;
    transition: 0.7s;
    margin: auto;
    }
#_contact .cntInner .form_mail a:hover{background: var(--c-accent);}
#_contact .cntInner .form_mail a span{
    background: url("../img/cmn/contact_icon_mail.png")no-repeat left center;
    padding-left: 30px;
    }
/* TAB */
@media screen and (max-width: 899px) {}
/* SP */
@media screen and (max-width: 480px) {
#_contact .cntInner{padding: 40px 0;}
#_contact .cntInner ._Title{margin-bottom: 20px;}
#_contact .cntInner ._Title .en{
    font-size: 4.6rem;
    font-weight: 500;
    }
#_contact .cntInner ._Title .ja{
    font-size: 1.4rem;
    }
#_contact .cntInner .form_mail{
    font-size: 1.5rem;
    }
#_contact .cntInner .form_mail a{
    width: 90%;
    padding: 20px 5px;
    }
#_contact .cntInner .form_mail a span{
    background: url("../img/cmn/contact_icon_mail.png")no-repeat left center;
    background-size: 15px;
    padding-left: 20px;
    } 
    
}