body{max-width: 1920px;margin: 0 auto;}
img{display: block;}
.pc{display: block;}
.mobile,.lpc{display: none !important;}
.container{max-width: 1449px;margin: 0 auto;}
header{position: relative;}
header>img{display: block;width: 100%;}
header .nav_box{position: absolute;top:0;width: 100%;}
header .nav_box a.logo img{display:block;margin: 40px 0 0 73px;float: left;}
header .nav{width: 75%;margin: 40px auto 0 auto;text-align: right;}
header .nav ul li{
    display: inline-block;
    margin: 0 2%;
    text-align: center;
}
header .nav ul li a{
    font: normal 12px/20px "NOTOSANSJP-REGULAR";
    color: #ffffff;
}
header .nav ul li a span{display: block;font: normal 18px/20px "FuturaBT-Bold";}
header .nav_box .email_box{
    width: 155px;
    height: 143px;
    background-color: #0055d4;
    position:absolute;
    top: 0;
    right: 0;
    text-align: center;
    color: #ffffff;
    font:normal 18px/20px "FuturaBT-MEDIUM";
}
header .nav_box .email_box img{
    display: block;
    margin: 40px auto 10px auto;
}
.section1 .container{padding: 104px 0 117px 0;box-sizing: border-box;}
.section1 .label{float: left;color: #1a369d;position: relative;}
.section1 .label:before{
    content: "";
    display: block;
    width: 11px;
    height: 11px;
    border-radius: 11px;
    background-color: #e94808;
    position: absolute;
    top: 0;
    left: 0;
}

.section1 .label h1{font:normal 80px/120px "FuturaBT-MEDIUM";}
.section1 .label p{font:normal 24px/24px "NOTOSANSJP-REGULAR";margin-bottom: 152px}
.section1 .label a{
    display: inline-block;
    font:normal 16px/32px "NOTOSANSJP-REGULAR";
    color: #0055d4;
    border-bottom: 1px solid #0055d4;
    position: relative;
}
.section1 .label a:after{
    content: url("../images/UTSUGI/more_icon.png");
    position: absolute;
    right: -60px;
}
.section1 .s1_con{float: right;width: 62%;}
.section1 .s1_con p{font: normal 16px/30px "NOTOSANSJP-REGULAR";color: #333333;margin: 30px 0 20px 0;}
.section1 .s1_con ul li{
    display: inline-block;
    padding: 0 40px;
    background-color: #ecf0f4;
    border-radius: 10px;
    margin: 34px 0 0 27px;
}
.section1 .s1_con ul li:nth-child(4n+1){margin:34px 0 0 0; }
.section1 .s1_con ul li:hover{background-color: #1a369d;}
.section1 .s1_con ul li:hover a{color: #ffffff;}
.section1 .s1_con ul li a{font: normal 18px/63px "NOTOSANSJP-BOLD";color: #1a369d;}

.section2{
    background-image: url("../images/UTSUGI/s2_bg.png");
    background-repeat: no-repeat;
    background-size: 100%;
    padding: 95px 0 0 0;
}

.section2 .label{color: #ffffff;position: relative;}
.section2 .label:before{
    content: "";
    display: block;
    width: 11px;
    height: 11px;
    border-radius: 11px;
    background-color: #e94808;
    position: absolute;
    top: 0;
    left: 0;
}
.section2 .label h1{font:normal 80px/120px "FuturaBT-MEDIUM";}
.section2 .label p{font:normal 24px/24px "NOTOSANSJP-REGULAR";margin-bottom: 152px}
.section2 .label a{
    display: inline-block;
    font:normal 16px/32px "NOTOSANSJP-REGULAR";
    color: #ffffff;
    border-bottom: 1px solid #ffffff;
    position: relative;
}
.section2 .label a:after{
    content: url("../images/UTSUGI/more_icon_w.png");
    position: absolute;
    right: -60px;
}
.section2 .reason_box{margin: 150px auto 0 auto;width: 83.3%;}
.section2 .reason_box:hover .reason{transform: translateY(-35px)}
.section2 .reason_box:hover .reason_pic{transform: translateY(35px)}
.section2 .reason_box:nth-child(3),.section2 .reason_box:nth-child(4){margin: 200px auto 0 auto;}
.section2 .reason_box .reason,.section2 .reason_box .reason_pic{float: left;}
.section2 .reason_box .reason{
    width: 63%;
    background-color: #f4f7f9;
    padding:25px 70px 112px 70px;
    box-sizing: border-box;
    transition: all 0.3s ease-in-out
}
.section2 .reason_box .reason h1{font:normal 4.4vw/7vw "FuturaBT-MEDIUM";color: #0055d4;}
.section2 .reason_box .reason h2{font:normal 2vw/3vw "NOTOSANSJP-BOLD";color: #333333;margin-bottom: 1.5vw;}
.section2 .reason_box .reason h2:after{
    content: "";
    display: block;
    width: 206px;
    height: 10px;
    background-color: #e94808;
    margin: -12px 0 0 0;
}
.section2 .reason_box .reason p{
    width: 80%;
    height: 186px;
    padding: 38px 0 0 0.5vw;
    font: normal 16px/30px "NOTOSANSJP-REGULAR";
    position: relative;
    box-sizing: border-box;
}
.section2 .reason_box .reason p span{width: 80%;font: normal 16px/30px "NOTOSANSJP-BOLD";color:#0055d4;}
.section2 .reason_box .reason p:before{
    content: url("../images/UTSUGI/quotation_icon.png");
    position: absolute;
    top:0;
    left: 0;
}
.section2 .reason_box .reason_pic{width: 37%;margin-top: -70px;transition: all 0.3s ease-in-out}

.section3{
    background-image: url("../images/UTSUGI/s3_bg.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding: 106px 0 56px 0;
    text-align: center;
}
.section3 .label{color: #1a369d;position: relative;text-align: right;}
.section3 .label:before{
    content: "";
    display: block;
    width: 11px;
    height: 11px;
    border-radius: 11px;
    background-color: #e94808;
    position: absolute;
    top: 0;
    right: 0;
}
.section3 .label h1{font:normal 80px/120px "FuturaBT-MEDIUM";color: #1a369d;}
.section3 .label p{font:normal 24px/24px "NOTOSANSJP-REGULAR";margin-bottom: 70px;color: #1a369d;}
.section3 .container ul{display: inline-block;}
.section3 .container ul li{
    width: 240px;
    height: 240px;
    border-radius: 50%;
    border: 1px dashed #86a4b4;
    float: left;
    text-align: center;
    margin: 0 15px;
    position: relative;
}
.section3 .container ul li img{display:block;margin: 50px auto 44px auto;}
.section3 .container ul:nth-child(2) li:nth-child(3) img{margin: 40px auto 34px auto;}
.section3 .container ul li p{font: normal 1vw/28px "NOTOSANSJP-BOLD";color:#333333;}
.section3 .container ul li span{
    width: 40px;
    height: 40px;
    display: block;
    border-radius: 50%;
    background-color: #1a369d;
    font: normal 18px/40px "NOTOSANSJP-REGULAR";
    color:#ffffff;
    font-style: italic;
    position: absolute;
    right: 15px;
    bottom: 10px;
}
.section4{
    background-image: url("../images/UTSUGI/s4_bg.jpg");
    background-repeat: no-repeat;
    background-size: 100%;
}
.section4 .left{float: left;margin: 96px 0 50px 18%;}
.section4 .left p{color: #ffffff;}
.section4 .left p:nth-child(1){font: normal 4vw/5vw "NOTOSANSJP-Thin";}
.section4 .right{float: right;margin: 50px 18% 50px 0;}
.section4 .right a{display: flex;align-items: center;}
.section4 .right a p{font:normal 80px/120px "FuturaBT-MEDIUM";color: #ffffff;display: inline-block}
.section4 .right a img{display: inline-block;margin: 0 0 0 -25px}

.section5{
    background-image: url("../images/UTSUGI/s5_bg.png");
    background-repeat: no-repeat;
    background-position: top 109px center;
    background-size: 90%;
    position: relative;
    padding: 82px 0 97px 0;
    margin-bottom: 97px;
}
.section5 .container>img{position: absolute;left: 0;width:42.2%;}
.section5 .container ul{width: 49.3%;float: right;margin-top: 109px}
.section5 .container ul li{
    background: url("../images/UTSUGI/s5_more_icon.png") no-repeat right center;
    border-bottom: 1px solid #eaeaea;
    padding: 40px 80px 20px 0;
    box-sizing: border-box;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.section5 .container ul li a p:nth-child(1){
    font:normal 1.4vw/3vw "NOTOSANSJP-MEDIUM";
    color: #1a369d;
}
.section5 .container ul li a p:nth-child(2){
    font:normal 0.85vw/2vw "NOTOSANSJP-REGULAR";
    color: #999999;
}
.section6{position: relative;}
.section6 iframe{display: block;width: 100%;height: 491px;}

.d_lisswper{margin-bottom:100px;}
footer{background-color: #000d2c;padding: 167px 0 113px 0;}
footer .left{float: left;}
footer .right{width:70%;float: right;margin-top: 75px;}
footer .left img{margin-bottom: 20px}
footer .left p{font:normal 14px/2vw "NOTOSANSJP-REGULAR";color: #92a4cf;}
footer .right ul li{display: inline-block;margin-left: 8%;}
footer .right ul li a{font:normal 12px/12px "NOTOSANSJP-REGULAR";color: #92a4cf;}
footer .right ul li span{
    display: block;
    font:normal 16px/25px"FuturaBT-MEDIUM";
    color: #ffffff;
}
footer .right a.zip{
    display: inline-block;
    font: normal 12px/43px "NOTOSANSJP-REGULAR";
    color: #ffffff;
    padding: 0 15px;
    background-color: #00123c;
    float: right;
    margin-top: 20px;
}
footer .bottom{margin-top: 180px;padding-top: 30px;border-top: 1px solid #02184a;}
footer .bottom p{float: left;font:normal 12px/12px "NOTOSANSJP-REGULAR";color: #92a4cf;}
footer .bottom .pagetoppic{animation: pagetoppic 10s linear infinite;}
footer .bottom .pagetop{display: block;float: right;background: url("../images/UTSUGI/top_icon.png") no-repeat center;}
@keyframes pagetoppic{
    from{
        transform: rotate(0deg);
    }
    to{
        transform: rotate(360deg);
    }
}

@media (max-width: 1500px) and (min-width:1000px){
    .container{width: 96%;}
    .section3{padding: 100px 0 40px 0}
    .section3 .label p{margin-bottom: 3.2vw;}
    .section3 .container ul li{width: 15.8vw;height: 15.8vw;}
    .section3 .container ul li img{margin:3.5vw auto 2vw auto;}
    .section3 .container ul:nth-child(2) li:nth-child(3) img{margin: 2vw auto 2vw auto;}
    .section3 .container ul li span{right: 0.5vw;bottom: 0.5vw;}
    footer .right{width: 70%;}
    footer .right ul li{margin-left: 6%;}
}