body {
  overflow-x: hidden;
}

/* toiawase */
#toiawase {
	width: 100%;
	height: auto;
	margin: auto;
	padding: 20px 0;
	background-color: #235916;
	/** border-top: 20px solid #fdd329;
	border-bottom: 20px solid #fdd329; **/
	color: #fff;
	margin-top: 80px;
}



#toiawase .txtAori {
	font-size: 22px;
	z-index: 20;
	text-align:center;
	padding-top: 40px;
	padding-bottom: 0px;
	color: #e9e4dc;
}
#toiawase .txtAori .txtB {
	font-size: 33px;
    z-index: 20;
}
.kochiraBox {
	margin: 10px auto 0;
	width: 330px;
	height: 60px;
	/* background: #fff; */
	position: relative;
}
.kochiraBox .tit {
  font-size: 22px;
  letter-spacing: 3.2px;
  z-index: 20;
  margin: auto;
  padding-top: 24px;
  padding-left: 22px;
}
.kochiraBox .imgKochira {
	position: absolute;
	left: 278px;
	top: 21px;
}
.mailBox {
	width: 1000px;
    margin: 0 auto;
    display: flex;
}
.toiBox01 {
	width: 430px;
	height: 192px;
	margin: 20px 30px 0 40px;
}
.toiBox02 {
	width: 430px;
	height: 192px;
	margin: 20px 40px 0 30px;
}
	
.toiBox01 .bnr01 {
	width: 430px;
	height: 136px;
	position: relative;
	color: #fff;
	text-decoration: none;
	text-align: center;
	padding: 18px 0 0;
	background-color: #14aee0;
	display: block;
}
.toiBox02 .bnr02 {
  width: 430px;
  height: 136px;
  position: relative;
  color: #fff;
  text-decoration: none;
  text-align: center;
  padding: 18px 0 0;
  background-color: #ff9900;
  display: block;
}
.toiBox02 .yoyakuBox {
	position: absolute;
	width: 300px;
	height: 78px;
	background-color: #fff;
	border: 4px solid #ff9900;
	top: 102px;
	left: 64px;
}
.toiBox02 .yoyakuBox .txt {
	position: absolute;
	font-size: 15px;
	z-index: 20;
	color: #46623a;
	text-align: center;
	top: -5px;
	left: 14px;
}
.yoyakuBox .txt span {
	font-size: 26.25px;
}

.triangle01 {
  border-right: 215px solid transparent;
  border-bottom: 56px solid #14aee0;
  border-left: 215px solid transparent;
}
.triangle02 {
  border-right: 215px solid transparent;
  border-bottom: 56px solid #ff9900;
  border-left: 215px solid transparent;
}

.mailBox .tit {
  font-size: 35px;
  letter-spacing: 3.2px;
  position: relative;
  z-index: 20;
  padding-right: 33px;
  padding-top: 5px;
}
.mailBox .tit span {
	color:#ffff64;
}
.mailBox .txt {
  font-size: 15px;
  letter-spacing: 0.8px;
  margin-top: 20px;
  position: relative;
  z-index: 20;
  font-family: 'NOTO SANS JP';
}
.imgMark {
    position: absolute;
    left: 316px;
    top: 20px;
}

.tel {
    margin-top: 35px;
    margin-bottom: 10px;
    text-align: center;
	font-family: 'NOTO SANS JP';
}
.telBox {
	width: 54px;
}
.tel .teltxt01 {
    margin: 15px auto 10px;
    font-size: 17px;
}
.tel .teltxt02 {
    margin: auto;
    font-size: 45px;
	text-decoration: none;
}
.tel .teltxt03 {
    margin: 10px auto 40px;
    font-size: 14px;
}
.tel a {
	color: #fff;
	text-decoration: none;
}
.tel a:hover {
	text-decoration: none;
}
.mail {
	width: 100%;
}
@media only screen and (max-width:767px) {
#toiawase {
	width: 100%;
    /** border-top: 4vw solid #fdd329;
    border-bottom: 4vw solid #fdd329; **/
	padding-top: 4vw;
	margin-top: 14%;
}
#toiawase .txtAori {
	font-size: 4.3vw;
	z-index: 20;
	text-align:center;
	padding-top: 5%;
	padding-bottom: 3%;
}
#toiawase .txtAori .txtB {
	font-size: 33px;
    z-index: 20;
}
.kochiraBox {
	margin: auto;
	width: 75%;
	height: 15vw;
	/* background: #fff; */
	position: relative;
}
.kochiraBox .tit {
  font-size: 4.3vw;
  letter-spacing: 3.2px;
  z-index: 20;
  margin: auto;
  padding-top: 6.9%;
  padding-left: 7.88%;
}
.kochiraBox .imgKochira {
	position: absolute;
	left: 80%;
	top: 3vw;
	width: 12.5%;
}
.mailBox {
	width: 100%;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
}
.toiBox01 {
	width: 90%;
	height: auto;
	margin: 9% auto 0;
}
.toiBox02 {
	width: 90%;
	height: auto;
	margin: 2vw auto 10vw;
}
	
.toiBox01 .bnr01 {
	width: 100%;
	height: 30vw;
	margin: auto;
	position: relative;
	color: #fff;
	text-decoration: none;
	text-align: center;
	padding: 4% 0 0;
	background-color: #15aee1;
	display: block;
}
.toiBox02 .bnr02 {
  width: 100%;
  height: 32vw;
  margin: auto;
  position: relative;
  color: #fff;
  text-decoration: none;
  text-align: center;
  padding: 4% 0 0;
  background-color: #ff9900;
  display: block;
}
.toiBox02 .yoyakuBox {
	position: absolute;
	width: 80%;
	height: 19vw;
	top: 80%;
	left: 10%;
}
.toiBox02 .yoyakuBox .txt {
	position: static;
	font-size: 3.3vw;
	z-index: 20;
	color: #4b6582;
	text-align: center;
	margin: 2.5vw auto;
	line-height: 1.1;
	letter-spacing: -0.01em;
}
.yoyakuBox .txt span {
	font-size: 26.25px;
}
.triangle01 {
  border-style: solid;
  border-width: 0 45vw 5vh 45vw;
  border-color: transparent transparent #15aee1 transparent;
}  
.triangle02 {
  border-style: solid;
  border-width: 0 45vw 5vh 45vw;
  border-color: transparent transparent #ff9900 transparent;
}

.mailBox .tit {
  font-size: 7.8vw;
  letter-spacing: 3.2px;
  position: relative;
  z-index: 20;
  padding-right: 10%;
  padding-top: 2%;
  padding-bottom: 5%;
}
.mailBox .tit span {
	color:#ffff64;
}
.mailBox .txt {
  font-size: 3.5vw;
  letter-spacing: 0.8px;
  margin-top: 0;
  position: relative;
  z-index: 20;
}
.imgMark {
    position: absolute;
    left: 76%;
    top: 13.5%;
    width: 12%;
}

.tel {
    margin: 8% auto 12%;
    text-align: center;
}
.tel .telBox {
	width: 10vw;
}
.tel .teltxt01 {
    margin: 4% auto 3%;
    font-size: 3.7vw;
	line-height: 1.3;
}
.tel .teltxt02 {
    margin: auto;
    font-size: 11.2vw;
    text-decoration: none;
}
.tel .teltxt03 {
    margin: 4% auto;
    font-size: 3.3vw;
}
.tel a {
	text-decoration: none;
}
.tel a:hover {
	text-decoration: none;
}
.mail {
	width: 100%;
}
}






.secContact {
  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 #70b053;
  color: #70b053;
  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 #70b053;
  color: #70b053;
  line-height: 30px;
}

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

.secContact .cards .imgBox {
    width: 350px;
    margin: 0 auto;
}

.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: 0.8px;
}

.secContact .cards .box {
  text-align: left;
  width: 90%;
  margin: 20px auto 0;
  font-size: 13px;
  line-height: 1.846;
  background: #e6dfcb;
  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%;
	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;
  }
}

.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: 100px auto 50px;
}
.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;
}

}




.bnrTokuten{
  text-align: center;
  width: 1000px;
  margin: 0px auto 30px;
}

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

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

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


/*-----------------------------------------------
	立地
-----------------------------------------------*/


#secLoca{    width: 1000px;
    margin: auto;    text-align: center;}
    
.titol01{position: relative;}

.LOC1{       margin: 5px auto 10px;
    width: 129px;
    height: 35px;
    border-radius: 10px;
    background-color: #604c3f;
    display: flex
;
    justify-content: center;
    align-items: center;
    font-size: 20pt;
    color: #fff;
    letter-spacing: 0.03vw;}

.illust1{       position: absolute;
    width: 345px;
    left: -92px;
    top: -34px;}


.LOCTX{   width: 472px;
    margin: 17px auto 20px
}


.secTit02{   font-size: 52px;
    margin: 12px auto 24px;
    line-height: 68px;
    letter-spacing: 0.05vw;
    font-family: けいふぉんと;
    color: #604c3f;}


.LocaBox01{}
.ACCTX{        width: 321px;
    margin: 7px auto 13px;}

.LocaOu01{     display: flex
;gap: 12px; 
    justify-content: center;
;}

.LocaIn01{}
.LocaIn02{}

.LocaTxt01{  font-size: 26px;
    color: #604c3f;
    margin: 9px auto 11px;
    letter-spacing: 0.05vw;
    font-weight: 500;}

.bigNum{font-size: 40px;  }

.LocaImg01{}

.LocaIn03{        margin: 42px auto;
    display: flex;
    gap: 12px;
    justify-content: center;
    position: relative;}  

.LocaOu02{    margin: -4px auto;}

.ShoTX{       width: 350px;
    margin: 0 auto 13px;}

.LocaIn04{}

.locaTxt02{margin: 8px auto;
    line-height: 26px;
    letter-spacing: 0.05vw;
    font-size: 18px;
    color: #604c3f;
    font-weight: 500;}

.LocaOu03{    }

.SchTX{width: 306px;  margin: 0 auto 13px;}

.LocaIn07{    position: absolute;
    top: 267px;
    right: -44px;}

.LocaIn05{}
.locaTxt03{}
.LocaOu04{    margin: 30px auto;}
.Parktx{      width: 245px; margin: 0 auto 13px;}
.LocaIn06{}
.LocaBox02{    display: flex 
; gap: 12px;  justify-content: center;}              
.Parkpc1{}


.parkBox{}

.Parktx01{    margin: 13px auto 8px;
    line-height: 27px;
    letter-spacing: 0.09vw;
    font-size: 26px;
    color: #604c3f;
    font-weight: 500;
    text-align: right;}


  .bigNum2{
    font-size: 35px;
    font-weight: 500;}

.Parktx02 {margin: 10px auto 14px;
    line-height: 27px;
    letter-spacing: 0.05vw;
    font-size: 22px;
    color: #604c3f;
    font-weight: 500;
    text-align: right;}     

.Parkpc2{}

.LocaBox03{    position: relative;}

.Parkimg{      width: 333px;
    bottom: -30px;
    position: absolute;
    left: -85px;}
    
.Parktx03{    margin: 14px 0px 0px 267px;
    line-height: 26px;
    letter-spacing: 0.05vw;
    font-size: 14.7px;
    color: #604c3f;
    font-weight: 500;
    text-align: left;}





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

#secLoca{   width: 92%;
            margin: -1% auto 10%;
}
    
.titol01{}

.LOC1{     width: 16%;
        font-size: 3vw;
        height: 4.5vw;
        border-radius: 1.7vw; }

.illust1{   }


.LOCTX{                   width: 50%;
        margin: 1.7vw auto 3vw;
}


.secTit02{           font-size: 6.2vw;
        line-height: 8.5vw;
        margin: 2vw auto 4vw;}


.LocaBox01{}
.ACCTX{   width: 47%;
        margin: 0 auto 2vw;  }

.LocaOu01{display: block;    }

.LocaIn01{}
.LocaIn02{}

.LocaTxt01{      font-weight: 600;    font-size: 4.6vw; margin: 0.3vw auto 1.8vw; }

.bigNum{      font-weight: 600;    font-size: 6.9vw }

.LocaImg01{        width: 95%;
        margin: auto;}

.LocaIn03{     display: block;  }  

.LocaOu02{  }

.ShoTX{   width: 51%;
        margin: 0 auto 2vw;   }

.LocaIn04{}

.locaTxt02{             font-size: 3.1vw;
        margin: 2vw auto 8vw;
        line-height: 5.2vw;
        font-weight: 600;

}

.LocaOu03{    }

.SchTX{width: 47%;
        margin: 0 auto 2vw;}

.LocaIn07{        width: 23%;
        right: 79%;
        top: 87%;
        transform: scaleX(-1); }

.LocaIn05{}
.locaTxt03{}
.LocaOu04{  margin: -1vw auto 0vw; }
.Parktx{                 width: 38%;
        margin: 0 auto 1.7vw; }
.LocaIn06{}
.LocaBox02{ display: block;
        position: relative; }              
.Parkpc1{        width: 74%;}


.parkBox{        display: flex
;
        flex-direction: column;}

.Parktx01{order: 2;
        font-size: 3.2vw;
        text-align: left;
        margin: inherit;
        font-weight: 600;       
      }


  .bigNum2{font-size: 4vw;
        font-weight: 600;
    
}

.Parktx02 {order: 3;        margin: inherit;text-align: left;
        font-weight: 600;
        font-size: 3vw; padding-left: 1em;margin-top: -1.7vw;}     

.Parkpc2{order: 1;
        width: 49%;
        align-self: end;
        position: absolute;
        top: 48%;}

.LocaBox03{   }

.Parkimg{         width: 42%;
        top: -398%;
        left: 62%; }
    
.Parktx03{           margin: 0.2vw auto;
        line-height: 4.3vw;
        font-weight: 600;
        font-size: 2.4vw;
     }




  
}



/*-----------------------------------------------
	サポート
-----------------------------------------------*/
            
#secChild{       position: relative;
    width: 1000px;
    margin: 82px auto;}


.SPOti{ margin: 0 auto 12px;
    width: 294px;}
.SPO{    background-color: #ffba43;
    padding: 28px 0 18px;
    position: relative;}

.SPOtx{     width: 733px;
    margin: -2px 182px;}

.SPOhuki{      width: 194px;
    position: absolute;
    top: -101px;}

.childBox01{display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 14px auto;
    width: 900px;
    background-color: #fff;
    border-radius: 12px;
    padding: 15px 46px;} 

.childIn01{      line-height: 35px;
    letter-spacing: 0.05vw;
    font-size: 20px;
    color: #604c3f;
    font-weight: 500;flex: 1; min-width: 0;}

.childIn02{    line-height: 35px;
    letter-spacing: 0.05vw;
    font-size: 20px;
    color: #604c3f;
    font-weight: 500;
    text-align: right;flex: 1; min-width: 0;
}


.childTxt02{     text-align: center;
    color: #fff;
    font-size: 20px;
    letter-spacing: 0.05vw;
    font-weight: 500;}

    @media only screen and (max-width: 767px) {
      
      #secChild{   width: 92%;
    margin: 6% auto 8%;
    padding: 1% 0 0; }

.SPO{ width: 90%;
    margin: auto;padding: 0.5vw 0 0.5vw;
}


.SPOti{ width: 34%;margin: 0 auto 2vw;}

.SPOtx{           width: 88%;
        padding: 2vw 0px 1vw 7vw;
                margin: 0.2vw 5.5vw -3vw;}

.SPOhuki{width: 23%;
        left: -5%;
        top: -20%;
     }

.childBox01{        display: block;
        width: 86%;
      padding: 1.5vw 6vw;} 

.childIn01{         font-size: 3vw;
        line-height: 5.7vw;
        letter-spacing: 0.09vw; font-weight: 600; }

.childIn02{            font-size: 3vw;
        line-height: 5.7vw;
        letter-spacing: 0.09vw; font-weight: 600;
        text-align: left;
    }



.childTxt02{     font-size: 2.5vw;
        margin: -2vw 0 1.5vw; }

}

/*-----------------------------------------------
	区画
-----------------------------------------------*/

#secLand{display: flex
;  justify-content: center;}

.Planimg01{width: 425px;
    }

.PlanBOX{    position: relative;}

.kukaku1{   margin: 32px auto 29px;
    width: 277px;
    height: 39px;
    border-radius: 10px;
    background-color: #604c3f;
    display: flex
;
    justify-content: center;
    align-items: center;
    font-size: 19pt;
    color: #fff;
    letter-spacing: 0.03vw;}

.bigNum3{    color: #f39700;
    font-size: 36px;
    font-weight: 600;}

.Planimg02{   width: 502px;
    margin: 18px auto;}

.kukaku01{      margin: 22px auto 14px;
    line-height: 39px;
    letter-spacing: 0.05vw;
    font-size: 22px;
    color: #604c3f;
    font-weight: 500;}

.kazoku02{  position: absolute;
    width: 695px;
    top: 341px;
    left: -106px;}

 @media only screen and (max-width: 767px) {
  
  #secLand{width: 92%;
        margin: auto;}

.Planimg01{        width: 49%;
    }

.PlanBOX{          position: relative;}

.kukaku1{         width: 65%;
        font-size: 2.7vw;
        margin: 6vw auto 3vw;
        height: 4.2vw;
        border-radius: 1.7vw;
    
      }

.bigNum3{ font-size: 3.3vw;  }

.Planimg02{                width: 106%;
        margin: auto;
        position: absolute;
        left: -5%;
    }

.kukaku01{                    font-size: 2.8vw;
        line-height: 5.5vw;
        margin: 23% auto;
        font-weight: 600;
    }  

.kazoku02{           width: 125%;
        top: 58%;
        left: -20%;
    
    }

  }
/*-----------------------------------------------
	注文
-----------------------------------------------*/


#sectyumon{   

}

.Box{ width: 1000px;
    margin: 55px auto;}

.Tyumon1{   margin: 25px auto;
    width: 140px;
    height: 35px;
    border-radius: 10px;
    background-color: #604c3f;
    display: flex
;
    justify-content: center;
    align-items: center;
    font-size: 19pt;
    color: #fff;
    letter-spacing: 0.03vw;}

.secTxt1{    color: #604c3f;
    font-weight: 600;
    font-size: 21pt;
    text-align: center;
    letter-spacing: 0.15vw;
    margin: 19px auto 10px;}

.Tyumontx{    margin: 0 auto 12px;
    width: 487px;
}

  .od-top{
	width: 275px;
	margin: 0 auto;
  }
  .jirei {
justify-content: center;
    display: flex
;
    gap: 11px;
}
  
  .secTxt {
	font-size: 17px;
	text-align: center;
	line-height: 1.9;
	margin-top: 1.25em;
	letter-spacing: 0.15vw;
	font-weight: 600;color: #604c3f;
  }
  .naiyouBox {
	display: flex;
	justify-content: center;
	gap: 0.8%;
	margin-top: 14px;
	color: #fff;
  }
  .naiyouBox .txt01, 
  .naiyouBox .txt02, 
  .naiyouBox .txt03, 
  .naiyouBox .txt04, 
  .naiyouBox .txt05 {
	width: 170px;
	padding: 12px 8px;
	background: #ffba43;
	border-radius: 15px;
  }
  .naiyouBox h1 {
	font-size: 18px;
	text-align: center;
	margin: 0 0 5px;
	letter-spacing: 0.12vw;
  }
  .naiyouBox p {
	font-size: 13px;
	line-height: 1.5;
	font-weight: 300;
	width: 100%;
	text-align: center;
	font-family: "Noto Sans JP" ,serif;
  }
  .odbnr {
	background-color: #80c269;
	padding: 15px 0;
	border-radius: 60px;
	color: #fff;
	margin: 35px auto 15px;
	width: 35%;
	box-shadow: 4px 4px 1px rgb(209 214 153 / 100%);
	transition: .3s;
	}
	.odbnr:hover {
	  box-shadow: unset;
	  transform: translateY(4px);
	}
  .bnrtext{
	text-align: center;
	color: #fff;
	font-size: 20px;
	letter-spacing: 0.15vw;
  }
@media only screen and (max-width: 767px) {

  #sectyumon{        width: 98%;
        margin: 0 auto 0;
        padding-top: 10%;

}

.Tyumon1{           width: 19%;
        font-size: 3vw;
        height: 4.5vw;
        border-radius: 1.7vw;
       margin: 5vw auto 4vw;}

.secTxt1{font-size: 3.4vw;
        margin: 5vw 0 3.3vw;}

.Tyumontx{    width: 71%;}

.Box{ width: 94%;
    margin: 6% auto 10%;}
  
	.kodomomirai {
	  width: 98%;
	  margin: 7% auto 0%;
  }
	#secTyumon {
	  width: 100%;
	  margin: 0 auto 0;
	  padding-top: 13%;
	}
	.od-top {
	  width:45%;
	}
	.jirei {        width: 100%;
        margin: -1.27% auto 0;
	}
	.secTxt {font-size: 3.5vw;
        margin: 1.25em auto;
        line-height: 6vw;
        letter-spacing: 0.15vw;
	}
	.naiyouBox {
	  flex-wrap: wrap;
	  gap: 1.2%;
	  margin-top: 2%;
	}
	.naiyouBox .txt01, .naiyouBox .txt02, .naiyouBox .txt03{
	  width: 29.5%;
	  padding: 2% 1.5%;
	  border-radius: 5px;
	}
.naiyouBox .txt04,
.naiyouBox .txt05 {
  width: 29.5%;
  margin-top: 1.5%;
  border-radius: 5px;
  padding: 1.5%;
}
	.naiyouBox h1 {
	  font-size: 3.2vw;
	  margin: 0 0 3%;
	}
	.naiyouBox p {
	  width: 100%;
	  font-size: 2.13vw;
	  letter-spacing: 0.13em;
	  line-height: 1.667;
	}
	.odbnr {
	  padding: 3% 0;
	  border-radius: 10vw;
	  margin: 4% auto 0;
	  width: 75%;
	  transition: .3s;
	  }
	  .odbnr:hover {
		box-shadow: unset;
		transform: translateY(4px);
	  }
	.bnrtext{
	  font-size: 3.8vw;
	}
	
  }

/*-----------------------------------------------
	注文プラン
-----------------------------------------------*/

.LINE{    margin: 50px auto;}

.Plan03BOX{    width: 900px;
    margin: 0 auto;}

.sankou03{width: 253px;
    margin: 50px auto 15px;
}
.titol03{    color: #604c3f;
    font-weight: 600;
    font-size: 30pt;
    text-align: center;
    letter-spacing: 0.15vw;
    margin: 19px auto 10px;
    line-height: 3.6vw;}

.Plan03box01{display: flex;
    gap: 17px;margin: 0 auto 45px;}

.LDK03BOX{text-align: center;}
.LDK03{}

.LDKti{margin: 9px auto 7px;
    padding-bottom: 4px;
    border-bottom: 2px solid #70b053;
    display: inline-block;
    font-size: 22px;
    color: #70b053;
    font-family: クラフト明朝;}

.LDKTx{text-align: start;
    line-height: 26px;
    letter-spacing: 0.06vw;
    font-size: 14.5px;
    color: #604c3f;
    font-weight: 500;}

.WCL03BOX{text-align: center;}
.WCL03{}

.WCLti{margin: 9px auto 7px;
    padding-bottom: 4px;
    border-bottom: 2px solid #70b053;
    display: inline-block;
    font-size: 22px;
    color: #70b053;
    font-family: クラフト明朝;}

.WCLTx{  text-align: start;
    line-height: 26px;
    letter-spacing: 0.06vw;
    font-size: 14.5px;
    color: #604c3f;
    font-weight: 500;}

.Plan03box02{display: flex
;
    gap: 24px;
    justify-content: center;
;}
.madori1{width: 38%;} 

.madori2BOX{    position: relative;}

.madori2{  width: 65%;
    margin: 0px 0 32px 87px;}      

.madorihoui{     position: absolute;
    top: 187px;
    right: -29px; }  

.Balcony{}

.balcony2{       width: 359px;
    padding: 0px 0px 0px 29px;}     

.imgbal{ width: 219px;
    position: absolute;
    left: 314px;
    top: 293px;
} 







.value{
display: flex;
    justify-content: center;
    gap: 3.5%;
    text-align: center;
    align-items: center;
    padding-top: 40px;
    letter-spacing: 0.1em;  }


.menseki {
  font-size: 16px;
}
.kakaku {
  font-size: 18px;
  margin-top: 8px;
}
.kakaku .big {
  font-size: 40px;
}
.kakaku .mini {
  font-size: 30px;
  vertical-align: middle;
}
.boxR{width: 325px;}

.zei {
  font-size: 14px;
  background-color: #ababab;
  padding: 17px 0;
  color: #fff;
}
#tyumonCamp {
  width: 950px;
  margin: 40px auto 0;
  height: auto;
  text-align: center;
}

.imgPic{text-align: center;
    margin: 13px auto 0;}

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


.LINE{         margin: 10vw 0; }

.Plan03BOX{ width: 100%; }

.sankou03{   width: 45%;
        margin: 0 auto 4vw;
}
.titol03{ margin: 2vw auto 3vw;
        font-size: 5.6vw;
        line-height: 7.7vw;}

.Plan03box01{               display: block;
        margin: 0 auto;}

.LDK03BOX{margin: 0 auto 5vw;}
.LDK03{}

.LDKti{        font-size: 4vw;
        margin: 2vw auto 1.5vw;}

.LDKTx{         font-size: 2.6vw;
        text-align: left;
        display: inline-block;
        font-weight: 600;
        line-height: 4.9vw;}

.WCL03BOX{margin: 0 auto 7vw;}
.WCL03{}

.WCLti{        font-size: 4vw;
        margin: 2vw auto 1.5vw;}

.WCLTx{             font-size: 2.6vw;
        text-align: left;
        display: inline-block;
        font-weight: 600;
        line-height: 4.9vw;}

.Plan03box02{        display: block;}

.madori1{        width: 80%;
        margin: 0 auto;} 

.madori2BOX{         margin: 7vw auto 0; }

.madori2{      width: 58.5%;   margin: 0 auto; }      

.madorihoui{ width: 14%;
        top: 48%;
        right: 23%;   }  

.Balcony{ display: flex;
        align-items: flex-end;
        width: 103%;
        margin: -2vw auto 0;
}
.balcony2{   width: 100%;        padding: 0; }     

.imgbal{ position: static;
        width: 65%;
} 







.value{
    flex-direction: column;
    padding-top: 9%;    width: 90%;
    margin: 0 auto;
  }

  .menseki {
    font-size: 3.6vw;
  }
  .kakaku {
    font-size: 4vw;
            margin: 2% auto 5%;
  }
  .kakaku .big {
    font-size: 9.1vw;
  }
  .kakaku .mini {
    font-size: 6.8vw;
  }
  .zei {
    font-size: 3.5vw;
    padding: 5% 0;
  }
  #tyumonCamp {
    width: 100%;
    margin: 0 auto;
    padding-top: 10%;
  }
}