/* Josh's Custom CSS Reset. https://www.joshwcomeau.com/css/custom-css-reset/ */
*,*::before,*::after{box-sizing:border-box;}
*{-moz-font-smoothing: grayscale;text-rendering: optimizelegibility;margin:0;padding:0;}
html,body{height:100%;}body{line-height:1.5;-webkit-font-smoothing:antialiased;}
img,picture,video,canvas,svg{display:block;max-width:100%;}
input,button,textarea,select{font:inherit;}
p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word;}
#root,#__next{isolation:isolate;}

/* Averaging Style */
ul li{list-style:none;}
iframe {border: none;}
summary{cursor: pointer;display: block;}
summary::-webkit-details-marker{display: none;}
a,a:hover{text-decoration:none;}
button{cursor: pointer;border:none;background:transparent;}
address{font-style: normal;}

.clearfix{display: block;}/*https://sdesignlabo.com/web/clearfix/*/
.clearfix:after {content: "";display: block;clear: both;}
.clearfix:before{content: "";display: block;clear: both;}
.fl_l{float: left;}
.fl_r{float:right;}

html {
  scroll-behavior: smooth;
  width: 100%;
  font-size: 62.5%;
  overflow: hidden;
--gutter_half:0.8rem;
}
body{
  overflow-x: hidden;
  overflow-y: scroll;
}
article{
position: relative;
max-width: 127.2rem;
margin: 0 auto 3.2rem;
padding: 12.0rem var(--gutter_half);
}
.article_h2,.article_p{
margin-bottom: 3.2rem;
--gutter_half:0.8rem;
padding: 0 var(--gutter_half);
line-height: 1.8;
}

article h3{
font-size: 2.4rem;
line-height: 1.47;
font-weight: 500;
}
@media (max-width : 519px) {
article h3{
font-size: 1.8rem;
}
}
.column_02,.column_03,.column_04,.column_06,.column_12{
    display: flex;flex-wrap: wrap;justify-content: flex-start;
}
.column_02 li,.column_03 li,.column_04 li,.column_06 li,.column_12 li{
    margin:0 var(--gutter_half) 1.6rem;
}
.column_02 li {width:calc(100% / 2 - var(--gutter_half) * 2);}
.column_03 li {width:calc(100% / 3 - var(--gutter_half) * 2);}
.column_04 li {width:calc(100% / 4 - var(--gutter_half) * 2);}
.column_06 li {width:calc(100% / 6 - var(--gutter_half) * 2);}
.column_12 li{width:calc(100% / 12 - var(--gutter_half) * 2);}

/*@media (max-width : 979px) {*/
@media (max-width : 519px) {
html {
--gutter_half:0.8rem;
}
article{
position: relative;
padding:0 var(--gutter_half);
}
.column_02 li,.column_03 li,.column_04 li,.column_06 li,.column_12 li{
    margin: 0 auto 1.6rem;
}
.column_02 li{width:calc(100% / 1 - var(--gutter_half) * 2);}
.column_03 li{width:calc(100% / 1 - var(--gutter_half) * 2);}
.column_04 li{width:calc(100% / 2 - var(--gutter_half) * 2);}
.column_06 li{width:calc(100% / 3 - var(--gutter_half) * 2);}
.column_12 li{width:calc(100% / 4 - var(--gutter_half) * 2);}
}

.fc_accent{color: #D6186C;}
.bg_gry{background: #f6fafb;}
.ta_c{text-align: center;}

.bg_v7com{position: relative;}
.bg_v7com::after{
content: "";
position: absolute;
top: 0;
left: calc(50% - 50vw - 60.0rem);
width: calc(100vw + 60.0rem);
height: 100%;
background: url("https://rsc-net.vocaloid.com/assets/image_files/79668373ad3d4fbcb289bce16a2ca81a/bg_common.jpg") no-repeat center center;
background-size: cover;
z-index: -1;
}
.bg_charcoal{
position: relative;
padding: 12.0rem 0!important;
color: #fff;
}
.bg_charcoal h2{
color: #fff;
}
.bg_charcoal::before{
content: "";
position: absolute;
top: 0;
left: calc(50% - 50vw - 60.0rem);
width: calc(100vw + 60.0rem);
height: 100%;
background: url("https://rsc-net.vocaloid.com/assets/image_files/c2a4c2db485450d1464a2b814679aa42/bg_voicebank_pc.jpg") no-repeat center center;
background-size: cover;
z-index: -1;
}
.bg_charcoal .notes{
border-top: 0.1rem solid #fff;
border-bottom: 0.1rem solid #fff;
padding: 1.6rem;
font-size: 1.2rem;
}
.bg_charcoal .notes li{
margin-bottom: 0.8rem;
}
.bg_charcoal a.more{
color: #cd2190;
}
.bg_charcoal a.more:hover{
opacity: 0.6;
}
@media (max-width : 519px) {
.bg_charcoal{
padding: 4.0rem 0.8rem!important;
}
.bg_charcoal .notes{
padding: 0.8rem;
font-size: 1.0rem;
}
.bg_charcoal .ta_c{
text-align: left!important;
}
.bg_charcoal h2.ta_c{
text-align: center!important;
}
}
.read_area{
position: relative;
padding-bottom: 3.2rem;
}
.read_area::before{
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 152%;
background: url("https://rsc-net.vocaloid.com/assets/image_files/2cb083408846919665ec869053805762/bg_player_enjoy_pc.jpg") no-repeat center -200px;
background-size: contain;
z-index: -1;
}
.read_area li:first-child{
width: calc(44% - 3.2rem);
margin: 0 1.6rem;
}
.read_area li:last-child{
width: calc(56% - 3.2rem);
margin: 0 1.6rem;
}
.read_area li lite-youtube{
width: 100%;
height: auto;
}
@media screen and (max-width: 768px) {
article.read_area{
margin-bottom: 1.6rem!important;
}
.read_area::before{
background-position: center 40px;
}
.read_area li:first-child{
width: 100%;
margin: 0 1.6rem 1.6rem;
}
.read_area li:last-child{
width: 100%;
margin: 0 1.6rem;
}
}
/*#asa_area笆ｼ笆ｼ笆ｼ*/
#asa_area .wp-block-button{
margin: 6.0rem auto;
}
#asa_area .column_02 .wp-block-button{
position: absolute;
right: 2.0rem;
min-width: 22.0rem;
margin: 0;
}
#asa_area .g6_headline{
font-size: 2.4rem;
font-weight: 500;
}
#asa_area ul.column_02{
padding-bottom: 3.2rem;
border-radius: 1.0rem;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);
}
#asa_area li{
position: relative;
}
#asa_area li.asa_movie::after{
content: "";
position: absolute;
top: 0;
right: -1.6rem;
width: 1.6rem;
height: 100%;
background: #fff;
}
#asa_area li{
padding: 3.2rem 2.4rem;
}
#asa_area section{
margin-top: 0;
margin-bottom: 3.2rem;
border-radius: 1.0rem;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);
}
.v7function{
padding: 0;
background: #fff;
}
.v7function section{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
position: relative;
height: calc(56.9rem / 2);
margin-bottom: 4.8rem;
padding: 1.6rem 2.4rem;
}
.v7function section div{
width: calc(100% - 37.9rem);
}
.v7function section p{
margin-top: 1.2rem;
line-height: 1.6;
}
.v7function section img{
position: absolute;
top: 0;
right: 0;
width: 37.9rem;
height: calc(56.9rem / 2);
border-radius: 0 1.0rem 1.0rem 0;
}
#asa_area .img_asa img{
width: 100%;
max-width: 31.0rem;
margin: 0 auto;
}
.category{
display: inline-block;
margin-bottom: 1.2rem;
padding: 0.3rem 1.2rem;
font-size: 1.4rem;
border: 0.1rem solid #cd2190;
color: #cd2190;
border-radius: 9999px;
}
#asa_area section.asa_exp{
margin: 2.4rem 0 3.2rem;
padding: 1.0rem 0 1.0rem 3.6rem;
border: 0.1rem solid #ddd;
border-left: 0.6rem solid #ddd;
border-radius: 0;
box-shadow: none;
}
@media screen and (max-width: 768px) {
#asa_area .img_asa::after{
position: static;
width: 100%;
}
.v7function section{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
position: relative;
height: auto;
margin-bottom: 2.4rem;
padding: 1.6rem 2.4rem;
}
.v7function section h3{
font-size: 1.6rem;
}
#asa_area .g6_headline{
font-size: 1.6rem;
}
.v7function section div{
order: 2;
width: 100%;
}
.v7function section img{
order: 1;
position: static;
width: 100%;
height: auto;
margin-bottom: 1.6rem;
border-radius: 0;
}
#asa_area .img_asa{
padding-top: 6.0rem;
padding-bottom: 0;
}
#asa_area .column_02{
  position: relative;
padding-bottom: 0;
}
#asa_area .column_02 li{
position: static;
}
#asa_area .column_02 h2{
position: absolute;
top: 1.6rem;
}
#asa_area .column_02 li:last-child{
padding-bottom: 0;
}
#asa_area .column_02 .wp-block-button{
position: static;
min-width: 22.0rem;
margin: 0 auto 0;
}
#asa_area section.asa_exp{
margin: 2.4rem 0 3.2rem;
padding: 1.0rem 0 1.0rem 0.8rem;
}
}
/*#asa_area笆ｲ笆ｲ笆ｲ*/


/*trial_editor_lite笆ｼ笆ｼ笆ｼ*/
article.g_container{
margin-bottom: 6.4rem;
}
.trial_editor_lite li{
padding: 2.4rem;
background-color: #F5F5F5;
}
.trial_editor_lite li h3{
margin-bottom: 1.8rem;
}
.editor_lite_check{
  margin: 2.4rem auto;
}
.bg_v7key{
background-image: url("img/bg_producer_kv_pc.jpg");
color: #000;
}
.wp_trial_head_link{
margin: 1.6rem auto 0.8rem;
}
@media print, only screen and (min-width: 768px) {
    .wp_trial_head_image {
        width: 44%;
        margin: 0;
    }
}
@media print, only screen and (min-width: 768px) {
    .wp_trial_head_content {
        padding: 0 2%;
        width: 56%;
    }
}
@media (max-width : 1024px){
.induction_pc {
  bottom: 0.4rem;
}
.induction_reopen {
  bottom: 0.8rem;
}
.induction_pc h3{
  margin-top: 0;
}
.induction_pc a{
  text-decoration:none;
}
.induction_pc ul li{
  list-style: none;
}
.wp_trial_head_button,.wp_trial_cta_button{
position: relative;
cursor: default;
pointer-events: none;
text-decoration: none;
background-color: #999;
color: #777;
}
.wp_trial_head_button::before,
.wp_trial_cta_button::before{
  content: "Send to PC";
  position: absolute;
  top: 1.2rem;
  left: 0;
  right: 0;
  background-color: rgba(0,0,0,0.5);
  font-size: 1.6rem;
  font-weight: 600;
color: #D6186C;
}
}
.wp_trial_head .wp_trial_head_link a{
font-size: 1.7rem;
}
.wp_trial_cta_button {
max-width: 32.0rem;
}
/*trial_editor_lite笆ｲ笆ｲ笆ｲ*/

/*#voice_sample笆ｼ笆ｼ笆ｼ*/
#voice_sample .g6_headline{
margin-bottom: 2.4rem;
}
#voice_sample .column_03{
margin-top: 4.8rem;
margin-bottom: 3.2rem;
}
#voice_sample .column_03 li{
padding: 2.4rem;
background-color: #fff;
border: 0.1rem solid #c0c0c0;
border-radius: 0.8rem;
}
#voice_sample .vb_product_name{
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
align-items: center;
margin-bottom: 0.8rem;
}
#voice_sample .vb_product_name img{
width: 12.0rem;
margin-bottom: 1.2rem;
}
#voice_sample .vb_product_name h3{
width: calc(100% - 12.0rem);
padding: 0 1.2rem;
font-size: 2.0rem;
color: #000;
}
#voice_sample ul.sounds_list li{
width: 100%;
margin: 0 0 1.2rem;
padding: 0;
line-height: 1.2!important;
border: none;
}
#voice_sample ul.sounds_list li a{
cursor: pointer;
display: inline-block;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
width: 100%;
padding: 0.6rem 0.9rem;
border: 0.1rem solid #ffffff;
border-radius: 0.8rem;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06); 
transition: transform 0.24s ease, box-shadow 0.24s ease;
}
#voice_sample ul.sounds_list li a:hover {
border: 0.1rem solid #cd2190;
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.08);
}
#voice_sample ul.sounds_list li p:hover{
color: #cd2190;
}
#voice_sample ul.sounds_list li p{
display: inline-block;
width: calc(100% - 3.6rem);
margin-left: 0.8rem;
}
.js_voicebank_item_link{display: inline-block;}
.wp_play_icon {width: 2.8rem;height: 2.8rem;}
.wp_play_icon svg {width: 2.8rem;height: 2.8rem;}

.wp_play_icon .wp_play_icon_circle,
.wp_play_icon .wp_play_icon_play {
fill: #000000;
}
.js_palying .wp_play_icon .wp_play_icon_circle,
.wp_play_icon .wp_play_icon_pause{
fill: #ffffff;
}
.js_palying{
background: linear-gradient(90deg, #c92a6e 0%, #c8329b 50%, #b835e5 100%);
}
.js_palying p{
color: #fff!important;
}
.js_palying p:hover{
color: #fff!important;
}
#voice_sample .wp-block-button{
margin: 0 auto;
}
@media (max-width : 519px) {
#voice_sample .column_03 li{
width:calc(100% / 2 - var(--gutter_half) * 2);
margin: 0.8rem auto;
padding: 1.6rem 0.8rem 0.8rem;
border: none;
}
#voice_sample .vb_product_name img{
width: 12.0rem;
margin: 0 auto 0.6rem;
}
#voice_sample .vb_product_name h3{
width: 100%;
padding: 0;
font-size: 1.4rem;
text-align: center;
}
#voice_sample p.ta_c{
text-align: left;
}

}
/*#voice_sample笆ｲ笆ｲ笆ｲ*/




/* enjoy_hero笆ｼ笆ｼ笆ｼ */
#enjoy_hero{
width: 100%;
max-width: 100%;
height: 61.0rem;
margin-bottom: 0;
padding: 0;
background: url("https://www.vocaloid.com/wp-content/uploads/2026/10/bg_player.jpg") center / cover no-repeat;
}
#enjoy_hero .inner{
position: relative;
width: 100%;
max-width: 144.0rem;
min-width: 127.2rem;
height: 61.0rem;
margin: 0 auto;
background: url("https://www.vocaloid.com/wp-content/uploads/2026/10/bg_player_tx.png") center / cover no-repeat;
}
#enjoy_hero .logo{
position: absolute;
top: calc(50% - 6.0rem);
right: 4.8rem;
width: 100%;
max-width: 50.0rem;
height: 12.0rem;
z-index: 9;
}
#enjoy_hero ul{
display: flex;
flex-wrap: wrap;
filter: invert(100%);
margin-top: 2.4rem;
}
#enjoy_hero ul li{
width: 4.6rem;
}
#enjoy_hero .wap_character{
position: absolute;
bottom: 0;
left: 0;
max-width: 76.0rem;
height: auto;
}
@media (max-width : 519px) {
#enjoy_hero .inner{
min-width: 100%;
}
#enjoy_hero{
height: 46.0rem;
}
#enjoy_hero .inner{
min-width: 100%;
height: 46.0rem;
}
#enjoy_hero .logo{
top: 5.4rem;
left: 0;
right: 0;
width: 80%;
margin: 0 auto;
}
}
/*enjoy_hero笆ｲ笆ｲ笆ｲ*/
/*#judges笆ｼ笆ｼ笆ｼ*/
#judges .wp_newfeature_suppl{
margin-bottom: 6.0rem;
font-size: 1.8rem;
}
#judges .column_04{
  max-height: 52.0rem;
  transition:max-height 1.2s cubic-bezier(0.4, 0, 0.2, 1);
  will-change: max-height;
  overflow: hidden;
}
#judges #eng{
  max-height: 48.0rem;
}
#judges #more_toggle:checked ~ .column_04 {
  max-height: 640.0rem;
}
#judges .column_04 img{
  display: block;
  width: 54%;
  margin: 0 auto;
aspect-ratio: 1/1;
object-fit:cover
}

#judges .column_04 li:nth-child(n+5) {
  display: none;
}
#judges #more_toggle:checked ~ .column_04 li:nth-child(n+5) {
  display: block;
}
#judges .txt_close {
  display: none;
}
#judges #more_toggle:checked ~ .bt_more .txt_more {
  display: none;
}
#judges #more_toggle:checked ~ .bt_more .txt_close {
  display: inline;
}
#judges .bt_more i {
  transition: transform 0.24s ease;
}
#judges #more_toggle:checked ~ .bt_more i {
  transform: rotate(180deg);
}

@media screen and (max-width: 768px) {
#judges .column_04{
  max-height: 242.0rem;
}
#judges .column_04 h3{
  text-align: center;
}
#judges .column_04 img{
  width: 50%;
  margin: 0 auto;
}
#judges .column_04 li {
    display: block;
  }
#judges .column_04 li:nth-child(n+5) {
  display: block;
}
#judges .column_04 li:nth-child(n+6) {
    display: none;
  }
}

#judges{
position: relative;
  text-align: center;
  padding-bottom: 6.8rem;
}
#judges::before{
content: "";
position: absolute;
top: 0;
left: calc(50% - 50vw - 60.0rem);
width: calc(100vw + 60.0rem);
height: 100%;
background:#f6fafb;
z-index: -1;
}

#judges li{
  margin-bottom: 1.6rem;
  text-align: left;
}
#judges p{
  margin-top: 0!important;
  line-height: 1.4;
}
#judges li:nth-of-type(5) p:first-of-type,
#judges li:nth-of-type(6) p:first-of-type,
#judges li:nth-of-type(7) p:first-of-type,
#judges li:nth-of-type(8) p:first-of-type{
  height: 32.0rem;
}
#judges #eng li:nth-of-type(4) p:first-of-type,
#judges #eng li:nth-of-type(5) p:first-of-type,
#judges #eng li:nth-of-type(6) p:first-of-type,
#judges #eng li:nth-of-type(7) p:first-of-type,
#judges #eng li:nth-of-type(8) p:first-of-type{
  height: 42.0rem;
}
#judges li:nth-of-type(9) p:first-of-type,
#judges li:nth-of-type(10) p:first-of-type{
  height: 18.0rem;
}
#judges strong{
  display: block;
}
#judges .fs_10{
  font-size: 1.0rem;
  letter-spacing: -0.1rem;
}
@media (max-width: 768px) {
#judges{
padding-top: 3.6rem;
margin-bottom: 0;
}
#judges p:first-of-type,
#judges li:nth-of-type(5) p:first-of-type,
#judges li:nth-of-type(6) p:first-of-type,
#judges li:nth-of-type(7) p:first-of-type,
#judges li:nth-of-type(8) p:first-of-type,
#judges li:nth-of-type(9) p:first-of-type,
#judges li:nth-of-type(10) p:first-of-type{
  height: inherit;
}
}
#judges p{
  margin-top: 0.8rem;
  font-size: 1.4rem;
}
/*#judges笆ｲ笆ｲ笆ｲ*/

/* specs笆ｼ笆ｼ笆ｼ */
.table-container {
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  margin-bottom: 24px;
}
.vocaloid-table {
  width: 100%;
  min-width: 123.2rem;
  border-collapse: collapse;
table-layout: fixed;
}
.vocaloid-table th:first-child,
.vocaloid-table td:first-child {
  width: 16.6rem;
vertical-align: middle;
}
.vocaloid-table th:last-child,
.vocaloid-table td:last-child {
  border-right: 1px solid #e0e0e0;
}
.vocaloid-table th,
.vocaloid-table td {
  padding: 1.6rem 1.2rem;
  vertical-align: top;
  box-sizing: border-box;
  border: 0.1rem solid #e0e0e0;
}

.choice_v a{
display: block;
width: 100%;
max-width: 19.0rem;
padding: 0.8rem 1.6rem;
text-align: center;
background-color: #1E1E1E;
color: #fff;
}
.choice_v a:hover{
opacity: 0.7;
}
/* specs笆ｲ笆ｲ笆ｲ */

/* buy笆ｼ笆ｼ笆ｼ */
.sale_price{
  color: #D6186C;
  font-size: 1.2rem;
  line-height: 1.3;
  font-weight: 600;
}
.sale_price s{
  display: block;
  font-size: 1.8rem;
  color: #000;
}
.sale_price strong{
  margin-right: 1.0rem;
  font-size: 4.0rem;
  line-height: 1.0;
  font-weight: 500;
}
.sale_price strong.eng{
  display: block;
}
.sale_price span{
  font-size: 1.8rem;

}
@media (max-width : 769px){
.sale_price span{
  display: block;
}
.sale_price span.inline_en{
  display: inline;
}
}
/* buy笆ｲ笆ｲ笆ｲ */
/* voicebank marquee笆ｼ笆ｼ笆ｼ*/
#voicebank{
  position: relative;
  width: 100%;
  max-width: 123.2rem;
  margin: 0 auto;
  padding: 0 0.8rem 4.8rem;
}
@media (max-width : 769px){
#voicebank{
  left: 0;
  margin-top: 0;
  margin-bottom: 0;
  padding: 0 1.6rem;
}
}
.marquee {
  box-sizing: border-box;
  position: relative;
  left: calc(50% - 50vw);
  width: 100vw;
  overflow: hidden;
}
.marquee-content_left {
  display: flex;
  width: max-content;
  margin: 0.4rem auto 1.4rem;
  animation: scroll-left 36s linear infinite;
}
.marquee-content_right {
  display: flex;
  width: max-content;
  margin-bottom: 1.6rem;
  animation: scroll-right 36s linear infinite;
}
@keyframes scroll-left {
  from {transform: translateX(0);}
  to {transform: translateX(-50%);}
}
@keyframes scroll-right {
  from {transform: translateX(-50%);}
  to {transform: translateX(0);}
}
.marquee img {
  border: 0.3rem solid #fff;
  width: 14.0rem;
  height: 14.0rem;
  margin-right: 1.2rem;
  background-color: #eee;
  object-fit: cover;
}
.marquee a:hover{
  opacity: 0.8;
  filter: contrast(110%);
}
.marquee a:hover img {
  border: 0.3rem solid #d6186c;
  border-radius: 0.1rem;
  transform: scale(104%);
  transition: all 0.48s;
}
.marquee-content_left:hover,
.marquee-content_right:hover {
  animation-play-state: paused;
  transition:all 0.48s ease;
}
@media (max-width : 1232px){
.marquee{left: -2%;}
}
@media (max-width : 769px){
.marquee{left: -1.8rem;}
.marquee img {
  width: 10.0rem;
  height: 10.0rem;
  margin-right: 0.4rem;
}
.marquee a:hover{
  opacity: 1.0;
}
.marquee a:hover img {
  border: 0.3rem solid #fff;
  transform: none;
  transition: none;
}
.marquee-content_left {
  margin: 0 0 0.6rem;
  animation: scroll-left 36s linear infinite;
}
.marquee-content_right {
  margin: 0 0 1.4rem;
  animation: scroll-right 36s linear infinite;
}
.marquee-content_left:hover,
.marquee-content_right:hover {
  animation-play-state: inherit;
}
}
/* voicebank marquee笆ｲ笆ｲ笆ｲ */
/*.character_voice笆ｼ笆ｼ笆ｼ*/
.character_voice{
display: flex;
flex-wrap: wrap;
}
.character_voice .editor_vision{
width: 68.0rem;
}
.character_voice .fade-container {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  width: calc(100% - 68.0rem);
  max-width: 34.0rem;
  height: auto;
  margin: 0 auto;
  overflow: hidden;
}
.fade-item {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  overflow: hidden;
  opacity: 0;
  will-change: opacity, transform;
  animation: switchWithoutOverlap 25s linear infinite;
}
.fade-image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
@media (max-width : 519px) {
#enjoy_first h2.g6_headline,
#someone_sing h2.g6_headline{
margin-top: 2.4rem;
}
  .character_voice .editor_vision,
  .character_voice .fade-container {
    width: 100%;
  }
}
.item-1 { animation-delay: 0s; }
.item-2 { animation-delay: 5s; }
.item-3 { animation-delay: 10s; }
.item-4 { animation-delay: 15s; }
.item-5 { animation-delay: 20s; }
@keyframes switchWithoutOverlap {
  0% {opacity: 0;
    transform: scale(0.96);
    visibility: hidden;}
  4% {opacity: 1;
    transform: scale(1);
    visibility: visible;}
  16% {opacity: 1;
    transform: scale(1);
    visibility: visible;}
  20% {opacity: 0;
    transform: scale(1.04);
    visibility: hidden;}
  100% {opacity: 0;
    transform: scale(1.04);
    visibility: hidden;}
}
.character_voice .g6_headline{
margin-bottom: 2.4rem;
}
.character_voice .v7function section div{
width: 100%;
}
.character_voice .v7function section {
    position: relative;
    height: auto;
    margin-bottom: 4.8rem;
    padding: 1.6rem 2.4rem;
    border-radius: 1.0rem;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);
}
.character_voice .v7function section::after{
content: "\f063";
position: absolute;
left: 48%;
bottom: -4.4rem;
margin: 0 auto;
font-family: 'Font Awesome 7 Free';
font-size: 2.4rem;
font-weight: 600;
}
.character_voice .v7function section:last-child:after{
content: "";
}
.character_voice .v7function section a{
display: block;
text-decoration: underline;
margin: 1.2rem 0 0;
}
.character_voice .v7function section a:hover{
text-decoration: none;
}
h3.step{
margin-bottom: 3.2rem;
padding: 0.8rem 0;
background: #fff;
border: 0.1rem solid #cd2190;
text-align: center;
border-radius: 9999px;
}
@media (max-width : 519px) {
.character_voice .fade-container {
order: 1;
height: 36.0rem;
margin-top: 8.4rem;
margin-bottom: 1.6rem;
border: 0.1rem solid #888;
}
.editor_vision{
order: 2;
}
.character_voice .g6_headline{
position: absolute;
top: 0;
width: calc(100% - 3.2rem);
font-size: 1.7rem;
}
.character_voice .article_p{
position: absolute;
top: 3.2rem;
width: 100%;
padding: 0;
}
.character_voice .wp-block-button{
margin: 0 auto;
}
}
/*.character_voice笆ｲ笆ｲ笆ｲ*/
/*.illust_indeitor笆ｼ笆ｼ笆ｼ*/
.illust_indeitor{
margin-bottom: 0;
}
.illust_indeitor li:last-child{
display: flex;
flex-wrap: wrap;
align-items: center;
padding: 0 0 0 4.8rem;
}
.illust_indeitor li:last-child h2,
.illust_indeitor li:last-child p{
width: 100%;
margin-bottom: 1.6rem;
}
@media (max-width : 519px) {
.illust_indeitor li:first-child{
order: 2;
margin-bottom: 3.2rem;
}
.illust_indeitor li:last-child{
order: 1;
margin: 2.4rem 0 0;
padding: 0 1.6rem;
}
}
/*.illust_indeitor笆ｲ笆ｲ笆ｲ*/
/*#someone_sing笆ｼ笆ｼ笆ｼ*/
#someone_sing .wp-block-button{
margin: 1.6rem auto;
}
#someone_sing li:last-child{
display: flex;
flex-wrap: wrap;
align-items: center;
}
@media (max-width : 519px) {
#someone_sing li:first-child{
order: 2;
}
#someone_sing li:last-child{
order: 1;
margin: 2.4rem auto 0;
}
}/*#someone_sing笆ｲ笆ｲ笆ｲ*/

/*v7hero笆ｼ笆ｼ笆ｼ*/
.wp_front_voicebank_library{margin-bottom:12.0rem;}
.wp_voicebank_item_title span::before{
  content: "- ";
}
@media (max-width : 769px){
.wp_voicebank_item_title span{display: block;
}
.wp_voicebank_item_title span::before{
  content: "";
}
}
.wp_feature_head_icon picture img{
filter: brightness(2);
}
.wp_feature_head_image {
  width: 100%;
  overflow: hidden;
}
.wp_feature_head_image picture {
  display: block;
  width: 100%;
  height: 100%;
}
.wp_feature_head_image img {
  display: block;
  width: 100%;
  height: 600px;
  max-height: 92.0rem;
  object-fit: cover;
object-position: center 40%;
  object-position: center 60%;
}
@media screen and (min-width: 1600px) {
.wp_feature_head_image img {
  height: 100%;
}
}
.wp_feature_head_content {
display: flex;
flex-wrap: wrap;
justify-content: center;
position: absolute;
top: 50%;
left: 0;
right: 0;
margin: 0 auto;
padding: 0;
z-index: 1;
}
.wp_feature_head_info{
justify-content: center;
gap: 0.8rem;
}
.catchphrase{
display: flex;
flex-wrap: wrap;
align-items: center;
}
.catchphrase h2.g6_headline{
margin: 0 auto 1.6rem;
font-weight: 500;
}
@media screen and (max-width: 768px) {
.wp_feature_head_content{
position: absolute;
top: 44%;
}
.wp_feature_head{
padding-bottom: 0;
}
.wp_feature_head_image{
margin-bottom: 0;
}
.wp_action{
margin-top: 0;
}
.first h2{
margin-top: 3.2rem!important;
}
.catchphrase h2{
font-size: 2.6rem;
margin-bottom: 0;
text-align: center;
}
}
/*v7hero笆ｲ笆ｲ笆ｲ*/
/*enjoy笆ｼ笆ｼ笆ｼ*/
.img_enjoy_pc{
margin: 3.6rem auto 0;
}
.img_enjoy_mobi{
display: none;
margin: 2.4rem auto 0;
}
@media (max-width : 519px) {
.img_enjoy_pc{
display: none;
}
.img_enjoy_mobi{
display: block;
margin: 1.6rem auto 0;
}
}
/*enjoy笆ｲ笆ｲ笆ｲ*/
/*#features笆ｼ笆ｼ笆ｼ*/
#features{
padding-top: 4.8rem;
padding-bottom: 0;
}
#features .wp_newfeature_suppl{
margin-bottom: 4.8rem;
}
#features .column_03{
margin-bottom: 3.6rem;
}
#features li{
border: 0.1rem solid #eee;
/*background: linear-gradient(to left, #f6f6f6 0%, #ecf0f3 100%);*/
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.04),0 1px 3px rgba(0, 0, 0, 0.02);
margin-bottom: 3.6rem;
padding: 4.8rem 2.4rem;
border-radius: 0.8rem;
}
#features img{
width: 15.0rem;
height: 15.0rem;
margin: 0 auto 2.4rem;
}
#features h3{
text-align: center;
margin-bottom: 1.6rem;
}
#features h3 span{
display: block;
}
#features .wp-block-button{
margin: 0 auto;
}
@media (max-width : 519px) {
#features{
padding-top: 0;
}
#features .wp_newfeature_suppl{
margin-bottom: 2.4rem;
}
#features li{
display: flex;
flex-wrap: wrap;
align-items: center;
margin-bottom: 1.6rem;
padding: 2.4rem 1.6rem 2.0rem;
}
#features img{
width: 11.0rem;
height: 11.0rem;
margin: 0;
margin-right: 1.6rem;
}
#features div{
width: calc(100% - 11.0rem - 1.6rem);
}
#features h3{
text-align: left;
margin-bottom: 0.4rem;
font-size: 1.6rem;
}
#features h3 span{
display: inline;
}
}
/*#features笆ｲ笆ｲ笆ｲ*/