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

body, .font_sans-serif{font-family: 'Oxygen', 'Noto Sans JP', "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic",  sans-serif}

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

#logo{max-width: 350px}
main{padding-bottom: 1px;background-image: url(./Dup/img/bg_img.png);background-size: 800px;background-position: right bottom;background-repeat: no-repeat}
#title, #page_title h2{height: 650px}
#top_contents .intro{background-color: rgba(255,255,255,0.9)}
#top_contents .intro::before{position: absolute;content: "";top: 10px;left: 10px;right: 10px;bottom: 10px;border: solid 1px #d3e2d9;pointer-events: none}
#top_contents .intro .intro_title{padding-top: 60px}
#top_contents .intro .intro_title{background-image: url(./Dup/img/intro.png);background-size: 50px;background-position: top center;background-repeat: no-repeat}
#top_contents .intro h2{text-align: center;margin-bottom: 30px;border-bottom: solid 1px #d3e2d9;padding-bottom: 20px;line-height: 1.5}
#footer .txt_color4{color: #fff}
footer .more a:hover{color: #3eb370}
#top_cms{background-color: transparent}
#top_cms .cms_title{text-align: center;position: relative}
#top_cms .cms_title::before{position: absolute;content: "";width: 1px;height: 50px;left: 0;right: 0;top: -25px;background-color: #3eb370;margin: auto}
#top_cms .cms_title p{font-size: 30px;margin-bottom: 0}
#top_cms .cms_title h2{font-size: 16px;opacity: 0.6}
.more a{padding-top: 20px;padding-bottom: 20px;border-radius: 0}
#top_cms .more a{margin-left: auto;margin-right: auto}
.cate_list li a:hover{color: #3eb370}
#logo2 a{max-width: 300px}


/** tablet 780 **/
@media screen and (max-width: 768px){
#page_title h2{height: auto}
main{background-size: 100%}
}

/** mobile 750 **/
@media screen and (max-width: 667px){
#logo{max-width: 200px;padding-top: 10px}
#title{height: 100px;padding-top: 0;margin-top: 0;margin-bottom: 0}
#top_contents .intro h2{font-size: 16px}
}

/** IE **/
@media all and (-ms-high-contrast:none) {
body, .font_sans-serif{font-family: "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic",  sans-serif}
.more a{padding-top: 25px}
}