@font-face {
  font-family: "Bebas";
  src: url("../font/BebasNeue-Regular.ttf");
}

body{margin: 0 auto;padding:0px;background:#FFF;max-width: initial;width: 100%;}
ul,li{ padding:0px; margin:0px; list-style:none;}


ul{width:100%;margin:0 auto;}
li{ text-align:center;}

.formtext {
    width: 90%;
    margin: 0 auto;
    padding: 3% 0;
}
.head_txt{
    font-size: 36px;
    color: #FFF;
    text-align: center;
    margin: 1% 0;
}
.head_day{
    color: #ffe454;
    font-weight: bold;
}
.head_title{
    background: #ffe454;
    color: #00658e;
    width: 90%;
    margin: 0 auto 0.5%;
    max-width: 390px;
}

.popup {
    display: none; /* 初期は非表示 */
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7); /* 半透明の背景色 */
    z-index: 1000; /* 他の要素より手前に表示 */
    text-align: center; /* コンテンツを中央に配置 */
}

/* ポップアップのコンテンツ */
.popup-content {
    position: relative;
    top: 50%;
    transform: translateY(-50%); /* 垂直方向中央に配置 */
     /* ポップアップの背景色 */
    max-width: 33%; /* コンテンツの最大幅 */
    margin: 0 auto; /* 水平方向中央に配置 */
    padding: 0;
    border-radius: 5px;
}
.close-popup-button{
    position: absolute;
    right: 1%;
    top: 4%;
    width: 4%;
    cursor: pointer;
}
.close-popup-button img{
    width: 100%;
}
.popupimg{
    width: 100%;
}


.content{
    width: 100%;
    max-width: 75.5%;
    margin-right: auto;
    margin-left: auto;
    position:relative;
    overflow:hidden;
    }
.content2{
    width: 100%;
    max-width: 100%;
    margin-right: auto;
    margin-left: auto;
    position:relative;
    overflow:hidden;
    }

.lightbox { display: none; }

	
.cl_box{
    margin: 0 auto 1% auto;}
	
.cl_box a{ color:#FFF;}

.sp{ display:none;}

.scroll{ display:none;}
.mfrom {
    width: 100%;
    /* text-align: center; */
    outline: 0;
    border: #231815 2px solid;
    color: #a6a8a8;
    font-size: 1.4vw;
    margin: 0 auto 5% auto;
    padding: 1.5% 3%;
}

.pc{ display:block;}
.sp{ display:none;}

.white_bg{}
.top_center{display: block;width: 64%;margin: 0 0 0 -30%;max-width: 680px;}

.sample_img{ max-width: 2000px; margin: 0 auto;}

.slide-image {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  animation: slider-1 24s ease-out infinite;
}

.slide-image:nth-child(1) {
  background-image: url(../img/001-1.jpg);
  animation-delay: -2s;
}

.slide-image:nth-child(2) {
  background-image: url(../img/001-2.jpg);
  animation-delay: 6s;
}
.slide-image:nth-child(3) {
  background-image: url(../img/001-3.jpg);
  animation-delay: 14s;
}


@keyframes slider-1 {
  0% {
    opacity: 0;
    transform: scale(1);
  }
  4.16% {
    opacity: 1;
  }
  33.33% {
    opacity: 1;
  }
  41.66% {
    opacity: 0;
    transform: scale(1.11);
  }
  100% {
    opacity: 0;
  }
}

.floating_btn {
    position: fixed;
    bottom: 5%;
    right: 2%;
    z-index: 10;
    width: 20%;
    max-width: 145px;
}
.floating_btn a {
    display: block;
}
.floating_btn img{width:100%;}


.p1{
	background: #00658e;
	background-size: 100% auto;
	background-position: center top;
	background-attachment: fixed;
	position:
	relative;
	height: auto;
	margin: 0 0 0 0;
	}
.p1:before{
    content: "";
    display: block;
    /* padding-top: 78.75%; */ /* 1:1 */
    }

.p1h{
    height:auto;
    padding: 0;
    position: relative;
    top: 0;
    left: 0;
    right:0;
    width: 100%;
    height: 100%;
    margin:0 auto;
    }
	

.p2{/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#00c4f1+0,0093ef+100 */ /* Old browsers */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ /* IE6-9 *//* background: url(../img/001-1.jpg) no-repeat; *//* background-size: 100% auto; *//* background-position: center bottom; */position:relative;/* height: auto; *//* margin: 0 0 0 0; */}
.p2:before{
    content: "";
    display: block;
     /* 1:1 */
    padding-top: 100vh;
    }

.p2h{
    height:
    auto;
    padding: 0;
    position: absolute;
    top: 0;
    left: 0;
    right:0;
    width: 100%;
    height: 100%;
    margin:0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    }
	
	
.p3{
	background: #fff;
	background-size: 100% auto;
	background-position: center top;
	position:
	relative;
	height: auto;
	margin: 0 0 0% 0;
	z-index: 0;
	}
.p3:before{
    content: "";
    display: block;
     /* 1:1 */
    /* padding-top: 61.35%; */
    }

.p3h{
    height:auto;
    padding: 0;
    position: relative;
    top: 0;
    left: 0;
    right:0;
    width: 100%;
    height: 100%;
    margin:0 auto;
    }

.p4{
	background: #dfe2e4;
	background-size: 100% auto;
	background-position: center top;
	background-attachment: fixed;
	position:
	relative;
	height: auto;
	margin: 0% 0 0 0;
	z-index: 5;
	}
.p4:before{
    content: "";
    display: block;
     /* 1:1 */
    }

.p4h{
    height:auto;
    padding: 0;
    position: relative;
    top: 0;
    left: 0;
    right:0;
    width: 100%;
    height: 100%;
    margin:0 auto;
    }

.p5{
	
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#00c4f1+0,0093ef+100 */
	 /* Old browsers */
	
 /* FF3.6-15 */
	
 /* Chrome10-25,Safari5.1-6 */
	
 /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	
 /* IE6-9 */
	
background: #FFF;
	
background-size: cover;
	
background-position: center top;
	
background-attachment: fixed;
	
position:relative;
	
height: auto;
	
margin: 0 0 0 0;
	
z-index: 2;
	}
.p5:before{
    content: "";
    display: block;
     /* 1:1 */
    padding-top: 0;
    }

.p5h{
    height:auto;
    padding: 0;
    position: relative;
    top: 0;
    left: 0;
    right:0;
    width: 100%;
    height: 100%;
    margin:0 auto;
    }
	

.p6{
	background: url(../img/006.jpg) no-repeat;
	background-size: 100% auto;
	background-position: center top;
	position:
	relative;
	height: auto;
	margin: 0;
	z-index: 2;
	}
.p6:before{
    content: "";
    display: block;
     /* 1:1 */
    }

.p6h{
    height:auto;
    padding: 0;
    position: relative;
    top: 0;
    left: 0;
    right:0;
    width: 100%;
    height: 100%;
    margin:0 auto;
    }
	
.p7{
	background: #FFF;
	background-position: center bottom;
	position:
	relative;
	height: auto;
	margin: 0;
	z-index: 2;
	}
.p7:before{
    content: "";
    display: block;
     /* 1:1 */
    }

.p7h{
    height:auto;
    padding: 0;
    position: relative;
    top: 0;
    left: 0;
    right:0;
    width: 100%;
    height: 100%;
    margin:0 auto;
    }
	
.p8{
	background: url(../img/008.jpg) no-repeat;
	background-size: 100% auto;
	background-position: center top;
	position:
	relative;
	height: auto;
	margin: 0 0 0 0;
	z-index: 2;
	}
.p8:before{
    content: "";
    display: block;
     /* 1:1 */
    padding-top: 101.85%;
    }

.p8h{
    height:
    auto;
    padding: 0;
    position: absolute;
    top: 0;
    left: 0;
    right:0;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    }
	
.p9{
	background-size: 100% auto;
	background-position: center top;
	background-attachment: fixed;
	position:
	relative;
	height: auto;
	margin: 0;
	z-index: 2;
	}
.p9:before{
    content: "";
    display: block;
     /* 1:1 */
    }

.p9h{
    height:auto;
    padding: 0;
    position: relative;
    top: 0;
    left: 0;
    right:0;
    width: 100%;
    height: 100%;
    margin:0 auto;
    }
.p10{
	background: url(../img/010.jpg) no-repeat;
	background-size: 100% auto;
	background-position: center top;
	position:
	relative;
	height: auto;
	margin: 0;
	z-index: 2;
	}
.p10:before{
    content: "";
    display: block;
     /* 1:1 */
    }

.p10h{
    height:auto;
    padding: 0;
    position: relative;
    top: 0;
    left: 0;
    right:0;
    width: 100%;
    height: 100%;
    margin:0 auto;
    }

.p11{
	background-size: 100% auto;
	background-position: center top;
	background-attachment: fixed;
	position:
	relative;
	height: auto;
	margin: 0;
	z-index: 2;
	}
.p11:before{
    content: "";
    display: block;
     /* 1:1 */
    }

.p11h{
    height:auto;
    padding: 0;
    position: relative;
    top: 0;
    left: 0;
    right:0;
    width: 100%;
    height: 100%;
    margin:0 auto;
    }

.p12{
	background: url(../img/012.jpg) no-repeat;
	background-size: 100% auto;
	background-position: center top;
	position:	relative;
	height: auto;
	margin: 0;
	z-index: 2;
	}
.p12:before{
    content: "";
    display: block;
     /* 1:1 */
    }

.p12h{
    height:auto;
    padding: 0;
    position: relative;
    top: 0;
    left: 0;
    right:0;
    width: 100%;
    height: 100%;
    margin:0 auto;
    }
.p13{
	background: url(../img/013.jpg) no-repeat;
	background-size: 100% auto;
	background-position: center top;
	position:
	relative;
	height: auto;
	margin: 0;
	z-index: 2;
	}
.p13:before{
    content: "";
    display: block;
     /* 1:1 */
    }

.p13h{
    height:auto;
    padding: 0;
    position: relative;
    top: 0;
    left: 0;
    right:0;
    width: 100%;
    height: 100%;
    margin:0 auto;
    }
.p14{
	background: url(../img/014.jpg) no-repeat;
	background-size: 100% auto;
	background-position: center top;
	position:
	relative;
	height: auto;
	margin: 0;
	z-index: 2;
	}
.p14:before{
    content: "";
    display: block;
     /* 1:1 */
    }

.p14h{
    height:auto;
    padding: 0;
    position: relative;
    top: 0;
    left: 0;
    right:0;
    width: 100%;
    height: 100%;
    margin:0 auto;
    }
.cl{background: #FFF;color: #97a2b2;padding: 3% 0;}


.p1 img,.p2 img,.p3 img,.p4 img,.p5 img,.p6 img,.p7 img,.p8 img,.p9 img,.p10 img,.p11 img,.p12 img,.p13 img,.p14 img,.p15 img,.p16 img,.p17 img,.p18 img,.p19 img,.p20 img,.p21 img,.p22 img,.p23 img,.t1 img,.w01 img,.t2 img,.t3 img,.t4 img,.t5 img,.t6 img,.t7 img,.t8 img,.p21 img,.p22 img,.p23 img,.p24 img,.p25 img,.p26 img{ width:100%;}
.addFriend input{ width:100%;}


.form_box1{position: relative;top: 0;width: 58.3%;left: 0%;right: 0%;margin: 0% auto 0% auto;z-index: 1;}
.form_box1 input{
    width: 100%;
    height: 0%;
    text-align: center;
    border-radius: 500px;
    outline: 0;
    border: #aaa 2px solid;
    color: #666;
    font-size: 2.2vw;
    margin: 0 auto 3% auto;
    padding: 3% 5%;
}

.scroll_img{
    position: absolute;
    top: 0;
    right: 34.5%;
    margin: 0 auto;
    width: 4%;
	animation: arrowmove 1s ease-in-out infinite;
}
@keyframes arrowmove{
      0%{top:0%;}
      50%{top:3%;}
     100%{top:0%;}
 }
 
.rand_box{font-size: 34px;font-weight: bold;color: #FFF;margin: -10px 0 -30px 0;}
.rand_num{font-size: 58px;margin: 0 1% 0 3%;}
.low_bg{overflow: hidden;/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#666666+0,1c1c1c+27,131313+100 */
background: #144470; /* Old browsers */
 /* IE6-9 */;background: url(../img/003.jpg) no-repeat;
    background: #ffffff;
    background: -moz-linear-gradient(left, #ffffff 0%, #d2dadd 100%);
    background: -webkit-linear-gradient(left, #ffffff 0%,#d2dadd 100%);
    background: linear-gradient(to right, #ffffff 0%,#d2dadd 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d2dadd',GradientType=1 );background-size: cover;
    background-position: center top;
    background-attachment: fixed;}
.high_bg{overflow: hidden;/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#666666+0,1c1c1c+27,131313+100 */
 /* Old browsers */
 /* IE6-9 */;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f6f2bd+0,d9bc6d+100 */
background: rgb(246,242,189); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(246,242,189,1) 0%, rgba(217,188,109,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(246,242,189,1) 0%,rgba(217,188,109,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(246,242,189,1) 0%,rgba(217,188,109,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f2bd', endColorstr='#d9bc6d',GradientType=0 ); /* IE6-9 */;background-size: cover;
    background-position: center top;
    background-attachment: fixed;}
	
.head_box{
    width: 92%;
    margin: 0 auto;
    padding: 0.9% 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 1161px;
}
.job_num_box{
    width: 16.8%;
    max-width: 336px;
    display: flex;
    align-items: center;
    right: 1%;
    position: absolute;
    top: 0;
    right: 0;
    background: #00658e;
    padding: 1.17% 0;
}

        #counter {
            font-size: min(3.0vw,55px);
            position: relative;
            height: 100%;
            overflow: hidden;
            width: 44.7%;
            line-height: 1;
            display: flex;
            align-items: center;
        }
		#counter:before{content:'';display: block;padding-top: 33%;}

        .counter-span {
            position: absolute;
            left: 0;
            right: 0;
            top: 0;
            bottom: 0;
            height: max-content;
            line-height: 1;
            margin: auto;
            display: flex;
            justify-content: center;
            align-items: center;
            animation: fade-in 1s ease-in-out;
            font-family: Bebas;
            color: #ffe454;
            font-feature-settings: "palt";
        }

        .fadeOut {
            animation: fade-out 1s ease-in-out;
        }

        @keyframes fade-in {
            0% { opacity: 0; transform: translateY(-20px); }
            100% { opacity: 1; transform: translateY(0); }
        }

        @keyframes fade-out {
            0% { opacity: 1; transform: translateY(0); }
            100% { opacity: 0; transform: translateY(20px); }
        }

.unit{
    width: 5.2%;
    margin: 0 8% 0 0;
}
.slick-prev:before, .slick-next:before{
    color: #63bc36;
}

.swiper-button-prev,
.swiper-button-next {
  height: 50px;
  width: 50px;
}
/* 前へ次への矢印カスタマイズ */
.swiper-button-prev::after,
.swiper-button-next::after {
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  height: 50px;
  margin: auto;
  width: 4%;
}
/* 前への矢印カスタマイズ */
.swiper-button-prev::after {
  background-image: url(../img/e33.svg);
}
/* 次への矢印カスタマイズ */
.swiper-button-next::after {
  background-image: url(../img/e34.svg);
}
/* 画像サイズ調整 */
.swiper-slide img {
  height: auto;
  width: 100%;
}
.camp_swip [class^="swiper-button-"]{
    width: 59%;
}

.swiper-slide {
  opacity: .3; /* 左右のスライドを薄くする */
  transform: scale(.9) !important; /* 左右のスライドを小さくする */
  transition: .7s; /* ゆっくり小さくさせる */
}
.swiper-slide img {
  height: auto;
  width: 100%;
}
.swiper-slide-active {
  opacity: 1; /* 中央のスライドは薄くしない */
  transform: scale(1) !important; /* 中央のスライドは小さくしない */
  z-index: 1; /* 中央のスライドを一番上にする */
}
.swiper-pagination-bullet-active{ background: #4696c9;}

.swiper-slide{
    box-shadow: 5px 5px 14px rgba(29,77,161,0.2);
    /* mix-blend-mode: overlay; */
    margin: 1% 0;
}
.swiper-pagination{}
.swiper{
    padding: 1% 0 7% 0;
}

.user_voice{}
.user_voice .swiper-slide{ box-shadow:none;}

.user_voice .swiper-button-prev::after,.user_voice .swiper-button-next::after{
    height: 104px;
    width: 8.8%;
}
.user_voice .swiper-button-prev,.user_voice .swiper-button-next{
    height: 104px;
}
.user_voice [class^="swiper-button-"]{}

.e1{position: absolute;top: 3%;width: 8.0%;left: 1.5%;margin: 0;z-index: 1;}
.e2{position: relative;top: 0;width: 100%;left: 0;right: 0;margin: 0 0 6% 0;z-index: 3;}
.e3{position: relative;left: 0;right: 0;top: 13%;width: 100%;margin: 0 auto 9%;z-index: 5;}
.e4{position: relative;left: 0;right: 0;top: 0;width: 56.3%;margin: 0 auto;z-index: 5;}
.e5{position: absolute;left: 0;right: 0;top: 2%;width: 72.45%;margin: 0 auto;z-index: 5;}

.e6{position: relative;left: 6%;top: 0;width: 68.75%;margin: 0 0 12% 0;z-index: 0;}


.e3-e5{
    position: relative;
    top: 0;
    width: 78.75%;
    margin: 0 0 5% 0;
    left: 7%;
    z-index: 5;
}
.e3-e5 ul{
    margin: 0 auto;
    padding: 0;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    max-width: 100%;
    align-items: center;
}
.e3-e5 li{
    width: 28.9%;
    margin: 0;
}
.e3-e5 li:nth-child(1){
}
.e3-e5 li:nth-child(2){}
.e3-e5 li:nth-child(3){}

.e3-e5 li img{ width:100%;}

.e7{position: relative;left: 6%;top: 0;width: 71.25%;margin: 0;z-index: 0;}

.t01{
    position: relative;
    left: 0;
    right: 0;
    top: 0;
    width: 33.65%;
    margin: 0 auto;
    z-index: 5;
    font-size: min(2.35vw,47px);
    color: #ff6633;
}
.t01:before{content:'';display: inline-block;position: absolute;width: 4%;height: 100%;margin: 0 0 0 0;background: url(../img/yay.svg) no-repeat;background-size: contain;vertical-align: middle;top: 10%;left: 0;}
.t01:after{content:'';display: inline-block;position: absolute;width: 4%;height: 100%;margin: 0 0 0 0;top: 10%;right: 0;background: url(../img/yay.svg) no-repeat;background-size: contain;vertical-align: middle;transform: scale(-1, 1);}


.t02{
    position: relative;
    left: 0;
    right: 0;
    top: 0;
    width: 29.5%;
    margin: 0 auto;
    z-index: 5;
    font-size: 1.80vw;
}
.t02:before{ content:'';display: inline-block;position: absolute;width: 5%;height: 100%;margin: 0 0 0 0;background: url(../img/yay.svg) no-repeat;background-size: contain;vertical-align: middle;top: 10%;left: 0;}
.t02:after{ content:'';display: inline-block;position: absolute;width: 5%;height: 100%;margin: 0 0 0 0;top: 10%;right: 0;background: url(../img/yay.svg) no-repeat;background-size: contain;vertical-align: middle;transform: scale(-1, 1);}



.rand_num1{
    font-size: 2.4vw;
}


.e9-e12{
    position: relative;
    top: 0;
    width: 56.9%;
    margin: 9% auto;
    left: -9%;
    right: 0;
    z-index: 5;
}
.e9-e12 ul{
    margin: 0 auto;
    padding: 0;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    max-width: 100%;
    align-items: flex-start;
}
.e9-e12 li{
    width: 61.08%;
    margin: 0;
}
.e9-e12 li:nth-child(2){
    width: 29%;
    margin: 4% 0 0 0;
}
.e9-e12 li img{ width:100%;}


.e13-e15{
    position: relative;
    top: 0;
    width: 66.55%;
    margin: 9% auto;
    left: 5%;
    right: 0;
    z-index: 5;
}
.e13-e15 ul{
    margin: 0 auto;
    padding: 0;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    max-width: 100%;
    align-items: flex-start;
}
.e13-e15 li{
    width: 52.25%;
    margin: 0;
}
.e13-e15 li:nth-child(1){
    width: 34.65%;
    margin: 4% 0 0 0;
}
.e13-e15 li img{ width:100%;}


.e8{position: relative;left: 5%;right: 0;top: 0;width: 36.2%;margin: 0 auto;z-index: 0;}
.e9{position: relative;left: 0%;right: 0;top: 0;width: 43.85%;margin: 0% auto 5%;z-index: 0;}

.e10{position: absolute;left: 0;right: 72%;top: 36%;width: 11.35%;margin: 0 auto;z-index: 6;}
.e11{position: absolute;left: 19%;right: 0;top: 6%;width: 62.35%;margin: 0 auto;z-index: 0;}

.e14{position: absolute;left: 0;right: 15%;top: 50%;width: 56.9%;margin: 0 auto;z-index: 0;}
.e16{position: absolute;left: 79%;right: 0;top: 66%;width: 9.1%;margin: 0 auto;z-index: 5;}

.e14-e19{
    position: relative;
    top: 0;
    width: 50.9%;
    margin: 3% auto 0%;
    left: 0;
    right: 0;
    z-index: 1;
}
.e14-e19 ul{
    margin: 0 auto;
    padding: 0;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    max-width: 100%;
    align-items: center;
}
.e14-e19 li{
    width: 30.7%;
    margin: 0 0 4%;
}

.e14-e19 li img{ width:100%;}

.e17{position: relative;left: 0%;right: 0;top: 0;width: 36.3%;margin: 7% auto 0%;z-index: 0;}

.e18-e23{
    position: relative;
    top: 0;
    width: 54.50%;
    margin: -1% auto 5%;
    left: 0;
    right: 0;
    z-index: 5;
}
.e18-e23 ul{
    margin: 0 auto;
    padding: 0;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    max-width: 100%;
    align-items: center;
}
.e18-e23 li{
    width: 34.15%;
    margin: 0 -0.6%;
}
.e18-e23 li:nth-child(1){
    margin-top: 16%;
}
.e18-e23 li:nth-child(2){
    margin-top: 8%;
}
.e18-e23 li:nth-child(3){}
.e18-e23 li:nth-child(4){
    margin-top: -1%;
}
.e18-e23 li:nth-child(5){
    margin-top: -9%;
}
.e18-e23 li:nth-child(6){
    margin-top: -17%;
}

.e18-e23 li img{ width:100%;}


.box1{
    background: url(../img/e29.png) no-repeat;
    background-size: 100% auto;
    background-position: center top;
    position: relative;
    width: 85.6%;
    height: auto;
    margin: 7% 0 0 auto;
    z-index: 2;
    display: flex;
    align-items: center;
}


.e20{position: relative;left: 0;right: 0;top: 0;width: 33.3%;margin: 0 auto 5%;z-index: 0;}
.e21{position: relative;left: 0;right: 0;top: 0;width: 27.4%;margin: 5% auto 0%;z-index: 0;}

.e19-e21{
    position: relative;
    top: 0;
    width: 51.85%;
    margin: 4% auto;
    left: 0;
    right: 0;
    z-index: 1;
}
.e19-e21 ul{
    margin: 0 auto;
    padding: 0;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    max-width: 100%;
    align-items: center;
}
.e19-e21 li{
    width: 31.2%;
    /* margin: 0 auto; */
}

.e19-e21 li img{ width:100%;}

.e22{position: relative;top: 0;width: 58.0%;right: 0;left: 0;margin: 0% auto 0%;z-index: 6;}

.e23{position: relative;top: 0%;width: 0.4%;right: 0;left: 0;margin: 1% auto 1%;z-index: 6;}
.e24{position: relative;top: 0%;width: 29.65%;right: 0;left: 12%;margin: 7.7% 0 11.7%;z-index: 6;}


.ubox_set{
    position: relative;
    width: 52.25%;
    margin: 0 auto 2%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.user_box{
    width: 48.3%;
    border-radius: 8px;
    border: solid 4px #00b391;
    background: #FFF;
}
.u_title{
    background: #00b391;
}

.e25{position: absolute;top: 18%;width: 14.65%;right: 0;left: -6%;padding: 0;margin: 0;z-index: 6;}
.e26{position: absolute;top: 67%;width: 5.3%;left: -8%;margin: 0;z-index: 1;}
.e27{position: absolute;top: 63%;width: 9.3%;right: 20.5%;margin: 0;z-index: 6;}
.e28{position: absolute;bottom: 0;width: 31.1%;right: 24%;margin: 0;z-index: 5;}
.e29{position: absolute;top: 61%;width: 56.5%;right: 0;margin: 0;z-index: 1;}
.e30{position: relative;top: 0;width: 47.5%;right: 0;margin: -8% auto 0;z-index: 5;}


.e31-e35{
    position: relative;
    top: 0;
    width: 42.5%;
    margin: 5% auto 4%;
    left: 0;
    right: 0;
    z-index: 1;
}
.e31-e35 ul{
    margin: 0 auto;
    padding: 0;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    max-width: 100%;
    align-items: end;
}
.e31-e35 li{
    width: 26.6%;
    /* margin: 0 auto; */
}
.e31-e35 li:nth-child(2),.e31-e35 li:nth-child(4){
    width: 2.85%;
    margin: 0 0 3% 0;
}
.e31-e35 li img{ width:100%;}


.e31{position: relative;top: 0;width: 21.5%;left: 0;right: 0;margin: 6% auto 2%;z-index: 5;}


.e32{position: relative;top: 0%;width: 47.6%;right: 0;left: 0;padding: 2% 0;margin: 0 auto;z-index: 6;}
.e33{position: relative;top: 0%;width: 91.0%;right: 0;left: 0;margin: 5.8% auto 0%;z-index: 6;}
.e34{position: relative;top: 0;width: 87.5%;left: 0;right: 0;margin: 2% auto 3%;z-index: 5;}
.e35{position: absolute;top: 45%;width: 66.95%;left: -2%;right: 0;margin: 0;z-index: 0;}
.e36{position: absolute;bottom: 2%;width: 45.8%;right: 0;margin: 0;z-index: 0;}
.e37{position: relative;top: 0;width: 22.7%;left: 0;right: 0;margin: 3% auto 7%;z-index: 13;}
.e38{position: relative;top: 0;width: 48.8%;left: 0;right: 0;margin: 0% auto 1%;z-index: 5;}

.e39{position: relative;top: 0;width: 11.6%;right: 0;left: 18.5%;margin: 0% auto 2%;z-index: 1;}

.e40{position: relative;top: 0;width: 25.85%;right: 0;left: 0;margin: 3% auto 2%;z-index: 1;}

.e41{position: relative;top: 0;width: 24.2%;right: 0;left: 0;margin: 2% auto 0%;z-index: 1;}
.e41_5{position: relative;top: 0;width: 24.2%;right: 0;left: 0;margin: 2% auto 6.6%;z-index: 1;}
.e42{position: relative;top: 0;width: 51.15%;right: 0;left: 0;margin: 7% auto;z-index: 1;}

.e43{position: relative;top: 0;width: 64.85%;right: 0;left: 0;margin: 0 auto;z-index: 1;}

.e40-e43{
    position: relative;
    left: 0;
    top: 47%;
    width: 53.0%;
    margin: 3% auto 1%;
    right: 0%;
    z-index: 11;
    padding: 0;
    z-index: 7;
}
.e40-e43 ul{
    margin: 0 auto;
    padding: 0;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    max-width: 100%;
    align-items: center;
}
.e40-e43 li{
    width: 48.7%;
    margin: 0;
    margin-bottom: 4%;
    position: relative;
}

.e40-e43 li img{ width:100%;}

.e44{position: absolute;top: 53%;width: 9.35%;right: 0;left: -72%;margin: 0 auto;z-index: 3;}
.e45{position: absolute;top: 21%;width: 13.90%;right: 0;left: 70%;margin: 0 auto;z-index: 1;}
.e46{position: absolute;top: 76%;width: 5.55%;right: 0;left: 66%;margin: 0 auto;z-index: 1;}

.e47{position: relative;top: 0;width: 37.85%;right: 0;left: 0;margin: 7% auto 2%;z-index: 1;}


.slick-prev:before, .slick-next:before{font-size: 70px;}
.slick-prev, .slick-next{top: 37%;}
.letter_bg{
    background: #f4fbf4;
    margin: 4% 0 0;
    position: relative;
    padding: 3% 0 0%;
}

.center-mode{
    margin: 0% auto 0% !important;
    width: 100%;
    max-width: initial;
    position: relative;
    top: 0;
}
.center-mode:before{content:'';display: block;padding-top: 51%;}
.slick-list{
    position: absolute;
    top: 0;
    width: 100%;
}
.slick-prev{left: 33.5%;z-index: 5;}
.slick-next{
    right: 37%;
    z-index: 5;
}
.voice_tegaki {
padding: 40px 20px;
opacity: 0.4;
transform: scale(0.895);
transition: all 300ms ease;

}

.center-mode .voice_tegaki.slick-center {
  opacity: 1;
  transform: scale(1.16);
  padding: 30px 20px 10px;
}
.slick-dots{
    display: flex !important;
    width: 6%;
    margin: 0 auto;
    left: 0;
    right: 0;
    position: absolute;
    bottom: 6%;
}

.center-mode .voice_tegaki.slick-center {
    padding: 70px 20px;
}


.e48{position: relative;top: 0;width: 41.65%;left: 0;right: 0;margin: 0 auto;z-index: 4;}


.flame_box{
    position: absolute;
    top: 33.7%;
    width: 100%;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 1;

}
.flame_box:before{content:'';display: block;padding-top: 36.65%;}

.line_box{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 100%;
    height: 100%;
    overflow-y: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
}
.line_box::-webkit-scrollbar {
        display:none;
    }

.e49{position: relative;top: 0;width: 33.5%;left: 0;right: 0;margin: 5% auto 2%;z-index: 1;}
.e50{position: relative;top: 0;width: 33.5%;left: 0;right: 0;margin: 0% auto 2%;z-index: 1;}
.e51{position: relative;top: 0;width: 17.15%;left: 0;right: 0;margin: 6% auto 4%;z-index: 1;}
.e52{position: relative;top: 0;width: 33.5%;left: 0;right: 0;margin: 0% auto 2%;z-index: 1;}
.e53{position: relative;top: 0;width: 33.5%;left: 0;right: 0;margin: 0% auto 2%;z-index: 1;}

.e54{position: relative;top: 0;width: 27.75%;left: 0;right: 0;margin: 0 auto 5%;padding: 0;z-index: 4;}

.e52-e54{
    position: relative;
    top: 0;
    width: 56.6%;
    margin: 0 auto 6%;
    left: 0;
    right: 0;
    z-index: 5;
}
.e52-e54 ul{
    margin: 0 auto;
    padding: 0;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    max-width: 100%;
    align-items: center;
}
.e52-e54 li{
    width: 30.4%;
    margin: 0;
}
.e52-e54 li img{ width:100%;}

.gray_bg{
    background: #e0dbd2;
    overflow: hidden;
}
.e55{position: relative;top: 0;width: 25.85%;left: 0;right: 0;margin: 7% auto 3%;z-index: 4;}


.green_bg{
    background: #00b391;
}
.white_bg{
    width: 100%;
    margin: 0 auto;
    background: #FFF;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 10;
    overflow: hidden;
}

.e56{position: relative;top: 0;width: 24.2%;left: 0;right: 0;margin: 0 auto 5.9%;z-index: 10;}

.e57{position: relative;top: 0;width: 31.8%;left: 12%;right: 0;margin: 8% auto 8%;z-index: 10;}
.e58{position: relative;top: 0;width: 26.45%;left: 0;right: 0;margin: 5% auto 3%;z-index: 10;}
.e59{position: relative;top: 0;width: 54.7%;left: 0;right: 0;margin: 3% auto 0%;z-index: 10;}
.e60{position: relative;top: 0;width: 2.15%;left: 0;right: 0;margin: 0.5% auto 1.0%;z-index: 10;}
.e61{position: relative;top: 0;width: 54.7%;left: 0;right: 0;margin: 0.5% auto 0%;z-index: 10;}
.e62{position: relative;top: 0;width: 2.15%;left: 0;right: 0;margin: 0.5% auto 1.0%;z-index: 10;}
.e63{position: relative;top: 0;width: 54.7%;left: 0;right: 0;margin: 0.5% auto 5%;z-index: 10;}
.e64{position: relative;top: 0;width: 53.8%;left: 0;right: 0;margin: 3.5% auto 0%;z-index: 10;}
.e65{position: relative;top: 0;width: 57.35%;left: 0;right: 0;margin: 15.8% auto 0%;z-index: 10;}
.e66{position: relative;top: 0;width: 32.0%;left: 0;right: 0;margin: 0% auto 0%;z-index: 10;}
.e67{position: relative;top: 0;width: 43.85%;left: 0;right: 0;margin: 0% auto 5%;z-index: 10;}
.e68{position: relative;top: 0;width: 53.8%;left: 0;right: 0;margin: 3.5% auto 0%;z-index: 10;}


.kiyaku_foot{border: solid 1px #FFF;width: 90%;margin: 0% auto 1%;max-width: 480px;font-size: 10px;padding: 5px 0;}

.pict_mg2{
    margin: 6% auto;
}

.mb30{
    margin-bottom: 10%;
}
.white_bg2{
    position: relative;
    top: 41%;
    width: 42.75%;
    right: 0;
    left: 0;
    margin: 0 auto 5%;
    z-index: 1;
    background: #FFF;
    padding: 1%;
    overflow: hidden;
}
.scroll_box{
    overflow: scroll;
    border: solid 2px #bb9358;
    text-align: left;
    padding: 0% 3%;
    height: 120px;
}
.scroll_box h2{
    font-size: 24px;
    font-weight: bold;
}
.scroll_box .txt{
    font-size: 14px;
}

.kiyaku_all{
    padding: 0% 0 2%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    max-width: 360px;
    margin: 0 auto;
    }

.kiyaku_all a{color: #000;font-weight: bold;}
.kiyaku_all a:before{content:'';background: url(../img/arrow.svg) no-repeat;background-size: 100% auto;width: 0.4em;height: 1.1em;display: inline-block;vertical-align: middle;margin-right: 0.3em;}

.addFriend{
    width: 68%;
    margin: -1% auto 10% auto;
}

.info_send .addFriend { margin: 5% auto 5% auto;     width: 31.2%;}
input{ width:100%;}
.line_btn a{display:block;padding: 0;}
.line_btn img,.line_btn input,.buy_btn img
	{
		animation:
			bounce 2s ease infinite normal 0s none running
		;
		-webkit-animation:
			bounce 2s ease infinite normal 0s none running
		;
		-ms-animation:
			bounce 2s ease infinite normal 0s none running
		;
	}
	@keyframes bounce {
		0%, 100%, 20%, 50%, 80% {
		    transform: scale(1.0);
		}
		40% {
		    transform: scale(1.2);
		}
		60% {
		    transform: scale(1.1);
		}
		
	}
	@-webkit-keyframes bounce {
		0%, 100%, 20%, 50%, 80% {
		    transform: scale(1.0);
		}
		40% {
		    transform: scale(1.2);
		}
		60% {
		    transform: scale(1.1);
		}
	}


.reflection.go {
  height: 100%;
  width: 8%;
  position: absolute;
  top: -56%;
  left: -3%;
  background-color: #fff;
  opacity     :0;
  transform: rotate(45deg);
  animation: reflection 2s ease-in-out ;
  -webkit-transform: rotate(45deg);
  -webkit-animation: reflection 2s ease-in-out ;
  -moz-transform: rotate(45deg);
  -moz-animation: reflection 2s ease-in-out ;
  -ms-transform: rotate(45deg);
  -ms-animation: reflection 2s ease-in-out ;
  -o-transform: rotate(45deg);
  -o-animation: reflection 2s ease-in-out ;
}


@keyframes reflection {
  0% { transform: scale(0) rotate(45deg); opacity: 0; }
  80% { transform: scale(0) rotate(45deg); opacity: 0.5; }
  81% { transform: scale(4) rotate(45deg); opacity: 1; }
  100% { transform: scale(50) rotate(45deg); opacity: 0; }
}
@-webkit-keyframes reflection {
  0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0; }
  80% { -webkit-transform: scale(0) rotate(45deg); opacity: 0.5; }
  81% { -webkit-transform: scale(4) rotate(45deg); opacity: 1; }
  100% { -webkit-transform: scale(50) rotate(45deg); opacity: 0; }
}
@-moz-keyframes reflection {
  0% { -moz-transform: scale(0) rotate(45deg); opacity: 0; }
  80% { -moz-transform: scale(0) rotate(45deg); opacity: 0.5; }
  81% { -moz-transform: scale(4) rotate(45deg); opacity: 1; }
  100% { -moz-transform: scale(50) rotate(45deg); opacity: 0; }
}
@-ms-keyframes reflection {
  0% { -ms-transform: scale(0) rotate(45deg); opacity: 0; }
  80% { -ms-transform: scale(0) rotate(45deg); opacity: 0.5; }
  81% { -ms-transform: scale(4) rotate(45deg); opacity: 1; }
  100% { -ms-transform: scale(50) rotate(45deg); opacity: 0; }
}
@-o-keyframes reflection {
  0% { -o-transform: scale(0) rotate(45deg); opacity: 0; }
  80% { -o-transform: scale(0) rotate(45deg); opacity: 0.5; }
  81% { -o-transform: scale(4) rotate(45deg); opacity: 1; }
  100% { -o-transform: scale(50) rotate(45deg); opacity: 0; }
}


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



}


@media screen and ( max-width:768px )
{
	html{ overflow:auto;}
	body{ margin:0px; padding:0px; width:auto; background:none; overflow:hidden;}
.content{
max-width: 100%;
    }
	



.pc{ display:none;}
.sp{ display:block;}




.popup {
    display: none; /* 初期は非表示 */
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7); /* 半透明の背景色 */
    z-index: 1000; /* 他の要素より手前に表示 */
    text-align: center; /* コンテンツを中央に配置 */
}

/* ポップアップのコンテンツ */
.popup-content {
    position: relative;
    top: 50%;
    transform: translateY(-50%); /* 垂直方向中央に配置 */
     /* ポップアップの背景色 */
    max-width: 95%; /* コンテンツの最大幅 */
    margin: 0 auto; /* 水平方向中央に配置 */
    padding: 0;
    border-radius: 5px;
}
.close-popup-button{
    position: absolute;
    right: 1%;
    top: 4%;
    width: 4%;
    cursor: pointer;
}
.close-popup-button img{
    width: 100%;
}
.popupimg{
    width: 100%;
}


.white_bg{}
.top_center{display: block;width: 93.1%;margin: 0 auto;max-width: 680px;height: 42vh;}

.sample_img{ max-width: 2000px; margin: 0 auto;}

.slide-image {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  animation: slider-1 24s ease-out infinite;
}

.slide-image:nth-child(1) {
  background-image: url(../img/001-1sp.jpg);
  ]: -2s;
}

.slide-image:nth-child(2) {
  background-image: url(../img/001-2sp.jpg);
  animation-delay: 6s;
}
.slide-image:nth-child(3) {
  background-image: url(../img/001-3sp.jpg);
  animation-delay: 14s;
}


@keyframes slider-1 {
  0% {
    opacity: 0;
    transform: scale(1);
  }
  4.16% {
    opacity: 1;
  }
  33.33% {
    opacity: 1;
  }
  41.66% {
    opacity: 0;
    transform: scale(1.11);
  }
  100% {
    opacity: 0;
  }
}

.floating_btn {
    position: fixed;
    bottom: 5%;
    right: 2%;
    z-index: 10;
    width: 20%;
    max-width: 145px;
}
.floating_btn a {
    display: block;
}
.floating_btn img{width:100%;}

.head_txt{
    font-size: min(6.5vw,36px);
    color: #FFF;
    text-align: center;
    margin: 4% 0;
    font-weight: bold;
}
.head_day{
    color: #ffe454;
    font-weight: bold;
    font-size: min(7.5vw,36px);
    margin: 0% 0 0 0;
}
.head_title{
    background: #ffe454;
    color: #00658e;
    width: 90%;
    margin: 0 auto 2.5%;
    max-width: 390px;
}


.p1{
	background-size: 100% auto;
	background-position: center top;
	background-attachment: fixed;
	position:
	relative;
	height: auto;
	margin: 0 0 0 0;
	}
.p1:before{
    content: "";
    display: block;
    /* padding-top: 78.75%; */ /* 1:1 */
    }

.p1h{
    height:auto;
    padding: 0;
    position: relative;
    top: 0;
    left: 0;
    right:0;
    width: 100%;
    height: 100%;
    margin:0 auto;
    }
	

.p2{/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#00c4f1+0,0093ef+100 */ /* Old browsers */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ /* IE6-9 *//* background: url(../img/001-1.jpg) no-repeat; *//* background-size: 100% auto; *//* background-position: center bottom; */position:relative;/* height: auto; */margin: 0;}
.p2:before{
    content: "";
    display: block;
     /* 1:1 */
    padding-top: 100vh;
    }

.p2h{
    height:
    auto;
    padding: 0;
    position: absolute;
    top: 0;
    left: 0;
    right:0;
    width: 100%;
    height: 100%;
    margin: 0 auto 0;
    display: block;
    align-items: center;
    justify-content: center;
    overflow: inherit;
    }
	
	
.p3{
	background: #fff;
	background-size: 100% auto;
	background-position: center top;
	position:
	relative;
	height: auto;
	margin: 0 0 0% 0;
	z-index: 0;
	}
.p3:before{
    content: "";
    display: block;
     /* 1:1 */
    /* padding-top: 61.35%; */
    }

.p3h{
    height:auto;
    padding: 0;
    position: relative;
    top: 0;
    left: 0;
    right:0;
    width: 100%;
    height: 100%;
    margin:0 auto;
    }

.p4{
	background: #dfe2e4;
	background-size: 100% auto;
	background-position: center top;
	background-attachment: fixed;
	position:
	relative;
	height: auto;
	margin: 0% 0 0 0;
	z-index: 5;
	}
.p4:before{
    content: "";
    display: block;
     /* 1:1 */
    }

.p4h{
    height:auto;
    padding: 0;
    position: relative;
    top: 0;
    left: 0;
    right:0;
    width: 100%;
    height: 100%;
    margin:0 auto;
    }

.p5{
	
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#00c4f1+0,0093ef+100 */
	 /* Old browsers */
	
 /* FF3.6-15 */
	
 /* Chrome10-25,Safari5.1-6 */
	
 /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	
 /* IE6-9 */
	
background: #FFF;
	
background-size: cover;
	
background-position: center top;
	
background-attachment: fixed;
	
position:relative;
	
height: auto;
	
margin: 0 0 0 0;
	
z-index: 2;
	}
.p5:before{
    content: "";
    display: block;
     /* 1:1 */
    padding-top: 0;
    }

.p5h{
    height:auto;
    padding: 0;
    position: relative;
    top: 0;
    left: 0;
    right:0;
    width: 100%;
    height: 100%;
    margin:0 auto;
    }
	

.p6{
	background: url(../img/006.jpg) no-repeat;
	background-size: 240% auto;
	background-position: center top;
	position:
	relative;
	height: auto;
	margin: 0;
	z-index: 2;
	}
.p6:before{
    content: "";
    display: block;
     /* 1:1 */
    }

.p6h{
    height:auto;
    padding: 0;
    position: relative;
    top: 0;
    left: 0;
    right:0;
    width: 100%;
    height: 100%;
    margin:0 auto;
    }
	
.p7{
	background: #FFF;
	background-position: center bottom;
	position:
	relative;
	height: auto;
	margin: 0;
	z-index: 2;
	}
.p7:before{
    content: "";
    display: block;
     /* 1:1 */
    }

.p7h{
    height:auto;
    padding: 0;
    position: relative;
    top: 0;
    left: 0;
    right:0;
    width: 100%;
    height: 100%;
    margin:0 auto;
    }
	
.p8{
	background: url(../img/008.jpg) no-repeat;
	background-size: 100% auto;
	background-position: center top;
	position:
	relative;
	height: auto;
	margin: 0 0 0 0;
	z-index: 2;
	}
.p8:before{
    content: "";
    display: block;
     /* 1:1 */
    padding-top: 189.85%;
    }

.p8h{
    height:
    auto;
    padding: 0;
    position: absolute;
    top: 0;
    left: 0;
    right:0;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    }
	
.p9{
	background-size: 100% auto;
	background-position: center top;
	background-attachment: fixed;
	position:
	relative;
	height: auto;
	margin: 0;
	z-index: 2;
	}
.p9:before{
    content: "";
    display: block;
     /* 1:1 */
    }

.p9h{
    height:auto;
    padding: 0;
    position: relative;
    top: 0;
    left: 0;
    right:0;
    width: 100%;
    height: 100%;
    margin:0 auto;
    }
.p10{
	background: url(../img/010.jpg) no-repeat;
	background-size: 290% auto;
	background-position: center top;
	position:
	relative;
	height: auto;
	margin: 0;
	z-index: 2;
	}
.p10:before{
    content: "";
    display: block;
     /* 1:1 */
    }

.p10h{
    height:auto;
    padding: 0;
    position: relative;
    top: 0;
    left: 0;
    right:0;
    width: 100%;
    height: 100%;
    margin:0 auto;
    }

.p11{
	background-size: 100% auto;
	background-position: center top;
	background-attachment: fixed;
	position:
	relative;
	height: auto;
	margin: 0;
	z-index: 2;
	}
.p11:before{
    content: "";
    display: block;
     /* 1:1 */
    }

.p11h{
    height:auto;
    padding: 0;
    position: relative;
    top: 0;
    left: 0;
    right:0;
    width: 100%;
    height: 100%;
    margin:0 auto;
    }

.p12{
	background: url(../img/012.jpg) no-repeat;
	background-size: 100% auto;
	background-position: center top;
	position:	relative;
	height: auto;
	margin: 0;
	z-index: 2;
	}
.p12:before{
    content: "";
    display: block;
     /* 1:1 */
    }

.p12h{
    height:auto;
    padding: 0;
    position: relative;
    top: 0;
    left: 0;
    right:0;
    width: 100%;
    height: 100%;
    margin:0 auto;
    }
.p13{
	background: url(../img/013.jpg) no-repeat;
	background-size: 100% auto;
	background-position: center top;
	position:
	relative;
	height: auto;
	margin: 0;
	z-index: 2;
	}
.p13:before{
    content: "";
    display: block;
     /* 1:1 */
    }

.p13h{
    height:auto;
    padding: 0;
    position: relative;
    top: 0;
    left: 0;
    right:0;
    width: 100%;
    height: 100%;
    margin:0 auto;
    }
.p14{
	background: url(../img/014.jpg) no-repeat;
	background-size: 100% auto;
	background-position: center top;
	position:
	relative;
	height: auto;
	margin: 0;
	z-index: 2;
	}
.p14:before{
    content: "";
    display: block;
     /* 1:1 */
    }

.p14h{
    height:auto;
    padding: 0;
    position: relative;
    top: 0;
    left: 0;
    right:0;
    width: 100%;
    height: 100%;
    margin:0 auto;
    }
.cl{background: #FFF;color: #97a2b2;padding: 10% 0;}


.p1 img,.p2 img,.p3 img,.p4 img,.p5 img,.p6 img,.p7 img,.p8 img,.p9 img,.p10 img,.p11 img,.p12 img,.p13 img,.p14 img,.p15 img,.p16 img,.p17 img,.p18 img,.p19 img,.p20 img,.p21 img,.p22 img,.p23 img,.t1 img,.w01 img,.t2 img,.t3 img,.t4 img,.t5 img,.t6 img,.t7 img,.t8 img,.p21 img,.p22 img,.p23 img,.p24 img,.p25 img,.p26 img{ width:100%;}
.addFriend input{ width:100%;}


.form_box1{position: relative;top: 0;width: 58.3%;left: 0%;right: 0%;margin: 0% auto 0% auto;z-index: 1;}
.form_box1 input{
    width: 100%;
    height: 0%;
    text-align: center;
    border-radius: 500px;
    outline: 0;
    border: #aaa 2px solid;
    color: #666;
    font-size: 2.2vw;
    margin: 0 auto 3% auto;
    padding: 3% 5%;
}

.scroll_img{
    position: absolute;
    top: 0;
    right: 34.5%;
    margin: 0 auto;
    width: 4%;
	animation: arrowmove 1s ease-in-out infinite;
}
@keyframes arrowmove{
      0%{top:0%;}
      50%{top:3%;}
     100%{top:0%;}
 }
 .slide_set{
    overflow: hidden;
    height: 33vh;
    width: 100%;
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    margin: 0;
}
 
.rand_box{font-size: 34px;font-weight: bold;color: #FFF;margin: -10px 0 -30px 0;}
.rand_num{font-size: 58px;margin: 0 1% 0 3%;}
.low_bg{overflow: hidden;/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#666666+0,1c1c1c+27,131313+100 */
background: #144470; /* Old browsers */
 /* IE6-9 */;background: url(../img/003.jpg) no-repeat;
    background: #ffffff;
    background: -moz-linear-gradient(left, #ffffff 0%, #d2dadd 100%);
    background: -webkit-linear-gradient(left, #ffffff 0%,#d2dadd 100%);
    background: linear-gradient(to right, #ffffff 0%,#d2dadd 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d2dadd',GradientType=1 );background-size: cover;
    background-position: center top;
    background-attachment: fixed;}
.high_bg{overflow: hidden;/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#666666+0,1c1c1c+27,131313+100 */
 /* Old browsers */
 /* IE6-9 */;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f6f2bd+0,d9bc6d+100 */
background: rgb(246,242,189); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(246,242,189,1) 0%, rgba(217,188,109,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(246,242,189,1) 0%,rgba(217,188,109,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(246,242,189,1) 0%,rgba(217,188,109,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f2bd', endColorstr='#d9bc6d',GradientType=0 ); /* IE6-9 */;background-size: cover;
    background-position: center top;
    background-attachment: fixed;}
	
.head_box{
    width: 92%;
    margin: 0 auto;
    padding: 0.9% 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 1161px;
}
.job_num_box{
    width: 100%;
    max-width: 100%;
    display: flex;
    align-items: center;
    position: relative;
    top: 0;
    right: 0;
    background: #00658e;
    padding: 5.17% 16%;
}

        #counter {
            font-size: min(12vw,55px);
            position: relative;
            height: 100%;
            overflow: hidden;
            width: 44.7%;
            line-height: 1;
            display: flex;
            align-items: center;
        }
		#counter:before{content:'';display: block;padding-top: 35%;}

        .counter-span {
            position: absolute;
            left: 0;
            right: 0;
            top: 0;
            bottom: 0;
            height: max-content;
            line-height: 1;
            margin: auto;
            display: flex;
            justify-content: center;
            align-items: center;
            animation: fade-in 1s ease-in-out;
            font-family: Bebas;
            color: #ffe454;
            font-feature-settings: "palt";
        }

        .fadeOut {
            animation: fade-out 1s ease-in-out;
        }

        @keyframes fade-in {
            0% { opacity: 0; transform: translateY(-20px); }
            100% { opacity: 1; transform: translateY(0); }
        }

        @keyframes fade-out {
            0% { opacity: 1; transform: translateY(0); }
            100% { opacity: 0; transform: translateY(20px); }
        }

.unit{
    width: 5.2%;
    margin: 0 7% 0 0;
}
.slick-prev:before, .slick-next:before{
    color: #63bc36;
}

.swiper-button-prev,
.swiper-button-next {
  height: 50px;
  width: 50px;
}
/* 前へ次への矢印カスタマイズ */
.swiper-button-prev::after,
.swiper-button-next::after {
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  height: 50px;
  margin: auto;
  width: 42%;
}
/* 前への矢印カスタマイズ */
.swiper-button-prev::after {
  background-image: url(../img/e33.svg);
}
/* 次への矢印カスタマイズ */
.swiper-button-next::after {
  background-image: url(../img/e34.svg);
}
/* 画像サイズ調整 */
.swiper-slide img {
  height: auto;
  width: 100%;
}
.camp_swip [class^="swiper-button-"]{
    width: 20%;
}

.swiper-slide {
  opacity: .3; /* 左右のスライドを薄くする */
  transform: scale(.9) !important; /* 左右のスライドを小さくする */
  transition: .7s; /* ゆっくり小さくさせる */
}
.swiper-slide img {
  height: auto;
  width: 100%;
}
.swiper-slide-active {
  opacity: 1; /* 中央のスライドは薄くしない */
  transform: scale(1) !important; /* 中央のスライドは小さくしない */
  z-index: 1; /* 中央のスライドを一番上にする */
}
.swiper-pagination-bullet-active{ background: #4696c9;}

.swiper-slide{
    box-shadow: 5px 5px 14px rgba(29,77,161,0.2);
    /* mix-blend-mode: overlay; */
    margin: 1% 0;
}
.swiper-pagination{}
.swiper{
    padding: 1% 0 10% 0;
}

.user_voice{}
.user_voice .swiper-slide{ box-shadow:none;}

.user_voice .swiper-button-prev::after,.user_voice .swiper-button-next::after{
    height: 104px;
    width: 61.8%;
}
.user_voice .swiper-button-prev,.user_voice .swiper-button-next{
    height: 104px;
}
.user_voice [class^="swiper-button-"]{}

.e1{position: absolute;top: 2%;width: 22%;left: 4.5%;margin: 0;z-index: 1;}
.e2{position: relative;top: 0;width: 100%;left: 0;right: 0;margin: 5% 0 0% 0;z-index: 3;}
.e3{position: relative;left: 0;right: 0;top: 13%;width: 100%;margin: 0 auto 9%;z-index: 5;}
.e4{position: relative;left: 0;right: 0;top: 0;width: 56.3%;margin: 0 auto;z-index: 5;}
.e5{position: absolute;left: 0;right: 0;top: 2%;width: 72.45%;margin: 0 auto;z-index: 5;}

.e6{position: relative;left: 0;top: 0;width: 85.5%;margin: 0 auto 9%;z-index: 0;}


.e3-e5{
    position: relative;
    top: 0;
    width: 98.5%;
    margin: 3% auto 6%;
    left: 0;
    z-index: 5;
}
.e3-e5 ul{
    margin: 0 auto;
    padding: 0;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    max-width: 100%;
    align-items: center;
}
.e3-e5 li{
    width: 28.9%;
    margin: 0;
}
.e3-e5 li:nth-child(1){
}
.e3-e5 li:nth-child(2){}
.e3-e5 li:nth-child(3){}

.e3-e5 li img{ width:100%;}

.e7{position: relative;left: 0;right: 0;top: 0;width: 82.7%;margin: 9% auto;z-index: 0;}

.t01{
    position: relative;
    left: 0;
    right: 0;
    top: 0;
    width: 33.65%;
    margin: 0 auto;
    z-index: 5;
    font-size: min(2.35vw,47px);
    color: #ff6633;
}
.t01:before{content:'';display: inline-block;position: absolute;width: 4%;height: 100%;margin: 0 0 0 0;background: url(../img/yay.svg) no-repeat;background-size: contain;vertical-align: middle;top: 10%;left: 0;}
.t01:after{content:'';display: inline-block;position: absolute;width: 4%;height: 100%;margin: 0 0 0 0;top: 10%;right: 0;background: url(../img/yay.svg) no-repeat;background-size: contain;vertical-align: middle;transform: scale(-1, 1);}


.t02{
    position: relative;
    left: 0;
    right: 0;
    top: 0;
    width: 29.5%;
    margin: 0 auto;
    z-index: 5;
    font-size: 1.80vw;
}
.t02:before{ content:'';display: inline-block;position: absolute;width: 5%;height: 100%;margin: 0 0 0 0;background: url(../img/yay.svg) no-repeat;background-size: contain;vertical-align: middle;top: 10%;left: 0;}
.t02:after{ content:'';display: inline-block;position: absolute;width: 5%;height: 100%;margin: 0 0 0 0;top: 10%;right: 0;background: url(../img/yay.svg) no-repeat;background-size: contain;vertical-align: middle;transform: scale(-1, 1);}



.rand_num1{
    font-size: 2.4vw;
}


.e9-e12{
    position: relative;
    top: 0;
    width: 100%;
    margin: 13% auto;
    left: -9%;
    right: 0;
    z-index: 5;
}
.e9-e12 ul{
    margin: 0 auto;
    padding: 0;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    max-width: 100%;
    align-items: flex-start;
}
.e9-e12 li{
    width: 61.08%;
    margin: 0;
}
.e9-e12 li:nth-child(2){
    width: 29%;
    margin: 4% 0 0 0;
}
.e9-e12 li img{ width:100%;}


.e13-e15{
    position: relative;
    top: 0;
    width: 100%;
    margin: 13% auto;
    left: 9%;
    right: 0;
    z-index: 5;
}
.e13-e15 ul{
    margin: 0 auto;
    padding: 0;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    max-width: 100%;
    align-items: flex-start;
}
.e13-e15 li{
    width: 61.08%;
    margin: 0;
}
.e13-e15 li:nth-child(1){
    width: 34.65%;
    margin: 4% 0 0 0;
}
.e13-e15 li img{ width:100%;}


.e8{position: relative;left: 3%;right: 0;top: 0;width: 36.2%;margin: 0 auto;z-index: 0;}
.e9{position: relative;left: 0%;right: 0;top: 0;width: 43.85%;margin: 0% auto 5%;z-index: 0;}

.e10{position: absolute;left: 0;right: 72%;top: 36%;width: 11.35%;margin: 0 auto;z-index: 6;}
.e11{position: absolute;left: 19%;right: 0;top: 6%;width: 62.35%;margin: 0 auto;z-index: 0;}

.e14{position: absolute;left: 0;right: 15%;top: 50%;width: 56.9%;margin: 0 auto;z-index: 0;}
.e16{position: absolute;left: 79%;right: 0;top: 66%;width: 9.1%;margin: 0 auto;z-index: 5;}

.e14-e19{
    position: relative;
    top: 0;
    width: 50.9%;
    margin: 3% auto 0%;
    left: 0;
    right: 0;
    z-index: 1;
}
.e14-e19 ul{
    margin: 0 auto;
    padding: 0;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    max-width: 100%;
    align-items: center;
}
.e14-e19 li{
    width: 30.7%;
    margin: 0 0 4%;
}

.e14-e19 li img{ width:100%;}

.e17{position: relative;left: 0%;right: 0;top: 0;width: 90%;margin: 14% auto 0%;z-index: 0;}

.e18-e23{
    position: relative;
    top: 0;
    width: 96%;
    margin: 1% auto 12%;
    left: 0;
    right: 0;
    z-index: 5;
}
.e18-e23 ul{
    margin: 0 auto;
    padding: 0;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    max-width: 100%;
    align-items: center;
}
.e18-e23 li{
    width: 51%;
    margin: 0 -0.6%;
}
.e18-e23 li:nth-child(1){
    margin-top: 16%;
}
.e18-e23 li:nth-child(2){
    margin-top: 0;
}
.e18-e23 li:nth-child(3){
    margin-top: -2%;
}
.e18-e23 li:nth-child(4){
    margin-top: -19%;
}
.e18-e23 li:nth-child(5){
    margin-top: -2%;
}
.e18-e23 li:nth-child(6){
    margin-top: -19%;
}

.e18-e23 li img{ width:100%;}


.box1{
    background: url(../img/e29.png) no-repeat;
    background-size: 100% auto;
    background-position: center top;
    position: relative;
    width: 205.6%;
    height: auto;
    margin: 0 0 0 auto;
    left: -21%;
    z-index: 2;
    display: flex;
    align-items: center;
}


.e20{position: relative;left: 0;right: 0;top: 0;width: 33.3%;margin: 0 auto 5%;z-index: 0;}
.e21{position: relative;left: 0;right: 0;top: 0;width: 27.4%;margin: 5% auto 0%;z-index: 0;}

.e19-e21{
    position: relative;
    top: 0;
    width: 51.85%;
    margin: 4% auto;
    left: 0;
    right: 0;
    z-index: 1;
}
.e19-e21 ul{
    margin: 0 auto;
    padding: 0;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    max-width: 100%;
    align-items: center;
}
.e19-e21 li{
    width: 31.2%;
    /* margin: 0 auto; */
}

.e19-e21 li img{ width:100%;}

.e22{position: relative;top: 0;width: 58.0%;right: 0;left: 0;margin: 0% auto 0%;z-index: 6;}

.e23{position: relative;top: 0%;width: 0.4%;right: 0;left: 0;margin: 1% auto 1%;z-index: 6;}
.e24{position: relative;top: 0%;width: 29.65%;right: 0;left: 12%;margin: 7.7% 0 11.7%;z-index: 6;}


.ubox_set{
    position: relative;
    width: 52.25%;
    margin: 0 auto 2%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.user_box{
    width: 48.3%;
    border-radius: 8px;
    border: solid 4px #00b391;
    background: #FFF;
}
.u_title{
    background: #00b391;
}

.e25{position: absolute;top: 18%;width: 14.65%;right: 0;left: -6%;padding: 0;margin: 0;z-index: 6;}
.e26{position: absolute;top: 67%;width: 5.3%;left: -8%;margin: 0;z-index: 1;}
.e27{position: absolute;top: 63%;width: 9.3%;right: 20.5%;margin: 0;z-index: 6;}
.e28{position: absolute;bottom: 0;width: 27.1%;right: 38%;margin: 0;z-index: 5;}
.e29{position: absolute;top: 61%;width: 56.5%;right: 0;margin: 0;z-index: 1;}
.e30{position: relative;top: 0;width: 90%;right: 0;margin: -17% auto 0;z-index: 5;}


.e31-e35{
    position: relative;
    top: 0;
    width: 42.5%;
    margin: 5% auto 4%;
    left: 0;
    right: 0;
    z-index: 1;
}
.e31-e35 ul{
    margin: 0 auto;
    padding: 0;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    max-width: 100%;
    align-items: end;
}
.e31-e35 li{
    width: 26.6%;
    /* margin: 0 auto; */
}
.e31-e35 li:nth-child(2),.e31-e35 li:nth-child(4){
    width: 2.85%;
    margin: 0 0 3% 0;
}
.e31-e35 li img{ width:100%;}


.e31{position: relative;top: 0;width: 70%;left: 0;right: 0;margin: 12% auto 8%;z-index: 5;}


.e32{position: relative;top: 0%;width: 47.6%;right: 0;left: 0;padding: 2% 0;margin: 0 auto;z-index: 6;}
.e33{position: relative;top: 0%;width: 91.0%;right: 0;left: 0;margin: 5.8% auto 0%;z-index: 6;}
.e34{position: relative;top: 0;width: 87.5%;left: 0;right: 0;margin: 2% auto 3%;z-index: 5;}
.e35{position: absolute;top: 45%;width: 66.95%;left: -2%;right: 0;margin: 0;z-index: 0;}
.e36{position: absolute;bottom: 2%;width: 45.8%;right: 0;margin: 0;z-index: 0;}
.e37{position: relative;top: 0;width: 90%;left: 0;right: 0;margin: 3% auto 7%;z-index: 13;}
.e38{position: relative;top: 0;width: 90%;left: 0;right: 0;margin: 3% auto 1%;z-index: 5;}

.e39{position: relative;top: 0;width: 31.6%;right: 0;left: 28.5%;margin: 0% auto 2%;z-index: 1;}

.e40{position: relative;top: 0;width: 80%;right: 0;left: 0;margin: 6% auto 5%;z-index: 1;}

.e41{position: relative;top: 0;width: 87%;right: 0;left: 0;margin: 8% auto 0%;z-index: 1;}
.e41_5{position: relative;top: 0;width: 74.2%;right: 0;left: 0;margin: 6% auto 9.6%;z-index: 1;}
.e42{position: relative;top: 0;width: 90%;right: 0;left: 0;margin: 7% auto;z-index: 1;}

.e43{position: relative;top: 0;width: 100%;right: 0;left: 0;margin: 0 auto;z-index: 1;}

.e40-e43{
    position: relative;
    left: 0;
    top: 47%;
    width: 53.0%;
    margin: 3% auto 1%;
    right: 0%;
    z-index: 11;
    padding: 0;
    z-index: 7;
}
.e40-e43 ul{
    margin: 0 auto;
    padding: 0;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    max-width: 100%;
    align-items: center;
}
.e40-e43 li{
    width: 48.7%;
    margin: 0;
    margin-bottom: 4%;
    position: relative;
}

.e40-e43 li img{ width:100%;}

.e44{position: absolute;top: 53%;width: 9.35%;right: 0;left: -103%;margin: 0 auto;z-index: 3;}
.e45{position: absolute;top: 21%;width: 13.90%;right: 0;left: 96%;margin: 0 auto;z-index: 1;}
.e46{position: absolute;top: 76%;width: 5.55%;right: 0;left: 95%;margin: 0 auto;z-index: 1;}

.e47{position: relative;top: 0;width: 80%;right: 0;left: 0;margin: 13% auto 5%;z-index: 1;}


.slick-prev:before, .slick-next:before{font-size: 70px;}
.slick-prev, .slick-next{top: 37%;}
.letter_bg{
    background: #f4fbf4;
    margin: 4% 0 0;
    position: relative;
    padding: 3% 0 0%;
}

.center-mode{
    margin: 0% auto 0% !important;
    width: 100%;
    max-width: initial;
    position: relative;
    top: 0;
}
.center-mode:before{content:'';display: block;padding-top: 51%;}
.slick-list{
    position: absolute;
    top: 0;
    width: 100%;
}
.slick-prev{left: 33.5%;z-index: 5;}
.slick-next{
    right: 37%;
    z-index: 5;
}
.voice_tegaki {
padding: 40px 20px;
opacity: 0.4;
transform: scale(0.895);
transition: all 300ms ease;

}

.center-mode .voice_tegaki.slick-center {
  opacity: 1;
  transform: scale(1.16);
  padding: 30px 20px 10px;
}
.slick-dots{
    display: flex !important;
    width: 6%;
    margin: 0 auto;
    left: 0;
    right: 0;
    position: absolute;
    bottom: 6%;
}

.center-mode .voice_tegaki.slick-center {
    padding: 70px 20px;
}


.e48{position: relative;top: 0;width: 41.65%;left: 0;right: 0;margin: 0 auto;z-index: 4;}


.flame_box{
    position: absolute;
    top: 33.7%;
    width: 100%;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 1;

}
.flame_box:before{content:'';display: block;padding-top: 36.65%;}

.line_box{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 100%;
    height: 100%;
    overflow-y: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
}
.line_box::-webkit-scrollbar {
        display:none;
    }

.e49{position: relative;top: 0;width: 33.5%;left: 0;right: 0;margin: 5% auto 2%;z-index: 1;}
.e50{position: relative;top: 0;width: 33.5%;left: 0;right: 0;margin: 0% auto 2%;z-index: 1;}
.e51{position: relative;top: 0;width: 60%;left: 0;right: 0;margin: 6% auto 13%;z-index: 1;}
.e52{position: relative;top: 0;width: 33.5%;left: 0;right: 0;margin: 0% auto 2%;z-index: 1;}
.e53{position: relative;top: 0;width: 33.5%;left: 0;right: 0;margin: 0% auto 2%;z-index: 1;}

.e54{position: relative;top: 0;width: 27.75%;left: 0;right: 0;margin: 0 auto 5%;padding: 0;z-index: 4;}

.e52-e54{
    position: relative;
    top: 0;
    width: 60%;
    margin: 0 auto 6%;
    left: 0;
    right: 0;
    z-index: 5;
}
.e52-e54 ul{
    margin: 0 auto;
    padding: 0;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    max-width: 100%;
    align-items: center;
}
.e52-e54 li{
    width: 100%;
    margin: 0 0 24% 0;
}
.e52-e54 li img{ width:100%;}

.gray_bg{
    background: #e0dbd2;
    overflow: hidden;
}
.e55{position: relative;top: 0;width: 90%;left: 0;right: 0;margin: 13% auto 8%;z-index: 4;}


.green_bg{
    background: #00b391;
}
.white_bg{
    width: 100%;
    margin: 0 auto;
    background: #FFF;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 10;
    overflow: hidden;
}

.e56{position: relative;top: 0;width: 90%;left: 0;right: 0;margin: 0 auto 13%;z-index: 10;}

.e57{position: relative;top: 0;width: 31.8%;left: 12%;right: 0;margin: 8% auto 8%;z-index: 10;}
.e58{position: relative;top: 0;width: 26.45%;left: 0;right: 0;margin: 5% auto 3%;z-index: 10;}
.e59{position: relative;top: 0;width: 54.7%;left: 0;right: 0;margin: 3% auto 0%;z-index: 10;}
.e60{position: relative;top: 0;width: 2.15%;left: 0;right: 0;margin: 0.5% auto 1.0%;z-index: 10;}
.e61{position: relative;top: 0;width: 54.7%;left: 0;right: 0;margin: 0.5% auto 0%;z-index: 10;}
.e62{position: relative;top: 0;width: 2.15%;left: 0;right: 0;margin: 0.5% auto 1.0%;z-index: 10;}
.e63{position: relative;top: 0;width: 54.7%;left: 0;right: 0;margin: 0.5% auto 5%;z-index: 10;}
.e64{position: relative;top: 0;width: 53.8%;left: 0;right: 0;margin: 3.5% auto 0%;z-index: 10;}
.e65{position: relative;top: 0;width: 57.35%;left: 0;right: 0;margin: 15.8% auto 0%;z-index: 10;}
.e66{position: relative;top: 0;width: 32.0%;left: 0;right: 0;margin: 0% auto 0%;z-index: 10;}
.e67{position: relative;top: 0;width: 43.85%;left: 0;right: 0;margin: 0% auto 5%;z-index: 10;}
.e68{position: relative;top: 0;width: 53.8%;left: 0;right: 0;margin: 3.5% auto 0%;z-index: 10;}


.kiyaku_foot{border: solid 1px #FFF;width: 90%;margin: 0% auto 1%;max-width: 480px;font-size: 10px;padding: 5px 0;}

.pict_mg2{
    margin: 6% auto;
}

.mb30{
    margin-bottom: 10%;
}
.white_bg2{
    position: relative;
    top: 41%;
    width: 42.75%;
    right: 0;
    left: 0;
    margin: 0 auto 5%;
    z-index: 1;
    background: #FFF;
    padding: 1%;
    overflow: hidden;
}
.scroll_box{
    overflow: scroll;
    border: solid 2px #bb9358;
    text-align: left;
    padding: 0% 3%;
    height: 120px;
}
.scroll_box h2{
    font-size: 24px;
    font-weight: bold;
}
.scroll_box .txt{
    font-size: 14px;
}

.kiyaku_all{
    padding: 0% 7% 5%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    max-width: 480px;
    margin: 0 auto;
    }

.kiyaku_all a{color: #000;font-weight: bold;}
.kiyaku_all a:before{content:'';background: url(../img/arrow.svg) no-repeat;background-size: 100% auto;width: 0.4em;height: 1.1em;display: inline-block;vertical-align: middle;margin-right: 0.3em;}

.kiyaku_all .kiyaku{
    width: 100%;
    text-align: left;
    margin: 0 0 3% 0;
}
.floating_btn {
    position: fixed;
    top: 25%;
    right: 0%;
    z-index: 10;
    width: 21.5%;
    pointer-events: none;
}
.floating_btn a {
    display: block;
    pointer-events: all;
}
.floating_btn img{ width:100%;}

}

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


}

@media screen and ( max-width:425px )
{
}

@media screen and ( max-width:414px )
{
}


@media screen and ( max-width:393px )
{
}


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

}

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

}

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

}
@media screen and ( min-width:2000px )
{

.t01{
    position: relative;
    left: 0;
    right: 0;
    top: 0;
    width: 33.65%;
    margin: 0 auto;
    z-index: 5;
    font-size: min(2.35vw,47px);
    color: #ff6633;
    font-weight: bold;
}
.t01:before{content:'';display: inline-block;position: absolute;width: 2.4rem;height: 5rem;margin: 0 0 0 0;background: url(../img/yay.svg) no-repeat;background-size: contain;vertical-align: middle;top: 10%;left: 0;}
.t01:after{content:'';display: inline-block;position: absolute;width: 2.4rem;height: 5rem;margin: 0 0 0 0;top: 10%;right: 0;background: url(../img/yay.svg) no-repeat;background-size: contain;vertical-align: middle;transform: scale(-1, 1);}


.t02{
    position: relative;
    left: 0;
    right: 0;
    top: 0;
    width: 26.5%;
    margin: 0 auto;
    z-index: 5;
    font-size: 32px;
}
.t02:before{ content:'';display: inline-block;position: absolute;width: 2.4rem;height: 4rem;margin: 0 0 0 0;background: url(../img/yay.svg) no-repeat;background-size: contain;vertical-align: middle;top: 10%;left: 0;}
.t02:after{ content:'';display: inline-block;position: absolute;width: 2.4rem;height: 12rem;margin: 0 0 0 0;top: 10%;right: 0;background: url(../img/yay.svg) no-repeat;background-size: contain;vertical-align: middle;transform: scale(-1, 1);}



.rand_num1{
    font-size: min(2.35vw,47px);
}


}