@import url('https://fonts.googleapis.com/css2?family=Alegreya:wght@400;500&family=Niconne&display=swap');
.font2{font-family: 'Niconne', cursive;}
.font_14{font-size:16px;}
.linkStyle{color: #6558b1;}


#fakeloader:before{background-color:transparent;}
#logo {max-width: 150px;}
.back1:before,.back2::before{
    background: linear-gradient(#a3e8ca,#87e2dc)!important;
    opacity: 0.6;
    z-index:-1;
    width:100%;
}
#main_img .menu{top:45%;}
#main_img:before{background-color: rgba(154,154,154,0.1);}
#main_img .square_box{background-color:transparent;}
header.scr_header {background-color: rgba(255,255,255,0.5)!important;}
header.scr_header #logo {max-width: 100px;}
#pc_nav li a{color: #00826f;}
#pc_nav li a, #top_pc_nav li a, #footer_nav li a{font-size: 14px;}
footer{background-color:rgba(135,226,220,0.6)!important;}
#footer{background-color:transparent;}
#sdgs{
    bottom:0;
    right:0;
    z-index:2;
    
}

/*top page----------------------------------
-----------------------------------------*/
.num{display:none;}
.back1{padding-top:0;}
.line:before,#footer_nav li a::after,#pc_nav li a::after,#top_pc_nav li a::after {background-color: #0d6caf!important;}
/*#intro{padding-top:0;}*/
/*#intro_wrap{padding-top:4%;}*/
/*#intro .intro_sub{
    font-size:3rem;
    color:#378989;
    line-height: 1.2;
}*/
#intro h3{font-size:calc(2rem - 5px);}
#intro .intro_txt{background: url(./Dup/img/intro_bg.png) transparent no-repeat center top;}

#intro .intro_item img{width:auto;}
/*.con1_sub,.con2_sub,.con3_sub{
    font-size:2rem;
    line-height: 1.2;
}*/
.con1_item img,.con2_item img,.con3_item img{width:auto;}
#contents3_wrap:after {
    background-color: rgba(255,255,255,0.1)!important;
}

#top_cms .cms_2-c .cate_box{padding:2% 0;}
/*#top_cms .cms_title p{
    font-family: 'Niconne', cursive;
    font-size: 2rem;
    line-height: 1.2;
}*/
#top_cms .line-l:before{top: 16px;}
/*#info_contact .con_title .pop400{
    font-family: 'Niconne', cursive;
    font-size: 2rem;
    line-height: 1.2;   
}
*/

/*under page----------------------------------
-----------------------------------------*/
#page_title:before{background-color: rgba(236,251,249,0.6);}
/*#page_title .pop400{
    font-family: 'Niconne', cursive;
    font-size: 2rem;
    line-height: 1.2;     
}*/


.overlay {
    background: linear-gradient(rgba(122,204,168,0.9),rgba(89,187,181,0.9))!important;
}
.nav_menu_more:first-of-type a .icon:before{display:none;}

/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
#logo {
    max-width: 120px;
}
#intro .intro_item img {
    width: 100%;
}
#intro_wrap {
    padding-top: 7%;
}
#intro .intro_txt{
    background: url(./Dup/img/intro_bg.png) transparent no-repeat center top 40%;
    background-size: contain;
}
.button_container span{background: rgb(33,33,33);}
.button_container .menu{color:#333;}
/*#page_title .page_title_box .hannari{font-size:29px;}*/
}

/* ---------- スマートフォン ---------- */
@media screen and (max-width: 667px){
#logo {
    max-width: 80px;
}
header.scr_header #logo {
    max-width: 60px;
}
#intro_wrap{padding-bottom:50px;}
#intro h3 {
    font-size: calc(2rem - 10px);
}
#intro .intro_txt{background:none;}
#contents1 h3{letter-spacing:1px;}
#contents1 .line:before, #contents2 .line:before {
    left: 0px;
    right: 0;
    margin: auto;
}
#page_title .page_title_box .hannari {
    font-size: 24px;
    letter-spacing: 1px;
}
.page_title_box {
    width: 67%;
}
.return::before {
    top: -50px;
}
.return::after{
    height:90px;
    bottom: -30px;
}
}

/* ---------- IEの処理 ---------- */
@media all and (-ms-high-contrast: none){
#contact_tel a{padding-top:25px;}
}


/*---------- 2023_0206 ---------- */
#body,#fakeloader{background-color: #f5fdff;}
#header{padding-top: 10px;}
#logo {
    max-width: 300px;
}
header.scr_header #logo {
    max-width: 250px;
}
.back1:before, .back2::before{background: #14d7ff!important;width: 37.7%;opacity: 0.3;}
#intro .intro_txt{background: none;}
#intro .intro_sub,.con1_sub,.con2_sub,.con3_sub {
        color: #50b3c8;
    margin-bottom: 10px;
        font-size: 2rem;
    font-family: 'GFS Didot', serif;
    
}
footer {
        background-color: rgb(112 231 255 / 60%)!important;
}
.overlay {
    background: linear-gradient(#00bcd4,rgb(89 187 183 / 90%))!important;
}
.line:before{height: 1px;}
.line:before, #footer_nav li a::after, #pc_nav li a::after, #top_pc_nav li a::after{    background-color: #121212!important;}
#pc_nav li a, #top_pc_nav li a, #footer_nav li a{
    font-family: 'GFS Didot', serif;
    color: #121212;
}
#top_pc_nav li a{color: #fff;}
#top_pc_nav li a::after{background-color: #fff!important;}
.overlay.open .overlay-menu,#page_title p,#page10 .con_box a{font-family: "游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", "serif";}
.overlay ul li{font-family: 'GFS Didot', serif;}
.catch{
    z-index: 1;
    max-width: 600px;
    top: 20%;
    right: 3%;
    width: 40%;
}
#contents1 .con_img2,#contents2 .con_img2 {
    bottom: 50px;
    left: -5%;
    z-index: 2;
    margin-right: 40%;
}
#contents2 .con_img2{
    right: -5%;
    margin-left: 40%;
    margin-right: inherit;
}
#contents1 .con_box,#contents2 .con_box{margin-top: 0;}
#contents3_wrap:before, #contents3_wrap:after {
    top: 100%;
    height: 60%;
}
#contents3 {
    margin-bottom: 500px;
}
#top_cms .cms_title{text-align: center;margin-bottom: 100px;}
#top_cms .cms_title p{margin-bottom: 10px;}
#top_cms .cms_title h3{font-size: 3rem;}
#top_cms .line-l:before{display: none;}
#page_title .page_title_box{background-color: transparent;}
#page_title:before {
    background-color: #fff;
}
#page_left, #page_right {
    background-image: none!important;
}
#page_title h2{
    font-size: 3rem;
    font-family: 'GFS Didot', serif;
    color: #160a0a;
}
#page_title p{ color: #160a0a;}
.cate_list li a {
    background-color: rgb(0 188 212 / 30%)!important;
}
.cate_list li a:hover {
    background-color: rgba(22,10,10,0.1)!important;
}

/* ---------- 1280 ---------- */
@media screen and (max-width: 1280px){
    .top #logo{opacity: 0;}
    .top header.scr_header #logo{opacity: 1;}
}




/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
#header{padding-top: 10px;}
.catch {
    top: 30%;
}
#contents1 .con_img{margin-left: 10%;}
#contents1 .con_img2{left: -3%;}
#contents2 .con_img{margin-right: 10%;}



}

/* ---------- スマートフォン ---------- */
@media screen and (max-width: 667px){
    .catch {
    top: 50%;
}
#logo {
    max-width: 180px;
}
.button_container{transform: translate(0,-50%)scale(0.8);}
header.scr_header #logo {
    max-width: 200px;
}
#intro .intro_sub, .con1_sub, .con2_sub, .con3_sub{font-size: 1.3rem;}
#contents1 .con_img img{top: 70%;}
#contents2 .con_img img{top: 80%;}
#contents3 {
    margin-bottom: 290px;
}
#contents3_wrap:before, #contents3_wrap:after {
    height: 30%;
}
#top_cms .cms_title {
    margin-bottom: 50px;
}
#top_cms .cms_title h3 {
    font-size: 2rem;
}
.page_title_box {
    width: 80%;
}
#page_title .page_title_box .hannari {
    font-size: 34px;
    letter-spacing: 1px;
}

}

/*2023_0406_修正*/
#pc_nav li{
    max-width: 250px;
}