﻿span.red{
    color: red;
    margin-top: 10px;
    display: block;
    font-size: 16px;
}
.linkStyle {
    color: #001b6e;
    text-decoration: underline;
}
.pager .txt_color3 {
    color: #001b6e;
}
.pager .txt_color3:hover{
    color:white;
}
span.hover_box {
    opacity: 0.5;
    mix-blend-mode: soft-light;
}
body, .txt_color_nomal {
    color: #090909;
}
.bg_color1 {
    background-color: #001b6e;
}
section#main_img {
    background: url(Dup/img/main_img.jpg);
    background-position: center right;
    background-size: cover;
}
#main_img::before{
 display:none;
}
div#main_cover img {
    height: 100vh;
    object-fit: contain;
    width: auto;
}
#contents1 h2 {
    color: #001b6e;
}
section#icon {
    padding: 100px 0;
    background: #ffffff;
}
#contents1 .bg_color2 {
    background-color: #edfaff;
}
.border_color4 {
       border-color: #d1e6ef;
}
.icon_wrap {
    display: flex;
    justify-content: space-around;
        max-width: 1080px;
    margin: auto;
}
.icon_wrap .box {
    text-align: center;
    width: 30%;
    background: white;
    padding: 20px;
    box-sizing: border-box;
    box-shadow: 0px 0px 10px #0000001c;
    margin: 15px 0;
}
.icon_wrap .box img {
    width: 70%;
}
.icon_wrap .box p{
    font-weight:bold;
    color:black;
}

.banner a {
    max-width: 410px;
    display: block;
    box-shadow: 0 0 10px #00000024;
    margin-top: 20px;
    transition: all 0.3s;
}
.banner a:hover{
    opacity:0.6;
}
#sp_nav a.active {
    border-bottom: 1px solid #d1e6ef;
}
.icon_wrap{
    flex-wrap:wrap;
}
/*--------------------------------タブレット------------------------------------------*/
@media screen and (max-width:768px){
    div#main_cover img {
    height: 50vh;
    }
    section#main_img {
    height: 50vh !important;
}
section#icon {
    padding: 100px 50px;
}
.icon_wrap .box{
    width:50%;
    margin:0;
}
}


/*--------------------------------スマホ-----------------------------------------*/
@media screen and (max-width:667px){
div#main_cover img {
    height: auto;
    width: 100%;
    position: absolute;
    bottom: 0;
}
section#main_img{
    background-position:center;
}
section#icon {
    padding: 50px 30px;
}
}