/*コンテンツスタート*/
#site-content{
  width:100%;
}
/*slickスタート*/
#top img{
	width: 100%;
    margin:  auto;
}
#top .yks_top{
	position: relative;
	z-index: 1;
	overflow: hidden;
}
.adjust-slide.slick-list.draggable {
	width: 100% !important;
}
.adjust-slide {
	max-width: unset;
	height: auto;
}
#top .yks_top img {
  margin: 0 auto;
  padding-top: 0;
  margin-bottom: 2rem;
  margin-top: 5rem;
}
.slick-slider .slick-track, .slick-slider .slick-list {
  text-align: right;
  margin: 0;
  width: 100% m !important;
}
.slick-slide img {
  display: block;
  max-width: 100%;
  margin:0 auto;
  margin: auto;
  max-height: 100%;
  max-width: 100%;
  object-fit: cover;
  width: 100%;
}
.slick-dots {
  background: none;
  position: absolute;
  bottom: 70px !important;
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
}
.slick-dots li button:before {
  content: '●';
  color: #fff !important;
  font-size: 15px !important;
  opacity: 0.6 !important;
}
.slick-dots li.slick-active button:before{
  opacity: 1 !important;
}
/*slickここまで*/

.top-img{
  z-index: 1;
  position: relative;
  width: 100%;
}
/***************************************************************
　　　　　　　　　　service　サービス内容
****************************************************************/
.orange-back {
  background-image: url(../images/top/orange-back.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  padding: 5rem 0;
  margin-top: -5rem;
}
.service-flex{
  display:flex;
  justify-content: space-between;
  align-items: center;
    max-width: 1000px;
    margin: 2rem auto;
}
.service-flex .title{
  flex-basis: 35%;
}
.service-flex .title h2{
  font-size: 60pt;
    line-height: 100%;
}
.service-flex .title h3{
  font-size: 20pt;
  position: relative;
  padding-left: 15px;
}
.service-flex .title h3 .orange-point:before{
  content:"";
  position: absolute;
  background: #f29600;
  width: 10px;
  height:30px;
  border-radius: 5px;
  top: 5px;
  left:0;
}
.service-flex .text{
  flex-basis: 42%;
}
.service-button-flex{
  display:flex;
  justify-content: space-between;
  align-items: center;
  max-width: 800px;
  margin: 0 auto;
  gap:30px;
}
.service-button-flex section{
  flex-basis: 40%;
}
.service-button-flex section .icon{
  flex-basis: 15%;
}
/***************************************************************
　　　　　　　　　　金丸　追加分
****************************************************************/
.service-button-flex section .icon_01{
  flex-basis: 25%;
}
.service-button-flex section .icon_03{
  flex-basis: 30%;
}


.cls-1{
  fill:#f29600 !important;
}
.service-button-flex section:hover{
  fill:#fff !important;
  transition:.1s;
}
.service-button-flex section a.btn_01{
  height:8rem;
  border-radius: 10px;
}
.service-button-flex section:hover .cls-1{
  fill:#fff !important;
  transition:.1s;
}
/***************************************************************
　　　　　　　　　　Adjust gym
****************************************************************/
.gym-back{
  background-image: url(../images/top/gym-back.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  padding: 5rem 0;
}
.gym-wrap{
  max-width: 450px;
  margin-left:8rem;
}
.gym-wrap h2 img{
  width: 100%;
}
.gym-wrap p{
  color:#fff;
}
.gym-wrap section{
  margin:3rem 0;
}
.gym-wrap section a.btn_02{
  position: relative;
  max-width: 300px;
}
.gym-wrap svg{
 width: 8%;
 position: absolute;
 top:1rem;
 right:1rem;
 fill:#fff  !important;
}
.gym-wrap section a.btn_02:hover .cls-2{
  fill:#f29600  !important;
  transition: .1s;
 }
@media screen and (max-width:480px){
  .miyasun-tabiiro-bunner img{
    width:100%;
    padding-bottom: 5rem;
}
}
/***************************************************************
　　　　　　　　　　Custemer's Voice お客様からの声
****************************************************************/
.cream-back{
  background: #ffe5ce;
  padding: 3rem 0;
}
.voice-contents{
  margin:0 auto;
}
.voice-flex{
  max-width: 1000px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.voice-flex .title{
  display: flex;
  justify-content: center;
}
.voice-flex .title h2{
  font-size: 70pt;
    line-height: 100%;
    background: #fff;
    border: 2px solid #000;
    border-radius: 10px;
    padding: 1.5rem;
}
.voice-flex .title h3 {
  font-size: 20pt;
    position: relative;
    padding-left: 15px;
    margin-top: 10rem;
    margin-left: -17rem;
}
.voice-flex .title h3 .orange-point:before {
  content: "";
  position: absolute;
  background: #f29600;
  width: 10px;
  height: 30px;
  border-radius: 5px;
  top: 5px;
  left: -5px;
}
.voice-flex .title{
  flex-basis: 70%;
}
.voice-flex .yellow-text{
  flex-basis: 30%;
  position: relative;
  margin-left: 4rem;
  margin-top: 3rem;
}
.voice-flex .yellow-text p{
  text-align: center;
    padding: 1.5rem;
    border-radius: 10px;
    background: #fff000;
}
.voice-flex .yellow-text img{
  position: absolute;
  width: 30%;
  top: 0;
  right: -3rem;
}
.voice-wrap{
    max-width: 1000px;
    margin-top: -12rem;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    justify-content: center;
    background: #fff;
    border: 2px solid #000;
    border-radius: 10px;
    padding-top: 18rem;
    padding-bottom: 3rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}
.customer img {
  width: 15%;
  position: absolute;
  top: auto;
  right: 2rem;
}
.voice-wrap .voice-text{
  flex-basis: 45% ;
}
.voice-wrap p.voice {
  font-family: 'M PLUS Rounded 1c', sans-serif;
font-family: 'Zen Maru Gothic', serif;
font-weight: bold;
  border-bottom: 2px dashed #f29600;
  padding: 0.5rem;
  margin:0.5rem;
}
.voice-wrap p.voice02 {
  font-family: 'M PLUS Rounded 1c', sans-serif;
font-family: 'Zen Maru Gothic', serif;
font-weight: bold;
  border-bottom: 2px dashed #f29600;
  padding: 1.3rem;
  margin:0.5rem;
}
/***************************************************************
　　　　　　　　　　YouTube
***************************************************************/
.youtube-back{
  background: #231815;
  padding: 3rem 0;
}
.youtube-wrap .title {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  padding: 2rem 0;
}
.youtube-wrap .title h2{
  font-size: 60pt;
  text-align: center;
  line-height: 100%;
  color: #fff;
}
.youtube-box{
  max-width: 1000px;
  margin:0 auto;
  padding: 1rem;
}
.youtube-flex{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  max-width: 1000px;
  margin:0 auto;
}
.youtube-flex  div{
  flex-basis:50%;
  padding: 1rem;
}
.youtube-wrap section{
  margin:3rem 0;
}
.youtube-wrap section a.btn_01{
  position: relative;
  max-width: 300px;
  margin: 0 auto;
}
.youtube-wrap svg{
 width: 8%;
 position: absolute;
 top:1rem;
 right:1rem;
 fill:#f27500  !important;
}
.youtube-wrap section a.btn_01:hover .cls-3{
  fill:#fff  !important;
  transition: .1s;
 }
 .youtube-flex02{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  max-width: 1000px;
  margin:0 auto;
}
.youtube-flex02  div{
  flex-basis:10%;
}
.youtube-flex02  section{
  flex-basis:50%;
}
/***************************************************************
　　　　　　　　　　instagram
　　　　　　　　　　*********************************************/
.instagram-wrap .title {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 2rem 0;
}
.instagram-wrap .title h2{
  font-size: 60pt;
  text-align: center;
  line-height: 100%;
  color: #f27500;
}
.instagram-flex{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  max-width: 800px;
  margin:0 auto;
}
.instagram-flex  div{
  flex-basis:30%;
  padding: 1rem;
}
.instagram-wrap section{
  margin:3rem 0;
}
.instagram-wrap section a.btn_01{
  position: relative;
  max-width: 300px;
  margin: 0 auto;
}
.instagram-wrap svg{
 width: 8%;
 position: absolute;
 top:1rem;
 right:1rem;
 fill:#f27500  !important;
}
.instagram-wrap section a.btn_01:hover .cls-3{
  fill:#fff  !important;
  transition: .1s;
 }

/***************************************************************
　　　　　　　　　　note　
**************************************************************/

.note {
  display: block;
  margin: 0 auto;
  width:650px;
  height: auto;
  padding: 0 0 5rem 5rem;
}


/***************************************************************
　　　　　　　　　　会社概要 company　
**************************************************************/
.service-flex svg{
  width: 8%;
  position: absolute;
  top:1rem;
  right:1rem;
  fill:#f27500  !important;
 }
 .service-flex section a.btn_01{
  max-width: 300px;
 }
 .service-flex section a.btn_01:hover .cls-3{
   fill:#fff  !important;
   transition: .1s;
  }
  .service-flex .title h3 .white-point:before{
    content:"";
    position: absolute;
    background: #fff;
    width: 10px;
    height:30px;
    border-radius: 5px;
    top: 5px;
    left:0;
  }
/***************************************************************
　　　　　　　　　　accsee アクセス
　　　　　　　　　　*********************************************/
.orange-back02{
  background:#f29600;
  padding:3rem 0;
}
.title p{
  margin-top:2rem;
}
span.white{
  font-size:1.2rem;
  color:#fff;
}
/***************************************************************
　　　　　　　　　　Contact  お問い合わせ
　　　　　　　　　　*********************************************/
.black-back{
  background:#231815;
  padding:3rem 0;
}
.contact-flex{
  display:flex;
  justify-content: space-between;
  align-items: center;
    max-width: 1000px;
    margin: 2rem auto;
}
.contact-flex .title{
  flex-basis: 50%;
}
.contact-flex .text{
  flex-basis: 40%;
}
.contact-flex .title h2{
  font-size: 40pt;
    line-height: 100%;
    color:#fff;
}
.contact-flex .title h3{
  font-size: 20pt;
  position: relative;
  padding-left: 15px;
  color:#fff;
}
.contact-flex .title h3 .orange-point:before{
  content:"";
  position: absolute;
  background: #f29600;
  width: 10px;
  height:30px;
  border-radius: 5px;
  top: 5px;
  left:0;
}
.contact-flex section a.btn_01{
  max-width: 300px;
 }
 .contact-flex section a.btn_01:hover .cls-3{
   fill:#fff  !important;
   transition: .1s;
  }
  .contact-flex svg{
    width: 8%;
    position: absolute;
    top:1rem;
    right:1rem;
    fill:#fff  !important;
   }
 /***************************************************************
  　　　　　　　　　　スマホ版　全体のCSS
  　　　　　　　　　　*********************************************/
  @media screen and (max-width: 480px){
    body{
      margin-top: -2rem;
    }
    #site-header .header-titles img.logo {
    width: 100% ;
    margin: 0 !important;
    padding: 0 !important;
  }
#top .yks_top img {
    margin: 0 auto;
    padding-top: 5rem;
}
  .adjust_list_logo img {
    width: 50%;
    margin: 0 auto;
}
.service-flex {
  display: block;
  max-width: 310px;
}
.service-button-flex {
  display: block;
  max-width: 310px;
}
.service-button-flex section a.btn_01 {
  height: 5rem;
  margin: 2rem 0;
}
.gym-wrap {
  max-width: 310px;
  margin: 0 auto;
}
.gym-back {
  background: #f29600;
  padding: 5rem 0;
}
.voice-flex {
    max-width: 310px;
    margin: 0 auto;
    display: block;
}
.voice-flex .title {
    display: block;
}
.voice-flex .title h2 {
    font-size: 35pt;
}
.voice-flex .title h3 {
    font-size: 16pt;
    position: relative;
    padding-left: 10px;
    margin-top: -3.8rem;
    margin-left: 10rem;
}
.customer img {
    width: 40%;
    position: absolute;
    top: auto;
    right: 6rem;
}
.voice-flex .yellow-text {
    flex-basis: 30%;
    position: relative;
    margin: 2rem;
}
.voice-flex .yellow-text p {
    text-align: center;
    padding: 1.5rem;
    border-radius: 10px;
    background: #fff000;
    margin-top: 10rem;
}
.voice-wrap {
    max-width: 310px;
    margin-top: -18.5rem;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    display: block;
    justify-content: center;
    background: #fff;
    border: 2px solid #000;
    border-radius: 10px;
    padding-top: 18rem;
    padding-bottom: 3rem;
    padding-left: 1rem;
    padding-right: 1rem;
}
.youtube-wrap .title h2 {
    font-size: 40pt;
}
.service-flex .title h2 {
    font-size: 40pt;
    line-height: 100%;
}
.youtube-wrap .title {
    max-width: 350px;
}
.youtube-flex {
    display: block;
    max-width: 310px;
    width: 100%;
    margin: 0 auto;
}
.youtube-flex02 {
    max-width: 310px;
  }
.youtube-flex02 div {
    flex-basis: 20%;
}
.instagram-wrap .title h2 {
    font-size: 40pt;
}
.note {
  margin: 0 auto;
  width:100%;
  height: auto;
  padding: 0 1rem 2rem 3.5rem;
}
.contact-flex {
    display: block;
    max-width: 310px;
    margin: 2rem auto;
}
section {
    margin: 2rem 0;
}
  }