@charset "UTF-8";

/*=============================
PC
=============================*/

.flex {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    flex-wrap: wrap;
}
figure { margin: 0;} /*打ち消し*/
img { vertical-align: middle;}

#contentWrap {
    max-width: 1200px;
    width: 94%;
    margin: 0 auto;
}
.mainImg_box { margin: 0 auto 6%;}
.gallery_page h4 {
    font-size: 2em;
    margin: 0 auto 10px;
}

[class*="_box"] .address {
    color: #FFF;
    text-align: center;
    padding: 20px 0;
}
[class*="_box"] .address a > img {
    max-width: 254px;
    margin: 0 10px 0 0;
}
[class*="_box"] .address a { pointer-events: none;}
[class*="_box"] .address p { font-size: 12px;}

.fujisakigu_box .address {background-image: linear-gradient(to right, #9d842a,#b9ab54);}
.fujisakigu_box li { width: 50%;}

.chihaya_box .address { background: #116a39;}

.mutsumon_box .address { background: #10637e;}
.mutsumon_box li { width: 50%;}

.ohita_box .address { background: #486c59;}
.ohita_box li { width: 50%;}

.kurume02_box .address { background: #a4854d;}
.kurume02_box li { width: 50%;}

.map { margin: 40px auto;}

.kurume_box { margin: 0 auto 70px;}
.kurume_box .address { background: #a89676;}
.kurume_box div > figure { width: 50%;}

.eq_box .address {
    color: #000;
    background: #efeeee;
}
.eq_box .address h4 {
    margin: 0 0 20px;
    font-size: 1.8em;
}
.eq_box .address h4.eq_logo {
    max-width: 650px;
    width:100%;
    margin: 10px auto 20px;
}
/* .eq_box .address p {
    font-size: 16px;
} */
.eq_box .add_box01 p a:first-of-type { margin: 0 40px 0 0;}
.eq_box .add_box01 p img {
    margin: 0 0 0 15px;
}
.eq_box .add_box01 p span {
    display: block;
    margin: 15px 0 0;
    font-size: 12px;
}

.eq_box li { width: 50%;}
.eq_box div.flex h4 { margin: 0 10px 0 0;}
.eq_box div.flex {
    justify-content: center;
    align-items: center;
}

.eq_box div.flex {
    height: 100%;
    background: #c5e4ee;
    height: 100%;
    margin: 10px 0 0;
    box-sizing: border-box;
}
.eq_box div.flex > div { width: 50%;}
.eq_box div.flex > div h4 {
    margin: 0 0 10px;
    line-height: 1.2;
}
.eq_box div.flex > div p:first-of-type { margin: 0 0 40px;}
[class*="_box"] .add_box02 a > img {
    margin: 0;
}

.map02 { width: 50%;}


p.att {
    font-size: 0.7em;
    max-width: 96%;
    margin: 10px auto 10%;
}

.gallery_page img { width: 100%;}



/*=============================
タブレット
=============================*/
@media only screen and (max-width: 1024px) {
    br.sp { display: block;}
    [class*="_box"] .address span {
    display: block;
    line-height: 1.4;
    }
    [class*="_box"] .address a > img { margin: 0 0 10px;}
    .eq_box div.flex a > img { margin: 10px 0 0;}
}

/*=============================
スマートフォン
=============================*/
@media only screen and (max-width: 767px) {

#contentWrap { width: 100%;}

[class*="_box"] .flex { flex-direction: column;}
.mutsumon_box li,
.ohita_box li,
.kurume02_box li,
.fujisakigu_box li,
.kurume_box div > figure,
.eq_box li {
    width: 100%;
}
.mainImg_box { margin: 0 auto 10%;}
.gallery_page h4 {
    font-size: 1.4em;
    line-height: 1.2;
}
[class*="_box"] .address { padding: 10px 0;}
[class*="_box"] .address a { pointer-events: all;}
[class*="_box"] .address span {
    display: block;
    line-height: 1.4;
}

.map { margin: 30px auto;}
.map img { margin-bottom: 2px;}
.kurume_box { margin: 0 auto 50px;}

.eq_box .address h4 { font-size: 1.4em;}
.eq_box .address h4.eq_logo {
    max-width: 620px;
    width:60%;
    margin: 10px auto 20px;
}

.eq_box div.flex {
    height: 100%;
    background: #c5e4ee;
    height: 100%;
    margin: 10px 0 0;
    box-sizing: border-box;
    padding: 10px 0 20px;
}
.eq_box div.flex > div {
    width: 100%;
    margin: 0 0 10px;
}
.eq_box div.flex > div h4 { margin: 0;}

.eq_box .add_box01 p a {
    display: block;
}
.eq_box .add_box01 p a img {
    display: block;
    margin: 10px auto 0;
}
.eq_box .add_box01 p a:first-of-type {
    margin: 0 0 15px;
}
.eq_box .add_box01 p a:first-of-type img {
    border-bottom: 1px solid #75b9cf;
    padding-bottom: 15px;
}

.eq_box div.flex > div p:first-of-type { margin: 0 0 20px;}
.eq_box .add_box02 p:first-of-type img {
    border-bottom: 1px solid #75b9cf;
    padding-bottom: 20px;
}


.map02 { width: 90%;}

}
