@charset "utf-8";

/*-------------------top-------------------*/
.bg_top{
    background: url("../images/top/bg_top01.png") no-repeat top center;
    padding: 105px 0 45px;
}
.trouble_tit{
    font-size: 30px;
    font-weight: 700;
    color: #fff;
    line-height: 1.26;
    text-align: center;
    margin-bottom: 50px;
}
.trouble ul{
    margin: 0 0 0 -8px;
}
.trouble li{
    float: left;
    width: 33.33%;
    padding-left: 8px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.trouble li:nth-child(3) .listbtn{
    padding-left: 10px;
}
.trouble .listbox{
    background: #fff;
    box-shadow: 0 0 5px rgba(0,0,0,0.2);
    padding: 78px 0 52px;
    text-align: center;
}
.trouble .listtit{
    font-size: min(1.8vw,20px);
    line-height: 1.3;
}
.trouble .listimg{
    margin: 20px 0 34px;
}
.trouble .listimg img{
    height: 68px;
}
.btn a{
    display: inline-block;
    width: 110px;
    line-height: 35px;
    border: 1px solid #e2e8f0;
    font-size: 13px;
    text-align: center;
    color: #000;
    background: url("../images/icon/arrow_sr.svg") no-repeat right 12px center #fff;
    -webkit-background-size: 6px;
    background-size: 6px;
}
.btn01 a{
    border: 2px solid #1379c0;
    display: inline-block;
    width: 110px;
    line-height: 65px;
    font-size: 20px;
    text-align: center;
    color: #fff;
    background: url("../images/icon/arrow_sr_wh.svg") no-repeat right 30px center #1379c0;
    -webkit-background-size: 6px;
    background-size: 6px;
}

.btn01.btn_more a {
    background: #1379c0;
    position: relative;
}

.btn01.btn_more a:before {
    position: absolute;
    content: '';
    width: 12px;
    height: 12px;
    background: url("../images/icon/arrow_sr_wh.svg") no-repeat center;
    -webkit-background-size: 6px;
    background-size: 6px;
    right: 30px;
    top: 50%;
    transform: translate(0,-50%) rotate(90deg);
}
a:hover{
    text-decoration: none;
}
.btn a:hover{
    border: 1px solid #1379c0;
    color: #fff;
    background: url("../images/icon/arrow_sr_wh.svg") no-repeat right 12px center #1379c0;
    -webkit-background-size: 6px;
    background-size: 6px;
}
.btn01 a:hover{
    border: 2px solid #1379c0;
    color: #1379c0;
    background: url("../images/icon/arrow_sr_blue.svg") no-repeat right 30px center #fff;
    -webkit-background-size: 6px;
    background-size: 6px;
}

.btn01.btn_more a:hover {
    background: #fff;
}

.btn01.btn_more a:hover:before {
    position: absolute;
    content: '';
    width: 12px;
    height: 12px;
    background: url("../images/icon/arrow_sr_blue.svg") no-repeat center;
    -webkit-background-size: 6px;
    background-size: 6px;
    right: 30px;
    top: 50%;
    transform: translate(0,-50%) rotate(90deg);
}
.top_business{
    margin-top: 80px;
    padding-top: 120px;
}
.top_business_tit{
    text-align: center;
}
.top_business_tit .en{
    display: block;
    text-align: center;
}
.top_business_tit .en img{
    width: 485px;
}
.top_business_tit .ja{
    font-size: 19px;
    font-weight: 700;
    line-height: 1.3;
    display: block;
    margin: 16px 0 5px;
}
.top_business_tit .ja b{
    font-size: 28px;
}
.top_business_tit .ja01{
    font-size: 18px;
    line-height: 1.3;
    display: block;
}
.top_business_img{
    position: relative;
    top: max(-8vw,-130px);
    text-align: center;
    margin-bottom: max(-8vw,-130px);
}
.top_business_img01{
    text-align: center;
    position: relative;
    top: -10px;
    margin-bottom: -10px;
}
.top_business ul{
    margin-top: 36px;
    display: flex;
    justify-content: space-between;
}
.top_business ul > li{
    width: 154px;
}
.top_business .listtop{
    background: url("../images/top/bg_top02.png") no-repeat top center;
    padding: 33px 0 0;
    height: 115px;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.top_business .listico{
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 2;
}
.top_business .listico img{
    width: 70px;
}
.top_business .listtit{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 58px;
    text-align: center;
    font-size: 15px;
    line-height: 1.3;
    color: #fff;
    font-weight: 700;
}
.top_business .listdes{
    background: #f0f2f3;
    padding: 20px 10px 15px;
    margin-top: -13px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.top_business .listtxt{
    font-size: 13px;
    color: #1379c0;
    line-height: 1.3;
    margin-left: 0 !important;
}
.top_business ol{
    margin-top: 12px;
    padding-top: 8px;
    border-top: 1px solid #fff;
}
.top_business ol li{
    font-size: 12px;
    line-height: 1.7;
    padding-left: 14px;
    background: url("../images/icon/ico_check.png") no-repeat left top 6px;
}
.top_business ol li a{
    color: #000;
    font-size: 12px;
    line-height: 1.7;
}
.top_business ol li a:hover{
    text-decoration: underline;
}
.top_business .listbtn{
    margin-top: 10px;
}
.top_business .listbtn a{
    width: 100%;
    display: inline-block;
}
.trustee{
    background: url("../images/top/bg_top03.png") no-repeat top center;
    padding: 64px 0 34px;
}
.trustee_tit{
    font-size: 26px;
    font-weight: 700;
    color: #fff;
    text-align: center;
    margin-bottom: 18px;
}
.trustee ul{
    display: flex;
    justify-content: space-between;
}
.trustee ul li{
    width: 372px;
    position: relative;
}
.trustee ul li .listimg{
    background: #fff;
}

.trustee ul li .listimg img {
    height: 248px;
    width: 100%;
    object-fit: cover;
    object-position: top;
}
.trustee ul .listdes{
    position: relative;
    background: #fff;
    padding: 40px 0 32px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.trustee ul .listico{
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 2;
}
.trustee ul .listico img{
    width: 36px;
}
.trustee ul .listtit{
    font-size: 18px;
    font-weight: 700;
    text-align: center;
}
.trustee ul .listtit span{
    font-size: 16px;
    font-weight: 400;
    display: block;
}
.trustee_btn{
    margin-top: 20px;
    text-align: center;
}
.trustee_btn a{
    display: inline-block;
    width: 510px;
    line-height: 64px;
    text-align: center;
    font-size: 20px;
    color: #000;
    background: url("../images/icon/arrow_sr_w.svg") no-repeat right 105px center #fff;
    -webkit-background-size: 30px;
    background-size: 30px;
}
.trustee_btn a:hover{
    background: url("../images/icon/arrow_sr_w_wh.svg") no-repeat right 105px center #1379c0;
    -webkit-background-size: 30px;
    background-size: 30px;
    color: #fff;
}
.top_info{
    background: url("../images/top/bg_top05.png") no-repeat top center;
    padding: 110px 0 230px;
}
.top_info_box{
    margin-top: 16px;
}
.top_info_box dl{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.top_info_box dl+dl{
    margin-top: 20px;
}
.top_info_box dt{
    display: flex;
    width: 325px;
    background: #fff;
    justify-content: left;
    align-items: center;
    padding: 10px 0;
    height: 100px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.top_info_box dd{
    width: calc(100% - 327px);
    background: url("../images/icon/arrow_sr_w.svg") no-repeat right 50px center #fff;
    -webkit-background-size: 30px;
    background-size: 30px;
    padding-left: 20px;
    height: 100px;
    display: flex;
    justify-content: space-between;
    font-size: 16px;
    align-items: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 100px;

}
.top_info_box dd a{
    color: #000;
    display: block;
}

.top_info_box dd a.tit {
    width: calc(100% - 30px);
}

.top_info_box dd .non-pdf {
    display: none;
}


.top_info_box .time{
    font-size: 13px;
    width: 38px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    -webkit-writing-mode: vertical-rl;
    writing-mode: tb-rl;
}
.top_info_box .dec{
    padding: 20px 30px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-left: 1px solid #f0f2f3;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.top_info_box .dec .num{
    font-size: 18px;
    width: calc(100% - 110px);
    margin-right: 1rem;
}
.top_info_box .dec .num span{
    font-size: 26px;
    display: block;
    line-height: 1;
}
.top_info_box .dec .tag{
    width: 100px;
    line-height: 20px;
    background: #f1f5f9;
    text-align: center;
    font-size: 14px;
    color: #1379c0;
    display: inline-block;
    border: 1px solid #e2e8f0;
}
.color02{
    color: #1379c0 !important;
}

.top_info_box dl:hover dd{
    background: url("../images/icon/arrow_sr_w_blue.svg") no-repeat right 50px center #fff;
    -webkit-background-size: 30px;
    background-size: 30px;
}

.top_info_box .no_link dd,
.top_info_box .no_link:hover dd {
    background: #fff;
}
.top_info_box dl:hover{
    color: #1379c0;
}
.top_info_box dl:hover dd a{
    color: #1379c0;
}
.top_info_box .no_link:hover {
    color: #000;
}
.top_info_btn{
    margin-top: 20px;
    text-align: right;
}
.top_info_btn a{
    font-size: 16px;
    color: #000;
}
.top_info_btn a img{
    vertical-align: middle;
    margin-right: 5px;
}
.pageinner{
    padding: 0 100px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.com_link ul{
    display: flex;
    position: relative;
    top: -190px;
    margin-bottom: -190px;
    justify-content: space-between;
}
.com_link li{
    width: 49.5%;
    height: 386px;
    padding: 80px 20px 20px 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.com_link li:nth-child(1){
    display: flex;
    justify-content: flex-end;
    background: url("../images/top/bg_link01.png") no-repeat top center;
    background-size: cover;
}
.com_link li:nth-child(2){
    justify-content: flex-start;
    background: url("../images/top/bg_link02.png") no-repeat top center;
    background-size: cover;
}
.com_link li .listtit{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.com_link li .listbox{
    width: 66.5%;
    color: #fff;
}
.com_link li .listbox .tit{
    font-size: 20px;
    font-weight: 700;
    line-height: 1.2;
}
.com_link li .listbox .tit span{
    font-size: 30px;
    font-weight: 700;
    display: block;
}
.com_link li .listbox .num{
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    background: #fff;
    border-radius: 50%;
    width: 82px;
    height: 82px;
    font-weight: 700;
    color: #1379c0;
    line-height: 1.1;
}
.com_link li .listbox .num .year{
    font-size: 16px;
}
.com_link li .listbox .num .year span{
    font-size: 20px;
    font-weight: 700;
}
.com_link li .listbox .num .year_txt{
    font-size: 20px;
}

.com_link_txt{
    margin-top: 15px;
    font-size: 15px;
    margin-bottom: 26px;
}
.com_link_btn a{
    display: block;
    width: 100%;
    font-size: 15px;
    text-align: center;
    line-height: 50px;
    color: #000;
    background: url("../images/icon/arrow_sr.svg") no-repeat right 16px center #FFF;
    -webkit-background-size: 6px;
    background-size: 6px;
    box-shadow: 0 0 3px rgba(0,0,0,0.1);
}
.com_link_btn+.com_link_btn{
    margin-top: 10px;
}
.com_link_btn a:hover{
    color: #fff;
    background: url("../images/icon/arrow_sr_wh.svg") no-repeat right 16px center #1379c0;
    -webkit-background-size: 6px;
    background-size: 6px;
}
.other_link{
    margin-top: 30px;
}
.other_link ul{
    display: flex;
    justify-content: space-between;
}
.other_link ul li{
    width: 33%;
    height: 277px;
}
.other_link ul li:nth-child(1){
    background: url("../images/top/bg_other_link01.png") no-repeat left bottom;
    background-size: cover;
}
.other_link ul li:nth-child(2){
    background: url("../images/top/bg_other_link02.png") no-repeat left bottom;
    background-size: cover;
}
.other_link ul li:nth-child(3){
    background: url("../images/top/bg_other_link03.png") no-repeat left bottom;
    background-size: cover;
}
.other_link ul li .listbox{
    height: 270px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.other_link ul .listtit{
    font-size: 24px;
    font-weight: 700;
    text-align: center;
    line-height: 1.2;
}
.other_link ul .listbtn{
    margin-top: 10px;
    text-align: center;
}
.other_link ul .listbtn a{
    display: inline-block;
    width: 220px;
    line-height: 50px;
    text-align: center;
    font-size: 15px;
    color: #000;
    box-shadow: 0 0 5px rgba(0,0,0,0.1);
    background: url("../images/icon/arrow_sr.svg") no-repeat right 20px center #fff;
    -webkit-background-size: 6px;
    background-size: 6px;
}
.other_link ul .listbtn a:hover{
    background: url("../images/icon/arrow_sr_wh.svg") no-repeat right 20px center #1379c0;
    -webkit-background-size: 6px;
    background-size: 6px;
    color: #fff;
}
.top_recruit{
    margin-top: 130px;
    position: relative;
    height: 550px;
    background: url("../images/top/bg_top06.jpg") no-repeat top center;
    background-size: cover;
}
.top_recruit_box{
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: 2;
    width: 520px;
    padding: 0 50px;
    height: 550px;
    display: flex;
    justify-content: left;
    padding-top: 208px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.top_recruit_pos{
    position: absolute;
    top: -104px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 2;
    width: 759px;
}
.top_recruit_tit{
    font-size: 22px;
    font-weight: 700;
    line-height: 1.2;
}
.top_recruit_box .box{
    width: 100%;
}
.top_recruit_tit span{
    display: block;
    font-size: 38px;
}
.top_recruit_txt{
    margin: 10px 0 60px;
    font-size: 16px;
}
.top_recruit_btn{
    text-align: right;
}
.top_recruit_btn a{
    font-size: 15px;
    color: #000;
    text-align: right;
}
.top_recruit_btn a img{
    width: 60px;
    vertical-align: middle;
    margin-left: 12px;
}
@media screen and (max-width: 1600px) {
    .top_recruit_pos {
        width: 45vw;
    }
    .top_recruit {
        margin-top: 130px;
        position: relative;
        height: 550px;
        background: url(../images/top/bg_top06_02.jpg) no-repeat top center;
    }
}

@media screen and (max-width: 1500px) {
.com_link li .listbox .tit span{
    font-size: 2vw;
    font-weight: 700;
    display: block;
}
}

@media screen and (max-width: 1380px) {
.com_link li .listbox .tit span{
    font-size: 1.8vw;
    font-weight: 700;
    display: block;
}
.com_link_txt {
    font-size: 1.1vw;
}
}



@media screen and (max-width: 1300px) {
    .top_recruit {
        height: 42vw;
        background: url(../images/top/bg_top06_02.jpg) no-repeat top center;
        background-size: 110% 42vw;
    }

    .top_recruit_box {
        width: 48vw;
        padding: 0 3vw;
        height: 42vw;
        align-items: center;
        padding-top: 5vw;
    }

    .top_recruit_tit {
        font-size: 2vw;
    }

    .top_recruit_tit span {
        font-size: 3.5vw;
    }
    .com_link li {
        padding-top: 5vw;
    }

    .com_link li .listbox {
        width: auto;
    }
}

@media screen and (max-width: 767px) {
    .bg_top{
        background: none;
        padding: 0;
    }
    .trouble{
        background: url("../images/top/sp_bg_top01.png") no-repeat top center;
        -webkit-background-size: cover;
        background-size: cover;
        padding: 137px 0 30px;
    }
    .trouble_tit{
        font-size: 15px;
        font-weight: 700;
        color: #fff;
        line-height: 1.26;
        text-align: center;
        margin-bottom: 11px;
    }
    .trouble ul{
        margin: 0 0 0 0;
    }
    .trouble li{
        float: none;
        width: 100%;
        padding-left: 0;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .trouble li+li{
        margin-top: 5px;
    }
    .trouble .listbox{
        background: #fff;
        box-shadow: 0 0 3px rgba(0,0,0,0.2);
        padding: 23px 25px 23px 0;
        text-align: center;
        display: flex;
        justify-content: left;
        align-items: center;
    }
    .trouble .listbox .box{
        width: calc(100% - 100px);
        text-align: center;
    }
    .trouble .listbtn{
        width: 100px;
    }
    .trouble .listtit{
        font-size: 14px;
        line-height: 1.3;
    }
    .trouble li:nth-child(3) .listbtn{
        padding-left: 0;
    }
    .trouble .listimg{
        margin: 5px 0 0;
    }
    .trouble .listimg img{
        height: 30px;
    }
    .btn a{
        display: inline-block;
        width: 95px;
        line-height: 35px;
        border: 1px solid #e2e8f0;
        font-size: 12px;
        text-align: center;
        color: #000;
        background: url("../images/icon/arrow_sr.svg") no-repeat right 8px top 13px #fff;
        -webkit-background-size: 6px;
        background-size: 6px;
    }
    a:hover{
        text-decoration: none;
    }
    .btn a:hover{
        border: 1px solid #1379c0;
        color: #fff;
        background: url("../images/icon/arrow_sr_wh.svg") no-repeat right 12px center #1379c0;
        -webkit-background-size: 6px;
        background-size: 6px;
    }
    .btn01.btn_more a:before {
        right: 12px;
    }

    .btn01.btn_more a:hover:before {
        right: 12px;
    }
    .top_business{
        margin-top: 0;
        padding-top: 70px;
        padding-bottom: 20px;
        background: url("../images/top/sp_bg_top02.png") no-repeat top center #fff;
        -webkit-background-size: 100%;
        background-size: 100%;
    }
    .top_business_tit{
        text-align: center;
    }
    .top_business_tit .en{
        display: block;
        text-align: center;
    }
    .top_business_tit .en img{
        width: 200px;
    }
    .top_business_tit .ja{
        font-size: 12px;
        font-weight: 700;
        line-height: 1.3;
        display: block;
        margin: 4px 0 10px;
    }
    .top_business_tit .ja b{
        font-size: 18px;
    }
    .top_business_img{
        position: relative;
        top: 0;
        text-align: center;
        margin-bottom: 0px;
    }
    .top_business_img01{
        display: none;
    }
    .top_business ul{
        margin-top: 25px;
        display: block;
        justify-content: space-between;
    }
    .top_business ul > li{
        width: 100%;
    }
    .top_business ul > li+li{
        margin-top: 25px;
    }
    .top_business .listtop{
        background: url(../images/top/sp_bg_top03.png) no-repeat top center;
        -webkit-background-size: contain;
        background-size: cover;
        padding: 12px 0 0;
        height: -webkit-fill-available;
        cursor: pointer;
        position: relative;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        height: 55px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .top_business .listtop:before{
        background: url("../images/top/ico_top03.png") no-repeat 0 0;
        -webkit-background-size: contain;
        background-size: contain;
        width: 20px;
        height: 20px;
        top: 50%;
        transform: translateY(-50%);
        right: 15px;
        content: '';
        z-index: 2;
        position: absolute;
    }
    .top_business .listtop.on:before{
        background: url("../images/top/ico_top04.png") no-repeat 0 0;
        -webkit-background-size: contain;
        background-size: contain;
        width: 20px;
        height: 20px;
        top: 50%;
        transform: translateY(-50%);
        right: 15px;
        content: '';
        z-index: 2;
        position: absolute;
    }
    .top_business .listico{
        position: absolute;
        top: 0;
        left: 50%;
        transform: translate(-50%,-50%);
        z-index: 2;
    }
    .top_business .listico img{
        width: 35px;
    }
    .top_business .listtit{
        display: block;
        justify-content: center;
        align-items: center;
        height: auto;
        text-align: center;
        font-size: 12px;
        line-height: 1.3;
        color: #fff;
        font-weight: 700;
    }
    .top_business .listdes{
        display: none;
        background: #f0f2f3;
        padding: 25px 20px 20px;
        margin-top: 0;
        position: relative;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .top_business .listdes:before{
        background: url("../images/top/ico_top02.png") no-repeat 0 0;
        -webkit-background-size: contain;
        background-size: contain;
        width: 22px;
        height: 20px;
        left: 50%;
        transform: translateX(-50%);
        top: -1px;
        content: '';
        z-index: 2;
        position: absolute;
    }
    .top_business .listtxt{
        font-size: 12px;
        color: #1379c0;
        font-weight: 700;
        text-align: center;
        line-height: 1.3;
    }
    .top_business ol{
        margin-top: 15px;
        padding-top: 10px;
        display: flex;
        justify-content: left;
        flex-wrap: wrap;
        border-top: 1px solid #fff;
    }
    .top_business ol li{
        font-size: 12px;
        margin-right: 12px;
        line-height: 1.7;
        padding-left: 14px;
        background: url("../images/icon/ico_check.png") no-repeat left top 8px;
    }
    .top_business .listbtn{
        margin-top: 10px;
    }
    .top_business .listbtn a{
        width: 100%;
        display: inline-block;
        line-height: 45px;
        font-size: 14px;
        background: url(../images/icon/arrow_sr.svg) no-repeat right 20px center #fff;
        -webkit-background-size: 10px;
        background-size: 10px;
    }
    .trustee{
        background: url("../images/top/sp_bg_top04.png") no-repeat bottom center #012c58;
        -webkit-background-size: 100%;
        background-size: 100%;
        padding: 40px 0 50px;
    }
    .trustee_tit{
        font-size: 20px;
        font-weight: 700;
        color: #fff;
        text-align: center;
        margin-bottom: 14px;
    }
    .trustee ul{
        display: block;
        justify-content: space-between;
    }
    .trustee ul li{
        width: 100% ;
        position: relative;
    }
    .trustee ul li+li{
        margin-top: 10px;
    }
    .trustee ul .listbox{
        display: flex;
        justify-content: left;
    }
    .trustee ul .listimg{
        width: 175px;
    }

    .trustee ul li .listimg img {
        height: 117px;
    }

    .trustee ul .listdes{
        width: calc(100% - 175px);
        display: flex;
        justify-content: center;
        align-items: center;
        position: relative;
        background: #fff;
        padding: 0;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .trustee ul .listico{
        position: absolute;
        top: 50%;
        left: 0;
        transform: translate(-50%,-50%);
        z-index: 2;
    }
    .trustee ul .listico img{
        width: 22px;
    }
    .trustee ul .listtit{
        font-size: 13px;
        font-weight: 700;
        text-align: center;
    }
    .trustee ul .listtit span{
        font-size: 15px;
        font-weight: 700;
        display: block;
    }
    .trustee_btn{
        margin-top: 25px;
        text-align: center;
    }
    .trustee_btn a{
        display: inline-block;
        width: 230px;
        line-height: 50px;
        text-align: center;
        font-size: 14px;
        color: #000;
        background: url("../images/icon/arrow_sr_w.svg") no-repeat right 14px center #fff;
        -webkit-background-size: 26px;
        background-size: 26px;
    }
    .trustee_btn a:hover{
        background: url("../images/icon/arrow_sr_w_wh.svg") no-repeat right 14px center #1379c0;
        -webkit-background-size: 26px;
        background-size: 26px;
        color: #fff;
    }
    .top_info{
        background: url("../images/top/sp_bg_top05.png") no-repeat top center #f0f2f3;
        -webkit-background-size: 100%;
        background-size: 100%;
        padding: 56px 0 25px;
    }
    .top_info_box{
        margin-top: 8px;
    }
    .top_info_box dl{
        display: block;
    }
    .top_info_box dl+dl{
        margin-top: 5px;
    }
    .top_info_box dt{
        display: flex;
        width: 100%;
        background: #fff;
        justify-content: left;
        align-items: center;
        padding: 5px 0;
        margin-bottom: 2px;
        height: 50px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .top_info_box dd{
        width: 100%;
        background: url("../images/icon/arrow_sr_w.svg") no-repeat right 20px center #fff;
        -webkit-background-size: 26px;
        background-size: 26px;
        padding-left: 20px;
        padding-right: 60px;
        height: 50px;
        display: flex;
        justify-content: left;
        font-size: 14px;
        align-items: center;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding-right: 50px;
    }
    .top_info_box dd a{
        color: #000;
    }

    .top_info_box dd a.pdf_link img {
        width: 15px;
    }
    .top_info_box .time{
        font-size: 12px;
        width: 63px;
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: center;
        -webkit-writing-mode: horizontal-tb;
        writing-mode: horizontal-tb;
    }
    .top_info_box .dec{
        width: auto;
        padding: 10px 15px 10px 15px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        border-left: 1px solid #f0f2f3;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .top_info_box .dec .num{
        font-size: 12px;
        width: auto;
    }
    .top_info_box .dec .num span{
        font-size: 20px;
        display: inline-block;
        font-weight: 700;
        line-height: 1;
        margin-left: 3px;
    }
    .top_info_box .dec .tag{
        width: 80px;
        line-height: 20px;
        background: #f1f5f9;
        text-align: center;
        font-size: 13px;
        color: #1379c0;
        display: inline-block;
        border: 1px solid #e2e8f0;
    }

    .top_info_box dl:hover dd{
        background: url(../images/icon/arrow_sr_w_blue.svg) no-repeat right 20px center #fff;
        -webkit-background-size: 26px;
        background-size: 26px;
    }
    .top_info_box dl:hover{
        color: #1379c0;
    }
    .top_info_box dl:hover dd a{
        color: #1379c0;
    }
    .top_info_btn{
        margin-top: 25px;
        text-align: center;
    }
    .top_info_btn a{
        display: inline-block;
        width: 220px;
        line-height: 50px;
        font-size: 14px;
        color: #000;
        background: #fff;
    }
    .top_info_btn a img{
        vertical-align: middle;
        margin-left: 5px;
        margin-right: 0;
    }
    .com_link{
        padding: 20px 0;
    }
    .pageinner{
        padding: 0 20px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .com_link ul{
        display: block;
        position: relative;
        top: 0;
        margin-bottom: 0;
        justify-content: space-between;
    }
    .com_link li{
        width: 100%;
        height: 285px;
        padding: 25px 20px 30px 20px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .com_link li+li{
        margin-top: 20px;
    }
    .com_link li:nth-child(1){
        display: flex;
        justify-content: flex-end;
        background: url("../images/top/bg_link01.png") no-repeat top center;
        -webkit-background-size: cover;
        background-size: cover;
    }
    .com_link li:nth-child(2){
        justify-content: flex-start;
        background: url("../images/top/bg_link02.png") no-repeat top center;
        -webkit-background-size: cover;
        background-size: cover;
    }
    .com_link li .listtit{
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .com_link li .listbox .num{
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
        background: #fff;
        border-radius: 50%;
        width: 58px;
        height: 58px;
        font-weight: 700;
        color: #1379c0;
        line-height: 1.1;
    }
    .com_link li .listbox .num .year{
        font-size: 12px;
    }
    .com_link li .listbox .num .year span{
        font-size: 14px;
        font-weight: 700;
    }
    .com_link li .listbox .num .year_txt{
        font-size: 14px;
    }



    .com_link li .listbox{
        width: 100%;
        color: #fff;
    }
    .com_link li .listbox .tit{
        font-size: 14px;
        font-weight: 700;
        line-height: 1.2;
    }
    .com_link li .listbox .tit span{
        font-size: 20px;
        font-weight: 700;
        display: block;
    }
    .com_link_txt{
        margin-top: 16px;
        font-size: 12px;
        margin-bottom: 16px;
    }
    .com_link_btn{
        text-align: center;
    }
    .com_link_btn a{
        display: inline-block;
        width: 250px;
        font-size: 14px;
        text-align: center;
        line-height: 50px;
        color: #000;
        background: url("../images/icon/arrow_sr.svg") no-repeat right 14px center #FFF;
        -webkit-background-size: 6px;
        background-size: 6px;
        box-shadow: 0 0 3px rgba(0,0,0,0.1);
    }
    .com_link_btn+.com_link_btn{
        margin-top: 5px;
    }
    .com_link_btn a:hover{
        color: #fff;
        background: url("../images/icon/arrow_sr_wh.svg") no-repeat right 14px center #1379c0;
        -webkit-background-size: 6px;
        background-size: 6px;
    }
    .other_link{
        margin-top: 0;
    }
    .other_link ul{
        display: block;
        justify-content: space-between;
    }
    .other_link ul li{
        width: 100%;
        height: 160px;
    }
    .other_link ul li+li{
        margin-top: 20px;
    }
    .other_link ul li:nth-child(1){
        background: url("../images/top/bg_other_link01.png") no-repeat left center;
        -webkit-background-size: cover;
        background-size: cover;
    }
    .other_link ul li:nth-child(2){
        background: url("../images/top/bg_other_link02.png") no-repeat left center;
        -webkit-background-size: cover;
        background-size: cover;
    }
    .other_link ul li:nth-child(3){
        background: url("../images/top/bg_other_link03.png") no-repeat left center;
        -webkit-background-size: cover;
        background-size: cover;
    }
    .other_link ul li .listbox{
        height: 160px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .other_link ul .listtit{
        font-size: 18px;
        font-weight: 700;
        text-align: center;
        line-height: 1.2;
    }
    .other_link ul .listbtn{
        margin-top: 10px;
        text-align: center;
    }
    .other_link ul .listbtn a{
        display: inline-block;
        width: 180px;
        line-height: 40px;
        text-align: center;
        font-size: 14px;
        color: #000;
        box-shadow: 0 0 5px rgba(0,0,0,0.1);
        background: url("../images/icon/arrow_sr.svg") no-repeat right 20px center #fff;
        -webkit-background-size: 6px;
        background-size: 6px;
    }
    .other_link ul .listbtn a:hover{
        background: url("../images/icon/arrow_sr_wh.svg") no-repeat right 20px center #1379c0;
        -webkit-background-size: 6px;
        background-size: 6px;
        color: #fff;
    }
    .top_recruit{
        margin-top: 130px;
        position: relative;
        height: auto;
        background: none;
        -webkit-background-size: 100%;
        background-size: 100%;
    }
    .top_recruit_box{
        position: absolute;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        z-index: 2;
        width: 52vw;
        padding: 0;
        height: 75.7vw;
        display: flex;
        justify-content: center;
        text-align: center;
        align-items: center;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .top_recruit_pos{
        position: absolute;
        top: -100px;
        left: 50%;
        transform: translateX(-50%);
        z-index: 2;
        width: 330px;
    }
    .top_recruit_tit{
        font-size: 13px;
        font-weight: 700;
        line-height: 1.2;
    }
    .top_recruit_box .box{
        width: 100%;
    }
    .top_recruit_tit span{
        display: block;
        font-size: 21px;
        margin-top: 10px;
    }
    .top_recruit_txt{
        margin: 10px 0 25px;
        font-size: 13px;
    }
    .top_recruit_btn{
        text-align: center;
    }
    .top_recruit_btn a{
        font-size: 13px;
        color: #000;
        text-align: center;
    }
    .top_recruit_btn a img{
        width: 30px;
        vertical-align: middle;
        margin-left: 6px;
    }
}
/*-----------------------company-----------------------*/
.com_box{
    padding: 50px 0 40px;
}
.company_top{
    background: #f0f2f3;
    padding: 55px 0 60px;
}
.company_top ul{
    margin: -12px 0 0 -12px;
}
.company_top li{
    float: left;
    width: 25%;
    padding: 12px 0 0 12px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.company_top .listbox{
    position: relative;
}
.company_top .listbox:hover .listdes{
    background: rgba(255,255,255,0.8);
}
.company_top .listbox:hover .des_tit{
    color: #1379c0;
}
.company_top .listbox:hover .des_txt{
    color: #000;
}
.company_top .listdes{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 188px;
    padding-top: 60px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 2;
    background: rgba(19,121,192,0.8);
}

.company_top .des_tit{
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    text-align: center;
}
.company_top .des_txt{
    font-size: 15px;
    margin: 14px 0 0;
    text-align: center;
    color: #fff;
}
.company_top .des_btn{
    position: absolute;
    bottom: 0;
    left: 0;
    text-align: center;
    width: 100%;
    z-index: 2;
    transform: translateY(50%);
}
.company_top .des_btn a{
    width: 120px;
    line-height: 40px;
    display: inline-block;
    font-size: 13px;
    text-align: center;
    color: #000;
    background: url(../images/icon/arrow_sr.svg) no-repeat right 12px center #fff;
    -webkit-background-size: 6px;
    background-size: 6px;
}
.company_top .des_btn a:hover{
    color: #1379c0;
    background: url(../images/icon/arrow_sr_blue.svg) no-repeat right 12px center #fff;
    -webkit-background-size: 6px;
    background-size: 6px;
}
.company_list{
    margin-top: 56px;
}
.company_list ul{
    margin-left: -2px;
}
.company_list li{
    float: left;
    width: 33.33%;
    padding-left: 2px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.company_list li:nth-child(1){
    pointer-events: none;  
}

.company_list li:nth-child(1) .listbox{
    background: url("../images/company/bg_company02.png") no-repeat top center;
    background-size: 100%;
}
.company_list li:nth-child(2) .listbox{
    background: url("../images/company/bg_company03.png") no-repeat top center;
    background-size: 100%;
}
.company_list li:nth-child(3) .listbox{
    background: url("../images/company/bg_company04.png") no-repeat top center;
    background-size: 100%;
}

.company_list li .listimg{
    padding: 54px 0;
    text-align: center;
}
.company_list li .listdes{
    background: url("../images/company/bg_company01.png") no-repeat top center;
    -webkit-background-size: cover;
    background-size: cover;
    padding: 30px 30px 30px;
    height: 140px;
    position: relative;
    color: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.company_list li:nth-child(2) .listdes:before,
.company_list li:nth-child(3) .listdes:before{
    background: url("../images/icon/arrow_sr_w_wh.svg") no-repeat 0 0;
    -webkit-background-size: contain;
    background-size: contain;
    width: 34px;
    height: 6px;
    bottom: 30px;
    right: 40px;
    content: '';
    z-index: 2;
    position: absolute;
}

.company_list li:nth-child(2) .listbox:hover .listdes:before,
.company_list li:nth-child(3) .listbox:hover .listdes:before{
    background: url("../images/icon/arrow_sr_w_blue.svg") no-repeat 0 0;
    -webkit-background-size: contain;
    background-size: contain;
    width: 34px;
    height: 6px;
    bottom: 30px;
    right: 40px;
    content: '';
    z-index: 2;
    position: absolute;
}
.company_list li .listtxt{
    font-size: 1vw;
    line-height: 1.3;
    margin-left: 0;
    margin-bottom: 0;
}
.company_list li .listtel{
    font-size: 1.4vw;
    font-weight: 700;
    font-family: 'Lato', sans-serif; 
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.company_list li .listtel span {
    background: url("../images/icon/ico_tel_wh.svg") no-repeat left center;
    -webkit-background-size: 18px;
    background-size: 18px;
    padding-left: 2.4rem;
}
.company_list li .listbox:hover .listtel span{
    background: url("../images/icon/ico_tel.svg") no-repeat left center;
    -webkit-background-size: 18px;
    background-size: 18px;
}
.company_list .listbox:hover .listdes{
    background: #f0f2f3;
}
.company_list .listbox:hover .listtxt{
    font-size: 1vw;
    line-height: 1.3;
    background: linear-gradient(to right, #05a053, #0c8c8a); 
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.company_list .listbox:hover .listStxt{
    line-height: 1.3;
    background: linear-gradient(to right, #05a053, #0c8c8a); 
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.company_list .listbox:hover .listtel{
    font-size: 1.4vw;
    color: #05a053;
}

.common_banner {
    background: #b9dcf524; 
    padding: 6rem;
    border-top: solid 1px #126eae;
    margin-top: 8rem;
}

.common_banner .company_list li:nth-child(1) .listbox,
.common_banner .company_list li:nth-child(2) .listbox,
.common_banner .company_list li:nth-child(3) .listbox {
    background-size:cover;
}

.common_banner .company_list li .listdes {
    padding: 1vw 3vw 1vw 1vw;
    height: min(13vw,140px);
}

.common_banner .company_list li .listdes:before {
    right: 1vw;
}

.common_banner .company_list li .listtxt {
    font-size:min(1.5vw,18px);
}

.common_banner .company_list li .listtel {
    font-size: min(3vw, 26px);
}

.common_banner .company_list .listbox:hover .listtxt {
    font-size:min(1.5vw,18px);
}

.common_banner .company_list li .listStxt {
    font-size:min(1.2vw,14px);
}

.common_banner .company_list li .listStxt {
    font-size:min(1.2vw,14px);
}

.company_list .listbox:hover .listStxt{
    line-height: 1.3;
    background: linear-gradient(to right, #05a053, #0c8c8a); 
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

@media screen and (max-width: 767px) {
    .company .pageinner{
        padding: 0;
    }
    .com_box{
        padding: 30px 0 20px;
    }
    .company_top{
        background: #f0f2f3;
        padding: 20px 0 30px;
    }
    .company_top ul{
        margin: -10px 0 0 -10px;
    }
    .company_top li{
        float: left;
        width: 50%;
        padding: 10px 0 0 10px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .company_top .listbox{
        position: relative;
    }
    .company_top .listdes{
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 72%;
        padding-top: 25px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        z-index: 2;
    }

    .company_top .des_tit{
        font-size: 14px;
        font-weight: 700;
        color: #fff;
        text-align: center;
    }
    .company_top .des_txt{
        font-size: 10px;
        margin: 2px 0 0;
        padding: 0 5px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        text-align: center;
        color: #fff;
    }
    .company_top .des_btn{
        position: absolute;
        bottom: 0;
        left: 0;
        text-align: center;
        width: 100%;
        z-index: 2;
        transform: translateY(50%);
    }
    .company_top .des_btn a{
        width: 110px;
        line-height: 35px;
        display: inline-block;
        font-size: 12px;
        text-align: center;
        color: #000;
        background: url(../images/icon/arrow_sr.svg) no-repeat right 12px center #fff;
        -webkit-background-size: 6px;
        background-size: 6px;
    }
    .company_top .des_btn a:hover{
        color: #1379c0;
        background: url(../images/icon/arrow_sr_blue.svg) no-repeat right 12px center #fff;
        -webkit-background-size: 6px;
        background-size: 6px;
    }
    .company_list{
        margin-top: 0;
        padding: 20px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .company_list ul{
        margin-left: 0;
    }
    .company_list li{
        float: none;
        width: 100%;
        padding-left: 0;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
	.company_list li:nth-child(1){
    pointer-events: auto;  
}
	
    .company_list li+li{
        margin-top: 10px;
    }
    .company_list li:nth-child(1) .listbox{
        background: none;
    }
    .company_list li:nth-child(2) .listbox{
        background: none;
    }
    .company_list li:nth-child(3) .listbox{
        background: none;
    }
    .company_list .listbox{
        display: flex;
        justify-content: left;
    }
    .company_list li .listbox .box{
        padding: 0;
        position: relative;
        width: 45%;
        text-align: center;
    }
    .company_list li .listimg{
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        z-index: 2;
        width: 35px;
    }
    .company_list li .listdes{
        background: -webkit-linear-gradient(top, #05a053, #0c8c8a);
        padding: 10px 10px 10px;
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
        height: auto;
        position: relative;
        color: #fff;
        width: 55%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .company_list li .listdes:before{
        background: url("../images/icon/arrow_sr_w_wh.svg") no-repeat 0 0;
        -webkit-background-size: contain;
        background-size: contain;
        width: 25px;
        height: 5px;
        bottom: 35px;
        right: auto;
        left: 50%;
        transform: translateX(-50%);
        content: '';
        z-index: 2;
        position: absolute;
    }
    .company_list li:nth-child(1) .listdes:before{
        display: none;
    }
    .company_list .listbox:hover .listdes:before{
        background: url("../images/icon/arrow_sr_w_blue.svg") no-repeat 0 0;
        -webkit-background-size: contain;
        background-size: contain;
        width: 34px;
        height: 6px;
        bottom: 30px;
        right: 40px;
        content: '';
        z-index: 2;
        position: absolute;
    }
    .company_list li .listtxt{
        font-size: 12px;
        line-height: 1.3;
    }
    .company_list li .listtel{
        font-size: 15px;
        font-weight: 700;
        margin: 6px 0;
        font-family: 'Lato', sans-serif;
        background: #fff;
        padding: 0 2vw 0 0;
        height: 40px;
        display: flex;
        color: #000;
        justify-content: center;
        align-items: center;
        
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .company_list li .listtel span {
        background: url("../images/icon/ico_tel.svg") no-repeat left 10px center;
        -webkit-background-size: 12px;
        background-size: 12px;
        padding-left: 24px;
    }
    .company_list li .listbox:hover .listtel{
        font-size: 15px;
        font-weight: 700;
        margin: 6px 0;
        font-family: 'Lato', sans-serif;
        height: 40px;
        display: flex;
        color: #000;
        justify-content: center;
        align-items: center;
        
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .company_list li .listbox:hover .listtel span {
        background: url("../images/icon/ico_tel.svg") no-repeat left 10px center;
        -webkit-background-size: 12px;
        background-size: 12px;
        padding-left: 24px;
    }
    .company_list .listbox:hover .listdes{
        background: #f0f2f3;
    }
    .company_list .listbox:hover .listtxt{
        font-size: 12px;
        line-height: 1.3;
        background: linear-gradient(to right, #05a053, #0c8c8a); /* 从左到右渐变 */
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }
    .company_list .listbox:hover .listtel{
        font-size: 1.4vw;
        color: #05a053;
    }

    .common_banner {
        background: none;
        padding: 20px 0 20px;
        margin-top: 3rem;
    }

    .common_banner .company_list li:nth-child(1) .listbox, .common_banner .company_list li:nth-child(2) .listbox, .common_banner .company_list li:nth-child(3) .listbox {
        background-size: inherit;
    }

    .common_banner .company_list li .listdes {
        padding: 10px 10px 10px;
        height: auto;
        flex-direction: column;
        justify-content: center;
    }

    .common_banner .company_list li .listtxt,
    .common_banner .company_list .listbox:hover .listtxt {
        font-size: 12px;
    }

    .common_banner .company_list li .listStxt {
        font-size: min(2.5vw, 20px);
    }

    .common_banner .company_list {
        padding: 0;
    }

    .common_banner .company_list li .listtel {
        font-size: 15px;
    }
}
/*-----------------------compliance-----------------------*/
#teaser.compliance{
    background: url("../images/compliance/bg_teaser_company.png") no-repeat top center;
}
.compliance_top{
    margin-top: 40px;
    display: flex;
    justify-content: space-between;
}
.compliance_top .des{
    width: 540px;
}
.compliance_top .des p+p{
    margin-top: 36px;
}
.compliance_top .des p{
    font-size: 16px;
    line-height: 1.8;
}
.compliance_system{
    margin-top: 70px;
    padding: 75px 0;
    background: url("../images/compliance/bg_compliance01.png") no-repeat top center;
}
.compliance_system_box{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 2rem;
}
.compliance_system_box .left {
     max-width: 470px;
}
.compliance_system .left .tit{
    font-size: 30px;
    font-weight: 700;
    color: #fff;
}
.compliance_system .left .txt{
    font-size: 16px;
    color: #fff;
    margin-top: 10px;
}
.compliance_system .right{
    width: 540px;
}

.compliance_system_box .right.right02 {
   max-width: 450px;
}
.compliance_system .right li+li{
    margin-top: 10px;
}
.compliance_system li{
    border: 3px solid #1275b9;
    background: #fff;
    height: 64px;
    display: flex;
    justify-content: center;
    text-align: center;
    align-items: center;
}
.compliance_system li .listtit{
    font-size: 20px;
    font-weight: 700;
    line-height: 1.2;
}
.compliance_system li .listtxt{
    font-size: 14px;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 0 !important;
    margin-left: 0 !important;
}
.compliance_box{
    padding: 110px 0 0px;
}
.compliance_cont+.compliance_cont{
    margin-top: 75px;
}
.compliance_cont_tit{
    font-size: 22px;
    padding: 20px;
    border-top: 1px solid #1379c0;
    background: #f0f2f3;
    margin-bottom: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.compliance_cont .flex_box{
    display: flex;
    justify-content: left;
}
.compliance_cont .flex_box .right{
    width: 540px;
}
.compliance_cont .flex_box .left{
    width: calc(100% - 540px);
    padding-right: 45px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.compliance_cont .flex_box .right ul{
    /*display: flex;
    justify-content: space-between;
    flex-wrap: wrap;*/
    margin-bottom: -30px;
}
.compliance_cont .flex_box .right li{
/*    width: 245px;*/
    display: flex;
    align-items: center;
    font-size: 18px;
    font-weight: 700;
    text-align: center;
    position: relative;
    box-shadow: 0 0 5px rgba(0,0,0,0.2);
    margin-bottom: 30px;
    border: 3px solid #1275b9;
    height: 80px;
    padding: 0 5rem;
}
.compliance_cont .flex_box .right li:nth-child(1):before,
.compliance_cont .flex_box .right li:nth-child(3):before{
    background: url("../images/compliance/ico01.png") no-repeat 0 0;
    -webkit-background-size: contain;
    background-size: contain;
    width: 15px;
    height: 23px;
    top: 50%;
    transform: translateY(-50%);
    right: -30px;
    content: '';
    z-index: 2;
    position: absolute;
    display: none;
}

.compliance_cont .flex_box .right li dl {
    display: flex;
}


.compliance_cont .flex_box .right li dl dt {
    width: 130px;
    text-align: left;
     position: relative;
}

.compliance_cont .flex_box .right li dl dt span {
    background: #fff;
    padding-right: 1rem;
    position: relative;
    display: inline-flex;
    height: 100%;
}

.compliance_cont .flex_box .right li dl dt:before {
    content: '';
    position: absolute;
    top: 50%;
    width: 100%;
    height: 0;
    line-height: 0;
    border-bottom: 2px dotted #000;
    transform: translate(0,-50%);
}

.compliance_cont .flex_box .right li dl dd {
    padding-left: 2rem;
}
.compliance_cont_txt{
    font-size: 16px;
    line-height: 1.8;
}
.compliance_cont .list02{
    margin-top: -10px;
    margin-left: -40px;
}
.compliance_cont .list02 li{
    float: left;
    width: 50%;
    padding-left: 40px;
    padding-top: 40px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.compliance_cont .list02 dt{
    display: flex;
    justify-content: left;
    margin-bottom: 20px;
}
.compliance_cont .list02 dt .num{
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    font-size: 26px;
    font-weight: 700;
    color: #fff;
    background: #1379c0;
}
.compliance_cont .list02 dt .txt{
    width: calc(100% - 35px);
    padding-left: 12px;
    background: #f0f2f3;
    line-height: 35px;
    font-size: 18px;
}
.compliance_cont .list02 dd{
    font-size: 16px;
    line-height: 1.5;
}
.compliance_cont .list02 dd p+p{
    margin-top: 15px;
}
.compliance_cont .list02 dd p{
    padding-left: 12px;
    text-indent: -12px;
}
@media screen and (max-width: 767px) {
    #teaser.compliance{
        background: url("../images/compliance/bg_teaser_company.png") no-repeat top center;
        -webkit-background-size: cover;
        background-size: cover;
    }
    .compliance_top{
        margin-top: 10px;
        display: block;
        justify-content: space-between;
    }

    .compliance_top .img {
        text-align: center;
    }

    .compliance_top .img img {
        max-width: 70%;
    }
    .compliance .pageinner{
        padding: 0;
    }
    .compliance_top .des{
        width: 100%;
        margin-top: 20px;
    }
    .compliance_top .des p+p{
        margin-top: 16px;
    }
    .compliance_top .des p{
        font-size: 14px;
        line-height: 1.8;
    }
    .compliance_system{
        margin-top: 35px;
        padding: 40px 0;
        background: url("../images/compliance/bg_compliance01.png") no-repeat top center;
        -webkit-background-size: cover;
        background-size: cover;
    }
    .compliance_system_box{
        display: block;
        justify-content: space-between;
        align-items: center;
        padding: 0;
    }
    .compliance_system .left .tit{
        font-size: 20px;
        font-weight: 700;
        color: #fff;
    }
    .compliance_system .left .txt{
        font-size: 14px;
        color: #fff;
        margin-top: 10px;
    }
    .compliance_system .right{
        width: 100%;
        margin-top: 20px;
    }
    .compliance_system_box .left {
        width: auto;
    }
    .compliance_system_box .right.right02 {
        width: auto;
    }
    .compliance_system .right li+li{
        margin-top: 10px;
    }
    .compliance_system li{
        border: 3px solid #1275b9;
        background: #fff;
        height: 50px;
        display: flex;
        justify-content: center;
        text-align: center;
        align-items: center;
    }
    .compliance_system li .listtit{
        font-size: 16px;
        font-weight: 700;
        line-height: 1.2;
    }
    .compliance_system li .listtxt{
        font-size: 13px;
        font-weight: 700;
        line-height: 1.2;
    }
    .compliance_box{
        padding: 50px 0 0px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .compliance_cont+.compliance_cont{
        margin-top: 35px;
    }
    .compliance_cont_tit{
        font-size: 16px;
        padding: 10px;
        border-top: 1px solid #1379c0;
        background: #f0f2f3;
        margin-bottom: 20px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .compliance_cont .flex_box{
        display: block;
        justify-content: left;
    }
    .compliance_cont .flex_box .right{
        width: 100%;
        margin-top: 20px;
    }
    .compliance_cont .flex_box .left{
        width: 100%;
        padding-right: 0;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .compliance_cont .flex_box .right ul{
        margin-bottom: -15px;
    }
    .compliance_cont .flex_box .right li{
        display: flex;
        align-items: center;
        font-size: 16px;
        font-weight: 700;
        text-align: center;
        position: relative;
        box-shadow: 0 0 5px rgba(0,0,0,0.2);
        margin-bottom: 15px;
        border: 3px solid #1275b9;
        height: 60px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding: 0 1rem;
    }
    .compliance_cont .flex_box .right li:nth-child(1):before,
    .compliance_cont .flex_box .right li:nth-child(3):before{
        background: url("../images/compliance/ico01.png") no-repeat 0 0;
        -webkit-background-size: contain;
        background-size: contain;
        width: 10px;
        height: 17px;
        top: 50%;
        transform: translateY(-50%);
        right: -17px;
        content: '';
        z-index: 2;
        position: absolute;
    }
    .compliance_cont .flex_box .right li dl dt {
        width: 85px;
        text-align: left;
        position: relative;
    }

    .compliance_cont .flex_box .right li dl dt span {
        background: #fff;
        padding-right: 0.5rem;
        position: relative;
        display: inline-flex;
        height: 100%;
        align-items: center;
    }

    .compliance_cont .flex_box .right li dl dd {
        padding-left: 1rem;
    }
    .compliance_cont_txt{
        font-size: 14px;
        line-height: 1.8;
    }
    .compliance_cont .list02{
        margin-top: 0;
        margin-left: 0px;
    }
    .compliance_cont .list02 li{
        float: none;
        width: 100%;
        padding-left: 0;
        padding-top: 20px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .compliance_cont .list02 dt{
        display: flex;
        justify-content: left;
        margin-bottom: 20px;
    }
    .compliance_cont .list02 dt .num{
        width: 35px;
        height: 35px;
        line-height: 35px;
        text-align: center;
        font-size: 20px;
        font-weight: 700;
        color: #fff;
        background: #1379c0;
    }
    .compliance_cont .list02 dt .txt{
        width: calc(100% - 35px);
        padding-left: 12px;
        background: #f0f2f3;
        line-height: 35px;
        font-size: 16px;
    }
    .compliance_cont .list02 dd{
        font-size: 14px;
        line-height: 1.5;
    }
    .compliance_cont .list02 dd p+p{
        margin-top: 10px;
    }
    .compliance_cont .list02 dd p{
        padding-left: 12px;
        text-indent: -12px;
    }
}

/*-------------------regulation------------------*/
.regulation .support_top{
    color: #000;
}
.regulation_top{
    padding: 20px 0 80px;
}
.regulation_box{
    background: #fff;
    position: relative;
    z-index: 6;
}
.regulation_box .box+.box{
    margin-top: 70px;
}
.regulation_tit{
    font-size: 16px;
    color: #d55047;
    margin-bottom: 30px;
    font-weight: 700;
}
.color02{
    color: #1379c0 !important;
}
.regulation_box h3{
    margin-top: 30px;
}
.hdA{
    font-size: 26px;
    font-weight: 700;
    text-align: center;
    line-height: 1.2;
}
.hdB{
    font-size: 20px;
    font-weight: 700;
    text-align: center;
}
.hdB span{
    position: relative;
    display: inline-block;
    padding: 0 95px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.hdB span:before{
    background: #000;
    width: 80px;
    height: 1px;
    left: 0;
    top: 50%;
    content: '';
    z-index: 2;
    position: absolute;
}
.hdB span:after{
    background: #000;
    width: 80px;
    height: 1px;
    right: 0;
    top: 50%;
    content: '';
    z-index: 2;
    position: absolute;
}
.hdC{
    width: 500px;
    margin: 0 auto;
    background: #1379c0;
    line-height: 60px;
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    text-align: center;
    position: relative;
}
.hdC:before{
    background: url(../images/regulation/ico_beginner01.png) no-repeat 0 0;
    width: 25px;
    height: 13px;
    left: 50%;
    bottom: -13px;
    transform: translateX(-50%);
    content: '';
    z-index: 2;
    position: absolute;
}
.hdD{
    text-align: left;
}
.hdD span{
    font-size: 26px;
    line-height: 1.3;
    font-weight: 700;
/*    text-decoration: underline;*/
}
.hdF{
    font-size: 26px;
    font-weight: 700;
    line-height: 1.4;
}
.hdF span{
    display: block;
    font-size: 18px;
    font-weight: 400;
}
.regulation_box .support_tit {
    color: #000;
    margin-top: 30px;
    font-size: 18px;
    line-height: 1.5;
}
.support_tit .ja {
    font-size: 30px;
    font-weight: 700;
    line-height: 1;
    display: flex;
    justify-content: left;
    align-items: center;
}
.support_tit .ja b {
    font-size: 30px;
    line-height: 1;
    font-weight: 700;
    margin-right: 12px;
    text-decoration: none;
}
.support_tit .txt {
    text-decoration: underline;
}


.reg_title_box{
    margin-top: 40px;
}
.reg_title_box .tag{
    display: inline-block;
    padding: 0 12px;
    line-height: 30px;
    font-size: 14px;
    color: #fff;
    background: #1379c0;
    border-radius: 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.reg_title_box .ja{
    display: block;
    font-size: 40px;
    font-weight: 700;
}
.reg_title_box .ja_txt{
    font-weight: 400;
    font-size: 16px;
}
.regulation_box .support_tit{
    color: #000;
    margin-top: 30px;
}
.reg_title_flex{
    display: flex;
    justify-content: left;
}
.reg_title_flex .hdm{
    width: 320px;
    margin-top: 0;
}
.reg_title_flex .hdm .en{
    font-size: 40px;
}
.reg_title_flex .hdm .ja{
    font-size: 24px;
}
.reg_title_flex .des{
    width: calc(100% - 320px);
}
.reg_title_flex .des_tit{
    font-size: 30px;
    font-weight: 700;
    line-height: 1.2;
}
.hdm .en01{
    text-decoration: underline !important;
}
.reg_title_flex .des_txt{
    margin-top: 10px;
    font-size: 16px;
    line-height: 1.8;
}
.reg_title_flex .des dl{
    border-bottom: 1px solid #000;
    padding: 13px 0;
    display: flex;
    font-weight: 400;
    justify-content: left;
}
.reg_title_flex .des dt{
    width: 184px;
    font-size: 16px;
    padding-left: 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.reg_title_flex .des dd{
    width: calc(100% - 184px);
    font-size: 18px;
    font-weight: 400;
}
.reg_title_flex .des dd:first-child{
    font-size: 18px;
}
.reg_table01 .tit{
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 10px;
}
.reg_table01 .txt{
    font-size: 16px;
    margin-top: 10px;
}
.reg_table01 .table01{

}
.list_reg li{
    font-size: 16px;
    padding-left: 30px;
    background: url(../images/icon/ico_check_rd_blue.svg) no-repeat left top 2px;
    -webkit-background-size: 20px;
    background-size: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.list_reg li+li{
    margin-top: 8px;
}
.dt_title{
    margin-top: 45px;
}
.dt_title dl+dl{
    margin-top: 20px;
}
.dt_bt01{
    font-size: 22px;
    font-weight: 700;
    padding: 20px;
    background: #f0f2f3;
    border-top: 1px solid #1379c0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.dt_bt02{
    font-size: 22px;
    font-weight: 700;
    padding: 20px;
    background: #f0f2f3;
    border-top: 1px solid #05a053;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.dt_bg01{
    font-size: 22px;
    font-weight: 700;
    padding: 20px;
    color: #fff;
    background: #1379c0;
    border-top: 1px solid #1379c0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.dt_bg02{
    font-size: 22px;
    font-weight: 700;
    padding: 20px;
    color: #fff;
    background: #05a053;
    border-top: 1px solid #05a053;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.dt_pos01{
    font-size: 20px;
    font-weight: 700;
    padding: 10px 0;
    color: #000;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.dt_pos01:before{
    background: #f0f2f3;
    width: 100%;
    height: 3px;
    left: 0;
    bottom: 0;
    content: '';
    z-index: 2;
    position: absolute;
}
.dt_pos01:after{
    background: #1379c0;
    width: 150px;
    height: 3px;
    left: 0;
    bottom: 0;
    content: '';
    z-index: 2;
    position: absolute;
}
.dt_pos02{
    font-size: 22px;
    font-weight: 700;
    padding: 10px 0;
    color: #000;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.dt_pos02:before{
    background: #f0f2f3;
    width: 100%;
    height: 3px;
    left: 0;
    bottom: 0;
    content: '';
    z-index: 2;
    position: absolute;
}
.dt_pos02:after{
    background: #05a053;
    width: 150px;
    height: 3px;
    left: 0;
    bottom: 0;
    content: '';
    z-index: 2;
    position: absolute;
}

.dt_pos03{
    font-size: 22px;
    font-weight: 700;
    padding: 10px 0;
    color: #000;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.dt_pos03:before{
    background: #f0f2f3;
    width: 100%;
    height: 3px;
    left: 0;
    bottom: 0;
    content: '';
    z-index: 2;
    position: absolute;
}
.dt_pos03:after{
    background: #E3A06B;
    width: 150px;
    height: 3px;
    left: 0;
    bottom: 0;
    content: '';
    z-index: 2;
    position: absolute;
}
.reg_title_flex .des dd img{
    width: 20px;
    margin-right: 10px;
}

.reg_flex_box{
    display: flex;
    justify-content: left;
}
.reg_flex_box ul{
    width: 50%;
}
.reg_table01 table{
    width: 100%;
    border-top: 2px solid #009d37;
}

.reg_table01 table.tbleBlue {
    border-color: #1379c0;
}
.reg_table01 table th{
    padding: 20px 0;
    text-align: center;
    background: #ecf7ef;
    font-weight: 400;
    color: #009d37;
    border-bottom: 1px solid #000;
    font-size: 22px;
}
.reg_table01 table.tbleBlue th {
    background: #f1f5f9;
    color: #1379c0;
}
.reg_table01 table td{
    padding: 20px 0;
    text-align: center;
    background: #fff;
    font-weight: 400;
    color: #000;
    font-size: 16px;
    border-bottom: 1px solid #000;
}
.reg_table01 table th+th{
    border-left: 1px solid #000;
}
.reg_table01 table td+td{
    border-left: 1px solid #000;
}
.reg_table01 table td:nth-child(1){
    text-align: left;
    padding-left: 20px;
    font-size: 16px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.reg_table01 table td span{
    font-size: 30px;
    line-height: 1;
}
.num_reg01 li+li{
    margin-top: 10px;
}
.num_reg01 li{
    display: flex;
    justify-content: left;
}
.num_reg01 li .num{
    font-size: 20px;
    width: 38px;
    font-weight: 700;
    line-height: 1.3;
}
.num_reg01 li .txt{
    width: calc(100% - 38px);
    font-size: 18px;
}
.num_reg02 dl{
    padding: 35px 0;
    border-bottom: 1px solid #eae8eb;
    display: flex;
    justify-content: left;
}
.num_reg02 dt{
    width: 130px;
}
.num_reg02 dd{
    width: calc(100% - 130px);
}
.num_reg02 dt>p{
    display: block;
    width: 90px;
    height: 90px;
    color: #fff;
    font-weight: 700;
    border-radius: 50%;
    background: url("../images/regulation/bg_regulation04.png") no-repeat top center;
    text-align: center;
    padding: 19px 0 0;
    font-size: 16px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.num_reg02 dt>p span{
    font-size: 30px;
    display: block;
    line-height: 0.8;
}
.num_reg02 .dd_tit{
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 10px;
}
.num_reg02 .dd_txt{
    font-size: 16px;
}
.reg_flex_box02 ul{
    display: flex;
    justify-content: space-between;
}
.reg_flex_box02 li{
    width: 550px;
}
.reg_flex_box02 .listbox{
    border: 4px solid #f0f2f3;
    border-top: 4px solid #1379c0;
    padding: 43px 26px 56px;
    text-align: center;
    position: relative;
    background: url(../images/icon/arrow_sr_w.svg) no-repeat bottom 30px center;
    -webkit-background-size: 29px;
    background-size: 29px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.reg_flex_box02 .listnum{
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 2;
}
.reg_flex_box02 .listtit01{
    font-size: 18px;
    font-weight: 700;
}
.reg_flex_box02 .listtit02{
    font-size: 26px;
    line-height: 1.2;
    font-weight: 700;
    margin: 0 0 12px;
}
.reg_flex_box02 .listtxt{
    font-size: 16px;
    text-align: left;
}

.reg_flex_box03 ul{
    display: flex;
    justify-content: space-between;
}
.reg_flex_box03 li{
    width: 345px;
    position: relative;
}
.reg_flex_box03 li+li:before{
    background: url("../images/regulation/ico_beginner02.png") no-repeat left center;
    -webkit-background-size: contain;
    background-size: contain;
    width: 16px;
    height: 26px;
    left: -25px;
    top: 50%;
    transform: translateY(-50%);
    content: '';
    z-index: 2;
    position: absolute;
}
.reg_flex_box03 .listbox{
    border: 1px solid #f0f2f3;
    padding: 60px 20px 20px;
    text-align: center;
    position: relative;
    background: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.reg_flex_box03 .listnum{
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 2;
    border-radius: 50%;
}
.reg_flex_box03 .listnum span{
    display: flex;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background: url("../images/regulation/bg_regulation03.png") no-repeat top center;
    text-align: center;
    justify-content: center;
    align-items: center;
    font-size: 30px;
    font-weight: 700;
    color: #fff;
}
.reg_flex_box03 .listtit01{
    font-size: 20px;
    font-weight: 700;
}
.reg_flex_box03 .listtxt{
    font-size: 16px;
    margin-top: 13px;
    text-align: left;
}
.reg_flex_box04{
    border: 4px solid #f0f2f3;
    padding: 40px 40px 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.reg_flex_box04 .tit{
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 16px;
    text-align: center;
}
.reg_flex_box04 .tit span{
    font-size: 30px;
    font-weight: 700;
    text-decoration: underline;
}
.reg_flex_box04 .tit b{
    position: relative;
}
/*.reg_flex_box04 .tit b:before{
    background: #000;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    left: 50%;
    top: -4px;
    transform: translateX(-65%);
    content: '';
    z-index: 2;
    position: absolute;
}*/
.reg_flex_box04 .txt{
    font-size: 16px;
    line-height: 1.8;
    font-weight: 400;
}
.reg_flex_box04 .reg_flex_btn{
    margin-top: 15px;
    text-align: right;
}
.reg_flex_box04 .reg_flex_btn a{
    font-size: 16px;
    display: inline-block;
    padding-left: 14px;
    background: url("../images/icon/arrow_sr.svg") no-repeat left center;
    -webkit-background-size: 7px;
    background-size: 7px;
    color: #000;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.reg_flex_box05 .box{
    display: flex;
    justify-content: space-between;
}
.reg_flex_box05 .box .img{
    width: 300px;
    order: 2;
}
.reg_flex_box05 .box01 .img{
    width: 300px;
    order: 1;
}
.reg_flex_box06 .box .img{
    width: 380px;
    order: 2;
}
.reg_flex_box05 .box .des{
    width: calc(100% - 300px);
    padding-right: 40px;
    order: 1;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.reg_flex_box05 .box01 .des{
    padding-right: 0;
    padding-left: 40px;
    order: 2;
}
.reg_flex_box05 .box .des_txt{
    font-size: 16px;
    font-weight: 400;
    line-height: 1.8;
}
.reg_flex_box05 .box .des_btn{
    margin-top: 30px;
    text-align: right;
}
.reg_flex_box05 .box .des_btn a{
    font-size: 16px;
    display: inline-block;
    padding-left: 14px;
    background: url(../images/icon/arrow_sr.svg) no-repeat left center;
    -webkit-background-size: 7px;
    background-size: 7px;
    color: #000;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.reg_flex_box06{
    border: none;
    border-radius: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.reg_flex_box06 .box .des{
    width: calc(100% - 380px);
    order: 1;
}
.reg_flex_box06 .tit_left{
    text-align: left !important;
}
.reg_flex_box06 .des_btn01{
    margin-top: 40px;
    display: flex;
    justify-content: left;
    align-items: center;
}
.tit_left i{
    font-style: inherit;
}
.reg_flex_box06 .des_btn01 img{
    width: 20px;
    margin-right: 5px;
    position: relative;
    top: -3px;
}
.reg_flex_box06 .des_btn01 a{
    font-size: 16px;
    display: inline-block;
    padding-left: 14px;
    background: url(../images/icon/arrow_sr.svg) no-repeat left center;
    -webkit-background-size: 7px;
    background-size: 7px;
    color: #000;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.regulation_box_img .iimg01{
    display: flex;
    justify-content: flex-end;
    margin-top: 40px;
}
.regulation_box_img .iimg01 img{
    width: 80%;
}
.regulation_box_img .iimg02 img{
    width: 100%;
}
.regulation_box01{
    background: #fff;
}
.regulation_box_img .regulation_tit{
    margin-top: 20px !important;
    margin-bottom: 0 !important;
}
.regulation_box02{
    padding: 50px 0;
    background: #fff;
}
.regulation .btn_flex ul{
    margin-bottom: 30px;
    display: flex;
    justify-content: space-between;
}
.regulation_box03{
    background: #fff;
    padding: 0 0 100px;
}
.regulation .btn_flex ul li{
    width: 360px;
}
.regulation .btn_flex ul li a{
    display: block;
    width: 100% !important;
}
.regulation .btn_flex .list02 li{
    width: 550px;
}
.regulation .btn_flex ul.list03{
    justify-content: center;
}
.regulation .top_info_box .char_popo_02{
    display: none;
}
.regulation .top_info_box{
    padding: 0;
}
.btn_center{
    text-align: center !important;
}
.btn_center a{
    display: inline-block;
    width: 360px;
}
.btn_center01 a{
    display: inline-block;
    width: 220px;
    line-height: 44px;
    font-size: 15px;
    background: url(../images/icon/arrow_sr_wh.svg) no-repeat right 15px center #1379c0;
    -webkit-background-size: 4px;
    background-size: 4px;
}
.btn_center01 a:hover{
    background: url(../images/icon/arrow_sr_blue.svg) no-repeat right 15px center #fff;
    -webkit-background-size: 4px;
    background-size: 4px;
    color: #000;
}
.btn_center02 a{
    display: inline-block;
    width: 220px;
    line-height: 44px;
    font-size: 15px;
    background: url(../images/icon/ico_nw_wh.svg) no-repeat right 15px center #1379c0;
    -webkit-background-size: 14px;
    background-size: 14px;
}
.btn_center02 a:hover{
    background: url(../images/icon/ico_nw.svg) no-repeat right 15px center #fff;
    -webkit-background-size: 14px;
    background-size: 14px;
    color: #000;
}
.regulation .others_link img{
    width: 8px;
    margin-right: 8px;
    margin-left: 8px;
}
.regulation .others_link .list02 li{
    display: flex;
    justify-content: flex-end;
}
.regulation .img_right img{
    width: 18px;
    margin-right: 0;
    margin-left: 5px;
}
.regulation .access_btn img{
    width: 20px;
    margin-right: 5px;
}
.regulation .access_btn a{
    font-size: 16px;
    font-weight: 700;
    color: #000000;
}
.regulation .access_btn a span{
    display: inline-block;
    border-bottom: 2px solid #000;
    padding-bottom: 2px;
}
.regulation .access_btn .img_right img{
    margin-left: 5px;
    margin-right: 5px;
}
.regulation .others_link li a{
    font-size: 16px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: left;
    color: #000;
}
.regulation .others_link .img_small img{
    width: 18px;
    margin-left: 0;
    margin-right: 7px;
}
.regulation .others_link li+li{
    margin-top: 15px;
}

.regulation  .works .pagenav_txt{
    margin-top: 0 !important;
}

.reg_flex_box03 li{
    position: relative;
}

.mt_reg{
    margin-top: -90px;
}
.text_unde{
    text-decoration: underline;
}


.rental_tit .en{
    font-size: 50px;
    line-height: 1.1;
    font-weight: 700;
    display: block;
}
.rental_tit .ja{
    font-size: 20px;
    font-weight: 700;
    display: block;
    line-height: 1.2;
}

.rental_txt {
    font-size: 16px;
    padding-right: 0;
    margin-top: -48px;
    display: flex;
    margin-bottom: 20px;
    justify-content: flex-end;
    text-align: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.rental_faq_box{
    margin-top: 35px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.rental_faq_box .box+.box{
    margin-top: 60px;
}
.rental_faq_box .box dl{
    border: 1px solid #e2e8f0;
}
.rental_faq_box .box dl+dl{
    margin-top: 30px;
}
.rental_faq_box .box dt{
    width: 100%;
    background: url("../images/regulation/faq03.png") no-repeat right 38px center #e7f1f9;
    position: relative;
    font-size: 20px;
    padding: 25px 86px;
    cursor: pointer;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.rental_faq_box .box dt.on{
    background: url("../images/regulation/faq04.png") no-repeat right 38px center #e7f1f9;
}
.rental_faq_box .box dt img{
    position: absolute;
    top: 20px;
    left: 27px;
    z-index: 2;
}

.rental_faq_box .box dd{
    width: 100%;
    background: #fff;
    position: relative;
    font-size: 20px;
    display: none;
    padding: 25px 30px 25px 86px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.rental_faq_box .box dd img{
    position: absolute;
    top: 20px;
    left: 27px;
    z-index: 2;
}
.rental_faq_box .box dd span{
    font-size: 16px;
    line-height: 1.8;
}
.rental_faq_box .box dd .dd_flex_btn{
    margin-top: 10px;
    text-align: right;
}
.rental_faq_box .box dd a{
    font-size: 16px;
    display: inline-block;
    padding-left: 14px;
    background: url(../images/icon/arrow_sr.svg) no-repeat left center;
    -webkit-background-size: 7px;
    background-size: 7px;
    color: #000;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.works .pagenav_txt{
    margin-top: 70px;
    display: flex;
    justify-content: center;
    font-size: 60px;
    color: #000;
    line-height: 1;
    font-family: 'Lato', sans-serif;
}
.works .pagenav_txt .pagenav_txt_left{
    color: #009d37;
}
.works .pagenav_btn{
    display: flex;
    max-width: 1240px;
    margin: 0 auto;
    position: relative;
    justify-content: flex-end;
}
.works .pagenav_btn a{
    margin-left: 1px;
}
.works .pagenav{
    margin-bottom: 50px;
}
.works_cont .btn_contact_wrapper .inner{
    padding: 0;
}
.pagenav ul{
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 1;
}
.pagenav ul li{
    margin: 0 5px;
}
.pagenav ul li a{
    font-size: 40px;
    color: #000;
    line-height: 1;
    font-family: 'Lato', sans-serif;
}
.pagenav ul li a.on{
    color: #009d37;
}
.pagenav ul li a:hover{
    color: #009d37;
}
.pagenav ul li:first-child{
    margin: 0 40px 0 0;
}
.pagenav ul li:last-child{
    margin: 0 0 0 25px;
}
.pagenav ul li:first-child a{
    font-size: 24px;
}
.pagenav ul li:last-child a{
    font-size: 24px;
}


.contact_box{
    margin-top: 40px;
}
.contact_box dl{
    padding: 50px 0;
    display: flex;
    justify-content: left;
    align-items: flex-start;
    border-top: 1px solid #f0f2f3;
}
.contact_box dl.last{
    border-bottom: 1px solid #f0f2f3;
}
.contact_box dt{
    width: 410px;
    display: flex;
    padding-top: 18px;
    font-size: 18px;
    justify-content: space-between;
    align-items: center;
}
.contact_box dt span{
    display: inline-block;
    width: 60px;
    line-height: 30px;
    background: #ff4451;
    font-size: 14px;
    text-align: center;
    color: #fff;
}
.contact_box .input_tit{
    margin-top: 10px;
    font-size: 14px;
    margin-bottom: 3px;
}
.contact_box dd{
    width: calc(100% - 410px);
    padding-left: 28px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.contact_box dd ul{
    display: flex;
    justify-content: left;
}
.contact_box dd li{
    margin-right: 30px;
}
.contact_box dd li label{
    display: flex;
    align-items: center;
    font-size: 16px;
}
.contact_box dd li label input{
    display: none;
}
.contact_box dd li label input+span{
    display: inline-block;
    width: 28px;
    height: 28px;
    margin-right: 7px;
    background: url("../images/regulation/radio01.png") no-repeat left center;
}
.contact_box dd li label input:checked+span{
    display: inline-block;
    width: 28px;
    height: 28px;
    margin-right: 7px;
    background: url("../images/regulation/radio02.png") no-repeat left center;
}
.contact_box dd input[type=text]{
    display: block;
    width: 100%;
    outline: none;
    border: none;
    background: #f0f2f3;
    font-size: 16px;
    padding: 24px 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.contact_box dd select{
    display: block;
    width: 100%;
    outline: none;
    border: none;
    background: #f0f2f3;
    font-size: 16px;
    padding: 24px 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.contact_box dd textarea{
    display: block;
    width: 100%;
    height: 260px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    outline: none;
    border: none;
    background: #f0f2f3;
    font-size: 16px;
    padding: 24px 20px;
}
.contact_box .agree{
    text-align: center;
}

.contact_box .agree {
    margin: 50px auto 30px;
}
.contact_box .agree label{
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    font-size: 18px;
}
.contact_box .agree label a{
    font-size: 18px;
    color: #000;
    display: inline-block;
    padding-bottom: 2px;
    border-bottom: 2px solid #000;
}
.contact_box .agree label input{
    display: none;
}
.contact_box .agree label input+span{
    display: inline-block;
    width: 27px;
    height: 26px;
    margin-right: 7px;
    background: url("../images/regulation/check01.png") no-repeat left center;
}
.contact_box .agree label input:checked+span{
    display: inline-block;
    width: 27px;
    height: 26px;
    margin-right: 7px;
    background: url("../images/regulation/check02.png") no-repeat left center;
}
.submit_btn{
    display: flex;
    justify-content: space-between;
}
.submit_btn>p{
    width: 550px;
}
.submit_btn input{
    display: block;
    width: 100%;
    outline: none;
    font-size: 20px;
    border: 1px solid #eaeaea;
    padding: 26px 0;
    cursor: pointer;
    text-align: center;
    background: url("../images/icon/ico_reset.svg") no-repeat right 30px center #f0f2f3;
    -webkit-background-size: 29px;
    background-size: 29px;
    font-family: 'Noto Sans JP', sans-serif;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.submit_btn input:hover{
    background: url("../images/icon/ico_reset.svg") no-repeat right 30px center #fff;
    -webkit-background-size: 29px;
    background-size: 29px;
}
.submit_btn .submit_link:nth-child(2) input{
    color: #fff;
    border: 1px solid #ff4451;
    background: url("../images/icon/arrow_sr_w_wh.svg") no-repeat right 30px center #ff4451;
    -webkit-background-size: 29px;
    background-size: 29px;
}
.submit_btn .submit_link:nth-child(2) input:hover{
    border: 1px solid #eaeaea;
    color: #000;
    background: url("../images/icon/arrow_sr_w.svg") no-repeat right 30px center #fff;
    -webkit-background-size: 29px;
    background-size: 29px;
    box-shadow: 0 0 5px rgba(0,0,0,0.1);
}
.contact_box dl.other dt{
    align-items: flex-start;
}
.contact_box dl.other dt .must_box{
    width: 150px;
}
.contact_box dl.other dt .must_box li{
    display: flex;
    justify-content: space-between;
    font-size: 18px;
}
.contact_box dl.other dt .must_box li+li{
    margin-top: 57px;
}
.contact_box dl.other dd p+p{
    margin-top: 20px;
}
.wh01{
    width: 200px !important;
}
.wh02{
    width: 300px !important;
}
.regulation .pageinner{
    padding: 0 80px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.bg_reg_other{
    margin-top: 50px;
    background: #f1f5f9;
    padding: 90px 0;
}




@media screen and (max-width: 767px) {
    .regulation .pageinner{
        padding: 0;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .bg_reg_other_wrapper .pageinner{
        padding: 0 0;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .bg_reg_other{
        margin-top: 25px;
        background: #f1f5f9;
        padding: 20px 0;
    }
    .dt_title{
        margin-top: 25px;
    }
    .dt_title dl+dl{
        margin-top: 10px;
    }
    .dt_bt01{
        font-size: 16px;
        font-weight: 700;
        padding: 10px;
    }
    .dt_bt02{
        font-size: 18px;
        font-weight: 700;
        padding: 10px;
    }
    .dt_bg01{
        font-size: 18px;
        font-weight: 700;
        padding: 10px;
    }
    .dt_bg02{
        font-size: 18px;
        font-weight: 700;
        padding: 10px;
    }
    .dt_pos01{
        font-size: 16px;
        font-weight: 700;
		line-height: 1.4;
    }
    .dt_pos01:before{
        background: #f0f2f3;
        width: 100%;
        height: 2px;
        left: 0;
        bottom: 0;
        content: '';
        z-index: 2;
        position: absolute;
    }
    .dt_pos01:after{
        background: #1379c0;
        width: 80px;
        height: 2px;
        left: 0;
        bottom: 0;
        content: '';
        z-index: 2;
        position: absolute;
    }
    .dt_pos02{
        font-size: 16px;
        font-weight: 700;
    }
    .dt_pos02:before{
        background: #f0f2f3;
        width: 100%;
        height: 2px;
        left: 0;
        bottom: 0;
        content: '';
        z-index: 2;
        position: absolute;
    }
    .dt_pos02:after{
        background: #05a053;
        width: 80px;
        height: 2px;
        left: 0;
        bottom: 0;
        content: '';
        z-index: 2;
        position: absolute;
    }
    .dt_pos03{
        font-size: 16px;
        font-weight: 700;
    }
    .dt_pos03:before{
        background: #f0f2f3;
        width: 100%;
        height: 2px;
        left: 0;
        bottom: 0;
        content: '';
        z-index: 2;
        position: absolute;
    }
    .dt_pos03:after{
        background: #E3A06B;
        width: 80px;
        height: 2px;
        left: 0;
        bottom: 0;
        content: '';
        z-index: 2;
        position: absolute;
    }
    .regulation_box .support_tit {
        color: #000;
        margin-top: 20px;
        font-size: 16px;
        line-height: 1.5;
    }
    .support_tit .ja {
        font-size: 20px;
        font-weight: 700;
        line-height: 1;
        display: flex;
        justify-content: left;
        align-items: center;
    }
    .support_tit .ja b {
        font-size: 20px;
        line-height: 1;
        font-weight: 700;
        margin-right: 10px;
        text-decoration: none;
    }
    .support_tit .txt {
        text-decoration: underline;
    }
    .regulation .support_top{
        color: #000;
    }
    .regulation_top{
        padding: 20px 0 0;
    }
    .regulation_box{
        background: #fff;
        position: relative;
        margin: 0 -10px;
        z-index: 6;
    }
    .regulation_box .box+.box{
        margin-top: 35px;
    }
    .regulation_tit{
        font-size: 14px;
        color: #d55047;
        margin-bottom: 20px;
        font-weight: 700;
    }
    .regulation_box h3{
        margin-top: 20px;
    }
    .hdA{
        font-size: 18px;
        font-weight: 700;
        text-align: center;
        line-height: 1.2;
    }
    .hdB{
        font-size: 14px;
        font-weight: 700;
        text-align: center;
    }
    .hdB span{
        position: relative;
        display: inline-block;
        padding: 0 45px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .hdB span:before{
        background: #000;
        width: 40px;
        height: 1px;
        left: 0;
        top: 50%;
        content: '';
        z-index: 2;
        position: absolute;
    }
    .hdB span:after{
        background: #000;
        width: 40px;
        height: 1px;
        right: 0;
        top: 50%;
        content: '';
        z-index: 2;
        position: absolute;
    }
    .hdC{
        line-height: 40px;
        font-size: min(4.8vw,16px);
        font-weight: 700;
        width: 100%;
        color: #fff;
        text-align: center;
    }
    .hdC:before{
        -webkit-background-size: contain;
        background-size: contain;
        width: 13px;
        height: 6px;
        left: 50%;
        bottom: -6px;
        transform: translateX(-50%);
        content: '';
        z-index: 2;
        position: absolute;
    }
    .regulation_box .hdm{
        text-align: left;
    }
    .hdD{
        text-align: left;
    }
    .hdD span{
        font-size: min(6vw,18px);
        line-height: 1.1;
        font-weight: 700;
    }
    .hdF{
        font-size: min(4.8vw,20px);
        font-weight: 700;
        line-height: 1.4;
    }
    .hdF span{
        display: block;
        font-size: 14px;
    }
    .reg_title_box{
        margin-top: 40px;
    }
    .reg_title_box .tag{
        display: inline-block;
        padding: 0 16px;
        line-height: 30px;
        font-size: 14px;
        color: #fff;
        background: #1379c0;
        border-radius: 15px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .reg_title_box .ja{
        display: block;
        font-size: min(4.8vw,20px);
        font-weight: 700;
    }
    .reg_title_box .ja_txt{
        font-weight: 400;
        font-size: 14px;
    }
    .regulation_box .support_tit{
        color: #000;
        margin-top: 20px;
    }
    .reg_title_flex .des dd img{
        width: 16px;
        margin-right: 6px;
    }
    .reg_title_flex{
        display: block;
        justify-content: left;
    }
    .reg_title_flex .hdm{
        width: 100%;
        margin-top: 0;
        text-align: center;
    }
    .reg_title_flex .hdm .en{
        font-size: min(6vw,26px);
    }
    .reg_title_flex .hdm .ja{
        font-size: 14px;
    }
    .reg_title_flex .des{
        width: 100%;
    }
    .reg_title_flex .des_tit{
        font-size: 16px;
        font-weight: 700;
        margin-top: 12px;
        line-height: 1.2;
    }
    .reg_title_flex .des_txt{
        margin-top: 10px;
        font-size: 14px;
    }
    .reg_title_flex .des dl{
        border-bottom: 1px solid #000;
        padding: 10px 0;
        display: flex;
        font-weight: 700;
        justify-content: left;
    }
    .reg_title_flex .des dt{
        width: 80px;
        font-size: 14px;
        padding-left: 0;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .reg_title_flex .des dd{
        width: calc(100% - 80px);
        font-size: 14px;
        font-weight: 400;
    }
    .reg_table01 .tit{
        font-size: 16px;
        font-weight: 700;
        margin-bottom: 10px;
    }
    .reg_table01 .txt{
        font-size: 12px;
        margin-top: 5px;
    }
    .reg_table01 .table01{

    }
    .list_reg li{
        font-size: 13px;
        background: url(../images/icon/ico_check_rd_blue.svg) no-repeat left top 4px;
        padding-left: 18px;
        -webkit-background-size: 13px;
        background-size: 13px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .list_reg li+li{
        margin-top: 10px;
    }
    .reg_flex_box{
        display: block;
        justify-content: left;
    }
    .reg_flex_box ul{
        width: 100%;
    }
    .reg_flex_box ul+ul{
        margin-top: 10px;
    }
    .reg_table01 table{
        width: 100%;
        border-top: 2px solid #009d37;
    }
    .reg_table01 table th{
        padding: 12px 0;
        text-align: center;
        background: #ecf7ef;
        font-weight: 700;
        color: #009d37;
        border-bottom: 1px solid #000;
        font-size: 16px;
    }
    .reg_table01 table td{
        padding: 12px 0;
        text-align: center;
        background: #fff;
        font-weight: 700;
        color: #000;
        font-size: 14px;
        border-bottom: 1px solid #000;
    }
    .reg_table01 table th+th{
        border-left: 1px solid #000;
    }
    .reg_table01 table td+td{
        border-left: 1px solid #000;
    }
    .reg_table01 table td:nth-child(1){
        text-align: left;
        padding-left: 10px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .reg_table01 table td span{
        font-size: 20px;
        line-height: 1;
    }
    .num_reg01 li+li{
        margin-top: 10px;
    }
    .num_reg01 li{
        display: flex;
        justify-content: left;
    }
    .reg_table01 table td:nth-child(1){
        font-size: 14px !important;
    }
    .num_reg01 li .num{
        font-size: 16px;
        width: 24px;
        line-height: 1.3;
    }
    .num_reg01 li .txt{
        width: calc(100% - 24px);
        font-size: 14px;
    }
    .num_reg02 dl{
        padding: 18px 0;
        border-bottom: 1px solid #eae8eb;
        display: block;
        justify-content: left;
    }
    .num_reg02 dt{
        width: 100%;
    }
    .num_reg02 dd{
        width: 100%;
    }
    .num_reg02 dt>p{
        display: block;
        width: 60px;
        height: 60px;
        color: #fff;
        margin: 0 auto;
        border-radius: 50%;
        text-align: center;
        padding: 8px 0 0;
        font-size: 13px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .num_reg02 dt>p span{
        font-size: min(5.6vw,24px);
        display: block;
        line-height: 0.8;
    }
    .num_reg02 .dd_tit{
        margin-top: 10px;
        font-size: 15px;
        font-weight: 700;
        margin-bottom: 10px;
    }
    .num_reg02 .dd_txt{
        font-size: 14px;
    }
    .reg_flex_box02{
        margin-top: 0;
    }
    .reg_flex_box02 ul{
        display: flex;
        justify-content: space-between;
    }
    .reg_flex_box02 li{
        width: 49%;
    }
    .reg_flex_box02 .listbox{
        padding: 15px 10px 33px;
        text-align: center;
        position: relative;
        border: 2px solid #f0f2f3;
        background: url(../images/icon/arrow_sr_w.svg) no-repeat bottom 15px center;
        -webkit-background-size: 18px;
        background-size: 18px;
        border-top: 2px solid #1379c0;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .reg_flex_box02 .listnum{
        position: absolute;
        top: 0;
        left: 50%;
        transform: translate(-50%,-50%);
        z-index: 2;
    }
    .reg_flex_box02 .listnum img{
        width: 60px;
    }
    .reg_flex_box02 .listtit01{
        font-size: 12px;
        font-weight: 700;
    }
    .reg_flex_box02 .listtit02{
        font-size: 14px;
        line-height: 1.2;
        font-weight: 700;
        margin: 0 0 10px;
    }
    .reg_flex_box02 .listtxt{
        font-size: 12px;
        text-align: left;
    }
    .reg_flex_box03 ul{
        display: block;
        justify-content: space-between;
    }
    .reg_flex_box03 li{
        width: 100%;
    }
    .reg_flex_box03 li+li{
        margin-top: 10px;
    }
    .reg_flex_box03 .listbox{
        border: 1px solid #f0f2f3;
        padding: 15px 10px 15px;
        text-align: center;
        position: relative;
        display: flex;
        justify-content: left;
        background: #fff;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .reg_flex_box03 .listdes{
        width: calc(100% - 50px);
        padding-left: 8px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .reg_flex_box03 .listnum{
        position: relative;
        transform: translate(0,0);
        z-index: 2;
        border: none;
        width: 50px;
        left: 0;
        top: 0;
        border-radius: 50%;
    }
    .reg_flex_box03 .listnum:before{
        background: url("../images/regulation/ico_beginner03.png") no-repeat top center;
        -webkit-background-size: contain;
        background-size: contain;
        width: 13px;
        height: 8px;
        left: 50%;
        bottom: 14px;
        transform: translateX(-50%);
        content: '';
        z-index: 2;
        position: absolute;
    }
    .reg_flex_box03 .listnum span{
        display: flex;
        width: 50px;
        height: 50px;
        border-radius: 50%;
        -webkit-background-size: contain;
        background-size: contain;
        text-align: center;
        justify-content: center;
        align-items: center;
        font-size: 20px;
        font-weight: 700;
        color: #fff;
    }
    .reg_flex_box03 .listtit01{
        font-size: 14px;
        text-align: left;
        font-weight: 700;
    }
    .reg_flex_box03 .listtxt{
        font-size: 12px;
        margin-top: 5px;
        text-align: left;
    }
    .reg_flex_box04{
        border: 2px solid #eae8eb;
        padding: 30px 15px 20px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .reg_flex_box04 .tit{
        font-size: 14px;
        font-weight: 700;
        margin-bottom: 10px;
        text-align: center;
    }
    .reg_flex_box04 .tit span{
        font-size: 16px;
        display: block;
        margin-top: 10px;
        font-weight: 700;
        text-decoration: underline;
    }
    .reg_flex_box04 .tit b{
        position: relative;
    }
    .reg_flex_box04 .tit b:before{
        background: #000;
        width: 4px;
        height: 4px;
        border-radius: 50%;
        left: 50%;
        top: -4px;
        transform: translateX(-65%);
        content: '';
        z-index: 2;
        position: absolute;
    }
    .reg_flex_box04 .txt{
        font-size: 14px;
        line-height: 1.6;
        font-weight: 400;
    }
    .reg_flex_box04 .reg_flex_btn{
        margin-top: 10px;
        text-align: center;
    }
    .reg_flex_box04 .reg_flex_btn a{
        margin-top: 20px;
        display: inline-block;
        width: 220px;
        line-height: 50px;
        border: 1px solid #1379c0;
        background: url("../images/icon/arrow_sr_blue.svg") no-repeat right 18px center #fff;
        -webkit-background-size: 6px;
        background-size: 6px;
        color: #1379c0;
        text-align: center;
        font-size: 14px;
    }
    .reg_flex_box05 .box{
        display: block;
        justify-content: left;
    }
    .reg_flex_box05 .box .img{
        width: 100%;
        text-align: center;
        order: 2;
    }
    .reg_flex_box05 .box01 .img{
        width: 100%;
        order: 1;
    }
    .reg_flex_box05 .box .des{
        width: 100%;
        padding-right: 0;
        margin-top: 12px;
        order: 1;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .reg_flex_box05 .box01 .des{
        padding-right: 0;
        padding-left: 0;
        order: 2;
    }
    .reg_flex_box05 .box .des_txt{
        font-size: 14px;
        font-weight: 400;
    }
    .reg_flex_box05 .box .des_btn{
        margin-top: 20px;
        text-align: center;
    }
    .reg_flex_box05 .box .des_btn a{
        margin-top: 20px;
        display: inline-block;
        width: 220px;
        line-height: 50px;
        border: 1px solid #1379c0;
        background: url("../images/icon/arrow_sr_blue.svg") no-repeat right 18px center #fff;
        -webkit-background-size: 6px;
        background-size: 6px;
        color: #1379c0;
        text-align: center;
        font-size: 14px;
    }
    .reg_flex_box06{
        border: none;
        border-radius: 0;
        padding: 0;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .reg_flex_box06 .tit_left{
        text-align: left !important;
    }
    .reg_flex_box06 .des_btn01{
        margin-top: 20px;
        display: block;
        justify-content: left;
        align-items: center;
    }
    .reg_flex_box06 .des_btn01 img{
        width: 14px;
        margin-right: 5px;
        position: relative;
        top: -3px;
    }
    .reg_flex_box06 .des_btn01{
        text-align: center;
    }
    .reg_flex_box06 .des_btn01 a{
        margin-top: 20px;
        display: inline-block;
        width: 220px;
        line-height: 50px;
        border: 1px solid #1379c0;
        background: url(../images/icon/arrow_sr_blue.svg) no-repeat right 18px center #fff;
        -webkit-background-size: 6px;
        background-size: 6px;
        color: #1379c0;
        text-align: center;
        font-size: 14px;
    }
    .regulation_box_img .iimg01{
        display: flex;
        justify-content: flex-end;
    }
    .regulation_box_img .iimg01 img{
        width: calc(100% - 20px);
    }
    .regulation_box_img .iimg02 img{
        width: 100%;
    }
    .regulation_box01{
        background: #fff;
        margin: 0 -10px;
    }
    .regulation_box_img .regulation_tit{
        margin-top: 20px !important;
        display: none !important;
        margin-bottom: 0 !important;
    }
    .iimg02{
        margin-top: 10px;
    }
    .regulation_box02{
        padding: 30px 0;
        margin: 0 -10px;
        background: #fff;
    }
    .regulation .btn_flex ul{
        margin-bottom: 30px;
        display: flex;
        justify-content: space-between;
    }
    .regulation_box03{
        background: #fff;
        padding: 0 0 40px;
        margin: 0 -10px;
    }
    .regulation .btn_flex ul li{
        width: 32%;
    }
    .btn_flex .list01 .btn01 a{
        font-size: 12px !important;
    }
    .regulation .btn_flex ul li a{
        display: block;
        width: 100% !important;
    }
    .regulation .btn_flex .list02 li{
        width: 49%;
    }
    .regulation .btn_flex ul.list03{
        justify-content: center;
    }
    .regulation .top_info_box .char_popo_02{
        display: none;
    }
    .regulation .top_info_box{
        padding: 0;
    }
    .btn_center{
        text-align: center !important;
    }
    .btn_center a{
        display: inline-block;
        width: 220px;
    }
    .btn_center01 a{
        display: inline-block;
        width: 220px;
        line-height: 44px;
        font-size: 15px;
        color: #fff;
    }
    .btn_center01 a:hover{
    }
    .btn_center02 a{
        display: inline-block;
        width: 220px;
        line-height: 44px;
        font-size: 15px;
        color: #fff;
    }

    .regulation .others_link img{
        width: 8px;
        margin-right: 8px;
        margin-left: 8px;
    }

    .regulation .others_link .list02 li{
        display: flex;
        justify-content: flex-end;
    }
    .regulation .img_right img{
        width: 18px;
        margin-right: 0;
        margin-left: 5px;
    }
    .regulation .access_btn img{
        width: 20px;
        margin-right: 5px;
    }
    .regulation .access_btn a{
        font-size: 16px;
        font-weight: 700;
        color: #000000;
    }
    .regulation .access_btn .img_right img{
        margin-left: 5px;
        margin-right: 5px;
    }
    .regulation .others_link li a{
        font-size: 14px;
        font-weight: 700;
        display: flex;
        align-items: center;
        justify-content: left;
        color: #000;
    }
    .regulation .others_link .img_small img{
        width: 7px;
        margin-left: 8px;
        margin-right: 8px;
    }
    .regulation .others_link li+li{
        margin-top: 10px;
    }
    .regulation  .works .pagenav_txt{
        margin-top: 0 !important;
    }
    .reg_flex_box03 li{
        position: relative;
    }
    .reg_flex_box03 li+li:before{
        display: none;
    }
    .text_unde{
        text-decoration: underline;
    }
    .regulation_box .sp_box{
        overflow-x: auto;
    }
    .regulation_box .sp_box table{
        width: 800px;
    }
    .reg_flex_box06 .box{
        display: block;
        justify-content: left;
    }
    .reg_flex_box06 .box .des{
        margin-top: 0;
    }
    .btn01 a{
        border: 2px solid #1379c0;
        display: inline-block;
        width: 200px;
        line-height: 40px;
        font-size: 12px;
        text-align: center;
        color: #fff;
        background: url("../images/icon/arrow_sr_wh.svg") no-repeat right 5px center #1379c0;
        -webkit-background-size: 4px;
        background-size: 4px;
    }
    .regulation .access_btn img{
        width: 16px;
        margin-right: 5px;
    }
    .regulation .access_btn a{
        font-size: 14px;
        font-weight: 700;
        color: #000000;
    }
    .regulation .access_btn a span{
        display: inline-block;
        border-bottom: 1px solid #000;
        padding-bottom: 1px;
    }
    .rental_tit .en{
         font-size: 45px;
        line-height: 0.9;
        display: block;
    }
    .rental_tit .ja{
        font-size: 20px;
        font-weight: 700;
        display: block;
        line-height: 1.4;
    }
    .rental_txt{
        font-size: 14px;
        padding-right: 0;
        margin-top: 10px;
        display: flex;
        margin-bottom: 10px;
        justify-content: flex-end;
        text-align: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .rental_faq_box .box dl{
        border: 1px solid #e2e8f0;
    }
    .rental_faq_box .box dl+dl{
        margin-top: 15px;
    }
    .rental_faq_box .box dt{
        width: 100%;
        background: url("../images/regulation/faq03.png") no-repeat right 10px center #e7f1f9;
        -webkit-background-size: 12px;
        background-size: 12px;
        position: relative;
        font-size: 15px;
        padding: 12px 30px 12px 42px;
        cursor: pointer;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .rental_faq_box .box dt.on{
        background: url("../images/regulation/faq04.png") no-repeat right 10px center #e7f1f9;
    }
    .rental_faq_box .box dt img{
        position: absolute;
        top: 10px;
        left: 13px;
        z-index: 2;
        width: 24px;
    }
    .rental_faq_box .box dd{
        width: 100%;
        background: #fff;
        position: relative;
        font-size: 15px;
        display: none;
        padding: 12px 12px 12px 42px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .rental_faq_box .box dd img{
        position: absolute;
        top: 10px;
        left: 13px;
        z-index: 2;
        width: 24px;
    }
    .rental_faq_box .box dd span{
        font-size: 14px;
        line-height: 1.8;
    }
    .rental_faq_box .box dd .dd_flex_btn{
        margin-top: 10px;
        text-align: center;
    }
    .rental_faq_box .box dd a{
        margin-top: 20px;
        display: inline-block;
        width: 220px;
        line-height: 50px;
        border: 1px solid #1379c0;
        background: url(../images/icon/arrow_sr_blue.svg) no-repeat right 18px center #fff;
        -webkit-background-size: 6px;
        background-size: 6px;
        color: #1379c0;
        text-align: center;
        font-size: 14px;
    }
    .works .pagenav_txt{
        margin-top: 35px;
        display: flex;
        justify-content: center;
        font-size: 35px;
        color: #2f1e3d;
        line-height: 1;
    }
    .works .pagenav_txt .pagenav_txt_left{
        color: #009d37;
    }
    .works .pagenav_btn{
        display: flex;
        max-width: 1240px;
        margin: 0 auto;
        position: relative;
        margin-bottom: 20px;
        justify-content: center;
    }
    .works .pagenav_btn a{
        margin-left: 10px;
    }
    .works .pagenav{
        margin-bottom: 25px;
    }
    .pagenav ul{
        margin-top: 10px;
        display: flex;
        justify-content: center;
        align-items: center;
        position: relative;
        z-index: 1;
    }
    .pagenav ul li{
        margin: 0 5px;
    }
    .pagenav ul li a{
        font-size: 30px;
        color: #2f1e3d;
        line-height: 1;
    }


    .contact_box{
        margin-top: 30px;
    }
    .contact_box dl{
        padding: 15px 0;
        display: block;
        justify-content: left;
        align-items: flex-start;
        border-top: 1px solid #f0f2f3;
    }
    .contact_box dl.last{
        border-bottom: 1px solid #f0f2f3;
    }
    .contact_box dt{
        width: 100%;
        display: flex;
        padding-top: 0;
        font-size: 16px;
        justify-content: space-between;
        align-items: center;
    }
    .contact_box dt span{
        display: inline-block;
        width: 50px;
        line-height: 25px;
        background: #ff4451;
        font-size: 13px;
        text-align: center;
        color: #fff;
    }
    .contact_box .input_tit{
        margin-top: 10px;
        font-size: 14px;
        margin-bottom: 3px;
    }
    .contact_box dd{
        width: 100%;
        margin-top: 10px;
        padding-left: 0;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .contact_box dd ul{
        display: flex;
        justify-content: left;
    }
    .contact_box dd li{
        margin-right: 10px;
    }
    .contact_box dd li label{
        display: flex;
        align-items: center;
        font-size: 14px;
    }
    .contact_box dd li label input{
        display: none;
    }
    .contact_box dd li label input+span{
        display: inline-block;
        width: 22px;
        height: 22px;
        margin-right: 7px;
        background: url("../images/regulation/radio01.png") no-repeat left center;
        -webkit-background-size: contain;
        background-size: contain;
    }
    .contact_box dd li label input:checked+span{
        display: inline-block;
        width: 22px;
        height: 22px;
        margin-right: 7px;
        background: url("../images/regulation/radio02.png") no-repeat left center;
        -webkit-background-size: contain;
        background-size: contain;
    }
    .contact_box dd input[type=text]{
        display: block;
        width: 100%;
        outline: none;
        border: none;
        background: #f0f2f3;
        font-size: 16px;
        padding: 18px 10px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .contact_box dd select{
        display: block;
        width: 100%;
        outline: none;
        border: none;
        background: #f0f2f3;
        font-size: 16px;
        padding: 18px 10px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .contact_box dd textarea{
        display: block;
        width: 100%;
        height: 180px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        outline: none;
        border: none;
        background: #f0f2f3;
        font-size: 16px;
        padding: 18px 10px;
    }
    .contact_box .agree{
        text-align: center;
        margin: 25px auto 15px;
    }
    .contact_box .agree label{
        display: flex;
        justify-content: center;
        align-items: center;
        
        font-size: 16px;
    }
    .contact_box .agree label a{
        font-size: 16px;
        color: #000;
        display: inline-block;
        padding-bottom: 2px;
        border-bottom: 2px solid #000;
    }
    .contact_box .agree label input{
        display: none;
    }
    .contact_box .agree label input+span{
        display: inline-block;
        width: 22px;
        height: 22px;
        margin-right: 7px;
        background: url("../images/regulation/check01.png") no-repeat left center;
        -webkit-background-size: contain;
        background-size: contain;
    }
    .contact_box .agree label input:checked+span{
        display: inline-block;
        width: 22px;
        height: 22px;
        margin-right: 7px;
        background: url("../images/regulation/check02.png") no-repeat left center;
        -webkit-background-size: contain;
        background-size: contain;
    }
    .submit_btn{
        display: block;
        justify-content: space-between;
    }
    .submit_btn>p{
        width: 100%;
    }
    .submit_btn input{
        display: block;
        width: 100%;
        outline: none;
        font-size: 16px;
        border: 1px solid #eaeaea;
        padding: 15px 0;
        cursor: pointer;
        text-align: center;
        background: url("../images/icon/ico_reset.svg") no-repeat right 30px center #f0f2f3;
        -webkit-background-size: 24px;
        background-size: 24px;
        font-family: 'Noto Sans JP', sans-serif;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .submit_btn input:hover{
        background: url("../images/icon/ico_reset.svg") no-repeat right 30px center #fff;
        -webkit-background-size: 29px;
        background-size: 29px;
    }
    .submit_btn .submit_link:nth-child(2){
        margin-top: 15px;
    }
    .submit_btn .submit_link:nth-child(2) input{
        color: #fff;
        border: 1px solid #ff4451;
        background: url("../images/icon/arrow_sr_w_wh.svg") no-repeat right 30px center #ff4451;
        -webkit-background-size: 24px;
        background-size: 24px;
    }
    .submit_btn .submit_link:nth-child(2) input:hover{
        border: 1px solid #eaeaea;
        color: #000;
        background: url("../images/icon/arrow_sr_w.svg") no-repeat right 30px center #fff;
        -webkit-background-size: 29px;
        background-size: 29px;
        box-shadow: 0 0 5px rgba(0,0,0,0.1);
    }
    .contact_box dl.other dt{
        align-items: flex-start;
    }
    .contact_box dl.other dt .must_box{
        display: none;
    }
    .contact_box dl.other dd .sp_flex{
        display: flex;
        justify-content: space-between;
        font-size: 16px;
        margin: 10px 0;
    }
    .contact_box dl.other dd .sp_flex .must{
        display: inline-block;
        width: 50px;
        line-height: 25px;
        background: #ff4451;
        font-size: 13px;
        text-align: center;
        color: #fff;
    }
    .contact_box dl.other dt .must_box li+li{
        margin-top: 57px;
    }
    .contact_box dl.other dd p+p{
        margin-top: 10px;
    }
    .wh01{
        width: 100% !important;
    }
    .wh02{
        width: 100% !important;
    }


}

/*-------------------資格者一覧-------------------*/
.flex-center-center{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center !important;
}
.flex-center-between{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}
.flex-bottom-between{
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    justify-content: space-between;
}
.flex-center-left{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
}
.flex-top-left{
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
}
.flex-center-right{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
}
.flex-bottom-center{
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    justify-content: center;
}

.flex-reverse {
    flex-direction: row-reverse !important;
}

.flex-wrap {
    flex-wrap: wrap !important;
}


.twoCol {
    flex-wrap: wrap;
    align-items: flex-start;
    margin: 2rem 0 10rem;
}

.twoCol .colItem {
    width: 48%;
    margin-bottom: 5rem;
}

.tableBasic01 {
    width: 100%;
    border-collapse: collapse;
}


.tableBasic01 th,
.tableBasic01 td {
    padding: 1rem;
    font-size: 1.6rem;
    text-align: center;
    
    border:2px solid #f0f2f3;
}

.tableBasic01 th {
    background: #f0f2f3;
    border-top: 2px solid #1379c0;
    width: 75%;
    font-weight: bold;
}

.tableBasic01 th:nth-child(2n+1) {
    border-right: 2px solid #fff;
}
@media screen and (max-width: 767px) {
	.twoCol{
        display: block;
        margin: 2rem 0 4rem;
    }

    .twoCol .colItem {
        width: auto;
        margin-bottom: 3rem;
    }

    .tableBasic01 th,
    .tableBasic01 td {
        padding: 1rem;
        font-size: min(3vw,1.6rem);
        text-align: center;
        font-weight: normal;
        border:1px solid #f0f2f3;
    }
    .tableBasic01 th {
        border-top: 1px solid #1379c0;
    }

    .tableBasic01 th:nth-child(2n+1) {
        border-right: 1px solid #fff;
    }
}


/*-------------------会社概要-------------------*/
.w_auto {
    width: auto !important;
}

.flex_none {
    display: block !important;
}

.profile + .profile {
    padding: 10rem 0 0;
}

.profile .dt_bt01 {
    margin-bottom: 4rem;
}

.profile .reg_title_flex .des dt {
    width: 30%;
}

.profile .box + .box {
    padding-top: 10rem;
}

.profile .text_flex {
    max-width: 50%;
    overflow: hidden;
}

.profile .text_flex02 {
     max-width: 35%;
}

.profile .text_flex li {
    float: left;
}

.profile .text_flex li:nth-child(2n+1) {
    width: 60%;
}

@media screen and (max-width: 767px) {
    .profile .reg_title_flex .des dt {
        width: 27%;
    }
	
	.profile +.profile {
        padding: 5rem 0;
    }

    .profile .dt_bt01 {
        margin-bottom: 1rem;
    }

    .profile .box + .box {
        padding-top: 5rem;
    }

    .profile .reg_title_flex dl{
        justify-content: space-between;
    }

    .profile .reg_title_flex .des dd {
        width: 65%;
    }

    .profile .text_flex02,
    .profile .text_flex {
        max-width: 100%;
    }

    .profile .text_flex li:nth-child(2n+1) {
        width: 65%;
    }

}

/*-------------------資料請求-------------------*/
.comTxt {
    font-size: 1.6rem;
}

.max_w_60 {
    max-width: 60%;
    margin: 0 auto;
}

.max_w_80 {
    max-width: 80%;
    margin: 0 auto;
}


.twoColImg .item {
    margin: 2rem;
}

.twoColImg .tit {
    font-size: 1.8rem;
    font-weight: bold;
    margin-top: 1rem;
    text-align: center;
}

.twoColImg .tit.has_checkicon span {
    background: url('../images/common/icon_check_blue.png') no-repeat left center;
    padding-left: 3rem;
    background-size: 2rem auto;
}

.request .contact_box {
    padding-top: 10rem;
}

.request .company_list {
    margin-top: 8rem;
}

.request .company_list ul {
    display: flex;
    justify-content: center;
}

.label-checkbox {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.8rem;
    font-weight: bold;
    margin-top: 1rem;
}

.label-checkbox input[type="checkbox"] {
    width: 1.8rem;
    height: 1.8rem;
    margin-right: 5px;
}
@media screen and (max-width: 767px) {
    .max_w_60,
    .max_w_80 {
        max-width: 100%;
    }
    .request .company_list ul {
        display: block;
    }

    .twoColImg .item {
        margin: min(2vw, 1rem);
    }

    .twoColImg .tit {
        font-size: 1.6rem;
    }

    .label-checkbox {
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 1.6rem;
        font-weight: bold;
        margin-top: 1rem;
    }

    .label-checkbox input[type="checkbox"] {
        width: 1.6rem;
        height: 1.6rem;
        margin-right: 2px;
    }

    .twoColImg .tit.has_checkicon span {
        padding-left: 2rem;
        background-size: 1.6rem auto;
    }

    .request .contact_box {
        padding-top: 4rem;
    }

    .request .company_list {
        margin-top: 7rem;
    }
    .comTxt {
        font-size: 1.4rem;
		text-align: left;
    }
}


/*-------------------プライバシーポリシー-------------------*/
.regulation.privacy_policy .btn_flex ul li {
    margin-bottom: 2rem;
}

.txt_inline {
    display: inline-block;
}
.privacy_policy.regulation .btn01 a {
    font-size: 1.8rem;
    background: #1379c0;
    position: relative;
    padding-right: 35px;
    width: calc(100% - 25px) !important;
}

.privacy_policy.regulation .btn01 a:before {
    position: absolute;
    content: '';
    width: 6px;
    height: 12px;
    background: url(../images/icon/arrow_sr_wh.svg) no-repeat;
    -webkit-background-size: 6px;
    background-size: 6px;
    right: 25px;
    top: 50%;
    transform: translate(0,-50%) rotate(90deg);
}

.privacy_policy.regulation .btn01 a:hover {
    color: #fff;
    opacity: 0.7;
}

.blockItem {
    margin-bottom: 7rem;
}

.numList {
    margin-top: 2rem;
    margin-bottom: 4rem;
}

.numList > li {
    list-style-type: decimal;
    font-size: 1.6rem;
    margin-left: 2rem;
    margin-bottom: 1.5rem;
}

.numList02 {
    list-style: none;
    counter-reset: my-awesome-counter;
    margin-left: 2rem;
    margin-bottom: 2rem;
}

.numList02 li {
  counter-increment: my-awesome-counter;
}

.numList02 li::before {
  content: "（" counter(my-awesome-counter) "）";
}

.discList {
    margin-bottom: 2rem;
}

.discList > li {
    list-style-type: disc;
    margin-left: 2.5rem;
}

.boxStyle01 {
    background: #EAF1F4;
    padding: 6rem;
    margin: 5rem 0;
    
}

.boxStyle01 .comTxt {
    font-size: 1.8rem;
}

.boxStyle01 .comTxt + .comTxt {
    margin-top: 2rem;
}

.discList02 {
    margin-bottom: 2rem;
}

.discList02 > li {
    list-style-type: circle;
    margin-left: 2.5rem;
    font-size: 1.4rem;
    margin-bottom: 1.5rem;
}

@media screen and (max-width: 767px) {
    .regulation.privacy_policy .btn_flex ul {
        display: block;
    }

    .regulation.privacy_policy .btn_flex .list02 li {
        width: auto;
    }

    .regulation.privacy_policy .btn01 a {
        font-size: 1.2rem;
        display: flex;
        align-items: center;
        line-height: inherit;
        height: 40px;
        justify-content: center;
        padding-right: 1rem;
        width: calc(100% - 1rem) !important;
    }
    .numList02 {
        margin-left: 1rem;
    }

    .numList > li {
        font-size: 1.4rem;
    }

    .boxStyle01 {
        padding: 2rem;
        margin: 3.5rem 0;
    }

    .boxStyle01 .comTxt {
        font-size: 1.4rem;
    }

    .blockItem {
        margin-bottom: 5rem;
    }

    .privacy_policy.regulation .btn01 a:before {
        right: 7px;
    }
}

/*-------------------アクセス-------------------*/
.box_none {
    border: 0;
    padding: 0;
}

.mt0 {
    margin-top: 0 !important;
}

.access .reg_title_box .tag {
    min-width: 230px;
    text-align: center;
}

.dl_access {
    display: table;
    width: 100%;
}

.tbl_access {
    font-size: 1.6rem;
}

.tbl_access th {
    font-weight: normal;
}

.tbl_access td {
    padding-left: 1.5rem;
}

.access .boxStyle01 {
    margin: 2.5rem 0 0;
}
.access .boxStyle01 .comTxt {
    font-size: 1.6rem;
    font-weight: normal;
}

.map_link a{
    font-size: 1.6rem;
    background: url('../images/icon/icon_map.png') no-repeat left center;
    background-size: 2.2rem auto;
    padding-left: 3rem;
    color: #000;
    display: block;
}

.map_link a:hover {
    text-decoration: underline;
}

@media screen and (max-width: 767px) {
    .tbl_access {
        font-size: 1.4rem;
    }

    .access .boxStyle01 .comTxt {
        font-size: 1.4rem;
        font-weight: normal;
    }

    .tbl_access th,
    .tbl_access td {
        vertical-align: top;
    }

    .tbl_access th {
        width: 75%;
    }

    .access .reg_flex_box05 .box01 .img {
        width: auto;
    }

    .access .reg_flex_box05 .box01 .img img {
        max-width: 60%;
    }
}

@media screen and (max-width: 375px) {
    .tbl_access {
        font-size: 1.26rem;
    }
}

.fc_lightgreen {
    font-style: normal;
    color: #99C280 !important;
}

.fc_lightblue {
    font-style: normal;
    color: #62B3DE !important;
}

.fc_lightorange {
    font-style: normal;
    color: #E3A06B !important;
}

.twoColumn {
    margin-bottom: 3rem;
}

.twoColumnImgL {
    width: 350px;
    margin-right: 2rem;
}

.twoColumnImgR {
    width: 350px;
    margin-right: 0;
    margin-left: 2rem;
}

.twoColumnTxt {
    width: calc(100% - 370px);
}

.dlBox {
    border-bottom: 1px solid #000;
    padding: 13px 0;
    display: flex;
    font-weight: 400;
    justify-content: space-between;
    align-items: center;
}

.dlBox dt {
    padding-left: 5px;
    width: 50%;
}

.dlBox dd {
    width: 48%;
    font-size: 1.6rem;
}

.esg_sustainability .hdm .en,
.esg_sustainability .hdm .ja {
    font-weight: 500;
}

.esg_sustainability .boxStyle01 {
    padding: 4rem;
}

.esg_sustainability .boxStyle01 .comTxt {
    font-size: 1.6rem;
    font-weight: normal;
}

.esg_sustainability .hdm .en01 {
     text-decoration: none !important; 
    display: inline-block;
    line-height: 1;
}

.bg_lightgreen {
    background: #ecf3e8 !important;
}

.bg_lightorange{
    background: #FDFAF4 !important;
}

.boxWhite {
    background: #fff;
    padding: 2rem;
}

.h4Sd01 {
    font-size: 2rem;
    font-weight: bold;
    margin-bottom: 1rem;
}

.listtxt {
    margin-left: 2rem;
    margin-bottom: 4rem;
}


.listtxt li {
    position: relative;
    padding-left: 2rem;
    font-size: 1.6rem;
}

.listtxt li + li {
    margin-top: 1rem;
}

.listtxt li:before {
    position: absolute;
    content: '∟';
    font-size: 1.6rem;
    left: 0;
    top: 0;
}

.mb0 {
    margin-bottom: 0 !important;
}

@media screen and (max-width: 767px) {
    .twoColumn {
        margin-bottom: 3rem;
        display: block;
    }

    .twoColumnImgL {
        width: auto;
        margin-right: auto;
        margin-bottom: 1rem;
        text-align: center;
    }

    .esg_sustainability  .twoColumnImgL img {
        max-width: 70%;
    }

    .twoColumnImgR {
        width: auto;
        margin-right: 0;
        margin-left: 0;
        margin-bottom: 1rem;
    }

    .twoColumnTxt {
        width: auto;
    }

    .dlBox {
        display: block;
    }

    .dlBox dt {
        padding: 0 0 5px;
        width: auto;
    }

    .dlBox dd {
        width: auto;
        font-size: 1.4rem;
    }

    .esg_sustainability .boxStyle01 {
        padding: 2rem;
    }

    .esg_sustainability .boxStyle01 .comTxt {
        font-size: 1.4rem;
    }

    .h4Sd01 {
        font-size: 1.6rem;
    }

    .listtxt {
        margin-bottom: 2rem;
    }

    .listtxt li {
        font-size: 1.4rem;
    }

    .listtxt li:before {
        font-size: 1.4rem;
    }
}

.catch_txt {
    padding-bottom: 6rem;
    text-align: center;
}

.catch_txt p {
    margin-top: 1rem;
}

.box_radius01 {
    background: #f1f5f9;
    padding: 6rem;
    margin-bottom: 4rem;
}

.before_afterBox {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 4rem;
}

.before_afterBox li {
    width: 45%;
    position: relative;
}

.before_afterBox li:before {
    background: url(../images/regulation/ico_beginner02.png) no-repeat left center;
    -webkit-background-size: contain;
    background-size: contain;
    width: 16px;
    height: 26px;
    right: -55px;
    top: 50%;
    transform: translateY(-50%);
    content: '';
    z-index: 2;
    position: absolute;
}

.before_afterBox li:nth-child(2n):before {
    display: none;
}

.before_afterBox li .label_txt {
    display: inline-block;
    min-width: 100px;
    padding: 5px 40px;
    font-size: 1.6rem;
    font-weight: 500;
    text-align: center;
    margin-bottom: 1rem;
   
}

.before_afterBox li .before {
    background: #05a053;
    color: #fff;
}

.before_afterBox li .after {
    background: #1379c0;
    color: #fff;
}

.bd_insp .company_top li {
    width: 33.33%;
}

.bd_insp .company_top li .listimg img {
    width: 100%;
}
.bd_insp .company_top .des_txt {
    padding: 0 5px;
}

.hdt.color02:before {
    background: #1379c0;
}

.actual_intro {
    margin-top: 8rem;
}

.actual_intro .slider_actual {
    margin-top: 6rem;
    margin: 6rem -1.5rem 0;
}

.actual_intro .slider_actual .item_slider {
    margin: 6px 1.5rem;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);
}

.actual_intro .slider_actual .item_slider .img {
    text-align: center;
}

.actual_intro .slider_actual .item_slider .img img {
    display: inline-block;
    height: 215px;
    object-fit: contain;
}

.actual_intro .slick-next {
    background: url('../images/bd_insp/slider_next.svg') no-repeat right center;
    top: 50%;
    right: -40px;
    transform: translate(0,-50%);
	width: 20px;
}

.actual_intro .slick-prev {
    background: url('../images/bd_insp/slider_prev.svg') no-repeat left center;
    top: 50%;
    left: -40px;
    transform: translate(0,-50%);
	width: 20px;
}

.actual_intro .boxIn {
    padding: 2.5rem;
}

.actual_intro .tit {
    background: #1379c0;
    font-size: 1.6rem;
    font-weight: bold;
    color: #fff;
    text-align: center;
    padding: 1rem 2rem;
    margin-bottom: 2rem;
}
@media screen and (max-width: 767px) {
    .catch_txt {
        padding-bottom: 4rem;
    }

    .box_radius01 {
        padding: 1.5rem;
        margin-bottom: 3rem;
    }

    .before_afterBox {
        display: block;
        margin-top: 3rem;
    }

    .before_afterBox li {
        width: auto;
        margin-bottom: 5rem;
    }

    .before_afterBox li:before {
        right: auto;
        left: 50%;
        bottom: -40px;
        transform: translate(-50%,0) rotate(90deg);
        top: auto;
    }

    .before_afterBox li .img {
        text-align: center;
    }

    .before_afterBox li:last-child{
        margin-bottom: 0;
    }

    .before_afterBox li .label_txt {
        font-size: 1.3rem;
        min-width: 80px;
        padding: 5px 15px;
    }

    .bd_insp .company_top li {
        width: 50%;
    }
    .bd_insp .company_top .listdes {
        padding: 15px 0 0;
    }

    .actual_intro {
        margin: 6rem 0 0;
    }

    .actual_intro .slider_actual {
        margin-top: 4rem;
    }

    .actual_intro .slick-next {
        background: url(../images/bd_insp/slider_next.svg) no-repeat right center;
        right: -20px;
        background-size: contain;
    }

    .actual_intro .slick-prev {
        background: url(../images/bd_insp/slider_prev.svg) no-repeat left center;
        left: -20px;
        background-size: contain;
    }

    .actual_intro .boxIn {
        padding: 1.5rem;
    }

    .actual_intro .tit {
        font-size: min(4vw, 1.8rem);
        margin-bottom: 1rem;
		padding: 0.5rem 1rem;
    }

    .actual_intro .slider_actual .item_slider .img img {
        height: min(50vw, 312px);
    }
}

.box_radius02 {
    background: #F4F4F4;
    padding: 6rem 10rem;
    margin-bottom: 4rem;
}

.box_radius03 {
    background: #fff;
    padding: 3rem;
}

.box_radius04 {
    background: #f1f5f9;
    padding: 4.5rem 6rem;
    margin-bottom: 4rem;
}

.box_radius05 {
    background: #ecf3e8;    
    padding: 3rem 3rem 5rem;
    margin-bottom: 4rem;
}

.box_radius06 {
   background: #0c8e86;
    border-radius: 12px;
    padding: 1rem 2rem;
    margin-bottom: 2rem;
    color: #fff;
}


.twoImg .img {
    width: 25%;
    margin: 0 1rem;
}

.less006em {
    letter-spacing: -0.06em;
}

.due_d .hdC{
    width: auto;
    max-width: 70%;
}

.due_d .reg_flex_box ul {
    width: 65%;
}

.due_d .blockItem {
    margin-bottom: 10rem;
}

.reportList {
    margin-top: 5rem;
}

.reportList dl {
    display: flex;
    align-items: center;
    background: #F5F5F5;
    margin-bottom: 3rem;
}

.reportList dl dt {
    width: 400px;
}

.reportList dl dd {
    padding: 0 4rem 0 7rem;
    width: calc(100% - 400px - 11rem);
}

.reportList dl dd .comTxt {
    letter-spacing: -0.06em;
    line-height: 1.8;
}

.threeCol {
    display: flex;
    flex-wrap: wrap;
     margin-left: -3rem;
}

.threeCol li {
    width: 33.33%;
}

.threeCol li .colItem {
    margin-left: 3rem;
    padding: 2rem;
}

.threeCol li .colItem .boxIn {
    padding: 0 2rem 2rem;
}

.threeCol li .colItem.has_arrow {
    position: relative;

}
.threeCol li .colItem.has_arrow:before {
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 20px solid #fff;
    left: 50%;
    bottom: -20px;
    transform: translate(-50%,0);
}

.bgWhite {
    background: #fff;
}

@media screen and (max-width: 767px) {
    .box_radius02  {
        padding: 2rem;
    }
    .box_radius03 {
        padding: 1.5rem;
    }

    .due_d .blockItem {
        margin-bottom: 6rem;
    }

    .twoImg .img {
        width: 33.33%;
        margin: 0 1rem;
    }

    .box_radius04 {
        padding: 2rem;
    }

    .due_d .hdC {
        width: auto;
        max-width: 100%;
        line-height: inherit;
        padding: 1rem;
    }

    .due_d .reg_flex_box  {
        display: block;
    }

    .due_d .reg_flex_box ul {
        width: auto;
    }

    .reportList {
        margin-top: 3rem;
    }

    .reportList dl {
        display: block;
    }

    .reportList dl dt {
        width: auto;
    }

    .reportList dl dd {
        padding: 2rem;
        width: auto;
    }
	
	.box_radius05 {
    background: #ecf3e8;
    padding: 1.5rem 1.5rem 3rem;
    margin-bottom: 4rem;
}

    .threeCol {
        display: block;
        margin-left: 0;
    }

    .threeCol li {
        width: auto;
        margin-bottom: 3rem;
    }

    .threeCol li:last-child {
        margin-bottom: 0;
    }

    .threeCol li .colItem {
        margin-left: 0;
        padding: 1rem;
    }

    .threeCol li .colItem .boxIn {
        padding: 0 1rem 1rem;
    }

    .threeCol li .colItem.has_arrow:before {
        position: absolute;
        content: '';
        width: 0;
        height: 0;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-top: 12px solid #fff;
        left: 50%;
        bottom: -12px;
        transform: translate(-50%,0);
    }

    .due_d .reg_table01 table th {
        font-size: 14px;
    }
}


/*-------------------社長からのメッセージ-------------------*/
.message .twoColumn {
    align-items: flex-start;
    width: 1020px;
    margin: 0 auto;
}

.message .twoColumn .twoColumnImgL{
    width: 300px;
}

.message .twoColumn .twoColumnTxt {
    width: calc(100% - 320px);
}
.message .twoColumn .comTxt {
    line-height: 1.8;
}
.message .twoColumn .comTxt + .comTxt {
    margin-top: 3rem;
}

.message .sign_txt {
    margin-top: 3rem;
    text-align: right;
    font-size: 1.8rem;
    font-weight: bold;
}

.messageBox {
    position: relative;
    margin-top: 10rem;
}

.messageBox > ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    background: url('../images/company/mess_bg.png') no-repeat center;
    background-size: contain;
    padding: 3rem 0;
}

.messageBox > ul > li {
    width: 50%;
    margin-bottom: 2rem;
}

.messageBox > ul > li:nth-child(1) {
    width: 100%;
    flex-shrink: 2;
    display: flex;
    justify-content: center;
}

.messageBox > ul > li:nth-child(1) .item {
    width: calc(50% - 6rem);
   color: #333333;
    background: rgb(163 189 218 / 72%);
  font-size: 30px;
  border-radius: 3px;
  box-shadow: inset 0px 12px 25px 5px rgb(20 106 199);
}

.messageBox > ul > li .item {
    padding:2rem 1rem;
    margin: 0 1rem;
    text-align: center;
}

.messageBox > ul > li:nth-child(2) .item {
    background: rgb(237 228 183 / 72%);
     font-size: 30px;
  border-radius: 3px;
  box-shadow: inset 0px 12px 25px 5px rgb(157 137 3);
}

.messageBox > ul > li:nth-child(3) .item {
    background: rgb(137 214 185 / 72%);
      border-radius: 3px;
  box-shadow: inset 0px 12px 25px 5px rgb(3 149 94);
}
.messageBox > ul > li .tit {
    font-size: 3rem;
    font-weight: bold;
    margin-bottom: 2rem;
}

.messageBox > ul > li .comTxt {
    font-size: 2rem;
}

.messageBox .numList {
    display: inline-block;
    text-align: left;
    margin: 0;
}

.messageBox .numList li {
    font-size: 2rem;
}

#messDetail.modal {
    background: rgba(1, 59, 128, .83);
    transition: all .4s;
    padding: 8rem 5rem;
    width: 100%;
    max-width: 1024px;
    box-shadow: none;
    color: #fff;
}

#messDetail .close-modal  {
    display: none !important;
}

.blocker.current {
    z-index: 99999;
}

.modal:target {
  visibility: visible;
  opacity: 1;
}

.modal__close {
    position: absolute;
    top: 10px;
    right: 10px;
    color: #fff;
    text-decoration: none;
    font-size: 3rem;
}

.messDetail .modal_content {
    width: 100%;
    height: 100%;
}

.messDetail .hdm {
    color: #fff;
    margin-bottom: 4rem;
}

.messDetail .hdm .en {
    display: inline-block;
    min-width: 150px;
}

.messDetail .hdm .ja {
    display: inline-block;
    margin-left: 2rem;
}

.messDetail .modal_content dl {
    display: table;
    table-layout: fixed;
}

.messDetail .modal_content dt,
.messDetail .modal_content dd {
    display: table-cell;
    font-size: 1.6rem;
    color: #fff;
    line-height: 1.8;
}

.messDetail .modal_content dt span {
    min-width: 120px;
    display: inline-block;
}

.messDetail .modal_content .dl_color span {
    min-width: 75px;
    display: inline-block;
}

.messDetail .modal_content dd {
    padding-left: 1rem;
}

.messDetail .modal_content .contTxt + .contTxt {
    margin-top: 5rem;
}

.mess_logo img {
    max-width: 140px;
}

@media screen and (max-width: 767px) {
    .message .twoColumn {
        width: auto;
        max-width: 100%;
    }

    .message .twoColumn .twoColumnImgL{
        width: auto;
        text-align: center;
    }

    .message .twoColumn .twoColumnImgL img {
        max-width: 55%;
    }

    .message .twoColumn .twoColumnTxt {
        width: auto;
    }
    .messageBox {
        margin-top: 5rem;
    }

    .mess_logo img {
        max-width: 140px;
    }

    .messageBox > ul {
        display: block;
        padding: 2rem 0 0;
    }

    .messageBox > ul > li:nth-child(1) {
        display: block;
    }

    .messageBox > ul > li {
        width: 100%;
    }

    .messageBox > ul > li:nth-child(1) .item {
        width: auto;
    }

    .messageBox > ul > li .item {
        padding: 1rem;
        margin:0;
    }

    .messageBox > ul > li .tit {
        font-size: 1.8rem;
        margin-bottom: 1rem;
    }
	
	 .messageBox > ul > li .comTxt {
        font-size: 1.6rem;
        margin-bottom: 1rem;
		text-align: center;
    }
	
	.messageBox .numList li {
    font-size: 1.6rem;
}

    .messageBox .numList {
        max-width: 230px;
    }
    #messDetail.modal {
        padding: 2rem;
    }

    .messDetail .hdm .en {
        min-width: 90px;
    }

    .messDetail .hdm {
        margin-bottom: 2rem;
    }

    .messDetail .hdm .ja {
        margin-left: 1rem;
    }

    .messDetail .modal_content .contTxt + .contTxt {
        margin-top: min(4vw, 2rem);
    }
	
	

    .messDetail .modal_content dt, .messDetail .modal_content dd {
        display: block;
		font-size: 1.4rem;
    }

    .messDetail .modal_content dt {
        width: 100%;
    }

    .messDetail .modal_content dt span {
        min-width: 110px;
		font-size: 18px;
    }

    .messDetail .modal_content .dl_color dt {
        width: 100px;
    }

    .messDetail .modal_content .dl_color span {
        min-width: 65px;
    }

    .messDetail .modal_content dd {
        padding-left: 0;
		width: 100%;
margin-bottom: 10px;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.6;
    border-bottom: 1px solid;
    padding-bottom: 10px;
  
    }
}

.radius_none {
    border-radius: 0 !important;
}

/*-------------------Customer-------------------*/
.customer .satisfaction {
    margin: 0 auto;
}
.customer .comTxt {
    line-height: 2;
}
.customer .catch_txt .comTxt+.comTxt {
    margin-top: 4rem;
}

.survey_results .box {
    background: #E4F2F7;
    padding: 3rem;
}

.customer .survey_results table{
    width: 100%;
    border-collapse: separate;
    border-spacing: 8px;
}



.survey_results .box table th{
    padding: 15px 0;
    text-align: center;
    font-size: 18px;
    color: #577C98;
    font-weight: normal;
    background: #BCDDEF;
}

.survey_results .box table th span {
    font-weight: bold;
}

.survey_results .box table th i {
    font-style: normal;
    font-size: 1.4rem;
}
.survey_results .box table .trbg th{
    background: #87BEDB;
    color: #fff;
}

.survey_results .box table td{
    padding: 16px 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    font-size: 18px;
    color: #252525;
    background: #fff;
    vertical-align: top;
    font-weight: bold;
}

.survey_results .box table td a {
    color: #0658B7;
    font-weight: normal;
    text-decoration: underline;
}

.survey_results .box table td a span {
    font-weight: bold;
}

.survey_results .note_survey {
    text-align: right;
    font-size: 1.3rem;
    margin-top: 1.5rem;
}

@media screen and (max-width: 767px) {
     .customer .catch_txt {
       padding-bottom: 2rem;
     }
	 
	 .customer .catch_txt .comTxt{
     line-height:1.6;
    }
    .customer .catch_txt .comTxt+.comTxt{
            padding-bottom: 0.5rem;
    margin-top: 0.5em;
    }
    .survey_results .box {
        padding: 2rem;
    }

    .customer  .scroll_sp table {
        width: 600px;
    }

    .customer .list_num01 {
        margin-left: -2.2rem;
    }

    .survey_results .box table .trbg th:nth-child(1),
    .survey_results .box table td:nth-child(1) {
        position: sticky;
        left: 0;
    }
	.survey_results .note_survey {
    text-align: left;
    font-size: 1.2rem;
    margin-top: 1.5rem;
}

.survey_results .box table th {
    font-size: 12px;
    color: #577C98;
}

.survey_results .box table td {
    padding: 18px 5px;
    font-size: 16px;



}
    
}

.list_dot01 > li {
    list-style-type: circle;
    font-size: 1.6rem;
    line-height: 1.7;
    text-align: left;
    margin-left: 2.2rem;
    margin-bottom: 1rem;
}

.list_dot01 > li::marker {
    font-size: 2rem;
}

.list_dot01 .list_num01 {
    margin-top: 1rem;
}

.list_num01 {
    counter-reset: my-awesome-counter;
}

.list_num01 li {
    padding-left: 3rem;
    counter-increment: my-awesome-counter;
    position: relative;
    margin-bottom: 1rem;
	line-height: 1.7;
}

.list_num01 li::before {
    content: counter(my-awesome-counter);
    border: 1px solid #000;
    border-radius: 100%;
    position: absolute;
    top: 5px;
    left: 0;
    width: 18px;
    height: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'Lato', sans-serif;
    font-size: 1.2rem;
}

.main_result .tit {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 10px;
}

.bg_lightYellow {
    background: #FDFBEF !important;
}

.bg_lightblue {
    background: #ecf5f9 !important;
}

.tableBasic02 {
    width: 100%;
    border-collapse: collapse;
    margin-top: 4rem;
}

.tableBasic02 th,
.tableBasic02 td {
    padding:1rem;
    text-align: center;
    font-size: 1.6rem;
    border:1px solid #707070;
}

.tableBasic02 th {
    font-weight: normal;
}

.tableBasic02 td {
    font-weight: bold;
}

.flextxt {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.box_gray {
    background: #F0F0F0;
    padding: 4rem 8rem;
}

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

.ul_col li {
    width: 48%;
    text-align: left;
    font-size: 1.6rem;
}

.ul_col .txt_indent {
    text-indent: -5rem;
    padding-left: 5rem;
}

.main_result .box+.box {
    margin-top: 5rem;
}

@media screen and (max-width: 767px) {
    .main_result .tit {
        font-size: 1.6rem;
    }

    .list_dot01 > li {
        font-size: 1.4rem;
    }

    .flextxt {
        display: block;
    }

    .main_result .flextxt .txt_note {
        text-align: right;
    }

    .box_gray {
        padding: 1.5rem;
    }

    .ul_col {
        display: block;
    }

    .ul_col li {
        width: auto;
        font-size: 1.4rem;
    }

    .ul_col .txt_indent {
        text-indent: -3.5rem;
        padding-left: 3.5rem;
    }

    .main_result .box+.box {
        margin-top: 3rem;
    }

    .tableBasic02 th, .tableBasic02 td {
        font-size: 1.4rem;
    }
}

.links_page .links_list dl + dl {
    margin-top: 6rem;
}

.links_page .links_list dl dt {
    font-size: 2.4rem;
    font-weight: bold;
    line-height: 1;
    padding-bottom: 1.5rem;
    border-bottom: 2px solid #C5D2E2;
    margin-bottom: 2.5rem;
}

.links_page .links_list dl a {
    display: inline-block;
    margin-left: 2rem;
    font-size: 1.6rem;
    padding: 0.5rem 1.5rem 0.7rem;
    color: #fff;
    background: #1670D8;
    border-radius: 2rem;
    vertical-align: bottom;
}

.links_page .links_list dl dd {
    font-size: 1.6rem;
}

.links_page .links_list dl dd p + p {
    margin-top: 2rem;
}

.aboutLink {
    margin-top: 8rem;
    background: #f1f5f9;
    padding: 10rem;
}

.aboutLink .boxIn {
    background: #fff;
    padding: 4rem;
}

.aboutLink .logo_box img{
    border: 1px solid #70707024;
    max-width: 200px;
    padding: 5px;
}

.aboutLink .details {
    margin-top: 3rem;
    font-size: 1.6rem;
    line-height: 2;
}

.aboutLink .details p {
    margin-bottom: 2rem;
}

.aboutLink .details a {
    color: #000;
    text-decoration: underline;
}

@media screen and (max-width: 767px) {
    .links_page .links_list dl dt a {
        display: none;
    }

    .links_page .links_list dl dt {
        font-size: 1.8rem;
    }

    .links_page .links_list dl dd {
        font-size: 1.4rem;
    }

    .links_page .links_list dl a {
        display: block;
        width: 180px;
        padding: 1rem 2rem;
        margin: 3rem auto 0;
        text-align: center;
    }

    .aboutLink {
        margin-top: 4rem;
        padding: 3rem;
    }

    .aboutLink .boxIn {
        padding: 1.5rem;
    }
    .aboutLink .details {
        margin-top: 2rem;
        font-size: 1.4rem;
        line-height: 1.8;
    }



    .aboutLink .details p {
        margin-bottom: 1rem;
    }
}

.tableBasic03 {
    margin-bottom: 6rem;
}


.tableBasic03 table {
    width: 100%;
    border-collapse: collapse;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.22);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.22);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.22);
}

.tableBasic03 table th,
.tableBasic03 table td {
    padding: 2rem 4rem;
    font-size: 1.6rem;
    text-align: left;
}

.tableBasic03 table th {
    border-bottom: 2px solid #fff;
    width: 220px;
    background: #f1f5f9;
    font-weight: normal;
    font-size: 16px;
    text-align: center;
}

.tableBasic03 table td {
    border-bottom: 2px solid #f1f5f9;
}

.tableBasic03 table tr:last-child th,
.tableBasic03 table tr:last-child td {
    border-bottom: 0;
}

.recruit .btn_center a {
    width: 50%;
    line-height: 80px;
    font-size: 20px;
}

@media screen and (max-width: 767px) {
    .tableBasic03 table th, .tableBasic03 table td {
        padding: 1.5rem;
        font-size: 1.4rem;
    }
    .tableBasic03 table th {
        width: 35%;
        background: #f1f5f9;
        font-weight: normal;
        font-size: 13px;
        text-align: center;
    }

    .recruit .btn_center a {
        width: 240px;
        line-height: 50px;
        font-size: 1.8rem;
        background-size: 8px
    }
}

.list_pdf {
    background: #f1f5f9;
    padding: 3rem;
}

.list_pdf dl {
    background: #FFFFFF;
    padding: 2rem;
    display: flex;
    align-items: center;
}

.list_pdf dl + dl {
    margin-top: 2rem;
}

.list_pdf dl dt {
    width: 180px;
    font-size: 1.8rem;
    font-weight: bold;
}

.list_pdf dl dd {
    width: calc(100% - 180px);
}

.list_pdf dl dd a {
    color: #000;
    display: inline-block;
    vertical-align: middle;
}

.list_pdf dl dd a:hover {
    color: #1379c0;
}

.list_pdf dl dd .tit {
    font-size: 2rem;
    position: relative;
    padding-left: 2.5rem;
    margin-bottom: 1rem;
    display: block;
}

.list_pdf dl dd .tit:before {
    position: absolute;
    content: '';
    width: 15px;
    height: 15px;
    border-radius: 100%;
    background: #6CB2DE;
    left: 0;
    top: 8px;
}

.list_pdf dl dd .txt {
    padding-left: 2.5rem;
    font-size: 1.6rem;
    
    display: flex;
    align-items: flex-end;
}


.list_pdf .pdf_link {
    margin-left: 3rem;
}

.news .list_pdf dl dd {
    display: flex;
    font-size: 1.6rem;
}

.news .list_pdf dl dd img {
    margin-left: 2rem;
}

.news .list_pdf .non-pdf {
    display: none;
}

@media screen and (max-width: 767px) {
    .list_pdf {
        padding: 2rem;
    }

    .list_pdf dl {
        padding: 1rem;
        display: block;
    }

    .list_pdf dl dt {
        width: auto;
        font-size: 1.4rem;
        padding-left: 2.5rem;
        padding-bottom: 1rem;
    }

    .list_pdf dl dd {
        width: auto;
    }

    .list_pdf dl dd .tit {
        font-size: 1.6rem;
    }

    .list_pdf dl dd .txt {
        font-size: 1.4rem;
        display: block;
    }

    .list_pdf .pdf_link{
        width: 25px;
        margin-left: 1.5rem;
    }

    .list_pdf dl dd .txt span.none {
        width: auto;
    }

    .news .list_pdf dl dt {
        padding-left: 0;
    }

    .news .list_pdf dl dd .txt {
        padding-left: 0;
        display: inline;
    }

    .news .list_pdf dl dd {
        font-size: 1.4rem;
        align-items: flex-end;
    }

    .medias .list_pdf dl dd .has_icon_pdf {
        display: flex;
        align-items: flex-end;
    }

    .medias .list_pdf dl dd .has_icon_pdf span.none {
        width: calc(100% - 4rem);
    } 


    .list_pdf dl dd .tit:before {
        top: 5px;
    }

    .owners .list_pdf dl dd a {
        display: block;
    }

    .owners .list_pdf dl dd .txt {
        display: flex;
        justify-content: space-between;
    }

    .owners .list_pdf dl dd .txt span.none {
        width: calc(100% - 4rem);
    }
}

.bgBoxBlue {
    background: #f1f5f9 !important;
    padding: 5rem;
    text-align: center;
}

.five_service {
    margin-top: 8rem;
}

.five_service ul {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin: 0 -10px;
}

.five_service ul li {
    width: 33.33%;
    margin-bottom: 2rem;
}

.five_service ul li .colItem {
    margin: 0 10px;
}

.five_service ul li .colItem .img {
    position: relative;

}

.five_service ul li .colItem .img:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    background: rgba(19,121,192,0.8);
    top: 0;
    left: 0;
}

.five_service ul li .colItem .tit {
    color: #fff;
    position: absolute;
    width: 100%;
    height: 100%;
    font-size: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 0;
    left: 0;
}

.five_service ul li .colItem .txtBox {
    background: #F5F5F5;
    padding: 2rem 1.5rem 4rem;
}

.five_service ul li .colItem .txtBox .comTxt {
    font-size: 1.4rem;
}

.four_support {
    margin-top: 8rem;
}

.four_support dl {
    background: #F5F5F5;
    padding: 3rem 6rem;
    margin-bottom: 2rem;
}

.four_support dl dt {
    font-size: 2.2rem;
    padding-bottom: 1rem;
    border-bottom: 2px solid #707070;
    margin-bottom: 2rem;
    text-indent: -2.5rem;
    padding-left: 2.5rem;
	font-weight: bold;
}

.four_support dl dd {
    font-size: 1.6rem;
}

@media screen and (max-width: 767px) {
    .bgBoxBlue {
        padding: 2rem;
    }

    .five_service {
        margin-top: 5rem;
    }

    .five_service ul {
        display: block;
        margin: 0;
    }

    .five_service ul li {
        width: auto;
    }

    .five_service ul li .colItem {
        margin: 0;
    }

    .five_service ul li .colItem .tit {
        font-size: 1.8rem;
    }

    .five_service ul li .colItem .txtBox {
        padding: 1.5rem;
    }

    .four_support {
        margin-top: 5rem;
    }

    .four_support dl {
        padding: 1.5rem;
    }

    .four_support dl dt {
        font-size: 1.8rem;
        margin-bottom: 1.5rem;
    }

    .four_support dl dd {
        font-size: 1.4rem;
    }

    .scroll_sp img {
        max-width: 600px;
    }
}

.solution {
    margin-top: 6rem;
    margin-bottom: 4rem;
}

.solution_img img{
    padding: 2rem 0;
}

.solutionCol {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 8rem;
}

.solutionCol .col {
    width: 48%;
    margin-bottom: 3rem;
    position: relative;
}


.solutionCol .col .item {
    padding: 2rem;
    position: relative;
}

.solutionCol .col .item:before {
    background: url(../images/regulation/ico_beginner02.png) no-repeat left center;
    -webkit-background-size: contain;
    background-size: contain;
    width: 16px;
    height: 26px;
    right: -32px;
    top: 50%;
    transform: translateY(-50%);
    content: '';
    z-index: 2;
    position: absolute;
}

.solutionCol .col:nth-child(2n) .item:before {
    display: none;
}

.bg_lightgreen02 {
    background: #ecf3e8 !important;
}

.bg_lightblue02 {
    background: #f1f5f9 !important;
}

.label_lightgreen {
    background: #05a053;
    padding: 0.7rem 2rem;
    color: #fff;
    font-size: 1.6rem;
    font-weight: bold;
    display: inline-block;
}

.label_lightblue {
    background: #1379c0;
    padding: 0.7rem 3rem;
    color: #fff;
    font-size: 1.6rem;
    font-weight: bold;
    display: inline-block;
}

.solutionCol .subtit {
    margin-bottom: 1rem;
}

.solutionCol .discList {
    font-size: 1.6rem;
}

.solutionCol .comTxt {
    margin-bottom: 1rem;
}

.case_study {
    margin-top: 8rem;
}

.caseBox {
    border: 3px solid #1379c0;
    padding: 2rem;
    position: relative;
}

.caseBox .caseTit {
    position: absolute;
    top: -2.5rem;
    left: 4rem;
}

.caseBox .caseTit span {
   border: 2px solid #1379c0;
    padding: 1rem 2rem;
    min-width: 300px;
    text-align: center;
    font-size: 2.0rem;
    color: #ffffff;
    display: inline-block;
    background: #1379c0;
}

.bg_gray {
    background: #F4F4F4;
    padding: 4rem;
}

.caseBox .bg_gray {
    margin-top: 6rem;
    margin-bottom: 4rem;
}

.caseBox .bg_gray .comTxt {
    font-size: 1.8rem;
    text-align: center;
}

.dt_bg03 {
    font-size: 20px;
    padding: 10px;
    color: #fff;
    background: #1379c0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
}


.caseBox .bg_lightgreen02 {
    padding: 4rem 6rem;
}


.caseBox dl {
    background: #fff;
    margin-bottom: 2rem;
    padding: 2rem 3rem;
    border-radius: 5px;
}

.caseBox .arrow {
    margin: 6rem 0;
}

.caseBox .bg_lightblue02{
    padding: 4rem 8px;
}

.caseBox .considerations {
    padding: 4rem 6rem;
}


@media screen and (max-width: 767px) {
    .solution {
        margin-top: 0;
        margin-bottom: 2rem;
    }
    .solutionCol {
        display: block;
        margin-top: 5rem;
    }

    .solutionCol .col {
        width: auto;
    }

    .solutionCol .discList {
        font-size: 1.4rem;
    }

    .solutionCol .col .item {
        padding: 1.5rem 1rem;
    }

    .label_lightgreen,
    .label_lightblue {
        font-size: min(3.8vw,1.6rem);
        padding: 0.7rem min(4vw,2rem);
    }

    .solutionCol .col .item:before {
        top: auto;
        bottom: -2.7rem;
        left: 50%;
        transform: translate(-50%, 0) rotate(90deg);
    }

    .case_study {
        margin-top: 6rem;
    }

    /*.caseBox {
        border-radius: 10px;
    }*/

    .caseBox .caseTit {
        left: auto; 
        position: static;
        margin-top: -3.5rem;
    }

    .caseBox .bg_gray {
        margin: 2rem 0;
    }

    .caseBox .caseTit span {
        padding: 0.7rem 2rem;
        min-width: 180px;
        text-align: center;
        font-size: min(4.6vw,1.6rem);
        display: block;
    }

    .bg_gray {
        padding: 1.5rem;
    }

    .caseBox .bg_gray .comTxt {
        font-size: 1.4rem;
		text-align: left;
    }

    .dt_bg03 {
       padding: 1rem;
    font-size: min(4.8vw, 1.6rem);
        margin-bottom: 2rem !important;
    }

    .caseBox .bg_lightgreen02 {
        padding: 2rem;
    }
    .caseBox dl {
        padding: 1.5rem;
    }

    .caseBox .bg_lightblue02,
    .caseBox .considerations {
        padding: 2rem 1rem;
    }

    .caseBox .arrow {
        margin: 3.5rem 0;
    }

    .caseBox .arrow img {
        max-width: 120px;
    }
}

.behalf_owner {
    margin-top: 8rem;
}

.behalf_owner .boxIn {
    background: #fff;
    max-width: 660px;
    padding: 2rem 4rem;
    margin: 0 auto;
    text-align: center;
}

.behalf_owner .boxIn .discList {
    display: inline-block;
    font-size: 1.8rem;
    margin-bottom: 0;
}

.behalf_owner .boxIn .discList li {
    text-align: left;
}

.color_blue {
    color: #032A55 !important;
}

.equipmentBox {
   padding: 2rem 4rem;
}


.equipmentTxt {
    margin-top: 6rem;
    margin-bottom: 4rem;
}

.tags {
    max-width: 700px;
    margin: 4rem auto;
}

.tags ul {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.tags ul li {
    padding: 0.7rem 2rem;
    font-size: 1.6rem;
    color: #fff;
    background: #05a053;
    border-radius: 30px;
    margin: 0 0.7rem 2rem;
}

.equipmentBox .bg_lightblue02 {
    border-radius: 0;
    padding: 4rem;
}

.boxWhite {
    background: #fff;
    padding: 4rem;
}

.equipmentBox .numList02 {
    margin-left: 0;
    margin-bottom: 4rem;
}

.equipmentBox .numList02 li {
    position: relative;
    padding-left: 5rem;
    font-size: 1.6rem
}

.equipmentBox .numList02 li:before {
    position: absolute;
    left: 0;
}

.equipmentBox .threeCol {
    margin-top: 4rem;
}

.equipmentBox .threeCol li .colItem {
    padding: 0;
}

.equipmentBox .threeCol .details {
    background: #F5F5F5;
    padding: 1.5rem;
    margin-top: 1rem;
}

.equipmentBox .threeCol .details .tit {
    font-size: 1.8rem;
    margin-bottom: 1rem;
    text-align: center;
    font-weight: bold;
}

@media screen and (max-width: 767px) {
    .behalf_owner {
        margin-top: 4rem;
    }

    .behalf_owner .boxIn {
        padding: 2rem;
    }

    .behalf_owner .boxIn .discList {
        font-size: 1.4rem;
    }

    .equipmentBox {
        padding: 1.5rem;
    }

    .equipmentTxt {
        margin: 3rem 0;
    }

    .tags {
        max-width: 100%;
        margin: 3rem 0 2rem;
    }

    .tags ul li {
        padding: 0.5rem 1.5rem;
        font-size: 1.4rem;
        margin: 0 0.5rem 1rem;
    }

    .equipmentBox .bg_lightblue02 {
        padding: 1.5rem;
    }

    .boxWhite {
        padding: 1.5rem;
    }

    .equipmentBox .numList02 {
        margin-bottom: 2rem;
    }

    .equipmentBox .numList02 li {
        font-size: 1.4rem;
        padding-left: 3rem;
    }

    .equipmentBox .threeCol .details {
        padding: 1rem;
    }

    .equipmentBox .threeCol .details .tit {
        font-size: 1.6rem;
    }

}

.clientName {
    margin-bottom: 4rem;
}

.e_manage .blockItem {
    margin-top: 8rem;
    margin-bottom: 0;
}

.e_manage .bg_lightblue02{
    padding: 3rem 3rem 5rem;
}

.e_manage .bg_lightblue02 .threeCol li {
    width: 50%;
}

.e_manage .bg_lightblue02 .threeCol li .colItem .boxIn {
    padding: 0;
    text-align: center;
}

.e_manage_step {
    position: relative;
    z-index: 1;
    margin-top: 10rem;
}

.e_manage_step .maskImg {
    position: absolute;
    top: -170px;
    right: -100px;
    z-index: 2;
    width: min(78vw,1400px);
}

.e_manage_step .twoCol {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: -4rem 0 4rem;
}

.e_manage_step .twoCol li {
    width: 48%;
}

.e_manage_step .twoCol .colItem {
    width: auto;
    margin-bottom: 0;
    position: relative;
}

.green_gradient {
    background: linear-gradient(to right, rgba(5,160,83,0.9) 0%,rgba(19,121,192,0.9) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.blue_gradient {
    background: linear-gradient(to right, rgba(26,65,104,0.9) 0%,rgba(19,121,192,0.9) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.e_manage_step .maskBox {
    position: absolute;
    top: 0;
    left: 0;
    padding: 2rem;
    width: calc(100% - 4rem);
}

.e_manage_step .maskBox .tit {
    font-size: 2rem;
    color: #fff;
    font-weight: bold;
    margin-bottom: 1rem;
}

.e_manage_step .maskBox .list {
    font-size: 1.6rem;
    color: #fff;
}

@media screen and (max-width: 767px) {
    .e_manage_step .twoCol {
        display: block;
    }

    .e_manage_step {
        background: url(../images/e_manage/e_manage_bg.png) no-repeat top center;
        background-size: auto 45vw;
        padding-top: 45vw;
        margin-top: 0;
    }

    .e_manage_step .maskImg {
        position: absolute;
        top: -40px;
        right: -60px;
        z-index: 2;
        width: 97%;
    }


    .e_manage_step .twoCol li {
        width: auto;
        margin-bottom: 3rem;
    }

    .e_manage_step .maskBox {
        position: static;
        width: auto;
        padding: 1.5rem;
    }

    .e_manage_step .maskBox .tit {
        font-size: 1.6rem;
    }

    .e_manage_step .maskBox .list {
        font-size: 1.4rem;
    }

    .e_manage .bg_lightblue02 .threeCol li {
        width: auto;
    }

    .scroll_sp02 img {
        max-width: 860px;
    }

    .e_manage .blockItem {
        margin-top: 5rem;
    }
}

.p_manage .solution_img {
    margin-bottom: 4rem;
}

.p_manage .blockItem {
    margin-bottom: 0;
}

.p_manage .blockItem + .blockItem {
    margin-top: 3rem;
}

.p_manage .caseBox .caseTit i {
    font-size: 1.6rem;
    background: #ffffff;
    padding: 0.5rem 2rem 0.7rem;
    color: #1379c0;
    font-style: normal;
    margin-left: 3rem;
    display: inline-block;
    vertical-align: middle;
}

.p_manage .equipmentTxt {
    margin-bottom: 0;
}

@media screen and (max-width: 767px) {
    .p_manage .caseBox .caseTit.has_label{
        margin-top: -4.5rem;
    }

    .caseBox .caseTit span {
        padding: 0.7rem 1rem;
    }
    .p_manage .caseBox .caseTit.has_label i {
        display: block;
        margin-left: 0;
        font-size: min(2.5vw, 1.4rem);
        padding: 0.5rem 1rem 0.7rem;
    }
}

.omr .list_pdf dl {
    padding: 2rem 4rem 2rem 2rem;
}

.omr .list_pdf dl dt .label_area {
    display: none;
}

.omr .list_pdf dl dd .txt {
    justify-content: space-between;
}

.omr .list_pdf dl dd .txt p {
    width: calc(100% - 50px);
    display: flex;
    align-items: center;
}

.omr .list_pdf dl .label_area {
    min-width: 60px;
    padding: 0.5rem;
    text-align: center;
    font-size: 1.4rem;
    color: #fff;
}

.omr .list_pdf dl dd .txt .none {
    flex: 1;
    margin-left: 2rem;
}

.area_blue {
    background: #1379c0 !important;
}

.area_green {
    background: #05a053 !important;
}

@media screen and (max-width: 767px) {
    .omr .list_pdf dl {
        padding: 1rem;
    }

    .omr .list_pdf dl dt {
        padding-left: 0;
    }

    .omr .list_pdf dl dd .txt {
        padding-left: 0;
        display: flex;
    }


    .omr .list_pdf dl dt .label_area {
        display: inline-block;
        font-size: 1.2rem;
        font-weight: normal;
        margin-left: 1.5rem;
    }

    .omr .list_pdf dl dd .label_area {
        display: none;
    }

    .omr .list_pdf dl dd .txt .none {
        margin-left: 0;
    }
}

.recruit .trouble .listbox {
    box-shadow: none;
    border: 3px solid #1275b9;
    padding: 30px 0;
}

.recruit .trouble .listimg {
    margin: 20px 0;
}

.recruit .trouble .listimg img {
    height: 45px;
}

.recruit .recruit_search {
    margin-top: 8rem;
}

.recruit .recruit_search .hdt {
    margin-bottom: 5rem;
}

.recruit .recruit_steps .hdt {
    margin-bottom: 5rem;
}

.recruit .recruit_steps .reg_flex_box03 li {
    width: 22.2%;
}


.recruit .recruit_steps  .reg_flex_box03 .listbox {
    padding: 30px 20px;
}

@media screen and (max-width: 767px) {
    .recruit .trouble {
        background: none;
        padding: 0rem 0;
    }
	 .recruit .recruit_steps .hdt {
    margin-bottom: 3rem;
}

    .recruit .trouble .listbox {
        padding: 23px 25px 23px 0;
    }

    .recruit .trouble .listimg {
        margin: 5px 0 0;
    }

    .recruit .trouble .listimg img {
        height: 30px;
    }

    .recruit .recruit_search {
        margin-top: 5rem;
    }

    .recruit .recruit_steps .reg_flex_box03 li {
        width: auto;
        display: block;
    }

    .recruit .recruit_steps  .reg_flex_box03 .listbox {
        padding: 1.5rem;
        text-align: center;
        display: block;
    }

    .recruit .recruit_steps .reg_flex_box03 .listdes {
        width: auto;
        padding-left: 0;
    }

    .recruit .recruit_steps .reg_flex_box03 .listtit01 {
        text-align: center;
        font-size: 1.6rem;
    }

    .recruit .recruit_steps .reg_flex_box03 li+li {
        margin-top: 3rem;
    }
    .recruit .recruit_steps .reg_flex_box03 li+li:before {
        background: url(../images/regulation/ico_beginner02.png) no-repeat left center;
        -webkit-background-size: contain;
        background-size: contain;
        width: 16px;
        height: 26px;
        left: 50%;
        top: -28px;
        transform: translateX(-50%) rotate(90deg);
        content: '';
        z-index: 2;
        position: absolute;
        display: block;
    }
}
.interviewList .inner {
    max-width: 960px;
    margin: 0 auto;
}
.interviewList ul {
    display: flex;
    flex-wrap: wrap;
    margin-left: -3rem;
    margin-top: 6rem;
}

.interviewList ul li {
    width: 33.33%;
    margin-bottom: 3rem;
}

.interviewList ul li .item {
    margin-left: 3rem;
}

.interviewList ul li a {
    display: block;
    position: relative;
}

.interviewList ul li a:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: linear-gradient(to bottom, rgba(19,121,192,0) 0%,rgba(5,160,83,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.interviewList ul li a:hover:before {
    background: linear-gradient(to bottom, rgba(19,121,192,0.5) 0%,rgba(5,160,83,0.5) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.interviewList ul li .boxTxt {
    position: absolute;
    bottom: 0;
    padding: 2rem;
    width: calc(100% - 4rem);
    left: 0;
    background: rgba(19, 121, 192, 0.9);
    color: #fff;
}

.interviewList ul li .subtit {
    font-size: 1.6rem;
    font-weight: bold;
    margin-bottom: 0.5rem;
} 

.interviewList ul li .name {
    font-size: 2.2rem;
    font-weight: bold;
}

@media screen and (max-width: 767px) {
    .interviewList ul {
        display: block;
        margin-left: 0;
    }

    .interviewList ul li {
        width: auto;
    }

    .interviewList ul li .item {
        margin-left: 0;
    }

    .interviewList ul li .img {
        text-align: center;
    }

    .interviewList ul li .img img {
        max-width: 60%;
    }

    .interviewList ul li .boxTxt {
        padding: 1.5rem 2rem;
    }

    .interviewList ul li .subtit {
        font-size: 1.4rem;
		text-align: center;
    }

    .interviewList ul li .name {
        font-size: 1.8rem;
		text-align: center;
    }

    .interviewList ul li a:hover:before {
        display: none;
    }
}

.interview_detail .teaser_detail {
    height: 540px;
    max-width: 1240px;
    margin: 0 auto;
    margin-bottom: 120px;
}

.interview_detail .detail01 {
    background: url('../images/interview/01/detail01_small.jpg') no-repeat right 20% center;
}

.interview_detail .detail02 {
    background: url('../images/interview/02/detail_teaser.jpg') no-repeat right 20% center;
}

.interview_detail .detail03 {
    background: url('../images/interview/03/detail_teaser.jpg') no-repeat right 20% center;
}

.interview_detail .detail04 {
    background: url('../images/interview/04/detail_teaser.jpg') no-repeat right 20% center;
}

.interview_detail .detail05 {
    background: url('../images/interview/05/detail_teaser.jpg') no-repeat right 20% center;
}

.interview_detail .detail06 {
    background: url('../images/interview/06/detail_teaser.jpg') no-repeat right 20% center;
}

.interview_detail .teaser_detail .inner {
    display: flex;
    height: 100%;
    align-items: center;
}
.interview_detail .teaser_detail .tit {
    display: flex;
    align-items: center;
    color: #fff;
    font-size: 4rem;
    font-weight: bold;
    line-height: 1;
    margin-bottom: 7rem;
}

.interview_detail .teaser_detail .desciption {
    color: #fff;
    font-size: 1.8rem;
    margin-bottom: 4rem;
}

.interview_detail .teaser_detail .detailBox dl {
    display: table;
}

.interview_detail .teaser_detail .detailBox dl dt,
.interview_detail .teaser_detail .detailBox dl dd {
    display: table-cell;
    vertical-align: middle;
}

.interview_detail .teaser_detail .detailBox dl dt {
    width: 72px;
}

.interview_detail .teaser_detail .detailBox dl dd {
    padding-left: 2rem;
}

.interview_detail .teaser_detail .detailBox dl .subtit {
    font-size: 1.8rem;
    font-weight: bold;
    color: #fff;
}

.interview_detail .teaser_detail .detailBox dl .name {
    font-size: 2.4rem;
    font-weight: bold;
    color: #fff;
}

.interview_detail .flex_box01{
    display: flex;
    justify-content: space-between;
    margin-bottom: 6.5rem;
}

.interview_detail .flex_box01.flex_reverse {
    flex-direction: row-reverse;
}
.interview_detail .flex_box01 .img{
    width: 360px;
    margin-right: 3.2rem;
}

.interview_detail .flex_box01.flex_reverse .img {
    margin-left: 3.2rem;
    margin-right: 0;
}
.interview_detail .hdS{
    font-size: 2.6rem;
    display: flex;
    line-height: 1;
    align-items: center;
    font-weight: bold;
    margin-bottom: 4rem;
}

.interview_detail .hdS i {
    display: flex;
    width: 56px;
    height: 56px;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-weight: bold;
    font-size: 4.2rem;
    line-height: 1;
    margin-right: 1rem;
    background: #1379c0;
    font-style: normal;
    font-family: 'Arial',sans-serif;
}

.interview_detail .hdS span {
    width: calc(100% - 6.6rem);
}
.interview_detail .flex_box01 .txt{
    width: calc(100% - 360px - 3.2rem);
    line-height: 2;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.interview_detail .flex_box01.flex_none_img .txt {
    width: auto;
}

@media screen and (max-width: 1400px) {
    .teaser_detail .boxIn {
        padding-left: 2vw;
        width: 50vw;
    }

    .interview_detail .teaser_detail .tit {
        font-size: 3vw;
        margin-bottom: 3vw;
    }

    .interview_detail .teaser_detail .tit .vol {
        width: 12vw;
    }

    .interview_detail .teaser_detail .desciption {
            font-size: min(1.8vw, 17px);
    }

    .interview_detail .teaser_detail .detailBox dl .subtit {
            font-size: min(1.8vw, 17px);
    }

    .interview_detail .teaser_detail .detailBox dl .name {
            font-size: min(3vw, 2.4rem);
    }
}

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

    .interview_detail > .pageinner {
        padding: 0;
    }
    .interview_detail .teaser_detail {
        background: none;
        height: auto;
        margin-bottom: 6rem;
        position: relative;
    }

    .interview_detail .teaser_detail .boxIn {
        width: auto;
        padding-left: 0;
    }

    .interview_detail .teaser_detail .inner {
        display: block;
        height: auto;
        padding: 0;
    }

    .interview_detail .teaser_detail .img img {
        width: 100%;
    }

    .interview_detail .teaser_detail .tit {
        display: flex;
        align-items: center;
        color: #fff;
        font-size: min(5vw, 4rem);
        font-weight: bold;
        line-height: 1;
        margin-bottom: 0;
        position: absolute;
        left: min(3vw, 3rem);
        top: min(3vw, 3rem);
    }

    .interview_detail .teaser_detail .tit .vol {
        width: 30%;
    }

    .interview_detail .teaser_detail .detailBox {
        background: #1379c0;
        padding: 2rem;
    }

    .interview_detail .teaser_detail .desciption {
        font-size: 1.4rem;
        margin-bottom: 1.5rem;
    }

    .interview_detail .teaser_detail .detailBox dl dd {
        padding-left: 1rem;
    }

    .interview_detail .teaser_detail .detailBox dl .subtit {
        font-size: 1.4rem;
    }

    .interview_detail .teaser_detail .detailBox dl .name {
        font-size: 1.8rem;
    }

    .interview_detail .flex_box01 {
        display: block;
        margin-bottom: 4rem;
    }

    .interview_detail .flex_box01 .img,
    .interview_detail .flex_box01.flex_reverse .img {
        width: auto;
        margin-right: 0;
        margin-bottom: 1.5rem;
        margin-left: 0;
        text-align: center;
    }

    .interview_detail .flex_box01 .img img,
    .interview_detail .flex_box01.flex_reverse .img img {
        max-width: 70%;
    }

    .interview_detail .flex_box01 .txt {
        width: auto;
        line-height: 1.7;
    }

    .interview_detail .hdS {
        font-size: min(5vw, 2.2rem);
        margin-bottom: 2rem;
    }

    .interview_detail .hdS i {
        display: flex;
        width: min(10vw, 4.5rem);
        height: min(10vw, 4.5rem);
        align-items: center;
        justify-content: center;
        color: #fff;
        font-weight: bold;
        font-size: min(6vw, 3rem);
        line-height: 1;
        margin-right: 1rem;
        background: #1379c0;
        font-style: normal;
        font-family: 'Arial', sans-serif;
    }
}

.proposal_anchor ul {
    display: flex;
    flex-wrap: wrap;
    margin-left: -1.5rem;
}

.proposal_anchor ul li {
    width: 33.33%;
    margin-bottom: 1.5rem;
}

.proposal_anchor ul li.last {
    width: 100%;
}

.proposal_anchor ul li a {
    display: block;
    margin-left: 1.5rem;
    text-align: center;
    padding: 2rem 3.5rem 2rem 3.5rem;
    text-align: center;
    font-size: 1.8rem;
    color: #000;
    position: relative;
}

.proposal_anchor ul li a:hover {
    opacity: 0.7;
}

.proposal_anchor ul li a:after {
    position: absolute;
    content: '';
    width: 6px;
    height: 12px;
    background: url(../images/icon/arrow_sr.svg) no-repeat;
    -webkit-background-size: 6px;
    background-size: 6px;
    right: 25px;
    top: 50%;
    transform: translate(0, -50%) rotate(90deg);
}

.proposal_anchor ul li a span {
    font-size: 1.4rem;
}

.proposal_anchor ul li:nth-child(1) a {
    background: #EAF1F4;
}

.proposal_anchor ul li:nth-child(2) a {
    background: #DDF8F8;
}

.proposal_anchor ul li:nth-child(3) a {
    background: #ecf3e8;
}

.proposal_anchor ul li.last a {
    background: #FDFAF4;
}

.anchorBox {
    margin-top: 7rem;
}

.anchorBox .bg_lightblue {
    background: #EAF1F4 !important;
}

.anchorBox .tit_anchor {
    font-size: 2.4rem;
    text-align: center;
    font-weight: bold;
    padding: 2rem;
}

.anchorBox .tit_anchor span {
    font-size: 1.8rem;
}

.proposal .numList {
    margin: 0;
}

.proposal .numList li {
    width: auto;
    margin-bottom: 0;
    font-size: 1.5rem;
}

.proposal .threeCol {
    margin-top: 2rem;
    margin-left: -2rem;
}

.proposal .threeCol .colItem {
    padding: 1rem;
    background: #f0f2f3;
    margin-left: 2rem;
}

.proposal .threeCol .colItem .boxIn {
    padding: 1.5rem 1rem;
}

.proposal .threeCol .subtit {
    font-size: 1.8rem;
    text-align: center;
}

.proposal .threeCol .tit {
    font-size: 2.2rem;
    font-weight: bold;
    text-align: center;
    margin-bottom: 2rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 57px;
}

.proposal .threeCol .img img {
    height: 228px;
    width: 100%;
    object-fit: contain;
}

.proposal .threeCol .tit span {
    display: block;
    font-size: 1.8rem;
}

.bg_bluecrayon {
    background: #DDF8F8 !important;
}

.proposal .anchorBox dl {
    display: flex;
}

.proposal .anchorBox dl dt {
    width: 33.33%;
}

.proposal .anchorBox dl dt .threeCol{
}

.proposal .anchorBox dl dt .threeCol li {
    width: auto;
}

.proposal .anchorBox dl dd {
    margin-left: 2rem;
    width: calc(100% - 33.33% - 2rem);
}

.proposal .anchorBox dl dd .threeCol > li {
    width: 50%;
}

.bg_orange {
    background: #E3A06B !important;
    border-top: 0;
}

@media screen and (max-width: 767px) {
    .proposal_anchor ul {
        display: block;
        margin-left: 0;
    }

    .anchorBox {
        margin-top: 4rem;
    }

    .proposal_anchor ul li {
        width: auto;
    }

    .proposal_anchor ul li a {
        margin-left: 0;
        font-size: 1.6rem;
        padding: 1.5rem 3rem 1.5rem 1.5rem;
    }

    .proposal_anchor ul li a span {
        display: block;
        font-size: 1.2rem;
    }

    .anchorBox .tit_anchor {
        font-size: 2rem;
        padding: 1rem;
    }

    .anchorBox .tit_anchor span {
        font-size: 1.4rem;
    }

     .proposal .threeCol .img  {
        text-align: center;
    }

    .proposal .threeCol .img img {
        height: auto;
        width: 80%;
        text-align: center;
    }

    .proposal .threeCol .subtit {
        font-size: 1.6rem;
    }

    .proposal .threeCol .tit {
       font-size: 1.8rem;
    min-height: inherit;
    margin-bottom: 1rem;
    line-height: 1.4;
    }

    .proposal .anchorBox dl {
        display: block;
    }

    .proposal .anchorBox dl dt {
        width: auto;
    }

    .proposal .anchorBox dl dd {
        margin-left: 0;
        width: auto;
        margin-top: 3rem;
    }

    .proposal .anchorBox dl dd .threeCol li {
        width: auto;
    }
}

.box_radius07 {
   background: #1379c0 !important;
}

.case .hdD {
    display: flex;
    align-items: center;
}

.case .hdD .icon {
    width: 68px;
    height: 68px;
    display: inline-flex;
    border: 2px solid #1379c0;
    border-radius: 100%;
    align-items: center;
    justify-content: center;
    background: #fff;
    margin-right: 1.5rem;
}

.case .hdD .icon img {
    width: 70%;
}

.case .box_radius04 {
    margin-bottom: 0;
}
@media screen and (max-width: 767px) {
    .case .hdD .icon {
        width: 50px;
        height: 50px;
        display: inline-flex;
        border: 2px solid #1379c0;
        border-radius: 100%;
        align-items: center;
        justify-content: center;
        background: #fff;
        margin-right: 1rem;
    }

    .case .hdD span {
        width: calc(100% - 50px - 1.2rem);
    }

    .case .blockItem {
        margin-bottom: 0;
    }

    .case .blockItem + .blockItem {
        margin-top: 5rem;
    }


}

.case_detail .label {
    margin-bottom: 4rem;
}

.case_detail .label span {
    display: inline-block;
    padding: 0.5rem 3rem;
    font-size: 2.0rem;
    color: #fff;
    background: #1379c0;
    min-width: 150px;
    text-align: center;
    font-weight: bold;
}

.case_detail .boxWhite + .boxWhite {
    margin-top: 4rem;
}

.texBoxList {
    margin-top: 4rem;
}

.texBoxList li {
    padding: 1.5rem 2rem;
    background: #FDFAF4;
    font-size: 1.6rem;
    
}

.texBoxList li p.tit {
    text-indent: -2.5rem;
    padding-left: 2.5rem;
    font-size: 1.8rem;
    font-weight: 500;
}

.texBoxList li+li {
    margin-top: 2rem;
}

.case_detail .arrow {
    text-align: center;
    margin-bottom: 7rem;
}

.case_detail .reg_flex_box04 .tit {
    text-align: left;
}

.case_detail .reg_flex_box04 .tit span {
    text-decoration: none;
    text-transform: uppercase;
}

.case_detail .reg_flex_box05 .box01 .img {
    width: 180px;
}

.case_detail .reg_flex_box05 .box .des {
    width: calc(100% - 180px);
}

@media screen and (max-width: 767px) {
    .case_detail .reg_flex_box05 .box .img {
        margin-bottom: 2rem;
    }

    .case_detail .label {
        margin-bottom: 2rem;
    }

    .case_detail .label span {
        font-size: 1.4rem;
    }

    .case_detail .numList {
        margin-bottom: 0;
    }

    .texBoxList {
        margin-top: 2rem;
    }

    .texBoxList li p.tit {
        font-size: 1.4rem;
    }

    .case_detail .arrow {
        margin-bottom: 5rem;
    }

    .case_detail .arrow img {
        max-width: 120px;
    }

    .case_detail .reg_flex_box04 .tit span {
        display: inline-block;
        font-size: 2rem;
    }

    .case_detail .reg_flex_box05 .box01 .img {
        width: auto;
    }

    .case_detail .reg_flex_box05 .box .des {
        width: auto;
    }
}

.entry .your_birthday {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.entry .your_birthday .item {
    width: 32%;
    display: flex;
    align-items: center;
}

.entry .your_birthday .item span {
    font-size: 1.6rem;
    margin-left: 5px;
}

.input_note {
    font-size: 12px;
    margin-top: 15px;
}

.input-file-container {
    position: relative;
    margin: 3rem auto 0 auto;
}

.entry .contact_box dl.custom_file input[type="file"] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    opacity: 0;
    padding: 24px 0;
    cursor: pointer;
    font-size: 16px;
}

.entry .contact_box dl.custom_file  dd label {
    display: block;
    padding: 24px 20px;
    background: #f0f2f3;
    font-size: 16px;
    transition: all .4s;
    cursor: pointer;
    text-align: center;
}

@media screen and (max-width: 767px) {
    .entry .your_birthday {
        display: block;
    }

    .entry .your_birthday .item {
        width: auto;
        margin-bottom: 1rem;
    }

    .entry .contact_box dl.custom_file input[type="file"] {
        padding: 18px 0;
        font-size: 14px;
    }

    .entry .contact_box dl.custom_file dd label {
        padding: 18px 10px;
        font-size: 14px;
    }
}

.entry_confirm .contact_box dl {
    align-items: center;
}

.entry_confirm .contact_box dt {
    padding-top: 0;
}

.entry_confirm .contact_box dd {
    font-size: 1.6rem;
}

.entry_confirm .not_entered {
    color: #8f8f8f;
}

.entry_confirm #edit {
    background-image: none;
}

.entry_thanks .hdt {
    margin-bottom: 50px;
}

.entry_thanks .catch_txt {
    padding-bottom: 4rem;
}

@media screen and (max-width: 767px) {
    .entry_confirm .contact_box dd {
        font-size: 1.6rem;
    }

    .entry_thanks .catch_txt {
        padding-bottom: 2rem;
    }
}

.list_pdf dl.is-hidden {
    display: none;
}

.error {
    color: #ff4451;
    margin-top: 5px;
}

.pd0 {
    padding-bottom: 0 !important;
}

#pdfdetail {
    max-width: 1024px;
}

#pdfdetail iframe {
    width: 100%;
    height: 450px;
}

.pdf_detail {
    display: inline-block;
    width: 110px;
    line-height: 35px;
    font-size: 16px;
    text-align: center;
    color: #fff;
    margin-left: 2rem;
    background: #1379c0;
}

.pdf_detail:hover {
    opacity: 0.7;
}

.pdf_detail_sp {
    display: none;
}

@media screen and (max-width: 767px) {
    .pdf_detail {
        font-size: 1.4rem;
        margin-left: 1rem;
        width: 80px;
    }

    .pdf_detail_pc {
        display: none;
    }

    .pdf_detail_sp {
        display: inline-block;
    }
}