.inner {
  margin: 0 auto;
  width: 100%;
}

.wrapper1280 {
  max-width: 1280px;
  margin: 0 auto;
  width: 100%;
}

@media only screen and (max-width: 1280px) {
  .wrapper1280 {
    padding: 0 3%;
  }
}

.f80 { font-size: 80%; }
.f90 { font-size: 90%; }
.f110 { font-size: 110%; }
.f120 { font-size: 120%; }
.f130 { font-size: 130%; }
.f150 { font-size: 150%; }


.red {color: #e58c6c;}
.bule{color: #1f3c8e;}


@media only screen and (max-width: 767px) {
  #main {
    min-width: 0;
  }
  .wrapper1500 {
    width: 100%;
  }
  
  
.order1 {
    order: 1;
}
.order2 {
	order: 2;
}
.order3 {
	order: 3;
}
.order4 {
	order: 4;
}
.order5 {
	order: 5;
}
.order6 {
	order: 6;
}
.order7 {
	order: 7;
}
.order8 {
	order: 8;
}
.order9 {
	order: 9;
}
.order10 {
	order: 10;
}
}

/*------------------------
	secTop
----------------------------*/


#secTop img{
  width: 100%;
  height: auto;
  
}
#secTop {
  width: 100%;
  position: relative;
}

@keyframes vertical-animation {
  from {
    transform: translateY(0);
  }

  to {
    transform: translateY(-100%);
  }
}

.slider-container-pc {
  height: 100%;
  overflow: hidden;
  position: absolute;
  z-index: 10;
  top: 0;
  left: 8%;
  width: 36.2%; 
}

.slider-wrapper {
  display: grid; /* slideのmargin-bottom値を全て内包させる為 */
  animation: vertical-animation 30s linear infinite;
}

.slide {
  width: 100%;
  margin: 0 auto 20px;
}

.slide img {
  width: 100%;
  height: auto;
  vertical-align: bottom;
}

@media (hover: hover) {
  .slider-container:hover .slider-wrapper {
    animation-play-state: paused;
  }
}

 .top-on{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
}
 .top-on1{
  position: absolute;
  width: 13%;
  top: 10%;
  left: 39%;
}
 .top-on2{
   position: absolute;
   width: 9%;
   top: 35%;
   left: 2%;
}
 .top-on3{
  position: absolute;
  width: 12%;
  bottom: 13%;
  left: 1%;
}
 .top-on4{
  position: absolute;
  width: 9.5%;
  bottom: 24%;
  left: 41%;
}
 .top-on5{
  position: absolute;
  width: 12%;
  bottom: 3%;
  left: 40%;
}

@media (max-width: 767px) {

	@keyframes infinity-scroll-left {
from {
  transform: translateX(0);
}
  to {
  transform: translateX(-100%);
}
}
.slider-container-pc{
  display: none;
}
.scroll-infinity-sp{
  width: 100%; 
  height: auto;
}
.scroll-infinity__wrap {
   display: flex;
   overflow: hidden;
   position: absolute; 
   top: 5%;
   left: 0;
   width: 100%;
   height: auto;
}
.scroll-infinity__list {
  display: flex;
  list-style: none;
  padding: 0
}
.scroll-infinity__list--left {
  animation: infinity-scroll-left 35s infinite linear 0.5s both;
}
.scroll-infinity__item {
  width: calc(120vw / 3);
    margin-right: 10px;
  flex-shrink: 0;    
}
.scroll-infinity__item>img {
  width: 100%;
}

.top-on{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
}
 .top-on1{
    width: 34%;
    top: 1%;
    left: initial;
    right: 3%;
}
 .top-on2{
    width: 23%;
    top: 36%;
    left: initial;
    right: 8%;
}
 .top-on3{
          width: 30%;
        bottom: initial;
        left: 2%;
        top: 38%;
}
 .top-on4{
    width: 22%;
    bottom: initial;
    top: 1%;
    left: 36%;
}
 .top-on5{
    width: 29%;
    bottom: initial;
    top: 2%;
    left: 3%;
}


}



/*------------------------
	secLocation
----------------------------*/

#secLoc {
  width: 1100px;
  margin: 0 auto;
  padding-top: 100px;
}
.lc-top{
  width: 232px;
  margin: 0 auto;
}
.lc-box1 p{
  font-size: 17px;
  padding: 0px 8px 0 8px; 
  margin-top: -4px;
  line-height: 1.8;
  font-weight: 400;
}
.lc-park{
  width: 331px;
  margin: 35px auto 0;
}
.lc-box1{
  width: 900px;
  margin: 20px auto 0;
}
.lc-in1{
  position: relative;
}
.lc-img1{
  width: 501px;
  margin: 0 auto;
}
.lc-img2{
  position: absolute;
  top: 12%;
  left: 0%;
}
.lc-img3{
  position: absolute;
  top: -8%;
  right: 2%;
}
.lc-on1{
  position: absolute;
  bottom: 1%;
  left: -2%;
}
.lc-on2{
  position: absolute;
  bottom: -4%;
  right: 4%;
}
.lc-on3{
  position: absolute;
  bottom: -12%;
  left: 23%;
}
.lc-txtbox{
  margin-top: 5px;
}
.lc-box1 h1{
  font-size: 26px;
  text-align: center;
  font-weight: 600;
}
.lc-access{
  width: 450px;
  margin: 70px auto 0;
  position: relative;
  z-index: 1
}
.lc-box2{
  width: 900px;
  display: flex;
  margin: 20px auto 0;
  align-items: center;
}
.lc-in2{
  width: 485px;
  position: relative;
  margin: -50px auto 0;
}
.lc-on4{
  position: absolute;
  top: 10%;
  left: -3%;
}
.lc-in3{
  width: 400px;
}
.lc-eki p{
  color: #fcfaf6;
  background-color: #4c4137;
  width: 210px;
  border-radius: 20px;
  text-align: center;
  padding: 0.8%;
}
.lc-in3 h1{
  font-size: 26px;
  font-weight: 600;
}
.lc-in3 p{
  font-size: 17px;
  line-height: 1.8;
  font-weight: 400;
}
.lc-inter-pc h4{
  font-size: 18px;
  text-align: center;
  font-weight: 500;
  line-height: 1.4;
  margin-top: 10px;
  display: block;
}
.lc-inter-sp{
  display: none;
}
.br-sp{
  display: none;
}
.lc-in4{
  width: 580px;
  margin: 10px auto 0;
  position: relative;
}
.lc-in4 h2{
  font-size: 22px;
  font-weight: 600;
  position: absolute;
  right: -21%;
  top: 3%;
}
.lc-school{
  width: 508px;
  margin: 70px auto 0;
}
.lc-box3{
  display: flex;
  gap: 1.5%;
  margin: 35px auto 0;
}
.item {
  width: 100%;
}
.item img{
  width: 320px;
  height: 250px;
  object-fit: cover;
  border-radius: 20px;
}
.lc-img6,.lc-img7,.lc-img8{
  position: relative;
}
.lc-on5,.lc-on7,.lc-on8{
  position: absolute;
  top: -6%;
  left: -3%;
}
.lc-on6{
  position: absolute;
  bottom: 18%;
  left: -11%;
}
.sp{
  display: none;
}
.lc-box3 h3{
  font-size: 22px;
  text-align: center;
  font-weight: 600;
  line-height: 1.4;
  margin-top: 4px;
}
.lc-in5 h4{
  font-size: 20px;
  text-align: center;
  font-weight: 600;
  line-height: 1.4;
  margin-top: 25px;
}
.lc-shop{
  width: 452px;
  margin: 70px auto 0;
}
.lc-box4{
  width: 820px;
  display: flex;
  margin: 25px auto 0;
  align-items: center;
}
.lc-in6{
  width: 380px;
}
.lc-in7{
  width: 420px;
  position: relative;
  margin: 0 auto;
}
.lc-on9{
  position: absolute;
  top: -5%;
  right: -5%;
}
.lc-on10{
  position: absolute;
  bottom: -10%;
  right: -5%;
  z-index: 2;
}
.lc-box4  h3,.lc-box5  h3,.lc-box6, h3{
  font-size: 22px;
  font-weight: 600;
  margin-top: 4px;
}
.lc-box4 h4{
  font-size: 20px;
  font-weight: 600;
  line-height: 1.6;
  margin-top: 5px;
}
.lc-box5{
  width: 920px;
  display: flex;
  margin: 25px auto 0;
  align-items: center;
}
.lc-in8{
  width: 420px;
  position: relative;
  margin: 0 auto;
}
.lc-on11{
  position: absolute;
  top: -5%;
  left: -4%;
}
.lc-in9{
  width: 470px;
}
.lc-box5  p,.lc-box6 p{
  font-size: 17px;
  padding: 0px 8px 0 8px; 
  margin-top: 4px;
  line-height: 1.8;
  font-weight: 400;
}
.lc-box6{
  width: 850px;
  display: flex;
  margin: 25px auto 0;
  align-items: center;
}
.lc-in10{
  width: 390px;
}
.lc-in11{
  width: 420px;
  position: relative;
  margin: 0 auto;
}
.lc-on12{
  position: absolute;
  top: -5%;
  right: -5%;
}
.lc-on13{
  position: absolute;
  bottom: -5%;
  left: -7%;
  z-index: 2;
}
.lc-other{
  width: 452px;
  margin: 70px auto 0;
}
.lc-box7{
  width: 810px;
  display: flex;
  justify-content: space-around;
  margin: 25px auto 0;
}
.lc-in12{

}
.lc-box7 h5{
  font-size: 17px;
  line-height: 1.6;
  font-weight: 500;
}

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

 #secLoc {
   width: 97%;
   padding-top: 15%;
   overflow: hidden;
 }
 .lc-top{
   width: 40%;
 }
 .lc-box1 p{
   line-height: 1.6;
   font-size: 3vw;
   padding: 0px 6% 0 5%;
   margin-top: -1%;
 }
 .lc-park{
   width: 57%;
   margin: 5% 0 0 35%;
 }
 .lc-box1{
   width: 100%;
   margin: 2% auto 0;
 }
 .lc-in1{
   position: relative;
 }
 .lc-img1{
   width: 80%;
 }
 .lc-img2{
   top: -17%;
   right: 1%;
   width: 33%;
 }
 .lc-img3{
   top: initial;
   right: 3%;
   width: 33%;
   bottom: -4%;
 }
 .lc-on1{
   bottom: 36%;
   left: 0%;
   width: 27%;
 }
 .lc-on2{
   bottom: -13%;
   right: 0%;
   width: 21%;
 }
 .lc-on3{
   bottom: -13%;
   left: 5%;
   width: 22%;
 }
 .lc-txtbox{
   margin-top: 1%;
 }
 .lc-box1 h1{
   font-size: 4.2vw;
 }
 .lc-access{
   width: 80%;
   margin: 4% auto 0;
 }
 .lc-box2{
   width: 95%;
   display: block;
   margin: 5% auto 0;
 }
 .lc-in2{
   width: 96%;
   margin: -12% auto 0;
 }
 .lc-on4{
   top: 16%;
   left: -3%;
   width: 33%;
 }
 .lc-in3{
   width: 95%;
   margin: 0 auto;
 }
 .lc-eki p{
   width: 50%;
   padding: 0.5%;
   margin: -1% 0 0 16%;
 }
 .lc-in3 h1{
   font-size: 4.2vw;
   text-align: center;
 }
 .lc-in3 p{
  font-size: 3.2vw;
   line-height: 1.6;
 }
 .lc-inter-sp h4{
   font-size: 3.3vw;
   margin-top: 2%;
   text-align: center;
   font-weight: 500;
 }
 .pc{
  display: none;
 }
 .br-sp{
  display: block;
 }
   .lc-inter-sp{
    display: block;
 }
  .lc-inter-pc{
    display: none;
 }
 .lc-in4{
   width: 95%;
   margin: 2% auto 0;
 }
 .lc-in4 h2{
   font-size: 3.5vw;
   text-align: center;
   right: 0%;
   top: 3%;
 }
 .lc-school{
   width: 85%;
   margin: 7% auto 0;
 }
 .lc-box3{
   width: 88%;
   display: block;
   margin: 6% auto 0
 }
.item {
  width: 100%;
 }
.item img{
   width: 100%;
   object-fit: cover;
   height: auto;
   border-radius: 0;
 }
.lc-img6,.lc-img7,.lc-img8{
  position: relative;
  margin-top: 4%;
 }
.lc-on5,.lc-on7,.lc-on8{
   top: -4%;
   left: -3%;
   width: 35%;
 }
 .lc-on6{
   bottom: 7%;
   left: -5%;
   width: 37%;
 }
 .br-pc{
    display: none;
 }
.sp{
  display: inline;
 }
 .lc-box3 h3{
  font-size: 4vw;
  margin-top: 0%;
 }
 .lc-in5 h4{
   font-size: 3.3vw;
   line-height: 1.5;
   margin-top: 3%;
 }
  .lc-shop{
   width: 80%;
   margin: 6% auto 0;
 }
  .lc-box4{
   width: 90%;
   display: flex;
   flex-direction: column-reverse;
   margin: 5% auto 0;
 }
  .lc-in6{
   width: 100%;
 }
  .lc-in7{
   width: 100%;
 }
  .lc-on9{
   top: -5%;
   right: -5%;
   width: 27%;
 }
  .lc-on10{
   bottom: -2%;
   right: -5%;
   width: 40%;
 }
  .lc-box4  h3, .lc-box5  h3, .lc-box6 h3{
   font-size: 4vw;
   margin-top: 1%;
   text-align: center;
 }
  .lc-box4 h4{
   font-size: 3.8vw;
   line-height: 1.5;
   margin-top: 1%;
   text-align: center;
 }
  .lc-box5{
   width: 90%;
   display: block;
   margin: 5% auto 0;
 }
  .lc-in8{
   width: 100%;
 }
  .lc-on11{
   top: -4%;
   left: -3%;
   width: 27%;
 }
  .lc-in9{
  width: 100%;
 }
  .lc-box5  p, .lc-box6 p{
   font-size: 3.2vw;
   padding: 0px 3% 0 3%;
   margin-top: 0.8%;
   line-height: 1.6;
   text-align: left;
 }
  .lc-box6{
   width: 90%;
   display: flex;
   flex-direction: column-reverse;
   margin: 4% auto 0;
 }
  .lc-in10{
   width: 100%;
 }
  .lc-in11{
   width: 100%;
 }
  .lc-on12{
   top: -8%;
   right: -2%;
   width: 27%;
 }
  .lc-on13{
   bottom: -4%;
   left: -2%;
   width: 30%;
 }
  .lc-other{
   width: 80%;
   margin: 4% auto 0;
 }
  .lc-box7{
   width: 90%;
   display: block;
   margin: 3% auto 0;
   text-align: center;
 }
  .lc-in12{
   display: inline-block;
   text-align: left;
 }
  .lc-box7 h5{
   font-size: 3.2vw;
 }
 }




/*-----------------------
Support 
-----------------------*/  

#secSup {
  position: relative;
  width: 1000px;
  margin: 0 auto;
  padding-top: 100px;
  padding-bottom: 100px;
}
.sup-top {
  width: 210px;
  margin: 0 auto;
}
.secTxt {
    font-size: 18px;
    text-align: center;
    line-height: 2;
    margin-top: 1.25em;
}
.supContain {
  width: 880px;
  display: flex;
  margin: 40px auto 0;
  justify-content: space-between;
  flex-wrap: wrap;
}

.sup03 ,.sup04 {
  margin-top: 35px;
}
.sup05 {
  margin-top: 15px;
}

#secSup h2 {
  position: relative;
  font-size: 23px;
  font-weight: 600;
  text-align: center;
  color: #fcfaf6;
  width: 415px;
  height: 42px;
  padding-top: 1px;
  
}

#secSup .sup01 h2::before ,#secSup .sup03 h2::before ,#secSup .sup05 h2::before {
  position: absolute;
  content: "";
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #e58c6c;
  padding: 20px;
  border-radius: 10px;
  z-index: -1;
}
#secSup .sup02 h2::before ,#secSup .sup04 h2::before {
  position: absolute;
  content: "";
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #137664;
  padding: 20px;
  border-radius: 10px;
  z-index: -1;
}

#secSup .supContain p {
  font-size: 16px;
  line-height: 1.875;
  width: 400px;
  margin: 10px auto 0;
}

.sup-on1 {
  width: 295px;
  position: absolute;
  bottom: 6%;
  right: 24%;
}
.sup-on2{
  font-size: 15px;
  position: absolute;
  bottom: 16%;
  right: 4%;
  line-height: 1.7;
}


@media only screen and (max-width: 767px) {
  #secSup {
   width: 97%;
   margin: 0% auto 0;
   overflow: hidden;
   padding-top: 13%;
   padding-bottom: 40%;
  }
  #secSup::before {
    padding-top: 13%;
  }
  .sup-top {
    width: 40%;
  }
  #secSup .secTxt {
    margin-top: 1.5%; 
    font-size: 3vw;
  }
  .supContain {
    width: 85%;
    margin: 3% auto 0px;
    flex-direction: column;
  }

  #secSup h2 {
    font-size: 4.1vw;
    width: 100%;
    height: 9vw;
    padding-top: 1.5%;
  }
  #secSup .sup01 h2::before ,#secSup .sup03 h2::before ,#secSup .sup05 h2::before {
    padding: 0;
    border-radius: 10px;
  }
  #secSup .sup02 h2::before ,#secSup .sup04 h2::before {
    padding: 0;
    border-radius: 10px;
  }

  #secSup .supContain p {
    font-size: 3vw;
    width: 96%;
    margin: 1% auto 0;
  }

  .sup02, .sup03 ,.sup04, .sup05 {
    margin-top: 5%;
  }

  .sup-on1 {
    width: 50%;
    bottom: 2.5%;
    right: initial;
    left: 6%;
  }
 .sup-on2{
    font-size: 2.8vw;
    bottom: 8%;
    right: 4%;
}
}


/*------------------------
	Order
----------------------------*/

#secTyumon {
  width: 1200px;
  margin: 0 auto;
  padding-top: 100px;
}
.od-top{
  width: 328px;
  margin: 0 auto;
}
.jirei {
  width: 1130px;
  margin: 20px auto 0;
}
.secTxt {
  font-size: 17px;
  text-align: center;
  line-height: 1.9;
  margin-top: 1.25em;
  letter-spacing: 0.15vw;
  font-weight: 500;
}
.naiyouBox {
  display: flex;
  justify-content: center;
  gap: 0.8%;
  margin-top: 14px;
  color: #fcfaf6;
}
.naiyouBox .txt01, .naiyouBox .txt02, .naiyouBox .txt03, .naiyouBox .txt04, .naiyouBox .txt05 {
  width: 170px;
  padding: 11px 8px;
  background: #137664;
  border-radius: 10px;
}
.naiyouBox h1 {
  font-size: 18px;
  text-align: center;
  margin: 0 0 2px;
  letter-spacing: 0.12vw;
  font-weight: 500;
}
.naiyouBox p {
  font-size: 13px;
  font-weight: 400;
  letter-spacing: 0.13em;
  width: 100%;
  text-align: center;
}
.odbnr {
  background-color: #e58c6c;
  padding: 20px 0;
  border-radius: 60px;
  color: #fcfaf6;
  margin: 25px auto 15px;
  width: 35%;
  box-shadow: 4px 4px 1px rgb(229 140 108 / 60%);
  transition: .3s;
  }
  .odbnr:hover {
    box-shadow: unset;
    transform: translateY(4px);
  }
.bnrtext{
  text-align: center;
  color: #fcfaf6;
  font-size: 20px;
  letter-spacing: 0.15vw;
}

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

  #secTyumon {
    width: 100%;
    margin: 0 auto 0;
    padding-top: 13%;
  }
  .od-top {
    width: 45%;
  }
  .jirei {
    width: 92%;
    margin: 3.73% auto 0;
  }
  .secTxt {
    font-size: 3.5vw;
  }
  .naiyouBox {
    flex-wrap: wrap;
    gap: 1.2%;
    margin-top: 2%;
  }
  .naiyouBox .txt01, .naiyouBox .txt02, .naiyouBox .txt03{
    width: 28.5%;
    padding: 2% 1.5%;
  }
  .naiyouBox .txt04, .naiyouBox .txt05 {
    width: 28.5%;
    margin-top: 1%;
    padding: 2% 1.5%;
  }
  .naiyouBox h1 {
    font-size: 3.2vw;
    margin: 0 0 3%;
  }
  .naiyouBox p {
    width: 100%;
    font-size: 2.13vw;
    line-height: 1.667;
  }
  .odbnr {
    padding: 3% 0;
    border-radius: 10vw;
    margin: 4% auto 0;
    width: 72%;
    transition: .3s;
    }
    .odbnr:hover {
      box-shadow: unset;
      transform: translateY(4px);
    }
  .bnrtext{
    font-size: 3.5vw;
  }
}

.od-line{
  width: 653px;
  margin: 70px auto 0;
}
.od-tit{
  margin: 80px auto 0;
}
.od-in1{
  width: 75px;
  margin: 0 auto;
}
.od-tit h1 {
  font-size: 30px;
  letter-spacing: 0.13em;
  font-weight: 600;
  text-align: center;
  line-height: 1.6;
  margin-top: 10px;
}
.od-box1{
  width: 980px;
  margin: 50px auto 0;
  display: flex;
  justify-content: space-around;
}
.od-in2{
  width: 507px;
  position: relative;
}
.od-base{
  background: url(../img/index/od-on1.png) no-repeat;
  background-size: contain;
  width: 104px;
  height: 100px;
  font-size: 18px;
  text-align: center;
  padding: 22px 0 0 0;
  line-height: 1.2;
  color: #fcfaf6;
}
.od-base {
  position: absolute;
  bottom: 33%;
  right: 19%;
}
.od-in3{
  width: 415px;
  margin: 20px auto 0;
}
.od-text{
  margin-top: 3px;
}
#secTyumon h2 {
  font-size: 23px;
  letter-spacing: 0.13em;
  font-weight: 600;
  text-align: center;
  color: #1f3c8e;
}
.od-box1 p,.od-box2 p{
  font-size: 16px;
  margin: 2px auto 0;
  line-height: 1.7;
  font-weight: 400;
  letter-spacing: 0.15em;
  padding: 0 5px;
}
.od-box2{
  width: 930px;
  margin: 60px auto 0;
  display: flex;
  justify-content: space-around;
}
.od-in4{
  width: 415px;
  position: relative;
}
.od-on2{
  position: absolute;
  bottom: 26%;
  left: -5%;
}
.od-in5{
  width: 415px;
}


  @media only screen and (max-width: 767px) {
  
  .od-line{
  width: 80%;
  margin: 5% auto 0;
  }
  .od-tit{
  margin: 8% auto 0;
  }
  .od-in1{
  width: 18%;
  margin: 0 auto;
  }
  .od-tit h1 {
    font-size: 4.8vw;
    margin-top: 2%;
  }
  .od-box1{
   width: 88%;
   margin: 5% auto 0;
   display: flex;
   flex-direction: column-reverse;
   justify-content: space-around;
  }
  .od-in2{
    width: 92%;
    margin: 7% auto;
  }
  .od-base{
   width: 20vw;
   height: 19vw;
   font-size: 3.2vw;
   text-align: center;
   padding: 14px 0 0 0;
   line-height: 1.3;
  }
  .od-base {
  position: absolute;
  bottom: 29%;
  right: 18%;
  }
  .od-in3{
  width: 100%;
  margin: 0% auto 0;
  }
  .od-text{
   margin-top: 1%;
  }
#secTyumon h2 {
  font-size: 4vw;
  }
  .od-box1 p,.od-box2 p{
   font-size: 3.3vw;
  margin: 0 auto ;
  }
  .od-box2{
  width: 88%;
  margin: 5% auto 0;
  display: block;
  }
  .od-in4{
  width: 100%;
  }
  .od-on2{
    bottom: 22%;
    left: -6%;
    width: 35%;
  }
  .od-in5{
    width: 100%;
    margin-top: 5%;
  }
  }



/* value */

#secTyumon .value{
	display: flex;
	justify-content: center;
	gap: 2%;
	text-align: center;
	align-items: center;
	padding-top: 70px;
	letter-spacing: 0.1em;
	font-family: "Noto Sans JP" ,serif;
  }

  #secTyumon .menseki {font-size: 16px;}
  #secTyumon .kakaku {font-size: 18px;margin-top: 0px;}
  #secTyumon .kakaku .big {font-size: 40px;}
  #secTyumon .kakaku .mini {
	font-size: 30px;
	vertical-align: middle;
  }
  #secTyumon .value .R {
	width: 325px;
	margin-top: 5px;
  }
  #secTyumon .zei {
	font-size: 14px;
	background-color: #ababab;
	padding: 17px 0;
	color: #fff;
  }
  #secTyumon .jitubutu {
	padding-top: 10px;
	text-align: center;
	font-size: 15px;
	letter-spacing: 0.1em;
  font-weight: 400;
  }
  .bnrTokuten {
	width: 1000px;
	margin: 30px auto 50px;
	text-align: center;
  }

  @media only screen and (max-width: 767px) {
  
	#secTyumon .value {
		width: 90%;
		margin: 0 auto;
		padding-top: 8%;
		display: block;
	  }
	  #secTyumon .menseki {
		font-size: 3.35vw;
	  }
	  #secTyumon.kakaku {
		font-size: 4vw;
		margin-top: 2%;
	  }
	  #secTyumon .kakaku .big {
		font-size: 8.5vw;
		letter-spacing: 0.05em;
	  }
	  #secTyumon .secPlan01 .value .boxR {
		width: 83.33%;
		margin: 2% auto 0;
		font-size: 3.35vw;
	  }
	  #secTyumon .zei {
		padding: 4% 0;
		margin-bottom: -1%;
	  }
	  #secTyumon .pic_txt {
		font-size: 2.7vw;
		margin-top: 2%;
	  }
	  #secTyumon .jitubutu {
		font-size: 3vw;
		padding-bottom: 3%;
		padding-top: 2%;
	  }
	  .bnrTokuten {
		width: 94.75%;
		margin: 0 auto;
		padding-top: 8%;
		padding-bottom: 0%;
	  }
}




/*------------------------
	Toiawase
----------------------------*/

.Toiawase{
	background: #137664;
  padding: 60px 0 20px 0;
	margin-top: 0px;
	}
.Toiawase a {
  text-decoration: none;
}
.Toi-btn{
	width: 1100px;
	margin: 0 auto;
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-evenly;
	}

.Contact{
	width: 480px;
	background-color: #fcfaf6;
  padding: 40px 0;
  border-radius: 15px;
  color: #e58c6c;
	}
	
.Con{}

.Reserve{
	width: 480px;
	position: relative;
  border-radius: 15px;
  color: #137664;
	background-color: #fcfaf6;
  padding: 40px 0;
	}

.ResImg{
	position: absolute;
	top: -40px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
	width: 440px;
	}
	
.ResImg img{
	width: 100%;
	height: auto;
	}

.Toiawase .Reserve .tit{
	text-align: center;
    font-size: 35px;
    letter-spacing: 7px;
	color:#137664;
    }
    .Toiawase .Contact .tit{
      text-align: center;
        font-size: 35px;
        letter-spacing: 7px;
        }
.Toiawase .Reserve .tit p,
.Toiawase .Reserve .txt p{
	color: #137664;
	}
  .Toiawase .Contact .txt{
    text-align: center;
      font-size: 16px;
      margin-top: 2px;
      letter-spacing: 2px;
  }
.Toiawase .Reserve .txt{
	text-align: center;
    font-size: 16px;
    margin-top: 2px;
    letter-spacing: 2px;
	color:#137664;
	}

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

  .Toiawase{
    padding: 13vw 0 4vw;
    margin-top: 0%;
    }
  .Toi-btn{
    width: 90%;
      flex-direction: column-reverse;
      margin: 0 auto;
    }
  .Contact{
    width: 100%;
    padding: 6% 0;
    margin-top: 5%;
    }
  .Reserve{
    width: 100%;
      padding: 6% 0;
    }
  .ResImg{
    top: -31%;
      width: 100%;
    }
    .Toiawase .Reserve .tit ,.Toiawase .Contact .tit{
      font-size: 7vw;
      letter-spacing: 3px;
    }
      .Toiawase .Reserve .txt ,.Toiawase .Contact .txt{
    font-size: 3.2vw;
      margin-top: 0%;
    }

}

.secContact {
  padding-top: 30px;
  text-align: center;
}

.secContact .place {
  text-align: left;
  max-width: 1280px;
  margin: 50px auto 0;
}

.secContact .place .titBox .tit {
  padding-left: 10px;
  font-size: 20px;
  letter-spacing: 1.6px;
  border-left: 3px solid #1f3c8e;
	color: #4c4137;
  line-height: 30px;
}

.secContact .outline {
  text-align: left;
  max-width: 1280px;
  margin: 50px auto 30px;
}

.secContact .outline .titBox .tit {
  padding-left: 10px;
  font-size: 20px;
  letter-spacing: 1.6px;
  border-left: 3px solid #1f3c8e;
  color: #4c4137;
  line-height: 30px;
}

.secContact .outline .titBox .box {
    margin-top: 10px;
    font-size: 11px;
    line-height: 1.64;
    margin-bottom: 20px;
    letter-spacing: 1px;
}	


.secContact .cards {
  margin-top: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.secContact .cards .card {
  width: 30.468%;
  border: 2px solid #137664;
  border-radius: 0;
  padding: 20px 0;
  text-align: center;
  background: #fcfaf6;
  position: relative;
  border-radius: 15px;
}

.secContact .cards .txtLink {
  display: inline-block;
  margin: 20px 0;
  font-size: 18px;
  letter-spacing: 0.8px;
  color: #3a80a9;
  text-decoration: none;
  border-bottom: 1px solid #3a80a9;
}

.secContact .cards .txt {
  font-size: 14px;
  letter-spacing: 2px;
}

.secContact .cards .box {
  text-align: left;
  width: 90%;
  margin: 20px auto 0;
  font-size: 13px;
  letter-spacing: 2px;
  line-height: 1.846;
  background: #f5f1ea;
  border-radius: 5px;
  padding: 15px 0 15px 25px;
}

.secContact .bnrBottom {
  display: block;
  margin: 110px auto;
  position: relative;
}

.secContact .bnrBottom::before {
  content: "";
  position: absolute;
  bottom: -5px;
  right: -5px;
  width: 100%;
  height: 100%;
  background-image: repeating-linear-gradient(-45deg, rgba(0,0,0,0), rgba(0,0,0,0) 2px, rgba(0,0,0,0) 0, #000 4px);
  z-index: -1;
}

/* .secContact .bnrBottom::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  border-radius: 15px;
  background-color: #fff;
  border: 3px solid #000000;
} */

.secContact .bnrBottom img {
  width: 100%;
  height: auto;
}

.secContact .bnrs {
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.secContact .bnr {
  width: 620px;
  height: 200px;
  position: relative;
  color: #fff;
  text-decoration: none;
  text-align: center;
  padding: 60px 0 0;
}

.secContact .bnr .tit {
  font-size: 40px;
  letter-spacing: 3.2px;
  position: relative;
  z-index: 20;
}

.secContact .bnr .txt {
  font-size: 18px;
  letter-spacing: 0.8px;
  margin-top: 20px;
  position: relative;
  z-index: 20;
}

.secContact .bnr img {
  position: absolute;
  top: -60px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 10;
}

.secContact .bnr02 {
  background: #fe9900;
}

.secContact .bnr01::before {
  content: "";
  position: absolute;
  bottom: -5px;
  right: -5px;
  width: 100%;
  height: 100%;
  background-image: repeating-linear-gradient(-45deg, rgba(0,0,0,0), rgba(0,0,0,0) 2px, rgba(0,0,0,0) 0, #15aee1 4px);
  z-index: -1;
}

.secContact .bnr01::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  background-color: #fff;
  background: #15aee1;
}

.secContact .bnr02::before {
  content: "";
  position: absolute;
  bottom: -5px;
  right: -5px;
  width: 100%;
  height: 100%;
  background-image: repeating-linear-gradient(-45deg, rgba(0,0,0,0), rgba(0,0,0,0) 2px, rgba(0,0,0,0) 0, #fe9900 4px);
  z-index: -1;
}

.secContact .bnr02::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  background-color: #fe9900;
  background: #fe9900;
}

.secContact .bnr:first-child {
  margin-right: 38px;
}

@media only screen and (max-width: 767px) {
  .secContact {
    padding-top: 0;
  }
  .secContact .wrapper1280 {
    width: 100%;
    padding: 0;
  }
  .secContact .innerSp {
    width: 92%;
    margin: 0 auto;
  }
  .secContact .bnrs {
    margin: 20px 0;
    width: 100%;
  }
  .secContact .bnr02 {
    margin-right: 0;
    margin-bottom: 20px;
    display: block;
  }
  .secContact .cards {
    display: block;
    width: 100%;
  }
  .secContact .cards .card {
    margin-bottom: 10%;
    width: 100%;
    padding: 5% 0;
  }
  .secContact .cards .card .box {
    width: 90%;
    letter-spacing: 1.5px;
	  padding: 3% 0 3% 4%;
  }
  .secContact .cards .card .imgBox {
    width: 90%;
    margin: 0 auto;
  }
  .secContact .cards .card .txtLink {
    font-size: 15px;
    letter-spacing: 0;
  }
  .secContact .cards .card .txt {
    font-size: 13px;
    letter-spacing: 1.5px;
  }
  .secContact .bnrBottom {
    margin: 30px auto;
  }
  .secContact .bnrs {
    width: 100%;
    padding: 0;
    margin: 30px auto 0;
	flex-direction: column;
  }
  .secContact .bnrs a {
    display: block;
    margin-bottom: 20px;
    width: 100%;
  }
  .secContact .bnr {
    width: 100%;
    display: block;
    height: auto;
    padding: 40px 0;
  }
  .secContact .bnr img {
    width: 90%;
    top: -30px;
  }
  .secContact .bnr02 {
    margin-top: 20px;
  }
  .secContact .bnr01 {
    margin-top: 20px;
  }
  .secContact .bnr .tit {
    font-size: 20px;
  }
  .secContact .bnr .txt {
    margin-top: 10px;
    font-size: 13px;
    letter-spacing: 0;
  }
  .order1 {
    order: 1;
  }
  .order2 {
    order: 2;
  }
}

.footer {
  height: 200px;
  background: #fff;
  position: relative;
}

.footer .backTop {
  position: absolute;
  top: -47px;
  right: 20px;
}

@media only screen and (max-width: 767px) {
  .footer {
    height: auto;
    padding-bottom: 100px;
  }
}
@media only screen and (max-width: 767px) {
  .header .links {
    display: none;
  }
}

/*-----------------------------------------------
	box_access
-----------------------------------------------*/
.box_access{
  background: #09449D;
  width: 94.75%;
  border-radius: 5px;
  margin: 80px auto 0;
}
.box_access .inner_access {
  width: 94.75%;
  margin: 0 auto;
  padding: 13px 0 30px;
}
.box_access .conMap {
  width: 100%;
  height: 450px;
}

@media only screen and (max-width: 767px) {
    .box_access {
	  margin: 2em auto 1em;
    }
    .box_access .inner_access {
      padding: 10px 0 14px;
    }
    .box_access .conMap {
    }
}

/*-----------------------------------------------
	現地map spOnly
-----------------------------------------------*/
@media only screen and (max-width: 767px) {
    .box_map{
      background: #577947;
      width: 93%;
      border-radius: 5px;
      margin: 41px auto 0;
    }
    .box_map .inner_map {
      width: 95%;
      margin: 0 auto;
      padding: 13px 0 4px;
    }
    .box_map .tit_map {
      text-align: center;
      font-size: 5vw;
      line-height: 140%;
      color: #fff;
      font-weight: 600;
      letter-spacing:0.2em;
      padding-bottom: 1.5%;
    }
    .box_map .conMap {
      width: 100%;
      height: 300px;
    }
    .box_map .btn_map {
	  display:block;
	  margin:7px 0 10px;
    }
}
.bnrTokuten{
  width: 1000px;
  margin: 30px auto 50px;
  text-align: center;
}

@media only screen and (max-width: 767px) {
.bnrTokuten{
  width: 94.75%;
  margin: 0 auto;
  padding-top: 8%;
  padding-bottom: 0%;
}
}

.kodomomirai {
  margin: 40px auto 0px;
  width: 1000px;
}

@media only screen and (max-width: 767px) {
.kodomomirai {
  width: 90%;
  margin: 7% auto 0%;
}
}