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

header, #intro h2, #contents h3, #top_cms .cms_title h2, .more, #info_title_box, #info h3, #page_title, .cate_title, .box_title1, a[href^="tel:"], .sub_cate_title, .mo_txt{font-family: 'Noto Serif JP', "游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", "serif";font-weight: 700}
.font_bold{font-weight: 700}

#loader{top: 0;left: 0;z-index: 1000}
#loader::before, #loader::after{position: absolute;content: "";width: 100%;left: 0;background-color: #F7F7F7;height: 51%;transition: 1s}
#loader::before{top: 0}
#loader::after{bottom: 0}
#loader.active::before, #loader.active::after{height: 0}
#loader img{z-index: 1}

.svg_box, .svg_box2{display: none!important;}

header{padding-bottom: 20px}
#header_menu li a span{color: #666}
#header_menu li a:hover span{color: #AA1330}
#header_menu li.border_so3-t{border-top: none;position: relative}
#header_menu li.border_so3-t a span{color: #AA1330}
#header_menu li.border_so3-t::before{position: absolute;content: "";width: 100%;height: 1px;background-color: #AA1330;left: 0;bottom: -20px}
header #header #header_menu li:last-child a span{border-width: 1px}
header #header #header_menu li:last-child a span.txt_color3{color: #AA1330;border-color: #AA1330}
#logo{padding-top: 20px}
#page_title{background-position: center}
.logo{width: 300px}
#main_img::before{position: absolute;content: "";width: 100%;height: 100px;left: 0;bottom: -1px;background-image: url(./Dup/img/bg_img2.png);background-size: 100% 100%;z-index: 1}
.mo_txt span{display: inline-block;opacity: 0;transform: translateX(5px);transition: 0.3s;line-height: 1}
.mo_txt span.active{opacity: 1;transform: translateX(0)}
#intro_txt .mo_txt span{font-size: 50px}
#intro_txt .mo_txt::before{position: absolute;content: "";width: 50px;height: 1px;heifht: 2px;left: 0;right: 0;bottom: 0;margin: auto;background-color: #aa1330}
#intro_txt h2 span{padding: 0;border-bottom: none}
#intro_txt{background-size: 1200px;background-repeat: repeat-x;background-position: bottom 50px left 0;animation: nami 20s linear infinite;background-image: url(./Dup/img/bg_img.png)}
@keyframes nami {
     0%          {background-position: bottom 50px left 0}
     100%     {background-position: bottom 50px left -1200px}
}
#contents .con_wrap:nth-of-type(1) .con_no, #contents .con_wrap:nth-of-type(3) .con_no{right: 20px;top: 20px;font-size: 80px}
#contents .con_wrap:nth-of-type(2) .con_no{left: 20px;top: 20px;font-size: 80px}
#contents .con_wrap .con_img::before{position: absolute;content: "";width: 100%;height: 100%;background-size: auto 100%;background-repeat: no-repeat}
#contents .con_wrap:nth-of-type(1) .con_img::before, #contents .con_wrap:nth-of-type(3) .con_img::before{right: -1px;background-image: url(./Dup/img/con_img.png);background-position: top right}
#contents .con_wrap:nth-of-type(2) .con_img::before{left: -1px;background-image: url(./Dup/img/con_img2.png);background-position: top left}
#contents .con_wrap:nth-of-type(1), #contents .con_wrap:nth-of-type(3){background-image: url(./Dup/img/con_img3.png);background-position: top right;background-repeat: no-repeat;background-size: auto 100%}
#contents .con_wrap:nth-of-type(2){background-image: url(./Dup/img/con_img4.png);background-position: top left;background-repeat: no-repeat;background-size: auto 100%}
.fadein .fade_box{opacity: 0;transition: 1s;transform: translateY(10px)}
.fadein .fade_box.active{opacity: 1;transform: translateY(0)}

#top_cms .cms_title{margin-bottom: 50px}
#top_cms .cms_title h2{padding: 0;margin: 0;position: relative}
#top_cms .cms_title h2::before{position: absolute;content: "";width: 100%;height: 1px;left: 1px;top: 0;bottom: 0;margin: auto;background-color: #004e9e;z-index: -1}
.more{width: 100%;margin-top: 50px}
.more a{width: 200px;padding: 20px 0;padding-right: 20px;border: none;margin: 0 auto;background-color: #F7F7F7;position: relative;box-sizing: border-box}
.more a::before{position: absolute;content: "";width: 40px;height: 1px;top: 0;bottom: 0;right: -20px;background-color: #AA1330;transition: 0.3s;margin: auto}
.more a:hover{padding-right: 0}
.more a:hover::before{background-color: transparent;width: 0;right: 0}

.cate_list li a{padding-left: 20px!important;padding-right: 20px!important;border-bottom: solid 1px;color: #aaa}
.cate_list li a:hover{opacity: 1;color: #AA1330;}
.cate_title, .sub_cate_title{background-color: transparent;padding: 0;margin: 0;display: block;border: none;width: 100%!important;font-size: 24px;text-align: center;padding-bottom: 20px!important;margin-bottom: 50px;color: #333;font-weight: normal;position: relative}
.cate_title::before, .sub_cate_title::before{position: absolute;content: "";width: 40px;height: 3px;left: 0;right: 50px;margin: auto;bottom: -5px;background-color: #AA1330}
.cate_title::after, .sub_cate_title::after{position: absolute;content: "";width: 40px;height: 3px;left: 50px;right: 0;margin: auto;bottom: -5px;background-color: #004E9E}

footer .bg-mask{background-color: #F7F7F7}


/** tablet 780 **/
@media screen and (max-width: 768px){
header{padding-bottom: 10px}
#logo{margin-bottom: 10px}
#main_img{height: 60vw!important}
#main_img::before{height: 10vw}
#header_menu li.border_so3-t::before{bottom: -10px}
#contents .con_wrap:nth-of-type(1) .con_no, #contents .con_wrap:nth-of-type(2) .con_no, #contents .con_wrap:nth-of-type(3) .con_no{left: auto;right: 20px;top: 0;font-size: 80px}
#contents .con_img{height: 50vw}
#contents .con_wrap .con_img::before{display: none}
#contents .con_wrap:nth-of-type(1), #contents .con_wrap:nth-of-type(2), #contents .con_wrap:nth-of-type(3){background-image: none}
}

/** mobile 750 **/
@media screen and (max-width: 667px){
header{padding-bottom: 0}
#logo{width: auto!important;padding-top: 10px;margin-bottom: 0}
.logo{width: 240px}
#intro_txt .mo_txt span{font-size: 30px}
#contents .con_wrap:nth-of-type(1) .con_no, #contents .con_wrap:nth-of-type(2) .con_no, #contents .con_wrap:nth-of-type(3) .con_no{top: 5px;font-size: 50px}
}

/** IE **/
@media all and (-ms-high-contrast:none) {
header, #info_title_box, #info h3, #page_title, .cate_title, .box_title1, a[href^="tel:"], .sub_cate_title{font-family: "游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", "serif";font-weight: 700}
}