@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Shippori+Mincho+B1:wght@500;700;800&display=swap');

   :root {
	--color-main: #533c2f;
   --color-accent: #ac551c;
   --color-text-base: #222;
   --color-bg-main: #e9decc;
   --color-bg-sub: #f5f3ed;
}

.bg-color-main{
   background: var(--color-main);
}
.bg-color-accent{
   background: var(--color-accent);
}

/*===============================================
	base
===============================================*/
/* font
-------------------------------------*/
html {
   font-size: 62.5%;
}
body{
   color: var(--color-text-base);
   font-family: 'Noto Sans JP', 'YuGothic', '游ゴシック', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic ProN', sans-serif;
   font-size: 14px;
   font-size: 1.4rem;
   line-height: 1.6;
   font-weight: 400;
   font-style: normal;
   background: #fff;
}
body *{
   box-sizing: border-box;
}
@media screen and (max-width: 380px) {
   body{
		font-size: 13px;
		font-size: 1.3rem;
		line-height: 1.6;
	}
}
@media screen and (min-width: 768px) {
	body{
		font-size: 17px;
		font-size: 1.7rem;
		line-height: 1.7;
      min-width: 1100px;
	}
}
/* setting
-------------------------------------*/
img {
	vertical-align: middle;
	max-width: 100%;
	height: auto;
}
.min{
   font-family: "Shippori Mincho", serif;
   font-weight: 800;
   font-style: normal;
}
table {
   border-spacing: 0;
   border-collapse: collapse;
}
.pc{
   display: none;
}
@media screen and (min-width: 768px) {
	.pc{
		display: block;
	}
   .sp{
      display: none;
   }
}

/* culimn
-------------------------------------*/
@media screen and (min-width: 768px) {
	.wrap{
		width: 880px;
      margin-left: auto!important;
      margin-right: auto!important;
	}
}

/* btn
-------------------------------------*/
.btn a {
   display: block;
   position: relative;
   border-radius: 70px;
   width: 100%;
   text-decoration: none;
   letter-spacing: 1px;
   padding: 2rem 1rem;
   font-weight: 700;
	font-size: 1.8rem;
   color: #fff;
   outline: none;
   transition: all .8s ease-out;
   box-shadow: 0px 10px 10px -6px rgba(0, 0, 0, 0.4);
}
.btn01 a{
   background: rgb(172,85,28);
}
.btn01 a::after {
   content: "";
   height: 100%;
   left: 0;
   position: absolute;
   top: 0;
   border-radius: 70px;
   width: 100%;
   transition: all .3s ease-out;
   background: linear-gradient(0deg, rgba(172,85,28,1) 50%, rgba(186,102,47,1) 50%);
}
.btn01 a span{
   position: relative;
   z-index: 1;
}
.btn_mitsumori a{
   display: flex;
   justify-content: center;
   align-items: center;
}
.btn_mitsumori a::before{
   position: relative;
   z-index: 1;
   content: "";
   display: inline-block;
   width: 2.7rem;
   height: 2.7rem;
   margin-right: .8rem;
   background: url("../img/icon_mitsumori_w.png");
   background-size: cover;
}
@media screen and (max-width: 380px) {
   .btn a {
      letter-spacing: 0px;
	   font-size: 1.6rem;
   }
}
@media screen and (min-width: 768px) {
   .btn a {
      font-size: 2.2rem;
      padding: 2.4rem 1rem;
   }
}
@media (hover: hover) {
   .btn a:hover{
      box-shadow: none;
      position: relative;
      top: 2px;
   }
   .btn01 a:hover::after {
      opacity: 0;
   }
}

/* slick
-------------------------------------*/
.slick-list{
   overflow:inherit !important;
}
.slick-track {
  display: flex!important;
}
.slick-slide {
  height: auto !important;
}
.slick-slide > div{
   height: 100%;
}
.slick-slide > div > div{
   height: 100%;
}

.slick-arrow {
   width: 45px;
   position: absolute;
   z-index: 1;
   top: 35%;
   margin: 0;
   padding: 0;
   -webkit-transform: translateY(-50%);
   transform: translateY(-50%);
   cursor: pointer;
}
.prev-arrow {
   left: 6px;
}
.next-arrow {
   right: 6px;
}
.slick-dots{
   bottom: -38px!important;
}
.slick-dots li{
   margin: 0 2px!important;
}
.slick-dots li button:before{
   font-size: 1.5rem!important;
   color: var(--color-main)!important;
}
@media screen and (min-width: 768px) {
   .slick-arrow {
       width: 50px;
   }
   .prev-arrow {
      left: -10px;
   }
   .next-arrow {
      right: -10px;
   }
   .slick-dots{
      bottom: -50px!important;
   }
}

/*===============================================
	header
===============================================*/
.header{
   position: relative;
   left: 0;
   top: 0;
   display: flex;
   align-items: center;
   justify-content: space-between;
   background: #fff;
   box-shadow: 0px 5px 10px rgba(0,0,0,0.08);
}
.header-logo{
   line-height: 1;
   margin: 0 0 0 2rem;
   width: 33%;
   max-width: 130px;
}
.header-btn{
   display: flex;
   width: 38%;
   max-width: 170px;
   margin: 0;
   padding: 0;
}
.header-btn__item{
   width: 50%;
   list-style: none;
}
.header-btn__item a{
   display: block;
   color: #fff;
   text-align: center;
   text-decoration: none;
   padding: 1rem .5rem;
}
.header-btn__item a img{
   width: 45%;
}
.header-btn__item a span{
   display: block;
   font-size: 1.2rem;
   padding-top: .5rem;
}

@media screen and (min-width: 768px) {
   .header{
      position: fixed;
      width: 100%;
      z-index: 999;
   }
   .header-logo{
      margin: 0 0 0 3rem;
      max-width: 140px;
   }
   .header-btn{
      max-width: 340px;
   }
   .header-btn__item a{
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 2.4rem 2rem 2.4rem 1.5rem;
   }
   .header-btn__item a img {
      width: 28%;
   }
   .header-btn__item a span{
      font-size: 1.6rem;
      padding: 0 0 0 .5em;
   }
}

/*===============================================
	header
===============================================*/
.mainvisual{
   text-align: center;
   background: #e7ece9;
}
.mainvisual__img{
   position: relative;
}
.mainvisual__img .badge{
   position: absolute;
   left: 1rem;
   top: 1.5rem;
   width: 75px;
}
.mainvisual__text{
   position: relative;
   margin: -1rem 2.5rem 0;
   padding-bottom: 3rem;
}
.mainvisual-catch{
   font-size: 1.5rem;
   font-weight: 800;
   margin: 0;
}
.mainvisual-tit{
   font-weight: 900;
   line-height: 1;
   font-size: 2.8rem;
   margin: 1.2rem 0;
}
.mainvisual-symptoms{
   display: flex;
   justify-content: center;
   margin: 0 0 1rem;
}
.mainvisual-symptoms span{
   display: block;
   color: var(--color-main);
   border: 1px solid var(--color-main);
   font-weight: 600;
   border-radius: 5rem;
   padding: .5rem 1rem;
   margin: 0 .2rem;
   background: #fff;
}
.mainvisual-price{
   display: flex;
   justify-content: space-between;
}
.mainvisual-price dl{
   position: relative;
   width: 48%;
   background: #fff;
}
.mainvisual-price dt{
   position: absolute;
   top: -.7rem;
   left: 0;
   right: 0;
   margin: 0;
}
.mainvisual-price dt span{
   color: #fff;
   border-radius: 5rem;
   padding: .5rem 1rem;
   display: inline-block;
}
.mainvisual-price dd{
   font-size: 1.3em;
   font-weight: 800;
   padding: 3rem 1rem 2rem;
   margin: 0;
}
.mainvisual-price dd .tax{
   font-size: .7em;
}
.mainvisual__text .badge{
   position: absolute;
   top: -60px;
   right: -1rem;
   width: 60px;
}
@media screen and (max-width: 380px) {
   .mainvisual-tit{
      font-size: 7vw;
   }
   .mainvisual-catch{
      font-size: 4.2vw;
   }
   .mainvisual-price dt span{
      font-size: .9em;
   }
   .mainvisual-price dd {
      font-size: 1.2em;
      white-space:nowrap;
   }
}
@media screen and (min-width: 768px) {
   .mainvisual{
      position: relative;
      padding: 4rem 2rem;
      margin-top: 8.5rem;
      overflow: hidden;
      background: #666;
   }
   .mainvisual::after{
      position: absolute;
      left: 0;
      top: 0;
      content: "";
      display: block;
      width: 100%;
      height: 100%;
      background: url(../img/bag/main-img.jpg) no-repeat center;
      background-size: cover;
      opacity: .7;
   }
   .mainvisual__inner{
      position: relative;
      z-index: 2;
      display: flex;
      width: 960px;
      box-shadow: 0px 5px 15px rgba(0,0,0,0.1);
   }
   .mainvisual__img{
      width: 50%;
   }
   .mainvisual__img picture{
      height: 100%;
      display: block;
   }
   .mainvisual__img picture img{
      object-fit: cover;
      width: 100%;
      height: 100%;
   }
   .mainvisual__img .badge{
      left: 1.5rem;
      top: 4rem;
      width: 120px;
   }
   .mainvisual__text{
      width: 50%;
      background: #fff;
      margin: 0;
      padding: 8rem 6rem 6rem;
   }
   .mainvisual__text .badge {
      top: 60px;
      right: auto;
      left: -50px;
      width: 100px;
   }
   .mainvisual-catch{
      font-size: 1.8rem;
   }
   .mainvisual-tit{
      font-size: 3rem;
      margin: 1.5rem 0;
   }
   .mainvisual-symptoms span{
      padding: 0.4rem 1.4rem;
      font-size: 1.6rem;
   }
   .mainvisual-price{
      padding-bottom: .5rem;
   }
   .mainvisual-price dt{
      top: -1rem;
   }
   .mainvisual-price dd{
      font-size: 2.2rem;
      padding: 3rem 0 2rem;
      border: 2px solid var(--color-main);
   }
   .mainvisual-price dt span{
      font-size: 1.6rem;
   }
   
}
@media screen and (min-width: 1160px) {
   .mainvisual__inner{
      width: 1100px;
   }
   .mainvisual-tit{
      font-size: 3.6rem;
   }
   .mainvisual-price dd{
      font-size: 2.5rem;
   }
}

/*===============================================
   main
===============================================*/

/* jisseki
-------------------------------------*/
.jisseki{
   position: relative;
   text-align: center;
   margin: 6rem 2rem 2rem;
   padding: 3rem 3rem 2rem;
   border: 3px solid var(--color-main);
}
.jisseki__tit{
   display: block;
   position: absolute;
   top: -3rem;
   left: 0;
   right: 0;
   margin: auto;
   text-align: center;
}
.jisseki__tit span{
   position: relative;
   display: inline-block;
   padding: 0 1.2em;
   background: #fff;
   font-size: 1.6rem;
   line-height: 1.5;
}
.jisseki__tit span:before,
.jisseki__tit span:after {
   position: absolute;
   display: inline-block;
   content: "";
   background: var(--color-main);
   width: 2px;
   height: 2.2em;
   margin-top: -.2em;
   vertical-align: middle;
   bottom: 0;
}
.jisseki__tit span:before {
   left: .7em;
   transform: rotate(-35deg);
}
.jisseki__tit span:after {
   right: .7em;
   transform: rotate(35deg);
}
.jisseki__kenssuu{
   width: 80%;
   margin: auto auto 1rem;
}
.jisseki__list{
   display: flex;
   justify-content: center;
   margin: 0;
   padding: 0 1rem;
}
.jisseki__list li{
   list-style: none;
   margin: 0 .2rem;
}

@media screen and (min-width: 768px) {
   .jisseki{
      display: flex;
      align-items: center;
      justify-content: center;
      margin: 8rem 2rem 2rem;
   }
   .jisseki__tit span{
      font-size: 2.4rem;
      padding: 0 1.8em;
   }
   .jisseki__tit span:before{
      left: .7em;
      bottom: -.7rem;
   }
   .jisseki__tit span:after{
      right: .7em;
      bottom: -.7rem;
   }
   .jisseki__kenssuu{
      width: auto;
   }
   .jisseki__tit span br{
      display: none;
   }
   .jisseki__kenssuu{
      width: 280px;
      margin: 0;
   }
   .jisseki__list li{
      width: 100px;
   }
}

/* banner
-------------------------------------*/
.banner{
   position: relative;
   margin: 0 2rem;
   padding-top: 2rem;
   background: url("../img/bg_dotted.png") center;
   background-size: 5%;
   text-align: center;
}
.banner::after{
   content: "";
   display: block;
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   background: #ffd7d6;
   z-index: -1;
}
.banner__tit{
   position: relative;
   margin: 0;
   display: inline-block;
}
.banner__tit:before,
.banner__tit:after {
   position: absolute;
   display: inline-block;
   content: "";
   background: var(--color-main);
   width: 2px;
   height: 1.5em;
   vertical-align: middle;
   bottom: 0;
}
.banner__tit:before {
   left: -1em;
   transform: rotate(-35deg);
}
.banner__tit:after {
   right: -1em;
   transform: rotate(35deg);
}
.banner__list{
   padding: 0 2rem 1rem;
}
.banner__itm{
   margin: 1.5rem 0;
   box-shadow: 0px 5px 10px rgba(0,0,0,0.08);
   border: 2px solid #f06c68;
}
@media screen and (min-width: 768px) {
   .banner{
      padding-top: 3rem;
      background-size: 4%;
   }
   .banner__list{
      display: flex;
      padding: 2rem 3rem 3rem;
   }
   .banner__itm{
      margin: 0 1rem;
   }
}


/* first
-------------------------------------*/
.first{
   text-align: center;
   padding: 4rem 2rem;
}
.first__tit{
   margin: 0;
   color: var(--color-main);
}
.page-link{
   display: flex;
   justify-content: space-between;
   flex-wrap: wrap;
   margin: 0;
   padding: 0;
}
.page-link li{
   list-style: none;
   width: 49%;
   margin: .3rem 0;
}
.page-link li a{
   display: block;
   padding: 1.4rem 0;
   border-radius: 5rem;
   text-decoration: none;
   font-weight: 600;
   font-size: 1.3rem;
   color: var(--color-main);
   border: 1px solid var(--color-main);
   background: url("../img/icon_arrow.png") no-repeat 94% center;
   background-size: 12px;
}
@media screen and (min-width: 768px) {
   .first__tit{
      font-size: 3rem;
      line-height: 1.5;
   }
   .page-link{
      width: 600px;
      margin: 3rem auto;
   }
   .page-link li a{
      font-size: 1em;
   }
}

/* space-img
-------------------------------------*/
@media screen and (min-width: 768px) {
   .space-img{
      height: 350px;
   }
   .space-img img{
      width: 100%;
      object-fit: cover;
   }
}

/* nayami
-------------------------------------*/
.nayami{
   position: relative;
   text-align: center;
   padding: 4rem 2rem 9rem;
   background: var(--color-bg-main);
}
.nayami__hito{
   position: absolute;
   left: 0;
   right: 0;
   bottom: -2.5rem;
   margin: auto;
   width: 75px;
}
.nayami__tit{
   margin: 0 0 2rem;
   font-size: 2.1rem;
   color: var(--color-main);
}
.nayami__tit span{
   display: block;
   font-size: 1.6rem;
   font-weight: 700;
}
.nayami__list{
   margin: 0;
   padding: 0;
   list-style: none;
}
.nayami__item{
   overflow: hidden;
   padding: .5rem 0;
}
.nayami__item p{
   position: relative;
   width: 86%;
   float: left;
   background: #fff;
   border-radius: 5rem;
   padding: .7rem 1rem;
   margin: 0;
   display: inline-block;
   font-weight: 700;
   line-height: 1.4;
   color: var(--color-main);
   border: 2px solid var(--color-main);
}
.nayami__item p:before,
.nayami__item p:after {
   position: absolute;
   display: inline-block;
   content: "";
   vertical-align: middle;
}
.nayami__item p:before {
   width: 2px;
   height: .8em;
   left: 3rem;
   bottom: -.8rem;
   z-index: 1;
   transform: rotate(30deg);
   background: var(--color-main);
}
.nayami__item p:after {
   width: 1.4rem;
   height: .3rem;
   left: 2.5rem;
   bottom: -.2rem;
   background: #fff;
}
.nayami__item:nth-child(even) p{
   float: right;
}
.nayami__item:nth-child(even) p:before{
   transform: rotate(-30deg);
   left: auto;
   right: 3rem;
}
.nayami__item:nth-child(even) p:after{
   left: auto;
   right: 2.5rem;
}
.nayami__item.check span::before{
   position: absolute;
   left: 0;
   top: -.6rem;
   z-index: 1;
   display: block;
   padding: .2rem .7rem;
   content: "CHECK";
   color: #fff;
   letter-spacing: 1px;
   font-size: 1.1rem;
   border-radius: 5rem;
   background: var(--color-accent);
}

@media screen and (min-width: 768px) {
   .nayami{
      padding: 5rem 2rem 12rem;
   }
   .nayami__tit{
      font-size: 3.4rem;
      line-height: 1.5;
   }
   .nayami__tit span{
      font-size: 2.5rem;
   }
   .nayami__list{
      width: 640px;
      margin: auto;
   }
   .nayami__item {
      padding: 0.8rem 0;
   }
   .nayami__item p{
      width: 80%;
      padding: 1.2rem 1rem;
      font-size: 1.08em;
   }
   .nayami__item p:before{
      left: 3.5rem;
   }
   .nayami__item:nth-child(even) p:before{
      left: auto;
      right: 3.5rem;
   }
   .nayami__item p:after{
      left: 3rem;
   }
   .nayami__item:nth-child(even) p:after {
      left: auto;
      right: 3rem;
   }
   .nayami__hito{
      width: 100px;
   }
}
/* jirei
-------------------------------------*/
.jirei{
   position: relative;
   padding: 6rem 0;
   overflow: hidden;
}
.jirei::after{
   position: absolute;
   left: 0;
   bottom: 0;
   width: 100%;
   height: 60%;
   z-index: -1;
   display: block;
   content: "";
   background: var(--color-bg-sub);
}
.jirei__hito{
   position: absolute;
   right: 2rem;
   bottom: 1rem;
   margin: auto;
   width: 75px;
}
.jirei__kenssuu{
   width: 60%;
   margin: auto;
}
.jirei__tit{
   text-align: center;
   line-height: 1.4;
   font-weight: 800;
   font-size: 2.2rem;
   color: var(--color-main);
   margin: 1rem 0 1.5rem;
}
.jirei__slide{
   position: relative;
   display: none;
}
.jirei__slide.slick-initialized{
   display: block;
}
.jirei__slide::before{
   position: absolute;
   top: 44%;
   right: 9%;
   z-index: 1;
   content: "";
   display: block;
   width: 26px;
   height: 33px;
   background: url("../img/kirakira.png") no-repeat center;
   background-size: cover;
}
.jirei__slide .slick-slide{
   margin: 0 7px;
}
.jirei__item{
   background: #fff;
   box-shadow: 0px 8px 5px 0px rgba(0, 0, 0, 0.05);
}
.jirei__item figure{
   position: relative;
   margin: 0;
}
/*
.jirei__item figure::after{
   position: absolute;
   top: 50%;
   left: 50%;
   margin:  -7px 0 0 -7px;
   content: "";
   width: 0;
   height: 0;
   border-style: solid;
   border-right: 15px solid transparent;
   border-left: 15px solid transparent;
   border-top: 15px solid var(--color-main);
   border-bottom: 0;
}
*/
.jirei-img{
   position: relative;
}
.jirei-img::before{
   position: absolute;
   left: 0;
   top: 0;
   display: block;
   color: #fff;
   font-size: .9em;
   width: 5em;
   text-align: center;
}
.jirei-img.before::before{
   content: "BEFORE";
   background: var(--color-main);
}
.jirei-img.after::before{
   content: "AFTER";
   background: var(--color-accent);
}
.jirei__item-text{
   padding: 1.8rem;
}
.jirei__item-text .title{
   margin: 0;
   font-weight: 700;
   font-size: 1.1em;
   color: var(--color-main);
}
.jirei__item-text .naiyo{
   margin: .5em 0;
}
.jirei__item-text .kakaku{
   margin: 0;
}

@media screen and (min-width: 768px) {
   .jirei{
      padding: 7rem 0 5rem;
   }
   .jirei__inner{
      position: relative;
      overflow: hidden;
      padding: 0 1.2rem 3rem;
      width: 1000px;
   }
   .jirei__hito{
      right: 0;
      bottom: 2rem;
      width: 80px;
   }
   .jirei__kenssuu{
      width: 250px;
   }
   .jirei__tit{
      font-size: 3rem;
      margin: 2.5rem 0 2.5rem
   }
   .jirei__slide::before{
      right: 0;
      width: 40px;
      height: 50px;
   }
   .jirei__slide .slick-slide {
      margin: 0 15px;
   }
   .jirei__item figure::after{
      margin:  -10px 0 0 -10px;
      border-right: 20px solid transparent;
      border-left: 20px solid transparent;
      border-top: 20px solid var(--color-main);
   }
   .jirei__item-text{
      padding: 2.5rem;
   }
   .jirei__item-text .title{
      font-size: 1.1em;
   }
   .jirei__item-text .naiyo {
      font-size: 1.6rem;
   }
   .jirei__item-text .kakaku {
      font-size: 1.6rem;
   }
}

/* price
-------------------------------------*/
.price{
   padding: 3rem 2rem;
   text-align: center;
   background: var(--color-bg-sub);
}
.price__tit{
   color: var(--color-main);
   font-size: 2.2rem;
   margin: 0;
}
.price__table table {
   width: 440px;
   background: #fff;
}
.price__table table th,
.price__table table td{
   line-height: 1.3;
   font-size: 1.5rem;
   padding: 1.4rem .6rem;
   border: 1px solid var(--color-main);
}
.price__table table th{
   background: var(--color-bg-main);
}
.price__table table tbody th{
   text-align: left;
}
.price__table table tbody td{
   font-size: 1.6rem;
}
.price__table table td .tax{
   font-size: 1.3rem;
}
.price__text{
   margin-top: 3rem;
}
.price__tit02{
   color: var(--color-main);
   font-size: 1.6rem;
   text-align: left;
   padding: 0 0 1rem;
   margin: 0 0 1rem;
   border-bottom: 1px solid var(--color-main);
}
.price__text ul{
   margin: 0;
   padding: 0;
   text-align: left;
}
.price__text li{
   position: relative;
   list-style: none;
   padding-left: 1em;
   margin: .5rem 0;
}
.price__text li::before{
   position: absolute;
   top: .7em;
   left: 0;
   content: "●";
   font-size: .9rem;
   color: var(--color-main);
}
.price__banner{
   margin-top: 5rem;
}
.price__banner-item{
   margin-bottom: 2rem;
}
.price__banner-item p{
   margin: .4em 0 0;
   text-align: left;
   font-size: .9em;
}
@media screen and (min-width: 768px) {
   .price {
      padding: 0 2rem 8rem;
   }
   .price__tit{
      font-size: 2.8rem;
   }
   .price__table table{
      width: 100%;
   }
   .price__table table th,
   .price__table table td{
      font-size: 1.8rem;
      padding: 1.4rem 1.5rem;
   }
   .price__table table tbody td{
      font-size: 1.8rem;
   }
   .price__tit02{
      font-size: 2.2rem;
      margin: 0 0 1.5rem;
   }
   .price__text {
       margin-top: 5rem;
   }
   .price__banner{
      display: flex;
      justify-content: space-between;
   }
   .price__banner-item{
      width: 48%;
   }
}

/* voice
-------------------------------------*/
.voice{
   padding: 5rem 0 8rem;
   text-align: center;
   overflow: hidden;
}
.voice__tit{
   color: var(--color-main);
   font-size: 2.2rem;
   margin: 0 0 2rem;
}
.voice__tit-sub{
   font-size: 1.6rem;
   font-weight: 800;
   color: var(--color-accent);
   margin: 0 0 .3em;
}
.voice__slide{
   display: none;
}
.voice__slide.slick-initialized{
   display: block;
}
.voice__slide .slick-slide{
   margin: 0 .8rem;
}
.voice__slide .slick-arrow{
   top: 45%;
}
.voice__item{
   text-align: left;
   padding: 2rem 2.2rem;
   border-radius: 2rem;
   background: #fff;
   border: 3px solid var(--color-bg-main);
   box-shadow: 0px 8px 5px 0px rgba(0, 0, 0, 0.05);
}
.voice__item .place{
   margin: 0;
}
.voice__item .title{
   margin: .5em 0;
   font-size: 1.1em;
   font-weight: 800;
}
.voice__item .naiyou{
   margin: 0;
}
.voice__item .goods{
   margin: 1.2em 0 0;
   padding: 1em 0 0;
   color: var(--color-accent);
   border-top: 1px dashed #aaa;
}
@media screen and (min-width: 768px) {
   .voice {
      padding: 6rem 0 8rem;
   }
   .voice__wrap{
      width: 1000px;
      padding: 0 1.2rem;
      margin: auto;
      padding-bottom: 2rem;
      overflow: hidden;
   }
   .voice__tit{
      font-size: 3rem;
      margin: 0 0 3rem;
   }
   .voice__tit-sub{
      font-size: 2.2rem;
      margin: 0;
   }
   .voice__slide .slick-slide {
      margin: 0 1.4rem;
   }
   .voice__item{
      font-size: 1.6rem;
      line-height: 1.6;
      padding: 2.6rem 3rem 3rem;
   }
   .voice__item .goods{
      font-size: 1.5rem;
   }
}
/* actions
-------------------------------------*/
.actions{
   padding: 5rem 2rem 4rem;
   position: relative;
   text-align: center;
   background: var(--color-bg-sub);
}
.actions__icon{
   position: absolute;
   top: -40px;
   left: 0;
   right: 0;
   margin: auto;
   border-radius: 100%;
   width: 90px;
   height: 90px;
   display: flex;
   justify-content: center;
   align-items: center;
   background: var(--color-bg-sub);
}
.actions__icon img{
   width: 45%;
}
.actions__tit{
   color: var(--color-main);
   font-size: 2.2rem;
   margin: 0;
}
.actions__tit+p{
   margin: .2em 0 2rem;
}
.actions__tel{
   padding: 1rem 0;
   margin: 2.5rem 0 .5rem;
   background: #fff;
   color: var(--color-main);
   border: 1px solid var(--color-main);
}
.actions__tel .phone{
   font-size: 2.5rem;
}
.actions__tel .phone span{
   font-size: 1.8rem;
}
.actions__tel .phone a{
   color: var(--color-main);
   text-decoration: none;
}
.actions__tel p{
   margin: 0;
   line-height: 1.4;
}
.actions__notes{
   font-size: .9em;
   text-align: left;
}

@media screen and (min-width: 768px) {
   .actions {
      padding: 8rem 2rem 4rem
   }
   .actions__inner{
      width: 600px;
   }
   .actions__icon{
      width: 120px;
      height: 120px;
   }
   .actions__icon img {
      width: 45%;
   }
   .actions__tit{
      font-size: 3rem;
      position: relative;
      z-index: 1;
   }
   .actions__tel{
      padding: 1.5rem 0;
   }
}

/* about
-------------------------------------*/
.about{
   padding: 5rem 0 0;
   background: var(--color-bg-main);
}
.about__tit{
   text-align: center;
   font-size: 2.2rem;
   margin: 0;
}
.about__inner{
   padding: 0 3rem 4rem;
}
.about__thumb-box{
   height: 40vw;
}
.about__thumb-box img{
   width: 100%;
   height: 100%;
   object-fit: cover;
}
.about__thumb-box.column2{
   display: flex;
   justify-content: space-between;
}
.about__thumb-box.column2 .box-img{
   width: 50%;
}

@media screen and (min-width: 768px) {
   .about__wrap {
      width: 800px;
      margin: auto;
      padding: 2rem 0 8rem;
   }
   .about__inner {
      padding: 0 0 2rem;
   }
   .about__tit{
      font-size: 3rem;
   }
   .about__thumb{
      display: flex;
   }
   .about__thumb-box{
      width: 50%;
      height: 250px;
   }
}

/*===============================================
	footer
===============================================*/
/* pagetop
-------------------------------------*/
.pagetop{
   padding: 3rem 0;
   text-align: center;
   font-weight: 900;
   line-height: 1;
   color: var(--color-main);
   cursor: pointer;
}
.pagetop i{
   position: relative;
   top: .3rem;
   font-size: 1.4em;
   margin-right: .5rem;
}
/* footer
-------------------------------------*/
footer{
   color: #fff;
   text-align: center;
   background: var(--color-main);
   padding-bottom: 10rem;
}
.footer__inner{
   padding: 5rem 2.5rem 0;
}
.footer__info .logo{
   width: 140px;
   margin: auto;
}
.footer__info .address{
   margin: 1em 0;
}
.footer__info-sns{
   display: flex;
   justify-content: center;
   list-style: none;
   margin: 0;
   padding: 0;
}
.footer__info-sns li{
   margin: 0 1rem;
   line-height: 1;
   font-size: 3.5rem;
}
.footer__info-sns li a{
   color: #fff;
}
.footer__conts-btn{
   margin: 3rem 0 0;
   padding: 0;
   list-style: none;
}
.footer__conts-btn li{
   margin: 1rem 0;
}
.footer__conts-btn a{
   padding: .8rem 1rem;
   background: #fff;
   color: var(--color-main);
   font-size: 1.4rem;
   font-weight: 800;
}
.footer__conts-btn a i{
   font-size: 1.8rem;
   margin-right: .8rem;
}
.footer__conts-link{
   margin: 3rem 0;
   padding: 0 0 3rem;
   list-style: none;
   display: flex;
   flex-wrap: wrap;
   justify-content: space-between;
   border-bottom: 1px solid var(--color-bg-main);
}
.footer__conts-link li{
   width: 49%;
   text-align: left;
   font-size: .9em;
   margin: .6rem 0;
}
.footer__conts-link li a{
   color: #fff;
   text-decoration: none;
}
footer .copy{
   font-size: .9em;
}
.floating-banner {
   display: none;
   width: calc(100% / 1.2);
   position: fixed;
   bottom: 1rem;
   right: 1rem;
   z-index: 999;
}
@media screen and (min-width: 768px) {
   footer{
      font-size: 1.6rem;
      padding-bottom: 6rem;
   }
   .footer__conts-btn{
      display: flex;
      justify-content: space-between;
   }
   .footer__conts-btn li {
      width: 49%;
   }
   .footer__conts-btn a{
      font-size: 1.08em;
      padding: 1.4rem 1rem;
   }
   .floating-banner {
      display: none;
      width: 400px;
   }
}