@charset "UTF-8";
/* ---------------------------------------------
*   l-contents
--------------------------------------------- */
html {
  scroll-behavior: smooth;
}
a:hover{
    opacity:.8;
    transition: opacity 300ms;
    color:#ddd;
}
a:visited {
  color: #fff;
}
.pc{display:block !important;}
.sp{display:none !important;}
 
 .sample{
  width: 1228px;
  position: absolute;
  top: 8px;
  left: 0;
  right: 0;
  z-index: 9;
  opacity: .5;
  margin: auto;
 }
.footer{margin:0;}
.ecbn-selection-title,.ecbn-selection-description,.ecbn-selection-footer2{display:none !important;}

.float-button{
position: fixed;
  bottom: 0;
  left: 0;
  z-index: 9999;
  width: 30vw;
}
.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: 1vw;
  cursor: pointer;
}
.dnone{display:none !important;}
.l-header-nav__list li{text-align:center;}

#anchor01,#anchor02,#anchor03,#anchor04,#anchor05{
padding-top:80px;
margin-top:-80px;
}
/*
.flex-control-nav{display:none;}
*/
sup{
  position: relative;
  top: -0.1em;
  margin-right: 5px;
  margin-left: 2px;
}
.inner{max-width: 1228px;margin: auto;position: relative;}
/* ---------------------------------------------
*   c-section-01
--------------------------------------------- */
.c-section-01 {
  position: relative;
  margin: 0 auto;
  
}
.c-section-01 .lead{
  background-color: #bad7ee;
  max-height: 112px;
  height: 9.12vw;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: min(4vw,53px);
}
.c-section-01 .lead img{
  max-width: 400px;
  width: 34vw;
  display: flex;
  justify-content: center; 
  align-items: center;
}
.c-section-01 h1{
  max-width: 47%;
  width: 47vw;
  margin: 0 auto min(6vw,73px);
}
.c-section-01 .mv{
  max-width: 59%;
  width: 59vw;
  margin: 0 auto min(9vw,108px);
}
.c-section-01 .text01{
  max-width: 35%;
  width: 36vw;
  margin: 0 auto min(6vw,85px);
}
.c-section-01 .product{
  max-width: 62%;
  width: 62vw;
  margin: 0 auto 0.2vw;
}
.c-section-01 .text02{
  max-width: 34%;
  width: 34vw;
  margin: 0 auto min(6vw,73px);
}
.c-section-01 .text03{
  max-width: 41%;
  width: 41vw;
  margin: 0px auto min(4.5vw,55px);
}
.c-section-01 .text04{
  max-width: 25%;
  width: 25vw;
  margin: 0 auto min(9.3vw,116px);
}
.c-section-01 .text05{
  max-width: 58%;
  width: 58vw;
  margin: 0 auto;
}
.c-section-01 .text07{
  margin-bottom: min(6vw,80px);
}
.c-section-01 .anim-peter{
  position: absolute;
  top: min(162.05vw,1990px);
  max-width: 162px;
  width: 13%;
}
.c-section-01 .anim-leaf01{
  position: absolute;
  top: min(69.4vw,850px);
  max-width: 218px;
  width: 18.5vw;
}
.c-section-01 .anim-leaf02{
  position: absolute;
  top: min(63.7vw,781px);
  right: 0;
  max-width: 325px;
  width: 26.5vw;
}
/* ---------------------------------------------
*   c-section-02
--------------------------------------------- */
.c-section-02 {
  position: relative;
  margin: 0 auto;
  max-height: 473px;
  min-height: 473px;
  height: 24.6vw;
}
.c-section-02 img{
  width: 100%;
  margin: auto;
}
.c-section-02 .anim-bus{
  position: absolute;
  top: min(33vw,400px);
  right: 0;
  width: 26%;
  max-width: 297px;
}
/* ---------------------------------------------
*   c-section-03
--------------------------------------------- */
.c-section-03 {
  position: relative;
  margin: 0 auto;
  max-height: 3604px;
  min-height: 2254px;
  height: 294vw;
}
.c-section-03 .title{
  position: relative;
  width: 65%;
  margin: 13.5% auto 0;
  aspect-ratio: 1228/402;
}
.c-section-03 .anim-text02{
  width: 44%;
  position: absolute;
  right: 0;
  left: 0;
  margin: auto;
  top: 13%;
}
.c-section-03 .product_area{
  display: flex;
  flex-wrap: wrap;
}
.c-section-03 .product_area .product_box{
  position: relative;
}
.c-section-03 .product_area .product_box .btn{
  width: 39%;
}
.c-section-03 .product_area .product_box:first-child{
  width: 38.3%;
  aspect-ratio: 1228/1807;
  margin-left: 12%;
}
.c-section-03 .product_area .product_box:first-child .btn{
  margin: 8% 0 0 22%;
}
.c-section-03 .product_area .product_box:nth-child(2){
  width: 38%;
  aspect-ratio: 1228/1807;
  margin-left: 7%;
}
.c-section-03 .product_area .product_box:nth-child(2) .btn{
  margin: 8.5% 0 0 19%;
}
.c-section-03 .product_area .product_box:nth-child(3){
  width: 37.5%;
  aspect-ratio: 1228/1817;
  margin-left: 12.8%;
}
.c-section-03 .product_area .product_box:nth-child(3) .btn{
  margin: 9% 0 0 21%;
}
.c-section-03 .product_area .product_box:nth-child(4){
  width: 37.6%;
  aspect-ratio: 1228/1817;
  margin-left: 5%;
}
.c-section-03 .product_area .product_box:nth-child(4) .btn{
  margin: 8% 0 0 25%;
}
.c-section-03 .product_area .product_box:nth-child(5){
  width: 38%;
  aspect-ratio: 1228/1705;
  margin-left: 11%;
}
.c-section-03 .product_area .product_box:nth-child(5) .btn{
  margin: 8% 0 0 25%;
}
.c-section-03 .product_area .product_box:nth-child(6){
  width: 37.5%;
  aspect-ratio: 1228/1522;
  margin-left: 6%;
}
.c-section-03 .product_area .product_box:nth-child(6) .btn{
  margin: 9% 0 0 26%;
}
.c-section-03 .product_area .product_box:nth-child(7){
  width: 37.5%;
  aspect-ratio: 1228/1846;
  margin-left: 13.1%;
}
.c-section-03 .product_area .product_box:nth-child(7) .btn{
  margin: 9% 0 0 21%;
}
.c-section-03 .set{
  position: relative;
  text-align: center;
  margin: auto;
}
.c-section-03 .set .btn{
  position: absolute;
  width: 15%;
  left: 21%;
  top: 77%;
}
.c-section-03 .set .set_detail{
  width: 86%;
}
/* ---------------------------------------------
*   c-section-04
--------------------------------------------- */
.c-section-04 {
  position: relative;
  max-height: 465px;
  min-height: 300px;
  height: 37.5vw;
}
.c-section-04 .inner{
  background-color: #e6eff5;
  max-height: 465px;
  min-height: 300px;
  height: 37.5vw;
}
.c-section-04 img{
  max-width: 58%;
  width: 58vw;
  position: absolute;
  top: 12%;
  left: 0;
  right: 0;
  margin: auto;
}
/* ---------------------------------------------
*   c-section-05
--------------------------------------------- */
.c-section-05 {
  position: relative;
  max-height: 651px;
  min-height: 300px;
  height: 53vw;
  text-align: center;
}
.c-section-05 .text06{
  width: 58%;
  margin-top: 8%;
  margin-bottom: 9.8%;
}
.c-section-05 .peter-logo{
  width: 64%;
}
/* ---------------------------------------------
*   c-section-13
--------------------------------------------- */
.c-section-13 {
  position: relative;
  margin: 0 auto;
  background:#f1eee7;
  max-height: 893px;
  min-height: 300px;
  height: 72.72vw;
}

.c-section-13 .title{
  max-width: 27%;
  width: 27vw;
  margin: auto;
  padding-top: 11%;
}
.c-section-13 .detail{
  max-width: 65%;
  width: 65vw;
  margin: auto;
  padding-top: 6%;
}
.c-section-13 .note{
  max-width: 65%;
  width: 65vw;
  margin: auto;
  padding-top: 6%;
}