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

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

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

.more, #page_title, #top_cms .cms_title, #contents1 .con_title::after, #contents4, a[href^="tel:"], a[href^="mailto:"], #page-top, .linkStyle, #contents2 .con_title::before, #contents3 .con_title::before{font-family: 'Spectral', 'Noto Serif JP', "游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", "serif"}

body, .txt_color_nomal{color: #333!important}
.font_bold{font-weight: normal}
#wrap{background-color: transparent;background-image: url(./Dup/img/bg_img.png);background-size: 5px}
#top_cms, #pc_nav a, .con_box{text-shadow: none}
.under_box, #top_cms, #sp_nav nav, #top_info .con_box, #contents1 .con_box{background-color: #fff}

h1 a{display: block;position: absolute;padding: 50px 20px;background-color: rgba(255,255,255,0.8);width: 170px;top: 0;left: 20px;border-bottom: solid 1px #46cdf7}
h1 img.width_auto{width: 100%!important;height: auto!important}
#header{background: linear-gradient(to bottom, rgba(255,255,255,0.8), rgba(255,255,255,0))}
header .menu_stick .shadow-h{box-shadow: none}
header .menu_stick{color: #004d99}
header .menu_stick .shadow_h{box-shadow: none}
#sp_nav .grid_3 img{display: none}
#sp_nav .grid_3{background-color: #fafafa;background-image: url(./Dup/img/bg_img.png);background-size: 5px}
#main_img{background: linear-gradient(to bottom right, #004d99, #12acc6);text-align: center}
#main_img::before{position: absolute;content: "";width: 600px;height: 150px;background-image: url(./Dup/img/main_txt.png);background-size: contain;background-repeat: no-repeat;right: 50px;bottom: 150px;z-index: 2}
#main_img .swiper-container{opacity: 0.8}

.con_box::before{display: none}

.more a{color: #12acc6}
.more a:hover{background-color: #f4f9f8}
.more a::before, .more a::after{border-color: #12acc6}
.tel_bt{color: #12acc6;background-color: #f4f9f8;border: solid 1px #dff2f7}
.tel_bt:hover{background-color: transparent;border: solid 1px #12acc6}

.con_title{padding: 0}

.cate_list{border-bottom: solid 1px #dff2f7}
.cate_list li a{color: #004d99}
.cate_list li:not(:first-child):not(:nth-child(4n + 1))::before{background-color: #004d99}
.pager li:not(.prev):not(.next) a{background-color: #f4f9f8}
.pager li:not(.prev):not(.next) a:hover {background-color: #dff2f7}
.pager li a{color: #004d99}
.pager li.prev a, pager li.next a, .pager li.prev a:hover, pager li.next a:hover{border-bottom: none}

#contents1 .con_title{text-align: center;font-size: 26px}
#contents1 .con_title::after{position: absolute;content: "INTRODUCTION";font-size: 24px;text-align: center;width: 100%;left: 0;top: -18px;color: #46cdf7}
#contents2, #contents3{padding-top: 100px;padding-bottom: 100px}
#contents2, #contents3, #contents2 .con_box > .d_table, #contents3 .con_box > .d_table, #contents2 .con_box > .d_table::before, #contents3 .con_box > .d_table::before{min-height: inherit}
#contents2 .con_box, #contents3 .con_box{min-height: inherit;background-image: none;background-color: rgba(255,255,255,0.8);padding-top: 30px;padding-bottom: 100px;}
#contents2 .con_box::after, #contents3 .con_box::after{position: absolute;content: "";width: 200px;height: 3px;left: 0;right: 0;top: 0;margin: auto;background-color: #46cdf7}
#contents2 .con_box > .d_table, #contents3 .con_box > .d_table{display: block}
#contents2 .con_title, #contents3 .con_title{text-align: center;position: relative}
#contents2 .con_title::before, #contents3 .con_title::before{font-size: 20px;margin-bottom: 50px;display: block;color: #46cdf7}
#contents2 .con_title::before{content: "Point 01"}
#contents3 .con_title::before{content: "Point 02"}
#contents4 .con_bg_img{background-color: #004d99}
#top_info .con_title{font-size: 20px}
#top_cms .cms_title{text-align: center;position: relative;padding: 0}
#top_cms .cms_title::before, #top_cms .cms_title::after{position: absolute;content: "";width: calc(50% - 100px);height: 1px;top: 20px;background-color: #333}
#top_cms .cms_title::before{left: 0;transform: none}
#top_cms .cms_title::after{right: 0}
#top_cms .cms_title p{color: #12acc6}

.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;position: relative}
.cate_title::before, .cate_title::after{position: absolute;content: "";width: 200px;height: 1px;background-color: #e6e6e6;left: 0;right: 0;bottom: 0;margin: auto;}
.cate_title::after{width: 40px;background-color: #12acc6}

#page_title{color: #fff;background: linear-gradient(to bottom right, #004d99, #12acc6);text-align: center}
#under_page .info_box .d_flex{border-color: #dff2f7!important}
.page9 h3{color: #46cdf7}

#footer{color: #fff}
#footer .con_img{background: linear-gradient(to bottom right, #004d99, #12acc6);}


/** tablet 780 **/
@media screen and (max-width: 768px){
#pc_nav{display: none}
header .scroll_d{display: none}
header.height100vh, #main_img .swiper-container{height: 60vw!important}
h1 a{width: 140px;padding: 30px 20px}
.cate_title{font-size: 20px}
#contents1 .con_box{padding-top: 50px}
#main_img::before{width: 400px;height: 100px;right: 50px;bottom: 100px}
#top_info .con_box{padding-top: 50px}
.more a{background-color: #f4f9f8}
}

/** mobile 750 **/
@media screen and (max-width: 667px){
h1 a{width: 100px;padding: 20px 10px}
#contents1 .con_title{font-size: 18px;letter-spacing: 1px}
#contents2 .con_title, #contents3 .con_title{font-size: 18px;letter-spacing: 1px}
#main_img::before{width: 300px;height: 75px;right: 20px;bottom: 30px}
header .menu_stick {top: 20px;right: 20px;}
#sp_nav nav{top: 0;right: 0;bottom: 0;left: 0}
#top_cms .cms_title::before, #top_cms .cms_title::after {width: calc(50% - 80px);top: 14px;}
#contents2, #contents3 {padding-top: 0;padding-bottom: 0;}
}

/** IE **/
@media all and (-ms-high-contrast:none) {

}