@media only screen and (max-width: 750px) {
html{
  font-size: 10px;
}

li{
  list-style-type: none;
  text-align: center;
  border-style: none;
}

section{
  margin: 50px auto;
}

body{
  margin: 0;
}

.clearfix::after {
    content: "";
    display: block;
    font-size: 0;
    clear: both;
}

.Fleft{
  float: left !important;
}

/*==============================

header Section

================================*/
.main{
  background-image: url(../../img/SP/TOP_SMP_header_bg.png);
  background-repeat: no-repeat;
  background-size: 100%;
  width: 100%;
  min-height: 800px;
  margin: 0;
  text-align: center;
}

.main #layer{
  visibility: hidden;
}

.icon{
  width: 100%;
  text-align: center;
}

.icon li{
  display: inline-block;
}

#hoken_logo{
  text-align: center;
  margin-top: 20px;
}

#menu_icon{
  margin-left: 35%;
  cursor: pointer;
  background-color: rgba(255,255,255,0);
}

.main h1{
  margin: 40px auto;
}

/*==============================

共通設定　　申し込みボタン、文字

================================*/

.top-text{
  color: #fff;
  line-height: 175%;
/*  font-size: 4.5rem;  */
  letter-spacing: 5px;
  font-weight: 500;
  top: 120px;
}

.recommend-area{
  color: #fff;
/*  font-size: 3.2rem;  */
}

.recommend ul{
  padding: 0;
}

.recommend li{
  background-color: rgba(255,255,255,0.15);
  border: solid #fff 2px;
  width: 66%;
  height: 70px;
  letter-spacing: 5px;
  margin: 30px 17%;
  font-weight: 500;
  padding-top: 15px;

font-size: 3.2rem;
}

.recommend-pt{
  background-color: rgba(255,255,255,0.15);
  border: solid #fff 2px;
  width: 66%;
  height: 70px;
  letter-spacing: 5px;
  margin: 30px 17%;
  font-weight: 500;
  padding-top: 15px;

  font-size: 3.2rem;
}

.application{
  width: 75%;
  line-height: 340%;
  font-size: 3.6rem;
  font-weight: 600;
  color: #fff;
  background-color: #20b2aa;
  letter-spacing: 5px;
  border-style: none;
  margin: 50px 12.5%;
  cursor: pointer;
  vertical-align: bottom;
}

.title{
  text-align: center;
  font-size: 3.5rem;
  line-height: 250%;
  border-bottom: solid 2px #cacaca;
  letter-spacing: 6px;
  width: 80%;
  margin: 50px auto;
  margin-bottom: 0;
  color: #444;
  text-decoration: none;
  font-weight: 600;
}

.sub{
  text-align: center;
  font-size: 3rem;
  letter-spacing: 6px;
  color: #444;
  margin-top: 30px;
  margin-bottom: 25px;
  text-decoration: none;
  font-weight: 600;
}

.Green{
  text-align: center;
  color: rgb(143,195,31);
  margin-top: 0;
  margin-bottom: 20px;
  font-size: 3.6rem;
  letter-spacing: 12px;
  font-weight: 600;
}

.supplement{
  text-align: center;
  color: #444;
  letter-spacing: 4px;
  font-size: 2.6rem;
  margin-top: 0;
  font-weight: 600;
}

.note{
  text-align: center;
  font-size: 2.8rem;
  color: #555;
  font-weight: 400;
}

/*==============================

voice Section

================================*/

.swiper-container-sp{
  margin: 10px 0 30px;
  padding: 50px auto;
  border-top: 1px solid #777;
  width: 100%;
  border-bottom: 1px solid #777;
}

.swiper-wrapper{
  border-top: 1px solid #666;
  width: 100%;
  border-bottom: 1px solid #666;
}


.swiper-slide img{
  margin: 20px auto 50px;
}

.muji{
  margin-bottom: 50px;
  margin-left: auto;
  margin-right: auto;
}

.muji{
  text-align: center;
  margin: 10px auto;
}

.muji .bottom{
  margin: 0 auto;
}

.appear-wrap{
  color: #fff !important;
  width: 66%;
  margin: 50px auto;
  text-align: center;
  vertical-align: bottom;
  line-height: 350%;
  background-color: #999;
  border-style: none;
  letter-spacing: 5px;
  font-size: 3.6rem;
  font-weight: 600;
}

.appeal{
  margin-top: 50px;
  margin-bottom: 80px;
}

/*==============================

service Section

================================*/
.Service1{
  background-image: url(../../img/SP/TOP_SMP_service01.jpg);
}


.Service2{
  background-image: url(../../img/SP/TOP_SMP_service02.jpg);
}


.Service3{
  background-image: url(../../img/SP/TOP_SMP_service03.jpg);
}


.Service4{
  background-image: url(../../img/SP/TOP_SMP_service04.jpg);
}


.Service5{
  background-image: url(../../img/SP/TOP_SMP_service05.jpg);
}

.service_L{
  width: 100%;
  height: 600px;
  font-weight: 100;
  letter-spacing: 4px;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-size: 100%;
  margin: 0;
}

.service_L .section_title{
  width: 27%;
  text-align: center;
  background-color: #fff;
  opacity: 0.6;
  border-style: none;
  vertical-align: middle;
  text-align: center;
  font-size: 2.4rem;
  line-height: 250%;
  margin-left: 30px;
  margin-top: 0;
}

.service_L .section_lead{
  text-align: left;
  color: #fff;
  margin-top: 50px;
  margin-bottom: 50px;
  margin-left: 30px;
  font-size: 3.2rem;
  letter-spacing: 5px;
  line-height: 1.6em;
}

.service_L .txt{
  text-align: left;
  margin-left: 30px;
  color: #fff;
  font-size: 2.8rem;
}

.service_R{
  width: 100%;
  height: 600px;
  letter-spacing: 4px;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-size: 100%;
  margin: 0;
}

.service_R .section_title{
  width: 27%;
  text-align: center;
  background-color: #fff;
  opacity: 0.6;
  border-style: none;
  vertical-align: middle;
  text-align: center;
  font-size: 2.4rem;
  line-height: 250%;
  margin-top: 0;
  margin-left: 69%;
  margin-bottom: 50px;
}

.service_R .section_lead{
  text-align: right;
  color: #fff;
  margin-bottom: 70px;
  margin-right: 30px;
  font-size: 3.2rem;
  letter-spacing: 5px;
  line-height: 1.6em;
}

.service_R .txt{
  text-align: right;
  margin-right: 30px;
  color: #fff;
  font-size: 2.8rem;
}

.wall{
  padding-top: 50px;
}

#service-section .appear-wrap img{
  margin-bottom: -10px;
}
/*==============================

swiper

================================*/
.swiper-container-sp{
  margin-left:auto;
  margin-right:auto;
  position:relative;
  overflow:hidden;z-index:1;
  }

.swiper-container-no-flexbox .swiper-slide{
  float:left;
  }

.swiper-container-vertical>.swiper-wrapper{
  -webkit-box-orient:vertical;
  -moz-box-orient:vertical;
  -ms-flex-direction:column;
  -webkit-flex-direction:column;
  flex-direction:column;
  }

.swiper-wrapper{
  position:relative;
  width:100%;
  height:100%;
  z-index:1;
  display:-webkit-box;
  display:-moz-box;
  display:-ms-flexbox;
  display:-webkit-flex;
  display:flex;
  -webkit-transition-property:-webkit-transform;
  -moz-transition-property:-moz-transform;
  -o-transition-property:-o-transform;
  -ms-transition-property:-ms-transform;
  transition-property:transform;
  -webkit-box-sizing:content-box;
  -moz-box-sizing:content-box;
  box-sizing:content-box;
  text-align: center;
  }

.swiper-container-android .swiper-slide,.swiper-wrapper{
  -webkit-transform:translate3d(0,0,0);
  -moz-transform:translate3d(0,0,0);
  -o-transform:translate(0,0);
  -ms-transform:translate3d(0,0,0);
  transform:translate3d(0,0,0);
  }

.swiper-container-multirow>.swiper-wrapper{
  -webkit-box-lines:multiple;
  -moz-box-lines:multiple;
  -ms-flex-wrap:wrap;
  -webkit-flex-wrap:wrap;
  flex-wrap:wrap;
  }

.swiper-container-free-mode>.swiper-wrapper{
  -webkit-transition-timing-function:ease-out;
  -moz-transition-timing-function:ease-out;
  -ms-transition-timing-function:ease-out;
  -o-transition-timing-function:ease-out;
  transition-timing-function:ease-out;
  margin:0 auto;
  }

.swiper-slide{
  -webkit-flex-shrink:0;
  -ms-flex:0 0 auto;
  flex-shrink:0;
  width:100%;
  height:100%;
  position:relative;
  }

.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{
  height:auto;
  }

.swiper-container-autoheight .swiper-wrapper{
  -webkit-box-align:start;
  -ms-flex-align:start;
  -webkit-align-items:flex-start;
  align-items:flex-start;
  -webkit-transition-property:-webkit-transform,height;
  -moz-transition-property:-moz-transform;
  -o-transition-property:-o-transform;
  -ms-transition-property:-ms-transform;
  transition-property:transform,height;
  }

.swiper-container .swiper-notification{
  position:absolute;
  left:0;
  top:0;
  pointer-events:none;
  opacity:0;
  z-index:-1000;
  }

.swiper-wp8-horizontal{
  -ms-touch-action:pan-y;
  touch-action:pan-y;
  }

.swiper-wp8-vertical{
  -ms-touch-action:pan-x;
  touch-action:pan-x;
  }

.swiper-button-next,.swiper-button-prev{
  position:absolute;
  top:55%;
  height:44px;
  width: 30px;
  margin-top:-22px;
  z-index:10;
  -moz-background-size:27px 44px;
  -webkit-background-size:27px 44px;
  background-position:center;
  background-repeat:no-repeat;
  cursor: pointer;
}

.swiper-button-next span{
  vertical-align: middle;
  text-align: right;
  font-size: xx-large;
  margin-left: 15px;
}

.swiper-button-prev span{
  vertical-align: middle;
  text-align: left;
  font-size: xx-large;
  margin-left: 10px;
}

.swiper-button-next,.swiper-container-rtl .swiper-button-prev{
  left:auto;
  right: 1%;
}

.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{
  opacity:.35;
  cursor:auto;
  pointer-events:none;
  }

.swiper-button-prev,.swiper-container-rtl .swiper-button-next{
  left: 1%;
  right:auto;
  }

.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{
  background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
  }

.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{
  background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
  }

.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{
  background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
  }

.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{
  background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
  }

.swiper-pagination{
  position:absolute;
  text-align:center;
  -webkit-transition:.3s;
  -moz-transition:.3s;
  -o-transition:.3s;
  transition:.3s;
  -webkit-transform:translate3d(0,0,0);
  -ms-transform:translate3d(0,0,0);
  -o-transform:translate3d(0,0,0);
  transform:translate3d(0,0,0);
  z-index:10;
  }

.swiper-pagination.swiper-pagination-hidden{
  opacity:0;
  }

.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{
  bottom: 10px;
  left:0;
  width:100%;
  }

.swiper-pagination-bullet{
  width:8px;
  height:8px;
  display:inline-block;
  border-radius:100%;
  background:#fff;
  border: 2px solid #888;
  opacity: 1;
  padding: 2px;
  }

button.swiper-pagination-bullet{
  border:none;
  margin:0;
  padding:0;
  box-shadow:none;
  -moz-appearance:none;
  -ms-appearance:none;
  -webkit-appearance:none;
  appearance:none;
  }

.swiper-pagination-clickable .swiper-pagination-bullet{
  cursor:pointer;
  }

.swiper-pagination-white .swiper-pagination-bullet{
  background:#fff;
  }

.swiper-pagination-bullet-active{
  opacity: 1;
  background: #7a7a7a;
  }

.swiper-pagination-white .swiper-pagination-bullet-active{
  background:#fff;
  }

.swiper-pagination-black .swiper-pagination-bullet-active{
  background:#000;
  }

.swiper-container-vertical>.swiper-pagination-bullets{
  right:10px;
  top:50%;
  -webkit-transform:translate3d(0,-50%,0);
  -moz-transform:translate3d(0,-50%,0);
  -o-transform:translate(0,-50%);
  -ms-transform:translate3d(0,-50%,0);
  transform:translate3d(0,-50%,0);
  }

.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{
  margin:5px 0;
  display:block;
  }

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{
  margin:5px 15px;
  }

.swiper-pagination-progress{
  background:rgba(0,0,0,.25);
  position:absolute;
  }

.swiper-pagination-progress .swiper-pagination-progressbar{
  background:#007aff;
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:100%;
  -webkit-transform:scale(0);
  -ms-transform:scale(0);
  -o-transform:scale(0);
  transform:scale(0);
  -webkit-transform-origin:left top;
  -moz-transform-origin:left top;
  -ms-transform-origin:left top;
  -o-transform-origin:left top;
  transform-origin:left top;
  }

.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar{
  -webkit-transform-origin:right top;
  -moz-transform-origin:right top;
  -ms-transform-origin:right top;
  -o-transform-origin:right top;
  transform-origin:right top;
  }

.swiper-container-horizontal>.swiper-pagination-progress{
  width:100%;
  height:4px;
  left:0;
  top:0;
  }

.swiper-container-vertical>.swiper-pagination-progress{
  width:4px;
  height:100%;
  left:0;
  top:0;
  }

.swiper-pagination-progress.swiper-pagination-white{
  background:rgba(255,255,255,.5);
  }

.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar{
  background:#fff;
  }

.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar{
  background:#000;
  }

.swiper-container-3d{
  -webkit-perspective:1200px;
  -moz-perspective:1200px;
  -o-perspective:1200px;
  perspective:1200px;
  }

.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wr{
  -webkit-transform-style:preserve-3d;
  -moz-transform-style:preserve-3d;
  -ms-transform-style:preserve-3d;
  transform-style:preserve-3d;
  }

.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:100%;
  pointer-events:none;
  z-index:10;
  }

.swiper-container-3d .swiper-slide-shadow-left{
  background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
  background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));
  background-image:-moz-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));
  background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));
  background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0));
  }

.swiper-container-3d .swiper-slide-shadow-right{
  background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
  background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));
  background-image:-moz-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));
  background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));
  background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0));
  }

.swiper-container-3d .swiper-slide-shadow-top{
  background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
  background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));
  background-image:-moz-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));
  background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));
  background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0));
  }

.swiper-container-3d .swiper-slide-shadow-bottom{
  background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
  background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));
  background-image:-moz-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));
  background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));
  background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0));
  }

.swiper-container-coverflow .swiper-wrapper,.swiper-container-flip .swiper-wrapper{
  -ms-perspective:1200px;
  }

.swiper-container-cube,.swiper-container-flip{
  overflow:visible;
  }

.swiper-container-cube .swiper-slide,.swiper-container-flip .swiper-slide{
  pointer-events:none;
  -webkit-backface-visibility:hidden;
  -moz-backface-visibility:hidden;
  -ms-backface-visibility:hidden;
  backface-visibility:hidden;
  z-index:1;
  }

.swiper-container-cube .swiper-slide .swiper-slide,.swiper-container-flip .swiper-slide .swiper-slide{
  pointer-events:none;
  }

.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active,.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{
  pointer-events:auto;
  }

.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top,.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{
  z-index:0;
  -webkit-backface-visibility:hidden;
  -moz-backface-visibility:hidden;
  -ms-backface-visibility:hidden;
  backface-visibility:hidden;
  }

.swiper-container-cube .swiper-slide{
  visibility:hidden;
  -webkit-transform-origin:0 0;
  -moz-transform-origin:0 0;
  -ms-transform-origin:0 0;
  transform-origin:0 0;
  width:100%;
  height:100%;
  }

.swiper-container-cube.swiper-container-rtl .swiper-slide{
  -webkit-transform-origin:100% 0;
  -moz-transform-origin:100% 0;
  -ms-transform-origin:100% 0;
  transform-origin:100% 0;
  }

.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{
  pointer-events:auto;
  visibility:visible;
  }

.swiper-container-cube .swiper-cube-shadow{
  position:absolute;
  left:0;
  bottom:0;
  width:100%;
  height:100%;
  background:#000;
  opacity:.6;
  -webkit-filter:blur(50px);
  filter:blur(50px);
  z-index:0;
  }

.swiper-container-fade.swiper-container-free-mode .swiper-slide{
  -webkit-transition-timing-function:ease-out;
  -moz-transition-timing-function:ease-out;
  -ms-transition-timing-function:ease-out;
  -o-transition-timing-function:ease-out;
  transition-timing-function:ease-out;
  }

.swiper-container-fade .swiper-slide{
  pointer-events:none;
  -webkit-transition-property:opacity;
  -moz-transition-property:opacity;
  -o-transition-property:opacity;
  transition-property:opacity;
  }

.swiper-container-fade .swiper-slide .swiper-slide{
  pointer-events:none;
  }

.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{
  pointer-events:auto;
  }

.swiper-zoom-container{
  width:100%;
  height:100%;
  display:-webkit-box;
  display:-moz-box;
  display:-ms-flexbox;
  display:-webkit-flex;
  display:flex;
  -webkit-box-pack:center;
  -moz-box-pack:center;
  -ms-flex-pack:center;
  -webkit-justify-content:center;
  justify-content:center;
  -webkit-box-align:center;
  -moz-box-align:center;
  -ms-flex-align:center;
  -webkit-align-items:center;
  align-items:center;
  text-align:center;
  }

.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{
  max-width:100%;
  max-height:100%;
  object-fit:contain;
  }

.swiper-scrollbar{
  border-radius:10px;
  position:relative;
  -ms-touch-action:none;
  background:rgba(0,0,0,.1);
  }

.swiper-container-horizontal>.swiper-scrollbar{
  position:absolute;
  left:1%;
  bottom:3px;
  z-index:50;
  height:5px;
  width:98%;
  }

.swiper-container-vertical>.swiper-scrollbar{
  position:absolute;
  right:3px;
  top:1%;
  z-index:50;
  width:5px;
  height:98%;
  }

.swiper-scrollbar-drag{
  height:100%;
  width:100%;
  position:relative;
  background:rgba(0,0,0,.5);
  border-radius:10px;
  left:0;
  top:0;
  }

.swiper-scrollbar-cursor-drag{
  cursor:move;
  }

.swiper-lazy-preloader{
  width:42px;
  height:42px;
  position:absolute;
  left:50%;
  top:50%;
  margin-left:-21px;
  margin-top:-21px;
  z-index:10;
  -webkit-transform-origin:50%;
  -moz-transform-origin:50%;
  transform-origin:50%;
  -webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;
  -moz-animation:swiper-preloader-spin 1s steps(12,end) infinite;
  animation:swiper-preloader-spin 1s steps(12,end) infinite;
  }

.swiper-lazy-preloader:after{
  display:block;
  content:"";
  width:100%;
  height:100%;
  background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;-webkit-background-size:100%;background-size:100%;background-repeat:no-repeat}.swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  }

/*==============================

FAQ Section

================================*/
.FAQSection{
  margin: 140px auto;
}

.FAQSection .appear-wrap img{
  margin-bottom: -10px;
}


.FAQ{
  margin: 30px auto;
}

.FAQ .title{
  margin-bottom: 20px;
}

.accordion{
  border: solid #cacaca 3px;
  margin: 50px 2%;
}

.open_h3{
  border-bottom: solid #cacaca 2px;
  margin-left: 50px;
  margin-right: 50px;
}

.accordion h3 table{
  width: 100%;
  display: inline-block;
  font-size: 40px;
  margin-left: 20px;
}

.question{
  width: 100%;
  margin-right: 30%;
  color: #222;
  font-weight: 500;
}

.Vicon {
  margin-left: 30%;
}

.Qicon{
  margin-left: -50px;
}

.answer img{
  margin-left: -50px;
}

.answer{
  margin-left: 50px;
  font-size: 35px;
  color: #555;
  padding: 20px;
  height: 150px;
}

.open-4 {
  height: 230px;
}

/*==============================

FP Section

================================*/
.FPSection .title{
  margin-bottom: 30px;
}

.FPSection{
  margin: 80px auto;
}

.FPSection .appear-wrap img{
  margin-bottom: -10px;
}



.CompanySection{
  margin: 30px 10%;
}

/*
.Company .title{
  font-size: 40px;
  line-height: 180%;
  border-bottom: solid 2px #cacaca;
  letter-spacing: 6px;
  margin: 50px auto;
  margin-bottom: 20px;
  color: #444;
  padding-bottom: 20px;
}
*/

.Company .Green{
  margin-top: 20px;
  margin-bottom: 60px;
  font-weight: 700;
}


.imageList{
  width: 80%;
  text-align: left;
  margin-top: 30px;
  margin-bottom: 30px;
  margin-left: 10%;
}

.imageList th{
  width: 300px;
}

.name{
  font-size: 3rem;
  text-align: left;
  letter-spacing: 4px;
  color: #444;
  font-weight: 600;
}

.name span{
  color: rgb(143,195,31);
  font-size: 2.8rem;
  font-weight: 600;
}

/*==============================

Journal Section

================================*/
/*
.JournalSection{
  text-decoration: none;
  margin: 120px auto;
  margin-bottom: 30px;
}
*/

.JournalSection .Green{
  margin: 20px auto;
}

.artileSection{
  width: 100%;
}

.article{
  padding: 0;
}
/*
.article li{
  height: 281px;
}
*/
.article img{
  border: solid 1px #666;
  width: 100%;
}

.col2{
  margin: 0;
  padding: 0;
  margin-top: -3px;
}


.JournalSection .application{
  margin: 50px 12.5%;
}



.JournalSection .application img{
  margin-bottom: -10px;
}


/*==============================

maternity Section

================================*/

.maternity{
  margin: 0 auto 60px !important;
  width: 90%;
}

.maternity img{
  width: 120%;
  height: auto;
}

.maternityTitle{
  color: #888;
  margin: 34px 0 0 9%;
  font-size: 3.1rem;
  width: 68%;
}

.maternityBun{
    margin-top: 30px;
    font-size: 2.78rem;
    display: block;
}


/*==============================

inquiry Section　（電話番号）

================================*/
.inquiry{
  font-size: smaller;
  text-align: center;
  color: #777;
  margin-bottom: 100px;
}

.inquiry p{
  font-size: 2.4rem;
}

.inquiry .tel h3{
  color: rgb(143,195,31);
  letter-spacing: 3px;
  margin-top: 20px;
  margin-bottom: 20px;
  font-size: 6rem;
  font-weight: 700;
}

/*==============================

fooer Section

================================*/
.footer{
  width: 100%;
  /*height: 175px;*/
  background-color: #777;
  text-align: center;
  color: #fff;
  font-size: 3rem;
  padding: 75px 0;
  margin-bottom: 0;
}

.footer .footer_company ul {
  margin: 0;
  padding: 0;
}

.footer .footer_company li a {
  display: block;
  color: #FFF;
  /*font-size: 1rem;*/
  text-decoration: none;
  text-align: left;
  margin: 0 15px;
  padding: 0 15px;
  /*font-size: 3.0rem;*/
  line-height: 2.5;
  border-bottom: #999 1px solid;
  max-height: 100%;
}

.footer .copy{
  padding-top: 70px;
  /*letter-spacing: 2px;*/
  max-height: 100%;
}




/*==============================

Global menu

================================*/

.menuIcon img{
  margin: 100px 30px;
  width: 100%;
}

.drawer-menu{
    margin: 10px 13%;
    padding: 0;
}

.drawer-menu li + li{
  border: none;
}

#btn_close{
  text-align: right;
  margin-top: 30px;
  cursor: pointer;
  margin-right: -40rem;
}

.guide{
  border: none;
    list-style: none;
    letter-spacing: 3px;
    font-size: 3.4rem;
    margin: 30px auto;
    margin-left: 15%;
    text-align: left;
    opacity: 0.8;
    color: #fff;
    text-decoration: none;
    display: block;
    /*
    padding: 12px;
    padding-top: 15px;
    */
    padding: 15px 12px 12px 50px;
    margin-left: 0;
    background-image: url(../../img/SP/TOP_SMP_btn_01.png);
    background-repeat: no-repeat;
    background-position: left center;
}

.drawer-menu .add_menu {
    display: block;
    color: #fff;
    text-align: left;
    text-decoration: none;
    /*font-size: 2.4rem;*/
    font-size: 3.4rem;
    /*padding-top: 15px;*/
    padding: 25px 25px 25px 15px;
    margin-left: 0;
}

.drawer-menu a {
  color: #FFF;
}

.follow {
  margin: 40px 0 0;
}

.follow img {
  padding: 0 3%;
}

.snsIcon{
  margin-left: 20%;
  margin-top: 50px;
}

.snsIcon td{
  padding: 5px;
}
}