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

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

.tel_txt, .more, #side_info h2, #page_title p, #header-nav span, #contact_tel, #top_cms .cms_title p, #sp_nav li:last-child{font-family: 'Montserrat', "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic",  sans-serif}

body, .txt_color_nomal{color: #4B5B60}
/* color */
.txt_color1{color: #7EBEA5} /* メインカラー */
.txt_color2{color: #EDF7F4} /* サブカラー */
.txt_color3{color: #0E7AA5} /* アクセントカラー1 */
.txt_color4{color: #F2F2F2} /* アクセントカラー2 */

/* background-color */
.bg_color1{background-color: #7EBEA5} /* メインカラー */
.bg_color2{background-color: #EDF7F4} /* サブカラー */
.bg_color3{background-color: #0E7AA5} /* アクセントカラー1 */
.bg_color4{background-color: #F2F2F2} /* アクセントカラー2 */


/* border-color ※!important */
.border_color1{border-color: #7EBEA5}
.border_color2{border-color: #EDF7F4}
.border_color3{border-color: #0E7AA5}
.border_color4{border-color: #F2F2F2}

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

/* color */
.hvr_txt_color1:hover{color: #7EBEA5} /* メインカラー */
.hvr_txt_color2:hover{color: #EDF7F4} /* サブカラー */
.hvr_txt_color3:hover{color: #0E7AA5} /* アクセントカラー1 */
.hvr_txt_color4:hover{color: #F2F2F2} /* アクセントカラー2 */

/* background-color */
.hvr_bg_color1:hover{background-color: #7EBEA5} /* メインカラー */
.hvr_bg_color2:hover{background-color: #EDF7F4} /* サブカラー */
.hvr_bg_color3:hover{background-color: #0E7AA5} /* アクセントカラー1 */
.hvr_bg_color4:hover{background-color: #F2F2F2} /* アクセントカラー2 */

/* border-color ※!important */
.hvr_border_color1:hover{border-color: #7EBEA5}
.hvr_border_color2:hover{border-color: #EDF7F4}
.hvr_border_color3:hover{border-color: #0E7AA5}
.hvr_border_color4:hover{border-color: #F2F2F2}

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

.linkStyle{transition: 0.3s;color: #7EBEA5}
.linkStyle:hover{opacity: 0.7}

.font_bold{font-weight: normal}
.mail_bt a, .more a, #side_contact, .cate_list a{border-width: 1px}

#header{box-shadow: 0 0 10px rgba(0,0,0,0.1)}
#header ul li, #header ul li a, #footer_menu ul li, #footer_menu ul li a{transform: none}
#header ul li{border-width: 1px;border-color: #ccc}
#header ul li:first-child{border-left: none}
#header ul li:last-child{border-right: none}
footer > .bg_color4{padding: 20px;border: none}
footer > .bg_color4 li{border-color: #7EBEA5}
footer > .bg_color4 a{color: #7EBEA5}
footer #map{display: none}
#footer_menu ul li a{transition: 0.3s}
#footer_menu ul li a:hover{opacity: 0.6}
#page-top{background-color: #0E7AA5}
#side_info{border: none;background-color: #EDF7F4}
#side_info .logo{margin-left: auto;margin-right: auto;max-width: 300px}
#side_info .rectangle_img{border: none}
#main_img{border: none}
#mainSlide div{max-height: 800px}
.fat-nav li a.border_so1{padding: 10px 0;width: 100%;display: block}

#contents .box_wrap > .box:first-child h2{font-size: 24px;text-align: center;padding: 0;border-bottom: none;margin-bottom: 50px;padding-top: 80px;background-image: url(./Dup/img/bg_img2.png);background-position: top center;background-size: 70px;background-repeat: no-repeat;color: #7EBEA5}
#contents .box_wrap > .box:last-child h2{border-top: none;border-bottom-width: 1px;padding-bottom: 10px;padding-right: 80px;position: relative}
#contents .box_wrap > .box:last-child h2::before{position: absolute;content: "";width: 80px;height: 80px;background-image: url(./Dup/img/bg_img3.png);background-size: contain;right: 0;bottom: -20px;z-index: -1}

#top_cms .cms_title{padding-bottom: 20px}
#top_cms .cms_title h2{font-size: 16px}
#top_cms .cms_title p{font-size: 24px;letter-spacing: 4px}

#page_title{background-color: #7EBEA5;background-image: url(./Dup/img/bg_img.png);padding: 100px 0}
#page_title h2, #page_title p{color: #fff}
#page_title h2{font-size: 16px}
#page_title p{font-size: 30px;letter-spacing: 5px}

.cate_title{background-color: transparent;padding: 0;margin: 0;display: block;border: none;width: 100%!important;font-size: 24px;text-align: left;padding-bottom: 20px;margin-bottom: 50px;color: #4B5B60;position: relative}
.cate_title::before{position: absolute;content: "";width: 30px;height: 2px;background-color: #7EBEA5;left: 0;bottom: 0}


/** tablet 780 **/
@media screen and (max-width: 768px){
header{box-shadow: 0 0 10px rgba(0,0,0,0.1)!important}
#logo{width: 120px!important}
#page_title{padding-top: 160px}
footer .footer_box{padding: 50px 20px}
#contents .box_wrap > .box:first-child h2{font-size: 20px}
}

/** mobile 750 **/
@media screen and (max-width: 667px){

}

/** IE **/
@media all and (-ms-high-contrast:none) {
.cate_title{padding-bottom: 30px!important}
.more a{padding: 10px}
}