@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@700&display=swap');

h2, h3{
font-family: 'Noto Sans JP', sans-serif;
}

.font_8up {
    font-size: -webkit-calc(1rem + 10px);
    font-size: calc(1rem + 10px);
    letter-spacing: 0.2em;
}

#cms_5-b .cate_box .open_bt .box_title1::before {
    color: rgb(255, 255, 255) !important;
}

/*.bg_color3 {
    background-color: #1e5fb9;
}*/



.bg_color3 {
    background-color: #263f61;
}

#page-top a, .date{
    background-color: #0b54b7;
}

#main_menu.fixed {
    background-color: rgba(37, 63, 97, 0.74) !important;
}

.border_color2 {
    border-color: #253f61;
}

.txt_color2 {
    color: #bec1ca;
}

h3.txt_color2 {
    color: #253f61;
}

h3.txt_color2 {
    color: #5a93e0;
}

#wrap{
    background-image: url(./Dup/img/back.png);
    background-position: bottom left;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: contain;
}

#main_img{
position:relative;
}


#main_img:before {
    content: "";
    display: block;
    width: 100%;
    height: 166px;
    position: absolute;
    top: 50%;
    left: 50%;
    background-image: url(./Dup/img/eye.svg);
    background-position: center;
    background-repeat: no-repeat;
    -webkit-transform: translate(-50% , -50%);
    transform: translate(-50% , -50%);
    background-size: 60%;
    pointer-events: none;
z-index: 2;
}

#page-top {
    border-radius: 20px;
}

#page-top a {
    border-radius: 30px;
}

.txt_color1 {
    color: #ffffff;
}

.henko p a{
color:white;
border-bottom:1px solid white;
    width: 100%;
    max-width: 360px;
}


.henko p a:hover{
color:white;
border-bottom:1px solid blue;
}

#main_img2 {
    background-position: center !important;
}

@media all and (-ms-high-contrast:none){
#cms_2-b .cate .cate_title {
    padding-top: 8px !important;
}

#cms_5-b .cate_box .open_bt {
    padding: 20px 0 17px 0;
}


}



/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){


element.style {
}
@media screen and (max-width: 768px)
h1#logo {
    margin-right: 0%;
    margin-left: 30%;
}

#f_menu ul li a {
    color: #ffffff;
    font-size: 15px;
}

}

/* ---------- スマートフォン ---------- */
@media screen and (max-width: 667px){
h1#logo{
    margin-right: 6.2%;
}

.henko p a {
    max-width: 90%;
    font-size: 20px;
}

.font_8up {
    font-size: -webkit-calc(1rem + 5px);
    font-size: calc(1rem + 5px);
    letter-spacing: 0;
}

}