@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP&family=Sen&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}

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


.linkStyle{color: #F2BB41}
.width_1280-1000{min-width: 800px}

header{background-image: url(./Dup/img/bg_img.jpg);background-size: cover;background-position: center}
#main_menu ul li a{color: #333}
#main_menu ul li a:hover{color: #57b9d3}
#main_menu ul li a::before{background-color: #333}
.fat-nav li a{color: #333}
.button{background-color: #57B9D3;color: #fff;border: none}
.button:hover{background-color: transparent}
.button:hover::after{box-shadow: inset 0 0 0 15em #F2BB41}
.button2{border-color: #F2BB41}
.button2:hover{box-shadow: none;background-color: #F2BB41;color: #fff}
.con1_wrap{background-size: 1000px, cover;background-repeat: repeat-x, no-repeat;background-position: bottom center, center}
#contents1{background-color: rgba(255,255,255,0.9)}
#contents1 h2{padding-top: 50px;padding-bottom: 20px;position: relative;background-image: url(./Dup/img/bg_img2.png);background-size: 40px;background-position: center top;background-repeat: no-repeat}
#contents1 h2::before{position: absolute;content: "";width: 40px;height: 1px;left: 0;right: 0;bottom: 0;background-color: #57b9d3;margin: auto}
#contents2 h2, #contents3 h3{position: relative;padding-bottom: 15px;margin-bottom: 20px}
#contents2 h2::before, #contents3 h3::before{position: absolute;content: "";width: 40px;height: 1px;left: 0;bottom: 0;background-color: #57b9d3}
.con3_wrap{background-image: url(./Dup/img/bg_img7.png);background-size: 10px;}

#top_cms .cms_title{padding-left: 30px;background-image: url(./Dup/img/bg_img6.png);background-size: 10px;background-position: left;background-repeat: repeat-y}
.cms_title::before{display: none}
#top_cms .cms_title h2, #top_cms .cms_title p{color: #333}
#top_cms .cms_title p{opacity: 0.7}

#page_title .title_img::before{background-image: url(./Dup/img/bg_img5.png), url(./Dup/img/bg_img8.png);background-size: 300px, 10px;background-position: right bottom, top left;background-repeat: no-repeat, repeat}
#page_title .page_box{margin-top: 0;padding-left: 30px;padding-top: 50px;background-image: url(./Dup/img/bg_img6.png);background-size: 10px;background-position: left;background-repeat: repeat-y}
#page_title .page_box::before{display: none}
#page_title .txt_shadow-b{text-shadow: none}
#page_title h2{color: #333}
#page_title p{color: #57b9d3}

#cms_3-f .cate_box{width: 100%!important}
.footer_cms{color: #333}


/** tablet 780 **/
@media screen and (max-width: 768px){
.width_1280-1000{min-width: 100%}

}

/** mobile 750 **/
@media screen and (max-width: 667px){
#page_title .title_img::before{background-size: 200px, auto}
.txt1{width: 80%}
}

/** 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}
.font_en{font-family: 'Sen', "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic",  sans-serif}
}