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

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

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

.linkStyle{color: #EDB24E}

.back1:before, .back2:before{display: none}
#contents3_wrap:after{display: none}

body{background-color: #fafafa}
#footer{background-color: #4598af;color: #fff}
#footer .txt_color1, #footer .txt_color3{color: #fff}
#wrap{position: relative;z-index: 0;overflow: hidden}
header{background-color: rgba(54,142,173,0.3)}
#logo{max-width: 200px}
#main_img .square_box{background-color: transparent}
#main_img:after{content: "";display: block;width: 100%;height: 100px;background: linear-gradient(to bottom, rgba(249,249,249,0), rgba(249,249,249,1));position: absolute;bottom: -1px;left: 0;z-index: 1}
#main_img:before, #info_contact .con_img:before{background-color: rgba(54,142,173,0.6)}
#intro::before, #contents2_wrap::before{position: absolute;content: "";width: 600px;height: 600px;right: -100px;bottom: -400px;background-color: #e6f2f5;pointer-events: none;border-radius: 50%}
#contents2_wrap::before{bottom: auto;top: -300px;right: auto;left: -100px;width: 500px;height: 500px;z-index: -1}
#intro_wrap, #contents3 .con_box, main.back1 .con_box{box-shadow: 0 10px 40px rgba(0,0,0,0.05)}
#page_title{height: 500px}
#page_title:before{height: 100px;top: auto;bottom: -1px;background-color: transparent;background: linear-gradient(to bottom, rgba(249,249,249,0), rgba(249,249,249,1));}
.nav_menu_more a .icon:before{display: none}
.overlay{background: linear-gradient(135deg, rgba(54,142,173,0.9) , rgba(237,178,78,0.9) )!important}

#top_cms{background-color: #fff}

.cate_list li a{background-color: #f0f0f0!important}
.cate_list li a:hover{background-color: #ffe5c0!important}
.cate_list li a:before{color: #edb24e!important}
.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 1px #eee;color: #333;font-weight: normal;position: relative}
.cate_title::before{position: absolute;content: "";width: 40px;height: 1px;background-color: #368ead;left: 0;bottom: -1px}

#cms_4-b .cate_box, .cms_4-b .cate_box{margin: 0}


/** tablet 780 **/
@media screen and (max-width: 768px){
#page_title{height: 400px}
#page_title .page_title_box{width: 380px;padding-left: 0;padding-right: 0}
}

/** mobile 750 **/
@media screen and (max-width: 667px){
#page_title{height: 300px}
#cms_4-b .cate_box, .cms_4-b .cate_box{margin: 0 0 20px}
#intro::before{width: 400px;height: 400px;bottom: -300px}
#contents2_wrap::before{top: -200px;left: -50px;width: 300px;height: 300px}
#page_title .page_title_box{width: 300px}
}

/** 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}
}