@charset "utf-8";
/* CSS Document */

/*スライダー*/

.silder {
    width: 100%;
    text-align: center;
    overflow: hidden;
}

.silder ul {
    text-align: center;
    margin: 0 auto;
    position: relative;
}

.silder ul li img {
    width: 100%;
}

.flexslider {
    width: 1000px;
}

.hoverbtn {
    background: #FFFFFF;
}

.hoverbtn img {
    width: 100%;
    cursor: pointer;
    transition-duration: 0.3s;
}

.hoverbtn:hover img {
    opacity: 0.7;
    transition-duration: 0.3s;
}

.hoverbtn2 img {
    width: 100%;
    cursor: pointer;
    /*画面幅の変化で崩れないようにdurationを入れない*/
}

.hoverbtn2:hover img {
    opacity: 0.7;
    transition-duration: 0.3s;
}

/*.top_ctsの下に74pxの空白あり(footerのmargin-top)*/

.top_cts {
    width: 1000px;
    font-family: 'Noto Sans JP', "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-weight: 300;
}

.non-vis {
    opacity: 0;
}

.vis {
    opacity: 1;
}

@keyframes RightToLeft {
    0% {
        opacity: 0;
        /* 透明 */
        -ms-transform: translateX(30px);
        -webkit-transform: translateX(30px);
        transform: translateX(30px);
        /* X軸方向に数px */
    }
    100% {
        opacity: 1;
        /* 不透明 */
        -ms-transform: translateX(0);
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes LeftToRight {
    0% {
        opacity: 0;
        /* 透明 */
        -ms-transform: translateX(-30px);
        -webkit-transform: translateX(-30px);
        transform: translateX(-30px);
        /* X軸方向に数px */
    }
    100% {
        opacity: 1;
        /* 不透明 */
        -ms-transform: translateX(0);
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}



.vis .t_each_img_r {
    animation-duration: 1s;
    animation-name: LeftToRight;
}

.vis .t_each_img_l {
    animation-duration: 1s;
    animation-name: RightToLeft;
}

.vis .te_tbox_l {
    animation-duration: 1s;
    animation-name: RightToLeft;
}

.vis .te_tbox_r {
    animation-duration: 1s;
    animation-name: LeftToRight;
}

.vis .btn_club_box {
    animation-duration: 1s;
    animation-name: RightToLeft;
}


.fwe_300 {
    font-weight: 300;
}

.fwe_400 {
    font-weight: 400;
}

.fwe_500 {
    font-weight: 500;
}

.fwe_700 {
    font-weight: 700;
}

.fnt_0 {
    font-size: 0;
    line-height: 0;
}

.tew_mbo {
    margin-bottom: 60px;
}

.tew_mbo2 {
    margin-bottom: 80px;
}

.t_each_wrap {
    position: relative;
    top: 0px;
    left: 0px;
}

.t_each_wrap div,
.t_each_wrap span {
    box-sizing: border-box;
}

.te_tbl {
    display: table;
    width: 875px;
}

.te_tbl_bad1 {
    padding-top: 50px;
    padding-bottom: 74px;
}

.te_tbl_bad2 {
    padding-top: 36px;
    padding-bottom: 36px;
}

.te_cell {
    display: table-cell;

}

.val_mdl {
    vertical-align: middle;
}

.te_cell:nth-child(1) {
    border-right: 1px solid #999999;

}

.cell_ttl {
    padding-left: 125px;
}

.te_news_box {
    width: 550px;
    padding-left: 32px;
    padding-top: 0px;
    padding-bottom: 12px;
}

.te_news_box ul {
    padding-top: 0px;
    padding-bottom: 8px;
}

.te_news_box li {
    padding-top: 10px;
    padding-bottom: 10px;
    display: block;
    white-space: nowrap;
}

.te_news_box li a {
    display: inline-block;
    padding-left: 3em;
    text-decoration: none;
    color: #000000;
}
.te_news_box li a:hover{
    text-decoration: underline;
}
a.btn_club {
    display: inline-block;
}

a.btn_club:nth-child(1) {
    margin-left: 32px;
}

a.btn_club:nth-child(2),
a.btn_club:nth-child(3) {
    margin-left: 19px;
}

a.btn_club img {
    display: inline-block;
    width: 178px;
    height: auto;
}

.btn_club_box {
    width: 606px;
}

/*604px*/

.t_each_bg_r,
.t_each_bg_l {
    display: block;
    width: 875px;
    height: 260px;
    position: relative;
    top: -20px;
}

.t_each_bg_r {
    left: 125px;
}

.t_each_bg_l {
    left: 0px;
}

.t_each_img_r,
.t_each_img_l {
    display: block;
    width: 500px;
    height: auto;
    position: absolute;
    top: 0px;
}

.t_each_img_r {
    right: 0px;
}

.t_each_img_l {
    left: 0px;
}


.col-black {
    color: #000000;
}

.col-white {
    color: #FFFFFF;
}

.bgc_gray1 {
    background-color: #F3F3F3;
}

.bgc_gray2 {
    background-color: #E8EBF0;
    /*動画背景*/
}

.bgc_blue1 {
    background-color: #225DA2;
}

.t_each_tbox {
    width: 425px;
    height: auto;
    position: absolute;
    top: 7px;
    line-height: 1;
}

.te_tbox_l {
    left: 125px;
}

.te_tbox_r {
    left: 450px;
}

.t_each_deco,
.t_each_deco3 {
    display: block;
    font-size: 9px;
}

.t_each_deco {
    /*11px*/
    width: 425px;
    height: 1.8em;
    line-height: 1.8;
}

.t_each_deco3 {
    padding-top: 1em;
    padding-bottom: 0.5em;
}

.col-black .t_each_deco {
    border-bottom: 1px solid #999999;
    color: #999999;
}

.col-white .t_each_deco {
    border-bottom: 1px solid #AAAAAA;
    color: #AAAAAA;
}


.te_tbox_l .t_each_deco {
    text-align: left;
}

.te_tbox_r .t_each_deco {
    text-align: right;
}

.t_each_ttl,
.t_each_ttl2,
.pbo-ttl2,
.t_each_ttl3 {
    display: block;
    font-size: 20px;
}

.t_each_ttl {

    padding-top: 1.5em;
    padding-bottom: 1.0em;
}

.t_each_ttl2 {
    padding-top: 2em;
    padding-bottom: 2em;
    text-align: center;
}

.t_each_ttl3 {
    line-height: 1.7;
}

.pbo-ttl2 {
    padding-bottom: 2em;
}

.t_each_text {
    display: block;
    font-size: 13px;
    /*15px*/
    line-height: 2.1;
    /*line-height: 2.1;*/
}

.te_tbox_r .t_each_ttl,
.te_tbox_r .t_each_text {
    padding-left: 85px;
}

.te_tbox_l .t_each_ttl,
.te_tbox_l .t_each_text {
    padding-right: 85px;
}

.te_tbox_r a.t_each_btn {
    margin-left: 85px;
}

a.t_each_btn {
    box-sizing: border-box;
    display: block;
    font-size: 13px;
    text-align: center;
    width: 145px;
    height: 2.4em;
    line-height: 2.4;
    text-decoration: none;
    padding-left: 14px;
    position: relative;
    margin-top: 1em;
    transition-duration: 0.3s;
}

.col-black a.t_each_btn {
    border: 1px solid #000000;
    color: #000000;
    /*background-color: #F3F3F3;*/
}

.col-white a.t_each_btn {
    border: 1px solid #FFFFFF;
    color: #FFFFFF;
    /*background-color: #225DA2;*/
}


a.t_each_btn::after {
    content: "";
    box-sizing: border-box;
    display: block;
    width: 6px;
    height: 4px;
    border: 4px solid transparent;
    position: absolute;
    top: 11px;
    left: 50px;
    left: calc( 50% - 1.5em);
    transition-duration: 0.3s;
}

.col-black a.t_each_btn::after {
    border-left: 6px solid #000000;
}

.col-white a.t_each_btn::after {
    border-left: 6px solid #FFFFFF;
}

a:hover.t_each_btn {
    transition-duration: 0.3s;
}

.col-black a:hover.t_each_btn {
    border: 1px solid #F3F3F3;
    color: #F3F3F3;
    background-color: #000000;
}

.col-white a:hover.t_each_btn {
    border: 1px solid #225DA2;
    color: #225DA2;
    background-color: #FFFFFF;
}

a:hover.t_each_btn::after {
    transition-duration: 0.3s;
}

.col-black a:hover.t_each_btn::after {
    border-left: 6px solid #F3F3F3;
}

.col-white a:hover.t_each_btn::after {
    border-left: 6px solid #225DA2;
}

.t_bnr_wrap {
    width: 980px;
    margin: 74px auto 0 auto;
}

a.btn_movie {
    display: block;
    width: 500px;
    margin: 0 auto;
}

a.btn_movie img {
    display: block;
    width: 100%;
}

.bnr_kaze {
    display: inline-block;
    padding-left: 170px;
}

.bnr_mainte {
    display: inline-block;
    margin-left: 40px;
}
.omotenashi_box{
    border-top:1px solid #00305A;
    border-bottom:1px solid #00305A;
    padding-top:20px;
    padding-bottom: 20px;
    margin-top:40px;
    position: relative;
}
.ots_right{
    position:absolute;
    top:40px;
    left:178px;
    width: 802px;
    text-align: center;
    
}
a.ots_btn1,a.ots_btn2{
width: 230px;height: 40px;
    font-size: 15px;
    display: block;
    text-decoration: none;
    color:#FFFFFF;
line-height: 40px;
}
.ots_btn1{
    background-color: #00305A;
    position: absolute;
    top:47px;
    left:125px;
    padding-left:16px;
    border:1px solid #00305A;
}
a.ots_btn2{
    background-color: #D4B244;
    position: absolute;
    top:47px;
    left:401px;
    padding-right:20px;
    border:1px solid #D4B244;
}
a.ots_btn1::after {
    content: "";
    box-sizing: border-box;
    display: block;
    width: 6px;
    height: 4px;
    border: 4px solid transparent;
    position: absolute;
    top: 16px;
    left: 60px;
    transition-duration: 0.3s;
    border-left: 6px solid #FFFFFF;
}
.ots_btn2_img{
    display: inline-block;
    position: relative;
    top:13px;
    left:12px;
}
a.ots_btn1:hover{
    background-color: #33597B;
    
}
/*a.ots_btn1:hover::after {
    border-left: 6px solid #00305A;
}*/
a.ots_btn2:hover{
    background-color: #DDC169;
    
}
.ots_img{
    display: block;
    padding-left: 97px;
    
}
.ots_ttl{
    font-size: 18px;
}
.col_blue{color:#00305A;}
.col_gold{color:#D4B244;}

.bnr_omotenashi {
    margin-top: 40px;
    display: inline-block;
}


.top_temp_bnr{
    display:block;
    box-sizing:border-box;
    width:100%;
    height:auto;
    margin:0 auto;
    padding:40px 12.5vw 10px 12.5vw;
}
.top_temp_bnr a{
    display:block;
    width:100%;
    height:auto;
    background:#00D2FF;
}
.top_temp_bnr a img{
    display:block;
    width:100%;
    height:auto;
}
.top_temp_bnr a:hover img{
    opacity:0.9;
}
/*min-width:1000px ここから*/

@media (min-width:1000px) {
    .flexslider {
        width: 100%;
    }
    .top_cts {
        width: 100%;
    }
    .tew_mbo {
        margin-bottom: 6vw;
    }
    .tew_mbo2 {
        margin-bottom: 8vw;
    }

    .te_tbl {
        width: 87.5vw;
    }
    .te_tbl_bad1 {
        padding-top: 5vw;
        padding-bottom: 7.4vw;
    }
    .te_tbl_bad2 {
        padding-top: 3.6vw;
        padding-bottom: 3.6vw;
    }
    .cell_ttl {
        padding-left: 12.5vw;
    }
    .te_news_box {
        width: 55vw;
        padding-left: 3.2vw;
        padding-top: 0vw;
        padding-bottom: 1.2vw;
    }
    .te_news_box ul {
        padding-top: 0px;
        padding-bottom: 0.8vw;
    }
    .te_news_box li {
        padding-top: 1vw;
        padding-bottom: 1vw;
    }
    .te_news_box li a {
        padding-left: 3em;
    }

    a.btn_club:nth-child(1) {
        margin-left: 3.2vw;
    }
    a.btn_club:nth-child(2),
    a.btn_club:nth-child(3) {
        margin-left: 1.9vw;
    }
    a.btn_club img {
        width: 17.8vw;
    }
    .btn_club_box {
        width: 60.6vw;
        /*60.4vw*/
    }

    .t_each_bg_r,
    .t_each_bg_l {
        display: block;
        width: 87.5vw;
        height: 26vw;
        position: relative;
        top: -2vw;
    }

    .t_each_bg_r {
        left: 12.5vw;
    }

    .t_each_bg_l {
        left: 0vw;
    }

    .t_each_img_r,
    .t_each_img_l {
        display: block;
        width: 50vw;
        height: auto;
        position: absolute;
        top: 0vw;
    }

    .t_each_tbox {
        width: 42.5vw;
        top: 0.7vw;
    }

    .te_tbox_l {
        left: 12.5vw;
    }

    .te_tbox_r {
        left: 45vw;
    }

    .t_each_deco {
        width: 42.5vw;
    }
    .t_each_deco3 {
        padding-top: 1em;
        padding-bottom: 0.5em;
    }


    .te_tbox_r .t_each_ttl,
    .te_tbox_r .t_each_text {
        padding-left: 8.5vw;
    }

    .te_tbox_l .t_each_ttl,
    .te_tbox_l .t_each_text {
        padding-right: 8.5vw;
    }

    .te_tbox_r a.t_each_btn {
        margin-left: 8.5vw;
    }

    a.t_each_btn {
        width: 14.5vw;
        padding-left: 1.4vw;
        margin-top: 2.4vw;
    }
    a.btn_movie {
        width: 50vw;
    }
    a.t_each_btn::after {
        top: 1.0vw;
    }

}

/*min-width:1000px ここまで*/

/*min-width:1160px ここから*/

@media (min-width:1160px) {
    .te_news_box li {
        font-size: 1.1vw;
    }
    .t_each_deco,
    .t_each_deco3 {
        font-size: 0.84vw;
    }
    .t_each_ttl,
    .t_each_ttl2,
    .pbo-ttl2,
    .t_each_ttl3 {
        font-size: 1.68vw;
    }

    .t_each_text {
        font-size: 1.15vw;

    }
    a.t_each_btn {
        font-size: 1.15vw;
    }

}

/*min-width:1160px ここまで*/

/*min-width:1600px ここから*/

@media (min-width:1600px) {
    .te_news_box li {
        font-size: 1.0vw;
        /*1.1*/
    }
    .t_each_deco,
    .t_each_deco3 {
        font-size: 0.76vw;
        /*0.84*/
    }
    /*    
    .t_each_ttl,
    .t_each_ttl2,
    .pbo-ttl2,
    .t_each_ttl3 {
        font-size: 1.68vw;
    }*/
    .t_each_text {
        font-size: 1.0vw;
        /*1.15*/
    }
    a.t_each_btn {
        font-size: 1.0vw;
        /*1.15*/
        padding-bottom: 2.4em;
    }

}

/*min-width:1600px ここまで*/