﻿#page_title .sns_link li {
    background-color: rgb(255 255 255 / 70%);
}
#cms_3-e .cate_title {
    font-size: 32px;
    text-align: center;

}
#cms_3-e .sub_cate_title {
    font-size: 26px;
}
#cms_3-e .box_title1, #cms_3-e .box_title2 {
    font-size: 22px;
}
#main .sns_link{
    z-index:99;
}
#main .sns_link li{
    background-color: #fff;
}
.page3 .box_title1{
    font-weight:bold;
    font-size:20px;
}


@media all and (-ms-high-contrast: none){
    footer .more a{
        padding-bottom:5px !important;
    }
    .page7 .box .box_item:first-child{
        padding-bottom:10px !important;
    }
    .page10 .more a{
        padding-bottom:10px !important;
    }
    ul.pager li a span{
        padding-bottom:10px;
    }
    a.txt_white.font_bold.font_14up.font_12up_tb.font_4up_sp.letter_4.d_inline_b.border_so1.pd_10px.pd_l-20px.pd_r-20px.border_rad5.pd_10px_sp.d_block_sp.letter_2_sp.pd_t-15px_sp.pd_b-15px_sp{
        padding-bottom:0px !important;
    }
    a.d_inline_b.mg_l-5px.mg_r-5px.pd_t-5px.pd_b-5px.pd_l-10px.pd_r-10px.border_rad3.bg_color1.txt_white.border_so1.border_color1.shadow-l.motion03s.hvr_txt_color1.hvr_bg_white{
        padding-bottom:0;
    }
}




.cms_img1{
 
    background-image: url(./Up_Img/216/ac2rmznn.jpg);
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
}
h1.logo{
    margin-bottom: 20px;
}


.cms_img1::before {
    width: 100%;
    height: 100%;
    content: "";
   background: linear-gradient(125deg, rgba(133,224,241,0) 0%, rgba(133,224,241,0.1) 50%,rgb(142 240 222) 100%);
    position: absolute;
    opacity:0.5;
    left:0;
    top:0;
    z-index:1;
}




.en_font{
    font-family:"lemonde-sans","游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic",  sans-serif
}





footer .entry.more a:after {
    background-color: #fff;
}
body{
    overflow:hidden;
}
.contact h2{
        white-space: nowrap;
}
.cate_title{
    background: linear-gradient(36deg, rgba(25,126,145,1) 0%, rgba(106,208,189,1) 100%);
    color: white;
    border: 0;
}
.linkStyle {
    color: #036779;
}
.load_logo{
    top:55%;
}
.load_logo figure{
    max-width:500px;
}
#page_title{
    background-attachment: inherit;
    background-position:right;
}

#loading_bg{
    background: linear-gradient(36deg, rgba(25,126,145,1) 0%, rgba(106,208,189,1) 100%);
}
.page_title_box .wrap::before {
    content: "";
    position: absolute;
    width: 1000px;
    height: 500px;
    background: url(Dup/img/bg1.png) no-repeat;
    background-size: contain;
    left: -470px;
    top: -200px;
    z-index: -1;
}
#page_title:before {
    background: linear-gradient(to bottom right, rgba(255,255,255,0) 50%, #1599b1 50.5%) no-repeat top left/100% 100%;
}

.content_wrap {
    background-color: rgba(255, 255, 255, 0.9);
}
.g-menu{
    background: linear-gradient(36deg, rgba(25,126,145,1) 0%, rgba(106,208,189,1) 100%);
}
footer .entry.more a {
    color: white;
}
footer{
    background-image: url(Dup/img/footer_bg.png);
    background-size: cover;
    background-position: center;
}
.no{
    background-image: url(Dup/img/bg1.png);
    background-size: cover;
    background-position: right;
}
#header{
    background: linear-gradient(36deg, rgba(25,126,145,1) 0%, rgba(106,208,189,1) 100%);
}
#main .main_box {
    top: 50%;
    left: 5%;
    transform: translateY(-50%);
    max-width: 600px;
    width: 40%;
    background: rgba(255,255,255,0.65);

    padding: 40px;
    z-index: 2;
    backdrop-filter: blur(2px);
}

h1.logo img{
    width:60% !important;
}

#main .main_box {
    top: 67%;
    left: 4%;
    transform: translateY(-50%);
    max-width: 550px;
    width: 30%;
    z-index: 2;
}
.more a {
    background: linear-gradient(36deg, rgba(25,126,145,1) 0%, rgba(106,208,189,1) 100%);
}
#main_b {
    position: absolute;
    right: -280px;
    top: -16vw;
    z-index: 2;
    width: 70vw;
    min-width: 1000px;
}

.main_wrap{
    position:relative;
    overflow:hidden;
}
.back_color {
    background: linear-gradient(rgba(197,214,210,0.5) 0%, rgba(162,213,222,0.7) 30%, rgba(162,213,222,0.7) 80%,rgba(106,208,189,0.5) 100%);
}

.catch_txt {
    color: #002050;
    background: rgba(255,255,255,0.7);
}

#contents .box .box_item:before {
    background-color: rgba(104,145,152,0.7);
}
#contents .box .box_item:after{
    background: linear-gradient(to bottom left, rgba(255,255,255,0) 50%, #1599b1 50.5%) no-repeat top left/100% 100%;
}

/*-----------------------------------------タブレット----------------------------------*/
@media screen and (max-width:768px){
    .cms_img1 {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: 20% 50%;
}
    #main .main_box {
    top: 80%;
    width: 40%;
    background: rgba(255,255,255,0.9);
    left: 5%;
}
#main_b {
    position: absolute;
    right: -340px;
    top: 28vw;
    z-index: 1;
    width: 60vw;
    min-width: 910px;
}
    footer{
        background-position:left;
    }
}

/*-----------------------------------------ここまで----------------------------------*/

/*-----------------------------------------スマホ----------------------------------*/
@media screen and (max-width:667px){
.pager {
    position:relative;
}
a.txt_white.font_bold.font_14up.font_12up_tb.font_4up_sp.letter_4.d_inline_b.border_so1.pd_10px.pd_l-20px.pd_r-20px.border_rad5.pd_10px_sp.d_block_sp.letter_2_sp.pd_t-15px_sp.pd_b-15px_sp{
    font-size:18px;
}
#main_b {
    position: absolute;
    right: -140px;
    top: 40vw;
    z-index: 1;
    width: 130vw;
    min-width: 0;
}
#main .main_box {
    top: 75%;
    width: 60%;
    background: rgba(255,255,255,0.9);
    left: 5%;
    padding: 20px;
}
.cms_img1 {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: 27% 50%;
}
#contents .box .box_item:after {
    background: linear-gradient(to top left, rgba(255,255,255,0) 50%, #1599b1 50.5%) no-repeat top left/100% 100%;
}
.load_logo figure{
    width:250px;
}
.page2 .content_wrap{
    padding-bottom:60px;
}
}

/*-----------------------------------------ここまで----------------------------------*/