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

body, .font_sans-serif{font-family: 'Noto Serif JP', "游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", "serif"}

.linkStyle{display: inline-block;transition: 0.3s;color: #008396}
.linkStyle:hover{opacity: 0.7}

header{background-color: transparent!important;background: linear-gradient(to bottom, rgba(252, 250, 240, 1), rgba(252, 250, 240, 0))!important;}
header #header #header_menu li:last-child a span{padding-top: 10px;border-width: 1px}
#wrap, #intro_txt, #info .info_box{background-color: #FCFAF0}
#header_menu .font_bold{font-weight: normal}
header{padding-bottom: 15px}
#logo{padding-top: 15px}
.logo{width: 250px}
.svg_box, .svg_box2{display: none!important}
#intro #intro_txt{padding-top: 50px;padding-bottom: 50px;background-image: url(./Dup/img/bg_img2.png), url(./Dup/img/bg_img.png);background-position: right top, left bottom;background-size: contain;background-repeat: no-repeat}
#intro h2 span{border-bottom: solid 1px #008396;color: #008396}
#contents .con_no::before{position: absolute;content: "";width: 30px;height: 1px;left: -50px;top: 0;bottom: 5px;margin: auto;background-color: #fdd200}
#top_cms{width: 100%;max-width: 100%;background-color: #f2efe4;margin-top: 0;margin-bottom: 0;padding-top: 100px;padding-bottom: 1px}
#top_cms > section{max-width: 1280px}
#top_cms .cms_title p::before{position: absolute;content: "";width: 1px;height: 40px;background-color: #008396;transform: rotate(45deg);left: 20px;bottom: 0}
.more{margin-left: auto;margin-right: auto}
.more a{padding-top: 20px;padding-bottom: 20px;border-width: 1px;background-color: #008396;color: #fff}
.more a:hover{color: #008396;background-color: transparent}
#info_title_box span{padding: 20px 50px;background-color: transparent;color: #008396;border-top: solid 1px #008396;border-bottom: solid 1px #008396}
footer .bg-mask{background-color: #F2EFE4}

#page_title{background-position: center}
#page_title #filter_white{padding: 100px 0!important;padding-top: 100px!important;text-align: center}
#page_title #filter_white h2{padding: 30px 100px 25px;background-color: rgba(252,250,240,0.4);color: #008396;display: inline-block;font-weight: normal;font-size: 16px;border: solid 1px #fcfaf0}
#page_title #filter_white h2 span{padding: 0;background-color: transparent}

.cate_title{background-color: transparent;padding: 0;margin: 0;display: block;border: none;width: 100%!important;font-size: 24px;text-align: left;padding-bottom: 5px;margin-bottom: 50px;border-bottom: solid 2px #008396;color: #008396;font-weight: normal}


/** tablet 780 **/
@media screen and (max-width: 768px){
header{background-color: rgba(252, 250, 240, 0.8)!important;background-image: none!imoprtant}
#contents .con_img{height: 60vw}
#page_title #filter_white{padding: 50px 0!important;padding-top: 50px!important}
}

/** mobile 750 **/
@media screen and (max-width: 667px){
.logo{width: 200px}
header{padding-bottom: 10px:background-color: transparent!important;background: linear-gradient(to bottom, rgba(252, 250, 240, 1), rgba(252, 250, 240, 0))!important;}
#logo{padding-top: 10px}
#intro_sp{background-size: cover}
#page_title #filter_white h2{padding: 30px 0;width: 80%}
.cate_title{font-size: 20px}
#contents .con_no::before{display: none}
#copyright{padding-left: 20px;text-align: left}
}

/** IE **/
@media all and (-ms-high-contrast:none) {
body, .font_sans-serif{font-family: "游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", "serif"}
.more a{padding-top: 25px}
#page_title #filter_white h2{padding: 30px 100px 20px}
}