@import url(https://fonts.googleapis.com/css?family=Suranna);
@import url(https://fonts.googleapis.com/css?family=Lato:400,400italic,700italic,700);

.tb {
   display: none;
}

.g_header .g_navi-sub .g_navi-item-reserve {
   display: none !important;
}

.main_content-welcome .mainvisual-welcome {
   background-image: none;
   height: auto !important;
}

.main_content-welcome .btn_util.btn_util-square,
.main_content-welcome a.btn_util.btn_util-square {
   width: 350px;
   height: 60px;
   line-height: 60px;
   padding: 0;
   letter-spacing: 0.15em;
}

.main_content-welcome .sub_content_title {
   font-size: 2.3rem;
   padding-bottom: 20px;
}

.main_content-welcome .mainvisual-welcome-h1 {
   position: absolute !important;
   left: 0;
   padding-left: 10%;
}

.main_content-welcome .mainvisual-welcome-h1 a {
   display: block;
   width: 250px;
   margin: 40px auto;
}

.main_content-welcome .mainvisual-welcome-h1 h1,
.mainvisual-welcome-h1-sub {
   color: #fbc400;
   padding: 0;
}

.mainvisual-welcome-h1-sub {
   color: #242424;
}

.main_content-welcome .mainvisual-welcome-h1 h1 {
   font-size: 40px;
   line-height: 1em;
}

.main_content-welcome .mainvisual-welcome-h1 h1:after {
   color: #fbc400;
   border-bottom: 2px solid #fbc400 !important;
   display: none;
   padding: 0;
}

.mainvisual__img {
   position: relative;
}

.mainvisual__img img {
   width: 100%;
}

.mainvisual__img .mainvisual__img__pc {
   max-width: 1600px;
   margin: 0 auto;
}

.summer2021-circle {
   position: absolute;
   width: 180px;
   bottom: 30px;
   right: 30px;
}

@media screen and (max-width: 599px) {
   .summer2021-circle {
      width: 85px;
      top: 10px;
      right: 10px;
   }

   .main_content .mainvisual-h1.mainvisual-welcome-h1 {
      top: 25% !important;
      transform: translateY(-18%) !important;
   }

   .main_content .mainvisual-h1.mainvisual-welcome-h1 h1 {
      font-size: 3.2rem;
      letter-spacing: 0.6rem;
   }

   .main_content
      .mainvisual-h1.mainvisual-welcome-h1
      .mainvisual-welcome-h1-sub {
      font-size: 1.3rem;
      letter-spacing: 0.2rem;
      /* line-height: 2rem; */
   }
}

#corona-infection-countermeasures {
   position: absolute;
   background-image: url(../images/welcome/info-icon.svg);
   background-repeat: no-repeat;
   background-size: 20px;
   background-position: 10px 7px;
   bottom: 30px;
   left: 0;
   right: 0;
   display: inline-block;
   width: 252px;
   margin: 0 auto;
   text-align: center;
   background-color: #fff;
   padding: 6px 20px 5px 35px;
   border-radius: 5px;
   font-size: 1.4rem;
   text-decoration: none !important;
}

.inner {
   width: 90%;
   max-width: 960px;
   margin: 0 auto;
   padding: 0 0 100px;
}

section {
   text-align: center;
   font-size: 1.3rem;
}

section h2.sub_content_title {
   margin-bottom: 20px;
   padding-bottom: 30px;
   letter-spacing: 0.1em;
   line-height: 1.6;
}

.sub_content_title.sub_content_title-alt:after {
   border-bottom: 2px solid #fc3 !important;
}

section h2.sub_content_title:after {
   content: '';
   display: block;
   width: 37px;
   position: absolute;
   bottom: -2px;
   left: 50%;
   border-bottom: 2px solid #fc3;
   transform: translateX(-50%);
}

.main_content-welcome section h2.sub_content_title span {
   font-family: 'Helvetica Neue', 'acumin-pro', Helvetica, 'arial-nova',
      '游ゴシック', YuGothic, 'Yu Gothic', '游ゴシック体',
      'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'Hiragino Sans',
      'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo !important;
   font-size: 2rem;
   margin-bottom: 0;
   font-weight: 300;
   letter-spacing: 0.12em;
}

section h2 span:after {
   content: '\A';
   white-space: pre;
}

.s-text {
   font-size: 80%;
}

.yellow {
   color: #fc3;
}

.blue {
   color: #3983ee;
}

.back-yellow {
   background: #fc3;
}

.back-blue {
   background: #3983ee;
}

.flex {
   display: flex;
   flex-wrap: nowrap;
   justify-content: space-between;
   margin-top: 20px;
}

.flex-start {
   justify-content: flex-start;
   align-items: flex-start;
   margin-top: 0;
}

.flex-center {
   justify-content: center;
   align-items: center;
}

.flex-baseline {
   align-items: baseline;
}

.flex-reverse {
   flex-direction: row-reverse;
}

.inner__title {
   font-size: 2.5rem;
   position: relative;
}

.inner__title:after {
   content: '';
   display: block;
   width: 50px;
   position: absolute;
   bottom: -30px;
   border-bottom: 2px solid #fbc400;
   left: 50%;
   -webkit-transform: translateX(-50%);
   transform: translateX(-50%);
}

.inner__title span {
   display: inline-block;
   font-size: 2rem;
   margin: 0 5px;
}

.flex__text {
   text-align: left;
   font-size: 1.8rem;
   margin: 0 auto;
   width: 30%;
}

.flex-reverse .flex__text {
   width: 30%;
}

/*スタジオ・オンライン特長*/

.studio-online {
   position: relative;
   margin-top: 60px;
   height: 900px;
}

.studio-online .studio-online-merit {
   position: absolute;
   z-index: 2;
   top: -23px;
   left: 0;
   right: 0;
   background: #ffcc32;
   color: #fff;
   width: 45%;
   padding: 5px;
   font-size: 2rem;
   margin: 0 auto !important;
}

.studio-online__img img {
   width: 100%;
}

.studio-online .flex__studio-online {
   position: absolute;
   top: 280px;
   width: 100%;
}

.studio-online .flex__studio-online .flex__item {
   width: 47%;
   margin: 0 auto;
}

.studio-online .flex__studio-online .flex__item .text {
   background: #fff;
   padding: 50px 0;
   box-shadow: 0px 0px 2px 2px rgb(191 190 188 / 15%);
}

.studio-online .flex__studio-online .flex__item .text .text__inner {
}

.studio-online
   .flex__studio-online
   .flex__item
   .text
   .text__inner
   .text__inner-header
   .futura {
   font-weight: 400;
   font-size: 2.5rem;
   letter-spacing: 2px;
   margin: 0 0 -15px 0 !important;
}

.studio-online .flex__studio-online .flex__item .text .text__inner .point {
   margin-top: 20px;
   position: relative;
}

.studio-online
   .flex__studio-online
   .flex__item
   .text
   .text__inner
   .text__inner-header {
   position: relative;
}

.studio-online
   .flex__studio-online
   .flex__item
   .text
   .text__inner
   .text__inner-header:after {
   content: '';
   display: block;
   width: 70px;
   position: absolute;
   bottom: -2px;
   left: 50%;
   transform: translateX(-50%);
}

.studio-online
   .flex__studio-online
   .flex__item
   .text
   .text__inner
   .point-yellow:after {
   border-bottom: 1px solid #fc3;
}

.studio-online
   .flex__studio-online
   .flex__item
   .text
   .text__inner
   .point-blue:after {
   border-bottom: 1px solid #3983ee;
}

.studio-online
   .flex__studio-online
   .flex__item
   .text
   .text__inner
   .point
   .point__no-img {
   width: 20%;
   margin: 30px auto 0px;
}

.studio-online
   .flex__studio-online
   .flex__item
   .text
   .text__inner
   .point
   .point__no-img
   img {
   width: 100%;
}

.studio-online
   .flex__studio-online
   .flex__item
   .text
   .text__inner
   .point
   .point__text {
   line-height: 2.8rem;
   margin-top: 0px !important;
}

.studio-online .flex__studio-online .flex__item .text .text__inner span {
   font-weight: bold;
}

#appeal {
   background: #f6f6f6;
}

#appeal .appeal_img {
   width: 50%;
}

#appeal .appeal_img img {
   width: 100%;
}

#appeal .flex {
   margin-top: 80px;
   align-items: end;
}

/* #appeal .appeal__wrap .flex:nth-child(odd) .flex__text {
   margin: 0 0 0 auto;
}

#appeal .appeal__wrap .flex:nth-child(even) .flex__text {
   margin: 0 auto 0 0;
} */

#appeal .appeal__no-img {
   width: 20%;
}

#appeal .appeal__no1-img {
   width: 18%;
}

#appeal .appeal__no-img img {
   width: 100%;
}

#appeal .flex .appeal_img .appeal_attention {
   text-align: left;
}

/*キャンペーン*/
.first_time {
   background-image: url(../images/common/ico-begginer-d.png);
   background-repeat: no-repeat;
   background-size: 30px;
   background-position: 0px 18px;
   border: none;
   height: 70px;
   line-height: 70px;
   text-align: left;
   padding: 0 0 0 42px;
   font-size: 4rem;
   margin-bottom: 10px;
}

.price1000 {
   color: #fbc400;
   font-weight: 400 !important;
   font-size: 10rem;
}

.yen,
.tax {
   font-size: 4rem;
   font-weight: 700;
}

.tax {
   font-size: 2rem;
}

.trial2__attention {
   margin: 0 0 30px 0;
}

/**flow_theday**/

#flow_theday {
   background: #fff;
}

#flow_theday .inner {
   padding-bottom: 60px;
}

.contents-block-dayflow-prepare {
   border: #5c5c5c 1px solid;
   border-radius: 3px;
   display: -ms-flexbox;
   display: flex;
   -ms-flex-pack: center;
   -ms-flex-align: center;
   align-items: center;
   margin-bottom: 40px;
   font-weight: bold;
   color: #242424;
   font-size: 110%;
   letter-spacing: 0.15em;
}

.contents-block-dayflow-prepare-title {
   width: 300px;
   padding: 10px;
   margin-right: 20px;
   background-color: #eeeeee;
   text-align: center;
}

.contents-block-dayflow-prepare-list {
   padding: 10px;
   width: 100%;
}

.list_dayflow {
   display: flex;
   flex-wrap: wrap;
   justify-content: space-between;
}

.list_dayflow_li {
   width: calc((100% - 150px) / 3);
   text-align: left;
   position: relative;
   background-image: url(/assets/images/welcome/arrow_flow.svg);
   background-repeat: no-repeat;
   -webkit-background-size: 12px;
   background-size: 12px;
   background-position: right 15px top 45%;
   margin-bottom: 30px;
   overflow: hidden;
}

.list_dayflow_li:last-child {
   background-image: none;
}

.list_dayflow_li:last-child .img_flow_theday {
   margin-right: 20px;
}

.list_dayflow_li:last-child h3 {
}

.list_dayflow_li h3,
.list_dayflow_li .list_dayflow_text h3 {
   font-weight: bold;
   color: #242424;
   font-size: 18px;
   margin-bottom: 20px;
}

.list_dayflow_li .list_dayflow_text h3 {
   margin-bottom: 15px;
}

.list_dayflow_li .list_dayflow_text {
   flex: 1;
}

.img_flow_theday {
   width: 270px;
}

.img_flow_theday img {
   width: 100%;
}

.list_dayflow_li_inner {
   width: 100%;
   margin: 0 auto;
   display: flex;
   flex-wrap: wrap;
   padding-top: 25px;
   box-sizing: border-box;
}

.list_dayflow_li .list_dayflow_li_inner p {
   padding-left: 0;
   width: auto;
   margin-right: 10px;
}

.text_shopping {
   width: 45%;
   padding-top: 30px;
}

.bring {
   background-image: none;
   width: 70%;
   margin: 0 auto;
   background-color: #f6f3ee;
   box-sizing: border-box;
   padding: 10px;
}

.bring .list_dayflow_li_inner {
   align-items: center;
   flex-wrap: nowrap;
   padding: 0;
}

.bring .list_dayflow_li_inner .list_dayflow_li_inner__title {
   width: 300px;
   text-align: center;
   font-weight: bold;
   font-size: 1.8rem;
}

.bring .list_dayflow_li_inner .img_flow_theday {
   text-align: center;
   font-weight: bold;
}

.bring .text_shopping {
   width: 100%;
   background: #fff;
   padding: 20px 30px;
   font-size: 1.4rem;
}

.bring .text_shopping .flex {
   font-size: 1.8rem;
   font-weight: bold;
   margin-bottom: 10px;
}

.attention {
   text-align: left;
   width: 400px;
   margin: 0 auto;
   font-size: 1.4rem;
}

.banner__box {
   margin-bottom: 30px;
}

.banner__box a {
   width: calc((100% - 10px) / 2);
}

.banner__box .banner__box__item {
   /* width: calc((100% - 70px)/2); */
   width: 63%;
   margin: auto;
}

.banner__box img {
   width: 100%;
}

/*キャンペーンバナー*/

#campaign {
   background: #fff !important;
   margin-top: 0 !important;
   padding-bottom: 50px !important;
}

#campaign .inner {
   padding: 0;
}

#campaign .flex {
   justify-content: center;
}

.campaign__box {
   /* width: calc((100% - 10px)/2); */
   /* background: #f3efe9; */
   /* flex-wrap: nowrap; */
   /* align-items: center; */
   /* padding: 30px; */
   max-width: 70%;
   margin: 80px auto 0;
}

.campaign__box::after {
   display: none;
}

.campaign__box img {
   width: 100%;
}

.campaign__box p {
   color: #242424;
   margin-bottom: 15px;
   font-weight: bold;
   text-align: center;
   position: relative;
   line-height: 2.5rem;
   letter-spacing: 0;
}

.campaign__box p:after {
   content: '';
   display: block;
   width: 50px;
   position: absolute;
   bottom: -20px;
   border-bottom: 2px solid #fbc400;
   left: 50%;
   -webkit-transform: translateX(-50%);
   transform: translateX(-50%);
}

.campaign__box a {
   width: 100%;
}

/**btn_taiken**/

.page_welcome_index main .main_content-welcome a.btn_taiken {
   background-color: #d65d47;
   background-image: url(../images/common/ico-begginer-d.png);
   background-repeat: no-repeat;
   background-position: 20px 23px;
   color: #fff;
   border: none;
   height: 70px;
   line-height: 70px;
   padding: 0 0 0 30px;
   font-size: 110%;
   margin-bottom: 10px;
   width: 400px;
}

.page_welcome_index main .main_content-welcome a.btn_taiken.-alt {
   background-position: 40px 23px;
   font-size: 1.4rem;
   letter-spacing: 0.2rem;
}

.trial-campaign-banner {
   width: 700px;
   margin-left: auto;
   margin-right: auto;
}

.trial-campaign-banner img {
   width: 100%;
}

/**about**/

#about {
   background-color: #f9f5eb;
   padding: 60px 0;
}

#about img {
   width: 100%;
}

#about .small {
   margin-top: 80px;
}

.mainvisual-welcome-h1 .vs-oconavirus {
   display: block;
   width: 400px;
   margin-top: 60px;
   margin-left: auto;
   margin-right: auto;
}

.mainvisual-welcome-h1 .vs-oconavirus img {
   width: 100%;
}

.logo_about {
   margin-top: 100px;
   width: 100px;
}

#about .text {
   font-size: 125%;
   line-height: 2.2;
   letter-spacing: 0.1em;
}

#about p:first-of-type {
   margin-top: 20px;
}

#about .read_campaign {
   border-top: dotted 2px #e87262;
   border-bottom: dotted 2px #e87262;
   width: 350px;
   padding: 7px 0;
   text-align: center;
   font-weight: bold;
   color: #d8503e;
   font-size: 135%;
   letter-spacing: 0.15em;
   margin: 60px auto 20px auto;
}

#about .read_campaign a {
   color: #d8503e;
   text-decoration: none !important;
}

/**studio_online**/
#studio_online .inner {
   max-width: 1500px;
}

#studio_box,
#online_box {
   padding: 30px 20px 40px;
   width: 46%;
   margin: 0 1%;
   display: flex;
}

#studio_box {
   background-color: #fff7e4;
}

#online_box {
   background-color: #e3eefa;
}

#studio_online_wrap {
   margin-top: 30px;
   margin-bottom: 30px;
   display: flex;
   justify-content: center;
}

#studio_online_wrap h1 {
   font-size: 1.5em;
   color: #000;
   margin-bottom: 20px;
   text-align: left;
   padding-left: 10px;
}

#studio_online .txt_area {
   display: block;
}

#studio_online .img_area {
   width: 30%;
   padding-top: 20px;
}

#studio_box .img_area img,
#online_box .img_area img {
   display: block;
   margin: 0 auto;
}

#studio_box .img_area img {
   width: 60%;
}

#online_box .img_area img {
   width: 80%;
}

#studio_online_wrap .img_area {
   margin-bottom: 30px;
}

#studio_online_wrap ul {
   padding-inline-start: 0;
   margin-bottom: 10px;
}

#studio_online_wrap ul li {
   text-align: left;
   font-size: 90%;
   margin-bottom: 7px;
}

#studio_online_wrap .link_air {
   color: #000;
   padding-top: 15px;
   line-height: 1.5em;
   font-size: 90%;
   text-align: left;
   padding-left: 20px;
}

#studio_online_wrap .link_air a {
   font-size: 1.1em;
   font-weight: bold;
}

a.btn_plan,
a:visited.btn_plan,
a:link.btn_plan {
   background-color: #d65d47;
   color: #fff !important;
   border: none;
   width: 350px;
   letter-spacing: 0.05em !important;
}

/**studio**/

.studio__list {
   width: 48%;
   flex-wrap: wrap;
   justify-content: space-between;
   margin-top: 0;
}

.studio__list::after {
   display: block;
   content: '';
   width: calc((100% - 25px) / 3);
}

.list__name {
   width: calc((100% - 25px) / 3);
   display: flex;
   align-items: center;
   justify-content: center;
   text-align: center;
   background: #f6f6f5;
   padding: 5px;
   border-radius: 5px;
   margin-bottom: 20px;
   font-size: 1.4rem;
}

#studio .btn-search_studio {
   background-color: #fabe00;
   color: #fff;
   font-weight: bold;
   font-size: 120%;
   border: none;
}

#studio .figure {
   padding: 30px;
}

#studio p {
   padding-bottom: 15px;
   font-size: 130%;
   letter-spacing: 0.2em;
}

.btn-search_studio span {
   color: #000;
}

/*map*/
#map {
   padding: 0 !important;
}

#map .sub_content_title {
   padding: 80px 0px 20px 0;
   margin-bottom: 35px;
}

#map .bt_type3 {
   background: #fbbe01;
   display: block;
   width: 350px;
}

#map .inner .flex .studio__list .list__name a {
   text-decoration: none !important;
}

.main_content-welcome .common_section {
   background-image: none;
}

/**flow**/

.contents-block-flow .list_flow-item {
   display: -ms-flexbox;
   display: flex;
   -ms-flex-pack: center;
   justify-content: center;
   -ms-flex-align: center;
   align-items: center;
   border-radius: 3px;
   padding: 40px 55px 30px;
   margin-bottom: 70px;
   position: relative;
   background: #f9f5eb;
}

.contents-block-flow .list_flow-item .contents-block-flow-right {
   text-align: left;
   color: #686767;
   font-size: 120%;
   line-height: 2;
}

.contents-block-flow .list_flow-item .contents-block-flow-left {
   margin-right: 70px;
}

.contents-block-flow .list_flow-item:after {
   content: url(/assets/images/lp/2018autumncpv2/arrow_flow.png);
   position: absolute;
   bottom: -62px;
}

.main_content_inner .lesson-small-title {
   font-size: 1.8rem;
   line-height: 1.3em;
   margin-bottom: 10px;
}

.contents-block-flow-title span {
   display: block;
   width: 64px;
   height: 18px;
   margin: 0 auto 10px;
}

.studioList {
   margin-top: 10px;
}

.studioList h3 {
   font-weight: bold;
}

.studioList li {
   display: inline-block;
   text-align: left;
   margin-right: 2px;
   list-style-type: none;
   margin-bottom: 5px;
   background-color: #fff;
   border-radius: 5px;
   padding: 2px 10px;
   letter-spacing: 0.12em;
   font-size: 70%;
   color: #666;
}

/**faq**/

#faq {
   padding-bottom: 0;
}

#faq #acMenu {
   border-radius: 10px 10px 0 0;
   padding: 0 80px 0 80px;
   margin: 0 auto 20px;
   text-align: left;
   letter-spacing: 0.08em;
}

.main_content-welcome #faq dt {
   font-size: 130%;
   padding: 20px 20px 10px 30px;
   border-radius: 5px 5px 0 0;
   color: #242424;
   font-weight: bold;
   position: relative;
}

#faq dt::before {
   content: 'Q';
   position: absolute;
   top: 20px;
   left: 0;
}

.main_content-welcome #faq dd {
   padding: 10px 10px 20px 30px;
   font-size: 115%;
   font-weight: normal;
   margin-bottom: 20px;
   line-height: 1.8;
   position: relative;
}

#faq .inner dl dt,
#faq .inner dl dd {
   display: block;
}

#faq dd::before {
   content: 'A';
   color: #fabe00;
   font-size: 130%;
   position: absolute;
   top: 5px;
   left: 0;
}

#faq dd .icon_img {
   width: 12px;
   margin-right: 3px;
   margin-left: 3px;
}

.featherlight-inner .classImg img {
   width: 400px !important;
}

.icon-text {
   width: 120px;
}

.main_content_inner-title {
   margin-bottom: 20px;
}

.featherlight-inner p {
   font-size: 100%;
}

/*wear*/

#wear .inner {
   padding: 20px 0 100px;
}

#wear .flex_area {
   display: flex;
}

.recommend_image {
   display: block;
}

.txt_area {
   display: flex;
   align-items: center;
   flex-wrap: wrap;
   justify-content: center;
   align-content: center;
}

#wear p {
   border-top: dashed 1px #000;
   border-bottom: dashed 1px #000;
   padding: 20px;
   text-align: center;
   font-size: 130%;
   letter-spacing: 0.1em;
   margin-bottom: 30px;
   width: 80%;
}

.reason_li {
   margin-bottom: 30px;
}

.reason_li li {
   background-image: url(/assets/images/welcome/icon_check.svg);
   background-repeat: no-repeat;
   background-position: 0 7px;
   -webkit-background-size: 15px;
   background-size: 15px;
   text-align: left;
   padding-left: 20px;
   color: #242424;
   font-weight: bold;
   margin-bottom: 10px;
   font-size: 120%;
   letter-spacing: 0.1em;
}

/*notes*/

.notes {
   text-align: left;
   font-size: 90%;
   margin-top: 30px;
   background: #fafafa;
   padding: 30px 40px;
}

.notes ul {
   margin-bottom: 10px;
}

.notes h4 {
   font-weight: bold;
   font-size: 110%;
   margin-bottom: 20px;
   color: #666;
   height: 40px;
   line-height: 40px;
   position: relative;
   -webkit-font-smoothing: antialiased;
}

.notes h4:before {
   content: '';
   display: block;
   width: 30px;
   border-bottom: 1px solid #d2d2d2;
   position: absolute;
   bottom: 0;
   margin-bottom: -2px;
}

.notes li.title {
   font-weight: bold;
   font-size: 100%;
   margin-top: 10px;
}

.notes li {
   padding-left: 1em;
   text-indent: -1.5em;
}

.end {
   margin-bottom: 100px;
}

.conversion {
   margin-top: 40px;
}

.conversion a {
   /*font-size: 110%!important;*/
   /*letter-spacing: 0.1em;*/
   font-weight: normal !important;
}

.pc-tab {
   display: inline;
}

.pc {
   display: inline-block;
}

.sp,
.tab {
   display: none;
}

.sp-tab {
   display: none;
}

.under {
   background: linear-gradient(transparent 70%, #ffeb5d 70%);
}

/**trial2**/

#trial2 .trial_box {
   border: solid 10px #efe9e0;
   font-weight: bold;
   color: #2f2f2f;
   letter-spacing: 0.2em;
}

#trial2 .trial_box .period {
   border-top: solid 10px #efe9e0;
   border-bottom: solid 10px #efe9e0;
   padding: 10px 0;
   font-size: 1.2em;
   letter-spacing: 0.1em;
}

.period .futura {
   font-size: 1.4em;
   font-weight: 400;
}

#trial2 .trial_box .flex {
   display: flex;
   flex-wrap: wrap;
   justify-content: center;
   align-items: center;
   line-height: 1.3em;
   padding-top: 35px;
   padding-bottom: 20px;
}

#trial2 .trial_box .first_time {
   font-size: 33px;
   font-weight: normal;
   margin-bottom: -20px;
   margin-right: 10px;
}

#trial2 .trial_box .price1000 {
   font-size: 80px;
   color: #f1684a;
   font-weight: 400;
}

.tax_yen {
   color: #f1684a;
   line-height: 2.3em;
   padding-bottom: 0;
}

.tax_yen .yen {
   font-size: 35px;
}

.price5000 {
   font-size: 66px;
   color: #f1684a;
   font-weight: 400;
   line-height: 1.3em;
}

.read5000.-bt {
   border-top: 1px solid #cccccc;
   padding-top: 30px;
   margin-left: 20%;
   margin-right: 20%;
   margin-top: 30px;
}

.price0 {
   font-size: 76px;
   color: #f1684a;
   font-weight: 400;
   line-height: 1em;
}

.price5000.-jp {
   font-size: 56px;
   font-weight: bold;
}

.price5000 .yen,
.price0 .yen {
   font-size: 30px;
   font-weight: bold;
}

.fukidashi {
   background: #efe9e0;
   padding: 10px;
   text-align: center;
   margin: 0 auto;
   width: 63%;
   position: relative;
   margin-bottom: 30px;
   font-size: 1.2em;
}

.fukidashi:after {
   content: ' ';
   display: block;
   position: absolute;
   bottom: -20px;
   left: 48%;
   width: 0;
   height: 0;
   border: 10px solid transparent;
   border-top: 10px solid #efe9e0;
}

.read5000 {
   font-size: 1.3em;
   letter-spacing: 0.05em;
}

.read5000 .red {
   color: #f1684a;
   font-size: 1.2em;
}

.read5000 .off {
   font-size: 1em;
}

#trial2 .trial_box .btn_taiken {
   margin: 40px auto;
}

.note {
   width: 100%;
   text-align: left;
   padding-top: 20px;
}

/*===================================================

media screen and (max-width: 1080px)

===================================================*/

@media screen and (max-width: 1080px) {
   .tb {
      display: block;
   }

   .main_content-welcome .mainvisual-welcome {
      height: auto !important;
   }

   #about {
      padding: 0 0 60px 0;
   }

   #about .text {
      font-size: 1.6rem;
   }

   .studio-online {
      height: 75vw;
   }

   .studio-online .studio-online-merit {
      font-size: 1.8rem;
   }

   .studio-online .flex__studio-online {
      top: 28vw;
      margin: 0;
   }

   .studio-online .flex__studio-online .flex__item .text {
      padding: 20px 0;
   }

   .flex__text {
      width: 32%;
   }

   #map .inner .flex {
      flex-wrap: wrap;
   }

   #map .inner .flex img {
      width: 100%;
   }

   #map .inner .flex .studio__list {
      width: 100%;
      margin-top: 30px;
   }

   .list_dayflow {
      padding: 0 40px;
   }

   .img_flow_theday {
      width: 80%;
   }

   .list_dayflow_li {
      background-position: right 15px top 37%;
   }
}

/*===================================================

media screen and (max-width: 768px)

===================================================*/

@media screen and (max-width: 768px) {
   .tb {
      display: block;
   }

   .studio-online {
      height: 90vw;
   }

   .studio-online .studio-online-merit {
      width: 50%;
      font-size: 1.6rem;
   }

   .studio-online .flex__studio-online {
      top: 28vw;
   }

   .list_dayflow_li {
      background-position: right 15px top 30%;
   }
}

/*===================================================

media screen and (max-width: 599px)

===================================================*/

@media screen and (max-width: 599px) {
   .main_content-welcome .mainvisual-welcome {
      background: none !important;
      height: 70vh !important;
      &.-summer2023 {
         height: auto !important;
      }
   }

   .main_content-welcome .mainvisual-welcome img {
      /* aspect-ratio: 4/5; */
   }

   .main_content-welcome .mainvisual-welcome-h1 {
      position: absolute !important;
      inset: 0;
      padding-left: 0;
   }

   .mainvisual-welcome-h1 .vs-oconavirus {
      display: block;
      width: 50%;
      margin-top: 20px;
      margin-left: auto;
      margin-right: auto;
   }

   .main_content-welcome .mainvisual-welcome {
      height: auto;
      background: none;
   }

   #corona-infection-countermeasures {
      background-size: 15px;
      background-position: 10px 5px;
      bottom: 15px;
      width: 210px;
      padding: 2px 0 2px 15px;
      font-size: 1.2rem;
   }

   .inner__title:after {
      width: 30px;
      bottom: -10px;
   }

   .flex {
      margin-top: 20px;
      flex-wrap: wrap;
   }

   /*スタジオ・オンライン特長*/

   .studio-online {
      position: relative;
      height: 1360px;
   }

   .studio-online .studio-online-merit {
      width: 95%;
      font-size: 1.4rem;
   }

   .studio-online__img img {
      width: 100%;
   }

   .studio-online .flex__studio-online {
      display: block;
      top: 130vw;
      margin-top: 20px !important;
   }

   .studio-online .flex__studio-online .flex__item {
      width: 95%;
   }

   .studio-online .flex__studio-online .flex__item .text {
      margin-top: 0 !important;
   }

   .studio-online .flex__studio-online .flex__item .text .text__inner {
      font-size: 1.6rem;
   }

   .studio-online
      .flex__studio-online
      .flex__item
      .text
      .text__inner
      .text__inner-header
      .futura {
      margin: 0 !important;
   }

   .studio-online .flex__studio-online .flex__item .text .text__inner .point {
      margin-top: 20px;
      position: relative;
   }

   .studio-online
      .flex__studio-online
      .flex__item
      .text
      .text__inner
      .text__inner-header:after {
      width: 60px;
      position: absolute;
      bottom: -5px;
      left: 50%;
   }

   .studio-online
      .flex__studio-online
      .flex__item
      .text
      .text__inner
      .point
      .point__no-img {
      width: 25%;
   }

   .studio-online
      .flex__studio-online
      .flex__item
      .text
      .text__inner
      .point
      .point__text {
      line-height: 2.5rem;
   }

   .flex::after {
      display: none;
   }

   .flex__text {
      width: 100%;
      margin-bottom: 20px;
   }

   .flex-reverse .flex__text {
      width: 100%;
   }

   #appeal {
      padding-bottom: 30px;
   }

   #appeal .flex {
      margin-top: 20px;
   }

   #appeal .flex-reverse-sp {
      flex-direction: row-reverse;
      margin: 60px 0;
   }

   #appeal .flex-reverse-sp .appeal__no-img {
      display: inline-block;
   }

   #appeal .appeal_img {
      width: 100%;
   }

   #appeal img {
      width: 100%;
   }

   #appeal .appeal__no-img {
      width: 15%;
   }

   #appeal .appeal__no1-img {
      width: 13%;
   }

   #appeal .flex-reverse-sp .flex__text {
      text-align: right;
      width: 100%;
      margin: 0 0 20px 0;
   }

   /*map*/
   #map {
      padding-bottom: 0px;
   }

   #map .sub_content_title {
      padding: 30px 0px 20px 0;
      margin-bottom: 35px;
   }

   #map img {
      width: 100%;
   }

   .studio__list::after {
      display: none;
   }

   .studio__list {
      width: 100%;
   }

   .list__name {
      width: calc((100% - 15px) / 2);
   }

   /*キャンペーンバナー*/

   #campaign {
      padding-top: 0 !important;
      margin-top: 0 !important;
      padding-bottom: 0 !important;
   }

   #campaign .flex {
      width: 100%;
   }

   .first_time {
      font-size: 1.8rem;
   }

   .campaign__box {
      width: 100%;
      max-width: 100%;
      padding: 20px;
      margin-top: 40px;
   }

   .campaign__box a {
      width: 100%;
   }

   .campaign__box p {
      line-height: 2rem;
   }
}

/*===================================================

media screen and (max-width: 640px)

===================================================*/

@media screen and (max-width: 640px) {
   .tb {
      display: none !important;
   }

   /**about**/
   #about {
      padding: 0;
   }

   .logo_about {
      margin-top: 30px;
      width: 80px;
   }

   #about .text {
      font-size: 95%;
      line-height: 2.2em;
      padding: 20px 0;
   }

   #about p:first-of-type {
      margin-top: 20px;
   }

   #about .text span {
      letter-spacing: 0;
   }

   #about .read_campaign {
      margin-top: 40px;
      padding: 3px 0;
   }

   /**studio_online**/

   #studio_box,
   #online_box {
      padding: 30px 10px 40px;
      width: 100%;
      display: block;
      box-sizing: border-box;
      margin: 0;
   }

   #studio_box {
      margin-bottom: 20px;
   }

   #studio_online_wrap {
      margin-top: 30px;
      margin-bottom: 30px;
      display: block;
      width: 100%;
      box-sizing: border-box;
   }

   #studio_online_wrap .img_area {
      width: 100%;
   }

   #studio_online_wrap h1 {
      margin-bottom: 10px;
      text-align: center;
      padding-left: 0;
   }

   #studio_box .img_area img {
      width: 30%;
   }

   #online_box .img_area img {
      width: 40%;
   }

   #studio_online_wrap .img_area {
      margin-bottom: 30px;
      box-sizing: border-box;
   }

   #studio_online_wrap .txt_area {
      box-sizing: border-box;
   }

   #studio_online_wrap ul li {
      text-align: left;
      font-size: 100%;
   }

   #studio_online_wrap .link_air {
      padding-top: 15px;
      text-align: center;
      padding-left: 0;
   }

   #studio_online_wrap .link_air a {
      font-size: 1.3em;
      font-weight: bold;
   }

   /**trial2**/

   #trial2 .trial_box .first_time {
      background-size: 20px;
      background-position: 10px 23px;
      height: 70px;
      line-height: 70px;
      padding: 0 0 0 42px;
      font-size: 3rem;
      margin-bottom: 10px;
   }

   #trial2 .trial_box .flex {
      display: block;
      padding-top: 25px;
   }

   #trial2 .trial_box .first_time {
      font-size: 25px;
      margin-bottom: 0;
   }

   #trial2 .trial_box .price1000 {
      font-size: 60px;
      margin-right: -10px;
   }

   .yen {
      font-size: 3rem;
   }

   .tax {
      font-size: 2rem;
   }

   .tax_yen {
      letter-spacing: 0.02em;
   }

   .tax_yen .yen {
      font-size: 25px;
   }

   .price1000 {
      font-size: 7rem;
      margin-top: -50px;
   }

   .price1000,
   .tax_yen {
      display: inline-block;
   }

   .fukidashi {
      width: 90%;
   }

   .read5000 {
      font-size: 1em;
      line-height: 1.5em;
   }

   .price5000 {
      font-size: 43px;
      padding-bottom: 20px;
   }

   #trial2 .trial_box .period {
      font-size: 1.1em;
      letter-spacing: 0.05em;
   }

   .trial2__attention {
      margin: 0 0 30px 0;
   }

   .banner__box,
   .banner__box img,
   .banner__box .banner__box__item {
      width: 100%;
      display: block;
      margin-bottom: 20px;
   }

   .banner__box .banner__box__item {
      margin: 0 auto 70px;
      width: 90%;
   }

   #trial2 .inner .btn_util {
      width: 100%;
   }

   .attention {
      width: 100%;
   }

   /**trial2ここまで**/

   .main_content-welcome .btn_util.btn_util-square,
   .main_content-welcome a.btn_util.btn_util-square {
      width: 90%;
   }

   .main_content-welcome .mainvisual-welcome {
      height: 600px;
   }

   .inner {
      width: 90%;
      margin: 0 auto;
      padding: 40px 0 10px;
   }

   section {
      text-align: center;
   }

   /**btn_taiken**/

   .page_welcome_index main .main_content-welcome a.btn_taiken {
      width: 90%;
      height: 60px;
      line-height: 60px;
      -webkit-background-size: 12px;
      background-position: 5% 23px;
      background-size: 12px;
      background-position: 5% 23px;
      font-size: 1.5rem;
      letter-spacing: 0;
      padding: 0 0 0 3%;
      margin: 40px auto 20px;
   }

   /**common**/
   section h2 {
      margin-bottom: 0;
   }

   .main_content-welcome .sub_content_title {
      letter-spacing: 0.12em;
      font-size: 2.1rem;
   }

   /**enq**/

   #member #enq_list .enq_li {
      width: 100%;
      margin-bottom: 90px;
      min-height: auto;
   }

   #enq_list .figure {
      bottom: auto;
      position: relative;
   }

   #enq1 .figure img,
   #enq2 .figure img {
      width: 50%;
   }

   #enq3 .figure img {
      width: 90%;
   }

   .class_ranking {
      width: 90%;
   }

   .class_ranking li {
      font-size: 100%;
   }

   .icon_rank {
      width: 40px;
      height: 40px;
      border-radius: 20px;
      color: #fff;
      text-align: center;
      box-sizing: border-box;
      font-size: 11px;
      line-height: 40px;
   }

   .class_ranking li a::before {
      left: 45px;
      top: 45%;
   }

   .class_ranking li a {
      padding-left: 23px;
   }

   .voice_list li {
      width: 90%;
   }

   .main_content_inner-title {
      font-size: 120%;
   }

   /**map**/
   #map {
      margin-top: 0;
   }

   #map #japan_map {
      margin-bottom: 30px;
   }

   /**flow_theday**/
   .contents-block-dayflow-prepare {
      flex-wrap: wrap;
      width: 90%;
      margin: 0 auto;
      border: #5c5c5c 1px solid;
      border-radius: 3px;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: center;
      -ms-flex-align: center;
      align-items: center;
      margin-bottom: 40px;
      font-weight: bold;
      color: #242424;
      font-size: 110%;
      letter-spacing: 0.15em;
   }

   .contents-block-dayflow-prepare-title {
      width: 100%;
      padding: 10px;
      margin-right: 0;
      text-align: center;
   }

   .contents-block .list_dayflow-item {
      padding: 30px 20px;
   }

   .list_dayflow {
      padding: 0;
   }

   .list_dayflow_li {
      width: 90%;
      margin: 0 auto;
      background-image: url(/assets/images/welcome/arrow_flow_sp.svg);
      background-position: left 50% top 20px;
      -webkit-background-size: 20px;
      background-size: 20px;
      /*padding-right: 0;*/
      padding-top: 60px;
      display: flex;
      flex-wrap: nowrap;
      position: relative;
   }

   .list_dayflow_li:first-child {
      background-image: none;
      padding-top: 0;
   }

   .list_dayflow_li .list_dayflow_text h3 {
      width: 100%;
      padding: 0 0 0 10px;
      margin: -5px 0 5px 0;
   }

   .list_dayflow_li:last-child h3 {
      top: 15px;
      left: 6%;
   }

   .img_flow_theday {
      width: 50%;
   }

   .img_flow_theday img {
      width: 100%;
   }

   .list_dayflow_li .list_dayflow_text p {
      width: 100%;
      padding: 0 0 0 10px;
      line-height: 1.8rem;
   }

   .list_dayflow_li:last-child {
      padding-bottom: 15px;
   }

   .list_dayflow_li_inner {
      width: 90%;
      margin: 0 auto;
      display: flex;
      flex-wrap: wrap;
      padding-top: 45px;
   }

   .text_shopping {
      width: 55%;
      padding-left: 3%;
      padding-top: 0;
   }

   .text_shopping p {
      margin-right: 0;
      font-size: 1.6rem;
      width: 100%;
   }

   .list_dayflow_li:last-child .img_flow_theday {
      margin-right: 0;
   }

   .contents-block-dayflow-right {
      width: 100%;
      height: auto;
      float: none;
      text-align: center;
      margin-top: 20px;
   }

   .contents-block-dayflow-right img {
      width: 50%;
   }

   .contents-block-dayflow-left {
      margin-right: 0;
      width: 100%;
      padding-right: 0;
      float: none;
   }

   .contents-block-dayflow-title {
      margin-bottom: -10px;
      text-indent: -1.5em;
      padding-left: 1.5em;
   }

   .list_dayflow_li .list_dayflow_li_inner p {
      font-size: 1.6rem;
      font-weight: normal;
   }

   .list_dayflow_li:last-child {
      background-image: url(/assets/images/welcome/arrow_flow_sp.svg);
   }

   .list_dayflow_li:last-child h3 {
      margin-bottom: 15px;
   }

   .list_dayflow_li .list_dayflow_text h3 {
      font-weight: bold;
      color: #242424;
      font-size: 1.6rem;
      margin-bottom: 15px;
   }

   .img_flow_theday img {
      width: 100%;
   }

   .bring {
      padding: 10px;
      width: 90%;
      background-image: none !important;
   }

   .bring .list_dayflow_li_inner {
      align-items: center;
      flex-wrap: nowrap;
      padding: 0;
      width: 100%;
   }

   .bring .list_dayflow_li_inner .list_dayflow_li_inner__title {
      width: 30%;
      line-height: 2.5rem;
      font-size: 1.6rem;
   }

   .bring .text_shopping {
      width: 80%;
      padding: 15px 10px;
      font-size: 1.2rem;
      margin-top: 0;
   }

   .bring .text_shopping .flex {
      margin: 0 0 10px 0;
      flex-wrap: nowrap;
      font-size: 1.5rem;
   }

   /**faq**/
   #faq {
      margin-top: 0;
      padding-left: 0;
      padding-right: 0;
   }

   .main_content-welcome #faq #acMenu {
      padding: 20px 0 0 0;
   }

   .main_content-welcome #faq #acMenu dt {
      padding: 0 20px 10px 50px !important;
      font-size: 120%;
   }

   .main_content-welcome #faq #acMenu dd {
      font-size: 100%;
      padding: 10px 20px 10px 50px !important;
      margin-bottom: 40px;
      line-height: 1.8;
   }

   .main_content-welcome #faq dt::before,
   #faq dd::before {
      left: 20px;
   }

   .main_content-welcome #faq dt::before {
      top: 0;
   }

   .main_content-welcome #faq dd::before {
      top: 5px;
      font-size: 150%;
   }

   /**wear**/
   .recommend_image {
      width: 90%;
      height: auto;
      margin: 0 auto;
      margin-bottom: 25px;
      display: inline;
   }

   #wear .inner {
      padding: 20px 0 100px;
   }

   #wear .flex_area {
      flex-wrap: wrap;
      display: block;
   }

   #wear .text_area {
      width: 100%;
   }

   #wear p {
      width: 90%;
      padding: 10px 5px;
      letter-spacing: 0.02em;
   }

   .reason_li li {
      font-size: 110%;
      background-size: 12px;
      letter-spacing: 0.05em;
   }

   /**trial**/

   .notes {
      padding: 20px 20px;
   }

   .notes h4 {
      line-height: 1.8;
      height: auto;
      font-size: 120%;
      margin-bottom: 10px;
   }

   .notes h4:before {
      border-bottom: none;
   }

   .notes ul {
      margin-bottom: 30px;
   }

   .notes li {
      padding-left: 1.5em;
      margin-bottom: 5px;
   }

   .cautionBtn a {
      width: 100%;
   }

   .pc-tab {
      display: none !important;
   }

   .sp-tab {
      display: block;
   }

   .br-sp {
      display: block;
   }

   .pc,
   .tab {
      display: none;
   }

   .sp {
      display: inline;
   }

   .conversion {
      width: 95%;
      margin-top: 20px;
      margin-left: auto;
      margin-right: auto;
   }
}

@media screen and (max-width: 350px) {
   .main_content-welcome .mainvisual-welcome {
      height: 280px;
   }
}

.bannerList {
   display: flex;
   justify-content: center;
}

.bannerList a {
   display: block;
   margin-left: 10px;
   margin-right: 10px;
}

.bannerList a img {
   display: block;
   width: 100%;
   max-width: 450px;
}

.stamp_rally {
   background: #ffffcc;
   width: 600px;
   margin: 0 auto 30px;
   font-size: 1.4rem;
   padding: 2rem;
}

.stamp_rally-title {
   background: #d65d47;
   color: #fff;
   padding: 0.5rem 1rem;
   display: inline-block;
   font-size: 2rem;
   margin-bottom: 1rem;
}

.stamp_rally-lead {
   margin-bottom: 1rem;
}

.stamp_rally-lead span {
   font-weight: bold;
   font-size: 2rem;
}

@media screen and (max-width: 599px) {
   .stamp_rally {
      background: #ffffcc;
      width: 100%;
      margin: 0 auto 30px;
      font-size: 1.2rem;
      padding: 2rem;
   }

   .stamp_rally-title {
      background: #d65d47;
      color: #fff;
      padding: 0.5rem 2rem;
      display: inline-block;
      font-size: 2rem;
      margin-bottom: 1rem;
      font-weight: bold;
   }

   .stamp_rally-lead {
      margin-bottom: 1rem;
   }

   .stamp_rally-lead span {
      font-weight: bold;
      font-size: 1.8rem;
   }
}

.welcome_lead {
   width: 640px;
   margin: auto;
}

.welcome_lead img {
   width: 100%;
}

.welcome_lead_text {
   width: 570px;
   position: relative;
   margin: auto;
}

.welcome_lead_text .ico-begginer-d {
   position: absolute;
   width: 40px;
   bottom: 38px;
   left: 90px;
}

@media screen and (max-width: 599px) {
   .welcome_lead {
      width: 80%;
   }

   .welcome_lead_text {
      width: 100%;
   }

   .welcome_lead_text .ico-begginer-d {
      width: 25px;
      bottom: 18px;
      left: 38px;
   }
}

.btn-taiken {
   display: block;
   margin: auto;
   width: 250px;
}

.btn-taiken img {
   width: 100%;
}

.notice-taiken {
   color: #333;
}

/* 20230627 MV変更 */
.mainvisual-202306 {
   width: 30%;
   position: absolute;
   top: 15%;
   left: 10%;
}

.mainvisual-202307 {
   width: 46%;
   position: absolute;
   top: 15%;
   left: 10%;
}

.mainvisual-202306 a,
.mainvisual-202307 a {
   max-width: 400px;
   display: block;
}

.mainvisual-tenyear {
   max-width: 450px;
   margin-bottom: 15%;
}
.mainvisual-tenyear202307 {
   max-width: 600px;
   text-align: center;
   margin: 5% auto 0%;
}
.mainvisual-tenyear202307 img {
   width: 100%;
}
.mainvisual-lead1000 {
   max-width: 500px;
   margin-bottom: 5%;
}
.mainvisual-lead1000.-summer2023 {
   max-width: 800px;
   margin-bottom: 10%;
}
.mainvisual-lead1000 img {
   width: 100%;
}
@media screen and (max-width: 599px) {
   .mainvisual-202306,
   .mainvisual-202307 {
      width: 100%;
      position: absolute;
      top: 15%;
      left: 0;
   }
   .mainvisual-tenyear {
      padding-left: 5%;
      max-width: 280px;
      margin-bottom: 35%;
      width: 100%;
   }
   .mainvisual-tenyear img {
      width: 100%;
      height: auto;
   }
   .mainvisual-tenyear202307 {
      max-width: 80%;
      text-align: center;
      margin: 8% auto 0%;
   }
   .mainvisual-lead1000.-summer2023 {
      max-width: 90%;
      margin-bottom: 10%;
   }
   .mainvisual-lead1000 {
      padding-left: 5%;
      max-width: 250px;
      width: 100%;
   }
}