@charset "UTF-8";
/*====================================================================================
■00.Object
 ├ _00_1 layout
 ├ _00_2 animation
 └ _00_3 OverLayerConfig
■01.page-index

====================================================================================*/
/*====================================================================================
■00.Object
====================================================================================*/
/* _00_1 layout
-------------------------------------------------------------------- */
/* _00_2 animation
-------------------------------------------------------------------- */
/* _00_3 OverLayerConfig
-------------------------------------------------------------------- */
/*====================================================================================
■01.page-index
====================================================================================*/
/* ---------------------------------------------------------------------------------------------------------
content_Layout

_00. common
_01. mainImg
_02. hoge
_03. news
_0*. ***
 ├ _0*_* ***
 ├ _0*_* ***
 └ _0*_* ***

 */
/* -----------------------------------------------------------------------------------
_00. common
----------------------------------------------------------------------------------- */
/* -----------------------------------------------------------------------------------
_01. mainImg
----------------------------------------------------------------------------------- */
.mainImgWrap {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 45px;
}

.mainImg {
    overflow: hidden;
    width: 100%;
    height: 0;
    padding-top: 140%;
    position: relative;
    background-color: #f3f3f3;
    background-image: url(../images/mv.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: left -600px top 0;
    /*-webkit-background-position: left -700px top 0;*/
  }
@media (max-width: 375px) {
.mainImg {
    background-position: left -400px top 0;
 }
}

[class*="mainImg__img"] {
    width: 100%;
    display: none;
}

.mainImg .mainImg-tel {
    display: none;
}

@media (min-width: 1025px) {
    .mainImgWrap {
        /*margin-bottom: 100px;*/
    }
    .mainImg__img--768 {
        display: none;
    }
    .mainImg {
        height: 0;
        padding-top: 46.354%;
        background-position: left 0px top 0;
    }
    .mainImg .mainImg-tel {
        position: absolute;
        top: 100px;
        right: 20px;
        color: #fff;
        font-size: 1.6rem;
        text-align: center;
        display: block;
        line-height: 30px;
    }
    .mainImg .mainImg-tel__num {
        font-size: 2.6rem;
        letter-spacing: 2px;
    }
}



.mainTxt {
    font-weight: 900;
    font-size: 2.9rem;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 100;
    line-height: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    max-width: 1000px;
    width: 100%;
    margin: 0 auto;
    padding: 0 20px;
}

.mainTxt__lg {
    position: relative;
    letter-spacing: 4px;
    margin-bottom: 10px;
    line-height: 1.2;
    font-size: 2.4rem;
}
.mainTxt__lg img{
    width: 100%;
    margin: 0 auto;
}

.mainTxt__sm {
    font-weight: 700;
    letter-spacing: 2px;
    font-size: 1.6rem;
    margin: 0;
    line-height: 1.5;
}

@media (min-width: 375px) {
    .mainTxt__lg {
        font-size: calc(2.4rem + ((1vw - 3.2px) * 1.1364));
    }
    .mainTxt__sm {
        font-size: calc(1.6rem + ((1vw - 3.2px) * 1.1364));
    }
}

@media (min-width: 1025px) {
    .mainTxt__lg {
        font-size: 3.2rem;
        margin-bottom: 15px;
        line-height: 1;
    }
    .mainTxt__sm {
        font-size: 2.4rem;
        line-height: 1;
    }
}

/* -----------------------------------------------------------------------------------
_02. lede
----------------------------------------------------------------------------------- */


/* -----------------------------------------------------------------------------------
_03. scroll
----------------------------------------------------------------------------------- */

@media (min-width: 768px) {
    a.icon_scroll  {
      bottom: 20px;
      left: 50%;
  }
}


a.icon_scroll  {
    position: absolute;
    bottom: 0px;
    left: 45%;
    z-index: 2;
    display: inline-block;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    text-decoration: none;
    color: #fff;
    z-index: 1000000;/*z-index: 1000000;*/
}
a.icon_scroll {
    padding-top: 60px;
}
a.icon_scroll span {
    position: absolute;
    top: 0;
    left: 50%;
    width: 30px;
    height: 50px;
    margin-left: -15px;
    border: 2px solid #fff;
    border-radius: 50px;
    box-sizing: border-box;
}
a.icon_scroll span::before {
    position: absolute;
    top: 10px;
    left: 50%;
    content: '';
    width: 6px;
    height: 6px;
    margin-left: -3px;
    background-color: #fff;
    border-radius: 100%;
    box-sizing: border-box;
}
a.icon_scroll:hover{color: #a78322;}
a.icon_scroll:hover span::before{
    border: 2px solid #a78322;
    background-color: #a78322;
}
a.icon_scroll:hover span {
    border: 2px solid #a78322;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}
    /*.hogeWrap .crd {
        background-color: rgba(255, 255, 255, 0.9);
    }*/


/* -----------------------------------------------------------------------------------
_05. news
----------------------------------------------------------------------------------- */




/* -----------------------------------------------------------------------------------
_06. result
----------------------------------------------------------------------------------- */
.result_Wrap{
    background-image: url(../images/result_BG.jpg); 
    padding: 95px 0;
}
@media (min-width: 768px) {
    .result_Wrap{
    padding: 110px 40px;
    margin-bottom: 0;
    }
}

/* -----------------------------------------------------------------------------------
_07. flow
----------------------------------------------------------------------------------- */
.flow_Wrap{
    background-image: url(../images/flow_BG.png); 
    padding: 95px 0 0;
    background-size: cover;
}
.flow_Wrap .row,
.flow_Wrap .gutters-40{
    margin-left: 0px;
    margin-right: 0px;
}

@media (min-width: 768px) {
    .flow_Wrap{
    padding: 110px 40px;
    margin-bottom: 0;
    }
    .flow_Wrap .row,
    .flow_Wrap .gutters-40{
        margin-left: initial;
        margin-right: initial;
    }
}
/* -----------------------------------------------------------------------------------
_08. form
----------------------------------------------------------------------------------- */
.form_Wrap{
        padding: 110px 10px;
        background-image: url(../images/contact_BG.jpg);
}
.form{
    background-color: #fff;
    padding-top: 2rem;
    padding-bottom: 2rem;
}

@media (min-width: 768px) {
   .form_Wrap{
        margin-bottom: 0;
        } 
}
.form table{width: 100%;}
.form input[type='text'], .form input[type='search'], .form input[type='tel'], .form input[type='url'], 
.form input[type='email'], .form input[type='password'], .form input[type='datetime'], 
.form input[type='datetime-local'], .form input[type='date'], .form input[type='month'], 
.form input[type='week'], .form input[type='time'], .form input[type='number'], textarea, select {
    padding-left: .4em;
    background: #fff;
    border: none;
    border-radius: 0;
    border: solid 1px #dbdbdb;
    border-radius: 3px;
    margin-bottom: 1rem;
}
.form th,.form td{
    display: block;
    width: 100%;
}
.form label{
    margin: 1rem 0;
    display: block;
}
.form .birth{display: flex;}
.form .birth .key{
    display: block;
    margin-right: 1rem;
    word-break: keep-all;
} 
.form .birth select{
    margin-right: 1rem;
    -webkit-appearance: menulist-button;
    color: #9a9a9a;
}
.form .width{width: 50%;}
.form .width02{width: 60%;}

.form_submit{text-align: center;}
.form_submit p{
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    justify-content: center;
}
@media (max-width: 375px) {
  .form_submit p{ font-size: 1.18rem; }
}

.form_submit p span{color: #c34d4d;}
.btn_submit{
    color: #000;
    background-color: #a78322;
    padding: 2rem 15%;
    border-radius: 3px;
    margin-top: 3rem;
}
.form label{    cursor: default;}
@media (min-width: 768px) {
    .btn_submit {
        width: 60%;
        margin: 3rem auto 0;
    }
}
/* -----------------------------------------------------------------------------------
_09. pp
----------------------------------------------------------------------------------- */
/*.pp_Wrap,
.flow_Wrap{
    background-image: url(../images/flow_BG.png); 
    padding: 95px 0;
}*/
.pp_inner{
    background-color: #fff;
    padding: 5rem 2rem 1rem 2rem;
}
.pp_inner .mb{margin-bottom: 2rem;}
.pp_inner .mb a{text-decoration: underline;}
.pp_inner .indent{
    text-indent: -2rem;
    margin-left: 2.5rem;
}
.list_pp li{
    list-style-type: disc;
    margin-left: 2rem;
}

.pp_wrap{
        background-image: url(../images/flow_BG.png); 
        padding: 95px 0 45px;
        background-size: cover;
    }
@media (min-width: 768px) {
    .pp_wrap{
        background-image: url(../images/flow_BG.png); 
        padding: 95px 0 45px;
        background-size: cover;
    }
}


/* -----------------------------------------------------------------------------------
_10. kyoutuu
----------------------------------------------------------------------------------- */
.message_Wrap{
    padding-top: 110px;
    }

@media (min-width: 768px) {
    .ledeWrap,
    .message_Wrap{
    padding: 110px 40px;
    }
}