@import url('https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400;500;600;700&family=M+PLUS+Rounded+1c:wght@400;500;700&family=Noto+Sans+JP:wght@400;700;900&family=Shippori+Mincho:wght@500&display=swap');

html, body {
  height: 100%;
  width: 100%;
  color: #333333;
  font-family: 'Noto sans JP', serif;
  font-weight: 300;
  font-size: 62.5%;
}

@media screen and (max-width: 1024px) {
  html, body {
    font-size: 46.5%;
  }
}

/*-------------------------
  横揺れ防止
---------------------------*/
body{
  overflow-x: hidden;
  margin: auto;
}

p{
  font-size:16px;
  line-height: 1.5;
  text-align: center;
  font-weight: bold;
  font-family: 'Noto sans JP', serif;
}

.wrap {
  overflow: hidden;
}

.padding_10{
  padding:0 50px 20px;
}

.m_m_b{
  margin-bottom:20px;
}

.m_b{
  margin-bottom:40px;
}

.sp_line{
  display: none;
}


@media screen and (max-width: 740px) {
  p{
    font-size:15px;
    line-height: 1.5;
    text-align: center;
    font-weight: bold;
  }
  
  .m_b{
    margin-bottom:60px;
  }

  .pc_line{
    display: none;
  }

  .sp_line{
    display: block;
  }
	
	.m_m_b{
	top:50px;
}
}

/* --------------------------------------------------------------- */

/*-------------------------
  見出しのフォントサイズ
---------------------------*/
h1{
  font-size: 40px;
  color: #333333;
  line-height: 40px;
}

h2{
  font-size: 5.0rem;
  color: #333333;
  line-height: 40px;
}

h3{
  font-size: 25px;
  color: #333333;
  line-height: 40px;
}

h4{
  font-size: 20px;
  color: #333333;
  line-height: 40px;
}

@media screen and (max-width: 1024px) {
  h1{
    font-size: 25px;
    color: #333333;
    line-height: 40px;
  }

  h2{
    font-size: 20px;
    line-height: 25px;
  }

  h3{
    font-size: 18px;
  }

  h4{
    font-size: 16px;
  }
}

/*-------------------------
  各セクション毎の余白
---------------------------*/
.sec_width{
  width: 100%;
  max-width:100%;
  margin:auto;
}

/*-------------------------
  TOP テキスト
---------------------------*/
.topview{
  position: relative;
  z-index: -1;
}

.top_txt{
  position: absolute;
   bottom: -4px;
}
.top_logo {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 2%;
  width: 30%;
  z-index: 5;
}
.top_left01 {
  position: absolute;
  left: 50%;
  transform: translateX(-72%);
  bottom: -38%;
  z-index: 2;
  width: 56%;
}
.top_left02 {
  position: absolute;
  left: 44%;
  transform: translateX(-76%);
  bottom: -73%;
  z-index: 4;
  width: 60%;
}
.top_right01 {
  position: absolute;
  left: 50%;
  transform: translateX(-23%);
  bottom: -33%;
  z-index: 1;
  width: 57%;
}
.top_right02 {
  position: absolute;
  left: 45%;
  /* transform: translateX(-50%); */
  bottom: -74%;
  z-index: 3;
  width: 60%;
}

.top_txt{
  width: 49%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}

.top-head {
  max-width: 1000px;
  margin: 1% auto 0;
  /* position: absolute; */
  position: fixed;
  z-index: 9999;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
}

.white_green_txt{
	 color: #fff;
    font-size: 20px;
	 line-height: 1.9;
    text-shadow: 2px 2px 0 #000, -2px 2px 0 #000, -2px -2px 0 #000, 2px -2px 0 #000, 3px 3px #00E57D;
}

.black_txt{
	 color: #333;
	 font-size: 20px;
	text-shadow: 0px 0px 5px #FFF, 0px 0px 5px #FFF, 0px 0px 5px #FFF, 0px 0px 5px #FFF, 0px 0px 5px #FFF, 0px 0px 5px #FFF, 0px 0px 5px #FFF, 0px 0px 5px #FFF;
}

.white_pink_txt{
	 color: #fff;
    font-size: 20px;
	 line-height: 1.9;
    text-shadow: 2px 2px 0 #000, -2px 2px 0 #000, -2px -2px 0 #000, 2px -2px 0 #000, 3px 3px #FD0258;
}

.white_blue_txt li{
	color: #FFF;
	text-shadow: 0px 0px 10px #004481, 0px 0px 10px #004481, 0px 0px 10px #004481;
	font-size: 20px;
	 list-style-type: square;
	line-height:1.6;
	margin-bottom:20px;
}

.white_red_txt{
	 color: #FF0000;
    font-size: 30px;
	 line-height: 1.9;
	text-shadow: 0px 0px 5px #FFF, 0px 0px 5px #FFF, 0px 0px 5px #FFF, 0px 0px 5px #FFF, 0px 0px 5px #FFF, 0px 0px 5px #FFF, 0px 0px 5px #FFF, 0px 0px 5px #FFF;
}


.top_back {
    position: absolute;
	bottom: 60px;
    right: calc(50% - 105px);
    width: 210px;
}

.sns{
  width: 137px;
  position: absolute;
  top:1%;
  right: 2%;
  z-index: 100;
}

.logo{
  width: 200px;
  position: fixed;
  top:1%;
  left: 2%;
  z-index: 100;
}

.f_wrap{
	    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: auto;
    justify-content: center;
    gap: 20px;
}


.f_wrap .four{
	width:21%;
	margin: 0 auto 40px;
}

.f_wrap .four:hover{
	opacity:0.7;
}


.f_wrap .two{
	width:30%;
	/* margin: 0 auto 40px; */
}


@media screen and (max-width: 740px) {
  .sns{
    width: 150px;
    top:1%;
    right: 2%;
  }
	
	.logo{
  width: 150px;
}

	
	.white_green_txt{
    font-size: 16px;
	}
	
	.white_pink_txt{
    font-size: 16px;
	}
	
	.f_wrap .four{
	width:40%;
	margin: 0 auto 20px;
	}
	
	.f_wrap .two{
	width:46%;
	margin: 0 auto 30px;
	}
	
	.white_blue_txt li {
    font-size: 16px;
	}
	
	.white_red_txt{
    font-size: 16px;
	}
	
	.black_txt{
	  font-size: 16px;
}

}

/*-------------------------
  ホバー
---------------------------*/
a{
  color: #333;
  text-decoration: none;
}

a :hover{
  color: rgb(19, 19, 19);
  text-decoration: none;
}

.com_hover:hover{
  opacity: 0.6;
  cursor: pointer;
  text-decoration: none;
}

/*////////////////////////////////
フォント設定
////////////////////////////////*/
.time{
  font-family: 'Times','Times New Roman',sans-serif;
}


/*////////////////////////////////
  背景
////////////////////////////////*/
.white_area{
  /* background-color: rgba(255,255,255,0.8); */
  background-image: repeating-linear-gradient(-45deg, #ffffffe6, #ffffffe6 2px, #ffffff99 2px, #ffffff99 12px);
  margin: 0 8%;
  padding: 7% 5%;
  /* margin: 0 8%;
  padding: 7% 5%; */
}

.download_area{
	background-color:#fff;
  margin: 0%;
  padding: 7% 5%;
}

.back07_area{
  margin: 0%;
  padding: 7% 0%;
}

.blue_area{
	border-radius: 60px;
	background: linear-gradient(95deg, rgba(39, 49, 137, 0.56) 3.74%, rgba(44, 97, 184, 0.56) 96.55%);
    padding: 7% 3% 7% 6%;
}

.back_com{
  padding: 0 20% 0;
  background-size:100%;
	background-size: cover;
  background-position: top;
  width: 100%;
}

.back01{
  background-image: url(../img/9th/back01.jpg);
}

.back01_inner{
  background-image: url(../img/6th/back01_inner.jpg);
  background-size:100%;
	background-size: cover;
  background-position: center;
  width: 100%;
  padding: 15px;
  border-radius: 20px;
}

.back01_inner_line{
  border-radius: 20px;
  /* background: linear-gradient(to right, rgb(255, 224, 189) , rgb(255, 251, 182), rgb(183, 255, 204), rgb(194, 255, 241), rgb(190, 223, 255), rgb(255, 217, 240));
	background: -webkit-linear-gradient(right,  rgb(255, 224, 189) , rgb(255, 251, 182), rgb(183, 255, 204), rgb(194, 255, 241), rgb(190, 223, 255), rgb(255, 217, 240));
	background: -o-linear-gradient(right,  rgb(255, 224, 189) , rgb(255, 251, 182), rgb(183, 255, 204), rgb(194, 255, 241), rgb(190, 223, 255), rgb(255, 217, 240));
	background: -moz-linear-gradient(right,  rgb(255, 224, 189) , rgb(255, 251, 182), rgb(183, 255, 204), rgb(194, 255, 241), rgb(190, 223, 255), rgb(255, 217, 240)); */
  border: 2px solid rgb(226, 187, 202);
  padding: 25px 15px;
}

.back01_inner_line .back01_inner_line_white p{
  line-height: 1.7;
  text-align: center;
	  text-shadow:1px 1px 0 #FFF, -1px -1px 0 #FFF,
              -1px 1px 0 #FFF, 1px -1px 0 #FFF,
              0px 1px 0 #FFF,  0-1px 0 #FFF,
              -1px 0 0 #FFF, 1px 0 0 #FFF;
}

.back01_inner_line .back01_inner_line_white .small{
  font-size: 90%;
  margin-top:20px;
  text-align: center;
}

.back02{
  background-image: url(../img/9th/back02.jpg);
  position: relative;
  z-index: 2;
}

.back02 .fig_sub{
position:relative;
	    z-index: 1;
}

.back02 .fig_sub::before {
    content: " ";
    position: absolute;
    background: url(../img/9th/back02_fig.png?20251124v01) no-repeat 50% 50%/contain;
    bottom: -100px;
    left: -250px;
    width: 427px;
    height: 952px;
    z-index: -1;
    transform: translateX(-50px) scale(0.68);
}
.back02 .fig_sub.is-show::before {
  transform: translateX(0) scale(0.68);
}

.back02 .fig_sub::after {
    content: " ";
    position: absolute;
    background: url(../img/9th/back02_fig2.png?20251124v01) no-repeat 50% 50%/contain;
    bottom: -190px;
    right: -290px;
    width: 476px;
    height: 1062px;
    z-index: -1;
    transform: translateX(50px) scale(0.7);
}
.back02 .fig_sub.is-show::after {
  transform: translateX(0) scale(0.7);
}


.back03{
  background-image: url(../img/9th/back03.jpg);
}

.back03 .fig_sub{
position:relative;
z-index: 1;
}

.back03 .fig_sub::before {
    content: " ";
    position: absolute;
    background: url(../img/9th/back03_fig.png?20251124v01) no-repeat 50% 50%/contain;
    bottom: -320px;
    left: -610px;
    width: 899px;
    height: 1331px;
    z-index:-1;
    transform: translateX(-50px) scale(0.8);
}
.back03 .fig_sub.is-show::before {
  transform: translateX(0) scale(0.8);
}

.back03 .fig_sub::after {
    content: " ";
    position: absolute;
    background: url(../img/9th/back03_fig2.png?20251124v01) no-repeat 50% 50%/contain;
    bottom: -440px;
    right: -540px;
    width: 1103px;
    height: 1493px;
    z-index: -1;
    transform: translateX(50px) scale(0.9);
}
.back03 .fig_sub.is-show::after {
  transform: translateX(0) scale(0.9);
}



.back06{
  background-image: url(../img/9th/back06.jpg);
    position: relative;
    z-index: 1;
}

.back08{
  background-image: url(../img/9th/back08.jpg);
  overflow: hidden;
}

.back08.fig{
position:relative;
	    z-index: 1;
}

/* .back08.fig::before {
    content: " ";
    position: absolute;
    background: url(../img/8th/back08_fig.png?20251124v01) no-repeat 50% 50%/contain;
    top: -2295px;
    left: calc(50% - 3280px);
    width: 4794px;
    height: 3385px;
    z-index: -1;
    transform: scale(0.34);
    transform-origin: bottom;
} */

/* .back08.fig::after {
    content: " ";
    position: absolute;
    background: url(../img/8th/back08_fig2.png?20251124v01) no-repeat 50% 50%/contain;
    top: -3420px;
    right: calc(50% - 1930px);
    width: 3192px;
    height: 4481px;
    z-index: -1;
    transform: scale(0.3);
    transform-origin: bottom;
} */

.back08 .fig_sub{
position:relative;
	    z-index: 1;
}

.back08 .fig_sub::before {
    content: " ";
    position: absolute;
    background: url(../img/9th/back08_fig_sub.png?20251124v01) no-repeat 50% 50%/contain;
    bottom: -520px;
    left: -630px;
    transform: translateX(-50px) scale(0.78);
    width: 1024px;
    height: 1523px;
    z-index: -1;
    transform-origin: bottom;
}
.back08 .fig_sub.is-show::before {
  transform: translateX(0) scale(0.78);
}

.back08 .fig_sub::after {
    content: " ";
    position: absolute;
    background: url(../img/9th/back08_fig_sub2.png?20251124v01) no-repeat 50% 50%/contain;
    bottom: -410px;
    right: -568px;
    transform: translateX(50px) scale(0.8);
    width: 863px;
    height: 1378px;
    z-index: -1;
    transform-origin: bottom;
    transition: all .5s ease;
}
.back08 .fig_sub.is-show::after {
  transform: translateX(0) scale(0.8);
}

.back09{
  background-image: url(../img/9th/back09.jpg);
  overflow: hidden;
}
.back09 .fig{
  position:relative;
        z-index: 1;
  }
  
  .back09 .fig::after {
    content: " ";
    position: absolute;
    background: url(../img/9th/back09_fig3.png?20251124v01) no-repeat 50% 50%/contain;
    bottom: -1140px;
    left: -660px;
    width: 1025px;
    height: 1452px;
    z-index: -1;
    transform: translateX(-50px) scale(0.7);
    transform-origin: bottom;
  }
  .back09 .fig.is-show::after {
    transform: translateX(0) scale(0.7);
  }
.back09 .fig_sub{
  position:relative;
        z-index: 1;
  }
  
  .back09 .fig_sub::before {
    content: " ";
    position: absolute;
    background: url(../img/9th/back09_fig.png?20251124v01) no-repeat 50% 50%/contain;
    top: -355px;
  left: -520px;
  width: 1310px;
  height: 925px;
  z-index: -1;
  transform: translateX(-50px) scale(0.65);
  transform-origin: bottom;
  }
  .back09 .fig_sub.is-show::before {
    transform: translateX(0) scale(0.65);
  }
  
  .back09 .fig_sub::after {
    content: " ";
    position: absolute;
    background: url(../img/9th/back09_fig2.png?20251124v01) no-repeat 50% 50% / contain;
    top: -296px;
    right: -442px;
    width: 1239px;
    height: 875px;
    z-index: -2;
    transform: translateX(50px) scale(0.7);
    transform-origin: bottom;
  }
  .back09 .fig_sub.is-show::after {
    transform: translateX(0) scale(0.7);
  }
  .back09 h2,
  .back09 .fadeInUp {
    z-index: 10;
    position: relative;
  }


  .back11{
    background-image: url(../img/8th/back11.jpg);
  }
  
  .back11.fig2{
  position:relative;
        z-index: 1;
  }
  
  .back11.fig2::before {
      content: " ";
      position: absolute;
      background: url(../img/8th/back11_fig.png?20251124v01) no-repeat 50% 50%/contain;
      bottom: -270px;
      left: calc(50% - 1670px);
      width: 2535px;
      height: 3825px;
      z-index: -1;
      transform: scale(0.28);
      transform-origin: bottom;
  }
  
  .back11.fig2::after {
      content: " ";
      position: absolute;
      background: url(../img/8th/back11_fig2.png?20251124v01) no-repeat 50% 50%/contain;
      bottom: -400px;
      right: calc(50% - 1750px);
      width: 2547px;
      height: 4325px;
      z-index: -1;
      transform: scale(0.29);
      transform-origin: bottom;
  }

  .footer_back{
    background-image: url(../img/9th/footer_back.jpg);
    position: relative;
    z-index: 1;
}

.width_inner{
  padding: 0px 8%;
}


@media screen and (max-width: 1025px) {
		.back04.fig4::before {
			left: calc(50% - 450px);
			width: 220px;
			height: 450px;
		}
	
		.back04.fig4::after {
			right: calc(50% - 450px);
			width: 220px;
			height: 450px;
		}
}


@media screen and (max-width: 1025px) {
	.back02 .fig_sub::before {
    bottom: -160px;
    left: -250px;
    transform: translateX(-50px) scale(0.55);
	}
  .back02 .fig_sub.is-show::before {
    transform: translateX(0) scale(0.55);
  }
	
		.back02 .fig_sub::after {
      bottom: -260px;
      right: -270px;
      transform: translateX(50px) scale(0.55);
	}
  .back02 .fig_sub.is-show::after {
    transform: translateX(0) scale(0.55);
  }
	
	.back03 .fig_sub::before {
    bottom: -450px;
    left: -530px;
    transform: translateX(-50px) scale(0.5);
	}
  .back03 .fig_sub.is-show::before {
    transform: translateX(0) scale(0.5);
  }

	.back03 .fig_sub::after {
    bottom: -570px;
    right: -511px;
    transform: translateX(50px) scale(0.5);
	}
  .back03 .fig_sub.is-show::after {
    transform: translateX(0) scale(0.5);
  }

	.back05.fig5::before {
		bottom: -200px;
		left: calc(50% - 550px);
		width: 450px;
		height: 850px;
		z-index: -1;
	}
	
	.back05.fig5::after {
		bottom: -140px;
		right: calc(50% - 560px);
		width: 450px;
		height: 850px;
		z-index: -1;
	}

  /* .back08.fig::before {
    top: -2517px;
    left: calc(50% - 3070px);
    transform: scale(0.27);
  } */

  /* .back08.fig::after {
    top: -3750px;
    right: calc(50% - 1850px);
    transform: scale(0.2);
  } */


  .back08 .fig_sub::before {
    bottom: -500px;
    left: -590px;
    transform: translateX(-50px) scale(0.7);
  }
  .back08 .fig_sub.is-show::before {
    transform: translateX(0) scale(0.7);
  }

  .back08 .fig_sub::after {
    bottom: -330px;
    right: -500px;
    transform: translateX(50px) scale(0.65);
  }
  .back08 .fig_sub.is-show::after {
    transform: translateX(0) scale(0.65);
  }

  .back09 .fig::after {
    bottom: -1000px;
    left: -630px;
    transform: translateX(-50px) scale(0.6);
  }
  .back09 .fig.is-show::after {
    transform: translateX(0) scale(0.6);
  }

  .back09 .fig_sub::before {
    top: -520px;
    left: -520px;
    transform: translateX(-50px) scale(0.45);
  }
  .back09 .fig_sub.is-show::before {
    transform: translateX(0) scale(0.45);
  }

  .back09 .fig_sub::after {
    top: -460px;
    right: -460px;
    transform: translateX(50px) scale(0.5);
  }
  .back09 .fig_sub.is-show::after {
    transform: translateX(0) scale(0.5);
  }


  .back11.fig2::before {
    bottom: -210px;
    left: calc(50% - 1600px);
    transform: scale(0.22);
	}
	
		.back11.fig2::after {
      bottom: -320px;
      right: calc(50% - 1650px);
      transform: scale(0.23);
	}
}

@media screen and (max-width: 820px) {
	/* .back02.fig2::before {
    left: calc(50% - 700px);
	}
	
		.back02.fig2::after {
    right: calc(50% - 700px);

	} */
	
	/* .back03.fig3::before {
    left: calc(50% - 480px);

	}

	.back03.fig3::after {
		right: calc(50% - 570px);
	} */

	.back05.fig5::before {
		left: calc(50% - 500px);

	}
	
	.back05.fig5::after {
		right: calc(50% - 500px);

	}
	
	
}


@media screen and (max-width: 740px) {
  .topview {
    height: 100svh;
  }
  .topview .img {
    height: inherit;
  }
  .topview .img img {
    height: inherit;
  }
  .top_logo {
    width: 68%;
    bottom: 5%;
  }
  .top_left01 {
    bottom: auto;
    top: -1%;
    width: 146%;
    transform: translateX(-62%);
  }
  .top_left02 {
    width: 170%;
    bottom: auto;
    top: 25%;
    left: 74%;
  }
  .top_right01 {
    bottom: auto;
    top: -2%;
    width: 140%;
    z-index: 2;
    transform: translateX(-28%);
  }
  .top_right02 {
    bottom: auto;
    top: 26%;
    width: 161%;
    left: 7%;
  }

  .back_com{
    padding: 0 5% 0;
  }

  .white_area{
    margin: 0;
    padding: 10% 5%;
  }
	
	.download_area{
    margin: 0;
    padding: 10% 3%;
}

	
	.back02 .fig_sub::before {
    bottom: -260px;
    left: -180px;
    transform: translateX(-50px) scale(0.38);
	}
  .back02 .fig_sub.is-show::before {
    transform: translateX(0) scale(0.38);
  }
	
	.back02 .fig_sub::after {
    bottom: -330px;
    right: -200px;
    transform: translateX(50px) scale(0.35);
	}
  .back02 .fig_sub.is-show::after {
    transform: translateX(0) scale(0.35);
  }
	
	
	.back03 .fig_sub::before {
    bottom: -560px;
    left: -440px;
    transform: translateX(-50px) scale(0.35);
    background: url(../img/9th/back03_fig_sp.png?20251124v01) no-repeat 50% 50%/contain;
	}
  .back03 .fig_sub.is-show::before {
    transform: translateX(0) scale(0.35);
  }
	
	.back03 .fig_sub::after {
    bottom: -622px;
    right: -481px;
    background: url(../img/9th/back03_fig2_sp.png?20251124v01) no-repeat 50% 50%/contain;
    transform: translateX(50px) scale(0.3);
	}
  .back03 .fig_sub.is-show::after {
    transform: translateX(0) scale(0.3);
  }
	
	.back04.fig4::before {
    left: calc(50% - 200px);
    width: 120px;
    height: 350px;
    top: 10px;
    z-index: -1;
	}
	
	.back04.fig4::after {
    right: calc(50% - 200px);
    width: 120px;
    height: 350px;
    top: 10px;
    z-index: -1;
	}

	
	.back05.fig5::before {
		top: 0px;
		left: calc(50% - 300px);
		width: 350px;
		height: 550px;
	}
	
.back05.fig5::after {
	right: calc(50% - 320px);
    top: 0px;
    width: 349px;
    height: 550px;
	}

  /* .back08.fig::before {
    top: -3025px;
    left: calc(50% - 2680px);
    transform: scale(0.11);
  } */

  /* .back08.fig::after {
    top: -4150px;
    right: calc(50% - 1720px);
    transform: scale(0.1);
  } */


  .back08 .fig_sub::before {
    bottom: -224px;
    left: -508px;
    transform: translateX(-50px) scale(0.29);
  }
  .back08 .fig_sub.is-show::before {
    transform: translateX(0) scale(0.29);
  }

  .back08 .fig_sub::after {
    bottom: -154px;
    right: -429px;
    transform: translateX(50px) scale(0.27);
  }
  .back08 .fig_sub.is-show::after {
    transform: translateX(0) scale(0.27);
  }

  .back03 .m_b,
  .back09 .m_b {
    margin-bottom: 0;
    margin-top: 40px;
  }
  .back09 .fig::after {
    bottom: -690px;
    left: -530px;
    transform: translateX(-50px) scale(0.3);
  }
  .back09 .fig.is-show::after {
    transform: translateX(0) scale(0.3);
  }

  .back09 .fig_sub::before {
    top: -636px;
    left: -530px;
    transform: translateX(-50px) scale(0.26);
  }
  .back09 .fig_sub.is-show::before {
    transform: translateX(0) scale(0.26);
  }

  .back09 .fig_sub::after {
    top: -605px;
    right: -490px;
    transform: translateX(50px) scale(0.27);
  }
  .back09 .fig_sub.is-show::after {
    transform: translateX(0) scale(0.27);
  }
	


  .back11.fig2::before {
    bottom: -70px;
    left: calc(50% - 1420px);
    transform: scale(0.065);
	}
	
		.back11.fig2::after {
      bottom: -110px;
      right: calc(50% - 1450px);
      transform: scale(0.07);
	}

	.blue_area {
    border-radius: 20px;
	padding: 14% 3% 7% 10%;
	}
	
  .sns {
    width: 80px;
  }
}


.cum_ttl{
  width: 70%;
   margin: 0 auto 25px;
}
.cum_ttl2{
  width: 80%;
   margin: 0 auto 25px;
}

.ttl_05{
  width: 60%;
   margin: 0 auto 25px;
}
.ttl_06{
  width: 50%;
   margin: 0 auto 25px;
}
.ttl_07{
  width: 40%;
   margin: 0 auto 25px;
}

.cum_ttl img{ 
    height: auto;
    width: 100%;
  margin:auto;
}


@media screen and (max-width: 1024px) {
	.back_com{
	  padding: 0 10% 0;
	}
	
	.back04 .sns_area{
		width:80%;
	}
}


@media screen and (max-width: 740px) {
  .cum_ttl{
   width: 75%;
  }
	
	.ttl_07{
  width: 60%;
}
	.back_com{
	  padding: 0 3% 0;
	}
	
}


/*////////////////////////////////
バナー
////////////////////////////////*/
.banner_img{
  width: 400px;
  max-width: 100%;
  margin-right: auto;
  margin-left: auto;
}


/*////////////////////////////////
ユーチューブ
////////////////////////////////*/
.youtube {
  width: 100%;
  position: relative;
  padding-top: 56.25%;
  margin-bottom: 50px;
}

.youtube iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

@media screen and (max-width: 740px) {
  .youtube {
    margin-bottom: 30px;
  }
}


/*////////////////////////////////
フッター
////////////////////////////////*/
footer .footer_logo{
  width: 250px;
  margin: 0px auto 10px;
  padding-top:30px;
}

footer p{
  color: #fff;
  font-size: 13px;
}

footer .copy p{
  padding-bottom: 10px;
}


@media screen and (max-width: 740px) {
	footer .footer_logo{
	  width: 200px;
	}
}



/*////////////////////////////////
ダウンロードページ
////////////////////////////////*/

.download_category_btn{
	font-size:17px;
	padding:10px 15px;
	border:#000;
	font-weight:bold;
   margin: 0px;
	border: 2px solid #333;
}

.download_category_btn.current_btn{
	color: #fff;
	background: linear-gradient(95deg, #273189 3.74%, #2C61B8 96.55%);
}

.download_category_btn:hover{
	color: #fff;
	background: linear-gradient(95deg, #273189 3.74%, #2C61B8 96.55%);
}
	


.download_category_btn ::hover{
	opacity:0.6;	
}


.download_ttl{
    display: flex;
    flex-wrap: wrap;
    margin: 20px 0px 20px;
    padding: 15px 20px;
	  border-radius: 10px;
    background-color: #165FCD;
    outline: 2px solid #000;
    outline-offset: -5px;
}

.download_ttl .icon{
    width: 30px;
    margin-right: 10px;
    margin-right: 10px;
}

.download_ttl h2{
	color: #fff;
    font-size: 30px;
    line-height: 30px;
    padding-bottom: 3px;
}

@media screen and (max-width: 740px) {
	.download_category_btn{
		font-size:16px;
	}
	
	.download_ttl{
	font-size:25px;
	}
	
	.download_ttl h2{
    font-size: 25px;
}
	
	.download_ttl .icon{
	width: 30px;
    margin-right: 10px;
}
}


/*////////////////////////////////
ダウンロードエリア
////////////////////////////////*/
.download_contents{
	  display: flex;
    flex-wrap: wrap;
}

.download_contents .download_item{
	  width:23%;
		 margin-right:2.5%;
    margin-bottom: 20px;
}

.download_contents .download_item:nth-child(4n) {
	 margin-right:0%;
}

.download_contents .download_item img{
	  width:100%;
}

.download_contents .download_item p{
	  font-size:18px;
}

.download_contents .download_item .download_icon{
	position: relative;
	padding:0 20px;
}


@media screen and (max-width: 1025px) {
	.download_contents .download_item p{
	  font-size:15px;
	}
}

@media screen and (max-width: 740px) {
	.download_contents .download_item{
		  width:46%;
			margin-right:6%;
	}
	
	.download_contents .download_item:nth-child(4n) {
			 margin-right:3%;
	}

	.download_contents .download_item:nth-child(2n) {
		 margin-right:0%;
	}
	
	.download_contents .download_item .download_icon::before {
	 top: 5px;
    width: 18px;
    height: 18px;
	}
}


/*////////////////////////////////
動き
////////////////////////////////*/

/* @keyframes kurukuru {
  0%{
    transform: rotateY(0) translateY(40px);
    opacity: 0;
  }
  100%{
    transform: rotateY(360deg) translateY(0);
    opacity: 1 !important;
  }
}

.fadein {
  opacity: 0;
}

.scrollin {
/*   animation: kurukuru 1s ease-in; 
  opacity: 1;
}

.poyoyon img{
/*   animation: poyoyon 2.5s infinite; 
  opacity: 1;
}

@keyframes poyoyon {
  0%, 40% {
    transform: skew(0deg, 0deg);
  }
  5% {
    transform: skew(5deg, 5deg);
  }
  10% {
    transform: skew(-4deg, -4deg);
  }
  15% {
    transform: skew(3deg, 3deg);
  }
  20% {
    transform: skew(-2deg, -2deg);
  }
  25% {
    transform: skew(1deg, 1deg);
  }
  30% {
    transform: skew(-0.6deg, -0.6deg);
  }
  35% {
    transform: skew(0.3deg, 0.3deg);
  }
}

.rotate_anime {
  animation: rotate-anime 20s linear infinite;
}
@keyframes rotate-anime {
  0%  {transform: rotate(0);}
  100%  {transform: rotate(360deg);}
}

.zoom_txt{
	width: 310px;
 	margin:auto;
}

.zoom_txt img{
 	animation: move-y 4s linear infinite;
}
 
@keyframes move-y {
 0%  {
    transform: translateY(-2px);
  }
	
	 50%  {
    transform: translateY(2px);
  }

  100%  {
    transform: translateY(-2px);
  }
}

@media screen and (max-width: 540px) {
	.top_back{
		right: calc(32%);
    	width: 35%;
  		 bottom: 19%;
	}

.zoom_txt {
     width: 46%;
	}
} */


.chara-animate::before,
.chara-animate::after {
  opacity: 0;
  transition: all .5s ease;
}
.chara-animate.is-show::before,
.chara-animate.is-show::after {
  opacity: 1;
}

/* fadeInUp の移動距離を上書き */
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translate3d(0, 30px, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}