@charset "UTF-8";

/*@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP');*/
/*@import url(http://fonts.googleapis.com/earlyaccess/notosansjp.css);*/
/*==========================IoT=========================*/
/*------------feature_area----------------*/
.feature_area {
    padding: 100px 0;
    margin: auto;
    width: 100%;
    background: #f5f5f5;
}

.feature_area .inner {
    padding: 0;
}

.iot_title02_01 {
    font-size: 32px;
    font-weight: normal;
    color: #182845;
    text-align: center;
    margin-bottom: 60px;
    line-height: 1.5;
}

.f_s_blue {
    display: block;
    font-size: 16px;
    text-align: center;
    color: #2e5cc3;
    margin-top: 10px;
}

.iot_col004 {
    display: flex;
    justify-content: space-between;
    margin-top: 30px;
    flex-wrap: wrap
}

.iot_col001 {
    max-width: 24%;
    width: 100%;
    background: #fff;
    border: 1px solid #ddd;
    padding: 30px 20px;
    position: relative;
    text-align: center;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    transition: 0.4s;
}

.point_box_area {
    position: absolute;
    top: -24px;
    left: calc(50% - 80px);
}

.iot_point_box {
    position: relative;
    background: #2e5cc3;
    color: #fff;
    border-right: 1px solid #2e5cc3;
    border-left: 1px solid #2e5cc3;
    height: 48px;
    width: 160px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.iot_point_box::before {
    content: "";
    left: -17px;
    top: 0;
    position: absolute;
    display: block;
    border-right: 16px solid #2e5cc3;
    border-top: 23.5px solid transparent;
    border-bottom: 23.5px solid transparent;
}

.iot_point_box::after {
    top: 0;
    right: -17px;
    content: "";
    position: absolute;
    display: block;
    border-left: 16px solid #2e5cc3;
    border-top: 23.5px solid transparent;
    border-bottom: 23.5px solid transparent;
}

.feature_icon {
    margin: 15px auto;
    height: 70px !important;
}

.iot_title03_01 {
    font-size: 20px;
    line-height: 1.2;
    color: #182845;
    margin: 0 auto 20px;
    flex-grow: 1;
}

@media only screen and (max-width: 1050px) {
    .iot_col001 {
        max-width: 45%;
        margin-bottom: 60px;
    }

    .iot_col004 {
        justify-content: space-around
    }

    .iot_title03_01 br {
        display: none;
    }
}

@media only screen and (max-width:690px) {
    .f_s_blue {
        font-size: 14px;
    }

    .iot_title02_01 {
        font-size: 26px;
    }

    .iot_title03_01 {
        font-size: 18px !important
    }

    .feature_area {
        /* margin-top: 215px; */
        padding: 40px 0;
    }

    .iot_col004 .iot_col001 {
        max-width: 95%;
        margin-bottom: 50px;
        align-items: center;
        justify-content: space-between;
        padding: 20px 10px;
    }

    /*    .iot_feature_txt_area {
        max-width: 60%;
        width: 100%
    }*/
    .iot_col004 {
        justify-content: center
    }

    .iot_product_area .iot_title02_01 {
        font-size: 24px;
        margin-bottom: 25px;
    }
}


/*-----------feature_area_end----------------------*/

/*-------------------iot_product_area------------------*/
.iot_product_area {
    background-image: url(../image/product_bg.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 80px 0;
    width: 100%;
    margin: auto;
}

.iot_product_txt {
    text-align: center;
    max-width: 70%;
    margin: 30px auto;
    line-height: 1.5;
}

.iot_btn_area {
    text-align: center;
}

.iot_btn01 {
    display: block;
    color: #fff;
    background: #182845;
    border: 2px solid #182845;
    border-radius: 50px;
    padding: 10px 20px;
    max-width: 250px;
    margin: auto;
    font-weight: bold;
    text-decoration: none;
    transition: 0.2s;
    text-align: center;
}

.iot_btn01:hover {
    background: transparent;
    color: #182845;
    border-color: #182845;
    text-decoration: none
}

.hbgc_white:hover {
    background: #fff;
}

@media only screen and (max-width: 1050px) {
    .iot_product_area {
        padding: 50px 0;
    }

    .iot_product_txt {
        text-align: center;
        max-width: 95%;
        margin: 0 auto 20px;
        line-height: 1.5;
    }
}

@media only screen and (max-width:690px) {}

/*-------------------iot_product_area_end------------------*/

/*------------------iot_case_area------------------*/
.iot_case_area {
    padding: 3vh 0;
    width: 100%;
    margin: auto;
    background-image: url(../image/case_area_bg.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    margin-bottom: 70px;
}

.iot_title02_02 {
    font-size: 32px;
    font-weight: normal;
    line-height: 1.5;
    text-align: center;
    color: #fff;
    margin: 40px auto;
}

.f_s_wit {
    font-size: 16px;
    color: #fff;
    display: block;
    text-align: center;
    margin-top: 10px;
}

.tab_area_ul {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}

.tab_area_ul li {
    list-style-type: none;
    display: block;
    padding: 14px;
    background: rgba(245, 254, 254, .2);
    color: #fff;
    font-size: 14px;
    line-height: 1.2;
    border-radius: 5px;
    margin-right: 2%;
}

.tab_area_ul li:last-child {
    margin-right: 0;
}

.tab_area_ul li:hover {
    background: #fff;
    color: #2e5cc3;
    cursor: pointer;
}

.tab_con_area {
    background: #fff;
    padding: 50px;
}

.tab_con_col002 {
    display: flex;
    justify-content: space-between;
}

.tab_con_img {
    display: flex;
    flex-wrap: wrap;
    max-width: 49%;
    justify-content: space-between;
    width: 100%;
    height: 300px;
    position: relative;
    overflow: hidden;
}

.tab_con_txt {
    max-width: 49%;
    width: 100%
}

.tab_con_img img {
    position: absolute;
    top: 50%;
    left: 50%;
    max-width: none;
    max-height: 300px;
    width: auto;
    height: auto;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.tab_txt {
    line-height: 1.2;
}

span.tag {
    background-color: #2e5cc3;
    color: #FFF;
    padding: 7px 12px;
    display: inline-block;
    margin-bottom: 10px;
    font-size: 13px;
    border-radius: 3px;
}

@media only screen and (max-width: 1050px) {
    .tab_area_ul {
        max-width: 99%;
        margin: 0 auto 30px;
    }

    .tab_con_area {
        padding: 30px 20px;
    }

    .iot_case_area {
        margin-bottom: 40px;
    }

    .iot_title02_02 {
        margin: 20px auto
    }

    .tab_con_img {
        height: 200px;
    }
}

@media only screen and (max-width:690px) {
    .f_s_wit {
        font-size: 14px;
    }

    .iot_title02_02 {
        font-size: 26px;
    }

    .tab_con_txt {
        max-width: 100%
    }

    .tab_area_ul {
        justify-content: flex-start;
        flex-wrap: wrap;
    }

    .tab_area_ul li {
        text-align: center;
        width: 49%;
        margin-bottom: 5px;
    }

    .tab_area_ul li:nth-child(even) {
        margin-right: 0;
    }

    .tab_area_ul {
        margin-bottom: 20px;
    }

    .tab_con_col002 {
        flex-direction: column
    }

    .tab_con_img {
        max-width: 100%;
        margin-bottom: 20px;
    }

    .tab_con_img img {
        width: 100%;
        min-height: auto;
    }
}

/*------------------iot_case_area_end------------------*/

/*-------------iot_contact_area---------------------*/

.iot_contact_area {
    padding: 80px 0;
    margin: auto;
    width: 100%
}

.iot_title02_03 {
    color: #182845;
    font-size: 25px;
    line-height: 1.5;
    font-weight: bold;
    margin-bottom: 30px;
    text-align: center
}

.con_col003 {
    display: flex;
    justify-content: space-between;

    width: 100%;
    margin-bottom: 40px;
}

.con_col001 {
    max-width: 19%;
    width: 100%;
    border: 2px solid #182845;
    text-align: center;
    padding: 30px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    position: relative;
    transition: 0.3s
}

.con_col003 .con_col001:hover {
    box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.5);
}

.con_col001::after {

    content: "";
    display: block;
    width: 0;
    height: 0;
    border-top: 15px solid #182845;
    border-left: 15px solid transparent;
    border-bottom: 15px solid transparent;
    transform: rotate(90deg);
    position: absolute;
    bottom: -5px;
    right: 10px;
}

.iot_title04_01 {
    font-size: 15px;
    color: #182845;
    line-height: 1.5;
    text-align: center;

}

@media only screen and (max-width: 1050px) {
    .iot_contact_area {
        padding: 50px 15px;

    }

    .iot_title02_03 {
        margin-bottom: 30px;
    }
}

@media only screen and (max-width:690px) {
    .con_col003 {
        flex-direction: column;
        margin-bottom: 0
    }

    .con_col001 {
        max-width: 100%;
        margin-bottom: 20px;
    }
}

/*-----------------------other-------------------------*/

.news_area.iot_news_area {
    background: #e8edf8;
}

.news_area.iot_about_area {
    background: #f5f5f5
}

.news_area.iot_about_area .news_title02 {
    color: #182845
}

.news_area.iot_news_area .news_title02 {
    color: #2e5cc3
}

.news_area.iot_news_area .link_dd a:hover {
    color: #2e5cc3
}

/*------------------------bottom_news_area----------------*/
.bottom_news_area {
    padding: 100px 0;
    background: #f5f5f5;
    width: 100%;
    margin: auto
}

/*iotnews*/
.bottom_news_area .rss_title a:hover {
    color: #2e5cc3 !important;
}

.bottom_news_dl_area {
    margin: 0 auto 40px;
}

.bottom_news_dl {
    display: flex;
    justify-content: flex-start;
    border-bottom: 1px solid #ddd;
    padding: 20px 0
}

.bottom_news_dd {
    margin-left: 30px;
}

@media only screen and (max-width: 1050px) {
    .bottom_news_area {
        padding: 60px 0
    }
}

@media only screen and (max-width:690px) {
    .bottom_news_area {
        padding: 40px 0
    }
}

/*----------------iot_contact_ban_area--------------------*/

.iot_contact_ban_area {
    background: url(../image/iot_contact_ban_bg.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 50px 0;
}

.contact_ban_inner {
    background: rgba(255, 255, 255, .4);
    max-width: 70%;
    margin: auto;
    width: 100%;
    padding: 40px;
}

.contact_ban_col002 {
    display: flex;
    align-items: center;
    width: 550px;
    margin: auto;
    justify-content: space-between;
}

.iot_tel_txt a {
    text-align: center;
    color: #182845;
    font-weight: bold;
    font-size: 40px;
    line-height: 1
}

.iot_tel_f_s {
    font-size: 14px;
    margin-top: 10px;
    display: block;
    font-weight: normal
}

.iot_con_btn01 {
    display: block;
    padding: 10px 20px;
    background: #ffb00f;
    color: #fff;
    text-align: center;
    border-radius: 50px;
    box-shadow: 2px 2px 2px rgba(0, 0, 0, .2);
    width: 230px;
    margin-bottom: 15px;
    border: 2px solid #ffb00f;
    text-decoration: none;
    font-weight: bold
}

.iot_con_btn02 {
    display: block;
    padding: 10px 20px;
    background: #2e5cc3;
    color: #fff;
    text-align: center;
    border-radius: 50px;
    box-shadow: 2px 2px 2px rgba(0, 0, 0, .2);
    width: 230px;
    border: 2px solid #2e5cc3;
    text-decoration: none;
    font-weight: bold
}

.iot_con_btn01:hover {
    background: rgba(255, 255, 255, 0.4);
    color: #eb9c00;
    text-decoration: none;
}

.iot_con_btn02:hover {
    background: rgba(255, 255, 255, 0.4);
    color: #2e5cc3;
    text-decoration: none;
}

@media only screen and (max-width: 1050px) {
    .right_btn_area {
        display: none
    }

    #locator_template_c2.iot_de_locator {
        margin-top: 50px !important;

    }

    #pagetitle.template_c2.iot_template_c2 {
        margin-top: 50px !important;
    }

    .contact_ban_inner {
        max-width: 90%
    }
}

@media only screen and (max-width:690px) {


    .news_area.iot_about_area {
        margin-bottom: 290px !important;
    }

    #top_mainimage.iot_mainimg_area {
        margin-bottom: 0
    }

    #top_mainimage .iot_main_txt .main_lead {
        color: #fff !important;
        text-shadow: 1px 3px 2px rgba(0, 0, 0, 0.5)
    }

    .contact_ban_col002 {
        max-width: 100%;
        flex-direction: column;
        text-align: center
    }

    .iot_con_btn01 {
        margin: 20px auto
    }

    .iot_con_btn02 {
        margin: 20px auto
    }

    .contact_ban_inner {
        padding: 40px 20px;
    }
}

.is-active-div {
    display: block !important
}

.is-active-li {
    background: rgba(255, 255, 255, 0.85) !important;
    color: #2e5cc3 !important;
}

.tab_con_col002_area {
    display: none
}

@media only screen and (max-width:690px) {
    .pagetitle_block.iot_pagetitle_block.iot_pagetitle_block_title02 {
        padding-top: 60px !important;
    }
}

.iot_contact_h_btn {
    max-width: 90% !important;
}

.iot_gnavi_contact_sp a {
    max-width: 90% !important;
}

.top_text_ul {
    display: flex;
    justify-content: flex-end;
    font-size: 13px;
    font-weight: bold;
    padding: 5px 0
}

.iot_gnavi_contact_sp {
    display: none
}

.top_text_ul li {
    list-style-type: none
}

.top_text_ul li a {
    text-decoration: none;
}

.top_text_ul li a:hover {
    text-decoration: underline;
}

.top_text_link001 a {
    color: #091834;
    margin-right: 10px;
}

.top_text_link001 a::after {
    content: ">";
    color: #091834;
    display: inline-block;
    padding-left: 5px;

}

.top_text_link002 a {
    color: #2e5cc3;
    margin-right: 10px;
}

.top_text_link002 a::after {
    content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
    background: url(../image/iot_h_txt_icon02.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    margin-left: 10px;
}

@media only screen and (max-width: 1050px) {
    .iot_sub_nav {
        margin-top: 0px !important;
    }

    #pagetitle .pagetitle_block.iot_pagetitle_block.iot_pagetitle_block_title02 {
        padding-top: 100px;
        max-width: 90% !important;
    }

    #top_mainimage.iot_mainimg_area {
        margin-top: 50px !important;
    }

    .iot_contact_h_btn {
        max-width: 50%;
        text-align: center;
        margin: 20px auto 0;
    }

    .top_text_area {
        display: none
    }

    .iot_gnavi_contact_sp a:last-child {
        margin-bottom: 40px;
    }

    .iot_gnavi_contact_sp {
        display: block
    }
}

.iot_gnavi_contact_sp a {
    display: block;
    padding: 8px 15px !important;
    color: #fff;
    background: #2e5cc3;
    border-radius: 5px;
    max-width: 50%;
    margin: 10px auto;
    text-align: center;
    text-decoration: none;
    font-weight: bold;
    border: 2px solid #2e5cc3
}

.iot_gnavi_contact_sp a:hover {
    background: transparent;
    color: #2e5cc3
}


/*-----------------------------------------------------------------

メインイメージ

-----------------------------------------------------------------*/
#top_mainimage,
#top_mainimage .flexslider .slides>li {
  height:610px;
  width: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  display: block;
  position: relative;
}
.flexslider .slides>li .sp_on {
  display: none;
}
.mainimage01 {
    background-image: url('../image/iot_mainimg001.jpg');
}

.mainimage02 {
    background-image: url('../image/iot_mainimg002.jpg');
}

.mainimage03 {
    background-image: url('../image/iot_mainimg003.jpg');
}

#top_mainimage.iot_mainimg_area {
    margin-top: 100px;
}
#top_mainimage .flexslider .slides>li .pc_on{
  height:610px;
  width: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  display: block;
  position: relative;
}
#top_mainimage.iot_mainimg_area .flexslider .slides>li {
    background-position: center top;
    background-size: cover;
}



@media only screen and (max-width: 1024px) {
#top_mainimage,
#top_mainimage .flexslider .slides>li {
    height: auto;
    width: 100%;
    background: none !important;
    display:block;
    position:relative;
}
#top_mainimage .flexslider .slides>li .pc_on{
  display: none;
}
#top_mainimage .flexslider .slides>li .sp_on {
    width:100%;
    height:auto;
    display: block !important;
}
}


/*-----------------------------------------------------------------

ページタイトル

-----------------------------------------------------------------*/
.iot_pagetitle_block .pagetitle02 {
    color: #2e5cc3;
    margin-left: 0;
}

@media only screen and (max-width: 979px) {
    .iot_pagetitle_block .pagetitle02 {
        margin-left: auto;
    }
}

.title02_bb1red.iot_title02_bb1red {
    border-color: #2e5cc3;
    color: #182845
}

.iot_title03_blb {
    /*
    line-height: 1.4;
    margin-bottom: 20px;
*/
    padding: 0px 0 0px 12px;
    color: #2e5cc3;
    border-left: 4px solid #2e5cc3;
    font-size: 2.0rem;
}

.title04_dlred.iot_title04_dlred::before {
    background: #2e5cc3
}

.title03_fred.iot_title03_fblue {
    color: #2e5cc3;
    font-size: 2.2rem;
}

.textlink_red.iot_text_link_area {
    text-decoration: none;
    position: relative;
    margin-right: 35px;
    color: #182845
}

.dlb_table_08.pink_table.iot_blue_table td:first-child {
    color: #182845;
    background-color: #f5f5f5;
}

.blocks_about {
    margin-top: 200px;
}

#subnav #subnav_title.sb_col2_accordion a {
    padding: 20px 0;
    background: #fff;
    color: #182845;
    border-top: 2px solid #182845;
    border-bottom: 2px solid #f5f5f5;
}

#contents_right #subnav.sb_col2_accordion ul li a {
    border-left: 2px solid #182845;
    margin: 10px 0;
    border-bottom: none;
    color: #182845;

}

#contents_right #subnav.sb_col2_accordion ul#subnav_list.sb_col2_accordion li #subnav_list.sb_col2_accordion li a {
    font-size: 13px;
}

#contents_right #subnav.sb_col2_accordion ul li a:hover {
    color: #182845
}

.is-active-flist {
    display: block !important
}

.loopSlide_list li img {
    height: 200px;
}

.iot_about_area {
    margin-bottom: 250px !important
}

#pagetitle.template_c2 {
    padding: 55px 0 !important
}

#locator_template_c2.iot_de_locator {
    margin-top: 105px;
    position: absolute;
    z-index: 2;
    background-color: transparent !important;
    border: none
}

#pagetitle.template_c2.iot_template_c2 {
    margin-top: 100px;
}


#locator_template_c2.iot_de_locator li a {
    color: #2e5cc3
}

#locator_template_c2.iot_de_locator li {
    color: #2e5cc3
}

#pagetitle.template_c2.iot_template_c2.iot_template_c2_title02 {
    padding: 100px 0 !important
}

.pagetitle_block.iot_pagetitle_block.iot_pagetitle_block_title02 {
    position: absolute !important;
    left: 50%;
    transform: translateX(-50%);
    background-image: url(../image/iot_pagetitle_bg02.jpg);
    background-position: 50% 10%;
    background-repeat: no-repeat;
    background-size: 100%;
    padding: 125px 0 0;
    max-width: 1120px;
    width: 100%;
    background-color: #fff
}

.iot_sub_nav {
    margin-top: 100px;
}


/*============right_btn_area=================*/

.right_btn_area {
    position: fixed;
    right: 0;
    top: 20%;
    z-index: 10
}

.right_btn_ul li {
    list-style-type: none
}

.right_btn_ul li a {
    display: block;
    padding: 20px 12px 10px;
    color: #fff;
    text-decoration: none;
    text-align: center
}

.right_btn_ul li a:first-child {
    background: #2e5cc3
}

.right_btn_ul li a::before {
    content: "";
    width: 35px;
    height: 25px;
    display: block;
    margin: 0 auto 10px;
}

.right_btn_ul li:first-child a::before {
    background: url(../image/right_btn_icon01.png)no-repeat center center;
    background-size: cover
}

.right_btn_ul li:nth-child(2) a::before {
    background: url(../image/common/icon_mail.png)no-repeat center center;
    background-size: cover;
}

.right_btn_ul li:nth-child(3) a::before {
    background: url(../image/right_btn_icon03.png)no-repeat center center;
    background-size: cover;
}

.right_btn_ul li:first-child a:hover {
    background: #0238b1
}

.right_btn_ul li:nth-child(2) a {
    background: #122e6c;
    color: #fff
}

.right_btn_ul li:nth-child(2) a:hover {
    background: #182845;
    color: #fff
}

.right_btn_ul li:nth-child(3) a {
    background: #182845;
    color: #fff
}

.right_btn_ul li:nth-child(3) a:hover {
    background: #091834;
    color: #fff
}


/*----------------------------------------

IOT PRODUCTS 扉
cloudsurveillancecamera.html

-----------------------------------------*/
.door__blocks {
    position: relative;
    margin-bottom: 100px;
}

.door__blocks .bgImg {
    position: relative;
    height: 450px;
    z-index: -1;
    overflow: hidden;
}

.door__blocks .bgImg img {
    position: absolute;
    top: 0;
    left: 50%;
    max-width: none;
    min-height: 450px;
    width: 100%;
    height: auto;
    -webkit-transform: translate(-50%, 0%) scale(1.0);
    -ms-transform: translate(-50%, 0%) scale(1.0);
    transform: translate(-50%, 0%) scale(1.0);
    transition: 0.3s;
}

.door__blocks.bl-hover .bgImg img {
    -webkit-transform: translate(-50%, 0%) scale(1.2);
    -ms-transform: translate(-50%, 0%) scale(1.2);
    transform: translate(-50%, 0%) scale(1.2);
}

.door__blocks .txtArea {
    background-color: rgba(255, 255, 255, 0.9);
    padding: 40px;
    position: absolute;
    bottom: 4rem;
    width: calc(100% - 80px);
    height: 350px;
    left: 50%;
    transform: translateX(-50%);
    box-shadow: 0 0 40px -10px #999;
    transition: 0.3s;
}

.door__blocks.bl-hover .txtArea {
    box-shadow: 0 0 40px -5px #666;
    bottom: -2rem;
}

.door__blocks .Titl,
.door__blocks .Titl a {
    font-size: 28px;
    line-height: 1.4;
    margin-bottom: 20px;
    text-align: center;
}

@media only screen and (max-width: 690px) {

    .door__blocks .Titl,
    .door__blocks .Titl a {
        font-size: 20px;
    }

    .door__blocks .Titl br {
        display: none;
    }

    .door__blocks {
        background: url(../image/product_door_bg.jpg)no-repeat center top /cover;
        margin-bottom: 80px;
    }

    .door__blocks .txtArea {
        position: relative;
        bottom: auto;
        top: 0;
        width: 90%;
        height: auto;
    }

    .door__blocks .bgImg {
        display: none;
    }
}


/*クラウド型監視カメラ「MAMORY」のメリット*/
.mrt__wrap {
    position: relative;
    margin-bottom: 60px;
    background: url(../image/img_mrt__blocks_bg.jpg)no-repeat center top /cover;
}

#tinymce .mrt__wrap {
    position: relative;
}

.mrt__blocks .inner {
    padding: 50px 0 20px;
    width: 90%;
}

.mrt__blocks .col004_box .col001_box {
    background: rgba(255, 255, 255, 0.9);
    border: none;
    box-shadow: 2px 2px 20px #000;
    border-radius: 3px;
}

.mt__ {
    margin-top: 55vh;
}

@media only screen and (max-width: 690px) {
    .mrt__wrap {
        position: relative;
        top: auto;
        width: 100%;
        left: auto;
        transform: translateX(0%);
    }

    .mrt__blocks .inner {
        padding: 40px 0 10px;
        width: 85%;
    }

    .mt__ {
        margin-top: 0;
    }
}

/*ラインナップ*/
.lineup__List .col {
    padding: 40px;
}

@media only screen and (max-width: 690px) {}

.fnav_unit_l {
    width: 20%;
}

/*-----------------------------------------------------------------

ボタン　btn

-----------------------------------------------------------------*/
.bttn a,
.bttn_s a,
.bttn_inlineb a {
    display: inline-block;
    padding: 16px 1.5em 16px 2.5em;
    ;
    text-align: center;
    position: relative;
    border-width: 1px;
    border-style: solid;
    border-radius: 5px;
}

.bttn a {
    max-width: 400px;
    width: 100%;
}

.bttn_s a {
    min-width: 320px;
}

.bttn_inlineb a {
    min-width: 400px;
    display: inline-block;
    padding: 16px 4em 16px 5em;
}

@media only screen and (max-width: 690px) {
    .bttn a {
        padding: 12px .5em;
        min-width: 200px;
    }
}

.bttn a::before,
.bttn_s a::before,
.bttn_inlineb a::before {
    content: '';
    width: 6px;
    height: 6px;
    border: 0px;
    border-width: 2px 2px 0 0;
    border-style: solid;
    transform: rotate(45deg);
    position: absolute;
    top: calc(50% - 5px);
    left: 7%;
    transition: all .2s ease-in 0s;
}

@media all and (-ms-high-contrast: none) {
    .txt_link.arr a::before {
        top: calc(50% - 7px);
    }
}

.bttn a:hover,
.bttn_s a:hover,
.bttn_inlineb a:hover {
    text-decoration: none;
}

.bttn a:hover::before,
.bttn_inlineb a:hover::before {
    left: 8%;
}

.bttn_sbs {
    display: flex;
}

.bttn_sbs .bttn+.bttn {
    margin-left: 8px;
}

@media only screen and (max-width: 690px) {
    .bttn_sbs {
        display: block;
    }

    .bttn_sbs .bttn+.bttn {
        margin-left: 0;
        margin-top: 8px;
    }
}

/*COLOR*/
.bttn a,
.bttn_s a,
.dlb_btn a {
    border-color: #2e5cc3;
    color: #2e5cc3;
    background-color: rgba(255, 255, 255, 0.7);
    border-color: currentColor;
}

.bttn a:hover,
.bttn_s a:hover,
.dlb_btn a:hover {
    background-color: #2e5cc3;
    color: #ffffff;
    border-color: #2e5cc3;
}

.bttn_bg a {
    text-decoration: none;
    background-color: #2e5cc3;
    color: #ffffff;
}

.bttn_bg a:hover {
    background-color: #2e5cc3;
}


.bttn {
    text-align: center;
}

/* ### ### ###mainImg### ### ### */
.mainImgLogoArea {
    position: relative;
    margin-top: 20px;
}
.flexslider .slides .mainImgLogoArea img {
    width: auto;
    max-width: 80%;
    margin-left: auto;
    margin-right: auto;
    display: block;
}
.mainimage03Area {
    position: relative;
    background: #fff;
    z-index: 1;
}
.mainimage03Area::after {
    content: "";
    display: block;
    width: 100%;
    height: 72%;
    background: rgba(182,213,106,1);
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -1;
}
.mainImgArea{
    margin-top: 50px;
}
@media only screen and (max-width: 1024px) {

.mainImgLogoArea {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}
.mainimage03Area::after {
    height: 67%;
}
.mainImgArea img{
    max-width: 70%;
    margin-left: auto;
    margin-right: auto;    
}
}
@media only screen and (max-width: 980px) {

.mainImgLogoArea {
    width: 100%;
}
.mainimage03Area::after {
    height: 67%;
}
.flexslider .slides .mainImgLogoArea img {
    max-width: 90%;
}
.mainImgArea img{
    max-width: 90%;  
}
}
@media only screen and (max-width: 690px) {
.mainImgArea {
    margin-top: 70px;
}
.mainImgLogoArea {
    width: 100%;
}
.mainimage03Area::after {
    height: 67%;
}
.flexslider .slides .mainImgLogoArea img {
    max-width: 100%;
}
.mainImgArea img{
    max-width: 100%;  
}
}