@charset "UTF-8";
/* ---------------------------------------------
*   l-contents
--------------------------------------------- */
a:hover{
    opacity:.6;
    transition: opacity 300ms;
}
a:visited {
  color: #fff;
}
.pc{display:none !important;}
.sp{display:block !important;}

 .sample{
        width:100%;
  position: absolute;
  top: 2px;
  z-index: 9;
  opacity: .5;
  /*display:none;*/
 }

.footer{margin:0;}
.ecbn-selection-title,.ecbn-selection-description,.ecbn-selection-footer2{display:none !important;}
#anchor01,#anchor02,#anchor03,#anchor04,#anchor05{
padding-top:40px;
margin-top:-40px;
}


.float-button{
position: fixed;
  bottom: 0;
  left: 0;
  z-index: 9999;
  width: 100vw;
}
.specialBanner {
  opacity: 0;
  transition: opacity ease .3s,visibility ease .3s;
}
.specialBanner.show {
  opacity: 1;
  visibility: visible;
  pointer-events: all;
}
.float-button .close{
position: absolute;
  top: 0;
  right: 0;
  width: 5vw;
  cursor: pointer;
}
/*
.pagetop{
bottom:160px;
}
*/
sup{
  font-size: 55%;
  position: relative;
  top: -0.1em;
  margin-right: 5px;
  margin-left: 2px;
}
/* ---------------------------------------------
*   c-section-01
--------------------------------------------- */
.c-section-01 {
position: relative;
  margin: 0 auto;
  background-image: url(../images/sp/sec01_15.webp);
  background-position: bottom 8vw center;
  background-size: 100%;
  background-repeat: no-repeat;
  height: 476vw;
}
.c-section-01 .lead{
  background-color: #bad7ee;
  height: 15vw;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 4.8vw;
}
.c-section-01 .lead img{
  width: 59vw;
  display: flex;
  justify-content: center; 
  align-items: center;
}
.c-section-01 h1{
  width: 78vw;
  margin: 0 auto 9vw;
}
.c-section-01 .mv{
  width: 84vw;
  margin: 0 auto 12vw;
}
.c-section-01 .text01{
  width: 73vw;
  margin: 0 auto 26.5vw;
}
.c-section-01 .product{
  width: 92vw;
  margin: 0 auto 9.2vw;
}
.c-section-01 .text02{
  width: 73vw;
  margin: 0 auto 7vw;
}
.c-section-01 .text03{
  width: 80vw;
  margin: 0px auto 9.5vw;
}
.c-section-01 .text04{
  width: 52vw;
  margin: 0px auto 16.5vw;
}
.c-section-01 .text05{
  width: 85vw;
  margin: 0 auto;
}
.c-section-01 .anim-peter{
  position: absolute;
  top: 291vw;
  width: 20vw;
}

.c-section-01 .anim-leaf01{
  position: absolute;
  top: 157vw;
  width: 18vw;
}
.c-section-01 .anim-leaf02{
  position: absolute;
  top: 118vw;
  right: 0;
  width: 26vw;
}
/* ---------------------------------------------
*   c-section-02
--------------------------------------------- */
.c-section-02 {
  position: relative;
  margin: 0 auto;
  height: 162vw;
}
.c-section-02 img{
  max-width: 1350px;
  margin: auto;
}
.c-section-02 .anim-bus{
  position: absolute;
  top: 149vw;
  right: 0;
  width: 47vw;
}
/* ---------------------------------------------
*   c-section-03
--------------------------------------------- */
.c-section-03 {
  position: relative;
  margin: 0 auto;
  height: 1125vw;
}
.c-section-03 .title{
  position: relative;
  width: 100vw;
  margin: 27vw auto 9vw;
  height: 31.5vw;
}
.c-section-03 .anim-text02{
  width: 45vw;
  position: absolute;
  right: 0;
  left: 0;
  margin: auto;
  top: 0;
  bottom: 0;
}
.c-section-03 .product_area .product_box{
  position: relative;
  width: 88vw;
}
.c-section-03 .product_area .product_box .btn{
  width: 40vw;
  margin: 7vw 0 0;
}
.c-section-03 .product_area .product_box:first-child{
  height: 128vw;
  margin-left: 9vw;
}
.c-section-03 .product_area .product_box:first-child .btn{
  margin-left: 21vw;
}
.c-section-03 .product_area .product_box:nth-child(2){
  height: 132vw;
  margin-left: 1vw;
}
.c-section-03 .product_area .product_box:nth-child(2) .btn{
  margin-left: 29vw;
}
.c-section-03 .product_area .product_box:nth-child(3){
  height: 126vw;
  margin-left: 12vw;
}
.c-section-03 .product_area .product_box:nth-child(3) .btn{
  margin-left: 18vw;
}
.c-section-03 .product_area .product_box:nth-child(4){
  height: 126vw;
  margin-left: 1vw;
}
.c-section-03 .product_area .product_box:nth-child(4) .btn{
  margin-left: 29vw;
}
.c-section-03 .product_area .product_box:nth-child(5){
  height: 115.5vw;
  margin-left: 10vw;
}
.c-section-03 .product_area .product_box:nth-child(5) .btn{
  margin-left: 20vw;
}
.c-section-03 .product_area .product_box:nth-child(6){
  height: 134vw;
  margin-left: 0;
}
.c-section-03 .product_area .product_box:nth-child(6) .btn{
  margin-left: 30vw;
}
.c-section-03 .product_area .product_box:nth-child(7){
  height: 128vw;
  margin-left: 13vw;
}
.c-section-03 .product_area .product_box:nth-child(7) .btn{
  margin-left: 17vw;
}


.c-section-03 .set{
  position: relative;
  width: 86vw;
  margin: auto;
}
.c-section-03 .set .btn{
  position: absolute;
  width: 40vw;
  left: 23vw;
  top: 162vw;
}
/* ---------------------------------------------
*   c-section-04
--------------------------------------------- */
.c-section-04 {
  position: relative;
  background-color: #e6eff5;
  height: 83.5vw;
}
.c-section-04 img{
  width: 87vw;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: 8vw auto 0;
}
/* ---------------------------------------------
*   c-section-05
--------------------------------------------- */
.c-section-05 {
  position: relative;
  height: 125.5vw;
  text-align: center;
}
.c-section-05 .text06{
  width: 85vw;
  margin-top: 15vw;
  margin-bottom: 20vw;
}
.c-section-05 .peter-logo{
  width: 68vw;
}
/* ---------------------------------------------
*   c-section-13
--------------------------------------------- */
.c-section-13 {
  position: relative;
  margin: 0 auto;
  background: #f1eee7;
  height: 267vw;
}

.c-section-13 .title{
  width: 57vw;
  margin: auto;
  padding-top: 19.5vw;
}
.c-section-13 .detail{
  width: 85vw;
  margin: auto;
  padding-top: 7.7vw;
}
.c-section-13 .note{
  width: 89vw;
  margin: auto;
  padding-top: 10.3vw;
}