﻿@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@500&family=Noto+Sans+JP&display=swap');

body, .font_sans-serif{font-family: 'Montserrat', 'Noto Sans JP', "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic",  sans-serif}

/* color */
body, .font_color_nomal{color: #4d4d4d}
.txt_color1{color: #AD9789} /* メインカラー */
.txt_color2{color: #f4f4f4} /* サブカラー */
.txt_color3{color: #8E8A87} /* アクセントカラー1 */
.txt_color4{color: #E5E2E1} /* アクセントカラー2 */

/* background-color */
.bg_color1{background-color: #AD9789} /* メインカラー */
.bg_color2{background-color: #f4f4f4} /* サブカラー */
.bg_color3{background-color: #8E8A87} /* アクセントカラー1 */
.bg_color4{background-color: #E5E2E1} /* アクセントカラー2 */


/* border-color ※!important */
.border_color1{border-color: #AD9789}
.border_color2{border-color: #f4f4f4}
.border_color3{border-color: #8E8A87}
.border_color4{border-color: #E5E2E1}

/* hover ---------------------------------------------------------------------------------------------*/

/* color */
.hvr_txt_color1:hover{color: #AD9789} /* メインカラー */
.hvr_txt_color2:hover{color: #f4f4f4} /* サブカラー */
.hvr_txt_color3:hover{color: #8E8A87} /* アクセントカラー1 */
.hvr_txt_color4:hover{color: #E5E2E1} /* アクセントカラー2 */

/* background-color */
.hvr_bg_color1:hover{background-color: #AD9789} /* メインカラー */
.hvr_bg_color2:hover{background-color: #f4f4f4} /* サブカラー */
.hvr_bg_color3:hover{background-color: #8E8A87} /* アクセントカラー1 */
.hvr_bg_color4:hover{background-color: #E5E2E1} /* アクセントカラー2 */

/* border-color ※!important */
.hvr_border_color1:hover{border-color: #AD9789}
.hvr_border_color2:hover{border-color: #f4f4f4}
.hvr_border_color3:hover{border-color: #8E8A87}
.hvr_border_color4:hover{border-color: #E5E2E1}

/* other ---------------------------------------------------------------------------------------------*/

.linkStyle{transition: 0.3s;color: #AD9789}
.linkStyle:hover{opacity: 0.7}

#main_left, #main_right, #wrap, #main_right header, #pc_intro, #contents, #pc_news, #map, #sp_info{border: none!important}
body, html{font-size: 14px;line-height: 2}
#main_left #footer_txt.bg_color1{background-color: #f4f4f4;color: #4d4d4d}
#main_left #footer_txt .txt_white{color: #4d4d4d}

.font_bold{font-weight: normal}
.txt_shadow, .txt_shadow-l, .txt_shadow-b{text-shadow: none}

header{background-color: #fff;padding-bottom: 1px}
header, #page_title, #page_container{padding-left: 50px!important;padding-right: 50px!important}
header h1{max-width: 150px}
.index header h1{max-width: 250px;margin-bottom: 100px}
header #top_header .tel_bt a, header #top_header .intro_bt a{background-color: transparent}
#page_container{background-color: #fff!important}
#top_header{background-color: #fff!important}
header #pc_tel a[href^="tel:"]{color: #ad9789;text-shadow: none}
#left_bar div, #left_bar div, #footer_txt, #pc_intro .border_rad10, #contents .box_txt, #pc_news .box figure{border-radius: 0;box-shadow: none}

#left_bar div{z-index: 1}

#pc_intro{background-color: #f4f4f4}
#pc_intro .bg_color2{padding: 0}
#pc_intro figure.width_60per{width: 100%!important}
#pc_intro figure.width_60per img{box-shadow: none}
#pc_intro h2{padding-bottom: 20px;margin-bottom: 30px;line-height: 1.5;position: relative;text-align: center;color: #ad9789;font-size: 24px}
#pc_intro h2::before, #pc_intro h2::after{position: absolute;content: "";left: 0;right: 0;bottom: 0;height: 2px;margin: auto}
#pc_intro h2::before{width: 150px;background-color: #e5e2e1}
#pc_intro h2::after{width: 40px;background-color: #ad9789}
#contents{margin-bottom: 0;padding-top: 0!important;padding-bottom: 0!important}
#contents h3{margin-bottom: 50px!important}
#contents figure{margin-bottom: 100px!important}
#contents .box_txt{position: relative}
#contents .box_txt::before{position: absolute;content: "";top: 5px;left: 5px;right: 5px;bottom: 5px;border: solid 1px #c5c2c1;pointer-events: none}
#pc_news{padding-top: 100px;padding-bottom: 100px;background-color: #fff!important}
#pc_news .txt_color2{color: #333}
#pc_news .border_color2{border-color: #e5e2e1}

#page_title{background-color: #f4f4f4!important;color: #ad9789;}
#page_title figure.mg_b-20px{margin-bottom: 0}
.cate_list{text-align: center;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-bottom: 40px!important;
	margin-bottom: 50px;
	color: #333;
	font-weight: normal;
	position: relative;
	line-height: 1.5
}
.cate_title::before, .cate_title::after{position: absolute;content: "";left: 0;right: 0;margin: auto;}
.cate_title::before{height: 1px;width: 200px;background-color: #e5e2e1;bottom: 0}
.cate_title::after{height: 40px;width: 1px;background-color: #ad9789;bottom: -20px}

#foot_link{
    right: 15px;
    width: 70px;
    top: 100px;
    z-index: 1;
}


/** tablet 780 **/
@media screen and (max-width: 768px){
header{background-color: transparent}
header h1, .index header h1{max-width: 130px;}
.index header h1{margin-bottom: 0}
header{padding-left:0!important;padding-right: 0!important}
#foot_link{
    right: 10px;
    top: 10px;
width: 60px
}
}

/** mobile 750 **/
@media screen and (max-width: 667px){
#page_title, #page_container{padding-left: 20px!important;padding-right: 20px!important}
.cate_title{
	font-size: 20px;
}
}

/** IE **/
@media all and (-ms-high-contrast:none) {
.cate_list li a, #page10 ul li a{padding-top: 8px}
#page9 .box_wrap .box p a{padding-top: 3px}
}