@import url('https://fonts.googleapis.com/css2?family=Kosugi+Maru&display=swap');
body,h1,h2,h3,h4{font-weight: 600;}
h2,.cate_title,.contents_title h3,.con_no {
font-family: 'Kosugi Maru', sans-serif;
}
.linkStyle{color: #3FC1C5;}
a.bnr{
display: block;
max-width: 400px;
margin-bottom: 50px;
}
#intro{background-image: url(Dup/img/bg1.png);}
/*#intro:before,.bnr:before,.bg_wrap:before{
    content: "";
    display: block;
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    width: 100%;
    height: 100%;
}*/
#bottom_menu nav{max-width: 1500px;}
#page-top a{border-radius: 50%;}

.con_no{
color: #4e69b2;
    font-size: 2rem;
    margin-left: -20px;
}
#intro,{position: relative;}
#intro:before{
background-image: url(Dup/img/bg.jpg);
opacity: 0.2;
}
#intro_txt > div{
background-color: #fff;
    padding: 50px;
    text-align: center;
    border-radius: 20px;
position: relative;
z-index: 2;
}
#intro_txt h2:first-letter,#contents p:first-letter{
color: #4e69b2;
font-size: 2rem;
}
#intro_txt h2,#intro_txt p{margin: 0 auto 30px;}
.more div::before,.more div::after{border-radius: 30px;}
.bnr{position: relative;}
.bnr,#menu_bt li{
    overflow: hidden;
    border-radius: 10px;
}
.sns_links{display: flex;}
.sns_wrap ul{display: none;}
.font_14{font-size: 16px;}
.sns_links img{
width: 100%!important;
height: auto!important;
}
.bg_wrap{background-image: url(Dup/img/bg1.png);}
#footer_wrap p{margin-bottom: 30px;}
/*-----------------------------------
下層
-------------------------------------*/
.page .logo img{max-width: 200px;}
.cate_list li a span{
    width: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    text-align: center;
}
}

.icon:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    display: block;
    position: absolute;
    content: "/f0e0";
    top: -3px;
    left: -30px;
}
/*--------------------------------
tb
--------------------------------*/
@media screen and (max-width: 768px){
#header .sns_links{display: none;}
 #menu_bt li a{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 30px 10px;

}
#page-top{z-index: 3;}

}




/*--------------------------------
sp
--------------------------------*/
@media screen and (max-width: 667px){
.top_cms_box{padding: 0 20px;}
.font_14{font-size: 14px;}
#intro_txt > div{padding: 20px;}
a.bnr{max-width: 300px;}
.cate_list li a span{width: 200px;}
#header_wrap img{max-width: 100px;}

}


/*--------------------------------
IE
--------------------------------*/
@media screen and (-ms-high-contrast:none){
#cms_2-a .cate .cate_title{padding-top: 10px!important;}

}