@charset "utf-8";
/* CSS Document */
*{margin:0;padding:0;box-sizing:border-box;}
img{display:block;max-width:100%;}
ul{list-style:none;}
body{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;margin:0;line-height:1.7;color:#222; font-weight: 500; position: relative; background: url(./images/bg_04.png) repeat center center;}
/*body::after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:url(images/bg_all.png) repeat-y;background-size:100% auto;z-index:-1;}*/
.main-in{max-width:920px;margin:auto;padding:0;}
h1,h2,h3{line-height:1.3;}
p{line-height: 1.8; margin: 0 0 1em;}
a{color:#0055cc;}
.al-c{text-align:center;}
.m0-b{margin-bottom: 0!important;}
.f09em{font-size:0.9em;}
.f12em{font-size:1.2em;}
b{font-weight: 900;}
/*header,main,footer{border-left:10px solid transparent;border-right:10px solid transparent;border-image:linear-gradient(180deg,#ff748d,#ff7daf) 1;}*/
/*header*/
/* header */
header{
  position: relative;
  background: url(images/header_bg_pc.png) no-repeat center bottom;
  background-size: 100% auto;
  padding-top: 40px;
  min-height: clamp(700px, 80vw, 1200px);
  overflow: hidden;
}

header:before{
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(images/header_bg_top.png) no-repeat center top;
  background-size: 100% auto;
  z-index: 0;
}

header:after{
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 24px;
  background: url(images/head-line.png) no-repeat left top;
  background-size: 100% 82px;
  z-index: 1;
}

header .main-in{
  position: relative;
  max-width: 1120px;
  margin: 0 auto;
  min-height: inherit;
}
header .main-in h1{max-width: 920px; margin: 0 auto;}
header .main-in p{position: relative; right: -100px; bottom: -20px; z-index: 0;}

.section_01_bg{
  max-width: 100%;
}

h1{
  top: 10px;
  z-index: 2;
}

.idol-01{
  margin: -20px 0 0;
  z-index: 2;
  transform: translateY(180%);
  opacity: 0;
  animation: idolPyonUp 0.9s ease-out 0.3s forwards;
}

.section_01_bg{
  top: 85%;
  width: 100%;
  z-index: 1;
}

@keyframes idolPyonUp{
  0%{
    transform: translateY(180%);
    opacity: 0;
  }
  60%{
    transform: translateY(-20px);
    opacity: 1;
  }
  80%{
    transform: translateY(8px);
    opacity: 1;
  }
  100%{
    transform: translateY(0);
    opacity: 1;
  }
}
/*navi*/
.fixed-menu {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 9999;
  background: linear-gradient(90deg, #f32132, #fd5000);
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);
  transform: translateY(-100%);
  opacity: 0;
  visibility: hidden;
  transition: transform 0.35s ease, opacity 0.35s ease, visibility 0.35s ease;
}

.fixed-menu.is-show {
  transform: translateY(0);
  opacity: 1;
  visibility: visible;
}

.fixed-menu ul {
  display: flex;
  justify-content: center;
  gap: 10px;
  list-style: none;
  margin: 0;
  padding: 0px;
}
.fixed-menu ul li{position: relative;}
.fixed-menu ul li:first-child:before{content: ""; position: absolute; width: 2px; height: 16px; left: -5px; top: 2px; bottom: 0; margin: auto 0; background: rgba(255, 255, 255, 0.5);}
.fixed-menu ul li:after{content: ""; position: absolute; width: 2px; height: 16px; right: -5px; top: 2px; bottom: 0; margin: auto 0; background: rgba(255, 255, 255, 0.5);}
.fixed-menu a {
  display: inline-block;
  text-decoration: none;
  color: #fff;
  padding: 16px;
}


section{margin: 0; padding: 80px; position: relative;}
section#section_01{ position: relative; padding: 0 40px 80px; background-size: cover; margin-top: -300px;}
section#section_01:before{content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(./images/bg_01.png) no-repeat center top;  z-index: 0; background-size: auto 100%;}
.catch-01{position: relative; z-index: 3; margin-bottom: 40px;}
section#section_01 ul.point-flex,section#section_01 ul.cv-flex,section#section_02 ul.point-flex,section#section_03 ul.cv-flex,section#section_06 ul.cv-flex,section#section_09 ul.cv-flex,section#section_07 ul.cv-flex,section#section_09 ul.cv-flex{display:flex;flex-wrap:wrap;justify-content:center;list-style:none;padding:0;margin:0 auto; max-width: 100%; align-items: stretch; position: relative; z-index: 5;}
section#section_01 ul.point-flex{justify-content: space-between;}
section#section_01 p.text{margin: 0; flex-grow: 1; padding: 10px 20px; text-align: center;} 
section#section_01 ul.point-flex li{list-style: none; width: 23.5%; border:8px solid transparent;border-image:linear-gradient(0deg,#f32132,#fd5000) 1; background: #fff;flex-direction: column; transform: skewX(-4deg);}
section#section_01 ul.cv-flex,section#section_03 ul.cv-flex,section#section_06 ul.cv-flex,section#section_09 ul.cv-flex,section#section_07 ul.cv-flex,section#section_09 ul.cv-flex{margin-top: 40px; justify-content:space-between;}
ul.cv-flex li{list-style: none; width: 48%; }
.flex-in{flex-direction: column;}

section#section_02,section#section_08{background: url(./images/bg_02.png) no-repeat center center; background-size: cover;}
section#section_08{background: url(./images/bg_02.png) no-repeat center center; background-size: cover; padding-bottom: 0;}
section#section_02 .conts,section#section_08 .conts{max-width: 100%; margin: 0 auto; padding: 40px 80px 80px; background-color: rgba(255,255,255, 0.9); border-radius: 20px;}
section#section_00 .conts{max-width: 100%; margin: 0 auto; padding: 40px 80px; background-color: rgba(255,255,255, 0.9); border-radius: 20px;}
section#section_02 ul.point-flex{width: 100%; max-width: 100%; justify-content: space-between;}
section#section_02 ul.point-flex li{list-style: none; width: 32%; }
section#section_02 ul.point-flex figure{margin: 0;}
section#section_02 ul.point-flex .sub-catch{text-align: center; margin-top: -10px;}
section#section_02 ul.point-flex .sub-catch img{max-height:32px; display: block; margin: 0 auto;}
/*section_03*/
section#section_03{background: url(./images/bg_03.png) no-repeat center center; background-size: cover;}
section#section_03 .conts {
    max-width: 100%;
    border: 10px solid transparent;
    border-image: linear-gradient(90deg, #f32132,#fd5000) 1;
    margin: 80px auto 0;
    padding: 40px 30% 40px 40px;
    text-align: left;
    position: relative;
    background: url(images/sec_bg_01.png) #fff center bottom no-repeat;
    background-size: auto 90%;
}
section#section_03 .conts img {
    position: absolute;
    right: -40px;
    top: -40px;
    width: 36%;
    height: auto;
}
section#section_03 .conts ul{max-width: 80%; margin: 0 0 40px; }
section#section_03 .conts ul li{line-height: 2; font-size: 1.125em; position: relative; left: -10px;}
section#section_03 .conts ul li::before{content:"✓";left:0;top:0;color:#ff748d;font-weight:900; padding: 0 10px 0 0;}

/*section_04*/
section#section_04{padding: 80px 80px 0;}
section#section_04 .chara{margin: 0 -80px;}
section#section_04 dl,section#section_09 dl{max-width:100%; margin: 0 auto; text-align: center;}
section#section_09 dl dd{background: #fff;}
section#section_04 img.bottom{margin-top: -320px; position: relative; z-index: -1;}
/*section_05*/
section#section_05{background: url(./images/bg_02.png) no-repeat center center; background-size: cover;}
/*section_06*/
section#section_06{background: url(./images/bg_03.png) no-repeat center center; background-size: cover;}
section#section_06 dl,section#section_07 dl{text-align: center;}
section#section_06 dl{max-width:70%; margin: 40px auto 0;}
/*section_07*/
section#section_07{background: url(./images/bg_03.png) no-repeat center center; background-size: cover;}
/*section_08*/
section#section_08{padding: 80px;}
/*section_09*/
section#section_09{background: url(./images/bg_03.png) no-repeat center center; background-size: cover;}

/*section_00*/
section#section_00{background: url(./images/bg_03.png) no-repeat center center; background-size: cover;}



dl.overview dt{background:linear-gradient(90deg,#f32132,#fd5000);color:#fff; text-align: center; margin: 0; padding: 10px 3.5em; display: inline-block; border-radius: 40px;}
dl.overview dd{border:10px solid transparent;border-image:linear-gradient(90deg,#f32132,#fd5000) 1; background: #fff; margin: -20px auto 60px; padding: 40px 60px; text-align: left;}
section#section_06 dl.overview dt{background:linear-gradient(90deg,#12d6df,#f70fff);color:#fff; text-align: center; margin: 0; padding: 10px 3.5em; display: inline-block; border-radius: 40px;}
section#section_06 dl.overview dd{border:10px solid transparent;border-image:linear-gradient(90deg,#12d6df,#f70fff) 1; background: #fff; margin: -20px auto 60px; padding: 40px 60px; text-align: left;}
.dd-in{display:flex;justify-content:space-between; align-items: center;}
.dd-in .dd-conts:first-child{flex:0 0 30%;}
.dd-in .dd-conts:last-child{flex:0 0 65%;}

ul.cast-flex,ul.debut-flex{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;list-style:none;padding:0;margin:80px auto 0; max-width: 100%; align-items: stretch;}
ul.cast-flex li,ul.debut-flex li{text-align:center;}
ul.cast-flex li img{display:block;margin:0 auto 20px;}
ul.cast-flex li{flex:0 0 calc(33.333% - 20px);}
ul.cast-flex li h3{margin:0 0 10px;}
ul.cast-flex li p{text-align: left; padding: 0 20px;}
img.about-bottom{margin: -60px auto 0; padding: 0; display: block;}
ul.debut-flex li{flex:0 0 calc(25% - 20px);}
ul.debut-flex li figure{padding: 20px 10px 10px; position: relative; margin: 0;}
ul.debut-flex li p{text-align: left;}
ul.debut-flex li h3{margin: 0 0 20px;}
ul.flow{display:flex;flex-wrap:wrap;justify-content:space-between;list-style:none;padding:0;margin:0;}
ul.flow li{position:relative;width:31.125%;background:#fff;border-radius:10px;padding:50px 30px 20px;box-sizing:border-box;}
ul.flow li span{width: 50%; position: absolute; top: -20px; margin: 0 auto; left: 0; right: 0; background: linear-gradient(90deg, #f32132, #fd5000); color: #fff; text-align: center; padding: 10px 2em; border-radius: 40px;}
ul.flow li img{margin: 0 auto 30px;}
ul.flow li::before{content:"";position:absolute;inset:0;padding:4px;border-radius:10px;background: linear-gradient(90deg, #f32132, #fd5000);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;}
ul.flow li::after{position: absolute; content: ''; top: -60px; bottom: 0; right: -40px; width: 48px; height: 48px; background: url(images/right-arrow.png) no-repeat center center; background-size: 100% auto; margin: auto 0; z-index: 2;}
ul.flow li:last-child:after{content: none;}

dl.faq {
  margin: 0;
  padding: 0;
  max-width: 100%; margin: 0 auto;
}

dl.faq dt {
  position: relative;
  margin: 0 0 10px;
  padding: 16px 16px 16px 56px;
  background: #fff3f3; /* ←ここ変更 */
  border: 1px solid #f5c6c6; /* ←ここ変更 */
  border-radius: 10px;
  font-weight: 700;
  cursor: pointer;
}

dl.faq dt::before {
  content: "Q";
  position: absolute;
  top: 50%;
  left: 16px;
  transform: translateY(-50%);
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: #f32132;
  color: #ffffff;
  font-weight: 700;
  text-align: center;
  line-height: 28px;
}

dl.faq dd {
  position: relative;
  margin: 0 0 20px;
  padding: 16px 16px 16px 56px;
  background: #ffffff;
  border: 1px solid #e3e8ef;
  border-top: none;
  border-radius: 0 0 10px 10px;
}

dl.faq dd::before {
  content: "A";
  position: absolute;
  top: 16px;
  left: 16px;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: #ff8a3d;
  color: #ffffff;
  font-weight: 700;
  text-align: center;
  line-height: 28px;
}

.btn,
a.btn,
button.btn {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.5;
  position: relative;
  display: inline-block;
  padding: 1rem 4rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
  color: #212529;
  border-radius: 0.5rem;
}

a.btn-gradient {
  font-weight: normal;

  color: #fff;
  border-radius: 0;
  background-image: -webkit-gradient(
    linear,
    left top,
    right top,
    color-stop(40%, #ff3cac),
    to(#562b7c)
  );
  background-image: -webkit-linear-gradient(left, #ff3cac 40%, #562b7c 100%);
  background-image: linear-gradient(90deg, #ff3cac 40%, #562b7c 100%);
}

a.btn-gradient:after {
  position: absolute;
  top: 0;
  left: 0;

  width: 100%;
  height: 100%;

  content: "";
  -webkit-transition: all 0.5s;
  transition: all 0.5s;

  background-image: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#ff3cac),
    color-stop(#562b7c),
    to(#2b86c5)
  );

  background-image: -webkit-linear-gradient(left, #ff3cac, #562b7c, #2b86c5);

  background-image: linear-gradient(90deg, #ff3cac, #562b7c, #2b86c5);
}

a.btn-gradient span {
  position: relative;
  z-index: 1;
}

a.btn-gradient:hover {
  color: #fff;
}

a.btn-gradient:hover:after {
  opacity: 0;
}
#section_07 dl.overview ul li{position: relative;}
#section_07 dl.overview ul li:before{content:"✓";left:0;top:0;color:#f32132;font-weight:900; padding: 0 10px 0 0;}

/*見出し*/
h2 img{display: block; margin: 0 auto 40px;}
section#section_01 h2 img{max-height: 160px;}
.sub-title{max-height: 60px; display: block; margin: 0 auto 40px;}
section#section_01 .sub-title{max-height: 90px; display: block; margin: 0 auto 60px;}
section#section_05 h2{margin: 0 auto 80px;}
section#section_05 h3{text-align: center; margin: 0 0 30px;}

/*footer*/
footer{background: url(./images/bg_07.png) repeat center center #000; padding: 0 0 20px;}
footer .f-flex{display: flex; justify-content: center; padding: 20px 0; max-width: 920px; margin: -340px auto 40px; align-items: center;}
footer .f-flex .f-conts{width: 48%; color: #fff;}
footer p{text-align: center; color: #fff;}
footer td{padding-left: 20px;}

#cv-flex{display: none;}
.f-links span{display: inline-block; border-right: 1px solid #ccc; padding: 0 10px 0 0; margin-right: 10px;}
.f-links span:first-child{border-left: 1px solid #ccc; padding: 0  10px 0 10px;}
.f-links a,.f-links a:hover,.f-links a:visited,.f-links a:focus{color: #fff; text-decoration: underline;}
/*youtube*/
.youtube-wrapper {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9; /* ← これがポイント */
  margin: 40px 0;
}

.youtube-wrapper iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
@media screen and (max-width:1400px){header{min-height: clamp(700px, 90vw, 1200px);}}
@media screen and (max-width:1300px){header{min-height: clamp(700px, 95vw, 1200px);}}
@media screen and (max-width:1200px){
  header{min-height: clamp(700px, 95vw, 1200px);}
  header .main-in p {
    max-width: 920px;
    position: relative;
    bottom: 0px;
    z-index: 0;
  }
}
@media screen and (max-width:1150px){header{min-height: clamp(700px, 97vw, 1200px);} }
@media screen and (max-width:1100px){header{min-height: clamp(700px, 100vw, 1200px);} header .main-in p{right: -40px;}}
@media screen and (max-width:1050px){header{min-height: clamp(700px, 105vw, 1200px);}}
@media screen and (max-width:1000px){header{min-height: clamp(700px, 100vw, 1200px);}}

@media screen and (max-width:1200px){header .main-in{padding: 0 20px;} .fixed-menu{display: none;} section#section_04 img.bottom{margin-top: -240px;} footer .f-flex{margin-top: -300px;}}
@media screen and (max-width:1000px){section#section_01{margin-top: -200px;} footer .f-flex{margin-top: -250px;}header .main-in p{right: 0;}}

@media screen and (max-width:920px){
  header{min-height: clamp(700px, 103vw, 1200px);}
  h2 img{max-height: 84px;}
  #section_02 h2 img{max-height: inherit;}
  section#section_01:before{background-size: auto 100%;}
  section#section_01 ul.point-flex{max-width:80%; margin: 0 auto;}
  section#section_01 ul.point-flex li{width: 100%; margin-bottom: 20px;}
  section#section_01 ul.point-flex li .flex-in{
  display: table;
  }
  section#section_01 ul.point-flex li .flex-in figure,section#section_01 ul.point-flex li .flex-in p {
    display: table-cell;
    vertical-align: middle;
  }
  section#section_01 ul.point-flex li:last-child{margin: 0;}
  section#section_01 ul.point-flex li .flex-in figure{width: 25%;}
  section#section_01 ul.point-flex li .flex-in p.text{text-align: left; padding: 0 20px;}
  section#section_01 ul.cv-flex{padding: 0 40px;}
  /*#section_02*/
  section#section_02 .conts{padding: 40px 40px 80px;}
  img.about-bottom{margin-top: -60px;}
  /*#section_04*/
  section#section_04 img.bottom{margin-top: -180px;}
  dl.overview dd{padding: 40px;}

  /*#section_06*/
  .cast-wrapper{margin: 0 -40px;}
  /*#section_08*/
  section#section_08 .conts,section#section_00 .conts{padding: 40px;}
  ul.debut-flex{margin-top: 40px;}

  footer .f-flex{margin-top: -200px;}
}

@media screen and (max-width:768px){
  /*header{min-height: clamp(700px, 95vw, 1200px);}*/
  header{min-height: inherit;}
  header .main-in{padding-bottom: 80px;}
  h2 img{margin-bottom: 20px; max-height: 72px;}
  #section_02 h2 img{max-height: inherit;}
  /*#section_01*/
  section#section_01{margin-top: -100px;}
  section#section_01 ul.cv-flex{padding: 0;}
  /*#section_02*/
  section#section_02{padding: 40px;}
  section#section_00{padding: 40px;}
  /*#section_03*/
  section#section_03{padding: 40px;}
  section#section_03 .conts{margin-top: 40px;}
  /*#section_04*/
  section#section_04{padding: 40px 40px 0;}
  section#section_04 .chara{margin: 0 -40px;}
  /*#section_06*/
  section#section_06{padding: 40px;}
  .cast-wrapper{margin: 0 -20px;}
  ul.cast-flex{margin-top: 40px;}
  ul.cast-flex li p{padding: 0;}
  /*#section_08*/
  section#section_08{padding: 40px;}
  ul.debut-flex li figure{padding: 0 0 10px;}
  ul.debut-flex li{flex: 0 0 calc(32% - 10px); margin-bottom: 20px;}
  ul.debut-flex li:last-child,.debut-flex li p:last-child{margin-bottom: 0;}
  /*#section_09*/
  section#section_09{padding: 40px;}
  /*#section_10*/
  section#section_10{padding: 40px;}
  /*#section_05*/
  section#section_05{padding: 40px;}
  section#section_05 h2{margin: 0 0 60px;}
  /*#section_07*/
  section#section_07{padding: 40px;}

  ul.flow li{padding: 50px 20px 20px;}
  ul.flow li span{width: 70%; font-size: 0.9em;}

  /*footer*/
  
  footer .f-flex{padding: 0 20px; display: block;}
  footer .f-flex .f-conts{width: 80%; margin: 0 auto 20px; }
  footer .f-flex{margin-top: -40px;}

}
/*@media screen and (max-width:750px){header{min-height: clamp(700px, 93vw, 1200px);}}
@media screen and (max-width:700px){header{min-height: clamp(100%, 95vw, 1200px);}}*/
@media screen and (max-width:640px){
  /*header{background: url(images/header_bg_pc.png) no-repeat center bottom; background-size: 100% auto;}*/
  /*#section_01*/
  section#section_01{margin-top: -80px;}
  section#section_01 ul.point-flex{max-width: 100%;}
  section#section_01 ul.point-flex li .flex-in figure{width: 40%;}
  /*#section_02*/
  section#section_02 .conts{padding: 40px 20px;}
  section#section_02 ul.point-flex li{width: 100%; margin-bottom: 20px;}
  section#section_02 ul.point-flex li:last-child{margin: 0;}
  section#section_02 ul.point-flex li .flex-in{display: table;}
  section#section_02 ul.point-flex li .flex-in .flex-thumbnail,section#section_02 ul.point-flex li .flex-in .flex-text {
    display: table-cell;
    vertical-align: middle;
  }
  section#section_02 ul.point-flex li .flex-in .flex-thumbnail{width: 40%;}
  section#section_02 ul.point-flex li .flex-in .flex-text{padding: 0 0 20px 20px;}
  /*#section_03*/
  section#section_03 .conts ul li{font-size: 1em;}
  section#section_03 .conts{border-width: 6px; padding: 20px; background-size: contain;}
  section#section_03 .conts ul{max-width: 90%; margin-bottom: 20px;}
  section#section_03 .conts img {right: -20px; display: none;}
  /*#section_04*/
  dl.overview dd{padding: 40px 20px 20px; border-width: 6px;}
  section#section_04 img.bottom{margin-top: -120px;}
  /*#section_06*/
  .cast-wrapper{margin: 0;}
  ul.cast-flex li{flex: 1 1 100%; padding-bottom: 30px; border-bottom: 6px dotted pink; margin-bottom: 30px;}
  ul.cast-flex li p{text-align: center;}
  
  /*#section_08*/
  section#section_08 .conts{padding: 20px;}
  /*#section_00*/
  section#section_00 .conts{padding: 20px;}
  /*#section_05*/
  section#section_05 h3{margin: 0 0 20px;}
  

  /*flex*/
  .dd-in{display: inherit;}
  dl.overview dd{margin-bottom: 40px;}
  .dd-in .dd-conts:first-child,.dd-in .dd-conts:last-child{flex: 1 1 100%;}
  .dd-in .dd-conts:first-child{margin-bottom: 20px; text-align: center;}
  .dd-in .dd-conts:first-child img{display: block; margin: 0 auto;}
  .dd-in .dd-conts p:last-child{margin-bottom: 0;}
  .overview dt span{display: block;}
  ul.flow li{width: 100%; margin: 0 0 60px; padding-bottom: 40px;}
  ul.flow li:last-child{margin-bottom: 0;}
  ul.flow li::after{top: inherit; bottom: -24px; left:0; right: 0; margin: 0 auto; transform: rotate(90deg);}
  dl.overview dt{padding: 10px 1.5em;}
}
/*@media screen and (max-width:600px){header{min-height: clamp(100%, 98vw, 1200px);}}
@media screen and (max-width:520px){header{min-height: clamp(100%, 100vw, 1200px);}}*/
@media screen and (max-width:480px){
  /*header{min-height: clamp(100%, 95vw, 1200px);}*/
  header:after{background-size: auto 100%;}

header .main-in p{margin:0 -20px 0 -10px;}


  section#section_01{margin-top: -100px;}
  section#section_01 ul.point-flex li .flex-in p.text{line-height: 1.4;}
  h2 img{max-height: 54px;}
  #section_02 h2 img{max-height: inherit;}
  .idol-01{margin-top: -10px;}
  .catch-01{margin-bottom: 20px;}
  /*#section_01*/
  section#section_01{padding: 0 20px 40px}
  /*#section_02*/
  section#section_02{padding: 40px 20px;}
  section#section_00{padding: 40px 20px;}
  section#section_02 .conts{padding: 20px;}
  section#section_00 .conts{padding: 20px;}
  section#section_02 ul.point-flex li .flex-in .flex-text{padding: 0 0 0 20px;}
  section#section_02 ul.point-flex li .flex-in .flex-thumbnail, section#section_02 ul.point-flex li .flex-in .flex-text{vertical-align: top;}
  section#section_02 ul.point-flex li .flex-in,section#section_02 ul.point-flex li .flex-in .flex-thumbnail, section#section_02 ul.point-flex li .flex-in .flex-text{display: block; width: 100%;}
  section#section_02 ul.point-flex li .flex-in .flex-text{padding:0;}
  section#section_02 ul.point-flex figure img{margin: 0 auto;}
  img.about-bottom{margin-top: -40px;}
  /*#section_03*/
  section#section_03{padding: 40px 20px;}
  /*#section_04*/
  section#section_04{padding: 40px 20px 0;}
  section#section_04 .chara{margin: 0 -20px;}
  section#section_04 img.bottom{margin-top: -80px;}
  /*#section_06*/
  section#section_06{padding: 40px 20px;}
  /*#section_08*/
  section#section_08{padding: 40px 20px;}
  ul.debut-flex li{flex: 0 0 calc(48% - 10px);}
  /*#section_09*/
  section#section_09{padding: 40px 20px;}
  /*#section_10*/
  section#section_10{padding: 40px 20px;}
  /*#section_05*/
  section#section_05{padding: 40px 20px;}
  /*#section_07*/
  section#section_07{padding: 40px 20px;}

  ul.cast-flex li p{text-align: left; margin-bottom: 0;}
  .youtube-wrapper{margin: 20px 0;}
}
/*@media screen and (max-width:400px){header{min-height: clamp(100%, 98vw, 1200px);}}*/
@media screen and (max-width:320px){section#section_01{margin-top: -60px;}}
@media screen and (max-width: 640px) {

  #cv-flex {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    padding: 10px 20px;
    background-color: rgba(255,255,255, 0.55);
  }
  .cv-flex{display: none!important;}
  #cv-flex{display: block!important;}
  
  footer{padding-bottom: 110px;}
  ul.fcv-flex{display:flex;flex-wrap:wrap;justify-content:space-between;list-style:none;padding:0;margin:0 auto; max-width: 100%; align-items: stretch; position: relative; z-index: 5;}
  ul.fcv-flex li{list-style: none; width: 48%;}
  ul.fcv-flex li img{max-height: 84px; width: auto; display: block; margin: 0 auto;}
  

}

.about-dl{

transform: skewX(-4deg);
}

.about-dl dt{
background: linear-gradient(90deg, #f32132, #fd5000);
color: #fff;
text-align: center;
padding: 20px;
}
.about-dl dd{position: relative;border-image: linear-gradient(0deg, #f32132, #fd5000) 1; border: 8px solid transparent; padding: 40px;background: #fff; }