@charset "UTF-8";

/*-------------------------
__top_style
-------------------------*/

:root { --c_beige: #FFF5F0;}

/*-------------------------
__スライダー
-------------------------*/

#main_img{ width: 100%; height: calc(100vh - 130px); padding: 0 100px; box-sizing: border-box;}
#main_img .inner{ position: relative; width: 100%; height: calc(100vh - 130px);}
#main_img .inner ul.slide{}
#main_img .inner ul.slide li{ width: 100%; height: calc(100vh - 130px); overflow: hidden; border-radius: 250px 250px 0 0;}
#main_img .inner ul.slide li img{ width: 100%; height: 100%; object-fit: cover;}
#main_img .inner .main_com{ position: absolute; top: 100px; right: 100px;}
#main_img .inner .main_com h1{ width: 164px; height: auto;}
#main_img .inner .main_com .illust{ width: 164px; height: auto;}
#main_img .inner .sub_com{ width: 655px; height: auto; position: absolute; bottom: -10px; left: 40px;}
#main_img .inner .main_com h1 img,
#main_img .inner .main_com .illust img,
#main_img .inner .sub_com img{ width: 100%; height: auto;}

@media screen and (max-width:999px){
#main_img{ height: calc(70vh - 117px); padding: 0 40px; }
#main_img .inner{ height: calc(70vh - 117px);}
#main_img .inner ul.slide li{ height: calc(70vh - 117px); border-radius: 200px 200px 0 0;}
#main_img .inner .main_com{ top: 70px; right: 70px;}
#main_img .inner .main_com h1{ width: 140px;}
#main_img .inner .main_com .illust{ width: 140px;}
#main_img .inner .sub_com{ width: 500px; bottom: -7px; left: 40px;}
}

@media screen and (min-width: 768px){
}

@media screen and (max-width: 767px){
#main_img{ height: calc(80vh - 80px); padding: 0;}
#main_img .inner{ height: calc(80vh - 80px);}
#main_img .inner ul.slide li{ height: calc(80vh - 80px); border-radius: 50vw 50vw 0 0;}
#main_img .inner .main_com{ top: 0; right: 20px;}
#main_img .inner .main_com h1{ width: 110px;}
#main_img .inner .main_com .illust{ width: 110px; margin-top: -20px;}
#main_img .inner .sub_com{ width: 90%; bottom: -7px; left: 50%; transform: translateX(-50%);}
}

@media screen and (max-width:374px){
}

/*-------------------------
__ブログ
-------------------------*/

#blog_box{ padding: 110px 50px 90px; box-sizing: border-box; background-color: var(--c_beige); position: relative; z-index: 0;}
#blog_box .inner{ width: 100%; max-width: 1000px; margin: 0 auto; display: flex;}
#blog_box .inner .blog_box{ width: calc(50% - 20px); padding: 20px 35px 30px; box-sizing: border-box;}
#blog_box .inner .blog_box .blog_title{ width: 100%; height: auto; margin-bottom: 25px;}
#blog_box .inner .blog_box .blog_title img{ width: 100%; height: auto;}
@media screen and (min-width:1000px){
#blog_box .inner .blog_box .blog_more{ position: absolute; top: 25px; right: 35px;}
}
#blog_box .inner .blog_box .blog_more a{ display: inline-block; font-size: 1.4em; color: var(--c_brown); border: 1px solid var(--c_brown); padding: 10px; box-sizing: border-box; text-decoration: none; border-radius: 10px;}
#blog_box .inner .blog_box .blog_text{}
#blog_box .inner .blog_box .blog_text ul li{ font-size: 1.4em; line-height: 1.3; display: flex; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 2px dotted rgba(131,102,80,0.2);}
#blog_box .inner .blog_box .blog_text ul li:last-child{ margin-bottom: 0;}
#blog_box .inner .blog_box .blog_text ul li p{ width: 100px;}
#blog_box .inner .blog_box .blog_text ul li a{ width: calc(100% - 100px); color: var(--c_brown); overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
#blog_box .inner .blog_box.b_satomura{ background-color: #f5dcc8; margin-right: 40px; position: relative; z-index: 1; border-radius: 0 0 10px 10px;}
#blog_box .inner .blog_box.b_satomura:before{ content:''; display: block; width: 100%; height: 20px; position: absolute; top: -19px; left: 0; background-image: url(../images/blog_satomura_top@2x.png); background-repeat: repeat-x; background-size: 123px 19px;}
#blog_box .inner .blog_box.b_fran{ background-color: #f5dcc8; position: relative; z-index: 1; border-radius: 0 0 10px 10px;}
#blog_box .inner .blog_box.b_fran:before{ content:''; display: block; width: 100%; height: 20px; position: absolute; top: -19px; left: 0; background-image: url(../images/blog_fran_top@2x.png); background-repeat: repeat-x; background-size: 123px 19px;}
#blog_box .inner .blog_box.b_fran{ background-color: #fadcd2;}

@media screen and (max-width:999px){
#blog_box{ padding: 90px 40px 70px; border-radius: 70px;}
#blog_box .inner .blog_box{ width: calc(50% - 10px); padding: 20px 30px 25px;}
#blog_box .inner .blog_box .blog_title{ margin-bottom: 20px;}
#blog_box .inner .blog_box .blog_more{ text-align: center; width: 50%; margin: 15px auto 0;}
#blog_box .inner .blog_box .blog_more a{ width: 100%;}
#blog_box .inner .blog_box .blog_text ul li{ font-size: 1.3em; line-height: 1.3;}
#blog_box .inner .blog_box.b_satomura{ margin-right: 20px;}
}

@media screen and (min-width: 768px){
#blog_box .inner .blog_box .blog_text ul li a{ transition: .2s;}
#blog_box .inner .blog_box .blog_text ul li a:hover{ opacity: 0.4;}
#blog_box .inner .blog_box .blog_more a{ transition: .2s;}
#blog_box .inner .blog_box .blog_more a:hover{ background-color: #FFF5F0;}
#blog_box .inner .blog_box .blog_title a img{ transition: .4s;}
#blog_box .inner .blog_box .blog_title a:hover img{ opacity: 0.7; transform: scale(1.05);}
}

@media screen and (max-width: 767px){
#blog_box{ padding: 70px 20px 50px; border-radius: 40px;}
#blog_box .inner{ display: block;}
#blog_box .inner .blog_box{ width: 100%; padding: 15px 20px 15px;}
#blog_box .inner .blog_box .blog_title{ margin-bottom: 15px;}
#blog_box .inner .blog_box .blog_more{ margin: 10px auto 0;}
#blog_box .inner .blog_box .blog_more a{ font-size: 1.2em;}
#blog_box .inner .blog_box .blog_text ul li{ font-size: 1.2em; padding-bottom: 7px; margin-bottom: 7px;}
#blog_box .inner .blog_box .blog_text ul li p{ width: 80px; margin-right: 10px;}
#blog_box .inner .blog_box .blog_text ul li a{ width: calc(100% - 90px);}
#blog_box .inner .blog_box.b_satomura{ margin-right: 0; margin-bottom: 40px;}
}

@media screen and (max-width:374px){
}

/*-------------------------
__見学会情報
-------------------------*/

#openhouse_box{ padding: 90px 50px; box-sizing: border-box; background-image: url(../images/stripe_pink_back.jpg); border-radius: 100px; position: relative; z-index: 10;}
#openhouse_box .inner{ width: 100%; max-width: 1000px; margin: 0 auto;}
#openhouse_box .inner a{ display: flex; align-items: center; text-decoration: none; color: var(--c_brown);}
#openhouse_box .inner a .openhouse_left{ width: calc(50% - 20px); margin-right: 40px; text-align: center;}
#openhouse_box .inner a .openhouse_left .openhouse_title{ margin: 0 auto 30px; height: 112px; width: auto;}
#openhouse_box .inner a .openhouse_left .openhouse_title img{ width: auto; height: 100%;}
#openhouse_box .inner a .openhouse_left .openhouse_data{}
#openhouse_box .inner a .openhouse_left .openhouse_data p.day{ font-size: 1.8em; margin-bottom: 20px;}
#openhouse_box .inner a .openhouse_left .openhouse_data p.day span{ display: inline-block; margin-left: 15px; color: #fff; background-color: #b45c4c; padding: 10px 20px; border-radius: 100vh;}
#openhouse_box .inner a .openhouse_left .openhouse_data p.title{ font-size: 1.9em; line-height: 1.6; margin-bottom: 20px;}
#openhouse_box .inner a .openhouse_left .openhouse_data p.title span{ border-bottom: 2px solid var(--c_brown);}
#openhouse_box .inner a .openhouse_left .openhouse_data p.name{ font-size: 1.6em;}
#openhouse_box .inner a .openhouse_right{ width: calc(50% - 20px); padding: 0 20px; box-sizing: border-box; position: relative;}
#openhouse_box .inner a .openhouse_right > div{ display: block; width: 100%; height: 0; background-color: #fff; padding-top: 75%; overflow: hidden; position: relative; border: 10px solid #fff; box-sizing: border-box;}
#openhouse_box .inner a .openhouse_right > div img{ width: 100%; height: 100%; object-fit: cover; position: absolute; inset: 0; webkit-transition: .2s; -ms-transition: .2s; transition: .2s;}
#openhouse_box .inner a .openhouse_right:before{ content: ''; display: block; width: 119px; height: 45px; background-image: url(../images/openhouse_tape01@2x.png); background-size: cover; position: absolute; top: -20px; right: -20px; z-index: 10;}
#openhouse_box .inner a .openhouse_right:after{ content: ''; display: block; width: 119px; height: 45px; background-image: url(../images/openhouse_tape02@2x.png); background-size: cover; position: absolute; bottom: -20px; left: -20px;}

@media screen and (max-width:999px){
#openhouse_box{ padding: 70px 40px; border-radius: 70px;}
#openhouse_box .inner a .openhouse_left .openhouse_title{}
#openhouse_box .inner a .openhouse_left .openhouse_data p.day{ font-size: 1.7em; margin-bottom: 15px;}
#openhouse_box .inner a .openhouse_left .openhouse_data p.title{ font-size: 1.8em;}
#openhouse_box .inner a .openhouse_left .openhouse_data p.name{ font-size: 1.5em;}
#openhouse_box .inner a .openhouse_left{ width: calc(50% - 10px); margin-right: 20px;}
#openhouse_box .inner a .openhouse_right{ width: calc(50% - 10px);}
}

@media screen and (min-width: 768px){
#openhouse_box .inner a{ transition: .4s;}
#openhouse_box .inner a:hover{ opacity: 0.7;}
}

@media screen and (max-width: 767px){
#openhouse_box{ padding: 50px 20px; border-radius: 40px; background-image: url(../images/stripe_pink_back_sp.jpg);}
#openhouse_box .inner a .openhouse_left .openhouse_title{ height: 80px; margin: 0 auto 20px;}
#openhouse_box .inner a{ display: block;}
#openhouse_box .inner a .openhouse_left{ width: 100%; margin-right: 0; margin-bottom: 30px;}
#openhouse_box .inner a .openhouse_left .openhouse_data p.day{ font-size: 1.5em; margin-bottom: 10px;}
#openhouse_box .inner a .openhouse_left .openhouse_data p.day span{ padding: 7px 15px; }
#openhouse_box .inner a .openhouse_left .openhouse_data p.title{ font-size: 1.6em; margin-bottom: 10px;}
#openhouse_box .inner a .openhouse_left .openhouse_data p.name{ font-size: 1.4em;}
#openhouse_box .inner a .openhouse_right{ width: 80%; margin: 0 auto;}
#openhouse_box .inner a .openhouse_right > div{ border: 5px solid #fff;}
#openhouse_box .inner a .openhouse_right:before{ width: 79px; height: 30px; position: absolute; top: -10px; right: 0px;}
#openhouse_box .inner a .openhouse_right:after{ width: 79px; height: 30px; position: absolute; bottom: -10px; left: 0px;}
}

@media screen and (min-width:375px){
.min_only{ display: none;}
}

@media screen and (max-width:374px){
}

/*-------------------------
__インスタグラム
-------------------------*/

#instagram_box{ margin-top: -90px; padding: 180px 50px; box-sizing: border-box; background-image: url(../images/contact_back.jpg); background-size: cover; position: relative; z-index: 0; text-align: center;}
#instagram_box .inner{ width: 100%; max-width: 1000px; margin: 0 auto;}
#instagram_box .inner p{ font-size: 2.2em; line-height: 1.4; margin-bottom: 30px;}
#instagram_box .inner p span{ display: inline-block; position: relative;}
#instagram_box .inner p span:before{ content: ''; display: block; width: 17px; height: 39px; background-image: url(../images/fukidashi_left@2x.png); background-repeat: no-repeat; background-size: cover; position: absolute; left: -35px; top: 0;}
#instagram_box .inner p span:after{ content: ''; display: block; width: 17px; height: 39px; background-image: url(../images/fukidashi_right@2x.png); background-repeat: no-repeat; background-size: cover; position: absolute; right: -30px; top: 0;}
#instagram_box .inner .instagram_banner{ width: 100%; height: auto; margin-bottom: 60px;}
#instagram_box .inner .instagram_banner a{ display: block;}
#instagram_box .inner .instagram_banner a img{ width: 100%; height: auto;}
#instagram_box .inner .instagram_reels{ text-align: center;}
#instagram_box .inner .instagram_reels ul{ display: flex; justify-content: space-between;}
#instagram_box .inner .instagram_reels ul li{ width: calc(50% - 20px);}
#instagram_box .inner .instagram_reels ul li iframe{ margin: 0 auto!important;}

@media screen and (max-width:999px){
#instagram_first_box{ margin-top: -70px; padding: 70px 0 70px; border-radius: 70px;}
#instagram_box{ padding: 140px 40px;}
#instagram_box .inner p{ font-size: 1.8em;}
}

@media screen and (min-width: 768px){
#instagram_box .inner .instagram_banner a img{ transition: .4s;}
#instagram_box .inner .instagram_banner a:hover img{ opacity: 0.7; transform: scale(1.05);}
}

@media screen and (max-width: 767px){
#instagram_box{ margin-top: -50px; padding: 100px 20px; background-image: url(../images/contact_back_sp.jpg); background-size: contain; background-repeat: repeat-y;}
#instagram_box .inner p{ font-size: 1.5em; margin-bottom: 20px;}
#instagram_box .inner p span:before{ position: absolute; width: 9px; height: 20px; left: -20px; top: auto; bottom: 0;}
#instagram_box .inner p span:after{ position: absolute; width: 9px; height: 20px; right: -15px; top: auto; bottom: 0;}
#instagram_box .inner .instagram_banner{ margin-bottom: 30px;}
#instagram_box .inner .instagram_reels ul{ display: block;}
#instagram_box .inner .instagram_reels ul li{ width: 100%;}
#instagram_box .inner .instagram_reels ul li:nth-child(2){ display: none;}
#instagram_box .inner .instagram_reels ul li blockquote{ margin: 0 auto!important;}
}

/*-------------------------
__里村工務店の家づくり
-------------------------*/


#instagram_first_box{ margin-top: -90px; padding: 25px 50px 45px; box-sizing: border-box; background-color: var(--c_beige); border-radius: 100px; position: relative; z-index: 10; text-align: center;}
#first_box{ padding: 170px 0; box-sizing: border-box; background-image: url(../images/first_back@2x.png); background-position: center; background-repeat: no-repeat; background-size: 1137px 1016px;}
#first_box .inner{ width: 100%; max-width: 1000px; margin: 0 auto; position: relative;}
#first_box .inner ul.top_image li:nth-child(1){ position: absolute; top: 0; left: -190px; width: 280px; height: 360px;}
#first_box .inner ul.top_image li:nth-child(2){ position: absolute; top: -50px; right: -270px; width: 360px; height: 280px;}
#first_box .inner .com_box{}
#first_box .inner .com_box .first_illust{ width: 422px; height: auto; margin:0 auto 55px;}
#first_box .inner .com_box .first_title{ margin-bottom: 45px;}
#first_box .inner .com_box .first_title p{ width: 421px; height: auto; margin: 0 auto 10px;}
#first_box .inner .com_box .first_title h2{ width: 589px; height: auto; margin: 0 auto;}
#first_box .inner .com_box .first_illust img,
#first_box .inner .com_box .first_title p img,
#first_box .inner .com_box .first_title h2 img{ width: 100%; height: auto;}
#first_box .inner .com_box .first_text{ font-size: 1.5em; line-height: 2.5; margin-bottom: 45px;}
#first_box .inner .com_box .first_text p{ margin-bottom: 30px;}
#first_box .inner .com_box .first_text p:last-child{ margin-bottom: 0;}
#first_box .inner .com_box .link_btn{}
#first_box .inner .com_box .link_btn a{ display: inline-block; color: #fff !important; font-size: 1.8em; line-height: 70px; border-radius: 50vh; padding: 7px; box-sizing: border-box; background-color: #db8c79; text-decoration: none;}
#first_box .inner .com_box .link_btn a span{ display: block; border: 3px dashed rgba(255, 255, 255, 0.4); border-radius: 50vh; padding: 0 40px;}
#first_box .inner ul.btm_image li:nth-child(1){ position: absolute; bottom: -50px; left: -270px; width: 360px; height: 280px;}
#first_box .inner ul.btm_image li:nth-child(2){ position: absolute; bottom: 0; right: -190px; width: 280px; height: 360px;}
#first_box .inner ul.top_image li img,
#first_box .inner ul.btm_image li img{ width: 100%; height: auto;}

@media screen and (max-width:999px){

#instagram_first_box{ margin-top: -70px; border-radius: 70px;}
#first_box{ padding: 100px 0; background-image: none; position: relative;}
#first_box:before{ content: ''; display: block; width: 100%; height: 50%; background-image: url(../images/first_back_tab01.png); background-repeat: no-repeat; background-position: top; background-size: contain; position: absolute; top: 0; z-index: 0;}
#first_box:after{ content: ''; display: block; width: 100%; height: 50%; background-image: url(../images/first_back_tab02.png); background-repeat: no-repeat; background-position: bottom; background-size: contain; position: absolute; bottom: 0; z-index: 0;}
#first_box .inner{ max-width: 768px;}
#first_box .inner ul.top_image,
#first_box .inner ul.btm_image{ position: relative; z-index: 10;}
#first_box .inner ul.top_image li:nth-child(1){ position: absolute; top: 0; left: -80px; width: 210px; height: 270px;}
#first_box .inner ul.top_image li:nth-child(2){ position: absolute; top: -50px; right: -80px; width: 270px; height: 210px;}
#first_box .inner .com_box{ position: relative; z-index: 10;}
#first_box .inner .com_box .first_illust{ width: 322px; margin:0 auto 30px;}
#first_box .inner .com_box .first_title{ margin-bottom: 30px;}
#first_box .inner .com_box .first_title p{ width: 321px; margin: 0 auto 10px;}
#first_box .inner .com_box .first_title h2{ width: 420px;}
#first_box .inner .com_box .first_text{ font-size: 1.4em; line-height: 2;}
#first_box .inner .com_box .first_text p{ margin-bottom: 20px;}
#first_box .inner .com_box .link_btn a{ font-size: 1.5em; line-height: 60px;}
#first_box .inner ul.btm_image{}
#first_box .inner ul.btm_image li:nth-child(1){ position: absolute; bottom: -50px; left: -80px; width: 270px; height: 210px;}
#first_box .inner ul.btm_image li:nth-child(2){ position: absolute; bottom: 0; right: -30px; width: 210px; height: 270px;}
}

@media screen and (min-width: 1000px){
.tab_only{ display: none;}
}

@media screen and (min-width: 768px){
#first_box .inner .com_box .link_btn a{ transition: .4s;}
#first_box .inner .com_box .link_btn a:hover{ opacity: 0.7; transform: scale(1.05);}
}

@media screen and (max-width: 767px){
.tab_only{ display: none;}
#instagram_first_box{ margin-top: -50px; padding: 25px 0 25px; border-radius: 40px;}
#first_box{ padding: 0 20px 10px;}
#first_box:before,
#first_box:after{ display: none;}
#first_box .inner ul.top_image{ display: flex;}
#first_box .inner ul.top_image li:nth-child(1){ position: relative; width: 50%; height: auto; top: auto; left: auto;}
#first_box .inner ul.top_image li:nth-child(2){ position: relative; width: 50%; height: auto; top: auto; right: auto;}
#first_box .inner .com_box .first_illust{ max-width: 260px; width: 80%; margin:0 auto 30px;}
#first_box .inner .com_box .first_title{ margin-bottom: 20px;}
#first_box .inner .com_box .first_title p{ max-width: 220px; width: 50%; margin: 0 auto 20px;}
#first_box .inner .com_box .first_title h2{ max-width: 300px; width: 70%;}
#first_box .inner .com_box .first_text{ font-size: 1.3em; margin-bottom: 20px;}
#first_box .inner .com_box .link_btn{ margin-bottom: 20px;}
#first_box .inner .com_box .link_btn a{ font-size: 1.4em; line-height: 50px; padding: 5px;}
#first_box .inner .com_box .link_btn a span{ border: 2px dashed rgba(255, 255, 255, 0.4); padding: 0 30px;}
#first_box .inner ul.btm_image{ display: flex;}
#first_box .inner ul.btm_image li:nth-child(1){ position: relative; width: 50%; height: auto; bottom: auto; left: auto;}
#first_box .inner ul.btm_image li:nth-child(2){ position: relative; width: 50%; height: auto; bottom: auto; right: auto;}
}

@media screen and (max-width:374px){
}

/*-------------------------
__施工事例
-------------------------*/

#gallery_box{ margin-top: -90px; padding: 180px 50px; box-sizing: border-box; background-image: url(../images/gallery_back.jpg); background-size: cover; background-repeat: repeat-x; background-position: center; z-index: 0;}
#gallery_box .inner{ width: 100%; max-width: 1000px; margin: 0 auto;}
#gallery_box .inner h2{ width: auto; height: 126px; margin: 0 auto 60px; text-align: center;}
#gallery_box .inner h2 img{ height: 100%; width: auto;}
#gallery_box .inner .gallery_list{ display: flex; justify-content: space-between; margin-bottom: 70px;}
#gallery_box .inner .gallery_list .gallery_post{ width: calc(100% / 3); margin: 0 30px; position: relative;}
#gallery_box .inner .gallery_list .gallery_post a{ text-decoration: none; color: var(--c_brown);}
#gallery_box .inner .gallery_list .gallery_post .gallery_photo{ width: 100%; margin-bottom: 20px;}
#gallery_box .inner .gallery_list .gallery_post .gallery_photo span{ display: block; width: 100%; height: 0; background-color: #fff; padding-top: 140%; overflow: hidden; position: relative; box-sizing: border-box; border-radius: 50vw 50vw 40px 40px;}
#gallery_box .inner .gallery_list .gallery_post .gallery_photo span img{ width: 100%; height: 100%; object-fit: cover; position: absolute; inset: 0; webkit-transition: .2s; -ms-transition: .2s; transition: .2s;}
#gallery_box .inner .gallery_list .gallery_post .gallery_text{ font-size: 1.4em; line-height: 1.5;}
#gallery_box .inner .gallery_list .gallery_post .gallery_text p.name{ margin-bottom: 10px;}
#gallery_box .inner .gallery_list .gallery_post .gallery_text p.time{}
#gallery_box .inner .gallery_list .gallery_post .new_icon{ position: absolute; top: 0; right: 0; width: 80px; height: 80px;}
#gallery_box .inner .gallery_list .gallery_post .new_icon img{ width: 100%; height: auto;}
#gallery_box .inner .link_btn{ text-align: center;}
#gallery_box .inner .link_btn a{ display: inline-block; color: #fff !important; font-size: 1.8em; line-height: 70px; border-radius: 50vh; padding: 7px; box-sizing: border-box; background-color: #db8c79; text-decoration: none;}
#gallery_box .inner .link_btn a span{ display: block; border: 3px dashed rgba(255, 255, 255, 0.4); border-radius: 50vh; padding: 0 40px;}
.slick-arrow{ z-index:2!important; width: 70px!important; height: 70px!important;}
.slick-arrow:before{ content:""!important; width: 100%!important; height: 100%!important; position: absolute; top: 0; left: 0;}
.slick-next:before{ background: url(../images/slider_right@2x.png)!important; background-size: contain!important;}
.slick-prev:before{ background: url(../images/slider_left@2x.png)!important; background-size: contain!important;}

@media screen and (max-width:999px){
#gallery_box{ margin-top: -70px; padding: 140px 40px;}
#gallery_box .inner h2{ height: 100px; margin: 0 auto 40px;}
#gallery_box .inner .gallery_list{ margin-bottom: 50px;}
#gallery_box .inner .gallery_list .gallery_post{ margin: 0 15px;}
#gallery_box .inner .link_btn a{ font-size: 1.5em; line-height: 60px;}
}

@media screen and (min-width: 768px){
#gallery_box .inner .gallery_list .gallery_post a{ transition: .4s;}
#gallery_box .inner .gallery_list .gallery_post a:hover{ opacity: 0.7; transform: scale(1.05);}
#gallery_box .inner .link_btn a{ transition: .4s;}
#gallery_box .inner .link_btn a:hover{ opacity: 0.7; transform: scale(1.05);}
}

@media screen and (max-width: 767px){
#gallery_box{ margin-top: -50px; padding: 100px 0; background-image: url(../images/gallery_back_sp.jpg);}
#gallery_box .inner .gallery_list{ display: block; margin-bottom: 30px;}
#gallery_box .inner h2{ height: 80px; margin: 0 auto 30px;}
#gallery_box .inner .gallery_list .gallery_post{ width: calc(100% - 30px); margin: 0 15px;}
#gallery_box .inner .gallery_list .gallery_post .gallery_photo{ margin-bottom: 10px;}
#gallery_box .inner .gallery_list .gallery_post .gallery_photo span{ padding-top: 120%; border-radius: 50vw 50vw 15px 15px;}
#gallery_box .inner .gallery_list .gallery_post .gallery_text{ font-size: 1.3em;}
#gallery_box .inner .gallery_list .gallery_post .gallery_text p.name{ margin-bottom: 5px;}
#gallery_box .inner .gallery_list .gallery_post .new_icon{ width: 60px; height: 60px;}
#gallery_box .inner .link_btn a{ font-size: 1.4em; line-height: 50px; padding: 5px;}
#gallery_box .inner .link_btn a span{ border: 2px dashed rgba(255, 255, 255, 0.4); padding: 0 30px;}
.slick-next{ right: 20px!important;}
.slick-prev{ left: 20px!important;}
}

@media screen and (max-width:374px){
#gallery_box .inner .link_btn a{ font-size: 1.3em;}
#gallery_box .inner .link_btn a span{ padding: 0 15px;}
}

/*-------------------------
__分譲物件情報
-------------------------*/

#property_box{ margin-top: -90px; padding: 90px 90px; box-sizing: border-box; background-color: var(--c_beige); border-radius: 100px; position: relative; z-index: 10; text-align: center; overflow: hidden;}
#property_box .inner{ width: 100%; margin: 0 auto; position: relative;}
#property_box .inner p{ font-size: 2.2em; line-height: 1.4; margin-bottom: 30px;}
#property_box .inner p span{ display: inline-block; position: relative;}
#property_box .inner p span:before{ content: ''; display: block; width: 17px; height: 39px; background-image: url(../images/fukidashi_left@2x.png); background-repeat: no-repeat; background-size: cover; position: absolute; left: -35px; top: 0;}
#property_box .inner p span:after{ content: ''; display: block; width: 17px; height: 39px; background-image: url(../images/fukidashi_right@2x.png); background-repeat: no-repeat; background-size: cover; position: absolute; right: -30px; top: 0;}
#property_box .inner .property_banner{ width: 100%; max-width: 1300px; height: auto; margin: 0 auto;}
#property_box .inner .property_banner a{ display: block;}
#property_box .inner .property_banner a img{ width: 100%; height: auto;}
/*#property_box .inner ul li{ position: absolute; width: 180px;}
#property_box .inner ul li img{ width: 100%; height: auto;}
#property_box .inner ul li:nth-child(1){ left: -170px; bottom: -10px;}
#property_box .inner ul li:nth-child(2){ right: -160px; bottom: -10px;}*/

@media screen and (max-width:999px){
#property_box{ margin-top: -70px; padding: 70px 40px; border-radius: 70px;}
#property_box .inner p{ font-size: 1.8em;}
/*#property_box .inner ul li{ position: absolute; width: 110px;}
#property_box .inner ul li:nth-child(1){ left: 0px; bottom: -80px;}
#property_box .inner ul li:nth-child(2){ right: 0px; bottom: -80px;}*/
}

@media screen and (min-width: 768px){
#property_box .inner .property_banner a img{ transition: .4s;}
#property_box .inner .property_banner a:hover img{ opacity: 0.7; transform: scale(1.05);}
}

@media screen and (max-width: 767px){
#property_box{ margin-top: -50px; padding: 50px 20px 50px; border-radius: 40px;}
#property_box .inner p{ font-size: 1.5em; margin-bottom: 15px;}
#property_box .inner p span:before{ content: ''; display: block; width: 9px; height: 20px; position: absolute; left: -20px; top: 0;}
#property_box .inner p span:after{ content: ''; display: block; width: 9px; height: 20px; position: absolute; right: -15px; top: 0;}
/*#property_box .inner ul{ display: flex; justify-content: center;}
#property_box .inner ul li{ position: relative; width: 100px;}
#property_box .inner ul li:nth-child(1){ left: 0px; bottom: -10px;}
#property_box .inner ul li:nth-child(2){ right: 0px; bottom: -10px;}*/
}

@media screen and (max-width:374px){
}

/*雑貨屋フラン*/

#fran_box{ margin-top: -90px; padding: 180px 50px; box-sizing: border-box; background-image: url(../images/fran_back.jpg); background-size: cover; background-position: center; z-index: 0;}
#fran_box .inner{ width: 100%; max-width: 1000px; margin: 0 auto; position: relative;}
#fran_box .inner:before{ content: ''; display: block; position: absolute; top: -90px; right: -250px; width: 887px; height: 803px; background-image: url(../images/fran_images@2x.png); background-size: cover; background-repeat: no-repeat; z-index: 5;}
#fran_box .inner .fran_data{ position: relative; z-index: 6; width: 50%;}
#fran_box .inner .fran_data h2{ width: 333px; height: auto; margin-bottom: 60px;}
#fran_box .inner .fran_data h2 images{ width: 100%; height: auto;}
#fran_box .inner .fran_data h3{ color: #fff; font-size: 2.5em; line-height: 1.2; font-weight: 700; margin-bottom: 30px;}
#fran_box .inner .fran_data p{ color: #fff; font-size: 1.5em; line-height: 2.3; margin-bottom: 30px;}
#fran_box .inner .fran_data .link_btn{ margin: 0 auto 30px; text-align: center;}
#fran_box .inner .fran_data .link_btn a{ display: inline-block; color: var(--c_brown)!important; font-size: 1.8em; line-height: 70px; border-radius: 50vh; padding: 7px; box-sizing: border-box; background-color: #fff; text-decoration: none;}
#fran_box .inner .fran_data .link_btn a span{display: block; border: 3px dashed rgba(131, 102, 80, 0.4); border-radius: 50vh; padding: 0 40px;}
#fran_box .inner .fran_data .fran_banner{ width: 465px; height: auto;}
#fran_box .inner .fran_data .fran_banner a{ display: block;}
#fran_box .inner .fran_data .fran_banner a img{ width: 100%; height: auto;}

@media screen and (max-width:999px){
#fran_box{ margin-top: -70px; padding: 140px 40px;}
#fran_box .inner:before{ content: ''; display: block; position: absolute; top: -30px; right: -160px; width: 600px; height: 543px; background-image: url(../images/fran_images@2x.png); background-size: cover; background-repeat: no-repeat; z-index: 5;}
#fran_box .inner .fran_data{ max-width: 400px; width: 70%;}
#fran_box .inner .fran_data h2{ width: 270px; margin-bottom: 40px;}
#fran_box .inner .fran_data h2 img{ width: 100%; height: auto;}
#fran_box .inner .fran_data h3{ font-size: 2.3em;}
#fran_box .inner .fran_data p{ font-size: 1.4em; line-height: 2;}
#fran_box .inner .fran_data .link_btn a{ font-size: 1.7em; line-height: 60px;}
#fran_box .inner .fran_data .fran_banner{ width: 365px; margin: 0 auto;}
}

@media screen and (min-width: 768px){
#fran_box .inner .fran_data .link_btn a,
#fran_box .inner .fran_data .fran_banner a img{ transition: .4s;}
#fran_box .inner .fran_data .link_btn a:hover,
#fran_box .inner .fran_data .fran_banner a:hover img{ opacity: 0.7; transform: scale(1.05);}
}

@media screen and (max-width: 767px){
#fran_box{ margin-top: -50px; padding: 100px 20px 110px; background-image: url(../images/fran_back_sp.jpg);}
#fran_box .inner:before{ display: none; background-image: none;}
#fran_box .inner .fran_data{ max-width: 100%; width: 100%;}
#fran_box .inner .fran_data h2{ width: 180px; height: auto; margin:0 auto 20px;}
#fran_box .inner .fran_data h3{ color: #fff; font-size: 1.9em; line-height: 1.4; font-weight: 700; margin-bottom: 20px; text-align: center;}
#fran_box .inner .fran_data p{ color: #fff; font-size: 1.3em; line-height: 2; margin-bottom: 20px; text-align: center;}
#fran_box .inner .fran_data .fran_image{ width: calc(100% + 40px); margin-left: -20px;}
#fran_box .inner .fran_data .fran_image img{ width: 100%; height: auto;}
#fran_box .inner .fran_data .link_btn{ margin: 0 auto 20px;}
#fran_box .inner .fran_data .link_btn a{ font-size: 1.4em; line-height: 50px; padding: 5px;}
#fran_box .inner .fran_data .link_btn a span{ border: 2px dashed rgba(131, 102, 80, 0.4); padding: 0 30px;}
#fran_box .inner .fran_data .fran_banner{ width: 100%; height: auto;}
#fran_box .inner .fran_data .fran_banner img{ width: 100%; height: auto;}

}

@media screen and (max-width:374px){
}

/*お問い合わせ*/

#contents_bottom.top_contact{ background-image: url("../images/contact_back.jpg"); background-size: cover; margin-top: -90px;}

@media screen and (max-width:999px){
#contents_bottom.top_contact{ margin-top: -70px;}
}

@media screen and (max-width: 767px){
#contents_bottom.top_contact{ background-image: url(../images/contact_back_sp.jpg);}
}