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

#top_contents .con_title, #page_title, .cate_title, .box_title1, #pc_intro h2, #intro_wrap .bg_color1 h3, #footer_txt h3, #sp_info h3{font-family: 'Noto Serif JP', "游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", "serif"}

#top_contents .con_no, #pc_news > div > h3, a[href^="tel:"]{font-family: 'Libre Baskerville', 'Noto Serif JP', "游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", "serif"}

/* color */
body, .txt_color_nomal{color: #333}
.txt_color1{color: #0aabf2} /* メインカラー */
.txt_color2{color: #f4f4f4} /* サブカラー */
.txt_color3{color: #146fc9} /* アクセントカラー1 */
.txt_color4{color: #e6e6e6} /* アクセントカラー2 */

/* background-color */
.bg_color1{background-color: #0aabf2} /* メインカラー */
.bg_color2{background-color: #f4f4f4} /* サブカラー */
.bg_color3{background-color: #146fc9} /* アクセントカラー1 */
.bg_color4{background-color: #e6e6e6} /* アクセントカラー2 */


/* border-color ※!important */
.border_color1{border-color: #0aabf2}
.border_color2{border-color: #f4f4f4}
.border_color3{border-color: #146fc9}
.border_color4{border-color: #e6e6e6}

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

/* color */
.hvr_txt_color1:hover{color: #0aabf2} /* メインカラー */
.hvr_txt_color2:hover{color: #f4f4f4} /* サブカラー */
.hvr_txt_color3:hover{color: #146fc9} /* アクセントカラー1 */
.hvr_txt_color4:hover{color: #e6e6e6} /* アクセントカラー2 */

/* background-color */
.hvr_bg_color1:hover{background-color: #0aabf2} /* メインカラー */
.hvr_bg_color2:hover{background-color: #f4f4f4} /* サブカラー */
.hvr_bg_color3:hover{background-color: #146fc9} /* アクセントカラー1 */
.hvr_bg_color4:hover{background-color: #e6e6e6} /* アクセントカラー2 */

/* border-color ※!important */
.hvr_border_color1:hover{border-color: #0aabf2}
.hvr_border_color2:hover{border-color: #f4f4f4}
.hvr_border_color3:hover{border-color: #146fc9}
.hvr_border_color4:hover{border-color: #e6e6e6}

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

.linkStyle{transition: 0.3s;color: #146fc9}
.linkStyle:hover{opacity: 0.7}

.font_bold{font-weight: normal}
.border_rad10{border-radius: 0}
.fadein .fade_box{opacity: 0;transform: translateY(20px);transition: 0.5s}
.fadein .fade_box.active{opacity: 1;transform: none}

header, #page_title, #page_container{padding-left: 50px;padding-right: 50px!important}
#main_left, #main_right, #wrap, #main_right header, #pc_intro, #pc_news, #map, #sp_info{border: none!important}
#left_bar div{background-color: rgba(10,171,242,0.9);border-radius: 0;box-shadow: none}
header{background-color: #fff;padding-top: 30px!important;padding-bottom: 30px!important}
.index header{padding-top: 50px!important;padding-bottom: 50px!important}
header h1.grid_6{width: 200px!important;margin-bottom: 0}
.index header h1.grid_6{width: 300px!important}
#main_left #footer_txt{padding: 40px}
#main_left #footer_txt::before{position: absolute;content: "";left: 15px;top: 15px;right: 15px;bottom: 15px;background-color: #fff;opacity: 0.1;pointer-events: none;}
#main_left #left_link{width: 40%!important}
#top_header{background-color: rgba(255,255,255,0.8)!important}
#top_link{margin-top: 50px;margin-bottom: 50px}
#top_link .links_bt{width: 40%!important}
#pc_tel{margin-bottom: 20px}
#pc_tel a{color: #146fc9;text-shadow: none}
#pc_intro{background-color: #f4f4f4;background-image: url(./Dup/bg_img1.png), url(./Dup/bg_img2.png);background-size: contain;background-position: bottom left, top right;background-repeat: no-repeat}
#pc_intro .intro_title{left: 0;right: 0;top: -34px}
#pc_intro figure{width: 100%!important;margin-bottom: 0}
#pc_intro .bg_color2{background-color: #fff;margin: -50px auto 0;width: 80%!important;position: relative;box-shadow: none}
#top_contents > div:not(.con4) .con_box::before{position: absolute;content: "";width: 1px;height: 200px;bottom: -100px;left: calc(33.3333% / 2 - 10px);background-color: #fff;z-index: 1}
#top_contents .con1 .con_box, #top_contents .con3 .con_box{background-color: rgba(10,171,242,0.8)}
#top_contents .con2 .con_box, #top_contents .con4 .con_box{background-color: rgba(20,111,201,0.8)}
#page_title{background-color: #f4f4f4!important;color: #333;background-image: url(./Dup/bg_img1.png), url(./Dup/bg_img2.png);background-size: 600px;background-position: bottom left, top right;background-repeat: no-repeat}
#page_title h2 span{text-shadow: none}
#page_container{background-color: #fff!important}
#left_bar #scroll{display: none!important}
#pc_news{background-color: #fff}
#pc_news .txt_color2{color: #333}
#pc_news .border_color2{border-color: #e6e6e6}
#intro_wrap{background-color: #fff!important;border: none;margin-top: -4px!important}
#intro h2 img{width: 260px}
#intro_wrap .txt_white{color: #333}
#intro_wrap .bg_color1{border-radius: 0;background-color: #f4f4f4;box-shadow: none}
#link_bt.links_bt{width: 150px}

.cate_title{background-color: transparent;padding: 0;margin: 0;display: block;border: none;width: 100%!important;font-size: 24px;text-align: left;padding-bottom: 10px!important;margin-bottom: 50px;border-bottom: solid 2px #ddd;color: #333;font-weight: normal;position: relative;border-radius: 0!important}
.cate_title::before{position: absolute;content: "";width: 60px;height: 5px;left: 0;bottom: -5px;background-color: #0aabf2;}


/** tablet 780 **/
@media screen and (max-width: 768px){
.fadein .fade_box{opacity: 1;transform: none}
.index header, header{padding-left: 0;padding-right: 0!important;background-color: transparent;padding-top: 0!important;padding-bottom: 0!important}
header h1.grid_6{padding-top: 30px;padding-bottom: 30px}
#top_contents > div:not(.con4) .con_box::before{height: 100px;bottom: -50px}
#page_title{background-size: 70%}
#main_menu{border-top: none;background-color: rgba(20,111,201,0.9)!important}
}

/** mobile 750 **/
@media screen and (max-width: 667px){
.index header h1.grid_6, header h1.grid_6{width: 130px!important}
#page_title, #page_container{padding-left: 20px;padding-right: 20px!important}
#top_contents > div:not(.con4) .con_box::before{height: 60px;bottom: -40px;left: 50%}
#main_right{padding-bottom: 96px}
.cate_title{font-size: 20px}
}

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

}