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

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

#page_title h2 span{font-family: 'Dancing Script', 'Noto Sans JP', "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic",  sans-serif;letter-spacing: 0}

/* color */
.txt_color1{color: #009fe8} /* メインカラー */
.txt_color2{color: #f0f8fc} /* サブカラー */
.txt_color3{color: #f9a458} /* アクセントカラー1 */
.txt_color4{color: #e4e4e4} /* アクセントカラー2 */

/* background-color */
.bg_color1{background-color: #009fe8} /* メインカラー */
.bg_color2{background-color: #f0f8fc} /* サブカラー */
.bg_color3{background-color: #f9a458} /* アクセントカラー1 */
.bg_color4{background-color: #e4e4e4} /* アクセントカラー2 */


/* border-color ※!important */
.border_color1{border-color: #009fe8}
.border_color2{border-color: #f0f8fc}
.border_color3{border-color: #f9a458}
.border_color4{border-color: #e4e4e4}

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

/* color */
.hvr_txt_color1:hover{color: #009fe8} /* メインカラー */
.hvr_txt_color2:hover{color: #f0f8fc} /* サブカラー */
.hvr_txt_color3:hover{color: #f9a458} /* アクセントカラー1 */
.hvr_txt_color4:hover{color: #e4e4e4} /* アクセントカラー2 */

/* background-color */
.hvr_bg_color1:hover{background-color: #009fe8} /* メインカラー */
.hvr_bg_color2:hover{background-color: #f0f8fc} /* サブカラー */
.hvr_bg_color3:hover{background-color: #f9a458} /* アクセントカラー1 */
.hvr_bg_color4:hover{background-color: #e4e4e4} /* アクセントカラー2 */

/* border-color ※!important */
.hvr_border_color1:hover{border-color: #009fe8}
.hvr_border_color2:hover{border-color: #f0f8fc}
.hvr_border_color3:hover{border-color: #f9a458}
.hvr_border_color4:hover{border-color: #e4e4e4}

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

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

.border_rad10{border-radius: 0}
#main_left, #main_right, #wrap, header, #pc_intro, #contents, #pc_news, #map{border-width: 0!important}

header{background-color: #fff;padding-bottom: 1px}
#page_container, #top_header{background-color: #fff!important}
#pc_intro, #page_title{background-color: transparent!important;background-image: url(./Dup/bg_img3.png), url(./Dup/bg_img.jpg);background-size: 100% 50px, cover;background-position: top center, center;background-repeat: no-repeat}
#contents::after{background-color: rgba(255,255,255,0.7)!important}
#contents{padding: 0!important}
#contents h3{margin-bottom: 50px!important}
#contents .box_txt{background-color: rgba(255,255,255,0.8)!important;box-shadow: none;position: relative}
#contents .box_txt::before, #contents .box_txt::after, #pc_intro > div > div.pd_5per::before, #pc_intro > div > div.pd_5per::after{position: absolute;content: "";width: 1px;height: 50px;background-color: #009fe8;transform: rotate(45deg)}
#contents .box_txt::before, #pc_intro > div > div.pd_5per::before{left: 8px;top: -16px}
#contents .box_txt::after, #pc_intro > div > div.pd_5per::after{right: 8px;bottom: -16px}
#pc_intro > div > div.pd_5per{background-color: transparent;color: #fff;border: solid 1px #fff;box-shadow: none;position: relative}
#pc_intro > div > div.pd_5per::before, #pc_intro > div > div.pd_5per::after{background-color: #fff}
#pc_intro > div > div.pd_5per h2{padding-bottom: 20px;margin-bottom: 30px;position: relative}
#pc_intro > div > div.pd_5per h2, #pc_intro > div > div.pd_5per p{opacity: 1}
#pc_intro > div > div.pd_5per h2::before{position: absolute;content: "";width: 40px;height: 1px;background-color: #fff;left: 0;bottom: 0}

#page_title{padding-top: 100px}
#page_title figure{margin-bottom: 0}
#page_title h2{font-size: 40px}
#contents h3 span{text-shadow: none;color: #009fe8}
.banner_yoyaku a{padding-bottom: 13px}

.cate_title{background-color: transparent;padding: 0;margin: 0;display: block;border: none;width: 100%!important;font-size: 24px;text-align: left;padding-bottom: 5px;margin-bottom: 50px;border-bottom: solid 2px #009FE8;color: #009FE8;font-weight: bold}

@media screen and (min-width: 769px){
#main_right header, #page_title{padding-right: 0}
#page_title{padding-left: 0}
#main_right main #page_container{padding-right: 5%}
#left_bar div{border-radius: 0}
}

/** tablet 780 **/
@media screen and (max-width: 768px){
header{background-color: transparent}
#page_title{background-image: url(./Dup/bg_img3.png), linear-gradient(to bottom right, rgba(0,159,232,0.8), rgba(212,234,120,0.8));background-size: 100% 8vw, cover;padding-top: calc(50px + 8vw)}
}

/** mobile 750 **/
@media screen and (max-width: 667px){
.cate_title{font-size: 20px}
}

/** IE **/
@media all and (-ms-high-contrast:none) {
body, .font_sans-serif{font-family: "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic",  sans-serif}
.banner_yoyaku a{padding-top: 15px;padding-bottom: 10px}
}