@import url('https://fonts.googleapis.com/css2?family=Shippori+Mincho+B1:wght@400;500;600;700;800&display=swap');
.font1,#intro h2, #contents1 h2, #contents2 h2, #top_cms h2, #top_info h2, #f_contact .con_bt, .more_bt a, #top_info .more_bt2 a,#page_title .box{font-family: 'Shippori Mincho B1',"游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho",  serif;}

#body{
    background:url(./Dup/img/bg.png) #f7f7f7 repeat;
    overflow:hidden;
} 
#pc_nav .grid_2 a{font-size:calc(1rem + 2px);}
#f_contact a .hover_box{background-color:rgba(51,51,51,0.7);}


/*----top page----------------------------------------
----------------------------------------------------*/

#main_img::before{background-color: #5176a5;}
#main_img::after{
    content:'';
    position:absolute;
    display:block;
    width:60vw;
    height:75vh;
    background-image:url(./Dup/img/main.png);
    background-repeat:no-repeat;
    background-size:contain;
    background-position:left bottom;
    left:0;
    bottom:0;
    z-index:1;
}

#intro::before{
    content:'';
    position:absolute;
    display:block;
    width:80%;
    height:100%;
    background-image:url(./Dup/img/item1r2.png);
    background-repeat:no-repeat;
    background-size:contain;
    background-position:right top;
    right:0;
    left:auto;
    bottom:0;
    z-index:1;    
}
#intro .intro_bg{background-color: #1347b3!important;}
#intro .grid_6:first-child{
    position:relative;
    z-index:2;
    background-color:rgba(19,71,179,0.6) ;
    padding:30px 0;
}
#intro .width_1280-max{
    width:95%;
    max-width:1480px;
}
#intro figure{box-shadow:none;}
#intro .bg_box{background-image:none!important;}

/*---loop---*/
#roop {
    width: 100%;
    height: 180px;
    background: url(./Dup/img/roop1.png) repeat-x;
    background-position: 0 0;
    -webkit-animation: bgroop 30s linear infinite;
    animation: bgroop 30s linear infinite;
}
@-webkit-keyframes bgroop {
    from {
        background-position: 0 0;
    }
    to {
        background-position:-1956px 0;
    }
}
@keyframes bgroop {
    from {
        background-position:0 0;
    }
    to {
        background-position:-1956px 0 ;
    }
}

.item2r p:last-child{
    top:50%;
    right:10%;
}

#top_cms .more_bt a{
    background-color:#1347b3;
    color:white;
}
#top_cms .more_bt a .before{background-color: #333;}


/* ---------- responsive ---------- */
@media screen and (max-width: 1160px){
.item2r p:last-child{right:5%;}
}



/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
#intro .width_1280-max{margin-top:300px;}
.item2r p:last-child {
    width: 40%;
    right: 2%;
}
#top_cms { padding-top: 80px;}
}

/* ---------- スマートフォン ---------- */
@media screen and (max-width: 667px){
#main_img::after{
    width: 112vw;
    height: 40vh; 
    top: 10%;
}
#intro,#contents1{background-color:#1347b3;}
#intro .width_1280-max {
    margin-top: 100px;
}
.item2r p:last-child {
    width: 55%;
    top:65%;
}
#sp_nav a.active{border-bottom: 1px solid white;}
#f_contact .more_bt span{font-size:23px;}
}

/* ---------- IEの処理 ---------- */
@media all and (-ms-high-contrast: none){

}