@charset "utf-8";

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-style:normal;
  font-weight: normal;
  font-size: 100%;
  vertical-align: baseline;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

html{
    overflow-y: scroll;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

input, textarea{
  margin: 0;
  padding: 0;
}

ol, ul{
    list-style:none;
}

table{
    border-collapse: collapse; 
    border-spacing:0;
}

caption, th{
    text-align: left;
}

a:focus {
  outline:none;
}

.clearfix:after {
  content: "."; 
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
}

.inline_block {  
  display: inline-block;  
  *display: inline;  
  *zoom: 1;  
}

img{
  vertical-align:bottom;
}


.sp{
display:none;
}
body{
font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;
}
img{
width:100%;
}





.main_img{
width:100%;
}

.news_box{
margin-bottom:70px;
background:#ede8dc;
}

/****** 新着情報　PC ******/
.news {
display: flex;
margin-left: auto;
margin-right: auto;
margin-top: 0;
padding: 0;
max-width: 1080px;
height: 60px;
color: #333;
}

.news_tit{
background:url(../img/news_bg.png);
background-size:100% 100%;
width:140px;
display:flex;
align-items:center;
justify-content:center;
}
.news_tit img{
width:auto;
}
.ticker ul {
width: 100%;
position: relative;
background: #fff;
font-size: 15px;
font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
}
.ticker ul li {
padding-top: 20px;
width: 900px;
display: none;
}
.ticker ul li span {
margin-right: 30px;
margin-left: 30px;
}
.ticker ul br {
display: none;
}


.btn_area{
margin-bottom:200px;
}
.btn_area p{
max-width:940px;
margin:0 auto 120px;
text-align:center;
fon-size:16px;
line-height:2.5em;
}
.nav_btn{
max-width:940px;
margin:0 auto;
display:flex;
justify-content:space-between;
}
.nav_btn li{
width:14%;
}


h3{
text-align:center;
width:138px;
margin:0 auto;
}
h3 img{
max-width:100%;
}


/****** デザイン　PC ******/

#design{
margin-bottom:150px;
}
.design_box{
background:url(../img/design_bg.png);
background-size: cover;
padding:120px 0 50px;
margin:-62px auto 0;
}
.design_box_inner{
max-width: 940px;
margin: 0 auto;
}
.design_box .slide_box{
max-width:940px;
margin:0 auto;
}
.design_box .swiper_wrap{
max-width:940px;
margin:0 auto 30px;
overflow:hidden;
}

.design_slide_box .slide_box{
max-width:940px;
margin:0 auto;
}
.design_box .swiper_wrap{
max-width:940px;
margin:0 auto 30px;
overflow:hidden;
}
.design_box .slider-thumbnail_box{
position:relative;
}
.design_box .slider-thumbnail_wrap{
max-width:490px;
margin:0 auto;

}
.design_box .slider-thumbnail{
max-width:490px;
margin:0 auto;
overflow:hidden;
}
.design_box .swiper-button-next, .design_box .swiper-rtl .swiper-button-prev{
}
.slide_arrow{
}
.design_box .swiper-button-next{
position:absolute;
right:180px;
top:50%;
}
.design_box .swiper-button-prev{
position:absolute;
left:180px;
top:50%;
}


.landplan{
background:#f2ebe7;
padding-bottom:100px;
}
.landplan h4{
background:#fff;
color:#589b6d;
font-size:32px;
font-weight:bold;
padding:30px;
text-align:center;
margin:0 auto 50px;
}

.landplan_img{
max-width:660px;
margin:0 auto 80px;
}
.landplan_point_box{
max-width:940px;
margin:0 auto;
display:flex;
justify-content:space-between;
}
.landplan_point_box dl{
width:300px;
}
.landplan_point_box dt{
background:#589b6d;
color:#fff;
font-size:26px;
font-weight:bold;
padding:15px;
text-align:center;
}
.landplan_point_box dd{
background:#fff;
padding:25px;
font-size:14px;
line-height:1.8em;
font-feature-settings:"palt";
}


/****** プランニング　PC ******/

#plan{
margin-bottom:160px;
}
#plan h3{
margin-bottom:90px;
}

#plan .plan_box{
margin-bottom:100px;
}
.plan_img{
max-width:940px;
margin:0 auto 70px;
}

.plan_slide_box{
padding:120px 0;
}
.plan_slide_box.plan1{
background:url(../img/plan1_bg.png);
background-size: cover;
}
.plan_slide_box.plan2{
background:url(../img/plan2_bg.png);
background-size: cover;
}
.plan_slide_box .inner{
max-width: 940px;
margin: 0 auto;
}
.plan_slide_box h4{
font-size:25px;
text-align:center;
margin-bottom:20px;
position: relative;
text-align: center;
font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
}
.plan_slide_box h4:before,
.plan_slide_box h4:after {
position: absolute;
top: calc(50% - 3px);
width: 35%;
height: 6px;
content: '';
border-top: solid 2px #000;
border-bottom: solid 2px #000;
}
.plan_slide_box h4:before {
left: 0;
}
.plan_slide_box h4:after {
right: 0;
}
.plan_slide_box .slide_box{
max-width:940px;
margin:0 auto;
}
.plan_slide_box .swiper_wrap{
max-width:940px;
margin:0 auto 30px;
overflow:hidden;
}
.plan_slide_box .slider-thumbnail_box{
position:relative;
}
.plan_slide_box .slider-thumbnail_wrap{
max-width:840px;
margin:0 auto;
position:relative;
}
.plan_slide_box .slider-thumbnail{
max-width:830px;
margin:0 auto;
overflow:hidden;
}
.plan_slide_box .swiper-button-next, .plan_slide_box .swiper-rtl .swiper-button-prev{
}
.slide_arrow{
}
.plan_slide_box .swiper-button-next{
position:absolute;
right:10px;
top:50%;
}
.plan_slide_box .swiper-button-prev{
position:absolute;
left:10px;
top:50%;
}


/****** 設備仕様　PC ******/

#equip{
margin-bottom:180px;
}
.equip_area{
}
.equip_wrap{
background:#f2ebe7;
padding:120px 0 100px;
margin:-62px auto 0;

}
.equip_inner{
max-width:940px;
display:flex;
margin:0 auto;
justify-content:space-between;
}

.equip_box{
width:48%;
background:#fff;
font-size:18px;
padding-bottom:70px;
}
.equip_box h5{
font-size:18px;
text-align:center;
margin:15px auto 40px;
}

.equip_box ul{
width:90%;
margin:0 auto;
display:flex;
justify-content:space-between;
flex-wrap:wrap;
}
.equip_box li{
width:30%;
margin-bottom:0;
}

.equip1{
border-top:4px solid #7db67d;
color:#7db67d;
}
.equip2{
border-top:4px solid #a9815e;
color:#a9815e;
}

.zeh_box{
padding-bottom:70px;
position:relative;
}
.zeh_box:after{
content:"";
display:block;
position:absolute;
bottom:-30px;
left:calc(50% - 22px);
width: 0;
height: 0;
border-style: solid;
border-right: 22px solid transparent;
border-left: 22px solid transparent;
border-top: 35px solid #fff;
border-bottom: 0;
}
.zeh_box h4{
background:#589b6d;
color:#fff;
font-size:30px;
font-weight:bold;
padding:70px;
text-align:center;
margin:0 auto 50px;
}
.zeh_box h4 + p{
font-size:16px;
line-height:2em;
text-align:center;
margin:0 auto 60px;
}
.zeh_img{
max-width:940px;
margin:0 auto 40px;
}

.zeh_point ul{
max-width:940px;
margin:0 auto;
display:flex;
justify-content:space-between;
}

.soraene_box{
background:#f2ebe7;
padding:90px;
}
.soraene_box h4{
max-width:500px;
margin:0 auto 50px;
}
.soraene_box h4 + p{
font-size:16px;
line-height:2em;
text-align:center;
margin:0 auto 50px;
}

.soraene{
max-width:580px;
margin:0 auto 25px;
}
.soraene_point{
max-width:940px;
margin:0 auto 70px;
display:flex;
justify-content:space-between;
}
.soraene_point li{
width:300px;
}

.soraene_flow{
max-width:940px;
margin:0 auto 50px;
}
.solar{
max-width:940px;
margin:0 auto 25px;
display:flex;
justify-content:space-between;
}
.solar li{
width:280px;
}
.solar_note{
max-width:940px;
margin:0 auto;
font-size:14px;
}

.bels_box{
background:#7db67d;
padding:70px 0 0;
}
.energy{
max-width:940px;
margin:0 auto 40px;
}
.bels{
max-width:940px;
margin:0 auto;
background:#fff;
padding:70px 60px;
box-sizing:border-box;
}
.bels h4{
color:#589b6d;
font-size:22px;
font-weight:bold;
text-align:center;
margin:0 auto 50px;
lien-height:1.4em;
}
.bels_img{
}

.structure_box{
background:#f2ebe7;
padding:0 0 90px;
}
.structure_box h4{
background:#fff;
color:#589b6d;
font-size:26px;
font-weight:bold;
padding:20px;
text-align:center;
margin: 0 auto 70px;
}
.structure_img{
max-width:940px;
margin: 0 auto 80px;
}
.structure_list{
max-width:940px;
margin: 0 auto;
display:flex;
justify-content:space-between;
flex-wrap:wrap;
}
.structure_list li{
width:48%;
margin-bottom:50px;
}

.quake_box{
background:#30161c;
padding:70px 0 120px;
color:#fff;
}
.quake_box h4{
font-size:26px;
font-weight:bold;
text-align:center;
margin: 0 auto 50px;
}

.quake{
max-width:830px;
margin: 0 auto 50px;
display:flex;
}
.quake_txt{
width:420px;
padding-right:29px;
border-right:2px solid #fff;
margin-right:29px;
font-size:14px;
line-height:2em;
letter-spacing:0.05em;
text-align:justify;
}
.quake3{
width:350px;
}
.quake_img{
max-width:830px;
margin: 0 auto;
}


/****** 物件概要　PC ******/

#outline{
margin-bottom:180px;
}
#outline h3{
margin-bottom:90px;
}

.outline_box{
max-width:980px;
margin:0 auto;
display:flex;
justify-content:space-between;
}
#outline h5{
color:#7db67d;
font-feature-settings:"palt";
font-weight:bold;
font-size:18px;
margin-bottom:0.5em;
}
#outline h6{
color:#2e646c;
font-feature-settings:"palt";
font-weight:bold;
font-size:18px;
margin-bottom:10px;
}

.outline_box div{
}
.outline_left{
width:49%;
}
.outline_right{
width:49%;
}
.outline_box dl{
display:flex;
margin-bottom:35px;
font-size:18px;
}
.outline_box dt{
width:30%;
color:#7db67d;

}
.outline_box dt:before{
content:"";
border-left:4px solid #2e646c;
padding-left:10px;
}
.outline_box dd{
width:70%;
}

.notice{
margin-top:50px;
}
.notice h6{
border:1px solid #333;
font-size:22px;
padding:3px;
text-align:center;
margin-bottom:15px;
}
.notice{
}
.outline_box h6.mt{
/*margin-top:1em;*/
}
.outline_box .day{
margin-top:90px;
}


/****** 品質管理　PC ******/
#quality{
padding:0 0 140px;
}
.quality_bg{
padding:80px 0 70px;
margin:-62px auto 0;
background:#f2ebe7;
}
#quality h3{
margin-bottom:80px;
}
#quality h4.w_bg{
background: #fff;
color: #589b6d;
font-size: 30px;
font-weight: bold;
padding: 20px 0;
text-align: center;
margin: 0 auto 35px;
}
#quality h4 + p{
font-size:16px;
line-height:2em;
text-align:center;
margin:0 auto 90px;
}

.quality_img{
max-width:940px;
margin:0 auto;
}

#quality h4.g_bg{
background:#7db67d;
color:#fff;
font-size: 35px;
font-weight: bold;
padding: 20px 0;
text-align: center;
margin: 0 auto 35px;
}
#quality h4.g_bg span{
border-top:1px solid #fff;
border-bottom:1px solid #fff;
font-size: 16px;
margin-right:5px;
line-height:35px;
padding:5px 0;
margin-top:-5px;
}
#quality h4.g_bg + p{
font-size:16px;
line-height:2em;
text-align:center;
margin:0 auto 70px;
}

.quality_list{
max-width:940px;
margin:0 auto;
display:flex;
justify-content:space-between;
}
.quality_list_l{
width:48%;
}
.quality_list_r{
width:48%;
}
.quality_list_r p{
margin-bottom:30px;
}

/****** 周辺地図　PC ******/

#map{
padding:120px 0 140px;
margin:-62px auto 0;
/*background:#f2ebe7;*/
/*margin-bottom:110px;*/
}
#map h3{
margin-bottom:80px;
}
.map_img{
max-width:940px;
margin:0 auto 25px;
}
.map_note{
font-size:10px;
max-width:940px;
margin:0 auto 100px;
}
.loca_img{
display:flex;
margin:0 auto 80px;
}
.loca_txt{
max-width:940px;
margin:0 auto;
display:flex;
justify-content:space-between;
}
.loca_txt_l{
width:47.5%;
}
.loca_txt_l p{
margin-bottom:40px;
}
.loca_txt_l p:last-child{
margin-bottom:0;
}
.loca_txt_l{
width:45.5%;
}


.page_top{
width:110px;
margin:0 auto;
padding:0 0 140px;
}

.contect{
background:#7db67d;
}
.contect ul{
max-width:940px;
margin:0 auto;
display:flex;
justify-content:space-between;
align-items:center;
padding:70px 0;
}


footer{
text-align:center;
padding:50px;
}
.f_logo{
width:300px;
margin:0 auto 10px;
}
.f_info{
margin-bottom:40px;
}


.swiper-button-next, .swiper-button-prev{
color:#999!important;
}

@media screen and (max-width: 769px){
.pc{
display:none;
}
.sp{
display:block;
}

.main_img{
padding-top:60px;
}

.news_box{
margin-bottom:10%;
}

/****** 新着情報 SP ******/
.news {
display: flex;
margin-top: 0;
background: #fff;
margin-left: auto;
margin-right: auto;
height: auto;
color: #333;
z-index: 1;
}
.news_tit{
width:17%;
height:60px;
display:flex;
align-items:center;
justify-content:center;
}
.news_tit img{
width:90%;
margin:0 auto;
}
.ticker {
flex: 4;
}
.ticker ul {
width: 100%;
position: relative;
background: #fff;
font-size: 13px;
font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
}
.ticker ul li {
padding: 3%;
width: 100%;
display: none;
box-sizing:border-box;
}
.ticker ul li span {
margin-left: 0;
margin-right: 0;
padding-left: 0;
}


.btn_area{
margin-bottom:15%;
}
.btn_area p{
max-width:90%;
margin:0 auto 10%;
text-align:left;
fon-size:14px;
line-height:1.5em;
}
.nav_btn{
max-width:90%;
margin:0 auto;
flex-wrap:wrap;
justify-content:center;
gap:5%;
}
.nav_btn li{
width:30%;
margin-bottom:5%;
}


h3{
text-align:center;
width:30%;
margin:0 auto;
}
h3 img{
max-width:100%;
}


/****** デザイン　SP ******/

#design{
margin-bottom:15%;
}
.design_box{
padding:20% 0 10%;
margin:-13% auto 0;
}
.design_box_inner{
max-width: 100%;
}
.design_box .slide_box{
max-width:100%;
}
.design_box .swiper_wrap{
width:90%;
margin:0 auto 3%;
}

.design_slide_box .slide_box{
max-width:100%;
}
.design_box .swiper_wrap{
max-width:100%;
margin:0 auto 3%;
overflow:hidden;
}
.design_box .slider-thumbnail_box{
}
.design_box .slider-thumbnail_wrap{
max-width:80%;

}
.design_box .slider-thumbnail{
max-width:80%;
}
.design_box .swiper-button-next, .design_box .swiper-rtl .swiper-button-prev{
}
.slide_arrow{
}
.design_box .swiper-button-next{
position:absolute;
right:5%;
top:50%;
}
.design_box .swiper-button-prev{
position:absolute;
left:5%;
top:50%;
}

.landplan{
padding-bottom:10%;
}
.landplan h4{
font-size:20px;
padding:3%;
margin:0 auto 5%;
}

.landplan_img{
max-width:90%;
margin:0 auto 5%;
}
.landplan_point_box{
max-width:90%;
display:block;
}
.landplan_point_box dl{
width:100%;
margin-bottom:5%;
}
.landplan_point_box dl:last-child{
margin-bottom:0;
}
.landplan_point_box dt{
font-size:15px;
padding:2%;
}
.landplan_point_box dd{
padding:3%;
font-size:12px;
line-height:1.5em;
}


/****** プランニング　SP ******/

#plan{
margin-bottom:15%;
}
#plan h3{
margin-bottom:10%;
}

#plan .plan_box{
margin-bottom:100px;
}
.plan_img{
max-width:90%;
margin:0 auto 5%;
}

.plan_slide_box{
padding:10% 0;
}
.plan_slide_box.plan1{
}
.plan_slide_box.plan2{
}
.plan_slide_box .inner{
max-width: 90%;
}
.plan_slide_box h4{
font-size:15px;
margin-bottom:3%;
}
.plan_slide_box h4:before,
.plan_slide_box h4:after {
position: absolute;
top: calc(50% - 3px);
width: 25%;
height: 3px;
}
.plan_slide_box h4:before {
}
.plan_slide_box h4:after {
}
.plan_slide_box .slide_box{
max-width:100%;
}
.plan_slide_box .swiper_wrap{
max-width:100%;
margin:0 auto 3%;
overflow:hidden;
}
.plan_slide_box .slider-thumbnail_box{
position:relative;
}
.plan_slide_box .slider-thumbnail_wrap{
max-width:80%;
}
.plan_slide_box .slider-thumbnail{
max-width:80%;
}
.plan_slide_box .swiper-button-next, .plan_slide_box .swiper-rtl .swiper-button-prev{
}
.slide_arrow{
}
.plan_slide_box .swiper-button-next{
position:absolute;
right:5%;
top:50%;
}
.plan_slide_box .swiper-button-prev{
position:absolute;
left:5%;
top:50%;
}


/****** 設備仕様　SP ******/

#equip{
margin-bottom:15%;
}
.equip_area{
}
.equip_wrap{
background:#f2ebe7;
padding:20% 0 10%;
margin:-13% auto 0;
}
.equip_inner{
max-width:90%;
display:block;
}
.equip_box{
width:100%;
font-size:21px;
padding-bottom:10%;
margin-bottom:10%;
}
.equip_box:last-child{
margin-bottom:0;
}

.equip_box h5{
font-size:14px;
text-align:center;
margin:3% auto 5%;
}

.equip_box ul{
display:flex;
justify-content:space-between;
flex-wrap:wrap;
}
.equip_box li{
width:30%;
}

.equip1{
}
.equip2{
}

.zeh_box{
padding-bottom:10%;
}
.zeh_box:after{
content:"";
display:block;
position:absolute;
bottom:-30px;
left:calc(50% - 22px);
width: 0;
height: 0;
border-style: solid;
border-right: 22px solid transparent;
border-left: 22px solid transparent;
border-top: 35px solid #fff;
border-bottom: 0;
}
.zeh_box h4{
font-size:18px;
padding:5%;
text-align:center;
margin:0 auto 5%;
}
.zeh_box h4 + p{
font-size:14px;
line-height:1.5em;
max-width:90%;
margin:0 auto 5%;
text-align:left;
}
.zeh_img{
max-width:90%;
margin:0 auto 5%;
}

.zeh_point ul{
max-width:80%;
display:block;
}
.zeh_point li{
margin-bottom:5%;
}
.zeh_point li:last-child{
margin-bottom:5%;
}

.soraene_box{
padding:15% 0;
}
.soraene_box h4{
max-width:80%;
margin:0 auto 5%;
}
.soraene_box h4 + p{
font-size:14px;
line-height:1.5em;
max-width:90%;
margin:0 auto 5%;
text-align:left;
}

.soraene{
max-width:80%;
margin:0 auto 3%;
}
.soraene_point{
max-width:80%;
margin:0 auto 10%;
display:block;
}
.soraene_point li{
width:100%;
margin-bottom:5%;
}
.soraene_point li:last-child{
margin-bottom:0;
}

.soraene_flow{
max-width:90%;
margin:0 auto 5%;
}
.solar{
max-width:70%;
margin:0 auto 3%;
display:block;
}
.solar li{
width:100%;
margin-bottom:5%;
}
.solar li:last-child{
margin-bottom:0;
}

.solar_note{
max-width:80%;
font-size:12px;
}

.bels_box{
padding:5% 0 0;
}
.energy{
max-width:90%;
margin:0 auto 5%;
}
.bels{
max-width:90%;
padding:5%;
}
.bels h4{
font-size:14px;
margin:0 auto 5%;
lien-height:1.4em;
}
.bels_img{
}

.structure_box{
padding:0 0 10%;
}
.structure_box h4{
font-size:15px;
padding:3%;
margin: 0 auto 10%;
}
.structure_img{
max-width:90%;
margin: 0 auto 10%;
}
.structure_list{
max-width:80%;
display:block;
}
.structure_list li{
width:100%;
margin-bottom:10%;
}
.structure_list li:last-child{
margin-bottom:0;
}

.quake_box{
padding:10% 0;
}
.quake_box h4{
font-size:24px;
margin: 0 auto 5%;
}

.quake{
max-width:80%;
margin: 0 auto 5%;
display:block;
}
.quake_txt{
width:100%;
padding-right:0;
border-right:0;
margin-right:0;
padding-bottom:3%;
border-bottom:2px solid #fff;
margin-bottom:3%;

font-size:14px;
line-height:1.5em;
}
.quake3{
width:100%;
}
.quake_img{
max-width:90%;
}

#outline{
margin-bottom:15%;
}
#outline h3{
margin-bottom:10%;
}
.outline_box{
max-width:90%;
margin:0 auto 10%;
display:block;
}
.outline_box div{
width:100%;
margin-bottom:3%;
}
.outline_box dl{
display:block;
margin-bottom:5%;
font-size:19px;
}
.outline_box dt{
width:100%;
}
.outline_box dt:before{
content:"";
padding-left:10px;
}
.outline_box dd{
width:100%;
}
.outline_box .day{
margin-top:10%;
}


/****** 品質管理　PC ******/
#quality{
padding:0 0 15%;
}
.quality_bg{
padding:10% 0;
margin:0 auto;
background:#f2ebe7;
}
#quality h3{
margin-bottom:10%;
}
#quality h4.w_bg{
font-size: 18px;
padding: 3% 0;
text-align: center;
margin: 0 auto 5%;
}
#quality h4 + p{
font-size:14px;
line-height:1.5em;
max-width:90%;
margin:0 auto 10%;
text-align:left;
}

.quality_img{
max-width:90%;
}

#quality h4.g_bg{
font-size:21px;
padding:3% 0;
text-align: center;
margin: 0 auto 5%;
}
#quality h4.g_bg span{
display:block;
width:90%;
margin:0 auto;
font-size: 14px;
margin-right:auto;
line-height:21px;
padding:5px 0;
margin-top:0;
margin-bottom:3%;
}
#quality h4.g_bg + p{
font-size:14px;
line-height:1.5em;
margin:0 auto 10%;
text-align:left;
}

.quality_list{
max-width:90%;
display:block;
}
.quality_list_l{
width:100%;
}
.quality_list_r{
width:100%;
}
.quality_list_r p{
margin-bottom:5%;
}
.quality_list_r p:last-child{
margin-bottom:0;
}


/****** 周辺地図　sp ******/

#map{
padding:0 0 15%;
margin:0 auto 0;
/*background:#f2ebe7;*/
/*margin-bottom:110px;*/
}
#map h3{
margin-bottom:10%;
}
.map_img{
max-width:90%;
margin:0 auto 3%;
}
.map_note{
font-size:12px;
max-width:90%;
margin:0 auto 10%;
}
.loca_img{
display:flex;
justify-content:center;
flex-wrap:wrap;
margin:0 auto 10%;
}
.loca_img li{
width:calc(100% / 3);
}

.loca_txt{
max-width:90%;
display:block;
}
.loca_txt_l{
width:100%;
}
.loca_txt_l p{
margin-bottom:5%;
}
.loca_txt_l p:last-child{
margin-bottom:5%;
}
.loca_txt_l{
width:100;
}

.page_top{
width:30%;
margin:0 auto;
padding:0 0 15%;
}

.contect{
background:#003851;

}
.contect ul{
max-width:80%;
margin:0 auto;
display:block;
padding:5% 0;
}
.contect li{
margin-bottom:5%;
}
.contect li:last-child{
margin-bottom:0;
}


footer{
text-align:center;
padding:5%;
}
.f_logo{
width:80%;
margin:0 auto 3%;
}
.f_info{
margin-bottom:5%;
}

.swiper-button-next:after{
font-size:20px!important;
font-weight:bold;
text-align:left;
}
.swiper-button-prev:after{
font-size:20px!important;
font-weight:bold;
text-align:right;
}

}


/* 固定ヘッダーのスタイル */
.head_fix {
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 9999;
background: rgba(255,255,255,0.6);
box-shadow: 0 2px 5px rgba(0,0,0,0.1);
height:80px;
}
.head_fix ul {
display: flex;
justify-content: space-between;
align-items: center;
padding: 10px 20px;
margin: 0;
list-style: none;
}
.head_fix ul li {
/*margin: 0;*/
}
.head_fix ul li img {
display: block;
height: auto;
}
/* ロゴのサイズ調整 */
.head_fix ul li:nth-child(1) img {
max-height: 60px;
width:auto;
}
/* お問い合わせボタンのサイズ調整 */
.head_fix ul li:nth-child(2) img {
max-height: 60px;
width:auto;
}

/* PC対応（スクロール時に表示） */
@media screen and (min-width: 770px) {
.head_fix {
transform: translateY(-100%) !important;
opacity: 0 !important;
transition: transform 0.3s ease, opacity 0.3s ease !important;
}
.head_fix.is-visible {
transform: translateY(0) !important;
opacity: 1 !important;
}
}

/* スマホ対応（常に表示） */
@media screen and (max-width: 769px) {
.head_fix {
transform: translateY(0) !important;
opacity: 1 !important;
height:60px;
}
.head_fix ul {
padding: 10px;
}
.head_fix ul li:nth-child(1) img {
max-height: 40px;
width:auto;
}
.head_fix ul li:nth-child(2) img {
max-height: 40px;
width:auto;
}
}