.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%;
  }
}

@media only screen and (max-width: 767px) {
  .inner {
    min-width: 0;
    width: 92%;
    margin: 0 auto;
  }
  .wrapper1280 {
    width: 92%;
    margin: 0 auto;
  }
  
  
.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;
}
  
}

.txtBlue { color: #2c4b5e; }
.txtYellow{ color:#f9bf2c; }
.txtOrange{ color:#e95513; }

.f65 { font-size: 65%; vertical-align: 1px;}
.f80 { font-size: 80%; }
.f85 { font-size: 85%; }
.f120 { font-size: 120%; }
.f130 { font-size: 130%; }
.f130 { font-size: 130%; }
.f140 { font-size: 140%; }
.f150 { font-size: 150%; line-height: 0; }

.kajyou { font-size: 60%; vertical-align: 2px; }

.flex {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: center;
}

.border-rad { border-radius: 0.7vw; }

@media only screen and (max-width: 767px) {
  #main {
    min-width: 0;
  }
  .wrapper1500 {
    width: 100%;
  }
}


/* --------------------------
		Top
----------------------------*/
#secTop {
	position: relative;
}

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

.top_Tit {
	width: 26vw;
	margin: 0 auto;
	padding-top: 3.8vw;
}

#secTop .pic_Box {
	position: relative;
	justify-content: center;
	align-items: center;
	gap: 2.5%;
	margin-top: 2.6vw;
}

#secTop .top01 img ,#secTop .top02 img ,#secTop .top03 img ,#secTop .top04 img ,#secTop .top05 img {
	border-radius: 1.6vw;
}
#secTop .top06 img {
	border-top-right-radius: 1.6vw;
	border-bottom-right-radius: 1.6vw;
}
#secTop .top07 img {
	border-top-left-radius: 1.6vw;
	border-bottom-left-radius: 1.6vw;
}
#secTop .top01 {
	width: 28vw;
}
#secTop .top02 ,#secTop .top03 ,#secTop .top04 ,#secTop .top05 {
	width: 19vw;
}
#secTop .top06 ,#secTop .top07 {
	width: 13vw;
}

#secTop .top02 {
	margin-top: 1.2vw;
}
#secTop .top03 {
	margin-bottom: 1.2vw;
}
#secTop .top07 {
	margin-right: -2.5%;
} 

/**/#secTop .top01 ,#secTop .top02 ,#secTop .top03 ,#secTop .top04 ,#secTop .top05 ,#secTop .top06 ,#secTop .top07
{ opacity: 0; }
#secTop .top01 {
	animation: popup 0.6s cubic-bezier(0.22, 1, 0.36, 1) forwards;
	animation-delay: 0.5s;
}
  
#secTop .top02 {
	animation: popup 0.6s cubic-bezier(0.22, 1, 0.36, 1) forwards;
	animation-delay: 1s;
}
  
#secTop .top03 {
	animation: popup 0.6s cubic-bezier(0.22, 1, 0.36, 1) forwards;
	animation-delay: 1.6s;
}
  
#secTop .top04 ,#secTop .top05 {
	animation: popup 0.6s cubic-bezier(0.22, 1, 0.36, 1) forwards;
	animation-delay: 2.1s;
}
  
#secTop .top06 ,#secTop .top07 {
	animation: popup 0.6s cubic-bezier(0.22, 1, 0.36, 1) forwards;
	animation-delay: 2.5s;
}
@keyframes popup {
	0% {
	  transform: translateY(2vw) scale(0.8);
	  opacity: 0;
	}
	100% {
	  transform: translateY(0) scale(1.0);
	}
	80%, 100% {
	  opacity: 1;
	}
  } 

 .blink img {
	animation: blink 1s forwards;
	animation-timing-function: ease-in-out;
	animation-delay: 3.2s;
}
@keyframes blink {
	0% {
	  	border: 0vw solid #2c4b5e;
	}
	100% {
		border: 0.08vw solid #2c4b5e;
	}
}  /**/

.top_Border_L {
	position: absolute;
	top: 0%;
	left: 0%;
	width: 0.5vw;
}
.top_Border_R {
	position: absolute;
	top: 0%;
	right: 0%;
	width: 0.5vw;
}
.header .iconBox {
	width: 23.4vw;
	margin-left: -10px;
}

.top_On1 {
	position: absolute;
    bottom: 9.5%;
    left: 40.5%;
	width: 8.5vw;
}
.top_On2 {
	position: absolute;
    bottom: 4.5%;
    left: 11.4%;
	width: 8.7vw;
}
.top_On3 {
	position: absolute;
    top: 36%;
    right: 15.8%;
    width: 3.2vw;
}

.top_Txt01 {
	position: absolute;
	top: -3.2%;
    right: 37%;
	width: 3.7vw;
	z-index: 2;
}
.top_Txt02 {
	position: absolute;
	top: 37.7%;
    left: 11%;
	width: 10.6vw;
}
.top_Txt03 {
	position: absolute;
	top: -3%;
    right: 10.8%;
	width: 10.8vw;
}
.top_Txt04 {
	position: absolute;
	top: 4.2%;
    left: 36.4%;
    width: 18.3vw;
}

.top_On_Contents ,.top_Txt05 ,.top_Border_L ,.top_Border_R ,#secTop .btmBox {
	animation: fadeIn 0.7s cubic-bezier(0.33, 1, 0.68, 1) forwards;
	animation-delay: 3.2s;
	opacity: 0;
}   
@keyframes fadeIn {
	0% {
	  opacity: 0;
	}
	100% {
	  opacity: 1;
	}
} /**/

#secTop .btmBox {
	position: relative;
	z-index: 2;
}

.top_Town {
	width: 57.6vw;
	margin: -3.8vw auto 0;
}

.top_Txt06 {
	position: absolute;
    top: 36%;
    left: 27.5%;
	width: 8.6vw;
}

#secTop .btmBox .open_Box {
	position: relative;
	gap: 0.8%;
	align-items: end;
	margin-top: -6.8vw;
}

.top_Start01 {
	width: 30.8vw;
	margin-bottom: 0.25vw;
}
.top_Start02 {
	width: 25.3vw;
}

.top_Start_On1 {
	position: absolute;
    top: 14%;
    left: 21%;
    width: 6.2vw;
    transform: rotate(-13deg);
}

.top_Txt05 {
	position: absolute;
    top: 8%;
    right: 22%;
	width: 8.9vw;
}

@media only screen and (max-width: 1250px) {
  .header .iconBox {
    width: 23.4%;
  }

  .top_Tit {
    width: 26%;
    padding-top: 3.8%;
  }

	#secTop .top01 {
		width: 28.49%;
	}
	#secTop .pic_Box .box01 ,#secTop .pic_Box .box02 {
		width: 18.44%;
	}
  #secTop .top02, #secTop .top03, #secTop .top04, #secTop .top05 {
    width: 100%;
  }
	#secTop .top06 ,#secTop .top07 {
		width: 12.71%;
	}

  .top_On1 {
    width: 8.5%;
  }
  .top_On2 {
    width: 8.7%;
  }
  .top_On3 {
    width: 3.2%;
  }
  
  .top_Txt01 {
    width: 3.7%;
  }
  .top_Txt02 {
    width: 10.6%;
  }
  .top_Txt03 {
    width: 10.8%;
  }
  .top_Txt04 {
    width: 18.3%;
  }

  .top_Border_L ,.top_Border_R {
    width: 0.5%;
  }

  .top_Town {
    width: 57.6%;
    margin: -3.8% auto 0;
  }

  #secTop .btmBox .open_Box {
    margin-top: -6.8%;
  }
  .top_Start01 {
    width: 30.8%;
    margin-bottom: 0.25%;
  }
  .top_Start02 {
    width: 25%;
  }

  .top_Txt06 {
    width: 8.6%;
  }

  .top_Txt05 {
    width: 8.9%;
  }

  .top_Start_On1 {
    width: 6.2%;
  }
}

@media only screen and (max-width: 767px) {
  #secTop {
    width: 100%;
    overflow: hidden;
  }
  .header .iconBox {
    width: 65.73%;
    margin: -4% 0 0 -10.5%;
  }
  #secTop .pic_Box {
    /* width: 119%; */
     margin-top: 3%; 
    /*margin: 3% 0 0 -10%;*/
  }
  #secTop .top01 {
    width: 56.67%;
  }
  #secTop .pic_Box .box01, #secTop .pic_Box .box02 {
    width: 32.13%;
  }
  #secTop .pic_Box .box01 {
    margin-left: -22%;
  }
  #secTop .pic_Box .box02 {
    margin-right: -22%;
  }
  #secTop .top02 {
    margin-top: 7.5%;
  }
  #secTop .top03 {
    margin-bottom: 7.5%;
  }
  #secTop .top06, #secTop .top07 {
    width: 0;
  }

  #secTop .top01 img {
    height: 89.07vw;
    object-fit: cover;
  }
  #secTop .top02 img {
    height: 37.33vw;
    object-fit: cover;
    object-position: 19% 100%;
  }
  #secTop .top03 img {
    height: 37.33vw;
    object-fit: cover;
    object-position: 136% 100%;
  }
  #secTop .top04 img {
    height: 21.07vw;
    object-fit: cover;
    object-position: 109% 100%;
  }
  #secTop .top05 img {
    height: 21.07vw;
    object-fit: cover;
    object-position: 2200% 100%;
  }

  .top_Tit {
    opacity: 0;
    width: 44.53%;
    padding-top: 68.93%;
  }
  .top_Start01 {
    position: absolute;
    top: 9.2%;
    left: 10.4%;
    margin-bottom: 0;
    width: 79.2%;
  }
  .top_Start02 {
    position: absolute;
    top: 16.9%;
    left: 22.335%;
    width: 55.33%;
  }

  .top_Start_On1 {
    top: 5%;
    left: 76%;
    width: 19.73%;
    transform: none;
  }

  .top_Border_L {
    width: 100%;
    top: -0.7%;
  }

  #secTop .btmBox .open_Box ,#secTop .btmBox {
    position: unset;
    margin-top: 0;
  }

  .top_Txt01 {
    width: 9.6%;
    right: 23%;
    top: -2%;
  }
  .top_Txt02 {
    width: 27.33%;
    top: -12%;
    left: -2%;
  }
  .top_Txt03 {
    width: 27.87%;
    top: -18%;
    right: -2.8%;
  }
  .top_On1 {
    width: 21.87%;
    bottom: 8%;
    left: 39%;
  }
  .top_On2 {
    width: 19.73%;
    bottom: 73%;
    left: 17%;
  }
  .top_Txt05 {
    top: 87%;
    right: 74.5%;
    width: 22.53%;
  }
  .top_Txt06 {
    width: 22%;
    top: 71%;
    left: 75%;
  }
  .top_Town {
    position: sticky;
    width: 127.47%;
    margin: -6.8% 0 0 -12.5%;
  }

  .top_Tit {
    animation: popup 0.6s cubic-bezier(0.22, 1, 0.36, 1) forwards;
    animation-delay: 2.5s;
  }

  #secTop .top01 img, #secTop .top02 img, #secTop .top03 img, #secTop .top04 img, #secTop .top05 img {
    border-radius: 4vw;
  }
}


/* --------------------------
		Model_Link
----------------------------*/
#secModel_Link {
  width: 1200px;
  margin: 20px auto 0;
}
#secModel_Link::before {
  content: "";
  display: block;
  padding-top: 80px;
}

#secModel_Link h1 {
  font-size: 30px;
  font-weight: bold;
  width: fit-content;
  margin: 0 auto;
  padding: 0 10px 6px;
  background: linear-gradient(transparent 72%, #fff9bb 60%);
}

#secModel_Link .model_Box {
  position: relative;
  margin-top: 28px;
  gap: 4%;
}

.model_Link_On1 {
  position: absolute;
  top: -19%;
  left: 13.7%;
}

#secModel_Link p {
  font-size: 24px;
  font-weight: bold;
  width: fit-content;
  margin: 19px auto 0;
  padding: 0 2px 3px;
  border-bottom: 1px solid #2c4b5e;
}

@media only screen and (max-width: 767px) {
  .border-rad {
    border-radius: 2vw;
  }

  #secModel_Link {
    width: 100%;
    margin: 14.53% auto 0;
    padding-top: 0%;
    overflow: hidden;
  }
  #secModel_Link::before {
    padding-top: 0%;
  }

  /* #secModel_Link .contain {
    width: 92%;
    margin: 0 auto;
  } */

  #secModel_Link h1 {
    font-size: 4.8vw;
    padding: 0 1% 1%;
    background: linear-gradient(transparent 61%, #fff9bb 60%);
  }

  #secModel_Link .model_Box {
    margin: 6% auto 0;
  }

  .model_Link01 ,.model_Link02 {
    width: 40.67%;
  }

  .model_Link_On1 {
    width: 25.07%;
    top: -10%;
    left: -1.5%;
  }

  #secModel_Link p {
    font-size: 4vw;
    margin: 2.2% auto 0;
    padding: 0 0.5% 0.2%;
    border-bottom: 0.13vw solid #2c4b5e;
  }
}






/* --------------------------
		Town
----------------------------*/
#secTown {
  width: 1200px;
  margin: 20px auto 0;
  text-align: center;
}
#secTown::before {
  content: "";
  display: block;
  padding-top: 80px;
}

.log {
  text-align: center;
}

#secTown h1 {
  font-size: 30px;
  font-weight: bold;
  line-height: 1.667;
}

#secTown .town_Box {
  position: relative;
  margin-top: 29px;
}

.town_On1 {
  position: absolute;
  top: -18%;
  right: 14%;
}
.town_On2 {
  position: absolute;
  top: -17%;
  left: 14%;
}
.town_On3 {
  position: absolute;
  top: 35%;
  right: 21.7%;
  transform: scale(-1, 1);
}
.town_On4 {
  position: absolute;
  bottom: 5%;
  left: 15%;
}

#secTown .town_TxtBox {
  font-size: 18px;
  line-height: 1.667;
  gap: 1.1%;
  margin-top: -45px;
  position: sticky;
  z-index: 2;
}
#secTown .town_TxtBox .txt01 {
  background: url(../img/index/Orange_bg2.png) no-repeat;
  background-size: cover;
  color: #e95513;
  width: 131px;
  height: 127px;
  padding-top: 20px;
}
#secTown .town_TxtBox .txt02 {
  background: url(../img/index/Blue_bg.png) no-repeat;
  background-size: cover;
  color: #2c4b5e;
  width: 131px;
  height: 127px;
  padding-top: 33px;
}

@media only screen and (max-width: 767px) {
  #secTown {
    width: 100%;
    margin: 2% auto 0;
    padding-top: 4.4%;
  }
  #secTown::before {
    padding-top: 10%;
  }

  .town_Log {
    width: 19.2%;
    margin: 0 auto;
  }

  #secTown h1 {
    font-size: 4.8vw;
    margin-top: 2.87%;
    line-height: 1;
  }

  #secTown .town_Box {
    margin-top: 22.4%;
  }

  .town01 {
    width: 85.33%;
    height: auto;
    margin: 0 auto;
    overflow-x: scroll;
    padding-bottom: 2%;
  }
  .town01 img {
    width: 120%;
  }

  .town01::-webkit-scrollbar {
    height: 1vw;
  }
  .town01::-webkit-scrollbar-thumb {
    background: rgba(200, 107, 64, 0.624);
    border-radius: 5vw;
  }
  .town01::-webkit-scrollbar-track {
    background: #fbe9da;
    border-radius: 5vw;
  }

  .town_p {
    font-size: 2.5vw;
    text-align: center;
    display: block;
    margin-top: 1%;
  }

  .town_On1 {
    width: 45.87%;
    top: -25.2%;
    right: 1%;
  }
  .town_On2 {
    width: 41.6%;
    top: -22.4%;
    left: 5%;
  }
  .town_On3 {
    width: 12.4%;
    top: 31%;
    right: 77%;
    transform: none;
  }
  .town_On4 {
    width: 15.07%;
    bottom: -32%;
    left: 77%;
  }

  #secTown .town_TxtBox {
    font-size: 3.1vw;
    margin-top: 2%;
  }
  #secTown .town_TxtBox .txt01 {
    width: 21.97%;
    height: 21.3vw;
    padding-top: 3.5%;
  }
  #secTown .town_TxtBox .txt02 {
    width: 21.97%;
    height: 21.3vw;
    padding-top: 6%;
  }
}






/* --------------------------
		Location
----------------------------*/
#secLoc {
  width: 1200px;
  margin: 20px auto 0;
}
#secLoc::before {
  content: "";
  display: block;
  padding-top: 80px;
}

#secLoc h1 {
  font-size: 30px;
  font-weight: bold;
  text-align: center;
  margin-top: 29px;
}

.boxL, .boxR, .pic {
  position: relative;
}

#secLoc .txtBox h2 {
  font-size: 24px;
  font-weight: 400;
}
#secLoc .txtBox p {
  font-size: 16px;
  letter-spacing: 0.025em;
  line-height: 1.563;
  color: #515354;
  font-weight: 200;
}

.secPark {
  position: relative;
  align-items: center;
  gap: 0.5%;
  margin-top: 35px;
}

.secPark .boxL {
  width: 400px;
}

.secPark .boxL .txtBox p {
  margin: 5px 0 13px;
}

.secPark .boxL .box01 {
  justify-content: space-between;
}

.park_On1 {
  position: absolute;
  top: -6.7%;
  left: 7.4%;
}
.park_On2 {
  position: absolute;
  top: -5%;
  right: -0.5%;
}
.park_On3 {
  position: absolute;
  top: 64.5%;
  left: 8.7%;
}

.secShop {
  margin: 47px auto 0;
  width: 924px;
}

.shop01 img {
  height: 286px;
  object-fit: cover;
  object-position: 17% 100%;
}

.secShop .box01 {
  gap: 1.5%;
  justify-content: left;
}

.secShop .box01 .txtBox {
  margin-top: 8px;
}

.secShop .box01 .txtBox p {
  width: 465px;
  margin: 5px 0 0;
}

.secShop .box02 {
  position: relative;
  gap: 1.5%;
  margin-top: -120px;
  justify-content: right;
  align-items: end;
}

.shop02 img {
  height: 260px;
  object-fit: cover;
  object-position: 17% 100%;
}

#secLoc .txtBox h3 {
  font-size: 20px;
  color: #515354;
  line-height: 1.6;
}

.secShop .box02 .txtBox {
  margin-bottom: 12.5px;
}

#secLoc .secShop .txtBox h3 ,#secLoc .secSchool .txtBox h3 {
  margin-top: 18px;
}

.shop_On1 {
  position: absolute;
  top: 0%;
  right: 34.9%;
}
.shop_On2 {
  position: absolute;
  top: 37.5%;
  left: 1%;
}

.secSchool {
  position: relative;
  margin-top: 47px;
  align-items: center;
  gap: 1.5%;
}

.school_On1 {
  position: absolute;
  top: 0%;
  right: 0%;
}
.school_On2 {
  position: absolute;
  top: 60%;
  right: 17%;
}

.secAccess {
  margin-top: 25px;
}

.secAccess .box01 {
  align-items: end;
  gap: 1.5%;
}

.access02 {
  text-align: center;
  margin-top: 15px;
}

.secAccess .btmBox {
  position: relative;
}

#secLoc .secAccess .txtBox h3 {
  text-align: center;
  margin-top: 25px;
}

#secLoc .secAccess .txtBox h2 {
  text-align: center;
  margin-top: 17px;
}

.access_On1 {
  position: absolute;
  bottom: 0%;
  right: 15.2%;
}
.access_On2 {
  position: absolute;
  bottom: -10%;
  left: 17.5%;
}

#secLoc .secEtc {
  margin-top: 60px;
  gap: 2%;
}

#secLoc h4 {
  font-size: 17px;
  color: #515354;
  line-height: 1.647;
}

@media only screen and (max-width: 767px) {
  .boxL, .boxR, .pic {
    width: 100%;
  }

  #secLoc {
    width: 100%;
    margin: 2% auto 0;
    padding-top: 4.4%;
    overflow: hidden;
  }
  #secLoc::before {
    padding-top: 10%;
  }

  .loc_Log {
    width: 24.93%;
    margin: 0 auto;
  }

  #secLoc h1 {
    font-size: 4.8vw;
    margin-top: 2.87%;
    line-height: 1.583;
  }

  .secPark {
    flex-direction: column;
    margin-top: 4%;
  }

  .park01 {
    width: 85.33%;
    margin: 0 auto;
  }

  .secPark .boxL {
    width: 85.33%;
    margin: 0 auto;
    display: flex;
    flex-direction: column-reverse;
  }

  .secPark .boxL .box01 {
    gap: 2.5%;
  }

  #secLoc .txtBox h2 {
    font-size: 4vw;
    text-align: center;
    margin-top: 2%;
  }
  #secLoc .txtBox p {
    font-size: 3vw;
    letter-spacing: 0.05em;
    width: 95%;
    margin: 1% auto 0;
  }

  .park_On1 {
    width: 15.73%;
    top: -1%;
    left: 4.5%;
  }
  .park_On2 {
    width: 20.8%;
    top: -2.2%;
    right: 1%;
  }
  .park_On3 {
    width: 19.2%;
    top: 41%;
    left: 3.7%;
  }

  .secShop {
    margin: 6.67% auto 0;
    width: 100%;
  }

  .secShop .box01 {
    flex-direction: column;
  }

  .shop01 {
    width: 85.33%;
    margin: 0 auto;
  }

  .shop02 {
    width: 75.33%;
    margin: 0 auto;
  }

  .secShop .box01 .txtBox {
    width: 85.33%;
    margin: 0 auto;
  }

  .secShop .box02 .txtBox {
    margin-bottom: 0;
  }

  .secShop .box02 {
    flex-direction: column-reverse;
    align-items: center;
    margin: 3% auto 0;
  }

  .shop01 img ,.shop02 img {
    height: auto;
  }

  #secLoc .txtBox h3 {
    font-size: 3.47vw;
    line-height: 1.731;
    text-align: center;
  }

  #secLoc .secShop .txtBox h3, #secLoc .secSchool .txtBox h3 {
    margin-top: 3%;
  }

  .shop_On1 {
    width: 27.87%;
    top: -6%;
    right: 11.9%;
  }
  .shop_On2 {
    width: 14%;
    top: 35%;
    left: 6%;
  }

  .secSchool {
    margin: 6.67% auto 0;
    flex-direction: column;
  }

  .school01 ,.access01 {
    width: 85.33%;
    margin: 0 auto;
  }

  .school_On1 {
    width: 21.2%;
    top: 1%;
    right: 30%;
  }
  .school_On2 {
    width: 11.33%;
    top: 55%;
    right: 3.7%;
  }

  .secAccess {
    margin: 6% auto 0;
  }

  .secAccess .box01 {
    flex-direction: column-reverse;
    align-items: center;
  }

  #secLoc .secAccess .txtBox h2 {
    margin-top: 2%;
  }

  #secLoc .secAccess .txtBox h3 {
    margin-top: 2.5%;
  }

  .access02 {
    width: 61.33%;
    margin: 2% auto 0;
  }

  .access_On1 {
    width: 22.67%;
    bottom: -0.5%;
    right: 0.5%;
  }
  .access_On2 {
    width: 22.93%;
    bottom: 7%;
    left: 0.5%;
  }

  #secLoc .secAccess .txtBox h2:nth-child(2) {
    line-height: 1.2;
  }

  #secLoc .secEtc {
    flex-direction: column;
    margin-top: 5%;
  }

  #secLoc h4 {
    font-size: 3.15vw;
    line-height: 2.3;
    text-align: center;
  }
}







/* --------------------------
		Support
----------------------------*/
#secSup {
  position: relative;
  width: 1200px;
  margin: 20px auto 0;
  text-align: center;
}
#secSup::before {
  content: "";
  display: block;
  padding-top: 80px;
}

#secSup h1 {
  font-size: 30px;
  font-weight: bold;
  margin-top: 29px;
}

#secSup h2 {
  font-size: 18px;
  font-weight: 400;
}

#secSup h3 {
  font-size: 18px;
  margin-top: 24px;
}

#secSup p {
  font-size: 15px;
  letter-spacing: 0.025em;
  margin-top: 16px;
  color: #515354;
  font-weight: 200;
}

.supBox {
  gap: 3%;
  flex-wrap: wrap;
}

.supBox .box01 ,.supBox .box02 ,.supBox .box03 ,.supBox .box04 {
  position: relative;
  width: 409px;
  padding: 40px 15px 23px;
  border-radius: 0.7vw;
  margin-top: 57px;
}

.supBox .box01 ,.supBox .box04 {
  background-color: #fbe9da;
}
.supBox .box02 ,.supBox .box03 {
  background-color: #e8e8e2;
}

.sup01 ,.sup02 ,.sup03 ,.sup04 {
  position: absolute;
  top: -33%;
  left: 43%;
}

.sup_On1 {
  position: absolute;
  bottom: 0%;
  left: 13%;
}

@media only screen and (max-width: 767px) {
  #secSup {
    width: 100%;
    margin: 2% auto 0;
    padding-top: 4.4%;
    overflow: hidden;
  }
  #secSup::before {
    padding-top: 10%;
  }

  .sup_Log {
    width: 30.13%;
    margin: 0 auto;
  }

  #secSup h1 {
    font-size: 4.8vw;
    margin-top: 2.87%;
  }

  .sup01, .sup02, .sup03, .sup04 {
    width: 23.2%;
    top: -19%;
    left: 39%;
  }

  #secSup h2 {
    font-size: 3.2vw;
  }

  #secSup .box01 h2 ,#secSup .box02 h2 {
    line-height: 1.3;
  }

  #secSup p {
    font-size: 2.8vw;
    letter-spacing: 0.05em;
    margin-top: 4%;
    line-height: 1.6;
  }

  .supBox .box01, .supBox .box02, .supBox .box03, .supBox .box04 {
    width: 41.2%;
    padding: 5% 2% 4%;
    margin-top: 8.5%;
    border-radius: 2vw;
  }

  #secSup h3 {
    font-size: 3.2vw;
    line-height: 1.667;
    margin-top: 2%;
  }

  .sup_On1 {
    width: 13.33%;
    left: 86%;
  }
}






/* --------------------------
		Model
----------------------------*/
#secModel {
  position: relative;
  width: 1200px;
  margin: 20px auto 0;
}
#secModel::before {
  content: "";
  display: block;
  padding-top: 80px;
}

#secModel h1 {
  font-size: 30px;
  font-weight: bold;
  margin-top: 29px;
  text-align: center;
}


/*---- Model04 ----*/
#secM04 {
  margin-top: 28px;
}

.m04_Top01 {
  text-align: center;
}
.m04_Top01 img {
  height: 479px;
  object-fit: cover;
}

#secM04 .secTop h2 ,#secM10 .secTop h2 {
  font-size: 27px;
  line-height: 1.481;
  font-weight: bold;
}

#secM04 .houseBox {
  position: relative;
  align-items: center;
  margin-top: -142px;
}

.m04_Gouti {
  position: absolute;
  top: 0.7%;
  left: 11%;
}

#secM04 .houseBox .boxR {
  margin-top: 71px;
}

.siyouBox {
  font-size: 15px;
  color: #fff;
  text-align: center;
  align-items: center;
  gap: 1.8%;
  margin-top: 15px;
}

.siyouBox .txt01 ,.siyouBox .txt02 ,.siyouBox .txt03 ,.siyouBox .txt04 {
  background-color: #4b6574;
  width: 112px;
  height: 98px;
  padding-top: 12.5px;
  border-radius: 0.7vw;
  line-height: 1.667;
}
.siyouBox .txt04 {
  line-height: 1.333;
  padding-top: 9px;
}

#secModel .siyouBox .f120 ,#secModel .siyouBox .f140 {
  line-height: 0;
}

.m04_Top_On1 {
  position: absolute;
  top: 13%;
  right: 18.4%;
}
.m04_Top_On2 {
  position: absolute;
  top: 1.8%;
  right: 9.7%;
}

#secM04 .secMdrBox {
  align-items: center;
  margin-top: 10px;
}

#secM04 .secMdrBox .boxR {
  margin-left: -10px;
}

.m04_Mdr2F ,.m10_Mdr2F {
  text-align: center;
  margin-bottom: 35px;
}

#secM04 .mdrTxt ,#secM10 .mdrTxt {
  gap: 7px;
}

#secModel .bg_Blue ,#secModel .bg_Orange {
  width: 115px;
  height: 111px;
  padding-top: 30px;
  font-size: 18px;
  line-height: 1.3;
  text-align: center;
}
#secModel .bg_Blue {
  background: url(../img/index/Blue_bg.png) no-repeat;
  background-size: cover;
}
#secModel .bg_Orange {
  background: url(../img/index/Orange_bg.png) no-repeat;
  background-size: cover;
  color: #fff;
}

#secModel .secTit {
  justify-content: left;
  gap: 1%;
  align-items: center;
}

#secModel .txtBox h2 {
  font-size: 24px;
}
#secModel .txtBox p {
  font-size: 16px;
  letter-spacing: 0.025em;
  line-height: 1.563;
  color: #515354;
  font-weight: 200;
  margin-top: 10px;
}

#secM04 .sec01 {
  gap: 1.5%;
  margin-top: 47px;
  align-items: center;
}

#secM04 .sec01 .txtBox {
  position: relative;
  width: 435px;
}

.m04_01_On1 {
  position: absolute;
  top: 97%;
  right: 5%;
}

#secM04 .sec02_03 {
  margin-top: 57px;
}

#secM04 .sec02 {
  position: relative;
  gap: 2%;
  flex-wrap: wrap;
}

.m04_02 img {
  border: 5px solid #fff;
}

#secM04 .sec02 .txtBox:first-child {
  width: 538px;
  margin-top: 25px;
}

.m04_02_Mdr {
  position: absolute;
  top: 32%;
  left: 17%;
}

#secM04 .sec03 {
  width: 539px;
  margin: 45px 0 0 11px;
}

#secM04 .sec03 .txtBox .secTit {
  justify-content: center;
  margin-top: 12px;
}

.m04_02_On2 {
  position: absolute;
  top: 73.5%;
  left: 8.6%;
}
.m04_02_On1 {
  position: absolute;
  top: 11%;
  left: 8.9%;
}
.m04_03_On1 {
  position: absolute;
  top: 20.5%;
  left: 32.9%;
}

#secM04 .secLDK {
  position: relative;
  text-align: center;
  margin-top: 57px;
}

.m04_LDK img {
  height: 477px;
  object-fit: cover;
}

.m04_LDK_On1 {
  position: absolute;
  top: 2.4%;
  right: 15.6%;
}

#secM04 .sec04 {
  margin-top: 57px;
  gap: 1.5%;
  align-items: center;
}

#secM04 .sec04 .txtBox {
  width: 378px;
}

.m04_04_On1 {
  position: absolute;
  top: 3%;
  left: 46.5%;
}

#secM04 .sec05 {
  margin-top: 21px;
  gap: 3%;
  align-items: center;
}

#secM04 .sec05 .txtBox {
  position: relative;
  width: 345px;
}

.m04_05_On1 {
  position: absolute;
  top: -58%;
  right: 2%;
}

#secModel .secYoutube {
  position: relative;
  text-align: center;
  margin-top: 45px;
}

#secModel h3 {
  font-size: 18px;
  margin-bottom: 10px;
}

.m04_Youtube_On1 {
  position: absolute;
  top: 22%;
  right: 17.3%;
}

.m04_Kounetuhi ,.m10_Kounetuhi {
  text-align: center;
  margin-top: 43px;
}

#secM04 .value ,#secM10 .value {
  margin-top: 28px;
  gap: 1.5%;
  align-items: end;
  text-align: center;
}

#secModel .value .boxL {
  width: 355px;
}

#secModel .value .txt01 {
  font-size: 16px;
}
#secModel .value .txt02 {
  font-size: 17px;
  margin: 9px 0;
}
#secModel .value .txt02 .big {
  font-size: 40px;
}
#secModel .value .txt02 .mini {
  font-size: 65%;
}
#secModel .value .txt03 {
  font-size: 15px;
  background-color: #aaaaaa;
  padding: 16px 0;
  color: #fff;
}

#secModel .value .boxR {
  width: 395px;
  font-size: 15px;
  color: #fff;
}

#secModel .value .boxR .box01 {
  justify-content: space-between;
}

#secModel .value .txt04 ,#secModel .value .txt05 {
  background-color: #2c4b5e;
  padding: 8px 0;
  color: #fff;
  line-height: 1.333;
  width: 49%;
}
#secModel .value .txt06 {
  background-color: #aaaaaa;
  padding: 8px 0;
  line-height: 1.333;
  margin-top: 4px;
}

.jitubutu {
  font-size: 13px;
  text-align: center;
  margin-top: 5px;
  font-weight: 100;
}

.m04_Siyou {
  text-align: center;
  margin-top: 45px;
}

.sectionLine {
  font-size: 19px;
  text-align: center;
  letter-spacing: 0.7em;
  margin: 64px auto 0;
  color: #2c4b5e;
}





/*---- Model10 ----*/
#secM10 {
  position: relative;
  margin: 20px auto 0;
}
#secM10::before {
  content: "";
  display: block;
  padding-top: 80px;
}

.m10_Top01 {
  text-align: center;
}

.m10_Gouti {
  position: absolute;
  top: -2.4%;
  left: 8.5%;
}

#secM10 .houseBox {
  position: relative;
  align-items: center;
  margin-top: -127px;
}

#secM10 .houseBox .boxR {
  margin: 71px 0 0 -7px;
}

#secM10 .siyouBox .txt01, #secM10 .siyouBox .txt02, #secM10 .siyouBox .txt03,  #secM10 .siyouBox .txt04 {
  background-color: #907c5f;
}

.m10_Top_On1 {
  position: absolute;
  top: 16%;
  right: 19%;
}
.m10_Top_On2 {
  position: absolute;
  top: -7%;
  right: 11.1%;
}

#secM10 .secMdrBox {
  margin-top: 10px;
  gap: 90px;
  align-items: center;
}

#secM10 .sec01 {
  width: 818px;
  margin: 47px auto ;
}

#secM10 .sec01 .txtBox {
  width: 625px;
  margin: 9px auto 0;
}

#secModel #secM10 .sec01 .secTit {
  justify-content: center;
}

.m10_01_On1 {
  position: absolute;
  top: 2%;
  right: 2%;
}
.m10_01_On2 {
  position: absolute;
  bottom: -5.2%;
  left: 2.5%;
}
.m10_01_On3 {
  position: absolute;
  bottom: -5.2%;
  right: 2.5%;
}

#secM10 .sec02 {
  margin-top: 57px;
  gap: 1.5%;
  align-items: end;
}

.m10_02 img {
  height: 331px;
  object-fit: cover;
}

#secM10 .sec02 .boxR {
  width: 440px;
}

#secM10 .pantryBox {
  margin-top: 31px;
  align-items: end;
  gap: 17px;
}

.m10_02_On1 {
  position: absolute;
  top: 2.7%;
  left: 5.5%;
}
.m10_02_On2 {
  position: absolute;
  top: 2%;
  left: 33%;
}

#secM10 .sec03 {
  margin-top: 86px;
  align-items: center;
  gap: 1.5%;
}

#secM10 .sec03 .txtBox {
  width: 300px;
}

.m10_03_On1 {
  position: absolute;
  top: -22.7%;
  right: -17%;
}

#secM10 .sec04_Etc {
  gap: 6%;
  align-items: end;
  margin: 57px auto 0 -33px;
}

#secM10 .sec04 .txtBox {
  width: 310px;
  margin: 9px auto 0;
}

#secModel #secM10 .sec04 .secTit {
  justify-content: center;
}

.m10_04_On1 {
  position: absolute;
  bottom: -3%;
  left: -7%;
}

#secM10 .secEtc {
  position: relative;
  margin-bottom: 45px;
}

#secM10 .secEtc .txtBox {
  width: 305px;
  justify-content: space-between;
  flex-wrap: wrap;
}

#secModel .txtBox h3 {
  font-size: 21px;
  line-height: 1.5;
  color: #515354;
}

#secModel .secEtc .txtBox h3:nth-child(2) {
  background: linear-gradient(transparent 72%, #fff9bb 60%);
}

.m10_05 {
  text-align: center;
  margin-top: 16px;
}

.m10_05_Tit {
  position: absolute;
  top: -36.4%;
  right: -28%;
}

.m10_05_On1 {
  position: absolute;
  top: 19%;
  right: -5%;
}
.m10_05_On2 {
  position: absolute;
  bottom: -6%;
  right: -14%;
}

@media only screen and (max-width: 767px) {
  #secModel {
    width: 100%;
    margin: 2% auto 0;
    padding-top: 4.4%;
    overflow: hidden;
  }
  #secModel::before {
    padding-top: 10%;
  }

  .model_Log {
    width: 34.93%;
    margin: 0 auto;
  }

  #secModel h1 {
    font-size: 4.8vw;
    margin-top: 2.87%;
  }

  #secM04 {
    margin-top: 4.53%;
  }

  .m04_Top01 {
    width: 92%;
    margin: 0 auto;
  }

  .m04_Top01 img {
    height: 64.13vw;
    object-position: 20% 100%;
  }

  #secM04 .houseBox {
    flex-direction: column;
    margin-top: -25%;
  }

  .m04_House {
    width: 70.8%;
    margin: 0 auto;
  }

  #secM04 .houseBox .boxR {
    margin-top: -1%;
  }

  .m04_Gouti {
    width: 13.33%;
    top: 2.3%;
    left: 23.6%;
  }

  #secM04 .secTop h2, #secM10 .secTop h2 {
    font-size: 4.93vw;
    text-align: center;
  }

  .siyouBox {
    font-size: 2.8vw;
    gap: 1.8%;
    margin-top: 1%;
  }

  .siyouBox .txt01, .siyouBox .txt02, .siyouBox .txt03, .siyouBox .txt04 {
    width: 21.16%;
    height: 18.53vw;
    padding-top: 2.3%;
    border-radius: 2vw;
  }

  .siyouBox .txt04 {
    padding-top: 1.75%;
  }

  .m04_Top_On1 {
    width: 11.33%;
    top: 50.5%;
    right: 20.5%;
  }
  .m04_Top_On2 {
    width: 17.33%;
    top: 42.5%;
    right: 3.7%;
  }

  #secM04 .secMdrBox {
    flex-direction: column;
  margin-top: 6.53%;
  }

  .m04_Mdr1F {
    width: 78.8%;
    margin: 0 auto;
  }

  .m04_Mdr2F {
    width: 45.2%;
    margin: 6.67% auto 0;
  }

  #secM04 .mdrTxt, #secM10 .mdrTxt {
    gap: 1.07%;
    margin-top: 3%;
  }

  #secModel .bg_Blue, #secModel .bg_Orange {
    width: 18.13%;
    height: 17.47vw;
    padding-top: 4.35%;
    font-size: 3.06vw;
    line-height: 1.3;
  }

  #secM04 .sec01 {
    margin-top: 6.4%;
    flex-direction: column;
  }

  .m04_01 ,.m04_03 ,.m04_04 {
    width: 85.33%;
    margin: 0 auto;
  }

  #secModel .secTit {
    justify-content: center;
  }

  .number01 ,.number02 ,.number03 ,.number04 ,.number05 {
    width: 4.93%;
  }

  #secModel .txtBox h2 {
    font-size: 4vw;
  }

  #secModel .txtBox p {
    font-size: 3vw;
    line-height: 1.6;
    letter-spacing: 0.05em;
    width: 82.4%;
    margin: 1% auto 0;
  }

  #secM04 .sec01 .txtBox ,#secM04 .sec03 .txtBox ,#secM04 .sec04 .txtBox ,#secM04 .sec05 .txtBox ,#secM10 .sec01 .txtBox ,#secM10 .sec02 .txtBox:first-child ,#secM10 .sec03 .txtBox {
    width: 100%;
    margin-top: 2%;
  }

  .m04_01_On1 {
    width: 20.67%;
    top: -28%;
    right: 7.3%;
  }

  #secM04 .sec02_03 {
    margin-top: 8.27%;
  }

  #secM04 .sec02 {
    justify-content: left;
  }

  #secM04 .sec02 .txtBox:first-child {
    width: 100%;
    margin: 2% 0 0 8.5%;
  }

  #secModel #secM04 .sec02 .secTit:first-child {
    justify-content: left;
  }

  #secModel #secM04 .sec02 .txtBox:first-child h2 {
    line-height: 1.6;
  }

  #secModel #secM04 .sec02 .txtBox:first-child p  {
    width: 48%;
    margin: 1% 0 0;
  }

  .m04_02 {
    width: 66.53%;
    margin-left: 7.2%;
  }

  .m04_02 img {
    border: 0.67vw solid #fff;
  }

  .m04_02_On1 {
    width: 13.07%;
    top: 39%;
    left: 15.9%;
  }
  .m04_02_On2 {
    width: 28%;
    top: 39%;
    left: 37.6%;
  }

  .m04_02_Mdr {
    width: 34%;
    top: 16%;
    left: 58.6%;
  }

  #secM04 .sec03 {
    width: 100%;
    margin: 34% auto 0;
  }

  #secModel #secM04 .sec03 .secTit:first-child {
    justify-content: center;
  } 
  #secM04 .sec03 .txtBox .secTit {
    margin-top: 0;
  }

  #secM04 .secLDK {
    margin-top: 8%;
  }

  .m04_LDK {
    width: 89.33%;
    margin: 0 auto;
  }

  .m04_LDK img {
    height: 63vw;
    object-position: 97% 100%;
  }

  .m04_LDK_On1 {
    width: 52.13%;
    top: 2.5%;
    right: 7.6%;
  }

  #secM04 .sec04 {
    margin-top: 11%;
    flex-direction: column;
  }

  .m04_04_On1 {
    width: 2.8%;
    top: 14%;
  }

  #secM04 .sec05 {
    margin-top: 7.47%;
    flex-direction: column-reverse;
  }

  .m04_05 {
    width: 57.27%;
    margin: 0 auto;
  }

  #secModel #secM04 .sec05 .txtBox p {
    width: 70.67%;
  }
  
  .m04_05_On1 {
    width: 14.27%;
    top: -74%;
    right: 20.5%;
  }

  #secModel .secYoutube {
    margin-top: 7.47%;
  }

  #secModel h3 {
    font-size: 3vw;
    margin-bottom: 2.5%;
  }

  .m04_Youtube {
    width: 92.53%;
    margin: 0 auto;
  }

  .m04_Youtube_On1 {
    width: 9.47%;
    top: 35%;
    right: 1.5%;
  }

  .m04_Kounetuhi, .m10_Kounetuhi {
    width: 92%;
    margin: 7.2% auto 0;
  }

  #secM04 .value ,#secM10 .value {
    width: 85.33%;
    margin: 4.53% auto 0;
    flex-direction: column;
  }
  
  #secModel .value .boxL {
    width: 100%;
  }
  
  #secModel .value .txt01 {
    font-size: 3.6vw;
  }
  #secModel .value .txt02 {
    font-size: 3.89vw;
    margin: 3.07% 0;
  }
  #secModel .value .txt02 .big {
    font-size: 8.7vw;
  }
  #secModel .value .txt03 {
    font-size: 3.27vw;
    padding: 3.33% 0;
  }
  
  #secModel .value .boxR {
    width: 100%;
    font-size: 3.27vw;
    margin-top: 1.73%;
  }
  
  #secModel .value .txt04 ,#secModel .value .txt05 {
    padding: 2.13% 0;
  }
  #secModel .value .txt06 {
    padding: 2.13% 0;
    margin-top: 1.73%;
  }
  
  .jitubutu {
    font-size: 2.8vw;
    margin-top: 2%;
  }

  .m04_Siyou {
    width: 92%;
    margin: 12% auto 0;
  }

  .sectionLine {
    font-size: 3.33vw;
    margin: 12.53% auto 0;
  }




/* ---  Model10  ---*/
  #secM10 {
    width: 100%;
    margin: 2% auto 0;
    padding-top: 4.4%;
    overflow: hidden;
  }
  #secM10::before {
    padding-top: 10%;
  }

  .m10_Top01 {
    width: 92%;
    margin: 0 auto;
  }
  .m10_Top01 img {
    height: 64.13vw;
  }

  #secM10 .houseBox {
    flex-direction: column;
    margin-top: -10%;
  }

  .m10_Gouti {
    width: 13.33%;
    top: 0%;
    left: 20%;
  }

  .m10_House {
    width: 71.07%;
    margin: 0 auto;
  }

  .m10_Top_On1 {
    width: 10.4%;
    top: 50.2%;
    right: 20%;
  }
  .m10_Top_On2 {
    width: 13.6%;
    top: 34.2%;
    right: 4%;
  }

  #secM10 .houseBox .boxR {
    margin: -3.5% 0 0;
  } 

  #secM10 .secMdrBox {
    flex-direction: column;
    margin-top: 6.53%;
    gap: 0;
  }

  .m10_Mdr1F {
    width: 59.6%;
    margin: 0 auto;
  }

  .m10_Mdr2F {
    width: 39.47%;
    margin: 6.67% auto 0;
  }

  #secM10 .sec01 {
    width: 100%;
    margin: 6.4% auto 0;
  }

  .m10_01 {
    width: 88.8%;
    margin: 0 auto;
  }
  .m10_01 img {
    height: 64.27vw;
    object-fit: cover;
    object-position: 21% 100%;
  }

  .m10_01_On1 {
    width: 66.13%;
    top: 2.5%;
    right: 8%;
  }
  .m10_01_On2 {
    width: 12.53%;
    bottom: -11%;
    left: 8%;
  }
  .m10_01_On3 {
    width: 12.43%;
    bottom: -11.3%;
    right: 8%;
  }

  #secM10 .sec02 {
    margin-top: 8%;
    flex-direction: column;
  }

  .m10_02 ,.m10_03{
    width: 85.33%;
    margin: 0 auto;
  }
  .m10_02 img {
    height: auto;
  }

  #secM10 .sec02 .boxR {
    width: 100%;
  }
  .m10_02_On1 {
    width: 9.2%;
    left: 15.5%;
  }

  #secM10 .pantryBox {
    margin-top: -2.8%;
    flex-direction: row-reverse;
    gap: 4.67%;
  }
  
  #secM10 .pantryBox .pic {
    width: 31.87%;
  }

  .m10_02_On2 {
    width: 25%;
    top: 3.5%;
    left: 37.5%;
  }

  #secModel #secM10 .pantryBox .txtBox {
    width: 44.13%;
  }

  #secModel #secM10 .pantryBox .txtBox p {
    width: 100%;
  }

  #secM10 .sec03 {
    margin-top: 15.6%;
    flex-direction: column-reverse;
  }

  .m10_03_On1 {
    width: 35.47%;
    top: -18.7%;
    right: 7.1%;
  }

  #secM10 .sec04_Etc {
    flex-direction: column;
    margin: 8% auto 0;
  }

  .m10_04 {
    width: 57.5%;
    margin: 0 auto;
  }

  #secM10 .sec04 .txtBox {
    width: 83%;
    margin: 2% auto 0;
  }

  .m10_04_On1 {
    width: 9.07%;
    bottom: -5%;
    left: 18.5%;
  }

  #secM10 .secEtc {
    margin: 20.67% auto 0;
  }

  #secM10 .secEtc .txtBox {
    width: 55%;
    margin: 0 auto;
  }

  #secModel .txtBox h3 {
    font-size: 3.6vw;
  }

  .m10_05 {
    width: 44%;
    margin: 2% auto 0;
  }

  .m10_05_Tit {
    width: 23.07%;
    top: -31%;
    right: 7%;
  }

  .m10_05_On1 {
    width: 3.87%;
    top: 25%;
    right: 19%;
  }
  .m10_05_On2 {
    width: 16.27%;
    bottom: 2%;
    right: 17%;
  }
}






/* --------------------------
		Tyumon
----------------------------*/
#secTyumon {
  position: relative;
  width: 1200px;
  margin: 20px auto 0;
}
#secTyumon::before {
  content: "";
  display: block;
  padding-top: 80px;
}

#secTyumon h1 {
  font-size: 30px;
  font-weight: bold;
  margin-top: 29px;
  text-align: center;
}

.jirei {
  text-align: center;
  margin-top: 37px;
}

#secTyumon .secTop {
  position: relative;
  letter-spacing: 0.025em;
}

#secTyumon .secTop .setumei {
  font-size: 18px;
  line-height: 1.6;
  text-align: center;
  padding-top: 11px;
  color: #515354;
  font-weight: 200;
}

#secTyumon .secTop .setumei .kasen {
  background: linear-gradient(transparent 72%, #fff9bb 60%);
}

#secTyumon .secTop .naiyouBox {
  align-items: center;
  gap: 0.8%;
  margin-top: 14px;
}

.naiyouBox .txt01 ,.naiyouBox .txt02 ,.naiyouBox .txt03 ,.naiyouBox .txt04 ,.naiyouBox .txt05 {
  width: 144px;
  padding: 11px 8px;
  background-color: #fbe9da;
  border-radius: 0.7vw;
}

.naiyouBox .txt01 ,.naiyouBox .txt03 ,.naiyouBox .txt05 {
  background-color: #e8e8e2;
}

#secTyumon .secTop .naiyouBox h1 {
  font-size: 18px;
  text-align: center;
  margin: 0 0 4px;
}
#secTyumon .secTop .naiyouBox p {
  font-size: 12px;
  line-height: 1.417;
  color: #515354;
  font-weight: 200;
}

.syoBox {
  background: #fff;
  border: 3px solid #e95513;
  border-radius: 50vw;
  align-items: center;
  gap: 3%;
  margin: 19px auto 0;
  padding: 11px 0px;
  width: 342px;
  text-decoration: none;
  font-size: 20px;
}

.tyumon_Top_On1 {
  position: absolute;
  top: -16.15%;
  left: 5%;
}
.tyumon_Top_On2 {
  position: absolute;
  bottom: -1%;
  right: 5%;
}


/*---- Plan01 ----*/
#plan01 {
  margin-top: 45px;
}

#plan01 .secPlanTit {
  padding-top: 50px;
}

#secTyumon .secPlanTit {
  position: relative;
  width: fit-content;
  margin: 0 auto;
}
#secTyumon .secPlanTit h2 {
  font-size: 27px;
  text-align: center;
  font-weight: bold;
}
#secTyumon .secPlanTit p {
  font-size: 18px;
}

#secTyumon #plan01 .secPlanTit h2 {
  margin-top: 12px;
}

.plan01_Gouti {
  position: absolute;
  top: -10%;
  left: -15.5%;
}

#plan01 .secMdrBox {
  margin-top: 10px;
  gap: 8%;
  align-items: center;
}

#plan01 .mdrTxt ,#plan15 .mdrTxt {
  gap: 7px;
}

.plan01_Mdr2F ,.plan15_Mdr2F {
  text-align: center;
  margin-bottom: 35px;
}

#secTyumon .bg_Blue ,#secTyumon .bg_Orange {
  width: 115px;
  height: 111px;
  padding-top: 30px;
  font-size: 18px;
  line-height: 1.3;
  text-align: center;
}
#secTyumon .bg_Blue {
  background: url(../img/index/Blue_bg.png) no-repeat;
  background-size: cover;
}
#secTyumon .bg_Orange {
  background: url(../img/index/Orange_bg.png) no-repeat;
  background-size: cover;
  color: #fff;
}

#secTyumon .secTit {
  justify-content: left;
  gap: 1%;
  align-items: center;
}
#secTyumon .txtBox h2 {
  font-size: 24px;
}
#secTyumon .txtBox p {
  font-size: 16px;
  letter-spacing: 0.025em;
  line-height: 1.563;
  color: #515354;
  font-weight: 200;
  margin-top: 10px;
}

#secTyumon #plan01 .sec01 {
  width: 610px;
  margin: 57px auto 0;
}

#secTyumon #plan01 .sec01 .secTit {
  justify-content: center;
}

#secTyumon #plan01 .sec01 .txtBox {
  width: 582px;
  margin: 9px auto 0;
}

.plan01_01_On1 {
  position: absolute;
  bottom: -5%;
  right: -8%;
}

.pic_Txt {
  position: absolute;
  top: 2%;
  right: 1.5%;
  font-size: 12px;
  font-weight: 100;
  text-shadow: 1px 1px 1px #fff, -1px -1px 1px #fff, -1px 1px 1px #fff, 1px -1px 1px #fff, 1px 0px 1px #fff, -1px 0px 1px #fff, 0px 1px 1px #fff, 0px -1px 1px #fff;
}

#plan01 .sec02_03 {
  width: 860px;
  margin: 47px auto 0;
}

#plan01 .sec02 {
  align-items: center;
  gap: 1.5%;
}

#plan01 .sec03 {
  position: relative;
  align-items: center;
  gap: 1.5%;
  justify-content: right;
  margin-top: -51px;
}

#secTyumon #plan01 .sec02 .txtBox {
  width: 403px;
}

#secTyumon #plan01 .sec03 .txtBox {
  width: 365px;
  margin-top: 89px;
}

.plan01_03 img {
  border: 4px solid #fff;
}

.plan01_03_On1 {
  position: absolute;
  top: 30%;
  left: 30%;
}

#plan01 .value ,#plan15 .value {
  margin-top: 28px;
  gap: 1.5%;
  align-items: end;
  text-align: center;
}

#secTyumon .value .boxR {
  width: 325px;
  font-size: 15px;
  color: #fff;
}

#secTyumon .value .txt01 {
  font-size: 16px;
}
#secTyumon .value .txt02 {
  font-size: 17px;
  margin: 9px 0;
}
#secTyumon .value .txt02 .big {
  font-size: 40px;
}
#secTyumon .value .txt02 .mini {
  font-size: 65%;
}
#secTyumon .value .txt03 {
  background-color: #aaaaaa;
  padding: 16px 0;
}

/*---- Plan15 ----*/
#plan15 {
  margin-top: 120px;
}

#secTyumon #plan15 .secPlanTit h2 {
  line-height: 1.481;
  text-align: left;
}

.plan15_Gouti {
  position: absolute;
  top: -63%;
  left: -14%;
}

#plan15 .secMdrBox {
  margin-top: 30px;
  gap: 4.5%;
  align-items: center;
}

#plan15 .sec01 {
  position: relative;
  margin-top: 57px;
  gap: 1.5%;
  align-items: end;
}

#secTyumon #plan15 .sec01 .txtBox {
  width: 365px;
  margin-bottom: 11px;
}

.plan15_01_On1 {
  position: absolute;
  bottom: -7.5%;
  left: -7.7%;
}
.plan15_01_On2 {
  position: absolute;
  top: 25%;
  right: 19%;
}
.plan15_01_On3 {
  position: absolute;
  top: 16.5%;
  right: 12.5%;
}

#plan15 .sec02_03 {
  margin-top: 47px;
  padding-top: 26px;
  gap: 3%;
}

#secTyumon #plan15 .sec02_03 .secTit {
  justify-content: center;
}

#secTyumon #plan15 .sec02_03 .txtBox {
  width: 431px;
  margin: 9px auto 0;
}

.plan15_02_On1 {
  position: absolute;
  bottom: -14%;
  left: 7.1%;
}

.bnrTokuten {
  margin-top: 30px;
  /* margin-bottom: 30px; */
  text-align: center;
}

@media only screen and (max-width: 767px) {
  #secTyumon {
    width: 100%;
    margin: 2% auto 0;
    padding-top: 4.4%;
    overflow: hidden;
  }
  #secTyumon::before {
    padding-top: 10%;
  }

  .tyumon_Log {
    width: 30%;
    margin: 0 auto;
  }

  #secTyumon h1 {
    font-size: 4.8vw;
    margin-top: 2.87%;
  }

  .jirei {
    width: 85.33%;
    margin: 5.07% auto 0;
  }

  #secTyumon .secTop .setumei {
    font-size: 3vw;
    line-height: 1.8;
    padding-top: 2%;
  }

  #secTyumon .secTop .naiyouBox {
    margin-top: 1.5%;
    gap: 1.07%;
    flex-wrap: wrap;
  }

  .naiyouBox .txt01, .naiyouBox .txt02, .naiyouBox .txt03, .naiyouBox .txt04, .naiyouBox .txt05 {
    width: 27.47%;
    padding: 2.8% 0.5%;
    border-radius: 2vw;
  }
  .naiyouBox .txt04, .naiyouBox .txt05 {
    margin-top: 1.5%;
  }

  #secTyumon .secTop .naiyouBox h1 {
    font-size: 3vw;
    margin: 0 0 3%;
  }

  #secTyumon .secTop .naiyouBox p {
    font-size: 2.2vw;
    width: 90%;
    margin: 0 auto;
  }

  .syoBox {
    border: 0.4vw solid #e95513;
    gap: 3%;
    margin: 4% auto 0;
    padding: 3.27% 0;
    width: 57.2%;
    font-size: 3.33vw;
  }

  .imgMark {
    width: 7.47%;
  }

  .tyumon_Top_On1 {
    width: 19.33%;
    top: -2%;
    left: 1%;
  }
  .tyumon_Top_On2 {
    width: 20.8%;
    right: 2%;
  }

  #plan01 {
    margin-top: 11.73%;
  }

  #plan01 .secPlanTit ,#secTyumon .secPlanTit {
    padding-top: 10%;
    width: 100%;
  }

  #secTyumon .secPlanTit p {
    font-size: 3.2vw;
    text-align: center;
  }
  #secTyumon .secPlanTit h2 {
    font-size: 4.93vw;
  }

  #secTyumon #plan01 .secPlanTit h2 {
    margin-top: 2.8%;
  }

  .plan01_Gouti {
    width: 13.33%;
    top: 0%;
    left: 30.5%;
  }

  #plan01 .secMdrBox {
    flex-direction: column;
    margin-top: 1.2%;
  }

  .plan01_Mdr1F {
    width: 66.4%;
    margin: 0 auto;
  }
  .plan01_Mdr2F {
    width: 40.53%;
    margin: 5.6% auto 0;
  }

  #secTyumon .bg_Blue, #secTyumon .bg_Orange {
    width: 18.13%;
    height: 17.47vw;
    padding-top: 4.35%;
    font-size: 3.06vw;
    line-height: 1.3;
  }

  #plan01 .mdrTxt, #plan15 .mdrTxt {
    gap: 1.07%;
    margin-top: 3%;
  }

  #secTyumon #plan01 .sec01 {
    width: 100%;
    margin: 6.4% auto 0;
  }

  #secTyumon .secTit {
    justify-content: center;
  }

  #secTyumon .txtBox h2 {
    font-size: 4vw;
  }
  #secTyumon .txtBox p {
    font-size: 3vw;
    line-height: 1.6;
    letter-spacing: 0.05em;
    width: 82.4%;
    margin: 1% auto 0;
  }

  #secTyumon #plan01 .sec01 .txtBox ,#secTyumon #plan01 .sec02 .txtBox ,#secTyumon #plan01 .sec03 .txtBox {
    width: 100%;
    margin: 2% auto 0;
  }

  .plan01_01 ,.plan01_03 {
    width: 85.33%;
    margin: 0 auto;
  }

  .plan01_01_On1 {
    width: 18.8%;
    right: 1.3%;
  }

  .pic_Txt {
    right: 8%;
    font-size: 2.7vw;
  }

  #plan01 .sec02_03 {
    width: 100%;
    margin: 8% auto 0;
  }

  #plan01 .sec02 {
    flex-direction: column;
  }

  .plan01_02 {
    width: 79.17%;
    margin: 0 auto;
  }

  #secTyumon #plan01 .sec02 .txtBox p {
    width: 80%;
  }

  #plan01 .sec02 .pic_Txt {
    right: 11.5%;
  }

  #plan01 .sec03 {
    flex-direction: column-reverse;
    padding-top: 7.5%;
    margin-top: 4.5%;
  }

  .plan01_03 img {
    border: none;
  }

  .plan01_03_On1 {
    width: 17.73%;
    top: 0%;
    left: 9.5%;
  }

  #plan01 .value ,#plan15 .value {
    width: 85.33%;
    margin: 4.53% auto 0;
    flex-direction: column;
  }
  
  #secTyumon .value .boxR {
    width: 100%;
    font-size: 3.27vw;
  }
  
  #secTyumon .value .txt01 {
    font-size: 3.6vw;
  }
  #secTyumon .value .txt02 {
    font-size: 3.89vw;
    margin: 3.07% 0;
  }
  #secTyumon .value .txt02 .big {
    font-size: 8.7vw;
  }
  #secTyumon .value .txt03 {
    padding: 4.5% 0;
  }



  #plan15 {
    margin-top: 12%;
  }

  #secTyumon #plan15 .secPlanTit h2 {
    text-align: center;
    margin-top: 2%;
  }

  .plan15_Gouti {
    width: 13.33%;
    top: 0%;
    left: 30.5%;
  }

  #plan15 .secMdrBox {
    flex-direction: column;
    margin-top: 5.6%;
  }

  .plan15_Mdr1F{
    width: 62.8%;
    margin: 0 auto;
  }
  .plan15_Mdr2F {
    width: 43.6%;
    margin: 5.6% auto 0;
  }

  #plan15 .sec01 {
    margin-top: 6.4%;
    flex-direction: column;
    padding-bottom: 14.27%;
  }

  .plan15_01 {
    width: 85.33%;
    margin: 0 auto;
  }

  #secTyumon #plan15 .sec01 .txtBox ,#secTyumon #plan15 .sec02_03 .txtBox {
    width: 100%;
    margin: 2% auto 0;
  }

  .plan15_01_On1 {
    width: 19.33%;
    bottom: -13.5%;
    left: 2.4%;
  }
  .plan15_01_On2 {
    width: 17.87%;
    top: 92%;
    right: 19.5%;
  }
  .plan15_01_On3 {
    width: 11.6%;
    top: 85.5%;
    right: 6%;;
  }

  #plan15 .sec02_03 {
    flex-direction: column;
    margin-top: 8%;
    padding-top: 0;
  }

  .plan15_02 ,.plan15_03 {
    width: 79.03%;
    margin: 0 auto;
  }

  #plan15 .sec02_03 .pic_Txt {
    right: 11.5%;
  }

  #plan15 .sec03 {
    margin-top: 8%;
  }

  .plan15_02_On1 {
    width: 11.47%;
  }
}











/* --------------------------
		Toiawase
----------------------------*/
.secToiawase img{
	width: 100%;
	height: auto;
	}

.secToiawase{
  margin-top: 80px;
	background-color: #ebe9d8;
	}

.toiawasebtm{
	width: 1000px;
    margin: 0 auto;
    display: flex;
    justify-content: space-evenly;
    padding-top: 50px;
	}

.contact{
	background-color: #2c4b5e;
    text-align: center;
    padding: 30px 0;
    width: 460px;
	}

.contxt1{
	font-size: 35px;
    padding: 15px 0;
	letter-spacing: 0.1em;
	color: #FFF;
	}

.contxt2{
	font-size: 15px;
    color: #FFF;
    line-height: 1.7;
	}

.reserve{
	background-color: #e95513;
    text-align: center;
    padding: 30px 0;
    width: 460px;
    position: relative;
	}

.resimg{
	position: absolute;
    left: 0;
    top: -29%;
	}

.restxt1{
	font-size: 35px;
	letter-spacing: 0.1em;
    padding: 15px 0;
    color: #fff;
	}

.restxt2{
	font-size: 15px;
    color: #FFF;
    line-height: 1.7;
	}

.toiawasephone{
	margin: 40px auto 0;
    text-align: center;
    padding-bottom: 40px;
	}

.phonemark{
	width: 71px;
    margin: 0 auto 15px;
	}

.phonetxt1{
	font-size: 18px;
    margin-bottom: 10px;
	}

.phonetxt2{
	font-size: 76px;
    margin-bottom: 10px;
    letter-spacing: 0.04em;
	}

.phonetxt3{
	font-size: 18px;
	}

@media only screen and (max-width: 767px) {
.secToiawase{
  margin-top: 13.33%;
}

.toiawasebtm{
	width: 100%;
    flex-direction: column;
    padding-top: 15%;
	}

.contact{
	padding: 7% 0;
    width: 90%;
    margin: 3% auto 0;
	}

.contxt1{
	font-size: 7vw;
    padding: 0 0 3%;
	}

.contxt2{
	font-size: 3vw;
    letter-spacing: 0.8px;
	}

.reserve{
	padding: 5% 0;
    width: 90%;
    margin: 0 auto;
	}

.resimg{
	position: absolute;
    left: 0;
    top: -30%;
	}

.restxt1{
	font-size: 7vw;
    padding: 4% 0 3%;
	}

.restxt2{
	font-size: 3vw;
    letter-spacing: 0.8px;
	}

.toiawasephone{
	margin: 7% auto 0;
    padding-bottom: 10%;
	}

.phonemark{
	width: 15%;
    margin: 0 auto 3%;
	}

.phonetxt1{
	font-size: 3.5vw;
    margin-bottom: 0;
	}

.phonetxt2{
	font-size: 10vw;
    margin: 3% auto;
	}

.phonetxt3{
	font-size: 3.3vw;
	}
}




.secContact {
  padding-top: 100px;
  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 #e95513;
    line-height: 30px;
    color: #e95513;
}

.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 #2c4b5e;
  line-height: 30px;
  color: #2c4b5e;
}

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


.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: 3px solid #e95513; 
    border-radius: 8px;
    padding: 16px 0;
    text-align: center;
    background: #fff;
    position: relative;
}

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

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

.secContact .cards .box {
  text-align: left;
  width: 350px;
  margin: 20px auto 0;
  font-size: 13px;
  line-height: 1.846;
  background: #fbe9da;
  padding: 20px 0 20px 25px;
    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, #8eb657 4px);
  z-index: -1;
  display: none;
}

/* .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: 0px;
  }
  .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%;
	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;
  }
  .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: #f9faf9;
  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: 50px auto 30px;
}
.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 {

}
}




.bnrTokuten{
    text-align: center;
    width: 910px;
    margin: 50px auto;
}

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


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

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