.mvimg{
 padding: 40px 15px;
 position: relative;
 max-width: 1680px;
 margin: 0px auto;
}
.mvimg h2{
 position: absolute;
 bottom: 25%;
 right: 10%;
}

/*#sec_about .summer{
 background: url(../img/pick/summer_photo.png) no-repeat left top;
 background-size: 55% auto;
 display: flex;
 justify-content: flex-end;
 padding: 50px 0px;
}*/
/*#sec_about .summer .text p{
 padding: 200px 0px 0px;
 max-width: 380px;
 margin-left: auto;
 margin-right: auto;
}*/
#sec_about .summer{
 background: url(../img/pick/summer_photo.png) no-repeat left center;
 background-size: 49% auto;
 display: flex;
 justify-content: flex-end;
 padding: 50px 0px;
 /* max-width: 600px; */
}
#sec_about .summer .text{
 width: 550px;
 background: url(../img/pick/summer.png) no-repeat right center;
}
#sec_about .summer .text p{
 padding: 7rem 0px 0px;
 max-width: 380px;
 margin-left: auto;
 margin-right: auto;
}

#sec_about .summer .text p {
    padding: 7rem 0px 0px;
    max-width: 380px;
    margin-left: auto;
    margin-right: auto;
}
/*#sec_about .autumn{
 background: url(../img/pick/autumn_photo.png) no-repeat right top;
 background-size: 55% auto;
 display: flex;
 justify-content: flex-start;
 padding: 50px 0px;
 position: relative;
}*/
#sec_about .autumn{
 background: url(../img/pick/autumn_photo.png) no-repeat right top;
 background-size: 49% auto;
 display: flex;
 justify-content: flex-start;
 padding: 50px 0px;
 position: relative;
}
#sec_about .autumn h3{
 position: absolute;
 top: 12%;
 left: 16%;
}
#sec_about .autumn .text{
 width: 550px;
 background: url(../img/pick/autumn.png) no-repeat left top;
}
#sec_about .autumn .text p{
 padding: 13rem 0px 0px;
 max-width: 380px;
 margin-left: auto;
 margin-right: auto;
}

#sec_pear .styleList2 h3{
 padding: 20px 0px;
}
#sec_pear .styleList2 .img{
 border:solid 2px var(--main-color);
 max-height: none;
}
#sec_pear .styleList2 .img img{
 width: 100%;
 max-width: none;
 height: auto;
}

#sec_info .bg{
 background: url(../img/pick/bg.gif);
 padding: 50px;
}
#sec_info .list{
 display: inline-block;
 text-align: left;
}
#sec_info .list li{
 display: flex;
 margin-bottom: 15px;
}
#sec_info .list li .icon{
 margin-right: 10px;
}
#sec_info .list li .icon span{
 background: var(--main-color);
 color: #fff;
 width: 25px;
 text-align: center;
 display: block;
}
#sec_info .underline{
 position: relative;
}
#sec_info .underline:before{
 position: absolute;
 bottom: 0px;
 left: 0px;
 display: block;
 content: "";
 width: 100%;
 border-bottom: solid 2px var(--main-color);
}

#sec_map .map img{
 border: solid 2px var(--main-color);
 padding: 15px;
 box-shadow: 5px 5px 10px rgba(0,0,0,0.5);
 box-sizing: border-box;
}


#sec_map .styleList2 .img{
 width: 100%;
 max-width: none;
 height: auto;
 border:solid 2px var(--main-color);
 padding: 5px;
 box-shadow: 2px 2px 5px rgba(0,0,0,0.3);
 box-sizing: border-box;
 max-height: none;
}
#sec_map .styleList2 h4{
 padding: 20px 0px 5px;
}
#sec_map .btnMap{
 display: inline-block;
 background: var(--main-color);
 color: #fff;
 border-radius: 30px;
 padding: 1px 20px;
 margin-top: 15px;
}
#sec_map .btnMap:after{
 display: inline-block;
 content: "";
 background: url(../img/icon_map.png) no-repeat center;
 background-size: contain;
 width: 1em;
 height: 1em;
 margin-left: 5px;
 position: relative;
 top: 2px;
}

/*
===================================================
	sp
===================================================
*/

@media screen and (max-width: 1257px) {
 .mvimg{
  padding: 20px 15px;
 }
 .mvimg h2{
  position: absolute;
  bottom: 25%;
  right: 5%;
  width: 40%;
 }


 #sec_about .summer .text{
  width: auto;
 }

 #sec_about .summer .text p{
  padding: 200px 0px 0px;
  max-width: 380px;
  margin-left: auto;
  margin-right: auto;
 }


/* #sec_about .autumn{
  background: url(../img/pick/autumn_photo.png) no-repeat right bottom;
  background-size: 100% auto;
  display: flex;
  justify-content: center;
  padding: 50px 0px 64vw;
  position: relative;
 }*/
 #sec_about .autumn h3{
  position: static;
 }
 /*#sec_about .autumn .text{
  width: auto;
  background: url(../img/pick/autumn.png) no-repeat left center;
 }*/
 /*#sec_about .autumn .text p{
  padding: 220px 0px 0px;
  max-width: 380px;
  margin-left: auto;
  margin-right: auto;
 }*/
#sec_about .autumn {
	background-position: right center;
}
#sec_about .autumn .text p {
    padding: 9rem 0px 0px;
}
 #sec_info .bg{
  padding: 30px 15px;
 }

}

@media screen and (max-width: 900px) {
#sec_about .summer {
    background: url(../img/pick/summer_photo.png) no-repeat center 85%;
    background-size: 70% auto;
    display: flex;
    justify-content: center;
    padding: 50px 0px 64vw;
    /* margin: 0 auto; */
}
#sec_about .summer .text,
#sec_about .autumn .text{
  width: 80%;
  background-size: 35% auto;
  background-position: 102% 0%;
 }
#sec_about .summer .text p,
#sec_about .autumn .text p{
    padding: 2rem 0px 0px;
    max-width: 380px;
    margin-left: auto;
    margin-right: auto;
}
 #sec_about .autumn{
  background: url(../img/pick/autumn_photo.png) no-repeat center 85%;
  background-size: 70% auto;
  display: flex;
  justify-content: center;
  padding: 50px 0px 64vw;
  position: relative;
 }
#sec_about .autumn .text{
	background-position: left 3%;
}
}
/*
===================================================
	sp small
===================================================
*/
@media screen and (max-width: 600px) {
#sec_about .summer,
#sec_about .autumn{
	background-size: 90% auto;
	background-position: center 100%;
}
}