@charset "utf-8";


body {
    font-family: " Hiragino Mincho ProN", "ヒラギノ明朝 ProN", "ヒラギノ明朝 ProN W3", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro W3", "HiraMinProN-W3", "游明朝", YuMincho, "HGS明朝E", "HG明朝E", "メイリオ", Meiryo, serif;
}

.bg_color_refa {
    background-color: #fff;
}

.w.w1200 {
    position: relative;
    width: 1200px;
    margin: 0 auto;
}

.fz18 {
    font-size: 2.4rem;
}


.refabox {
    margin: 50px 0 0 0;
}

.kfbbox {
    opacity: 0;
    transition: opacity 0.5s ease-in-out;
}

.kfbbox.visible {
    opacity: 1;
}
.title_bbb0 {
    font-weight: 900;
    font-size: 3.0rem;
    text-align: center;
    padding: 75px 0 15px 0;
    line-height: 1.5;
}
.btn_link a {
    display: block;
    margin: 30px auto 15px auto;
    width: 80%;
    background-color: #856745;
    color: #fff;
    border: 1px solid #856745;
    text-align: center;
    padding: 10px 0;
    font-size: 2.0rem;
    text-decoration: none;
}

.btn_link a:hover {
    background-color: #fff;
    color: #856745;
    text-decoration: underline;
}

.subtit {
	color: #0f3675;
	font-size: 2.4rem;
	display: flex;
	align-items: center;
}
.subtit:before, .subtit:after {
	content: "";
	flex-grow: 1;
	height: 1px;
	display: block;
}
.subtit:before {
	margin-right: .4em;
	background: linear-gradient(-90deg, #0f3675, transparent);
}
.subtit:after {
	margin-left: .4em;
	background: linear-gradient(90deg, #0f3675, transparent);
}

.s_tit {
	font-size: 1.8rem;
	text-align: center;
	margin-bottom: 20px;
}
.flexbox08 {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
        -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}
.flexbox08 li {
    width: calc(100%/4);
    margin-bottom: 15px;
    text-align: center;
}
.flexbox08 li span{
    display: block;
    font-size: 1.4rem;
}
.flexbox08 li img{
    width: 98%;
    margin-bottom: 3px;
}
.flexbox02 {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-around;
    justify-content: space-around;
        -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}
.flexbox02 li {
    width: calc(100%/2);
    margin-bottom: 15px;
    text-align: center;
}
.flexbox02 li img{
    width: 70%;
    margin-bottom: 3px;
}
.flexbox02 li span{
    display: block;
    font-size: 1.4rem;
}
.contactbox{
margin-top: 80px;
text-align: center !important;
}
.contactbox .contactbox_txt{
margin-top: 15px;
}
.contactbox .contactbox_txt .name{
font-size: 2.2rem;
}
.contactbox .contactbox_txt .tel{
font-size: 2.6rem;
}
.bg_pink{
padding: 30px 0;
margin: 30px 0;
background-color: #ffdaeb;
color: #333;
}
.bg_pink .subtit {
	color: #333;
}
.bg_pink .subtit:before {
	margin-right: .4em;
	background: linear-gradient(-90deg, #333, transparent);
}
.bg_pink .subtit:after {
	margin-left: .4em;
	background: linear-gradient(90deg, #333, transparent);
}

@media screen and (max-width: 768px) {
.title_bbb0 {
    font-weight: 900;
    font-size: 2.4rem;
    text-align: center;
    padding: 15px 0 15px 0;
    line-height: 1.5;
}
.refabox .fz18 {
    font-size: 1.8rem;
}
.s_tit {
    font-size: 1.6rem;
    text-align: center;
    margin-bottom: 10px;
}
.flexbox08 li {
    width: calc(100%/2);
    margin-bottom: 15px;
    text-align: center;
}
}