@import url('https://fonts.googleapis.com/css2?family=Lexend&family=Noto+Sans+JP&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}

a[href^="tel:"], a[href^="mailto:"]{font-family: 'Lexend', 'Noto Sans JP', "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic",  sans-serif}

/* color */
body, .txt_color_nomal{color: #333}
.txt_color1{color: #332b29} /* メインカラー */
.txt_color2{color: #f7f7f7} /* サブカラー */
.txt_color3{color: #e8b15b} /* アクセントカラー1 */
.txt_color4{color: #e4e4e4} /* アクセントカラー2 */

/* background-color */
.bg_color1{background-color: #332b29} /* メインカラー */
.bg_color2{background-color: #f7f7f7} /* サブカラー */
.bg_color3{background-color: #e8b15b} /* アクセントカラー1 */
.bg_color4{background-color: #e4e4e4} /* アクセントカラー2 */


/* border-color ※!important */
.border_color1{border-color: #332b29}
.border_color2{border-color: #f7f7f7}
.border_color3{border-color: #e8b15b}
.border_color4{border-color: #e4e4e4}

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

/* color */
.hvr_txt_color1:hover{color: #332b29} /* メインカラー */
.hvr_txt_color2:hover{color: #f7f7f7} /* サブカラー */
.hvr_txt_color3:hover{color: #e8b15b} /* アクセントカラー1 */
.hvr_txt_color4:hover{color: #e4e4e4} /* アクセントカラー2 */

/* background-color */
.hvr_bg_color1:hover{background-color: #332b29} /* メインカラー */
.hvr_bg_color2:hover{background-color: #f7f7f7} /* サブカラー */
.hvr_bg_color3:hover{background-color: #e8b15b} /* アクセントカラー1 */
.hvr_bg_color4:hover{background-color: #e4e4e4} /* アクセントカラー2 */

/* border-color ※!important */
.hvr_border_color1:hover{border-color: #332b29}
.hvr_border_color2:hover{border-color: #f7f7f7}
.hvr_border_color3:hover{border-color: #e8b15b}
.hvr_border_color4:hover{border-color: #e4e4e4}

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

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

header, #page_title, #page_container{padding-left: 50px!important;padding-right: 50px!important}
#main_left, #main_right, #wrap, #main_right header, #pc_intro, #contents, #pc_news, #map, #sp_info{border: none!important}

.txt_shadow, .txt_shadow-l, .txt_shadow-b{text-shadow: none}
.border_rad3, .border_rad5, .border_rad10, #left_bar div{border-radius: 0}

header{padding-bottom: 1px;background-color: #fff!important;}
header #top_header{background-color: #fff!important}
header .txt_white{color: #332b29}
header #top_header .tel_bt a, header #top_header .intro_bt a{background-color: transparent}
header h1.grid_6{width: 30%!important;max-width: 150px}
.index header h1.grid_6{width: 40%!important;max-width: 200px}
#left_bar div{background-color: #e8b15b;z-index: 1}
#pc_menu .bg_wrap.bg_color3{background-color: #fff}
#link .bg_wrap.bg_color1{background-color: #f7f7f7}
#link .txt_white{color: #333}
#link .link_img{border-radius: 50%;border: solid 2px #332B29}
#main_menu{background-color: rgba(247,247,247,0.9)!important;border-top: none}
#news{background-color: #e4e4e4}

#main_left #footer_txt{background-image: url(./Dup/bg_img2.png);background-position: top 20px right 20px;background-size: 50px;background-repeat: no-repeat}

#pc_intro{background-color: #f7f7f7;background-image: url(./Dup/bg_img3.png), url(./Dup/bg_img4.png);background-repeat: no-repeat;background-size: 300px;background-position: top left, bottom right;}
#pc_intro h3{width: 60%!important;max-width: 400px}
#pc_intro figure{margin-bottom: 0;width: 80%!important;border: solid 1px #332B29;box-shadow: 5px 5px 0 #332B29;position: relative}
#pc_intro h2{font-size: 20px;padding-bottom: 10px;border-bottom: dashed 1px #332B29;text-align: center}
#pc_intro div.pd_5per{background-color: #fff;box-shadow: none;padding: 50px 30px 30px;margin-top: -20px}

#intro .bg_wrap.bg_color3{background-color: #fff}
#intro h2 img {width: 200px;}

#contents{padding-top: 0!important;padding-bottom: 0!important}
#contents .box_txt{background-color: rgba(255,255,255,0.9)!important;border: solid 1px #332B29;overflow: hidden;position: relative;box-shadow: 5px 5px 0 #332B29}
#contents .box_txt::before, #contents .box_txt::after{position: absolute;content: "";width: 30px;height: 30px;background-color: #E8B15B;transform: rotate(45deg)}
#contents .box_txt::before{top: -15px;left: -15px}
#contents .box_txt::after{bottom: -15px;right: -15px}
#contents h3{margin-bottom: 100px!important;line-height: 1.7;padding-top: 70px;background-image: url(./Dup/bg_img2.png);background-position: top center;background-size: 60px;background-repeat: no-repeat}
#contents h3 span{display: inline;border-bottom: solid 1px #fff}

#sp_info{background-image: url(./Dup/bg_img2.png);background-position: top 20px right 20px;background-size: 50px;background-repeat: no-repeat}

.cate_list{margin-bottom: 50px}
.cate_title{
	background-color: transparent;
	padding: 0;
	margin: 0;
	display: block;
	border: none;
	width: 100%!important;
	font-size: 24px;
	text-align: center;
	padding-top: 60px!important;
	padding-bottom: 15px!important;
	margin-bottom: 50px;
	border-bottom: solid 2px #332B29;
	color: #332B29;
	font-weight: normal;
	background-image: url(./Dup/bg_img.png);
	background-position: top center;
	background-size: 45px;
	background-repeat: no-repeat
}
.cate .retop{display: none}

#page_container{background-color: #fff!important}

#page_title{background-color: #f7f7f7!important;color: #332b29;background-image: url(./Dup/bg_img4.png);background-repeat: no-repeat;background-size: 200px;background-position: bottom right;}
#page_title figure{margin-bottom: 0}

#page10 ul li{border-bottom: none}


/** tablet 780 **/
@media screen and (max-width: 768px){
.index header h1.grid_6{width: 30%!important;max-width: 150px}
header{padding-left: 0!important;padding-right: 0!important;background-color: transparent!important}
#intro #intro_wrap{max-height: 700px}
#page_title{background-size: 25%}
}

/** mobile 750 **/
@media screen and (max-width: 667px){
#page_title, #page_container{padding-left: 20px!important;padding-right: 20px!important}
#main_right {padding-bottom: 96px;}
.cate_title{font-size: 20px;}
#contents h3{font-size: 16px;margin-bottom: 30px!important}
#intro #intro_wrap{max-height: 400px}
}

/** IE **/
@media all and (-ms-high-contrast:none) {
.cate_list li a, #page10 ul li a{padding-top: 10px}
#copyright{padding-top: 0}
#page9 .box_wrap .box p a{padding-top: 5px}
}