@charset "UTF-8";
/*
    Template: swell
    Theme Name: SUZU NO NE
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/

body {
    background-image: url(img/bg1.jpg);
    background-repeat: no-repeat;
    background-size: cover;       /* 画面全体に画像を拡大縮小 */
    background-attachment: fixed; /* 背景を固定 */
    background-position: center top;
}
@media screen and (max-width: 640px) {
body {
    background-image: url(img/bg1-smp.jpg);  
    background-position: center bottom 20px;
    background-size: 100%;
}
}


.fz90{font-size: 90%;}
.line-height14{line-height: 1.4em;}

.tilt-right-up {
  transform: rotate(-15deg);
  /* 必要なら中心を変える場合は以下も指定 */
  /* transform-origin: center center; */
}
.l-content{margin-bottom: 3em!important;}
.l-mainContent{background: #fff;box-shadow: rgba(0, 0, 0, 0.09) 0px 2px 1px, rgba(0, 0, 0, 0.09) 0px 4px 2px, rgba(0, 0, 0, 0.09) 0px 8px 4px, rgba(0, 0, 0, 0.09) 0px 16px 8px, rgba(0, 0, 0, 0.09) 0px 20px 10px;}
.l-mainContent__inner > .post_content{padding: 0;}
.l-container{padding: 0!important;}
.l-footer{background-color: transparent!important;}

.c-iconBtn{background: #326130; color: #fff;}
.c-listMenu a{padding-top: 1em; padding-bottom: 1em;}
.swell-block-button__link .swl-inline-icon{font-size: 200%;}


#fix_bottom_menu .menu_list li{border-right: solid 1px #fff;}
#fix_bottom_menu .menu_list li:last-child{border-right: none;}

.c-pageTitle{border-bottom: none!important; padding: 50px;}
.c-pageTitle{text-align: center; padding-top: 40px;}
.c-pageTitle .c-pageTitle__inner {border-bottom: none!important; display: block; float: none!important;}
.l-mainContent__inner > .post_content{margin-top: 0!important;}
.p-breadcrumb{padding: 8px 10px;}

.box1{padding: 0 3.5%;}

.w-beforeFooter{margin: 3em auto 1em;}
.footer-logo{width: 20%; margin: auto;}
.footer-logo img{width: 100%; height: auto;}

.mainimg{position: relative;}
.eg-suzunone{position: absolute; bottom:-80px; left:20%;}

h2.section-ttl{font-size: clamp(30px,3.0vw,50px); margin:60px auto 40px;}


.service{padding:0 3.5% 20px;}
.serivce-photo img{border-radius: 10px;}
.service .service-name{font-size: clamp(23px,2.3vw,30px); margin-bottom: 0; color: #326130;}
.service .service-price{font-size: clamp(18px,1.8vw,24px); font-weight: bold;}

.voice-section{background: #fdf6f0; position: relative;}
.voice-ttl{padding-top: 40px!important;}
.eg-voice{position: absolute; top:-30px; left: 5%;}

.shop-section{position: relative;}
.eg-shop-photo{position: absolute; top:20px; left:6%;}
.eg-shop-photo img{width: 300px;}

.expert{background: #fdf6f0; padding: 30px 5%;}
.expert-type{background: #326130; border-radius: 5px; color: #fff; font-size: clamp(17px,1.7vw,20px); font-weight: bold; }
.expert-type p{padding:12px 5px;}

.wp-block-vk-blocks-slider.swiper{margin: auto!important; width: 90%;}
.vk_slider_item_container{font-size: clamp(14px,1.4vw,16px);}
.voice-name{font-size: 90%; padding:10px 0 30px; text-align: center; color: #326130;}
.swiper-pagination-bullet-active{background:#326130!important;}

@media screen and (max-width: 640px) {
    .eg-suzunone{position: absolute; bottom:-50px; left:-20%;}
    .eg-suzunone img{width: 50%; height: auto;}
    .ttl-top-icon img{width:40px; height: auto;}
    .eg-voice{position: absolute; top:-20px; left: 5%;}
    .eg-shop-photo{top:10px; left:6%;}
    .eg-shop-photo img{width: 200px;}
}


/*form*/
dt.title{margin: 15px 0 5px;}

input, select, textarea{width:100%; border:solid 2px #ccc; padding: 10px 10px; border-radius: 10px;}
input[type="submit"] {
    margin-top: 20px;
  background-color: #326130;
  color: white;
  padding: 12px 24px;
  border: none;
  border-radius: 5px;
  font-size: 16px;
  cursor: pointer;
}
input[type="submit"]:hover {
  background-color: #45a049;
}
.need{
    font-size: 12px;
    color: #fff;
    background-color: #FFA600;
    padding: 0 2px;
    border-radius: 5px;
    display: inline-block;
    margin-right: 5px;
}

