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

body, .font_serif{font-family: 'Encode Sans', "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic",  sans-serif}
#intro_txt h2, #contents h2, #contents .box h3, #top_cms .cms_title .title_box h2, #page_title h2, .cate_title, .h_cate_title{font-family: "游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", "serif";font-weight: bold}

/* color */
.txt_color1{color: #07688E} /* メインカラー */

/* background-color */
.bg_color1{background-color: #07688E} /* メインカラー */


/* border-color ※!important */
.border_color1{border-color: #07688E}

/* hover ---------------------------------------------------------------------------------------------*/

/* color */
.hvr_txt_color1:hover{color: #07688E} /* メインカラー */

/* background-color */
.hvr_bg_color1:hover{background-color: #07688E} /* メインカラー */

/* border-color ※!important */
.hvr_border_color1:hover{border-color: #07688E}

/* other ---------------------------------------------------------------------------------------------*/

.linkStyle{transition: 0.3s;color: #07688E}
.linkStyle:hover{opacity: 0.7}

.cate_list a{padding: 10px 20px!important;background-color: #0D5072;color: #fff}
.cate_list a:hover{opacity: 1;transform: translateY(-5px);color: #fff}
#contents h2{color: #fff}
.all_header #logo{width: 25%!important}
body > .index_header{display: none}

.index_header{position: relative}
.index_header  #logo{padding-top: 20px}
.index_header #header #header_menu li:hover{border-top: 0;padding-top: 0}
.index_header #header_menu li a{background-position: top left;background-size: contain;background-repeat: no-repeat;padding-top: 30px}
.index_header #header_menu li:nth-child(1) a{background-image: url(./Dup/img/menu1.png)}
.index_header #header_menu li:nth-child(2) a{background-image: url(./Dup/img/menu2.png)}
.index_header #header_menu li:nth-child(3) a{background-image: url(./Dup/img/menu3.png)}
.index_header #header_menu li:nth-child(4) a{background-image: url(./Dup/img/menu4.png)}
.index_header #header_menu li:nth-child(5) a{background-image: url(./Dup/img/menu5.png)}
.index_header #header_menu li:nth-child(6) a{background-image: url(./Dup/img/menu6.png)}
#header .contact{display: none}
#header #logo img{width: 100%!important}
#logo2{width: 70%!important}
#top_cms .cms_title{position: relative}
#top_cms .cms_title .title_box{background-color: transparent!important;padding: 50px 0;}
#page_title .back_color2{background-color: rgba(255,255,255,0.4);position: relative}
#contents .back_color2::after{background: linear-gradient(to bottom right, rgba(7,104,142,0.3), rgba(112,224,211,0.3))}
#contents .contents_box, #contents .contents_box h3, #contents .contents_box p{position: relative}
#contents .contents_box::before{position: absolute;font-size: 100px;color: #ccc;opacity: 0.4;top: -35px;right: 40px;line-height: 1;font-family: "游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", "serif"}
#contents .contents_box:nth-child(1)::before{content: "01"}
#contents .contents_box:nth-child(2)::before{content: "02"}
#contents .contents_box:nth-child(3)::before{content: "03"}
#page_title h2{text-shadow: none}
#page_title::before, #top_cms .cms_title::before{position: absolute;content: "";width: 100%;height: 100px;left: 0;bottom: -1px;background-image: url(./Dup/img/bg_img.png);background-size: 100% 100%}
#page7 .font_bold{font-weight: normal}
.all_header{top: 0;left: 0;}
.cms_6-b .cate_box:first-of-type, #cms_6-b .cate_box:first-of-type{border-top: none}
.intro_wrap{padding: 1px;background-image: url(./Dup/img/bg_img2.png);background-size: contain;background-position: top right;background-repeat: no-repeat}

.cate_title{background-color: transparent;padding: 0;margin: 0;display: block;border: none;width: 100%!important;font-size: 24px;text-align: center;padding-bottom: 40px;margin-bottom: 60px;color: #07688E;border-radius: 0!important;position: relative}
.cate_title::before, .cate_title::after{position: absolute;content: "";background-color: #07688E;left: 0;right: 0;margin: auto}
.cate_title::before{width: 100px;height: 1px;bottom: 0}
.cate_title::after{width: 1px;height: 40px;bottom: -20px}

#main_img::before{position: absolute;content: "";width: 100%;height: 100%;top: 0;left: 0;background-image: url(./Dup/img/dot.png);z-index: 1}

/** tablet 780 **/
@media screen and (max-width: 768px){
#logo2{width:100%!important}
.all_header .hrader_info{margin: 0}
.all_header #logo, .index_header  #logo{width: 250px!important;}
.index_header  #logo{padding-top: 0px}
#page_title::before, #top_cms .cms_title::before{height: 10vw}
#main_img{height: 60vw!important}
}

/** mobile 750 **/
@media screen and (max-width: 667px){
.all_header #logo, .index_header  #logo{width: 190px!important;}
.all_header #logo img, .index_header  #logo img{width: 100%!important;}
.all_header .hrader_info, .index_header  .hrader_info{width: 30%!important}
#contents .contents_box::before{right: 20px}
}

/** IE **/
@media all and (-ms-high-contrast:none) {
.cate_title{padding-bottom: 40px!important;margin-bottom: 60px}
.index_header #header_menu li a{padding-right: 3px;background-size: calc(100% - 3px);background-position: top 0 left 3px}
.cate_list a{padding-top: 15px!important}
body, .font_serif{font-family: "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic",  sans-serif}
}