@charset "UTF-8";
body{
 padding: 0;
 font-family: 'Noto Sans JP', -apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
 font-optical-sizing: auto;
 font-weight: 400;
 font-style: normal;
 color: #000;
 -webkit-text-size-adjust: 100%;
 -webkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale;
 background-color: #fff;
}

/* PC */
.spOnly {
		display: none;
}
#fv{
 width: 100%;
 height: 1147px;
 background-image: image-set(
    url("../images/bg.webp") type("image/webp"),
    url("../images/bg.jpg") type("image/jpeg")
  );
 background-position: left top;
 background-size: 20px auto;
 background-repeat: repeat-x;
 position: relative;
 pointer-events: none;
 user-select: none;
}
#fv .fvBox{
 margin: auto;
 width: 1500px;
 height: 100%;
 position: absolute;
 top: 0;
 left: 0;
 right: 0;
}
#fv .fvBox .title{
 margin: auto;
 width: 62.93%;
 height: auto;
 position: absolute;
 top: 80px;
 left: 0;
 right: 0;
 z-index: 3;
}
#fv .fvBox .title2{
 width: 80.8%;
 height: auto;
 position: absolute;
 top: 420px;
 left: 8.5%;
 z-index: 4;
}
#fv .fvBox .title img,
#fv .fvBox .title2 img{
 width: 100%;
 height: auto;
}
#fv .bgBox{
 margin: auto;
 width: 100%;
 height: 100%;
 display: flex;
 justify-content: center;
 position: absolute;
 top: 0;
 left: 0;
 right: 0;
}
#fv .bgBox .bg{
 width: 2000px;
 height: auto;
 position: absolute;
}
#fv .bgBox .bg2{
 width: 2000px;
 height: auto;
 position: absolute;
 z-index: 1;
}
#fv .bgBox .bg3{
 width: 2000px;
 height: auto;
 position: absolute;
 z-index: 2;
}
#fv .bgBox .bg img,
#fv .bgBox .bg2 img,
#fv .bgBox .bg3 img{
 width: 100%;
 height: auto;
}

#influ{
 padding: 50px 0 40px;
 width: 100%;
}
#influ h3{
 font-size: 69.3px;
 line-height: 100%;
 text-align: center;
 font-weight: 700;
 letter-spacing: 0.8vw;
}
#influ h3 .marker{
 padding: 0 0 0.6vw;
 line-height: 100%;
 font-weight: 700;
 background-image: linear-gradient(#fff 60%, #fdd100 40%);
 background-repeat: no-repeat;
 background-size: 0% 4vw;
 background-position: 0 100%;
 display: inline-block;
 transition: background-size 1s;
}
#influ h3 .marker.on{
 background-size: 100% 4vw;
}
#influ p{
 margin: 0 auto;
 padding: 80px 0 100px;
 width: 100%;
 font-size: 22px;
 line-height: 190%;
 text-align: center;
 font-weight: 500;
}
#influ p b{
 color: #c31c00;
 font-weight: 700;
}
#influ p span{
 background-image: linear-gradient(#fff 50%, #ffff00 50%);
}
#influ .scroll,
#influ .scroll2{
 margin: 0 0 56px;
 width: 100%;
 display: none;
}
#influ .scroll li,
#influ .scroll2 li{
 margin: 0 12px;
	width: 557px;
}
#influ .scroll li img,
#influ .scroll2 li img{
	width: 100%;
	height: auto;
}

#feature{
 padding: 145px 0 70px;
 width: 100%;
 background-color: #fdd100;
}
#feature .inner{
 margin: 0 auto;
 width: 1100px;
}
#feature .inner h4{
 font-size: 50px;
 line-height: 100%;
 font-weight: 700;
 letter-spacing: 0.15vw;
}
#feature .inner h4 span{
 padding: 0 1.5% 0 0;
 font-size: 30px;
 color: #fff;
 display: inline-block;
 position: relative;
 top: -0.3vw;
}
#feature .inner p{
 padding: 24px 0 36px;
 width: 100%;
 font-size: 27px;
 line-height: 155%;
 font-weight: 700;
 letter-spacing: 0.05vw;
}
#feature .inner .txt{
 padding: 0 0 50px;
}
#feature .inner .txt li{
 font-size: 20px;
 line-height: 220%;
 font-weight: 700;
}
#feature .inner .txt li span{
 color: #e76000;
}
#feature .inner .txt li b{
 margin: -0.5vw 0 0;
 font-size: 18px;
 font-weight: 400;
 display: block;
}
#feature .fBox{
 width: 100%;
}
#feature .fBox.grade{
 background-image: image-set(
    url("../images/grade.webp") type("image/webp"),
    url("../images/grade.jpg") type("image/jpeg")
  );
 background-position: left top;
 background-size: 100% auto;
 background-repeat: repeat-y;
}
#feature .fBox .inner{
 margin: 0 auto;
 padding: 113px 0 50px;
 width: 1100px;
 background-image: image-set(
    url("../images/no1.webp") type("image/webp"),
    url("../images/no1.png") type("image/png")
  );
 background-position: left top 45px;
 background-size: 120px auto;
 background-repeat: no-repeat;
}
#feature .fBox.fBox2 .inner{
 padding: 113px 0 110px;
 background-image: image-set(
    url("../images/no2.webp") type("image/webp"),
    url("../images/no2.png") type("image/png")
  );
 background-position: left 662px top 45px;
}
#feature .fBox.fBox3 .inner{
 padding: 113px 0 110px;
 background-image: image-set(
    url("../images/no3.webp") type("image/webp"),
    url("../images/no3.png") type("image/png")
  );
}
#feature .fBox.fBox4 .inner{
 background-image: image-set(
    url("../images/no4.webp") type("image/webp"),
    url("../images/no4.png") type("image/png")
  );
 background-position: left 662px top 45px;
}
#feature .fBox.fBox5 .inner{
 padding: 113px 0 110px;
 background-image: image-set(
    url("../images/no5.webp") type("image/webp"),
    url("../images/no5.png") type("image/png")
  );
}
#feature .fBox.fBox6 .inner{
 background-image: image-set(
    url("../images/no6.webp") type("image/webp"),
    url("../images/no6.png") type("image/png")
  );
 background-position: left 662px top 45px;
}
#feature .fBox h5{
 padding: 0 0 50px;
 font-size: 38px;
 line-height: 100%;
 font-weight: 700;
 letter-spacing: 0.1vw;
 white-space: nowrap;
}
#feature .fBox .lBox{
 float: left;
 width: 39%;
}
#feature .fBox.fBox2 .lBox,
#feature .fBox.fBox4 .lBox,
#feature .fBox.fBox6 .lBox{
 width: 57.27%;
}
#feature .fBox p{
 margin: 0;
 padding: 0 0 10px;
 font-size: 20px;
 line-height: 170%;
 font-weight: 500;
}
#feature .fBox .list{
 width: 100%;
}
#feature .fBox .list li{
 padding: 0 0 8px 25px;
 font-size: 20px;
 line-height: 170%;
 font-weight: 700;
 text-indent: -25px;
}
#feature .fBox .list li span{
 padding: 0 5px 0 0;
 color: #e76000;
}
#feature .fBox .txt{
 font-size: 20px;
 line-height: 170%;
 font-weight: 500;
}
#feature .fBox .txt span{
 background-image: linear-gradient(#fdc200 50%, #ffefa1 50%);
 color: #000;
 font-weight: 700;
}
#feature .fBox.fBox4 .txt span{
 background-image: linear-gradient(#fdd100 50%, #ffefa1 50%);
 color: #000;
 font-weight: 700;
}
#feature .fBox .txt b{
 font-size: 22px;
 color: #c31c00;
 font-weight: 700;
 display: inline;
}
#feature .fBox .rBox{
 float: right;
 width: 57.36%;
}
#feature .fBox.fBox2 .rBox,
#feature .fBox.fBox4 .rBox,
#feature .fBox.fBox6 .rBox{
 width: 39.81%;
}
#feature .fBox img{
 width: 100%;
 height: auto;
}
#feature .fBox.fBox4 .photos{
 width: 100%;
 height: 1050px;
 background-image: image-set(
    url("../images/feature4_2.webp") type("image/webp"),
    url("../images/feature4_2.png") type("image/png")
  );
 background-position: center top;
 background-size: 1555px auto;
 background-repeat: no-repeat;
}

#achieve{
 padding: 155px 0 115px;
 width: 100%;
}
#achieve .inner{
 margin: 0 auto;
 width: 1100px;
}
#achieve .inner h4{
 font-size: 50px;
 line-height: 100%;
 font-weight: 700;
 letter-spacing: 0.15vw;
}
#achieve .inner h4 span{
 padding: 0 1.5% 0 0;
 font-size: 30px;
 color: #fdd100;
 display: inline-block;
 position: relative;
 top: -0.3vw;
}
#achieve .inner h5{
 padding: 45px 0 0;
 font-size: 38px;
 line-height: 100%;
 font-weight: 700;
}
#achieve .inner p{
 margin: 0;
 padding: 30px 0 0;
 width: 100%;
 font-size: 20px;
 line-height: 200%;
 font-weight: 500;
}
#achieve .inner .pro{
 padding: 23px 0 0;
}
#achieve .inner .pro li{
 padding: 0 0 5px;
 font-size: 20px;
 line-height: 220%;
 font-weight: 700;
}
#achieve .inner .pro li span{
 color: #e76000;
}
#achieve .inner .pro li div{
 margin: -8px 0 0;
 font-size: 18px;
 line-height: 220%;
 font-weight: 400;
 display: block;
}
.cta{
 margin: 60px 0 0;
 padding: 57px 0 60px;
 width: 100%;
 border-radius: 15px;
 background-color: #fdd100;
}
.cta .bt{
 margin: 0 auto;
 width: 72.09%;
 height: 112px;
}
.cta .bt a{
 width: 100%;
 height: 100%;
 display: block;
 transition: .3s;
}
.cta .bt a:hover{
 background-image: image-set(
    url("../images/bt2.webp") type("image/webp"),
    url("../images/bt2.png") type("image/png")
  );
 background-position: center top;
 background-size: 100% auto;
 background-repeat: no-repeat;
 opacity: 1;
}
.cta .bt a img{
 opacity: 1;
 transition: .2s;
}
.cta .bt a:hover img{
 opacity: 0;
 transition: .2s;
}
.cta .qr{
 margin: 0 auto;
 padding: 20px 0 28px;
 width: 31.63%;
}
.cta .ban{
 margin: 0 auto;
 width: 40%;
 background-color: #fff;
}
.cta .ban img{
 width: 100%;
 height: auto;
}
#achieve .inner .producer{
 padding: 100px 0 0;
}
#achieve .inner .producer h6{
 padding: 0 0 15px;
 font-size: 34px;
 line-height: 100%;
 text-align: center;
 font-weight: 700;
}
#achieve .inner .producer .prof{
 padding: 30px 0 0 194px;
 width: 100%;
 font-size: 18px;
 line-height: 150%;
 font-weight: 500;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 background-image: image-set(
    url("../images/photo.webp") type("image/webp"),
    url("../images/photo.jpg") type("image/jpeg")
  );
 background-position: left 2px top;
 background-size: 163px auto;
 background-repeat: no-repeat;
}
#achieve .inner .producer .prof b{
 font-size: 20px;
 font-weight: 700;
}
#achieve .inner .producer .txt{
 margin: 0;
 padding: 25px 0 0;
 width: 100%;
 font-size: 18px;
 line-height: 150%;
 font-weight: 500;
}
#achieve .inner .producer .profL{
 float: left;
}
#achieve .inner .producer .profR{
 float: right;
}
#achieve .inner .producer .profL,
#achieve .inner .producer .profR{
 padding: 25px 0 50px;
 width: 50%;
 font-size: 18px;
 line-height: 150%;
 font-weight: 500;
}
#achieve .inner .producer .profL a,
#achieve .inner .producer .profR a{
 color: #0000ff;
 text-decoration: underline;
}
#achieve .inner .producer .profL a:hover,
#achieve .inner .producer .profR a:hover{
 text-decoration: none;
}
#achieve .inner .producer .book{
 width: 100%;
}
#achieve .inner .producer .book li{
 float: left;
 margin: 0 3.52% 0 0;
 width: 22.36%;
}
#achieve .inner .producer .book li:last-child{
 margin: 0;
}
#achieve .inner .producer .book li img{
 width: 100%;
 height: auto;
}

#position{
 padding: 145px 0 100px;
 width: 100%;
 background-image: image-set(
    url("../images/bg2.webp") type("image/webp"),
    url("../images/bg2.jpg") type("image/jpeg")
  );
 background-position: center top;
 background-size: cover;
 background-repeat: no-repeat;
}
#position .inner{
 margin: 0 auto;
 width: 1100px;
}
#position .inner h4{
 padding: 0 0 35px;
 font-size: 48px;
 line-height: 100%;
 text-align: center;
 font-weight: 700;
 color: #dc1f00;
 letter-spacing: 0.15vw;
}
#position .inner .figure{
 width: 100%;
 position: relative;
}
#position .inner .figure div{
 padding: 12px 16px;
 width: 307px;
 background-color: #dc1f00;
 font-size: 18px;
 line-height: 133%;
 text-align: left;
 font-weight: 700;
 color: #fff;
 position: absolute;
 top: 16px;
 left: -32px;
}
#position .inner .figure img{
 width: 100%;
 height: auto;
}
#position .inner p{
 margin: 0;
 padding: 40px 0;
 width: 100%;
 font-size: 20px;
 line-height: 150%;
 font-weight: 500;
 text-align: center;
}
#position .inner p span{
 font-size: 22px;
 background-image: linear-gradient(#fec10b 50%, #fff3bc 50%);
 color: #c31c00;
 font-weight: 700;
}
#position .inner .weapon{
 margin: 0 auto 105px;
 padding: 35px 0 35px 40px;
 width: 63.36%;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 border-radius: 15px;
 background-color: #fff;
}
#position .inner .weapon .book{
 float: left;
 width: 157px;
 height: auto;
 border: 1px solid #ccc;
}
#position .inner .weapon .weaponR{
 float: right;
 width: 471px;
}
#position .inner .weapon .weaponR .weaponT{
 padding: 32px 0 0;
 font-size: 24px;
 line-height: 100%;
 font-weight: 700;
}
#position .inner .weapon .weaponR p{
 margin: 0;
 padding: 20px 0 22px;
 width: 100%;
 font-size: 18px;
 line-height: 100%;
 font-weight: 400;
 text-align: left;
}
#position .inner .weapon .weaponR .bt{
 width: 390px;
 box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, .3);
}
#position .inner .weapon .weaponR .bt img{
 width: 100%;
 height: auto;
}
#position .inner h5{
 padding: 0 0 44px;
 font-size: 50px;
 line-height: 100%;
 font-weight: 700;
 letter-spacing: 0.15vw;
 text-align: left;
 color: #000;
}
#position .inner h5 span{
 padding: 0 1.5% 0 0;
 font-size: 30px;
 color: #fff;
 display: inline-block;
 position: relative;
 top: -0.3vw;
}
#position .inner .box{
 width: 100%;
}
#position .inner .box img{
 float: right;
 width: 57.36%;
 height: auto;
}
#position .inner .box .boxL{
 float: left;
 width: 42%;
}
#position .inner .box .boxL p{
 margin: 0;
 padding: 0 0 15px;
 width: 100%;
 font-size: 38px;
 line-height: 150%;
 font-weight: 700;
 text-align: left;
}
#position .inner .box .boxL .txt{
 font-size: 20px;
 line-height: 150%;
 font-weight: 700;
}
#position .inner .box .boxL .txt span{
 font-size: 22px;
 font-weight: 700;
 background-image: linear-gradient(#fec00a 50%, #fff3bc 50%);
 color: #c31c00;
}
#position .inner .cta{
 margin: 0;
 padding: 57px 0 60px;
 width: 100%;
 border-radius: 0;
 background: none;
}




#company{
 padding: 110px 0 110px;
 width: 100%;
}
#company h6{
 font-size: 36px;
 line-height: 100%;
 text-align: center;
 font-weight: 700;
}
#company .logo{
 margin: 0 auto;
 padding: 50px 0 0;
 width: 353px;
}
#company .logo img{
 width: 100%;
 height: auto;
}
#company p{
 margin: 0;
 padding: 26px 0 0;
 width: 100%;
 font-size: 18px;
 line-height: 150%;
 text-align: center;
 font-weight: 400;
}
#company p a{
 color: #0000ff;
 text-decoration: underline;
}
#company p a:hover{
 color: #0000ff;
 text-decoration: none;
 opacity: 1;
}

#footer{
 padding: 20px 0 20px;
 width: 100%;
 font-size: 12px;
 line-height: 100%;
 text-align: center;
 font-weight: 400;
 color: #fff;
 background-color: #333333;
}

#gototop{
 position: fixed;
 width: 100px;
 height: 100px;
 border-radius: 50%;
 right: 30px;
 bottom: 70px;
 transition: 0.2s;
 z-index: 11;
 overflow: hidden;
}
#gototop a{
 width: 100%;
 height: 100%;
 background-image: image-set(
    url("../images/pagetop.webp") type("image/webp"),
    url("../images/pagetop.png") type("image/png")
  );
 background-position: center center;
 background-size: 29px auto;
 background-repeat: no-repeat;
 background-color: #333333;
 display: block;
}
#gototop:hover {
  transition: 0.2s;
}


@media screen and (max-width: 1800px){
#fv{
 width: 100%;
 height: 69vw;
 background-size: 20px 100%;
}
#fv .fvBox{
 width: 100%;
 height: 100%;
}
#fv .fvBox .title{
 width: 50%;
 top: 4vw;
}
#fv .fvBox .title2{
 width: 60%;
 top: 22vw;
 left: 18%;
}
#fv .bgBox .bg{
 width: 120%;
}
#fv .bgBox .bg2{
 width: 120%;
}
#fv .bgBox .bg3{
 width: 120%;
}


}

@media screen and (max-width: 1550px){
#influ{
 padding: 3.3vw 0 2.6vw;
 width: 100%;
}
#influ h3{
 font-size: 4.47vw;
}
#influ p{
 padding: 5.2vw 0 6.4vw;
 font-size: 1.42vw;
}
#influ .scroll,
#influ .scroll2{
 margin: 0 0 3.7vw;
}
#influ .scroll li,
#influ .scroll2 li{
 margin: 0 0.78%;
	width: 35.93%;
}
#influ .scroll li img,
#influ .scroll2 li img{
	width: 100%;
	height: auto;
}


}


@media screen and (max-width: 1200px){
#feature{
 padding: 12vw 0 5.9vw;
}
#feature .inner{
 width: 91.66%;
}
#feature .inner h4{
 font-size: 4.17vw;
}
#feature .inner h4 span{
 font-size: 2.5vw;
}
#feature .inner p{
 padding: 2vw 0 3vw;
 font-size: 2.25vw;
}
#feature .inner .txt{
 padding: 0 0 4.2vw;
}
#feature .inner .txt li{
 font-size: 1.668vw;
}
#feature .inner .txt li b{
 font-size: 18px;
}
#feature .fBox .inner{
 padding: 9.5vw 0 4vw;
  width: 91.66%;
 background-position: left top 3.8vw;
 background-size: 10.9% auto;
}
#feature .fBox.fBox2 .inner{
 padding: 9.5vw 0 9.2vw;
 background-position: left 67.6% top 3.8vw;
}
#feature .fBox.fBox3 .inner{
 padding: 9.5vw 0 9.2vw;
}
#feature .fBox.fBox4 .inner{
 background-position: left 67.6% top 3.8vw;
}
#feature .fBox.fBox5 .inner{
 padding: 9.5vw 0 9.2vw;
}
#feature .fBox.fBox6 .inner{
 background-position: left 67.6% top 3.8vw;
}
#feature .fBox h5{
 padding: 0 0 4.16vw;
 font-size: 3.17vw;
}
#feature .fBox p{
 padding: 0 0 0.8vw;
 font-size: 1.67vw;
}
#feature .fBox .list li{
 padding: 0 0 0.66vw 2.1vw;
 font-size: 1.67vw;
 text-indent: -2.1vw;
}
#feature .fBox .list li span{
 padding: 0 0.4vw 0 0;
}
#feature .fBox .txt{
 font-size: 1.67vw;
}
#feature .fBox .txt b{
 font-size: 1.83vw;
}
#feature .fBox.fBox4 .photos{
 height: 87.6vw;
 background-size: 129.7% auto;
}

#achieve{
 padding: 13vw 0 9.6vw;
}
#achieve .inner{
  width: 91.66%;
}
#achieve .inner h4{
 font-size: 4.17vw;
}
#achieve .inner h4 span{
 font-size: 2.5vw;
}
#achieve .inner h5{
 padding: 3.74vw 0 0;
 font-size: 3.17vw;
}
#achieve .inner p{
 padding: 2.5vw 0 0;
 font-size: 1.67vw;
}
#achieve .inner .pro{
 padding: 1.9vw 0 0;
}
#achieve .inner .pro li{
 padding: 0 0 0.44vw;
 font-size: 1.666vw;
}
#achieve .inner .pro li div{
 margin: -0.6vw 0 0;
 font-size: 1.5vw;
}
.cta{
 margin: 5.2vw 0 0;
 padding: 4.6vw 0 5vw;
}
.cta .bt{
 height: 9.4vw;
}
.cta .qr{
 padding: 1.6vw 0 2.4vw;
}
#achieve .inner .producer{
 padding: 8.4vw 0 0;
}
#achieve .inner .producer h6{
 padding: 0 0 1.2vw;
 font-size: 2.82vw;
}
#achieve .inner .producer .prof{
 padding: 2.4vw 0 0 17.6%;
 font-size: 1.5vw;
 background-position: left 0.2vw top;
 background-size: 14.8% auto;
}
#achieve .inner .producer .prof b{
 font-size: 1.67vw;
}
#achieve .inner .producer p{
 padding: 2.2vw 0 0;
 font-size: 1.5vw;
}
#achieve .inner .producer .profL,
#achieve .inner .producer .profR{
 padding: 1.9vw 0 4.2vw;
 font-size: 1.5vw;
}

#position{
 padding: 12.2vw 0 8.2vw;
}
#position .inner{
  width: 91.66%;
}
#position .inner h4{
 padding: 0 0 2.8vw;
 font-size: 4vw;
}
#position .inner .figure div{
 padding: 1vw 1.2vw;
 width: 27.9%;
 font-size: 1.5vw;
 top: 1.4vw;
 left: -2.6vw;
}
#position .inner p{
 padding: 3.46vw 0;
 font-size: 1.66vw;
}
#position .inner p span{
 font-size: 1.8vw;
}
#position .inner .weapon{
 margin: 0 auto 8.6vw;
 padding: 2.8vw 0 2.8vw 3.4vw;
}
#position .inner .weapon .book{
 width: 23.9%;
}
#position .inner .weapon .weaponR{
 width: 71.6%;
}
#position .inner .weapon .weaponR .weaponT{
 padding: 2.6vw 0 0;
 font-size: 2vw;
}
#position .inner .weapon .weaponR p{
 padding: 1.6vw 0 1.8vw;
 font-size: 1.5vw;
}
#position .inner .weapon .weaponR .bt{
 width: 83%;
}
#position .inner h5{
 padding: 0 0 3.6vw;
 font-size: 4.17vw;
}
#position .inner h5 span{
 font-size: 2.6vw;
}
#position .inner .box .boxL p{
 padding: 0 0 1.2vw;
 font-size: 3.18vw;
}
#position .inner .box .boxL .txt{
 font-size: 1.67vw;
}
#position .inner .box .boxL .txt span{
 font-size: 1.85vw;
}
#position .inner .cta{
 padding: 4.8vw 0 5vw;
}


#company{
 padding: 9.1vw 0;
}
#company h6{
 font-size: 3vw;
}
#company .logo{
 padding: 4.2vw 0 0;
 width: 29.4%;
}
#company p{
 padding: 2.1vw 0 0;
 font-size: 1.5vw;
}


}



@media screen and (min-width: 781px){
a[href^="tel:"] {
    pointer-events: none;
}
}



@media screen and (max-width: 767px){
/* SP */
.pcOnly {
		display: none;
}
.spOnly {
		display: block;
}
#fv{
 width: 100%;
 height: 68vw;
 background-image: image-set(
    url("../images/bg.webp") type("image/webp"),
    url("../images/bg.jpg") type("image/jpeg")
  );
 background-position: left top;
 background-size: auto 100%;
 background-repeat: repeat-x;
 position: relative;
 background-color: #FFCDCE;
 overflow: hidden;
}
#fv .fvBox{
 margin: auto;
 width: 100%;
 height: 100%;
 position: absolute;
 top: 0;
 left: 0;
 right: 0;
}
#fv .fvBox .title{
 margin: auto;
 width: 68%;
 height: auto;
 position: absolute;
 top: 3vw;
 left: 0;
 right: 0;
 z-index: 3;
}
#fv .fvBox .title2{
 width: 82%;
 height: auto;
 position: absolute;
 top: 26vw;
 left: 8.5%;
 z-index: 4;
}
#fv .bgBox{
 margin: auto;
 width: 120%;
 height: 100%;
 display: flex;
 justify-content: center;
 position: absolute;
 top: 0;
 left: -11%;
 right: 0;
}
#fv .bgBox .bg{
 width: 100%;
 height: auto;
 position: absolute;
}
#fv .bgBox .bg2{
 width: 100%;
 height: auto;
 position: absolute;
 z-index: 1;
}
#fv .bgBox .bg3{
 width: 100%;
 height: auto;
 position: absolute;
 z-index: 2;
}

#influ{
 padding: 5vw 0 4vw;
 width: 100%;
}
#influ h3{
 font-size: 8vw;
 line-height: 140%;
 text-align: center;
 font-weight: 700;
 letter-spacing: 0.8vw;
}
#influ h3 .markerSp{
 padding: 0 0 1vw;
 line-height: 100%;
 font-weight: 700;
 background-image: linear-gradient(#fff 60%, #fdd100 40%);
 background-repeat: no-repeat;
 background-size: 0% 8vw;
 background-position: 0 100%;
 display: inline-block;
 transition: background-size 1s;
}
#influ p{
 margin: 0 auto;
 padding: 10vw 0 10vw;
 width: 100%;
 font-size: 4vw;
 line-height: 190%;
 text-align: center;
 font-weight: 500;
}
#influ p b{
 color: #c31c00;
 font-weight: 700;
}
#influ p span{
 background-image: linear-gradient(#fff 50%, #ffff00 50%);
}
#influ .scroll,
#influ .scroll2{
 margin: 0 0 4vw;
 width: 100%;
 display: none;
}
#influ .scroll li,
#influ .scroll2 li{
 margin: 0 12px;
	width: 50%;
}
#influ .scroll li img,
#influ .scroll2 li img{
	width: 100%;
	height: auto;
}

#feature{
 padding: 12vw 0 7vw;
 width: 100%;
 background-color: #fdd100;
}
#feature .inner{
 margin: 0 auto;
 width: 90%;
}
#feature .inner h4{
 padding: 0 0 0 5.5vw;
 font-size: 6vw;
 line-height: 130%;
 font-weight: 700;
 letter-spacing: 0.1vw;
 text-indent: -3vw;
}
#feature .inner h4 span{
 padding: 0 1.5% 0 0;
 font-size: 4vw;
 color: #fff;
 display: inline-block;
 position: relative;
 top: -1vw;
}
#feature .inner p{
 padding: 3vw 0 4vw;
 width: 100%;
 font-size: 3.8vw;
 line-height: 155%;
 font-weight: 700;
 letter-spacing: 0.05vw;
}
#feature .inner .txt{
 padding: 0 0 10vw;
}
#feature .inner .txt li{
 padding: 0 0 3vw 5vw;
 font-size: 3.4vw;
 line-height: 140%;
 font-weight: 700;
 text-indent: -5vw;
}
#feature .inner .txt li span{
 color: #e76000;
}
#feature .inner .txt li b{
 margin: 0;
 padding: 1vw 0 0;
 font-size: 3.2vw;
 line-height: 140%;
 font-weight: 400;
 display: block;
 text-indent: 0;
}
#feature .fBox{
 width: 100%;
 overflow: hidden;
}
#feature .fBox.grade{
 background-image: image-set(
    url("../images/grade.webp") type("image/webp"),
    url("../images/grade.jpg") type("image/jpeg")
  );
 background-position: left top;
 background-size: 150% auto;
 background-repeat: repeat-y;
}
#feature .fBox .inner{
 margin: 0 auto;
 padding: 10vw 0 5vw;
 width: 90%;
 background-image: image-set(
    url("../images/no1.webp") type("image/webp"),
    url("../images/no1.png") type("image/png")
  );
 background-position: left top 6vw;
 background-size: 18vw auto;
 background-repeat: no-repeat;
}
#feature .fBox.fBox2 .inner{
 padding: 15vw 0 11vw;
 background-image: image-set(
    url("../images/no2.webp") type("image/webp"),
    url("../images/no2.png") type("image/png")
  );
 background-position: left 0px top 6vw;
}
#feature .fBox.fBox3 .inner{
 padding: 15vw 0 11vw;
 background-image: image-set(
    url("../images/no3.webp") type("image/webp"),
    url("../images/no3.png") type("image/png")
  );
}
#feature .fBox.fBox4 .inner{
 padding: 15vw 0 11vw;
 background-image: image-set(
    url("../images/no4.webp") type("image/webp"),
    url("../images/no4.png") type("image/png")
  );
 background-position: left 0px top 6vw;
}
#feature .fBox.fBox5 .inner{
 padding: 15vw 0 11vw;
 background-image: image-set(
    url("../images/no5.webp") type("image/webp"),
    url("../images/no5.png") type("image/png")
  );
}
#feature .fBox.fBox6 .inner{
 padding: 15vw 0 11vw;
 background-image: image-set(
    url("../images/no6.webp") type("image/webp"),
    url("../images/no6.png") type("image/png")
  );
 background-position: left 0px top 6vw;
}
#feature .fBox h5{
 padding: 0 0 5vw;
 font-size: 6vw;
 line-height: 130%;
 font-weight: 700;
 letter-spacing: 0.1vw;
 white-space: nowrap;
}
#feature .fBox .lBox{
 float: none;
 width: 100%;
}
#feature .fBox.fBox2 .lBox,
#feature .fBox.fBox4 .lBox,
#feature .fBox.fBox6 .lBox{
 width: 100%;
}
#feature .fBox p{
 margin: 0;
 padding: 3vw 0 4vw;
 font-size: 3.4vw;
 line-height: 170%;
 font-weight: 500;
}
#feature .fBox .list{
 padding: 0 0 2vw;
 width: 100%;
}
#feature .fBox.fBox2 .list,
#feature .fBox.fBox3 .list,
#feature .fBox.fBox4 .list{
 padding: 3vw 0 2vw;
}
#feature .fBox .list li{
 padding: 0 0 2vw 4.5vw;
 font-size: 3.4vw;
 line-height: 170%;
 font-weight: 700;
 text-indent: -4.5vw;
}
#feature .fBox .list li span{
 padding: 0 1vw 0 0;
 color: #e76000;
}
#feature .fBox .txt{
 font-size: 3.4vw;
 line-height: 170%;
 font-weight: 500;
}
#feature .fBox.fBox5 .txt{
 padding: 3vw 0 2vw;
}
#feature .fBox .txt span{
 background-image: linear-gradient(#fdc200 50%, #ffefa1 50%);
 color: #000;
 font-weight: 700;
}
#feature .fBox.fBox4 .txt span{
 background-image: linear-gradient(#fdd100 50%, #ffefa1 50%);
 color: #000;
 font-weight: 700;
}
#feature .fBox .txt b{
 font-size: 3.6vw;
 color: #c31c00;
 font-weight: 700;
 display: inline;
}
#feature .fBox .rBox{
 float: none;
 width: 100%;
}
#feature .fBox.fBox2 .rBox,
#feature .fBox.fBox4 .rBox,
#feature .fBox.fBox6 .rBox{
 width: 100%;
}
#feature .fBox img{
 width: 100%;
 height: auto;
}
#feature .fBox.fBox4 .photos{
 margin: -14vw 0 0 -10%;
 width: 120%;
 height: 86vw;
 background-image: image-set(
    url("../images/feature4_2.webp") type("image/webp"),
    url("../images/feature4_2.png") type("image/png")
  );
 background-position: center top;
 background-size: 100% auto;
 background-repeat: no-repeat;
}

#achieve{
 padding: 15vw 0 11vw;
 width: 100%;
}
#achieve .inner{
 margin: 0 auto;
 width: 90%;
}
#achieve .inner h4{
 padding: 0;
 font-size: 6vw;
 line-height: 100%;
 font-weight: 700;
 letter-spacing: 0.1vw;
}
#achieve .inner h4 span{
 padding: 0 1.5% 0 0;
 font-size: 4vw;
 color: #fdd100;
 display: inline-block;
 position: relative;
 top: -0.3vw;
}
#achieve .inner h5{
 padding: 5vw 0 0;
 font-size: 5.4vw;
 line-height: 100%;
 font-weight: 700;
 text-indent: -2.6vw;
}
#achieve .inner p{
 margin: 0;
 padding: 3vw 0 0;
 width: 100%;
 font-size: 3.4vw;
 line-height: 200%;
 font-weight: 500;
}
#achieve .inner .pro{
 padding: 4vw 0 0;
}
#achieve .inner .pro li{
 padding: 0 0 3vw 5vw;
 font-size: 3.4vw;
 line-height: 140%;
 font-weight: 700;
 text-indent: -5vw;
}
#achieve .inner .pro li span{
 color: #e76000;
}
#achieve .inner .pro li div{
 margin: 1vw 0 0;
 font-size: 3.2vw;
 line-height: 150%;
 font-weight: 400;
 display: block;
 text-indent: 0;
}
.cta{
 margin: 6vw 0 0 -3%;
 padding: 8vw 0;
 width: 106%;
 border-radius: 3vw;
 background-color: #fdd100;
}
.cta .bt{
 margin: 0 auto;
 width: 95%;
 height: 16vw;
}
.cta .bt a{
 width: 100%;
 height: 100%;
 display: block;
 transition: .3s;
}
.cta .bt a:hover{
 background-image: image-set(
    url("../images/bt2Sp.webp") type("image/webp"),
    url("../images/bt2Sp.png") type("image/png")
  );
 background-position: center top;
 background-size: 100% auto;
 background-repeat: no-repeat;
 opacity: 1;
}
.cta .bt a img{
 transition: .3s;
}
.cta .bt a:hover img{
 opacity: 0;
}
.cta .qr{
 display: none;
}
.cta .ban{
 margin: 4vw auto 0;
 width: 60%;
 background-color: #fff;
}
.cta .ban img{
 width: 100%;
 height: auto;
}
#achieve .inner .producer{
 padding: 12vw 0 0;
}
#achieve .inner .producer h6{
 padding: 0 0 4vw;
 font-size: 5vw;
 line-height: 100%;
 text-align: center;
 font-weight: 700;
}
#achieve .inner .producer .prof{
 padding: 3vw 0 0 35%;
 width: 100%;
 font-size: 3.2vw;
 line-height: 150%;
 font-weight: 500;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 background-image: image-set(
    url("../images/photo.webp") type("image/webp"),
    url("../images/photo.jpg") type("image/jpeg")
  );
 background-position: left 2px top;
 background-size: 30% auto;
 background-repeat: no-repeat;
}
#achieve .inner .producer .prof b{
 font-size: 3.4vw;
 font-weight: 700;
}
#achieve .inner .producer .txt{
 margin: 0;
 padding: 4vw 0;
 width: 100%;
 font-size: 3.2vw;
 line-height: 150%;
 font-weight: 500;
}
#achieve .inner .producer .profL{
 float: none;
 width: 100%;
}
#achieve .inner .producer .profR{
 float: none;
 width: 100%;
}
#achieve .inner .producer .profL,
#achieve .inner .producer .profR{
 padding: 0;
 width: 100%;
 font-size: 3.2vw;
 line-height: 150%;
 font-weight: 500;
}
#achieve .inner .producer .profL a,
#achieve .inner .producer .profR a{
 color: #0000ff;
 text-decoration: underline;
}
#achieve .inner .producer .profL a:hover,
#achieve .inner .producer .profR a:hover{
 text-decoration: none;
}
#achieve .inner .producer .book{
 padding: 6vw 0 0;
 width: 100%;
}
#achieve .inner .producer .book li{
 float: left;
 margin: 0 2.66% 0 0;
 width: 23%;
}
#achieve .inner .producer .book li:last-child{
 margin: 0;
}
#achieve .inner .producer .book li img{
 width: 100%;
 height: auto;
}

#position{
 padding: 15vw 0 10vw;
 width: 100%;
 background-image: image-set(
    url("../images/bg2.webp") type("image/webp"),
    url("../images/bg2.jpg") type("image/jpeg")
  );
 background-position: center top;
 background-size: cover;
 background-repeat: no-repeat;
}
#position .inner{
 margin: 0 auto;
 width: 90%;
}
#position .inner h4{
 padding: 0 0 4vw;
 font-size: 5.8vw;
 line-height: 130%;
 text-align: center;
 font-weight: 700;
 color: #dc1f00;
 letter-spacing: 0;
 white-space: nowrap;
}
#position .inner .figure{
 width: 100%;
 position: relative;
}
#position .inner .figure div{
 padding: 2vw 2vw;
 width: 53%;
 background-color: #dc1f00;
 font-size: 3vw;
 line-height: 133%;
 text-align: left;
 font-weight: 700;
 color: #fff;
 position: absolute;
 top: 2vw;
 left: -5%;
}
#position .inner .figure img{
 width: 100%;
 height: auto;
}
#position .inner p{
 margin: 0;
 padding: 4vw 0 5vw;
 width: 100%;
 font-size: 3.4vw;
 line-height: 180%;
 font-weight: 500;
 text-align: center;
}
#position .inner p span{
 font-size: 3.6vw;
 background-image: linear-gradient(#fec10b 50%, #fff3bc 50%);
 color: #c31c00;
 font-weight: 700;
}
#position .inner .weapon{
 margin: 0 auto 105px;
 padding: 4vw 0 4vw 4%;
 width: 100%;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 border-radius: 15px;
 background-color: #fff;
}
#position .inner .weapon .book{
 float: left;
 width: 25%;
 height: auto;
 border: 1px solid #ccc;
}
#position .inner .weapon .weaponR{
 float: right;
 width: 70%;
}
#position .inner .weapon .weaponR .weaponT{
 padding: 1.5vw 0 0;
 font-size: 4vw;
 line-height: 100%;
 font-weight: 700;
}
#position .inner .weapon .weaponR p{
 margin: 0;
 padding: 2vw 0 3vw;
 width: 100%;
 font-size: 3.4vw;
 line-height: 150%;
 font-weight: 400;
 text-align: left;
}
#position .inner .weapon .weaponR .bt{
 width: 90%;
 box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, .3);
}
#position .inner .weapon .weaponR .bt img{
 width: 100%;
 height: auto;
}
#position .inner h5{
 padding: 0 0 5vw 5.5vw;
 font-size: 6vw;
 line-height: 130%;
 font-weight: 700;
 letter-spacing: 0.1vw;
 text-indent: -3vw;
 text-align: left;
 color: #000;
}
#position .inner h5 span{
 padding: 0 1.5% 0 0;
 font-size: 4vw;
 color: #fff;
 display: inline-block;
 position: relative;
 top: -1vw;
}
#position .inner .box{
 width: 100%;
}
#position .inner .box img{
 float: none;
 width: 100%;
 height: auto;
}
#position .inner .box .boxL{
 float: none;
 width: 100%;
}
#position .inner .box .boxL p{
 margin: 0;
 padding: 3vw 0 3vw;
 width: 100%;
 font-size: 5vw;
 line-height: 150%;
 font-weight: 700;
 text-align: left;
}
#position .inner .box .boxL .txt{
 font-size: 4vw;
 line-height: 150%;
 font-weight: 700;
}
#position .inner .box .boxL .txt span{
 font-size: 4.4vw;
 font-weight: 700;
 background-image: linear-gradient(#fec00a 50%, #fff3bc 50%);
 color: #c31c00;
}
#position .inner .cta{
 margin: 0 0 0 -3%;
 padding: 14vw 0 6vw;
 width: 106%;
 border-radius: 0;
 background: none;
}




#company{
 padding: 11vw 0 11vw;
 width: 100%;
}
#company h6{
 font-size: 6vw;
 line-height: 100%;
 text-align: center;
 font-weight: 700;
}
#company .logo{
 margin: 0 auto;
 padding: 5vw 0 0;
 width: 50%;
}
#company .logo img{
 width: 100%;
 height: auto;
}
#company p{
 margin: 0;
 padding: 3vw 0 0;
 width: 100%;
 font-size: 3.4vw;
 line-height: 150%;
 text-align: center;
 font-weight: 400;
}
#company p a{
 color: #0000ff;
 text-decoration: underline;
}
#company p a:hover{
 color: #0000ff;
 text-decoration: none;
 opacity: 1;
}

#footer{
 padding: 2vw 0 2vw;
 width: 100%;
 font-size: 2.8vw;
 line-height: 100%;
 text-align: center;
 font-weight: 400;
 color: #fff;
 background-color: #333333;
}

#gototop {
  width: 12vw;
  height: 12vw;
  bottom: 8vw;
  right: 2vw;
}
#gototop a{
 width: 100%;
 height: 100%;
 background-image: image-set(
    url("../images/pagetop.webp") type("image/webp"),
    url("../images/pagetop.png") type("image/png")
  );
 background-position: center center;
 background-size: 29px auto;
 background-repeat: no-repeat;
 background-color: #333333;
 display: block;
}


}




/*--------------------inview-------------------*/

#influ h3 .markerSp.is-inview{
	animation-name: marker;
	animation-delay: 1.5s;
	animation-duration: 0.5s;
	animation-fill-mode: forwards;
}
@keyframes marker {
	0% {
 background-size: 0% 8vw;
	}
	100% {
 background-size: 100% 8vw;
	}
}

.fadeUp {
  opacity: 0;
  transform: translateY(50px);
  transition: 1s;
}
.fadeUp.is-inview {
  transform: translateY(0px);
  opacity: 1;
}

/* 時間差フェードインアニメーション */
/* 0.1秒間かけてフェードイン */
.fadeIn100ms{
	opacity: 0;
}
.fadeIn100ms.is-inview{
	animation-name: fadeIn100ms;
	animation-delay: 0s;
	animation-duration: 1s;
	animation-fill-mode: forwards;
	opacity: 0;
}
@keyframes fadeIn100ms {
	0% {
	}
	100% {
					opacity: 1;
	}
}
/* フェードイン */
.fadeIn{
	opacity: 0;
}
.fadeIn.is-inview{
	animation-name: fadeIn;
	animation-delay: 0s;
	animation-duration: 1.5s;
	animation-fill-mode: forwards;
	opacity: 0;
}
@keyframes fadeIn {
	0% {
	}
	100% {
					opacity: 1;
	}
}
/* 0.5秒間かけてフェードイン */
.fadeIn500ms{
	opacity: 0;
}
.fadeIn500ms.is-inview{
	animation-name: fadeIn500ms;
	animation-delay: 0.5s;
	animation-duration: 1.5s;
	animation-fill-mode: forwards;
	opacity: 0;
}
@keyframes fadeIn500ms {
	0% {
	}
	100% {
					opacity: 1;
	}
}
/* 0.6秒間かけてフェードイン */
.fadeIn600ms{
	opacity: 0;
}
.fadeIn600ms.is-inview{
	animation-name: fadeIn600ms;
	animation-delay: 0.6s;
	animation-duration: 1.5s;
	animation-fill-mode: forwards;
	opacity: 0;
}
@keyframes fadeIn600ms {
	0% {
	}
	100% {
					opacity: 1;
	}
}
/* 0.7秒間かけてフェードイン */
.fadeIn700ms{
	opacity: 0;
}
.fadeIn700ms.is-inview{
	animation-name: fadeIn700ms;
	animation-delay: 0.7s;
	animation-duration: 1.5s;
	animation-fill-mode: forwards;
	opacity: 0;
}
@keyframes fadeIn700ms {
	0% {
	}
	100% {
					opacity: 1;
	}
}
/* 0.8秒間かけてフェードイン */
.fadeIn800ms{
	opacity: 0;
}
.fadeIn800ms.is-inview{
	animation-name: fadeIn800ms;
	animation-delay: 0.8s;
	animation-duration: 1.5s;
	animation-fill-mode: forwards;
	opacity: 0;
}
@keyframes fadeIn800ms {
	0% {
	}
	100% {
					opacity: 1;
	}
}
/* 0.9秒間かけてフェードイン */
.fadeIn900ms{
	opacity: 0;
}
.fadeIn900ms.is-inview{
	animation-name: fadeIn900ms;
	animation-delay: 0.9s;
	animation-duration: 1.5s;
	animation-fill-mode: forwards;
	opacity: 0;
}
@keyframes fadeIn900ms {
	0% {
	}
	100% {
					opacity: 1;
	}
}
/* 1秒間かけてフェードイン */
.fadeIn1000ms{
	opacity: 0;
}
.fadeIn1000ms.is-inview{
	animation-name: fadeIn1000ms;
	animation-delay: 1s;
	animation-duration: 1.5s;
	animation-fill-mode: forwards;
	opacity: 0;
}
@keyframes fadeIn1000ms {
	0% {
	}
	100% {
					opacity: 1;
	}
}
/* 1.1秒間かけてフェードイン */
.fadeIn1100ms{
	opacity: 0;
}
.fadeIn1100ms.is-inview{
	animation-name: fadeIn1100ms;
	animation-delay: 1.1s;
	animation-duration: 1.5s;
	animation-fill-mode: forwards;
	opacity: 0;
}
@keyframes fadeIn1100ms {
	0% {
	}
	100% {
					opacity: 1;
	}
}
/* 1秒間かけてフェードイン */
.fadeIn1s{
	opacity: 0;
}
.fadeIn1s.is-inview{
	animation-name: fadeIn1s;
	animation-delay: 0.5s;
	animation-duration: 1.5s;
	animation-fill-mode: forwards;
	opacity: 0;
}
@keyframes fadeIn1s {
	0% {
	}
	100% {
					opacity: 1;
	}
}
/* 1.1秒間かけてフェードイン */
.fadeIn1100ms{
	opacity: 0;
}
.fadeIn1100ms.is-inview{
	animation-name: fadeIn1100ms;
	animation-delay: 1.1s;
	animation-duration: 1.5s;
	animation-fill-mode: forwards;
	opacity: 0;
}
@keyframes fadeIn1100ms {
	0% {
	}
	100% {
					opacity: 1;
	}
}
/* 1.2秒間かけてフェードイン */
.fadeIn1200ms{
	opacity: 0;
}
.fadeIn1200ms.is-inview{
	animation-name: fadeIn1200ms;
	animation-delay: 1.2s;
	animation-duration: 1.5s;
	animation-fill-mode: forwards;
	opacity: 0;
}
@keyframes fadeIn1200ms {
	0% {
	}
	100% {
					opacity: 1;
	}
}
/* 1.3秒間かけてフェードイン */
.fadeIn1300ms{
	opacity: 0;
}
.fadeIn1300ms.is-inview{
	animation-name: fadeIn1300ms;
	animation-delay: 1.3s;
	animation-duration: 1.5s;
	animation-fill-mode: forwards;
	opacity: 0;
}
@keyframes fadeIn1300ms {
	0% {
	}
	100% {
					opacity: 1;
	}
}
/* 1.4秒間かけてフェードイン */
.fadeIn1400ms{
	opacity: 0;
}
.fadeIn1400ms.is-inview{
	animation-name: fadeIn1400ms;
	animation-delay: 1.4s;
	animation-duration: 1.5s;
	animation-fill-mode: forwards;
	opacity: 0;
}
@keyframes fadeIn1400ms {
	0% {
	}
	100% {
					opacity: 1;
	}
}
/* 1.5秒間かけてフェードイン */
.fadeIn1500ms{
	opacity: 0;
}
.fadeIn1500ms.is-inview{
	animation-name: fadeIn1500ms;
	animation-delay: 1.5s;
	animation-duration: 1.5s;
	animation-fill-mode: forwards;
	opacity: 0;
}
@keyframes fadeIn1500ms {
	0% {
	}
	100% {
					opacity: 1;
	}
}
/* 1.8秒間かけてフェードイン */
.fadeIn1800ms{
	opacity: 0;
}
.fadeIn1800ms.is-inview{
	animation-name: fadeIn1800ms;
	animation-delay: 1.8s;
	animation-duration: 1.5s;
	animation-fill-mode: forwards;
	opacity: 0;
}
@keyframes fadeIn1800ms {
	0% {
	}
	100% {
					opacity: 1;
	}
}
/* 2秒間かけてフェードイン */
.fadeIn2s{
	opacity: 0;
}
.fadeIn2s.is-inview{
	animation-name: fadeIn2s;
	animation-delay: 2s;
	animation-duration: 1.5s;
	animation-fill-mode: forwards;
	opacity: 0;
}
@keyframes fadeIn2s {
	0% {
	}
	100% {
					opacity: 1;
	}
}
/* 2.5秒間かけてフェードイン */
.fadeIn2500ms{
	opacity: 0;
}
.fadeIn2500ms.is-inview{
	animation-name: fadeIn2500ms;
	animation-delay: 2.5s;
	animation-duration: 1.5s;
	animation-fill-mode: forwards;
	opacity: 0;
}
@keyframes fadeIn2500ms {
	0% {
	}
	100% {
					opacity: 1;
	}
}
/* 3秒間かけてフェードイン */
.fadeIn3s{
	opacity: 0;
}
.fadeIn3s.is-inview{
	animation-name: fadeIn3s;
	animation-delay: 3s;
	animation-duration: 1.5s;
	animation-fill-mode: forwards;
	opacity: 0;
}
@keyframes fadeIn3s {
	0% {
	}
	100% {
					opacity: 1;
	}
}
/* 4秒間かけてフェードイン */
.fadeIn4s{
	opacity: 0;
}
.fadeIn4s.is-inview{
	animation-name: fadeIn3s;
	animation-delay: 4s;
	animation-duration: 1.5s;
	animation-fill-mode: forwards;
	opacity: 0;
}
@keyframes fadeIn4s {
	0% {
	}
	100% {
					opacity: 1;
	}
}
/* ブラー */
.blur{
	opacity: 0;
}
.blur.is-inview{
	animation-name: blur;
	animation-delay: 0s;
	animation-duration: 1.5s;
	animation-fill-mode: forwards;
	opacity: 0;
}
@keyframes blur {
	0% {
 -ms-filter: blur(10px);
  filter: blur(10px);
	}
	40% {
 -ms-filter: blur(10px);
  filter: blur(10px);
	}
	100% {
					opacity: 1;
 -ms-filter: blur(0px);
  filter: blur(0px);
	}
}