@charset "UTF-8";
html,body{    overflow-x: hidden;}
/*---- kv ----*/
#header{ /* height:calc(100vh - 60px); */ background: url("../img/kv/01.jpg?=202411201649") no-repeat;  background-size: cover;overflow: hidden;}
#header #kv{ }
#header .logoArea{ max-width:400px; padding: 60px 0 0 60px; position: relative; z-index: 100; }
#header .logoArea h1{ line-height: 0.75;} 
#header .headerArea{ display: block;  margin: auto; z-index: 6; max-width: 1560px;  width: 100%;}
#header .headerArea .headerAreaWrap{ position: absolute; top: auto;
  bottom: 31.01%; margin: auto;  z-index: 6;}
#header .headerArea .txt80 .mincho{ letter-spacing: 0.16em; }
.fvGrad{ background: rgb(255,128,136);  background: linear-gradient(90deg, rgba(255,128,136,1) 0%, rgba(162,132,221,1) 100%); }
#header .headerArea .fvGrad{ max-width: 460px; width: 100%; }
#header .personArea{ max-width:1080px; width:100%;height:auto; position: absolute; top: auto;  right: 0; bottom: 0; left: 0; margin: auto;}
#header .artBg{ position: absolute; z-index:1; top:auto;
  right: 0; bottom: 0; left: 20%; margin: auto; max-width:1018px;width:94.25%;}
#header .mModel{ position: absolute; z-index:2;right:-15%;bottom:0; max-width:510.46px;width:47.26%;  height: auto;display: block;
  margin: 0 0 0 auto; }
#header .wModel{ position: absolute; z-index:3;    right: auto;left:20%;bottom:0; max-width:740.96px; width:68.6%; }
#header #kv .txt160{ font-size: 160px; color:rgb(255 195 57 / 60%); position: absolute; line-height: 0.7;  white-space: nowrap;  }
#header #kv .txt160.top{ top:0; right:0; z-index: 1;}
#header #kv .txt160.bottom{ bottom:0; left:0;z-index: 5; }
#header .contactArea{ position:fixed; right:1.1vw; bottom:1.9vh; z-index: 900; gap:10px; max-width:220px;}
#header .contactArea .w50{ max-width:100px; display: block;}
#header .contactArea .w50 a {  transition: all .3s ease-out;}
/* #header .contactArea .w50 a:hover{ transform:scale(1.1);} */
#header .contactArea .w50 a:hover{ opacity:0.8;}
@media screen and (min-width: 586px) and (max-height: 986px) {
  #header .personArea { transform: scale(0.9); z-index: 2;  }
}
@media screen and (min-width: 586px) and (max-height:896px) {
  #header .personArea { transform: scale(0.85);  }
}

@media screen and (min-width: 586px) and (max-height:820px) {
  #header { height: 100vh; }
  #header .headerArea .headerAreaWrap { height: max-content; top: 0vh !important; left: 40px; bottom: 0vh !important; margin: auto;}
  #header .headerArea .headerAreaWrap .txt900.mb20 { margin-bottom: 10px;}
  #header .headerArea .headerAreaWrap .txt60 { font-size: 32px !important;}
  #header .headerArea .headerAreaWrap .txt80 { font-size: 40px !important;}
  #header .headerArea .fvGrad { font-size: 30px /* 18px */;}
  #header .logoArea { max-width: 260px; padding: 20px 0 0 10px;}
  #header .logoArea h1 {  font-size: 56px;}
  #header .logoArea .txt30 { font-size: 22px;}
  #header .personArea { transform: scale(0.8);  }
}
@media screen and (min-width: 586px)  and (max-height:680px) {
  #header .personArea { transform: scale(0.65);   }
}
@media screen and (min-width: 586px)  and (max-height:580px) {
  #header .personArea { transform: scale(0.6);   }
}
@media screen and (min-width: 586px)  and (max-height:500px) {
  #header .logoArea { max-width: 220px !important;}
  #header .logoArea .txt100 { font-size: 50px !important;}  
  #header .logoArea .txt30 { font-size: 18px !important;} 
  #header .personArea { transform: scale(0.5);   }
  #header #kv .txt160.top,#header #kv .txt160.bottom { display:none;}
}
@media screen and (min-width: 586px)  and (max-height:420px) {
  #header .personArea { transform: scale(0.45);   }
}
@media screen and (min-width: 586px)  and (max-height:380px) {
  #header .personArea { transform: scale(0.4);   }
}

@media screen and (max-width: 1680px) {
  #header .headerArea {  margin: auto auto auto 60px;}
}
@media screen and (max-width: 1560px) {
  #header .headerArea .headerAreaWrap { top: 240px; left: 40px; bottom: auto;}
}

@media screen and (max-width: 1520px) {
  #header #kv .txt160 { font-size: 120px; }
}
@media screen and (max-width: 1480px) {
  #header .headerArea .headerAreaWrap .txt60 { font-size: 50px;}
  #header .headerArea .headerAreaWrap .txt80 { font-size: 60px;}
}
@media screen and (max-width: 1280px) {
  #header .logoArea { max-width: 320px; padding: 20px 0 0 20px;}
  #header .logoArea .txt100 { font-size: 80px;}
  #header .headerArea .headerAreaWrap { top: auto; left: 0px; bottom: 150px;}
  #header .headerArea .headerAreaWrap h2{ margin-bottom: 10px;}
  #header .headerArea .headerAreaWrap h2 > span, #header .headerArea .headerAreaWrap h3{ padding-left:40px; padding-right: 10px;}
  #header .headerArea .headerAreaWrap .txt60 { font-size: 40px;}
  #header .headerArea .headerAreaWrap .txt80 { font-size: 50px;}
  #header .personArea { width: 90%; }
}
@media screen and (max-width: 1180px) {
  #header #kv .txt160 { font-size: 100px;}
}
@media screen and (max-width: 1080px) {
  #header .personArea {  width: 100%; }
}
@media screen and (max-width: 980px) {
  /* #header { height: 100vh; } */
  #header #kv .txt160 { font-size: 80px;  }
  #header .headerArea .headerAreaWrap { bottom: 80px;}
}
@media screen and (max-width: 896px) {
  /* #header { height: 88vh;} */
  #header .headerArea .headerAreaWrap { bottom: 80px; top: auto;}
  /* #header .headerArea .headerAreaWrap { bottom: auto; top: 190px;} */
  #header #kv .txt160.fadeinR { font-size: 72px; width: calc(100% - 320px); text-align: right; line-height: 1.0; }
  #header #kv .txt160{  white-space: normal;}
  #header .headerArea .headerAreaWrap h2 > span, #header .headerArea .headerAreaWrap h3 { padding-left: 10px;}
  #header .headerArea .headerAreaWrap .txt60 { font-size: 32px;}
  #header .headerArea .headerAreaWrap .txt80 { font-size: 40px;}
  #header .headerArea .headerAreaWrap h3.fvGrad  { font-size: 26px /* 18px */;}
}
@media screen and (max-width: 796px) {
  /* #header { height: 80vh;} */
  header .headerArea .headerAreaWrap h2 > span, #header .headerArea .headerAreaWrap h3 { padding-left: 30px;}
  /* #header .headerArea .headerAreaWrap { top: 160px;  } */
}
@media screen and (max-width: 680px) {
  /* #header { height: 74vh;} */
  #header #kv .txt160.fadeinR {display: none;}
  #header .logoArea { padding: 25px 0 15px 0; margin: 0 auto;}
  #header .logoArea .txt100 { font-size: 56px;}
  #header .headerArea .headerAreaWrap h3.fvGrad { font-size: 24px/*16px*/; display: inline-flex; flex-direction: column; width: auto; opacity: 0.7;}
}
@media screen and (max-width: 630px) {
  #header .headerArea .headerAreaWrap { bottom: auto; top: 115px; }
}
@media screen and (max-width: 586px) {
  /* #header { height:95vh;} */
  #header .logoArea {  padding: 20px 0 10px 0;}
  #header .logoArea .txt100 { font-size: 38px;}
  #header .logoArea .txt30 { font-size: 14px;}
  #header .headerArea .headerAreaWrap { top: 90px;}
  #header .headerArea .headerAreaWrap h2 > span, #header .headerArea .headerAreaWrap h3 { padding-left: 15px;}
  #header #kv .txt160.fadeinL { display: none;}
}
@media screen and (max-width: 490px) {
  #header .logoArea { padding: 15px 0 10px 0; }
  #header .headerArea .headerAreaWrap { bottom: auto;}
  #header .contactArea { flex-direction: column;width: 140px;}
  #header .contactArea .w50 { margin: 0 0 0 auto;}
}
@media screen and (max-width: 460px) {
    #top01 ul.appli__worry-item li.appli__worry:nth-child(1) .appli__worry--fuki-text, #top01 ul.appli__worry-item li.appli__worry:nth-child(1) .appli__worry--img-inner, #top01 ul.appli__worry-item li.appli__worry:nth-child(4) .appli__worry--fuki-text, #top01 ul.appli__worry-item li.appli__worry:nth-child(4) .appli__worry--img-inner, #top01 .appli__area .appli__support .appli__support__txt__inner { right: -5px; bottom: -10px; }
}
@media screen and (max-width: 420px) {
  /* #header {  height: 90vh;  } */
}
@media screen and (max-width: 390px) {
  /* #header { height: 90vh;} */
  #header .headerArea .headerAreaWrap .txt60 { font-size: 32px;}
  #header .headerArea .headerAreaWrap .txt80 { font-size: 40px;}
  #header .wModel { width: 74%;}
  #header .mModel { width: 52%;}
}

@media screen and (max-width: 320px) {
  /* #header { height: 96vh;} */
  #header .headerArea .headerAreaWrap {  top: 75px;  }
}
@media screen and (max-width: 430px) {
  #header .artBg { width: 99%;}
  #header .mModel { width: 54%;}
  #header .wModel { width: 77%;}
}
@media screen and (min-height: 730px) and (max-width:568px){
 /*  #header {  height: 81vh;  } */
}
@media screen and (min-height: 800px) and (max-width:568px){
  /* #header {  height: 70vh;  } */
  #header .headerArea .headerAreaWrap { top: 80px;}
}
/* kv animation */
@-webkit-keyframes passing-bar{
	0% {left: 0;right: auto;width: 0;	}
	50% {	left: 0;right: auto;width: 100%;	}
	51% {	left: auto;	right: 0;	width: 100%;	}
	100% {left: auto;	right: 0;	width: 0;	}
}
@keyframes passing-bar{
	0% {left: 0;	width: 0;	}
	50% {	left: 0;width: 100%;	}
	51% {	left: 0;width: 100%;	}
	100% {left: 100%;	width: 0;	}
}
@-webkit-keyframes passing-txt{
	0% { opacity: 0; }
	50% { opacity: 0; }
	100% { opacity: 1; }
}
@keyframes passing-txt{
	0% { opacity:0; }
	50% { opacity:0; }
	100% { opacity:1; }
}
.passing .passing-bar {	display: inline-block;-webkit-transform: translate3d(0, 0, 0);	-ms-transform: translate3d(0, 0, 0);	transform: translate3d(0, 0, 0);}
.passing .passing-bar:before {content: '';display: inline-block;width: 0;height: 100%;position: absolute;left: 0;	top: 0;	z-index: 1;	background: #fed88f;}
.passing .passing-txt {	opacity: 0;	-webkit-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);	transform: translate3d(0, 0, 0);	}
.passing.move .passing-bar:before {	-webkit-animation: passing-bar 1s ease 0s 1 normal forwards;	animation: passing-bar 1s ease 0s 1 normal forwards;}
.passing.move .passing-txt {-webkit-animation: passing-txt 0s ease .5s 1 normal forwards;	animation:passing-txt 0s ease .5s 1 normal forwards;}
/*----------- main ---------------*/
/*-------------------------------------------------------------------
  共通
 ------------------------------------------------------------------- */
 .mainGrad{ background: rgb(255,126,151); background: linear-gradient(90deg, rgba(255,126,151,1) 0%, rgba(181,72,221,1) 100%); }
.underPink::before{ content:""; display: inline-block; width: 100%;  height: 12px; position: absolute; bottom: 0; z-index: -1;background: rgb(255,229,234); background: linear-gradient(90deg, rgba(255,229,234,1) 0%, rgba(227,193,240,1) 100%); }
.underYellow::before{ content:""; display: inline-block; width: 100%;  height: 12px; position: absolute; bottom: 0; z-index: -1;background: #fbff48;}
/* .underPink::before{ content:""; display: inline-block;    width: 100%;
  height: 10px; position: absolute; bottom: 0; z-index: -1;background: rgb(255,229,234); background: linear-gradient(90deg, rgba(255,229,234,1) 0%, rgba(227,193,240,1) 100%); } */

/*-------------------------------------------------------------------
  top01
 ------------------------------------------------------------------- */
#top01::before { content: ''; position: absolute; top: 0;
  left: 0; display: inline-block; max-width: 762px; width: 100%; height: auto; aspect-ratio: 762 / 430;  background: url(../img/top/01-01.jpg?=202411201649) no-repeat; background-size: contain; opacity: .5;}
#top01::after { content: '';position: absolute; z-index: 0; bottom: 0;  right: 0; display: inline-block; max-width: 762px; width: 100%; height: auto; aspect-ratio: 762 / 430;  background: url(../img/top/01-18.jpg?=202411201649) no-repeat; background-size: contain; opacity: .5;}
#top01 .introContainer{ margin:0 auto; z-index: 2;}
#top01 .headerTxtWrap .eb{ line-height:1;}
#top01 .intro-slider-container{ transform: translateY(-20px) skewY(-4.2deg); position: relative;  z-index: 1;}
#top01 .intro-slider-container .swiper-slide { width: 260px !important; margin: 0 10px;}
.appli__area{ position: relative; z-index: 1;  max-width:1238px;     transform: translateY(-70px);} 
#top01 .appli__worry-item { padding: 0; max-width: 1097px;  flex-wrap: nowrap;}
#top01 ul.appli__worry-item li.appli__worry { position: relative;     height: max-content;}
#top01 ul.appli__worry-item li.appli__worry:nth-child(1) {  max-width: 249px; }
#top01 ul.appli__worry-item li.appli__worry:nth-child(2),#top01 ul.appli__worry-item li.appli__worry:nth-child(4) {  max-width: 232px;}
#top01 ul.appli__worry-item li.appli__worry:nth-child(3) {  max-width: 222px;}
#top01 ul.appli__worry-item li.appli__worry:nth-child(1) .appli__worry--fuki-text,#top01 ul.appli__worry-item li.appli__worry:nth-child(1) .appli__worry--img-inner,#top01 ul.appli__worry-item li.appli__worry:nth-child(4) .appli__worry--fuki-text,#top01 ul.appli__worry-item li.appli__worry:nth-child(4) .appli__worry--img-inner {transform:translateY(90px) !important;}
#top01 .appli__worry-item .appli__worry--img-inner {  position: relative;  text-align: center;}
#top01 .appli__worry-item .appli__worry--fuki-text { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto;  width: 198px; height: min-content;text-align: center;}
#top01 .appli__worry-item .appli__worry:nth-of-type(1) .appli__worry--fuki-text,#top01 .appli__worry-item .appli__worry:nth-of-type(2) .appli__worry--fuki-text { right:20px; bottom:20px;}
#top01 .appli__worry-item .appli__worry:nth-of-type(3) .appli__worry--fuki-text,#top01 .appli__worry-item .appli__worry:nth-of-type(4) .appli__worry--fuki-text { right:-20px; bottom:20px;}
#top01 .appli__area .appliSubtxt {  max-width: 576px;}
#top01 .appli__area .appli__support .appli__support__img{  max-width: 260px;}
#top01 .appli__area .appli__support .appli__support__img:nth-child(3) img{  transform: translateY(-50px);}
#top01 .appli__area .appli__support .appli__support__txt{  max-width: 698px; z-index: 2;}
#top01 .appli__area .appli__support .appli__support__txt__inner{width: 798px;
margin: auto;position: absolute;z-index: 2;top: 0%;left: 50%;transform: translateY(20px) translateX(-50%);}
#top01 .introContainer .mds_intro {
  display: inline-block;
  width: 700px;
  max-width: 95%;
  margin: 0 auto;
}
#top01 .appli__area .mds_bg { 
  background-image: url(../img/top/mds_bg_l.png), url(../img/top/mds_bg_r.png);
  background-repeat: no-repeat,no-repeat;
  background-position: left center, right center;
  background-size: auto 100%, auto 100%;
  padding: 0 10%;
  display: block;
  box-sizing: border-box;
  max-width: 90%;
  margin: 0 auto 40px;
  font-size: 30px;
}
@media screen and (max-width: 896px) {
  #top01 .appli__area .mds_bg { 
    font-size: 3.5vw;
  }
}
@media screen and (max-width: 586px) {
  #top01 .appli__area .mds_bg { 
    font-size: 3.9vw;
    background-size: 7% 100%, 7% 100%;
    padding: 0 7%;
    width: 95%;
  }
}


#top01 .cvbtn_2501{
  display: flex;
  gap: 20px;
  align-items: center;
  justify-content: center;
}
#top01 .cvbtn_2501-l a{
  background: linear-gradient(90deg, rgb(6, 199, 85) 50%, rgb(224, 224, 114) 100%);
  background-size: 180% auto;
  transition: 0.4s;
  padding: 20px 45px;
  width: auto;
  margin: 0 auto;
  display: inline-flex;
  max-width: 100%;
  gap: 15px;
  justify-content: center;
  align-items: center;
  border-radius: 50px;
}
#top01 .cvbtn_2501-l a:hover{
  background: linear-gradient(90deg, rgb(6, 199, 85) 50%, rgb(224, 224, 114) 100%);
  background-size: 100% auto;
}
#top01 .cvbtn_2501-l a img{
  width: 30px;
  height: auto;
}
#top01 .cvbtn_2501-r a{
  background: linear-gradient(90deg, rgb(17, 94, 208) 50%, rgb(116, 235, 213) 100%);
  background-size: 180% auto;
  transition: 0.4s;
  padding: 20px 45px;
  width: auto;
  margin: 0 auto;
  display: inline-flex;
  max-width: 100%;
  gap: 15px;
  justify-content: center;
  align-items: center;
  border-radius: 50px;
}
#top01 .cvbtn_2501-r a:hover{
  background: linear-gradient(90deg, rgb(17, 94, 208) 50%, rgb(116, 235, 213) 100%);
  background-size: 100% auto;
}
#top01 .cvbtn_2501-r a img{
  width: 30px;
  height: auto;
}
@media screen and (min-width: 1281px) {
  .tabbr { display: none;}
  .spbr{display: inline;}
}
@media screen and (max-width: 1280px) {
  .tabbr { display: block;}
  .spbr{display: inline;}
  #top01 .appli__worry-item,#top01 .appli__support { width: calc(100% - 20px); margin: 0 auto;}
  #top01 .appli__area .appli__support .appli__support__txt__inner { width: 540px; }
  #top01 .appli__area .appli__support .appli__support__txt { width: calc(100% - 520px);}
}
@media screen and (min-width: 1081px) {
  .spbr{display: inline;}
  #top01 .appli__support__img .pcNone{ display: none;}
  #top01 .appli__support__img.spNone{ display:block;}
}
@media screen and (max-width: 1080px) {
  .spbr{display: inline;}
  #top01 .appli__support__img.spNone{ display:none;}
  #top01 .appli__worry--img .pcNone{ display: block;}
  #top01 .appli__area .appliSubtxt{ padding:30px 20px;}
  #top01 .appli__worry-item {  flex-wrap: wrap; justify-content: center;    gap: 30px;}
  #top01 ul.appli__worry-item li.appli__worry { width: calc(50% - 10px);}
  #top01 .appli__area {  transform: unset;  transform: translateY(-40px);}
  #top01 ul.appli__worry-item li.appli__worry:nth-child(1) .appli__worry--fuki-text, #top01 ul.appli__worry-item li.appli__worry:nth-child(1) .appli__worry--img-inner, #top01 ul.appli__worry-item li.appli__worry:nth-child(4) .appli__worry--fuki-text, #top01 ul.appli__worry-item li.appli__worry:nth-child(4) .appli__worry--img-inner,#top01 .appli__area .appli__support .appli__support__txt__inner { transform: unset !important;}
   #top01 .appli__area .appli__support .appli__support__txt__inner { transform: unset;}
  #top01 .appli__area .appli__support .appli__support__img:nth-child(3) img {  transform: unset;}
  #top01 .appli__area .appli__support .appli__support__txt__inner { position: relative;top: unset;
    left: unset; transform: unset; width: calc(100% - 20px);}
    #top01 .appli__area .appli__support { -webkit-box-orient: vertical; -webkit-box-direction: normal;   -ms-flex-direction: column; flex-direction: column; margin-top: -50px; }
    #top01 .appli__area .appli__support .appli__support__img img{ transform: translateY(50px); width: calc(50% - 100px); }
    #top01 .appli__worry--img .pcNone{ display: block;}
    #top01 .appli__area .appli__support .appli__support__img:nth-child(1)  { display: flex; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; flex-wrap: wrap; -ms-flex-wrap: wrap; gap: 0 80px; justify-content: space-between;  max-width: 100%; margin: 0 auto;  }
    #top01 .appli__area .appli__support .appli__support__img:nth-child(3)  { display:none;  }
    #top01 .appli__area .appli__support .appli__support__txt { width: calc(100% - 20px);  margin: 20px auto;   display: block;  }
}
@media screen and (max-width: 896px) {
  .spbr{display: none;}
}
@media screen and (max-width: 680px) {
  #top01 .headerTxtWrap .txt20  { padding: 0 20px;}
  #top01 .appli__area.pb70{ padding-bottom:0;}
  #top01 .appli__area .appli__support .appli__support__img:nth-child(1) {  gap: 0 10px;}
  #top01 .appli__area .appli__support .appli__support__img img {  width: calc(50% - 10px);}
  #top01 .cvbtn_2501{
    flex-direction: column;
  }
  #top01 .cvbtn_2501-l a,#top01 .cvbtn_2501-r a{
    display: flex;
    max-width: 100%;
    min-width: 100%;
    width: 100%;
    padding: 20px 45px!important;
  }
}
@media screen and (max-width: 586px) {
  #top01 .intro-slider-container .swiper-slide { width: 180px !important; margin: 0 5px;
}
  #top01 .intro-slider-container { transform: translateY(0px) skewY(-4.2deg);}
  #top01 .appli__area {transform: translateY(-20px);  }
  #top01 .headerTxtWrap .eb,#top01 .headerTxtWrap .mincho.txt50 {  padding:0 20px;}
  #top01 .headerTxtWrap .eb,#top01 .headerTxtWrap .mainGrad{  width: calc(100% - 20px);}
  #top01 .appli__worry-item { gap: 20px;}
  #top01 ul.appli__worry-item li.appli__worry { width: calc(50% - 20px);}

}
@media screen and (max-width: 470px) {
  #top01 .appli__worry-item .appli__worry--fuki-text{ font-size: 12px; right: -10px;   bottom: 10px;}
  /* #top01 .appli__area .appliSubtxt br{ display:none;} */
}


/*-------------------------------------------------------------------
  top02
 ------------------------------------------------------------------- */
 .underOrage::before{  content:""; display: inline-block; width: 100%;
  height:20px; position: absolute; bottom: 0; z-index: -1; background: rgb(255,117,63); background: linear-gradient(90deg, rgba(255,117,63,1) 0%, rgba(255,240,63,1) 100%); }
  .underOrage02::before{  content:""; display: inline-block; width: 100%;
    height: 100%; position: absolute; bottom: 0; z-index: -1; background: rgb(255,63,63); background: linear-gradient(90deg, rgba(255,63,63,1) 0%, rgba(255,181,63,1) 100%); }
 #top02 .management__bgye::before{ content: ""; display: block; background: url(../img/top/02-01.jpg?=202411201649) no-repeat; background-size: cover; width: 100%;  height: calc(100% + 140px); position: absolute; top: -70px; bottom: 0; right: 0;  left: 0; transform: skewY(-2.2deg);}
 #top02 .management__header{ max-width: 990px; }
 #top02 .management__header .management__header_R { z-index: 2;
  transform: translateY(20px);    padding-left: 20px; }
 #top02 .management__header .corinthia,#top02 .management__header .mincho{ line-height: 1;}
 #top02 .management__header .mincho{ z-index:2; transform: translateY(-30px); letter-spacing: 0.12em;}
 #top02 .management__header .management__header_L{ transform: translateY(-110px);}
 #top02 .management__header .management__header_L .txtWH{ line-height: 1.6;}
 #top02 .management__header .management__header_R img{ max-width: 410px;}
 #top02 .management__bgor::before{ content:""; display: block; background: url(../img/top/02-03.jpg?=202411201649) no-repeat; background-size: cover; width: 100%;  height: calc(100% + 140px);   position: absolute;  top: -70px;  bottom: 0;  right: 0;  left: 0;transform: skewY(2.2deg);}
 #top02 .management__contents{ max-width: 1680px;}
 #top02 .management__contents .management__contents_L,#top02 .management__contents .management__contents_R{ width: calc(50% - 20px); position: relative;}
 #top02 .management__contents .management__contents_inner{ height: 100%; max-width: 820px;      width: 100%; position: relative;z-index: 100;}
 #top02 .management__contents_inner p.odd{ max-width:566px;  margin: 0 auto 0 0;}
 #top02 .management__contents_inner p.even{ max-width:566px;  margin: 0 0 0 auto;}
 #top02 .management__contents .management__contents_inner .mincho{     background: rgb(255 255 255 / 80%); padding: 20px 40px; transform: translateX(-260px); transform: translateX(-31%); max-width: 820px;  width: 100%;display: table; white-space: nowrap;}
 #top02 .management__contents img{  max-width:820px; width: 100%; }
 #top02 .management__bgpurp::before{ content:""; display: block; background: url(../img/top/02-05.jpg?=202411201649) no-repeat; background-size: cover; width: 100%; height: calc(100% + 140px);  position: absolute; top: -70px; bottom: 0;  right: 0; left: 0;transform: skewY(-2.2deg);}
 #top02 .management__bgpurp .management__contents_inner .mincho{ margin:0 0 30px auto ;transform: translateX(17%); max-width: 440px; z-index: 2;}
 #top02 .management__bgrblue::before{ content:""; display: block; background: url(../img/top/02-07.jpg?=202411201649) no-repeat; background-size: cover; width: 100%; height: calc(100% + 140px); position: absolute; top: -70px; bottom: 0;  right: 0;  left: 0;transform: skewY(2.2deg);}
 #top02 .management__bgrblue .management__contents_inner .mincho { transform: translateX(-17%); max-width: 560px; }
 #top02 .management__bgskyblue::before{ content:""; display: block; background: url(../img/top/02-09.jpg?=202411201649) no-repeat; background-size: cover; width: 100%; height: calc(100% + 140px); position: absolute; top: -70px;  bottom: 0; right: 0; left: 0;transform: skewY(-2.2deg);}
 #top02 .management__bgskyblue .management__contents_inner .mincho { transform: translateX(36%); z-index: 2;  max-width: 708px;}
 #top02 .management__bggreen::before{ content:""; display: block; background: url(../img/top/02-11.jpg?=202411201649) no-repeat; background-size: cover; width: 100%; height: calc(100% + 140px); position: absolute; top: -70px; bottom: 0;  right: 0; left: 0;transform: skewY(2.2deg);}
 #top02 .management__bggreen .management__contents_inner .mincho { transform: translateX(-26%); z-index: 2;  max-width: 499px; transform: translate(0, 0px);}
 #top02 .management__three__column::before{ content:""; display: block; background: url(../img/top/02-13.jpg?=202411201649) no-repeat; background-size: cover; width: 100%; height: calc(100% + 70px);  position: absolute; top: -70px; bottom: 0;  right: 0;  left: 0;transform: skewY(-2.2deg);}
 #top02 .management__three__column::after{ content:""; display: block; position: absolute; background: white;width: 100%; height: 200px; bottom: -100px;transform: skewY(2.2deg);}
 #top02 .management__three__column .management__contents{ flex-wrap: unset;  -ms-flex-wrap: unset;     overflow: hidden;}
 #top02 .management__three__column img{  max-width: 497px; width: 100%;}
 #top02 .management__three__column .management__contents_L,#top02 .management__three__column .management__contents_R{  width: 29.5%;}
 #top02 .management__three__column .management__contents_Cent{  width: 41%;}
 #top02 .management__three__column .management__contents_Cent .management__contents_inner .mincho{ background: rgb(255 255 255 / 80%);  padding: 20px 40px;  transform: translateX(-8%); width: 820px;  z-index: 2;width: calc(117%); transform: translateX(calc(-17%)) !important;}
 #top02 .management__three__column .management__contents_Cent .management__contents_inner p{ margin: 0 auto;}
 #top02 .management__even .management__contents_inner { margin: 0 0 0 auto;}
 #top02 .management__odd .management__contents_inner { margin: 0 auto 0 0;}
 #top02 .management__three__column .management__contents_inner { max-width: 686px; width: 82%;
  margin: 0 auto;}


  #top02 .slider2 .slick-track {
    display: flex;
  }
  #top02 .slider2 .slick-slide {
    height: auto !important;
  }

 #top02 .slider2_wrap{
  display: flex;
  width: 100%;
  height: auto;
  padding: 0;
  transform: rotate(-2deg);
  background: #fff;
  width: 112%;
  margin: 0 0 0 -6%;
  overflow: hidden;
  position: relative;
 }
 #top03::before{
  content:'';
  background: url(../img/top/slider2_bg_btm.svg) no-repeat;
  background-size: 100%;
  display: block;
  width: 100%;
  position: absolute;
  top: -12%;
  height: 300px;
 }

 #top02 .slider2_wrap .slider2{
  width: 100%;
  display: flex;
  align-items: stretch;
  position: relative;
  transform: rotate(2deg);
  margin-top: -50px;
 } 
 #top02 .slider2_wrap .slider2 .slider__item{
  padding: 150px 25px 180px 25px;
  margin-top: -30px;
  display: flex!important;
  flex-wrap: nowrap;
  position: relative;
  align-items: center;
}
#top02 .slider2_wrap .slider2 .slider__item p{
  padding-right: 45px;
}

#top02 .slider2_wrap .slider2 .slider__item.fdrr{
  flex-direction: row-reverse;
}
#top02 .slider2_wrap .slider2 .slider__item.fdrr p{
  padding-left: 45px;
  padding-right: 0;
}

#top02 .slider2_wrap .slider2 .slider__item:first-of-type div:first-of-type{
  width: 50%;
}
#top02 .slider2_wrap .slider2 .slider__item:first-of-type div:last-of-type{
  z-index: 1;
  padding: 30px;
  flex: 1;
}
#top02 .slider2_wrap .slider2 .slider__item div > h4{
  padding: 20px;white-space: normal;
  color: #222;
  background: rgba(255,255,255,0.8);
}

#top02 .slider2_wrap .slider2 .slider__item img{
  width: 100%;
  height: auto;
}

#top02 .slider2_wrap .slider2 .slider__item.threebox01{
  padding: 150px 25px 150px 25px;
  margin-top: -30px;
  display: flex!important;
  flex-wrap: nowrap;
  position: relative;
}

#top02 .slider2_wrap .slider2 .slider__item.threebox01 p{
  padding: 0 0 60px;
}

#top02 .slider2_wrap .slider2 .slider__item.threebox01 div:first-of-type{
  width: 30%;
  padding-bottom: 10%;
}

#top02 .slider2_wrap .slider2 .slider__item.threebox01 div:nth-of-type(2){
  z-index: 1;
  padding: 30px;
  flex: 1;
}
#top02 .slider2_wrap .slider2 .slider__item.threebox01 div:last-of-type{
  width: 30%;
  flex: initial;
  padding: 0;
  padding-top: 10%;
}

#top02 .slider2_wrap .slider2 .slider__item.threebox02{
  padding: 150px 25px 150px 25px;
  margin-top: -30px;
  display: flex!important;
  flex-wrap: nowrap;
  position: relative;
}

#top02 .slider2_wrap .slider2 .slider__item.threebox02 p{
  padding: 0 0 60px;
}

#top02 .slider2_wrap .slider2 .slider__item.threebox02 div:first-of-type{
  width: 30%;
  flex: initial;
  padding: 0;
  padding-top: 10%;
}

#top02 .slider2_wrap .slider2 .slider__item.threebox02 div:nth-of-type(2){
  z-index: 1;
  padding: 30px;
  flex: 1.4;
}
#top02 .slider2_wrap .slider2 .slider__item.threebox02 div:last-of-type{
  width: 30%;
  padding: 0 0 10%;
}

 #top02 .slider2_wrap .slider2 .slide-arrow.prev-arrow{
  position: absolute;
  z-index: 2;
  width: 45px;
  height: auto;
  top: 45%;
  left: 6%;
  transition: 0.3s;
 }
 #top02 .slider2_wrap .slider2 .slide-arrow.next-arrow{
  position: absolute;
  z-index: 2;
  width: 45px;
  height: auto;
  top: 45%;
  right: 6%;
  transition: 0.3s;
 }
 #top02 .slider2_wrap .slider2 .slide-arrow.prev-arrow:hover,
 #top02 .slider2_wrap .slider2 .slide-arrow.next-arrow:hover{
  opacity: 0.7;
 }

  #top02 .slider2_wrap .management__bgnor{
    background: url(../img/top/02-03.jpg?=202411201649) no-repeat;
    background-size: cover;
    color: #fff;
  }
  #top02 .slider2_wrap .management__bgnpur{
    background: url(../img/top/02-05.jpg?=202411201649) no-repeat;
    background-size: cover;
    color: #fff;
  }
  #top02 .slider2_wrap .management__bgnblue{
    background: url(../img/top/02-07.jpg?=202411201649) no-repeat;
    background-size: cover;
    color: #fff;
  }
  #top02 .slider2_wrap .management__bgnskyblue{
    background: url(../img/top/02-09.jpg?=202411201649) no-repeat;
    background-size: cover;
    color: #fff;
  }
  #top02 .slider2_wrap .management__bgngreen{
    background: url(../img/top/02-11.jpg?=202411201649) no-repeat;
    background-size: cover;
    color: #fff;
  }
  #top02 .slider2_wrap .management__bgneme{
    background: url(../img/top/02-13.jpg?=202411201649) no-repeat;
    background-size: cover;
    color: #fff;
  }

  @media screen and (min-width: 1400px) {
  #top03::before {
    content: '';
    background: url(../img/top/slider2_bg_btm.svg) no-repeat;
    background-size: cover;
    display: block;
    width: 100%;
    position: absolute;
    top: -25%;
    height: 350px;
  }
}

  @media screen and (max-width: 1080px) {
    #top02 .slider2_wrap .slider2 .slider__item{
      padding: 150px 25px 180px 25px;
    }
  }
  @media screen and (max-width: 896px) {
    #top02 .slider2_wrap .slider2 .slider__item{
      flex-wrap: wrap;
      flex-direction: column;
    }

    #top02 .slider2_wrap .slider2 .slider__item p,
    #top02 .slider2_wrap .slider2 .slider__item.fdrr p,
    #top02 .slider2_wrap .slider2 .slider__item.threebox div:nth-of-type(2) p{
      padding: 0;
    }

    #top02 .slider2_wrap .slider2 .slider__item.fdrr{
      flex-wrap: wrap;
      flex-direction: column;
    }
    #top02 .slider2_wrap .slider2 .slider__item:first-of-type div:first-of-type{
      width: 80%;
    }
    #top02 .slider2_wrap .slider2 .slider__item:first-of-type div:last-of-type{
      padding: 0;
      margin-top: 5%;
    }
    #top02 .slider2_wrap .slider2 .slider__item.threebox01 div:first-of-type,
    #top02 .slider2_wrap .slider2 .slider__item.threebox02 div:first-of-type{
      display: flex;
      width: 100%;
      justify-content: flex-start;
    }
    #top02 .slider2_wrap .slider2 .slider__item.threebox01 div:nth-of-type(2),
    #top02 .slider2_wrap .slider2 .slider__item.threebox02 div:nth-of-type(2){
      margin-top: -15%;
      padding: 0;
    }
    #top02 .slider2_wrap .slider2 .slider__item.threebox01 div:first-of-type img,
    #top02 .slider2_wrap .slider2 .slider__item.threebox01 div:last-of-type img,
    #top02 .slider2_wrap .slider2 .slider__item.threebox02 div:first-of-type img,
    #top02 .slider2_wrap .slider2 .slider__item.threebox02 div:last-of-type img{
      width: 300px;
      max-width: 100%;
      height: auto;
    }
    #top02 .slider2_wrap .slider2 .slider__item.threebox01 div:last-of-type,
    #top02 .slider2_wrap .slider2 .slider__item.threebox02 div:last-of-type{
      display: flex;
      width: 100%;
      justify-content: flex-end;
      padding-top: 0;
    }
  }
  @media screen and (max-width: 796px) {
    #top02 .slider2_wrap .slider2 .slider__item.threebox01,
    #top02 .slider2_wrap .slider2 .slider__item.threebox02 {
      padding: 120px 25px 210px 25px;
    }
    #top02 .slider2_wrap .slider2 .slider__item.threebox01 div:last-of-type,
    #top02 .slider2_wrap .slider2 .slider__item.threebox02 div:last-of-type{
      margin-top: 5%;
    }
    #top02 .slider2_wrap .slider2 .slider__item.threebox01 div:first-of-type img,
    #top02 .slider2_wrap .slider2 .slider__item.threebox01 div:last-of-type img,
    #top02 .slider2_wrap .slider2 .slider__item.threebox02 div:first-of-type img,
    #top02 .slider2_wrap .slider2 .slider__item.threebox02 div:last-of-type img{
      width: 270px;
    }
    #top02 .slider2_wrap .slider2 .slider__item p{
      padding: 0 30px 60px;
    }
    #top02 .slider2_wrap .slider2 .slider__item.threebox02 p,
    #top02 .slider2_wrap .slider2 .slider__item.threebox01 p{
      padding: 0 30px 0;
    }
    #top03::before{
      background-size: auto 100%;
     }
  }

  @media screen and (max-width: 568px) {
    #top02 .slider2_wrap .slider2{
      margin-top: -20px;
    }
      #top02 .slider2_wrap .slider2 .slider__item {
        padding: 140px 25px 240px 25px;
    }
    #top02 .slider2_wrap .slider2 .slider__item:first-of-type div:first-of-type{
      width: 100%;
    }
    #top02 .slider2_wrap .slider2 .slider__item.threebox01 div:nth-of-type(2),
    #top02 .slider2_wrap .slider2 .slider__item.threebox02 div:nth-of-type(2){
      margin-top: -15%;
    }
    #top02 .slider2_wrap .slider2 .slider__item.threebox01 div:last-of-type,
    #top02 .slider2_wrap .slider2 .slider__item.threebox02 div:last-of-type {
      margin-top: 5%;
    }
    #top03{
      margin-top: -120px;
    }
  }

 @media screen and (max-width: 1480px) {
  #top02 .management__contents .management__contents_inner {  padding-top: 20px;}
  #top02 .management__odd .management__contents_inner p ,#top02 .management__even .management__contents_inner p { margin: 0 20px; }
  #top02 .management__odd .management__contents_inner p ,#top02 .management__even .management__contents_inner p { margin: 0 20px;}
  #top02 .management__even .management__contents_inner p{ margin: 0 auto 30px 0; max-width: 820px; width: 100%; transform: translate(0, 0px);  padding: 0 20px;}
  #top02 .management__three__column .management__contents_Cent .management__contents_inner { padding: 0 10px;}
  #top02 .management__even .management__contents_inner .mincho,#top02 .management__odd .management__contents_inner .mincho { transform: translate(0, 0px);}
  #top02 .management__even .management__contents_inner .mincho { margin: 0 0 30px 0;}
  #top02 .management__odd .management__contents_inner .mincho { margin: 0 0 30px auto;}
  #top02 .management__contents {  -webkit-box-orient: vertical;	-webkit-box-direction: normal;-ms-flex-direction: column;	flex-direction: column; }
  #top02 .management__contents .management__contents_L,#top02 .management__contents .management__contents_R{ width: 100%;}
  #top02 .management__odd .management__contents_inner{ margin: 0 0 0 auto; transform: translate(0%, -20%);}
  #top02 .management__container .management__contents_inner .mincho {  max-width: 840px;}
  #top02 .management__even .management__contents_inner { margin: 0 auto 0 0; transform: translate(0%, 0%);}
  #top02 .management__even .management__contents_R{ text-align: right;}
  #top02 .management__bggreen .management__contents_inner {   transform: translate(0%, -20%);}
  #top02 .management__three__column .management__contents_L{  margin: 0 0 0 auto; }
  #top02 .management__three__column .management__contents_Cent { width: 100%;}
  #top02 .management__three__column .management__contents_inner {  max-width: 850px;
    width: calc(100% - 20px);}
  #top02 .management__three__column .management__contents_Cent .management__contents_inner .mincho {    
      width: 100%; transform: translateX(0%) !important;  }
  #top02 .management__three__column .management__contents_R{ text-align: right;}
  #top02 .management__three__column .management__contents_inner .mincho {  max-width: 840px;  margin: 50px 0 20px 0; }
 }
 @media screen and (max-width: 1080px) {
  #top02 .management__header { width: calc(100% - 40px);  margin: 0 auto;}
  #top02 .management__header .management__header_R { text-align: center; max-width: 900px;
    width: 100%;}
  #top02 .management__header .management__header_R img { max-width: 100%;}
}
 @media screen and (max-width: 980px) {
  #top02 .management__header .management__header_R { transform: translateY(-30px); 
    width: 100%; max-width: 900px; margin: 0 auto;}
}
 @media screen and (max-width: 896px) {
  #top02 .management__header .management__header_L { transform: translateY(-80px);}
  #top02 .management__header .mincho {  padding-top: 10px;}
  #top02 .management__header .management__header_R {  transform: translateY(-20px);
    padding-left: 0;}
  #top02 .management__contents img{ width: calc(100% - 30px); }
}
 @media screen and (max-width: 796px) {
  #top02 .management__header .management__header_L ,#top02 .management__header .management__header_R{ width: 100%;}
  #top02 .management__header .management__header_L .txtWH {  font-size: 32px;}
  #top02 .management__header .management__header_R {text-align: center;}
  #top02 .management__contents .management__contents_inner .mincho,#top02 .management__contents h4.mincho { padding: 20px;white-space: normal;}
  #top02 .management__contents .management__contents_inner .mincho br,#top02 .management__contents h4.mincho br {     display: none;}
  #top02 .management__bgye::before,#top02 .management__bgor::before,#top02 .management__bgpurp::before,#top02 .management__bgrblue::before,#top02 .management__bgskyblue::before, #top02 .management__bggreen::before,#top02 .management__three__column::before{ height: calc(100% + 70px); top: -45px;}
}
 @media screen and (max-width: 568px) {
  #top02 .management__header .corinthia.txt160{ font-size: 70px;}
  #top02 .management__header .mincho.mb60 { margin-bottom: 10px;}
  #top02 .management__header .management__header_L .txtWH { font-size: 28px;}
  #top02 .management__header .management__header_L { transform: translateY(-40px); }
  #top02 .management__header .management__header_R { transform: translateY(-30px);}
  #top02 .management__bgye::before, #top02 .management__bgor::before, #top02 .management__bgpurp::before, #top02 .management__bgrblue::before, #top02 .management__bgskyblue::before, #top02 .management__bggreen::before, #top02 .management__three__column::before { height: calc(100% + 40px); top: -20px;}
  #top02 .management__three__column::after { bottom: -50px;}
  #top02 .management__bgye.pb30, #top02 .management__bgor.pb30, #top02 .management__bgpurp.pb30, #top02 .management__bgrblue.pb30, #top02 .management__bgskyblue.pb30,#top02 .management__bggreen.pb40{ padding-bottom: 10px;}
  .management__three__column .management__contents.pb60{ padding-bottom: 20px; }
  #top02 .management__three__column::after {   height: 100px;}
 }
 @media screen and (max-width: 420px) {
  #top02 .management__header .management__header_L .txtWH { font-size: 20px;}
}
 @media screen and (max-width: 390px) {
  .corinthia__header .corinthia.txt160{ font-size: 50px; margin-bottom: 15px;}
  #top02 .management__three__column::after { height: 50px;}
}

 /*-------------------------------------------------------------------
  top03
 ------------------------------------------------------------------- */
 .underGreen::before { content: "";  display: inline-block; width: 100%;  height: 20px; position: absolute; bottom: 0; z-index: -1; background: rgb(204,226,33);  background: linear-gradient(90deg, rgba(204,226,33,1) 0%, rgba(27,213,174,1) 100%); }
 .corinthia__header h2{ z-index: 2;}
 .corinthia__header .corinthia{ line-height: 1; display: block;  position: absolute; z-index: 0; top: auto; right: 0; bottom: -20px;  left: 0;  margin: auto;}
 #top03 .voice__contents { max-width: 1021px; margin: 0 auto;}
 #top03 .voice__contents .vioce__L, #top03 .voice__contents .vioce__R{ width: 47%;}
 #top03 .voice__contents img{ max-width: 364px; width: 100%;}
 #top03 .voice__contents .vioce__name{ height: max-content; margin: 0 0 0 auto;}
 #top03 .voice__contents .vioce__R .vioce__name{  margin: 0 auto 0 0;}
 .vertical { writing-mode: vertical-rl;}
 .verticalEN { transform: rotate(180deg);  -ms-writing-mode: tb-rl;   writing-mode: vertical-rl;  text-align: left;}
 #top03 .voice__contents .vioce__L .vioce__Img{ margin:0 0 0 auto;}
 #top03 .voice__contents .vioce__R div.vioce__Img{ margin:0 auto 0 0;}
 #top03 .voice__contents .voice__txt { height: calc(5lh + 15px);}
 /*モーダルを開くボタン*/
.modal-open,.modal-open02{  max-width: 180px; padding: 10px 0;   text-align: center; border-radius: 40px; font-weight: bold; background: #70E035;  cursor: pointer; margin: 0 0 0 auto; }
.modal-open a:hover,.modal-open02 a{ display: block; width: 100%; transition: all .3s ease-out;}
.modal-open a:hover,.modal-open02 a:hover{ opacity: 0.6;}
/*モーダル本体の指定 + モーダル外側の背景の指定*/
.modal-container,.modal-container02{ position: fixed; top: 0; left: 0; width: 100%; height: 100%; text-align: center; background: rgb(34 34 34 / 60%); overflow: auto; opacity: 0; visibility: hidden; transition: .3s;  box-sizing: border-box; z-index: 100;}
/*モーダル本体の擬似要素の指定*/
.modal-container:before,.modal-container02:before{  content: "";  display: inline-block;  vertical-align: middle;  height: 100%;}
/*モーダル本体に「active」クラス付与した時のスタイル*/
.modal-container.active,.modal-container02.active{  opacity: 1;  visibility: visible;}
/*モーダル枠の指定*/
.modal-body,.modal-body02{ position: relative; display: inline-block; vertical-align: middle;  max-width: 1172px;  width: 70%; height: 80%;  overflow-y: auto;}
.modal-body .modal__Img img,.modal-body02 .modal__Img img{  max-width: 314px; width:100%;}
.modal-body .modal__Img .mincho,.modal-body .modal__Img .eb,.modal-body02 .modal__Img .mincho,.modal-body .modal__Img .eb{ text-align: right;}
.modal-body .modal__Img .mincho,.modal-body02 .modal__Img .mincho{  letter-spacing: 0.12em;}
.modal-body .modal__massage,.modal-body02 .modal__massage{  max-width: 718px;}
.modal-body .modal__massage,.modal-body02 .modal__massage02{ width: 67%; padding-left: 3.6%;}
.modal-body .modal__Img,.modal-body02 .modal__Img02{ width: 33%;}
/*モーダルを閉じるボタンの指定*/
.modal-close,.modal-close02{ position: absolute; display: flex;align-items: center; justify-content: center; top: 0;  right: 0; width: 50px; height: 50px;  font-size: 40px;  color: white; background: #222222; font-size: 27px;  color: #fff;  cursor: pointer;}
/*モーダル内のコンテンツの指定*/
.modal-content,.modal-content02{  background: #fff; text-align: left;  padding: 50px;}
#top03 .cvbtn_2501{
  display: flex;
  gap: 20px;
  align-items: center;
  justify-content: center;
  margin-top: 5%;
}
#top03 .cvbtn_2501-l a{
  background: linear-gradient(90deg, rgb(6, 199, 85) 50%, rgb(224, 224, 114) 100%);
  background-size: 180% auto;
  transition: 0.4s;
  padding: 20px 45px;
  width: auto;
  margin: 0 auto;
  display: inline-flex;
  max-width: 100%;
  gap: 15px;
  justify-content: center;
  align-items: center;
  border-radius: 50px;
}
#top03 .cvbtn_2501-l a:hover{
  background: linear-gradient(90deg, rgb(6, 199, 85) 50%, rgb(224, 224, 114) 100%);
  background-size: 100% auto;
}
#top03 .cvbtn_2501-l a img{
  width: 30px;
  height: auto;
}
#top03 .cvbtn_2501-r a{
  background: linear-gradient(90deg, rgb(17, 94, 208) 50%, rgb(116, 235, 213) 100%);
  background-size: 180% auto;
  transition: 0.4s;
  padding: 20px 45px;
  width: auto;
  margin: 0 auto;
  display: inline-flex;
  max-width: 100%;
  gap: 15px;
  justify-content: center;
  align-items: center;
  border-radius: 50px;
}
#top03 .cvbtn_2501-r a:hover{
  background: linear-gradient(90deg, rgb(17, 94, 208) 50%, rgb(116, 235, 213) 100%);
  background-size: 100% auto;
}
#top03 .cvbtn_2501-r a img{
  width: 30px;
  height: auto;
}
@media screen and (max-width: 1080px) {
  #top03 .voice__container { max-width: 1021px; width: calc(100% - 20px);  margin: 0 auto;  }
  #top03 .vioce__Img { width: calc(100% - 100px); }
}
@media screen and (max-width:896px) {
  #top03 .voice__contents .voice__txt {  height: calc(6lh + 15px);}
  .voice__header .txt160 { font-size: 120px;}
  .modal-content > .flex, .modal-content02 > .flex {-webkit-box-orient: vertical;	-webkit-box-direction: normal;	-ms-flex-direction: column;	flex-direction: column;}
  .modal-content > .flex, .modal-content02 > .flex {-webkit-box-orient: vertical;	-webkit-box-direction: normal;	-ms-flex-direction: column;	flex-direction: column;}
  .modal-body .modal__Img, .modal-body02 .modal__Img02 {  width: 60%;  margin: 0 auto;}
  .modal-body .modal__massage, .modal-body02 .modal__massage02 { width: 100%;  padding-left: 0;}
}
@media screen and (max-width:786px) {
  .corinthia__header .corinthia { bottom: 0px;}
  #top03 .voice__contents .voice__txt { height: auto; margin-bottom: 10px;}
  .voice__header .txt160 { font-size: 120px;}
  #top03 .voice__contents {	-webkit-box-orient: vertical;	-webkit-box-direction: normal;	-ms-flex-direction: column;	flex-direction: column;        gap: 20px;}
  #top03 .voice__contents .vioce__L, #top03 .voice__contents .vioce__R { width: 60%; margin: 0 auto;}
}
@media screen and (max-width:680px) {
  #top03 .voice__contents .vioce__L, #top03 .voice__contents .vioce__R { width: 70%;}
  #top03 .cvbtn_2501{
    flex-direction: column;
  }
  #top03 .cvbtn_2501-l a,#top03 .cvbtn_2501-r a{
    display: flex;
    max-width: 100%;
    min-width: 100%;
    width: 100%;
    padding: 20px 45px!important;
  }
}
@media screen and (max-width:586px) {
  #top03 .voice__contents .vioce__L, #top03 .voice__contents .vioce__R { width: 80%;}
  .modal-body, .modal-body02 { width: 92%;}
  .modal-content, .modal-content02 {  padding: 30px;}
}
 /*-------------------------------------------------------------------
  top04
 ------------------------------------------------------------------- */
#top04 .privilege__container{ overflow: visible; }
#top04 .privilege__container::before{ content: ""; content: ""; position: absolute;  top: 0; bottom: 0; right: 0; left: 0;background: #DEF7F2;  transform: skewY(-2.2deg);}
#top04 .corinthia__header h2 {  transform: translateY(40px) !important;}
/* slick */
#top04 .slider{  width:100%; margin:0 auto;}
#top04 .slider img{  width:100%;}
#top04 .slider .slick-slide{ height:auto!important;}
#top04 .slick-list {  overflow: visible!important; }
#top04 .slider .slick-arrow{ z-index:2!important;}
#top04 .slider .slick-next{  right:0!important;}
#top04 .slider .slick-prev{  left:0!important;}
#top04 .slider .slick-slide{  margin-right: 20px!important;  margin-left: 20px!important;  max-width:340px;}
#top04 .slider .slick-slide .slider__check{ color: #2BBA55; display: table; position: absolute; z-index: 10; top: 0px; left: 50%;  transform: translateY(-60px) translateX(-50%);}
#top04 .slider .slick-slide .slider__check span{ display: table-cell; vertical-align: middle;}
#top04 .slider .prev-arrow,#top04 .slider .next-arrow{ max-width:60px;position: absolute; top: 45%; transition: all .3s ease-out;}
#top04 .slider .prev-arrow{ left:13%;}
#top04 .slider .prev-arrow:hover{  cursor: pointer; opacity:.8;}
#top04 .slider .next-arrow{ right:13%;}
#top04 .slider .next-arrow:hover{  cursor: pointer; opacity:.8;}
#top04 .slider .slider__item{ aspect-ratio: 334 / 414;}
#top04 .slider .slider__item .slider__inner{ padding:20px;}
#top04 .slider .slider__item .slider__inner .bordRED{ position: relative; z-index: 2; letter-spacing:0.1em;}
#top04 .slider .slider__item .slider__inner .bordRED::before{ content:""; content: ""; position: absolute; display: inline; width: 100%; height: 2px; background: #dd6a71;  bottom: 0; z-index: -1;}
#top04 .slider .slider__item .slider__inner .mincho .eb{ letter-spacing: 0.05em; }
#top04 .slider .slider__item .slider__inner p.eb{ color: #2BBA55;}
#top04 .slider .slider__item::before{ content: ""; position: absolute; top: 0;
  left: 0;display: inline-block; width: 80px; height: 80px;  border-image: linear-gradient(135deg, rgba(204, 226, 33, 1) 0%, rgba(27, 213, 174, 1) 100%); border-image-slice: 1;  border-left-width: 5px; border-top-width: 5px;}
#top04 .slider .slider__item::after{ content: ""; position: absolute; top: 0; right: 0;display: inline-block; width: 80px; height: 80px;  border-image: linear-gradient(225deg, rgba(204, 226, 33, 1) 0%, rgba(27, 213, 174, 1) 100%); border-image-slice: 1;  border-right-width: 5px; border-top-width: 5px;;}
#top04 .slider .slider__inner::before{ content: ""; position: absolute; bottom: 0;  left: 0;display: inline-block; width: 80px; height: 80px;  border-image: linear-gradient(45deg, rgba(204, 226, 33, 1) 0%, rgba(27, 213, 174, 1) 100%); border-image-slice: 1;  border-left-width: 5px; border-bottom-width: 5px;}
#top04 .slider .slider__inner::after{ content: ""; position: absolute; bottom: 0; right: 0;display: inline-block; width: 80px; height: 80px;  border-image: linear-gradient(315deg, rgba(204, 226, 33, 1) 0%, rgba(27, 213, 174, 1) 100%); border-image-slice: 1;  border-right-width: 5px; border-bottom-width: 5px;}
#top04 .slick-dots { bottom: -40px; }
#top04 .slick-dots li{ width: 10px; height: 10px; margin:0 4px; padding: 0; }
#top04 .slick-dots li.slick-active button:before{ color: #2BBA55 !important; }
#top04 .slick-dots li button{ width: 10px; height: 10px; padding: 0; }
#top04 .slick-dots li button:before { font-size: 10px; line-height: 1; width: 10px; height: 10px; opacity: 1; color: #999999;}
@media screen and (max-width:896px) {
  #top04 .privilege__container { padding-bottom: 30px;}
  #top04 .slider .slick-slide .slider__check { transform: translateY(-30px) translateX(-50%);}
  #top04 .slider .next-arrow { right: 2%;}
  #top04 .slider .prev-arrow {  left: 2%;}
}

 /*-------------------------------------------------------------------
  top05
 ------------------------------------------------------------------- */
 #top05 .audition__container::before{ content: ""; content: ""; position: absolute;  top: -100px; bottom: 0; right: 0; left: 0;background: #FFF0E8;  transform: skewY(2.2deg);z-index: -1;}
 #top05 .underGreen::before { background: rgb(255,195,57);  background: linear-gradient(90deg, rgba(255,195,57,1) 0%, rgba(212,242,87,1) 100%);}
 #top05 .audition__contents{ max-width:1172px;margin: 0 auto;}
 #top05 .audition__contents .underGreen { z-index: 0;}
 #top05 .audition__contents .underGreen::before { background: rgb(92,211,5);
  background: linear-gradient(90deg, rgba(92,211,5,1) 0%, rgba(46,215,255,1) 100%); z-index: -1;height: 100%;}
  #top05 .audition__flow { gap: 0 20px; }
 #top05 .audition__flow .flow__item{ border: solid 1px #FFC339; max-width: 364px; width: calc(100% / 3 - 20px); position: relative;}
 #top05 .audition__flow .flow__item::after{ content:""; content: "";
  display: block; background: #FFC339; width: 41%; height: 10px; position: absolute;  right: 0;  bottom: 0;}
  #top05 .audition__flow .flow__header .bgYE{ width: 80px; height: 80px;     display: table;}
 #top05 .audition__flow .flow__header .bgYE .inner{ display: table-cell; text-align: center; vertical-align: middle;}
 #top05 .audition__flow .flow__header .bgYE .inner .txtWH{ line-height: 0.9;}
 #top05 .audition__flow .flow__header .flow__header_R{ width: calc(100% - 80px);
  height: max-content;}
 #top05 .audition__flow .flow__header .flow__header_R h4{ padding-left:30px;}
 #top05 .audition__flow .flow__contents .inner{ padding:10px 30px 30px 30px;}
 #top05 .audition__info__contents{ max-width:705px;}
 #top05 .audition__info__contents .bgYE{ max-width:200px;width:100%; padding: 5px 0; border-radius: 5px;}
 #top05 .audition__info__contents .txtLeft{ width:calc(100% - 200px);padding-left:20px;}
 .googlebtn{ max-width: 300px; height:60px; line-height: 60px; margin: 0 auto; text-align: center; border-radius: 30px; }
 .googlebtn a{ transition: all .3s ease-out;display: block; width: 100%;  }
 .googlebtn a:hover{ opacity:0.8;}
 @media screen and (max-width:1200px) {
  #top05 .audition__contents { padding: 0 20px;}
}
@media screen and (max-width:986px) {
  #top05 .audition__flow {  gap: 20px;}
  #top05 .audition__flow .flow__item { max-width: 500px;  width: calc(100% / 2 - 10px); margin-bottom: 0;}
  #top05 .audition__info__contents { transform: translateY(20px);}
}
@media screen and (max-width:896px) {
  #top05 .audition__header.corinthia__header { padding-top: 30px;}
  #top05 .corinthia__header .corinthia {  bottom: 0px;}
}
@media screen and (max-width:586px) {
  #top05 .audition__flow .flow__item { max-width: 580px; width: 100%;}
  #top05 .audition__info .audition__info__contents .flex{ -webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
  #top05 .audition__info .audition__info__contents dd,#top05 .audition__info .audition__info__contents dt{ margin: 0 auto 0 0;}
  #top05 .audition__info__contents .txtLeft {  width: 100%; padding-left: 0;}
}
  /*-------------------------------------------------------------------
  top06
 ------------------------------------------------------------------- */
 #top06 .faq__container{ max-width:768px;}
 #top06 .underGreen::before { background: rgb(39,187,253);
  background: linear-gradient(90deg, rgba(39,187,253,1) 0%, rgba(248,255,63,1) 100%);}
 #top06 .faq__container .qa-list { background-color: #E2F6FF;}
 #top06 .faq__container .question-title{ padding:0;}
 #top06 .faq__container .question-title:hover{ cursor: pointer;}
 #top06 .faq__container .question-title .bgBRU,#top06 .faq__container .answer-text .bgRED { width:50px;height:50px; line-height: 50px; text-align: center; vertical-align: middle;}
 #top06 .faq__container .question-title .txtLeft { line-height:50px; padding-left: 20px;     }
 #top06 .faq__container .question-title .txtLeft,#top06 .faq__container .answer-text .txtLeft { width:calc(100% - 50px);height:50px;  }
 #top06 .faq__container .answer-text .txtLeft { height:max-content; padding: 15px 20px; margin: 0 0 0 auto;}
 #top06 .title::after, #top06 .faq__container .title::before {  content: ""; display: inline-block; position: absolute; z-index: 2;  right: 10px; top: 0; bottom: 0; margin: auto; width: 20px; height: 2px; background-color: #27BBFD;  }
#top06 .title::after { transform: rotate(90deg); }
#top06 .faq__container .answer-text { display:none; background-color: #FFEAEB; }
#top06 .answer-text .flex{position: relative; }
#top06 .answer-text .flex .bgRED{ position: absolute;top: 0;
  right: auto; bottom: 0;left: 0; margin: 0; width: 50px; height: 100%; }

 @media screen and (max-width:896px) {
  #top06 .faq__container {  margin-top: 30px;}
  #top06 .corinthia__header .corinthia { bottom: 0px;}
}
 @media screen and (max-width:786px) {
  #top06 .faq__container { padding: 40px 10px 0px 10px;}
  #top06 .faq__container .question-title {  position: relative;         min-height: 50px;}
  #top06 .faq__container .question-title .bgBRU { position: absolute; top: 0;aspect-ratio: 1 / 1;}
  #top06 .faq__container .question-title .txtLeft { line-height: 1.5;
        padding: 1px 40px 1px 70px;width: 100%; height: max-content;}
}
 @media screen and (max-width:680px) {
  #top06 .faq__container .question-title .bgBRU{ aspect-ratio: unset;
 ; min-height: 50px; position: absolute; top: 0; right: auto;  bottom: 0; left: 0; margin: auto; height: 100%; }
  #top06 .faq__container .question-title .txtLeft {  line-height: 1.7;
    padding: 2px 40px 2px 70px; }
}
  /*-------------------------------------------------------------------
  top07
 ------------------------------------------------------------------- */
 #top07{ background: #FAF2FF; overflow: visible;}
 #top07 .underGreen::before {background: rgb(154,112,184);
  background: linear-gradient(90deg, rgba(154,112,184,1) 0%, rgba(255,63,255,1) 100%);}
 #top07 .corinthia__header .corinthia { bottom: 0px;}
 #top07 .intro-slider-container .swiper-slide { width: unset !important;}
 #top01 .swiper-wrapper,#top07 .swiper-wrapper {  height: auto; }
 #top07 .swiper-slide img{ padding:0 10px;}
 #top07 .swiper-slide .swiperPartImg1,#top07 .swiper-slide .swiperPartImg3,#top07 .swiper-slide .swiperPartImg4, #top07 .swiper-slide .swiperPartImg6,#top07 .swiper-slide .swiperPartImg7 { max-width:220px;}
 #top07 .swiper-slide .swiperPartImg2 { max-width:287px;}
 #top07 .swiper-slide .swiperPartImg5 { max-width:324px;}
 #top07 .swiper-slide .swiperPartImg8,#top07 .swiper-slide .swiperPartImg9,#top07 .swiper-slide .swiperPartImg10,#top07 .swiper-slide .swiperPartImg11,#top07 .swiper-slide .swiperPartImg12,#top07 .swiper-slide .swiperPartImg13,#top07 .swiper-slide .swiperPartImg14,#top07 .swiper-slide .swiperPartImg15,#top07 .swiper-slide .swiperPartImg16 { max-width:240px;}
.text-line:before,.text-line:after { content: ""; -webkit-box-flex:1;	-ms-flex-positive:1;flex-grow: 1; height: 1px; background:#222222;   margin:0 10px;}
 /*-------------------------------------------------------------------
  top08
 ------------------------------------------------------------------- */
 #top08{ padding: 0 20px;}
 #top08 .perform__container{ max-width:1172px;}
 #top08 .perform__header .corinthia { bottom: 10px; color: #FFD9CB;}
 #top08 .perform__header .underGreen::before { background: rgb(255,117,63);
  background: linear-gradient(90deg, rgba(255,117,63,1) 0%, rgba(255,240,63,1) 100%);}
#top08 .perform__contents .underGreen::before { height:100%; background: rgb(255, 63, 63); background: linear-gradient(90deg, rgba(255, 63, 63, 1) 0%, rgba(255, 181, 63, 1) 100%);}
#top08 .perform__title .eb{ color:#FFD9CB;     line-height: normal;}
#top08 .perform__title .txtLeft{ position: absolute; bottom:0;left:0;}
#top08 .perform__title .excerpt{ padding-left:20px;}
#top08 .perform__lists { gap: 0 20px; }
#top08 .perform__list { max-width: 364px; width: calc(100% / 3 - 20px); }
#top08 .perform__Commercial .perform__list{ max-width: 566px; width: calc(100% / 2 - 20px); }
#top08 .perform__img img,#top08 .perform__img iframe{ width:100%; }
#top08 .perform__img img{ aspect-ratio: 364 / 243;}
#top08 .perform__img iframe { aspect-ratio: 566 / 320; transition: all .3s ease-out;}
#top08 .perform__img iframe:hover {opacity:0.8;}

#top08 .perform__img::before { content: ""; position: absolute; display: block;
  width: 38%; height: 5px; bottom: 0; background: #FF753F; z-index:2;}
#top08 .perform__img::after { content: ""; position: absolute; display: block;
  width: 100%; height: 5px; bottom: 0; background: #222222;}
@media screen and (max-width:896px) {
  #top08 .perform__contents {  padding: 0 10px;}
  #top08 .perform__list { max-width: 450px; width: calc(100% / 2 - 20px);}
}
@media screen and (max-width:786px) {
  #top08 .perform__lists {  gap: 20px;}
  /* #top08 .perform__Commercial .perform__list {  max-width: 800px;  width: 100%;margin-bottom: 0;} */
}
@media screen and (max-width: 680px) {
  #top08 .perform__contents {  padding: 0;  }
  #top08 .perform__lists {  gap: 0 10px;}
  #top08 .perform__list { width: calc(100% / 2 - 10px);}
  #top08 .perform__list:nth-child(n+11) {display: none;  }
  
}
@media screen and (max-width: 480px) {
  #top08 .perform__contents .underGreen{ display: block; font-size: 18px; }
  #top08 .perform__contents .underGreen::before { right: 0;  left: 0; margin: auto;}
  /* #top08 .perform__list { width: 100%;} */
 
}
 /*-------------------------------------------------------------------
  top09
 ------------------------------------------------------------------- */
 #top09{  /* background: #F6FFED; overflow: visible;*/ display: none;}
 #top09 .corinthia__header .corinthia{ color:#CAF79D; bottom:10px;}
 #top09 .line__container{ max-width:1172px; margin: 0 auto;}
 #top09 .line__flow { gap: 0 20px;}
 #top09 .line__flow .line__item { border: solid 1px #CCE221; max-width: 364px; width: calc(100% / 3 - 20px); position: relative;}
#top09 .line__flow .flow__header .bgYE { width: 80px; height: 80px; display: table; background: #CCE221;}
 #top09 .line__flow .flow__header .bgYE .inner {      display: table-cell; text-align: center; vertical-align: middle;  }
 #top09 .line__flow .flow__header .bgYE .inner .txtWH { line-height: 0.9;}
#top09 .line__flow .flow__header .flow__header_R {  width: calc(100% - 80px); height: max-content;}
#top09 .line__flow .flow__header .flow__header_R h4 {   padding-left: 30px;  }    
#top09 .line__flow .line__contents .inner {  padding: 30px;}
#top09 .line__flow .line__item::after {  content: ""; content: ""; display: block; background: #CCE221; width: 41%; height: 10px; position: absolute; right: 0;  bottom: 0;}
  .linebtn { position: relative /* absolute */;
    /* top: auto; right: 0; bottom: -29px;left: 0; z-index: 100; */
    background: #19C754;display: block;margin-top: 30px;}

@media screen and (max-width: 1200px) {
  #top09 .line__container {   padding: 20px;}
}
@media screen and (max-width: 896px) {
    #top09 .line__header{ transform: translateY(-20px); }
    #top09 .line__flow {  gap: 20px 10px;}
    #top09 .line__flow .line__item { max-width: 450px; width: calc(100% / 2 - 10px);    }
}
@media screen and (max-width: 786px) {
  #top09 .line__flow .line__contents .inner { padding: 20px;}
}
@media screen and (max-width: 680px) {
  #top09 .line__flow .line__contents .inner { padding: 15px; margin-bottom: 15px;}
}
@media screen and (max-width: 586px) {
  #top09 .line__flow { -webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
  #top09 .line__flow .line__item {  max-width: 586px; width: 100%;}
  #top09 .line__flow .line__item img {  width: 60%; min-width: 200px;}
}



/*-------------------------------------------------------------------
  top10
 ------------------------------------------------------------------- */
 #top10::before { content: ''; position: absolute; top: 0;
  left: 0; display: inline-block; max-width: 762px; width: 100%; height: auto; aspect-ratio: 762 / 430;  background: url(../img/top/01-01.jpg?=202411201649) no-repeat; background-size: contain; opacity: 0;}
#top10::after { content: '';position: absolute; z-index: 0; bottom: 0;  right: 0; display: inline-block; max-width: 762px; width: 100%; height: auto; aspect-ratio: 762 / 430;  background: url(../img/top/01-18.jpg?=202411201649) no-repeat; background-size: contain; opacity: 0;}
#top10 .introContainer{ margin:0 auto; z-index: 2;}
#top10 .headerTxtWrap .eb{ line-height:1;}

#top10 .introContainer .mds_bg { 
  background-image: url(../img/top/mds_bg_l.png), url(../img/top/mds_bg_r.png);
  background-repeat: no-repeat,no-repeat;
  background-position: left center, right center;
  background-size: auto 100%, auto 100%;
  padding: 0 10%;
  display: block;
  box-sizing: border-box;
  max-width: 70%;
  margin: 0 auto 40px;
  font-size: 30px;
}

#top10 .cvbtn_2501{
  display: flex;
  gap: 20px;
  align-items: center;
  justify-content: center;
}
#top10 .cvbtn_2501-l a{
  background: linear-gradient(90deg, rgb(6, 199, 85) 50%, rgb(224, 224, 114) 100%);
  background-size: 180% auto;
  transition: 0.4s;
  padding: 20px 45px;
  width: auto;
  margin: 0 auto;
  display: inline-flex;
  max-width: 100%;
  gap: 15px;
  justify-content: center;
  align-items: center;
  border-radius: 50px;
}
#top10 .cvbtn_2501-l a:hover{
  background: linear-gradient(90deg, rgb(6, 199, 85) 50%, rgb(224, 224, 114) 100%);
  background-size: 100% auto;
}
#top10 .cvbtn_2501-l a img{
  width: 30px;
  height: auto;
}
#top10 .cvbtn_2501-r a{
  background: linear-gradient(90deg, rgb(17, 94, 208) 50%, rgb(116, 235, 213) 100%);
  background-size: 180% auto;
  transition: 0.4s;
  padding: 20px 45px;
  width: auto;
  margin: 0 auto;
  display: inline-flex;
  max-width: 100%;
  gap: 15px;
  justify-content: center;
  align-items: center;
  border-radius: 50px;
}
#top10 .cvbtn_2501-r a:hover{
  background: linear-gradient(90deg, rgb(17, 94, 208) 50%, rgb(116, 235, 213) 100%);
  background-size: 100% auto;
}
#top10 .cvbtn_2501-r a img{
  width: 30px;
  height: auto;
}

@media screen and (max-width: 896px) {
  #top10 .introContainer .mds_bg { 
    font-size: 3.5vw;
    max-width: 80%;
  }
}
@media screen and (max-width: 680px) {
  #top10 .headerTxtWrap .txt20  { padding: 0 20px;}
  #top10 .cvbtn_2501{
    flex-direction: column;
  }
  #top10 .cvbtn_2501-l a,#top10 .cvbtn_2501-r a{
    display: flex;
    max-width: 100%;
    min-width: 100%;
    width: 100%;
    padding: 20px 45px!important;
  }
}
@media screen and (max-width: 586px) {
  #top10 .introContainer .mds_bg { 
    font-size: 5vw;
    background-size: 5% 100%, 5% 100%;
    padding: 0 7%;
    width: 95%;
    max-width: 95%;
  }
}

 /*-------------------------------------------------------------------
  audition-form
 ------------------------------------------------------------------- */
 .audition2024 .corinthia__header .corinthia {  color: #DFB8FA;     bottom: 20px;}
 .audition2024 .underGreen::before{ background: rgb(154,112,184);  background: linear-gradient(90deg, rgba(154,112,184,1) 0%, rgba(255,63,255,1) 100%);}
 .audition2024 .audition-form__step {  max-width:471px; }
 .audition2024 .audition-form__step__list-item-wrap { max-width: 170px; width: 100%; height: max-content; border: solid 1px #9A70B8;    border-radius: 5px; line-height: 1;}
 .audition2024 .audition-form__step__list-item-wrap.active { background: #9A70B8; color:white;}
 .audition2024 .audition-form__step__list-item-wrap .audition-form__step__list-item__L{  background: #9A70B8;width: 50px; display: table;
  height: 50px; border-radius: 5px 0 0 5px}
.audition2024 .audition-form__container { padding: 0 20px;}
 .audition2024 .audition-form__step__list-item-wrap .audition-form__step__list-item__L .inner{ height: max-content; display: table-cell; vertical-align: middle;text-align: center;}
 .audition2024 .audition-form__step__list-item-wrap .audition-form__step__list-item__R{ width: calc(100% - 50px); }
 .audition2024 .audition-form__step__list-item-wrap .audition-form__step__list-item__R .txt20{ color:#9A70B8; }
 .audition2024 .audition-form__step__list-item-wrap .audition-form__step__list-item__R .txt20{ color:#9A70B8; }
 .audition2024 .audition-form__step__list-item-wrap.active .audition-form__step__list-item__R .txt20{  color:white;}
.audition2024 .container {  padding:0 0 100px 0;}
.audition2024 .form-group { position: relative;  padding: 20px 0;}
.audition2024 .form-group:not(:last-of-type) { padding-bottom: 20px; border-bottom: none;}
#confirm-form .form-group:not(:last-of-type) {border-bottom: none;}
.audition2024 .form-group::before,.audition2024 .privacy-read::before { content:""; position:absolute; top:0; left:0;display: block; width:100%; height:1px; background:#D9D3C6;}
.audition2024 .form-group::after,.audition2024 .privacy-read::after { content:""; position:absolute; top:0; left:0;display: block; width:31%; height:1px; background:#9A70B8;}
.audition2024 .form-group .form-group__itemname{ width:31%; line-height: 1.7;     padding-bottom: 0;}
.audition2024 .form-group__required { display: inline-block; font-size: 14px; margin-left: 0.8rem;  padding: 2px 6px; margin: 0 0 0 auto; color: #fff; background: #D15E67; border-radius: 5px;}
.audition2024 .form-group .form-control{  width: calc(69% - 40px); margin: 0 0 0 40px;}
.audition2024 .form-group .form-control +.form-sub-group{  margin: 0 0 0 40px;}
.audition2024 .form-group .form-control +.form-sub-group .form-group__form-check-inner,.audition2024 .form-group .form-group__detail-wrap .mul-other-text{  margin: 0 ;}
.audition2024 .form-sub-group__text { margin: 10px 0;}
.audition2024 .form-sub-group__text.telsubTxt { width: 65%; margin: 10px 0 0 auto; color: #cf6068;}
.audition2024 .form-group .form-control { border: solid 1px #999999; background-color: #FFF;
  padding: 10px 15px;border-radius: 5px; }
.audition2024 .form-group .form-group__required.optional { background: #999999; }
  .audition2024 .form-group .form-group__form-check-inner{ margin: 0 0 0 40px; line-height: 1.7; padding-top: 10px; width: 100%; }
  .audition2024 .form-group.sex .form-group__form-check-inner,.audition2024 .form-group.result .form-group__form-check-inner { width: unset;}
  .audition2024 .form-group .form-check .form-check-label:before { top: 0; left: 0;    transform: translate(0, -5px); width: 26px; height: 26px; }
  .audition2024 .form-group.age .form-group__form-check-inner .form-check .form-check-label:after {  left: -71px;}
  .audition2024 .form-group .form-check .form-check-label:after { top: 2.5px;  right: 0; bottom: 0; left: -70px; margin: auto; width: 18px; height: 18px; border-radius: 50%;background: #9A70B8;}
  .audition2024 .form-group.result .form-check .form-check-label:after {    left: -43px;}
  .audition2024 .form-group.job .form-check:nth-child(1) .form-check-label:after { left: -43px;}
  .audition2024 .form-group.job .form-check:nth-child(2) .form-check-label:after { left: -86px;}
  .audition2024 .form-group.job .form-check:nth-child(3) .form-check-label:after,.audition2024 .form-group.job .form-check:nth-child(4) .form-check-label:after { left: -57px;}
  .audition2024 .form-group.job .form-check:nth-child(3) .form-check-label:after,.audition2024 .form-group.job .form-check:nth-child(4) .form-check-label:after { left: -57px;}
  .audition2024 .form-group.age .form-check .form-check-label:after { top: -7px; }
  .audition2024 .form-group.sex .form-group__form-check-inner .form-check .form-check-label:after {  left: -43px; bottom: 10px;}
  .audition2024 .form-group.prefecture .form-check:nth-child(1) .form-check-label:after { bottom: 9px; left: -85px; }
  .audition2024 .form-group.prefecture .form-check:nth-child(2) .form-check-label:after { bottom: 9px; left: -99px; }
  .audition2024 .checkbox-mul-wrap .checkbox-label::before { background: #fff; border: 1px solid #222222; content: ""; display: block; position: absolute; width: 26px; height: 26px; left: 0;top: 0; border-radius: 5px; }
  .audition2024 .checkbox-mul-wrap .checkbox-label::after { top: 2px;     background: #9A70B8; border-radius: 5px;}
    .audition2024 .form-group .form-check .form-check-label,.audition2024 .checkbox-mul-wrap .checkbox-label {  padding-left: 41px; }
    .audition2024 .form-group.job .form-check, .audition2024 .form-group.result .form-check{
      line-height: 1;  }
  .audition2024 .form-group .form-control.select-wrap::before { content: ""; display: inline-block;  width: 10px; height: 10px; background: url(../img/cmn/icon.svg) no-repeat;     right: 15px; }
    textarea, input[type="number"], input[type="text"], input[type="tel"], input[type="email"], input[type="date"] { font-size: 14px; }
  .audition2024 .privacy-read { position:relative; padding: 20px 0; border: 0;}
  .audition2024 .privacy-read h4:nth-of-type(2), .audition2024 .privacy-read h4:nth-of-type(3) { padding-top: 10px;}
  .audition2024 .checkbox-wrap .checkbox-label { margin-top: 10px; }
  .audition2024 .checkbox-wrap .checkbox-label { padding: 0 0 40px 45px;}
  .audition2024 .checkbox-wrap .checkbox-label::before {background: #fff; border: 1px solid #222222; content: ""; display: block; position: absolute; width: 26px;height: 26px; left: 5px;
    top: 0; margin-top: 3px; border-radius: 5px;}
  .audition2024 .form-btn-wrap { display: block;  max-width: 300px;width: 100%; margin: 0 auto; }
  .audition2024 .btn-primary { text-align: center; height: 60px; padding: 0; color: #fff;
    display: block; transition: all 0.3s ease-out; width: 100%; max-width: 300px;}
  .audition2024 .btn-primary:hover { transform: scale(1.1);}
    .audition2024 .btn-primary:disabled { background: #9A70B8; border-radius: 30px; }
    .audition2024 .btn-primary::after { display: none; }
    .audition2024 .countSpanWrapper { display: none; }
    .audition2024 .checkbox-wrap .checkbox-label::after { width: 22px;      height: 22px; top: 5px; left: 7.5px; margin: auto; border-radius: 5px;   margin-top: 0; background: #9A70B8; }
    .audition2024 .btn-primary { background: #9A70B8; }
    .audition2024 .form-sub-group .form-group::before,.audition2024 .form-sub-group .form-group::after{ display:none;}
    .audition2024 .contact_btmlink{text-decoration: underline; color:#E276B4!important;}
    .audition2024 .contact_btmlink:hover{text-decoration: none;}
@media screen and (max-width:986px) {
  .audition2024 .audition__header.mt100 { margin-top:50px;  }
  .audition2024 .txt160 { font-size: 80px;  }
}
@media screen and (max-width:786px) {
  .audition2024 .form-group__required { margin: 0 auto 0 10px;}
  .audition2024 .form-sub-group__text.telsubTxt { width: 100%; }
  .audition2024 .form-group .form-group__itemname {    width: 100%; padding-bottom: 10px;}
  .audition2024 .form-group .form-control { width: 100%; margin: 0;}
  .audition2024 .form-group .form-control +.form-sub-group { margin: 0;}
  .audition2024 .form-group .form-group__form-check-inner { margin: 0;}
  .audition-form .form-group .form-check { margin-right: 20px; }
}
@media screen and (max-width:568px) {
  .audition2024 .txt160 { font-size: 60px;}
  .audition2024 .audition__header.pt100 { padding-top: 20px;}
  .audition2024 .audition-form__step__list-item-wrap { max-width: 200px; margin: 0 auto; }
  .audition2024 .audition-form__step { margin: 20px auto 20px; gap: 4px;}
  .audition2024 .btn-primary:disabled { margin-bottom: 50px;}
  .audition2024 .form-group { padding: 10px 0;}
  .audition-form .form-group .form-check { margin-bottom: 5px;}
  .audition2024 .form-group .form-sub-group .form-group{ padding: 0;  } 
  .audition2024 .container {  padding: 0 0 20px 0;}
  
}
@media screen  and (max-width:480px) {
  .header.form { height: max-content; padding: 50px 0;}

}
@media screen  and (max-width:360px) {
  .audition2024 .audition__header .txt40 { font-size: 18px;}
  .audition2024 .audition-form__step__list-item-wrap .audition-form__step__list-item__L { width: 45px; height: 45px;}
}
/*-------------------------------------------------------------------
  confirm
------------------------------------------------------------------- */
#header.header.form {height: max-content; padding: 50px 0; }
.audition-form { background: white;}
.confirm-btn-wrap .btn-success,.confirm-btn-wrap .btn-secondary { width: 100%; background: #9A70B8; border-radius: 30px; height: 60px;}
.btn-complete { height: 60px; width: 100%;max-width: 300px; background: #9A70B8; border-radius: 30px;}
/*-------------------------------------------------------------------
  footer
------------------------------------------------------------------- */
.footer { padding: 50px 0 100px; background: rgb(255, 227, 229); background: linear-gradient(90deg, rgba(255, 227, 229, 1) 0%, rgba(233, 226, 247, 1) 100%);}
.footer__container.flex.jcSb.alCent { max-width: 1172px; margin: 0 auto;}
.footer__list { margin: 0 ;  padding: 0;}
.footer__list-item:not(:last-of-type) { padding-right: 30px;}
.footer__list-item:not(:first-of-type) { padding-left: 30px;}
.footer__list-item:not(:last-of-type)::after { content: ""; width: 1px; height: 24px; background-color: #222222; position: absolute; left: 100%; top: 50%; transform: translateY(-50%);}
@media screen and (max-width:1280px) {
  .footer { padding: 50px 30px 100px; }
}

@media screen and (min-width: 768px) {
  .footer__list-item:not(:last-of-type) {
    padding-right: 3rem;
  }
}
@media screen and (max-width:680px) {
  .footer__container.flex { -webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column; flex-direction: column;  gap: 20px;}
}
@media screen and (max-width:586px) {
  .footer__container.flex { -webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column; flex-direction: column;  gap: 20px;}
  .footer__lis.flex{ gap: 10px 0;}
  .footer__list-item:not(:first-of-type) { padding-left: 10px;}
  .footer__list-item:last-of-type { padding-left: 10px;}
  .footer__list-item:not(:last-of-type) { padding-right: 10px;}
  .footer__list-item:last-of-type {  padding-left: 10px;}
}
@media screen and (max-width: 390px) {
  .footer__list-item:last-of-type { padding-left: 0px;  }
}