@import url('https://fonts.googleapis.com/css?family=Barlow+Condensed:500&display=swap');

#global-nav, a[href="tel:0774-51-4550"], .cms_title_inner h2, #top_cms .more, #footer_info .more, #bottom_menu, .date, #page_title h2, #page10 a, .fat-nav__wrapper{font-family: 'Barlow Condensed', "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic",  sans-serif;}

/* color */
.txt_color1{color: #e9546b} /* メインカラー */
.txt_color2{color: #f4f4f4} /* サブカラー */
.txt_color3{color: #ccdb12} /* アクセントカラー1 */
.txt_color4{color: #edebcc} /* アクセントカラー2 */

/* background-color */
.bg_color1{background-color: #e9546b} /* メインカラー */
.bg_color2{background-color: #f4f4f4} /* サブカラー */
.bg_color3{background-color: #ccdb12} /* アクセントカラー1 */
.bg_color4{background-color: #edebcc} /* アクセントカラー2 */


/* border-color ※!important */
.border_color1{border-color: #e9546b}
.border_color2{border-color: #f4f4f4}
.border_color3{border-color: #ccdb12}
.border_color4{border-color: #edebcc}

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

/* color */
.hvr_txt_color1:hover{color: #e9546b} /* メインカラー */
.hvr_txt_color2:hover{color: #f4f4f4} /* サブカラー */
.hvr_txt_color3:hover{color: #ccdb12} /* アクセントカラー1 */
.hvr_txt_color4:hover{color: #edebcc} /* アクセントカラー2 */

/* background-color */
.hvr_bg_color1:hover{background-color: #e9546b} /* メインカラー */
.hvr_bg_color2:hover{background-color: #f4f4f4} /* サブカラー */
.hvr_bg_color3:hover{background-color: #ccdb12} /* アクセントカラー1 */
.hvr_bg_color4:hover{background-color: #edebcc} /* アクセントカラー2 */

/* border-color ※!important */
.hvr_border_color1:hover{border-color: #e9546b}
.hvr_border_color2:hover{border-color: #f4f4f4}
.hvr_border_color3:hover{border-color: #ccdb12}
.hvr_border_color4:hover{border-color: #edebcc}

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

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

.font_bold{font-weight: normal}
#bottom_menu li, #page10 a, #top_cms .more, #footer_info .more, .date{font-size: 18px}
#global-nav a{font-size: 20px}
.cms_title_inner h2{font-size: 30px}
#page_title h2{font-size: 34px}
#header .nav_box, #contents2, .fat-nav__wrapper{background-image: url('./Dup/img/bg_img.png')}
#footer_info .bg_white_opa{background-image: url('./Dup/img/bg_img2.png')}

#cms_6-c .cate_h_box::before,.cms_6-c .cate_h_box::before{position: absolute;content: "";width: 60px;height: 40px;background-image: url(./Dup/img/voice.png);background-size: contain;left: 20px;bottom: -40px}
#cms_6-c .cate_h_box:nth-child(even)::before,.cms_6-c .cate_h_box:nth-child(even)::before{transform: rotateY(180deg);left: auto;right: 20px}

.cate_title{font-weight: bold}
.cate_title::before{content: "";position: absolute;width: 200px;height: 25px;background-image: url('./Dup/img/title.png');background-size: contain;right: 0;left: 0;bottom: 0;margin: auto}

#page10 ul li a, #top_cms .more a, #footer_info .more a{padding-bottom: 13px}
@media all and (-ms-high-contrast:none) {
#page10 ul li a, #top_cms .more a, #footer_info .more a{padding: 10px 10px 13px}
.cate_box .date{padding: 5px}
}

@media screen and (max-width: 768px){
.all_header #global-nav ul li{width: auto}
}

@media screen and (max-width: 667px){
.pager li a{width: 80px}
.cate{padding-top: 50px}
}