@charset "utf-8";

@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);

html, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, legend, caption,
tbody, tfoot, thead, table, label, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: normal;
  outline: 0;
  vertical-align: baseline;
  list-style: none;
  font-family: 'Noto Sans JP','ヒラギノ角ゴシック','Hiragino Sans','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','メイリオ', Meiryo,'Meiryo UI',YuGothic,'Yu Gothic','Yu Gothic UI',sans-serif;
  font-weight: 300; }

* {
  box-sizing: border-box; }

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }
/* iOSでのデフォルトスタイルをリセット */
input[type="submit"],
input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer; }
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
  display: none; }
input[type="submit"]::focus,
input[type="button"]::focus {
  outline-offset: -2px; }

html {
  font-size: 62.5%; }

body {
  margin: 0;
  border: 0;
  color: #333;
  font-family: 'Noto Sans JP','ヒラギノ角ゴシック','Hiragino Sans','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','メイリオ', Meiryo,'Meiryo UI',YuGothic,'Yu Gothic','Yu Gothic UI',sans-serif;
  font-weight: 300;
  font-size: 1.4rem;
  line-height: 1.5;
  outline: 0;
  overflow-x: hidden; }

a {
  color: inherit;
  text-decoration: none; }
  a:hover {
    color: inherit;
    text-decoration: none; }

p:empty {display: none;}

img, iframe {
  max-width: 100%;
  height: auto; }

input {
  border: none;
  /* Google Chrome, Safari, Opera 15+, Android, iOS */
  /* Firefox 18- */
  /* Firefox 19+ */
  /* IE 10+ */ }
  input:placeholder-shown {
    color: #a8a8a8; }
  input::-webkit-input-placeholder {
    color: #a8a8a8; }
  input:-moz-placeholder {
    color: #a8a8a8;
    opacity: 1; }
  input::-moz-placeholder {
    color: #a8a8a8;
    opacity: 1; }
  input:-ms-input-placeholder {
    color: #a8a8a8; }

textarea {
  /* Google Chrome, Safari, Opera 15+, Android, iOS */
  /* Firefox 18- */
  /* Firefox 19+ */
  /* IE 10+ */ }
  textarea:placeholder-shown {
    color: #a8a8a8; }
  textarea::-webkit-input-placeholder {
    color: #a8a8a8; }
  textarea:-moz-placeholder {
    color: #a8a8a8;
    opacity: 1; }
  textarea::-moz-placeholder {
    color: #a8a8a8;
    opacity: 1; }
  textarea:-ms-input-placeholder {
    color: #a8a8a8; }

.scroll-hidden {
  overflow-y: hidden; }

.area-all {
  overflow-x: hidden;
  position: relative; }

.area-all.nopadding {
  padding-top: 0px; }

.breadcrumb {
  display: flex;
  align-items: center;
  font-size: 1.2rem; }
  .breadcrumb a,
  .breadcrumb a:hover {
    color: #51b8b9; }
  .breadcrumb__item {
    position: relative; }
    .breadcrumb__item + .breadcrumb__item {
      padding-left: 2.4rem;
      position: relative; }
      .breadcrumb__item + .breadcrumb__item::before {
        content: ">";
        position: absolute;
        top: 50%; left: .8rem;
        transform: translateY(-50%); }

.area-footer-publish {
  border-top: 1px solid #ddd; }
  .area-footer-publish__content {
    padding: 4rem 1.6rem 1.6rem;
    background-color: #fff; }
    .area-footer-publish__content.bg_f7f7f7 {
      background-color: #f7f7f7; }
  .area-footer-publish__content2 {
    background-color: #f0f0f0; }
  .area-footer-publish__h {
    margin-bottom: 3.2rem;
    padding-top: 2.4rem;
    color: #48485a;
    font-size: 2.4rem;
    line-height: 1;
    text-align: center; }
  .area-footer-publish__caption {
    margin-bottom: 4.4rem;
    color: #48485a;
    font-size: 13px;
    text-align: center; }
  .area-footer-publish__cr {
    padding: 1.6rem;
    background-color: #48485a;
    color: #fff;
    font-size: 12px;
    line-height: 1;
    position: relative;
    text-align: center; }
  .area-footer-publish__gototop {
    width: 4.4rem;
    height: 4.4rem;
    background: url("/images/client/after201909/beforelogin/icon_gototop.png") no-repeat center/4.4rem auto;
    opacity: 1;
    position: fixed;
    transition-property: opacity, pointer-events;
    transition-duration: 0.4s;
    bottom: 0;
    right: 2rem;
    z-index: 1000; }
    .area-footer-publish__gototop.hidden2 {
      opacity: 0;
      pointer-events: none; }

.footersearch {
  margin-bottom: 7rem;
  display: flex;
  justify-content: center;
  align-items: center; }
  .footersearch__input {
    width: 343px;
    height: 36px;
    margin-right: 2rem;
    padding: 0 1.2rem;
    background-color: #fff;
    border: 1px solid #d3d8dc;
    border-radius: 2px;
    display: flex;
    align-items: center; }
  .footersearch__btn {
    width: 186px;
    height: 36px;
    padding: 0 1.6rem;
    background-color: #56b8b8;
    border: none;
    border-radius: 2px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.4rem;
    text-align: center; }
    .footersearch__btn > span {
      padding-left: 2.4rem;
      background: url("/images/client/after201909/beforelogin/icon_search_white.png") no-repeat left center/1.6rem auto;
      display: inline-block; }
    .footersearch__btn:hover {
      opacity: 0.8; }

.footerlv3h {
  max-width: 1200px;
  margin: 0 auto 1.6rem;
  padding-bottom: .8rem;
  border-bottom: 1px solid #e6e6e6;
  color: #333;
  font-size: 1.4rem; }

.footertags {
  max-width: 1200px;
  margin: 0 auto 4.4rem;
  display: flex;
  flex-wrap: wrap; }
  .footertags__item {
    margin: 0 4px 4px 0; }
    .footertags__item > a {
      padding: 10px 13px;
      background-color: #f2f2f2;
      border-radius: 2px;
      color: #717171;
      display: inline-block;
      font-size: 1.2rem;
      line-height: 1; }

.footerguide {
  max-width: 1200px;
  margin: 0 auto;
  padding-top: 4rem;
  display: flex; }
  .footerguide__h {
    margin-bottom: 3.6rem;
    color: #48485a;
    font-size: 1.8rem;
    text-align: center; }
  .footerguide__img {
    margin: 0 auto 2.8rem;
    display: block; }
  .footerguide__text {
    margin-bottom: 2rem;
    color: #48485a;
    font-size: 1.4rem;
    line-height: 1.7;
    word-break: break-all; }
    .footerguide__text.frame {
      padding: 1rem;
      background-color: #fff; }
  .footerguide__link {
    margin-bottom: 2.8rem;
    color: #56b8b8;
    font-size: 12px;
    text-align: right; }
    .footerguide__link a {
      padding-left: 1.6rem;
      background: url("/images/client/after201909/beforelogin/icon_more_green.png") no-repeat left center/6px auto; }
  .footerguide__col {
    width: 27%;
    padding: 1.6rem 2.4rem;
    border-right: 1px solid #ccc; }
    .footerguide__col:first-child {
      width: 46%; }
    .footerguide__col:last-child {
      border: none; }

.footerguide_sp {
  display: none; }

.footertext {
  max-width: 1200px;
  margin: 0 auto 4rem;
  color: #333;
  font-size: 1.4rem;
  line-height: 1.7; }

.footerregistry {
  margin-bottom: 3.2rem;
  display: flex;
  justify-content: center; }
  .footerregistry__item {
    width: 320px;
    margin: 0 1.8rem; }
    .footerregistry__item > a {
      padding: 1.6rem 2.2rem;
      border-radius: 2px;
      color: #fff;
      display: block;
      font-size: 1.6rem;
      text-align: center; }
      .footerregistry__item > a:hover {
        color: #fff; }
      .footerregistry__item > a > span {
        margin-top: .8rem;
        font-size: 1.2rem;
        display: block; }
      .footerregistry__item > a:hover {
        opacity: 0.8; }
    .footerregistry__item.client > a {
      background-color: #56b8b8; }
    .footerregistry__item.cast > a {
      background-color: #fdb650; }

.footerhr {
  margin: 0;
  border: none;
  border-bottom: 1px solid #ddd; }

.footerdata {
  max-width: 1200px;
  margin: 0 auto;
  padding: 2.2rem 1.6rem;
  display: flex;
  justify-content: space-between;
  align-items: center; }
  .footerdata__num {
    font-size: 1.8rem; }
    .footerdata__num > span {
      font-size: 2.4rem;
      font-weight: bold; }
  .footerdata__brand img {
    max-width: 160px;
    margin-bottom: .8rem;
    display: block; }
  .footerdata__brand p {
    font-size: 1.2rem; }

.footermenu {
  max-width: 1200px;
  margin: 0 auto;
  padding: 2.2rem 1.6rem 0;
  display: flex;
  justify-content: space-between; }
  .footermenu__h {
    margin-bottom: 1.6rem;
    padding-bottom: 1.2rem;
    border-bottom: 1px solid #979797;
    color: #464646;
    font-size: 1.8rem; }
  .footermenu__col {
    width: calc((100% - 120px) / 3); }
  .footermenu__list {
    margin-bottom: 2.4rem;
    color: #464646;
    font-size: 1.4rem; }
    .footermenu__list__item {
      margin-bottom: 1.2rem; }
  .footermenu__bnr {
    margin-bottom: 2.4rem;
    padding: 1.4rem;
    background-color: #56b8b8;
    border-radius: 2px;
    color: #fff;
    display: block;
    font-size: 1.8rem;
    line-height: 1;
    text-align: center; }
    .footermenu__bnr:hover {
      color: #fff;
      opacity: 0.8; }
  .footermenu__sns {
    display: flex;
    align-items: center; }
    .footermenu__sns__item {
      margin-right: 2rem; }
      .footermenu__sns__item > a {
        width: 24px;
        height: 24px;
        display: inline-block; }
      .footermenu__sns__item.twitter > a {
        background: url("/images/client/after201909/beforelogin/footer/icon_twitter.png") no-repeat center/24px auto; }
      .footermenu__sns__item.facebook > a {
        background: url("/images/client/after201909/beforelogin/footer/icon_facebook.png") no-repeat center/24px auto; }
      .footermenu__sns__item.instagram > a {
        background: url("/images/client/after201909/beforelogin/footer/icon_instagram.png") no-repeat center/24px auto; }

.area-mv {
  padding: 7.6rem 0 1.6rem;
  background-color: #51b8b9; }
  .area-mv__inner {
    max-width: 1120px;
    margin: 0 auto;
    padding: 2.4rem 0;
    display: flex;
    justify-content: space-between;
    align-items: center; }
  .area-mv__content {
    width: calc((100% - 1.5rem) / 2); }
  .area-mv__catch {
    margin-bottom: 2rem;
    color: #fff;
    font-size: 2.4rem;
    line-height: 1.25;
    text-align: center; }
  .area-mv__catch2 {
    margin-bottom: 3rem;
    color: #fff;
    font-size: 3.8rem;
    font-weight: bold;
    line-height: 1.4;
    text-align: center; }
  .area-mv__img img {
    margin: 0 auto;
    display: block; }

.top-mvbnrs {
  display: flex;
  justify-content: space-between;
  line-height: 1.25; }
  .top-mvbnrs__item {
    width: calc((100% - 2rem) / 2); }
    .top-mvbnrs__item a {
      padding: 1rem 1rem 1rem 4.6rem;
      border-radius: 3px;
      color: #fff;
      display: block;
      font-size: 1.6rem;
      font-weight: bold; }
      .top-mvbnrs__item a:hover {opacity: .8; }
      .top-mvbnrs__item.client a {
        background: url('/images/client/after201909/beforelogin/icon_login_client.png') no-repeat left 1.8rem center/1.4rem auto;
        background-color: #333; }
      .top-mvbnrs__item.cast a {
        background: url('/images/client/after201909/beforelogin/icon_login_cast.png') no-repeat left 1.8rem center/1rem auto;
        background-color: #333; }
  .top-mvbnrs__caption {
    margin-top: .5rem;
    display: block;
    font-size: 1.2rem; }
      
.area-container {
  padding: 0 1.6rem; }
  .area-container__inner {
    max-width: 1120px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between; }

.area-main {
  width: calc(100% - 260px);
  order: 2; }

.area-side {
  width: 260px;
  padding: 4rem 3rem 0 0;
  order: 1; }

.top-topmenu {
  margin: 2rem 0;
  display: flex;
  justify-content: center;
  font-size: 1.2rem;
  line-height: 1;
  text-align: center; }
  .top-topmenu__item {
    position: relative; }
    .top-topmenu__item + .top-topmenu__item {
      border-left: 1px solid #ddd; }
    .top-topmenu__item a {
      padding: 1rem 2.4rem;
      display: block; }
      .top-topmenu__item a:hover {
        opacity: .8; }

.top-slider {
  max-width: 1020px;
  margin: 0 auto;
  color: #48485a; }
  .top-slider__item a {
    display: block; }
    .top-slider__item a:hover {
      opacity: 0.8; }
  .top-slider__text {
    margin-top: 1.4rem;
    font-size: 1.3rem; }
  .top-slider__ft {
    margin-top: 10px;
    display: flex;
    justify-content: space-between; }
  .top-slider__more {
    padding-right: 2.4rem;
    background: url("//images/client/after201909/beforelogin/client/home/top_bnr/next.png") no-repeat right center;
    font-size: 14px;
    font-weight: bold; }
    .top-slider__more:hover {
      color: #56b8b8; }
  .top-slider__note {
    padding-left: 1.6rem;
    background: url("/images/client/home/top_bnr/target_blank.png") no-repeat left center/12px auto;
    color: #979797;
    font-size: 1.2rem; }
  /*.top-slider .slick-track {
    margin-right: -12px; }*/
  .top-slider .slick-slide {
    /*margin-right: 12px;*/
    padding: 0 6px; }
  .top-slider .slick-dots {
    margin-top: 1.6rem;
    color: transparent;
    display: flex;
    justify-content: center;
    align-items: center; }
    .top-slider .slick-dots li {
      width: auto;
      height: auto; }
      .top-slider .slick-dots li + li {
        margin-left: 10px; }
    .top-slider .slick-dots button {
      width: 11px;
      height: 11px;
      padding: 0;
      background-color: #aaa;
      border: none;
      border-radius: 50%; }
      .top-slider .slick-dots li button:before {display: none; }
    .top-slider .slick-dots .slick-active button {
      background-color: #56b8b8; }
  .top-slider .slick-prev {
    top: 0; bottom: 0; left: -20px;
    background: url(/images/client/home/top_bnr/back.png) no-repeat center;
    height: 100%;
    transform: none; }
  .top-slider .slick-next {
    top: 0; bottom: 0; right: -20px;
    background: url(/images/client/home/top_bnr/next.png) no-repeat center;
    height: 100%;
    transform: none; }

.top-about {
  padding: 5rem 1.6rem 3rem; }
  .top-about__h {
    margin-bottom: 3rem;
    font-size: 2.4rem;
    text-align: center; }
  .top-about__caption {
    margin-bottom: 5rem;
    font-size: 1.6rem;
    text-align: center; }

.top-aboutlist {
  display: flex;
  justify-content: space-between; }
  .top-aboutlist__item {
    width: calc(100% / 3);
    padding: 0 1rem 2.4rem; }
    .top-aboutlist__item + .top-aboutlist__item {
      border-left: 1px solid #ddd; }
    .top-aboutlist__item img {
      margin: 0 auto 3rem;
      display: block; }
  .top-aboutlist__h {
    margin-bottom: 3rem;
    color: #56b8b8;
    font-size: 1.8rem;
    font-weight: bold;
    text-align: center; }

.top-pps {
  padding: 4rem 2rem 0;
  background-color: #edf7f8; }
  .top-pps__h {
    margin-bottom: 3rem;
    font-size: 2.4rem;
    text-align: center; }
  .top-pps__caption {
    margin-bottom: 5rem;
    font-size: 1.6rem;
    text-align: center; }
  .top-pps__morelink {
    margin-top: 2rem;
    color: #51b8b9;
    text-align: right; }
    .top-pps__morelink a {
      font-weight: bold; }
      .top-pps__morelink a:hover {opacity: .8; }

.top-ppslist {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap; }
  .top-ppslist__item {
    width: calc((100% - 2rem) / 2);
    margin-bottom: 2rem; }

.top-ppsbox {
  padding: 2rem 3rem;
  background-color: #fff;
  border: 1px solid #f1f1f1; }
  .top-ppsbox:hover {
    opacity: .8; }
  .top-ppsbox__h {
    margin-bottom: 2rem;
    padding: 8.5rem 0 2rem;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: auto;
    font-size: 2.4rem;
    position: relative;
    text-align: center; }
    .top-ppsbox__h.tvcm {background-image: url('/images/client/after201909/beforelogin/ppsbox_tvcm.png');}
    .top-ppsbox__h.audition {background-image: url('/images/client/after201909/beforelogin/ppsbox_audition.png');}
    .top-ppsbox__h.instractor {background-image: url('/images/client/after201909/beforelogin/ppsbox_instractor.png');}
    .top-ppsbox__h.event {background-image: url('/images/client/after201909/beforelogin/ppsbox_event.png');}
    .top-ppsbox__h.web {background-image: url('/images/client/after201909/beforelogin/ppsbox_web.png');}
    .top-ppsbox__h.influencer {background-image: url('/images/client/after201909/beforelogin/ppsbox_influencer.png');}
    .top-ppsbox__h.enquete {background-image: url('/images/client/after201909/beforelogin/ppsbox_enquete.png');}
    .top-ppsbox__h.attract {background-image: url('/images/client/after201909/beforelogin/ppsbox_attract.png');}
    .top-ppsbox__h::before {
      content: "";
      position: absolute;
      bottom: 0; left: 50%;
      transform: translateX(-50%);
      width: 60px;
      height: 2px;
      background-color: #51b8b9; }

.top-ppsboxlist {
  position: relative; }
  .top-ppsboxlist__item {
    padding-left: 2.8rem;
    background: url('/images/client/after201909/beforelogin/ppsboxlist.png') no-repeat left top 1px/18px auto;
    font-weight: bold; }
    .top-ppsboxlist__item + .top-ppsboxlist__item {
      margin-top: 1.2rem; }

.top-ppsmodal {
  position: fixed;
  top: 0; bottom: 0; left: 0; right: 0;
  background-color: rgba(0,0,0,.7);
  opacity: 0;
  pointer-events: none;
  z-index: 2000; }
  .top-ppsmodal.on {
    opacity: 1;
    pointer-events: auto; }
  .top-ppsmodal__box {
    position: absolute;
    top: 50%; left: 50%;
    width: 100%;
    max-width: 640px;
    max-height: calc(100vh - 32px);
    background-color: #fff;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
    border-radius: 2px;
    overflow-y: scroll;
    transform: translate(-50%, -50%); }
  .top-ppsmodal__head {
    padding: 20px;
    background-color: #eff8f9;
    font-size: 14px;
    font-weight: bold;
    line-height: 1.6;
    position: relative;
    text-align: center; }
  .top-ppsmodal__head2col {
    margin-top: 16px;
    display: flex;
    justify-content: center;
    align-items: center; }
    .top-ppsmodal__head2col__text {
      margin-right: 12px;
      color: #858b94;
      font-size: 12px;
      line-height: 1.4;
      text-align: left; }
    .top-ppsmodal__head2col__bnr {
      padding: 12px 30px 12px 12px;
      background: url('/images/client/after201909/beforelogin/ppsmodal/pc/clickpoint_g.png') no-repeat right 12px center;
      border: 1px solid #51b8b9;
      border-radius: 3px;
      color: #51b8b9;
      display: block;
      font-size: 12px;
      font-weight: bold;
      line-height: 1;
      text-align: center; }
      .top-ppsmodal__head2col__bnr:hover {
        color: #51b8b9;
        opacity: .8; }
  .top-ppsmodal__2col {
    padding: 20px;
    background-color: #fff;
    display: flex;
    justify-content: space-between;
    position: relative; }
    .top-ppsmodal__2col::before {
      content: "";
      position: absolute;
      top: 100%; left: 50%;
      transform: translateX(-50%);
      border-top: 16px solid #fff;
      border-left: 12px solid transparent;
      border-right: 12px solid transparent; }
  .top-ppsmodal__img {
    width: calc((100% - 16px) / 2);
    padding-right: 40px;
    display: flex;
    align-items: center; }
    .top-ppsmodal__img img {
      margin-left: auto;
      display: block; }
  .top-ppsmodal__close {
    position: absolute;
    top: 8px; right: 12px;
    font-size: 24px;
    font-weight: bold;
    line-height: 1; }
  .top-ppsmodal__option {
    padding: 20px 20px 0;
    background-color: #f3f3f3; }
    .top-ppsmodal__option__caption {
      padding: 20px 0;
      color: #858b94;
      font-size: 12px;
      font-weight: bold;
      text-align: center; }
    .top-ppsmodal__option img {
      margin: 0 auto;
      display: block; }
  .top-ppsmodal__foot {
    padding: 64px 20px 20px; }
    .top-ppsmodal__foot.pt20 {padding-top: 20px; }
  .top-ppsmodal__catch {
    margin-bottom: 10px;
    font-size: 14px;
    font-weight: bold;
    line-height: 1.25;
    text-align: center; }

.top-ppstoresult {
  max-width: 300px;
  margin: -20px auto 0;
  padding: 14px;
  background-color: #fff;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);
  line-height: 1;
  text-align: center;
  transform: translateY(50%); }
  .top-ppstoresult__text {
    margin-bottom: 6px;
    font-size: 12px; }
  .top-ppstoresult__bnr {
    max-width: 220px;
    margin: 0 auto;
    padding: 14px 26px;
    background: url('/images/client/after201909/beforelogin/ppsmodal/pc/clickpoint_w.png') no-repeat right 16px center;
    background-color: #51b8b9;
    border-radius: 3px;
    color: #fff;
    display: block;
    font-size: 14px;
    font-weight: bold; }
    .top-ppstoresult__bnr:hover {
      color: #fff;
      opacity: .8; }

.top-ppsmodalsign {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 12px; }
  .top-ppsmodalsign__up {
    color: #51b8b9;
    font-weight: bold; }
    .top-ppsmodalsign__up:hover {
      color: #51b8b9;
      text-decoration: underline; }
  .top-ppsmodalsign__in {
    margin-left: 10px; }
    .top-ppsmodalsign__in a {
      color: #51b8b9;
      font-weight: bold; }
      .top-ppsmodalsign__in a:hover {
        color: #51b8b9;
        text-decoration: underline; }

.top-ppsmodallist {
  width: calc((100% - 16px) / 2); }
  .top-ppsmodallist__item {
    padding-left: 2.8rem;
    background: url('/images/client/after201909/beforelogin/ppsmodal/pc/ppsboxlist2.png') no-repeat left top 1px;
    font-weight: bold; }
    .top-ppsmodallist__item + .top-ppsmodallist__item {
      margin-top: 1.2rem; }


.top-simu {
  padding: 7rem 1.6rem; }
  .top-simu__h {
    margin-bottom: 3rem;
    font-size: 2.4rem;
    text-align: center; }
  .top-simu__caption {
    margin-bottom: 5rem;
    font-size: 1.6rem;
    text-align: center; }
  .top-simu__comments {
    margin-top: 1.5rem;
    font-size: 1.2rem;
    text-align: center;
    color: #9b9b9b; }

.top-simucalc {
  display: flex;
  justify-content: space-between; }
  .top-simucalc__box {
    width: calc((100% - 68px) / 3);
    padding: 1.8rem;
    background-color: #f6f6f9;
    display: flex;
    flex-direction: column;
    justify-content: space-between; }
  .top-simucalc__h {
    margin-bottom: 1.6rem;
    padding-bottom: .8rem;
    border-bottom: 1px solid #ddd;
    font-weight: bold;
    text-align: center; }
  .top-simucalc__plus,
  .top-simucalc__equal {
    width: 34px;
    color: #32bbb7;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 2.4rem;
    text-align: center; }
  .top-simucalc__caption {
    margin-bottom: .7rem;
    color: #9b9b9b;
    font-size: 1rem;
    line-height: 1; }

.top-simucalcflex {
  display: flex;
  justify-content: space-between;
  align-items: flex-end; }
    .top-simucalcflex_c {
      display: flex;
      justify-content: space-around;
      align-items: flex-end;
      flex-wrap: wrap; }
  .top-simucalcflex__box {
    position: relative; }
  .top-simucalcflex__input {
    display: flex;
    align-items: center;
    font-size: 1.2rem; }
    .top-simucalcflex__input input {
      height: 26px;
      margin-right: 5px;
      padding: 6px;
      background-color: #fff;
      border: 1px solid #ddd;
      border-radius: 2px;
      font-size: 1.6rem;
      text-align: right; }
    .top-simucalcflex__input.w110 input {
      width: 110px; }
    .top-simucalcflex__input.w50 input {
      width: 50px; }
  .top-simucalcflex__x {
    color: #32bbb7;
    font-size: 1.8rem;
    font-weight: bold; }

.top-systemprice {
  font-weight: bold; }

.top-systempeople {
  font-weight: bold; }

.top-resultprice {
  flex-grow: 1;
  color: #32bbb7;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 2rem;
  font-weight: bold; }

.top-simu-point {
  background-color: #eff8f9;
  padding: 2rem;
  margin-bottom: 7rem; }
  .top-simu-point__title {
    position: relative;
    font-size: 1.6rem;
    letter-spacing: 1px;
    color: #476767;
    font-weight: bold;
    padding-bottom: 2rem;
    display: flex;
    align-items:center;
    justify-content: center; }
    .top-simu-point__title-icon {
      width: 22px;
      margin-right: 0.5rem; }
  .top-simu-point__text {
    color: #72848e;
    border: solid 1px #f1f1f1;
    background-color: #ffffff;
    padding: 2rem;
    text-align: center;
    line-height: 1.71; }
    .top-simu-point__text-line {
      padding: 0 6px;
      background: linear-gradient(transparent 50%, #d1efef 50%); }
  .top-simu-point__btn {
    border-radius: 3px;
    border: solid 1px #51b8b9;
    background-color: #ffffff;
    margin: 2rem auto 0;
    width: 30%; }
    .top-simu-point__btn a {
      position: relative;
      display: block;
      color: #51b8b9;
      font-weight: bold;
      padding: 1rem;
      font-size: 1.2rem; }
      .top-simu-point__btn a:after {
        content: '≫';
        position: absolute;
        right: 10%; }
      .top-simu-point__btn a:hover {
        opacity: .8; }

.top-partner {
  padding-top: 5rem;
  border-top: 1px solid #ddd; }
  .top-partner__h {
    margin-bottom: 5rem;
    font-size: 2.4rem;
    text-align: center; }
  .top-partner__h2 {
    margin: 7rem 0 5rem;
    font-size: 1.8rem;
    text-align: center; }
  .top-partner__img {
    margin-bottom: 40px; }

.area-castgenre {
  padding: 3.2rem 1.6rem; }
  .area-castgenre__h {
    margin-bottom: 3rem;
    font-size: 2.4rem;
    text-align: center; }
  .area-castgenre__caption {
    margin-bottom: 5rem;
    font-size: 1.6rem;
    text-align: center; }

.castgenre-menu {
  padding: 1.6rem 1.6rem 1.4rem;
  background-color: #f6f6f9;
  display: flex;
  flex-wrap: wrap; }
  .castgenre-menu__item {
    width: calc((100% - 6px) / 4);
    margin: 0 2px 2px 0;
    padding: 3rem 1.6rem 1.6rem;
    background-color: #fff; }
    .castgenre-menu__item:nth-of-type(4n),
    .castgenre-menu__item:last-child {
      margin-right: 0; }
  .castgenre-menu__h {
    margin-bottom: 2rem;
    font-size: 1.6rem;
    font-weight: bold;
    text-align: center; }
  .castgenre-menu__caption {
    margin-bottom: 2rem; }

.castcat1 {
  margin-bottom: 2rem;
  color: #51b8b9;
  display: block;
  font-weight: bold;
  text-decoration: underline; }
  .castcat1:hover {
    color: #51b8b9;
    text-decoration: underline; }

.castcat2list {
  color: #51b8b9;
  text-decoration: underline; }
  .castcat2list:hover {
    color: #51b8b9;
    text-decoration: underline; }
  .castcat2list__item + .castcat2list__item {
    margin-top: .5rem; }
.production-container {
  background-color: #ebf7f8;
  padding-top: 50px;
}
.area-production {
  padding: 0 1.6rem; }
  .area-production__h {
    font-weight: 600;
    font-size: 24px;
    text-align: center; }
  .area-production__caption {
    margin-bottom: 5rem;
    font-size: 1.6rem;
    text-align: center; }

.productionlist {
  display: flex;
  flex-wrap: wrap; }
  .productionlist__item {
    width: calc((100% - 40px) / 6);
    margin: 0 8px 2rem 0; }
    .productionlist__item:nth-of-type(6n),
    .productionlist__item:last-child {
      margin-right: 0; }
  .productionlist__img {
    border: 1px solid #ddd; }
    .productionlist__img img {
      margin: 0 auto;
      display: block; }
  .productionlist__name {
    margin-top: .5rem;
    font-size: 1.2rem;
    line-height: 1.25;
    text-align: center; }

.area-castcategory {
  padding: 3.2rem 1.6rem; }
  .area-castcategory__h {
    margin-bottom: 3rem;
    font-size: 2.4rem;
    text-align: center; }
  .area-castcategory__caption {
    margin-bottom: 5rem;
    font-size: 1.6rem;
    text-align: center; }

.castcategory-menu {
  display: flex;
  flex-wrap: wrap; }
  .castcategory-menu__item {
    width: calc((100% - 6rem) / 4);
    margin: 0 2rem 3.6rem 0; }
    .castcategory-menu__item:nth-of-type(4n),
    .castcategory-menu__item:last-child {
      margin-right: 0; }
  .castcategory-menu__img img {
    margin: 0 auto;
    display: block; }  
  .castcategory-menu__name {
    margin-top: 1rem;
    font-size: 1.2rem;
    text-align: center; }

.sideheading {
  border-bottom: 1px solid #333;
  line-height: 1; }
  .sideheading a {
    padding: 1rem 3rem 1rem 1rem;
    background: url('/images/client/tri_toright_333.png') no-repeat right 1.2rem center/1rem auto;
    display: block;
    font-weight: bold; }
    .sideheading.current a {
      background-image: url('/images/client/tri_toright_green.png');
      background-color: #EDF7F8;
      color: #51b8b9; }
    .sideheading a:hover {
      background-image: url('/images/client/tri_toright_green.png');
      color: #51b8b9; }

.sidemenu {
  font-size: 1.2rem;
  line-height: 1.25; }
  .sidemenu__item {
    border-bottom: 1px solid #ddd;
    position: relative; }
    .sidemenu__item.current {
      background-color: #EDF7F8;
      color: #51b8b9; }
    .sidemenu__item.flexbox a {
      display: flex;
      justify-content: space-between;
      align-items: center; }
    .sidemenu__item:hover .sidemenu__child {
      opacity: 1;
      pointer-events: auto; }
    .sidemenu__item > a {
      padding: 1rem 3.5rem 1rem 2rem;
      background: url('/images/client/arrow_toright_333.png') no-repeat right 1rem center/14px auto;
      display: block; }
      .sidemenu__item > a:hover {
        color: #51b8b9; }
    .sidemenu__item img {
      max-height: 2rem; }
    .sidemenu__item__text {
      display: inline-block;
      font-size: 1rem;
      font-weight: bold;
      text-align: right; }
  .sidemenu__child {
    width: 180px;
    position: absolute;
    top: 10px; left: calc(100% - 5rem);
    padding: 1rem 2rem;
    background-color: #fff;
    border: 1px solid #ddd;
    color: #333;
    opacity: 0;
    pointer-events: none;
    z-index: 1; }
    .sidemenu__child__item + .sidemenu__child__item {
      margin-top: 1.2rem; }
    .sidemenu__child__item a:hover {
      color: #51b8b9; }

.sidetextlink {
  margin: 1rem 0 2.4rem;
  color: #51b8b9;
  font-size: 1.2rem; }
  .sidetextlink.text-right {
    text-align: right; }

.sidebnr {
  margin: 2.4rem 0;
  font-size: 1.4rem;
  line-height: 1.25;
  position: relative;
  text-align: center; }
  .sidebnr.green {
    color: #fff; }
    .sidebnr.green > a {
      padding: 1.6rem;
      background-color: #51b8b9;
      border-radius: 2px;
      display: block; }
      .sidebnr.green > a:hover {opacity: .8;}
  .sidebnr.white > a {
    padding: 1.4rem;
    border: 1px solid #333;
    display: block;
    font-weight: bold; }
    .sidebnr.white a:hover {opacity: .8;}

.side-signup {
  position: absolute;
  top: 5px; left: calc(100% - 1rem);
  width: 180px;
  font-size: 1.2rem;
  opacity: 0;
  pointer-events: none;
  text-align: left; }
  .side-signup__list {
    padding: 1.2rem;
    background-color: #fff;
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.2); }
  .sidebnr.signup > a:hover + .side-signup,
  .side-signup:hover {  
    opacity: 1;
    pointer-events: auto; }
  .side-signup__client a {
    padding-left: 2.4rem;
    background: url('/images/client/icon_login_company.png') no-repeat left center;
    color: #51b8b9; }
    .side-signup__client a:hover {
      opacity: .8; }
  .side-signup__cast {
    margin-top: 1rem; }
    .side-signup__cast a {
      padding-left: 2.4rem;
      background: url('/images/client/icon_login_cast.png') no-repeat left center;
      color: #fb9943; }
      .side-signup__cast a:hover {
        opacity: .8; }

.sidehelplink {
  margin-bottom: 2.4rem;
  line-height: 18px;
  text-align: center; }
  .sidehelplink a {
    padding-left: 2.6rem;
    background: url('/images/client/after201909/beforelogin/headermenu_help.png') no-repeat left center/18px auto;
    display: inline-block;
    font-size: 1.2rem; }

.sidetel {
  margin-bottom: 2.4rem;
  padding-top: 1.8rem;
  border-top: 1px solid #333;
  text-align: center; }
  .sidetel__tel {
    font-size: 1.8rem;
    font-weight: bold; }
  .sidetel__caption {
    font-size: 1.1rem; }


.area-footer-publish {
  border-top: 1px solid #ddd; }
  .area-footer-publish__content {
    padding: 4rem 1.6rem 1.6rem;
    background-color: #fff; }
    .area-footer-publish__content.bg_f7f7f7 {
      background-color: #f7f7f7; }
  .area-footer-publish__content2 {
    background-color: #f0f0f0; }
  .area-footer-publish__h {
    margin-bottom: 3.2rem;
    padding-top: 2.4rem;
    color: #48485a;
    font-size: 2.4rem;
    line-height: 1;
    text-align: center; }
  .area-footer-publish__caption {
    margin-bottom: 4.4rem;
    color: #48485a;
    font-size: 13px;
    text-align: center; }
  .area-footer-publish__cr {
    padding: 1.6rem;
    background-color: #48485a;
    color: #fff;
    font-size: 12px;
    line-height: 1;
    position: relative;
    text-align: center; }

.footersearch {
  margin-bottom: 7rem;
  display: flex;
  justify-content: center;
  align-items: center; }
  .footersearch__input {
    width: 343px;
    height: 36px;
    margin-right: 2rem;
    padding: 0 1.2rem;
    background-color: #fff;
    border: 1px solid #d3d8dc;
    border-radius: 2px;
    display: flex;
    align-items: center; }
  .footersearch__btn {
    width: 186px;
    height: 36px;
    padding: 0 1.6rem;
    background-color: #56b8b8;
    border: none;
    border-radius: 2px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.4rem;
    text-align: center; }
    .footersearch__btn > span {
      padding-left: 2.4rem;
      background: url("/images/client/after201909/beforelogin/icon_search_white.png") no-repeat left center/1.6rem auto;
      display: inline-block; }
    .footersearch__btn:hover {
      opacity: 0.8; }

.footerlv3h {
  max-width: 1200px;
  margin: 0 auto 1.6rem;
  padding-bottom: .8rem;
  border-bottom: 1px solid #e6e6e6;
  color: #333;
  font-size: 1.4rem; }

.footertags {
  max-width: 1200px;
  margin: 0 auto 4.4rem;
  display: flex;
  flex-wrap: wrap; }
  .footertags__item {
    margin: 0 4px 4px 0; }
    .footertags__item > a {
      padding: 10px 13px;
      background-color: #f2f2f2;
      border-radius: 2px;
      color: #717171;
      display: inline-block;
      font-size: 1.2rem;
      line-height: 1; }

.footerguide {
  max-width: 1200px;
  margin: 0 auto;
  padding-top: 4rem;
  display: flex; }
  .footerguide__h {
    margin-bottom: 3.6rem;
    color: #48485a;
    font-size: 1.8rem;
    text-align: center; }
  .footerguide__img {
    margin: 0 auto 2.8rem;
    display: block; }
  .footerguide__text {
    margin-bottom: 2rem;
    color: #48485a;
    font-size: 1.4rem;
    line-height: 1.7;
    word-break: break-all; }
    .footerguide__text.frame {
      padding: 1rem;
      background-color: #fff; }
  .footerguide__link {
    margin-bottom: 2.8rem;
    color: #56b8b8;
    font-size: 12px;
    text-align: right; }
    .footerguide__link a {
      padding-left: 1.6rem;
      background: url("/images/client/after201909/beforelogin/icon_more_green.png") no-repeat left center/6px auto; }
  .footerguide__col {
    width: 27%;
    padding: 1.6rem 2.4rem;
    border-right: 1px solid #ccc; }
    .footerguide__col:first-child {
      width: 46%; }
    .footerguide__col:last-child {
      border: none; }

  .new-area-contacthead {
    padding: 32px 16px 25px;
    background-color: #f5f5f2;
  }
  .new-area-contacthead > * {
    margin-bottom: 24px; }
  .new-area-contacthead__h {
    font-weight: bold;
    font-size: 32px;
    color: #51b8b9;
    text-align: center; }
  .new-area-contacthead__catch {
    font-size: 16px;
    font-weight: bold;
    text-align: center; }
  .new-area-contacthead__text {
    font-size: 1.2rem;
    text-align: center; }
  .new-area-contacthead__compliance {
    font-size: 1.2rem;
    text-align: center;}
  .new-area-contacthead a {
    color: #4cb8ba;
    text-decoration:underline;
  }

.new-area-contactguide {
  max-width: 960px;
  margin: 24px auto 0;
  padding: 20px 24px;
  border-radius: 12px;
  background-color: #eaf6ff;
  border: 1px solid #bcd8f2;
  display: flex;
  align-items: flex-start;
  gap: 20px;
  color: #2b4257; }
  .new-area-contactguide__icon {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background-color: #4cb8ba;
    color: #fff;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    font-size: 18px; }
  .new-area-contactguide__title {
    font-weight: bold;
    font-size: 1.4rem;
    margin-bottom: .6rem; }
  .new-area-contactguide__text {
    font-size: 1.3rem;
    line-height: 1.5;
    margin-bottom: .8rem; }
  .new-area-contactguide__link a {
    color: #0075c1;
    font-weight: bold;
    text-decoration: underline; }

  .new-area-contactmenu__text {
    margin : 20px 15px;
    font-size: 1.2rem;
    text-align: center;
  }
    .new-area-contactmenu__text .red {
      color: #d0021b; }

.area-contacthead {
  padding: 3.6rem 1.6rem 2.4rem; }
  .area-contacthead__h {
    margin-bottom: 3.6rem;
    font-size: 2.4rem;
    text-align: center; }
    .area-contacthead__h__caption {
      margin-top: .8rem;
      display: block;
      font-size: 1.4rem;
      font-weight: bold;
      line-height: 1;
      text-align: center; }
  .area-contacthead__img {
    max-width: 295px;
    margin: 0 auto; }
    .area-contacthead__img img {
      margin: 0 auto;
      display: block; }
      .area-contacthead__img.w80 img {
        width: 80px;
        height: auto; }
  .area-contacthead__catch {
    margin-top: 2.4rem;
    color: #51b8b9;
    font-size: 2rem;
    font-weight: bold;
    text-align: center; }
  .area-contacthead__text {
    margin-top: 1.6rem;
    font-size: 1.2rem;
    text-align: center; }
    .area-contacthead__text--bold {
      font-weight: bold; }
  .area-contacthead__text2 {
    margin-top: 2.4rem;
    line-height: 1.8;
    text-align: center; }
  .area-contacthead__text3 {
    font-size: 2rem;
    color: #ee774f; 
    text-align: center;
    font-weight: bold; }
  .area-contacthead__compliance {
    color: #4cb8ba;
    font-size: 1.2rem;
    text-align: right;
    max-width: 1120px;
    margin: 1rem auto; }

.area-contactmenu {
  max-width: 1120px;
  margin: 0 auto; }
  .area-contactmenu__text {
    margin-top: 3rem;
    font-size: 1.2rem;
    text-align: center; }
    .area-contactmenu__text .red {
      color: #d0021b; }

.area-register {
  max-width: 1120px;
  margin: 2.4rem auto 0;
  background-color: #eee;
  padding: 3.3rem 2rem; }
  .area-register__text {
    text-align: center;
    font-size: 1.8rem;
    font-weight: bold;
    color: #4a4a4a;
    line-height: 1.67; }
  .area-register__btn {
    width: 246px;
    margin: 2.4rem auto 0; }
    .area-register__btn a {
      display: block;
      background-color: #56b8b8;
      color: #fff;
      text-align: center;
      border-radius: 40px;
      padding: 1.7rem;
      font-weight: bold; }
      .area-register__btn a:hover {
        opacity: .8; }

.contact-menu {
  display: flex;
  justify-content: center;
  line-height: 1.25;
  border-bottom: 1px solid #ddd;
  padding-bottom: 2.4rem; }
  .contact-menu__item {
    width: 200px; }
    .contact-menu__item + .contact-menu__item {
      margin-left: 4rem; }
    .contact-menu__item a {
      padding: 1.6rem 2.6rem 1.6rem 1.6rem;
      background: url('/images/client/after201909/beforelogin/icon_more_white.png') no-repeat right 1.6rem center;
      background-color: #51b8b9;
      border-radius: 2px;
      color: #fff;
      display: block;
      text-align: center; }
      .contact-menu__item a:hover {
        opacity: .8; }

.area-contactform {
  max-width: 1120px;
  margin: 0 auto; }

.contact-errorhead {
  max-width: 1120px;
  margin: 2.2rem auto 1.6rem;
  padding: 2.4rem;
  background-color: #fdf0f1;
  color: #d0021b;
  text-align: center; }
  .contact-errorhead__text {
    padding-left: 3rem;
    background: url('/images/client/after201909/beforelogin/precautions.png') no-repeat left center/18px auto;
    display: inline-block;
    font-weight: bold; }

.contact-formbox {
  padding: 3rem 0; }
  .contact-formbox__h {
    margin-bottom: 1.8rem;
    font-size: 2.4rem;
    font-weight: bold; }

.contact-formlist {
  position: relative; }
  .contact-formlist__item {
    border-top: 1px solid #ddd;
    display: flex;
    justify-content: space-between; }
    .contact-formlist__item.border-bottom {
      border-bottom: 1px solid #ddd; }
    .contact-formlist__item:last-child {
      border-bottom: 1px solid #ddd; }
    .contact-formlist__item .w280 {
      width: 280px; }
    .contact-formlist__item .w480 {
      max-width: 480px; }
  .contact-formlist__item input {
    width: 100%;
    height: 24px;
    padding: 0 1.2rem;
    border: 1px solid #ddd;
    border-radius: 2px;
    display: inline-flex;
    align-items: center; }
  .contact-formlist__item textarea {
    width: 100%;
    min-height: 120px;
    padding: 1.2rem;
    border: 1px solid #ddd;
    border-radius: 2px; }
    .contact-formlist__item .w750 {
      width: 750px; }
  .contact-formlist__select {
    display: block;
    position: relative; }
    .contact-formlist__select::before {
      content: "▼";
      position: absolute;
      pointer-events: none;
      top: 1px; bottom: 1px; right: 1px;
      padding: 0 1rem 0 5rem;
      background: linear-gradient(to right, rgba(255,255,255,0), rgba(255,255,255,.9), rgba(255,255,255,1));
      display: flex;
      align-items: center;
      font-size: 1rem; }
    .contact-formlist__select select {
      width: 100%;
      height: 24px;
      padding: 0 1.2rem;
      background-color: #fff;
      border: 1px solid #ddd;
      border-radius: 2px;
      display: flex;
      align-items: center; }
  .contact-formlist__item .error {
    background-color: #fdf0f1; }
  .contact-formlist__th {
    width: 240px;
    padding: 1.6rem 1.6rem 1.6rem 2.8rem;
    background-color: #eee;
    font-weight: bold; }
    .contact-formlist__th.required {
      position: relative; }
      .contact-formlist__th.required::before {
        content: "※";
        position: absolute;
        top: 1.6rem; left: 1rem;
        color: #d0021b; }
  .contact-formlist__td {
    width: calc(100% - 240px);
    padding: 1.6rem 2.8rem; }
    .contact-formlist__td--height {
      padding-bottom: 16.8rem; }
  .contact-formlist__inner-flex {
    display: flex;
    align-items: center; }
    .contact-formlist__inner-flex .contact-formlist__error {
      margin: 0 0 0 3.5rem; }
    .pre-wrap {
      white-space: pre-wrap;
    }
    .contact-formlist__tdrow {
      margin-bottom: 10px;
      display: flex;
      align-items: center; }
  .contact-formlist__caption {
    margin-top: .8rem;
    display: block;
    font-size: 1.2rem;
    line-height: 1; }
  .contact-formlist__unit {
    margin-left: 1.4rem;
    display: inline-block; }
  .contact-formlist__error {
    margin-top: .8rem;
    color: #d0021b;
    font-size: 1.2rem;
    font-weight: bold;
    line-height: 1; }

.new-contact-formlist {
  position: relative; 
  font-size: 12px; }
.new-contact-formlist:last-child {
  border-bottom: 1px solid #ddd; }
  .new-contact-formlist__item {
    border-top: 1px solid #ddd;
    display: flex;
    justify-content: space-between; }
    .new-contact-formlist__item .w200-pc {
      width: 200px; }
    .new-contact-formlist__item .w452 {
      max-width: 452px; }
    .new-contact-formlist__item .w769 {
      max-width: 769px; }
  .new-contact-formlist__item input {
    width: 100%;
    height: 30px;
    padding: 0 1.2rem;
    border: 1px solid #ddd;
    border-radius: 2px;
    display: inline-flex;
    align-items: center; }
  .new-contact-formlist__item input::placeholder {
    font-size: 12px; }
  .new-contact-formlist__item textarea {
    width: 100%;
    height: 209px;
    padding: 1.2rem;
    border: 1px solid #ddd;
    border-radius: 2px; }
  .new-contact-formlist__select {
    position: relative; }
  .new-contact-formlist__select::after {
    position: absolute;
    top: 7px;
    right: 12px;
    width: 8px;
    height: 6px;
    background-color: #333333;
    clip-path: polygon(0 0, 100% 0, 50% 100%);
    content: '';}
  .new-contact-formlist__select select {
    width: 300px;
    height: 30px;
    font-size: 12px;
    padding: 0 1.2rem;
    border: 1px solid #ddd;
    border-radius: 2px; }
    .new-contact-formlist__item .w750 {
      width: 750px; }
  .new-contact-formlist__item .error {
    background-color: #fdf0f1; }
  .new-contact-formlist__th {
    width: 290px;
    padding: 21px 24px;;
    background-color: #eee;
    font-weight: bold; }
    .new-contact-formlist__th.required {
      position: relative; }
      .new-contact-formlist__th.required::after {
        content: "※";
        margin-left: 1px;
        color: #d0021b; }
  .new-contact-formlist__td {
    width: calc(100% - 290px);
    padding: 14px 32px; }
    .new-contact-formlist__td--height {
      padding-bottom: 16.8rem; }
  .new-contact-formlist__inner-flex {
    display: flex;
    align-items: center; }
    .new-contact-formlist__inner-flex .new-contact-formlist__error {
      margin: 0 0 0 3.5rem; }
    .pre-wrap {
      white-space: pre-wrap;
    }
  .new-contact-formlist__caption {
    margin-top: .8rem;
    display: block;
    line-height: 1; }
  .new-contact-formlist__caption--top {
    margin-bottom: 6px;
    display: block;
    line-height: 1; }
  .new-contact-formlist__error {
    margin-top: .8rem;
    color: #d0021b;
    font-weight: bold;
    line-height: 1; }
  .new-contact-formlist__name {
    margin-right: 8px;
  }

.contact-formtel {
  display: flex;
  align-items: center; }
  .contact-formtel input {
    max-width: 98px; }
  .contact-formtel__hyphen {
    padding: 0 .5rem;
    display: inline-block; }

.contact-formedit {
  padding: 0 1.6rem; }
  .contact-formedit--padding {
    padding: 0; }
  .contact-formedit a {
    width: 100%;
    max-width: 100px;
    padding: 1.6rem;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 2px;
    color: #858b94;
    display: block;
    line-height: 1;
    text-align: center; }

.contact-formsubmit {
  padding: 6rem 1.6rem; }
  .contact-formsubmit--padding {
    padding: 2.4rem 0 8.8rem; }
  .contact-formsubmit__caption {
    font-size: 1.2rem;
    line-height: 1.8;
    text-align: center; }
    .contact-formsubmit__caption--left {
      text-align: left; }
    .contact-formsubmit__caption .link {
      color: #51b8b9; }
  .contact-formsubmit__submit {
    position: relative; }
    .contact-formsubmit__submit.margin4rem0 {
      margin: 4rem 0; }
    .contact-formsubmit__submit input {
      width: 100%;
      max-width: 540px;
      margin: 0 auto;
      padding: 2.6rem;
      background-color: #51b8b9;
      border-radius: 2px;
      color: #fff;
      cursor: pointer;
      display: block;
      font-size: 2.4rem;
      font-weight: bold;
      line-height: 1;
      text-align: center; }
      .contact-formsubmit__submit input:hover {
        opacity: .8; }
      .contact-formsubmit__submit--weight input {
        font-weight: normal; }

.contact-gototop {
  margin: 4.5rem 0;
  padding: 0 1.6rem;
  color: #51b8b9;
  text-align: center; }
  .contact-gototop a {
    font-weight: bold; }
  .contact-gototop--margin {
    margin: 10.3rem 0 5.6rem; }

.contact-thanksnote {
  max-width: 1120px;
  margin: 0 auto;
  padding: 0 1.6rem 4rem;
  font-size: 1.2rem; }
  .contact-thanksnote--margin {
    padding-bottom: 9.4rem; }
  .contact-thanksnote__inner {
    padding: 2rem;
    background-color: #fdf0f1; }
    .contact-thanksnote__inner--padding {
      padding: 1.8rem 5rem; }
  .contact-thanksnote__catch {
    margin-bottom: 2rem;
    font-weight: bold; }
  .contact-thanksnote__text {
    position: relative; }
    .contact-thanksnote__text + .contact-thanksnote__text {
      margin-top: 1.6rem; }

.contact-formfooter {
  padding: 6rem 1.6rem; }

.area-contactfooter {
  background-color: #f0f0f0; }
  .area-contactfooter__inner {
    padding-bottom: 4rem; }
  .area-contactfooter__catch {
    padding: 1.6rem;
    background-color: #48485a;
    color: #fff;
    font-weight: bold;
    line-height: 1.25;
    text-align: center; }
  .area-contactfooter__head {
    max-width: 1120px;
    margin: 0 auto;
    padding: 3rem 1.6rem;
    border-bottom: 1px solid #ccc;
    line-height: 1.25;
    text-align: center; }
  .area-contactfooter__tel {
    font-size: 2.4rem; }
    .area-contactfooter__tel a,
    .area-contactfooter__tel span {
      font-weight: bold; }
  .area-contactfooter__caption {
    margin-top: .5rem;
    font-size: 1.1rem; }
  .area-contactfooter__catch2 {
    margin: 4.5rem 0;
    font-size: 2.4rem;
    line-height: 1.25;
    text-align: center; }
  .area-contactfooter__bnr {
    padding: 0 1.6rem; }
    .area-contactfooter__bnr a {
      max-width: 320px;
      margin: 0 auto;
      padding: 1.6rem;
      background-color: #fff;
      border: 1px solid #51b8b9;
      border-radius: 2px;
      color: #51b8b9;
      display: block;
      font-size: 1.6rem;
      line-height: 1;
      text-align: center; }
      .area-contactfooter__bnr a:hover {
        opacity: .8; }

.contact-footermenu {
  max-width: 1120px;
  margin: 5rem auto -3rem;
  padding: 0 1.6rem;
  display: flex;
  flex-wrap: wrap; }
  .contact-footermenu__item {
    width: calc((100% - 12rem) / 4);
    margin: 0 3rem 3rem 0; }
    .contact-footermenu__item:nth-of-type(4n),
    .contact-footermenu__item:last-child {
      margin-right: 0; }
  .contact-footermenu__h {
    margin-bottom: 1rem;
    font-weight: bold;
    line-height: 1; }

.contact-footercat {
  color: #51b8b9;
  font-size: 1.2rem;
  line-height: 1.25; }
  .contact-footercat__item + .contact-footercat__item {
    margin-top: .5rem; }

.common-copyright {
  padding: 0 1.6rem;
  background-color: #48485a;
  color: #fff; }
  .common-copyright__menu {
    padding: 2rem 0 1rem;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.2rem; }
    .common-copyright__menu__item {
      padding: 0 .8rem; }
      .common-copyright__menu__item + .common-copyright__menu__item {
        border-left: 1px solid #fff; }
  .common-copyright__copyright {
    padding: 1rem 0;
    font-size: 1rem;
    text-align: center; }

.contact-tel {
  background-color: #FAFAFA;
  padding: 4.4rem 2rem 2.8rem;
  color: #48485B; }
  .contact-tel__text {
    font-size: 1.8rem;
    font-weight: 600;
    margin-bottom: 2.2rem;
    text-align: center; }
  .contact-tel__num-area {
    width: 205px;
    margin: 0 auto;
    position: relative; }
    .contact-tel__num-area:before {
    content: '';
    background: url('/images/contact/phone.svg') center /24px auto no-repeat;
    display: block;
    position: absolute;
    top: 12px;
    left: -44px;
    width: 24px;
    height: 24px; }
  .contact-tel__num a {
    font-size: 2.4rem;
    font-weight: 600;
    letter-spacing: 1.71px;
    margin-bottom: 1.2rem; }
    .contact-tel__num a:hover {
      color: #56b8b8; }
  .contact-tel__bottom {
    font-size: 1.2rem;
    font-weight: 400;
    text-align: left; }

.alliance__inner,.alliance__inner2 {
  max-width: 1120px;
  margin: 0 auto;
  padding: 0 3rem; }

.alliance__mv {
  background: url('/images/alliance/bgimg.png') 0% 0% /cover no-repeat; }
.hyourox {
  background: #000000 !important;
}
.hyourox .alliance__mv__inner {
  max-width: 1060px;
  background: url('/images/alliance/hyourox_top.png') center center /cover no-repeat;
  padding: 4rem 3rem;
  display: flex;
  margin: 0 auto;
  justify-content: center;
  align-items: center; }

.unicode .alliance__mv__inner {
  background: url('/images/alliance/UNICODE団体@2x.png') center center /contain no-repeat;
  padding: 0;
  display: flex;
  margin: 0 auto;
  justify-content: center;
  align-items: center;
  height: 41.7vw;
  width: 100vw;
  max-width: 100vw !important;
}

.unicode .alliance__mv-l {
  text-align: center;
}

.unicode .alliance__mv-l__text--center {
  text-shadow: 0 2px 4px #000000;
}
.unicode .alliance__mv__btn a {
  margin-top: 40px;
  width: 473px;
  height: 62px;
}

.alliance__brand__description {
  text-align: center;
  font-size: 12px;
}

.unicode-image-list {
  display: flex;
  flex-wrap: wrap;
  margin: 36px 0 57px;
  justify-content: space-between;
  text-align: center;
}

.cast-img-container p {
  color: #333333;
  font-size: 12px;
  font-weight: bold;
  margin-top: 10px;
}
.small-sp {
  display: none;
}

.saraba {
  background: url('/images/alliance/background.png') 0% 0% /cover no-repeat; }
  .alliance__mv__inner {
    max-width: 1120px;
    padding: 4rem 3rem; 
    display: flex;
    margin: 0 auto;
    justify-content: space-between;
    align-items: center; }
  .alliance__mv-l__pic {
    display: block;
    margin: 0 auto 4rem; }
  .alliance__mv-l {
    width: 60%;
    margin-right: 5rem; }
  .alliance__mv-l__title {
    font-size: 3.6rem;
    font-weight: bold;
    margin-bottom: 4.2rem; }
  .alliance__mv-l__text {
    font-size: 2rem;
    font-weight: bold;
    margin-bottom: 3rem; }
    .alliance__mv-l__text--center {
      text-align: center; }
  .alliance__mv__btn a {
    width: 100%;
    max-width: 480px;
    margin: 0 auto;
    padding: 20px;
    background-color: #51b8b9;
    border-radius: 2px;
    color: #fff;
    cursor: pointer;
    display: block;
    font-size: 2.4rem;
    line-height: 1;
    font-weight: bold;
    text-align: center; }
    .alliance__mv__btn a:hover {
      opacity: .8; }
  .alliance__mv-r {
    width: 40%; }
  .alliance__slider {
    margin: 0 auto;
    width: 100%; }
    .alliance__up {
      position: relative; }
      .alliance__up a {
        background-color: #fff;
        display: block;
        overflow: hidden;
        position: relative; }
        .alliance__up a::before {
          content: "";
          padding-top: 75%;
          display: block; }
        .alliance__up.ratio16-9 a::before {
          padding-top: 56.25%; }
        .alliance__up a img {
          position: absolute;
          top: 0; left: 50%;
          width: 100%;
          height: auto;
          transform: translateX(-50%); }
    .alliance__slider__big {
      background-color: rgba(0, 0, 0, 0.5);
      position: absolute;
      pointer-events: none;
      width: 34px;
      height: 34px;
      right: 0;
      bottom: 0;
      text-align: center;
      line-height: 3.5; }

  .alliance__slider img {
    height: 320px;
    width: 100%;
    object-fit: cover;
    object-position: 0% 0%; }
  .alliance__thumb {
    margin-top: 10px; }
    .alliance__thumb__item {
      position: relative; }
      .alliance__thumb__item::before {
        content: "";
        padding-top: 75%;
        display: block; }
      .ratio16-9 .alliance__thumb__item::before {
        padding-top: 56.25%; }
      .alliance__thumb__item img {
        position: absolute;
        top: 0; left: 50%;
        width: calc(100% - 7px);
        transform: translateX(-50%); }

.alliance__brand__h2,
.alliance__contact__h2,
.production-list__h2 {
  width: 100%;
  font-size: 2.4rem;
  font-weight: bold;
  margin: 10rem auto;
  text-align: center;
  display: inline-block;
  position: relative; }
  .add_section {
    margin: 5rem auto 10rem; }
.alliance__contact__h2 {
  margin: 5rem auto 8rem; }
  .alliance__brand__h2::before,
  .alliance__contact__h2::before,
  .production-list__h2::before {
    content: '';
    position: absolute;
    left: 50%;
    bottom: -30px;
    display: inline-block;
    width: 90px;
    height: 2px;
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translate(-50%);
    background-color: #51b8b9; }
  .alliance__brand__h2:has(+ .alliance__brand__h3) {
      margin-bottom: 44px; }

  .alliance__brand2{
    border-top: solid #cccccc;
    border-width: 1px 0; }

.alliance__brand__h3 {
  width: 100%;
  font-size: 18px;
  font-weight: bold;
  margin: 27px auto;
  text-align: center; }

.alliance__brand__contents {
  display: flex;
  justify-content: space-between;
  align-items: center; }
  .alliance__brand__contents--btm {
    margin-bottom: 5rem; }
  .alliance__brand__contents-l {
    width: 35%; }
    .alliance__list {
      font-size: 2rem; }
      .alliance__list__item {
        font-weight: bold;
        position: relative;
        line-height: 2em;
        padding-left: 1.5em;
        margin: 3rem 0; }
        .alliance__list__item--margin20 {
          margin: 2rem 0; }
        .alliance__list__item::before {
          content: "";
          position: absolute;
          left: 0;
          top: 10px;
          display: inline-block;
          width: 1em;
          height: 1em;
          line-height: 2;
          background: url(/images/alliance/check-circle26.png) no-repeat;
          background-size: contain; }
        .alliance__list__item:first-child {
          margin-top: 0; }
        .alliance__list__item:last-child {
          margin-bottom: 0; }

      .alliance__list__underline {
        border-bottom: dashed 2px #bac0c2;
        font-weight: bold;
        padding-bottom: 6px; }
    .alliance__list--center {
      margin: 0 auto 9rem; }
    
    .alliance__topics__list {
      font-size: 12px; 
      width: 100%; }
      .alliance__topics__item {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        min-height: 59px;
        border-top: 1px solid #cccccc; }
      .alliance__topics__item:last-child {
        border-bottom: 0px; }
        .alliance__topics__item__date {
          margin: auto 20px;
          font-weight: bold; }
        .alliance__topics__item__text {
          margin: 20px auto 20px 24px; }
        .alliance__topics__item__category {
          display: flex;
          justify-content: center;
          align-items: center;
          height: 28px;
          width: 100px;
          border-radius: 14px;
          margin: auto 15px; }
          .alliance__topics__item__category__text {
            font-weight: bold
          }
  
  .alliance__brand__contents-r img {
    max-width: 100%;
    height: auto;
    margin-left: 2rem; }

  .alliance__brand__more {
      text-align: right; }
    .alliance__brand__link {
      display: inline-block;
      font-size: 1.4rem;
      color: #51b8b9;
      margin: 2rem 0 5rem; }
      .alliance__brand__link:hover {
        color: #51b8b9; }
      .alliance__brand__link::after {
        content: '>';
        padding-left: 0.5rem; }

.production-list {
  padding-bottom: 5rem;
  background-color: #edf7f8; }
  .production-list__inner,.production-list__inner2 {
    max-width: 1120px;
    margin: 0 auto;
    padding: 0 3rem; }
  .production-list__text {
    font-size: 1.8rem;
    text-align: center;
    margin-bottom: 11.2rem; }
  .production-list__contents {
    max-width: 1060px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap; }
    .production-list__contents__box {
      width: calc((100% - 5.4rem) / 10);
      margin: 0 .6rem 0 0; }
      .production-list__contents__box:nth-of-type(10n),
      .production-list__contents__box:last-child {margin-right: 0; }
      .production-list__contents__box img {
        margin: 0 auto;
        display: block; }

  .production-list__more {
    max-width: 1060px;
    margin: 2rem auto 0;
    text-align: right; }
    .production-list__link {
      width: 194px;
      display: inline-block;
      font-size: 16px;
      font-weight: 600;
      text-decoration: underline;
      text-underline-offset: 2px;
      background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg"><path fill="%2356b8b8" d="M.156.156A.579.579 0 0 1 .883.104l.053.042 4.897 4.467a.493.493 0 0 1 .049.69l-.047.049-4.898 4.5a.578.578 0 0 1-.78-.007.493.493 0 0 1-.038-.682l.046-.049 4.494-4.13L.167.887A.493.493 0 0 1 .11.206l.045-.05z" /></svg>') no-repeat center left 0/8px 10px;
      color: #51b8b9; }
      .production-list__link:hover {
        text-decoration: underline;
        text-underline-offset: 2px;
        color: #51b8b9; }
      .production-list__link::after {
        padding-left: 0.5rem; }

.productionform-contact .alliance__contact {
  border-top: none; }

.alliance__contact {
  max-width: 1060px;
  margin: 0 auto;
  border: solid #cccccc;
  border-width: 1px 0;
  padding-bottom: 1.5rem; }
  .alliance__contact__text {
    margin-top: 1.6rem;
    font-size: 1.2rem;
    text-align: left; }
  .alliance__contact__text2 {
    margin-top: 3rem;
    font-size: 1.2rem;
    text-align: left; }
    .alliance__contact__text2 .red {
      color: #d0021b; }

.alliance-contact-formsubmit {
  padding: 0 1.6rem 6rem; }
  .alliance-contact-formsubmit__caption {
    font-size: 1.2rem;
    line-height: 1.8;
    text-align: left; }
    .alliance-contact-formsubmit__caption .link {
      color: #51b8b9;
      border-bottom: solid 1px #51b8b9;
      padding-bottom: 0.1rem; }

.productionlist__title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1.7rem 0;
  margin-bottom: 2rem;
  border-bottom: dashed 1px #979797; }
  .productionlist__title__h2 {
    font-size: 2.4rem;
    font-weight: bold;
    color: #000; }
  .productionlist__title__btn a {
    display: block;
    color: #fff;
    background-color: #51b8b9;
    padding: 1rem 2rem;
    font-size: 1.4rem;
    font-weight: bold; }
    .productionlist__title__btn a:hover {
      opacity: .8; }
.productionlist__search {
  background-color: #f5f5f5;
  padding: 1rem;
  margin-bottom: 2.8rem; }
  .productionlist__search__input {
    width: 402px;
    height: 34px;
    margin-right: 2rem;
    padding: 0 1rem 0 3.8rem;
    background: #fff url('/images/client/icon_search_gray2.png') no-repeat left 11px center/16px auto;
    border: 1px solid #ddd;
    display: flex;
    align-items: center; }
.productionlist__pagination {
  display: flex; }
  .productionlist__pagination--mt4rem {margin-top: 4rem; }
  .productionlist__pagination--mb4rem {margin-bottom: 4rem; }
  .productionlist__pagination--center {
    justify-content: center;
    margin: 12rem 0 8rem; }
  .productionlist__pagination__li {
    border: solid 1px #c7c7c7;
    font-size: 1.4rem;
    color: #000;
    margin-right: .8rem;
    cursor: pointer; }
    .productionlist__pagination__li a {
      padding: .7rem .8rem;
      display: inline-block; }
      .productionlist__pagination__li a:hover {
        background-color: #e0e0e0; }
    .productionlist__pagination__li.list-none {
      color: #c7c7c7;
      pointer-events: none; }
.productionlist__contents__h3 {
  font-size: 1.4rem;
  padding-bottom: 1.4rem;
  margin: 3.8rem 0 2.8rem;
  border-bottom: solid 1px #ddd; }
.productionlist__contents-flex {
  display: flex;
  flex-wrap: wrap; }
.productionlist__contents-box {
  width: calc(100% / 4 - 8px);
  margin: .4rem;
  border: solid 1px #c7c7c7; }
  .productionlist__contents-box a {
    height: 100%;
    display: block;
    padding: 1rem; }
    .productionlist__contents-box a:hover {
      background-color: #edf7f8; }
  .productionlist__contents-box__top {
    display: flex;
    justify-content: space-between;
    margin-bottom: 1.6rem; }
  .productionlist__contents-box__name__en {
    margin-bottom: .8rem;
    font-weight: bold;
    word-break: break-all; }
  .productionlist__contents-box__name__jp {
    font-size: 1rem; }
  .productionlist__contents-box__pic {
    width: 68px;
    min-width: 68px;
    height: 42px;
    margin-left: .8rem;
    background: no-repeat center center / contain; }
  .productionlist__contents-box__text {
    color: #333;
    font-size: 1.2rem;
    line-height: 1.5; }
.productionlist__btn a {
  display: block;
  width: 363px;
  color: #fff;
  background-color: #51b8b9;
  padding: 1.2rem;
  text-align: center;
  font-size: 1.6rem;
  font-weight: bold;
  margin: 0 auto 10.6rem; }
  .productionlist__btn a:hover {
    opacity: .8; }

.footer-sns {
  display: flex;
  justify-content: space-between;
  margin: 3rem auto 0;
  width: 320px; }
  .footer-sns__list {
    border-radius: 3px; }
    .footer-sns__list a {
      display: block;
      font-size: 1.2rem;
      padding: .2rem .7rem;
      height: 20px; }
    .footer-sns__list--twitter {
      color: #fff;
      background: #00acee url('/images/promotion/kaneko/sns_twitter.png') no-repeat left 7px center/auto 12px;
      padding-left: 1.7rem; }

.lecturelp-mv {
  padding: 4rem 1.6rem;
  background: url('/images/alliance/bgimg.png') no-repeat center/cover; }

.lecturelp-mvbox {
  max-width: 1120px;
  display: flex;
  margin: 0 auto;
  justify-content: space-between;
  align-items: center; }
  .lecturelp-mvbox__col {
    width: calc((100% - 3rem) / 2); }

.lecturelp-slide {
  position: relative; }
  .lecturelp-slide__main {
    position: relative; }

.lecturelp-title {
  margin-bottom: 2rem;
  color: #51b8b9;
  display: flex; }
  .lecturelp-title__col1 {
    position: relative; }
  .lecturelp-title__col2 {
    margin-left: 1rem; }
  .lecturelp-title__caption {
    font-size: 2.6rem;
    font-weight: bold; }
  .lecturelp-title__h {
    font-size: 4rem;
    font-weight: bold; }
  .lecturelp-title__logo {
    max-width: 140px; }

.lecturelp-content {
  padding: 10rem 2rem 6rem; }
  .lecturelp-content__h {
    margin-bottom: 8rem;
    padding-bottom: 2.4rem;
    font-size: 2.4rem;
    font-weight: bold;
    line-height: 1.4;
    position: relative;
    text-align: center; }
    .lecturelp-content__h::before {
      content: "";
      position: absolute;
      bottom: 0; left: 50%;
      width: 100px;
      height: 2px;
      background-color: #51b8b9;
      transform: translateX(-50%); }

.lecturelp-pdf {
  width: 100%;
  position: relative; }
  .lecturelp-pdf::before {
    content: "";
    padding-top: 75%;
    display: block; }
  .lecturelp-pdf iframe {
    position: absolute;
    top: 0; bottom: 0; left: 0; right: 0;
    width: 100%;
    height: 100%; }

.lecturelp-flexbox {
  max-width: 1060px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between; }
  .lecturelp-flexbox__r {
    min-width: 50%; }

.lecturelp-morelink {
  margin: 2rem 0 5rem;
  color: #51b8b9;
  font-size: 1.4rem;
  text-align: right; }
  .lecturelp-morelink a {
    position: relative; }
    .lecturelp-morelink a:hover {
      opacity: .8; }
    .lecturelp-morelink a::after {
      content: ">";
      margin-left: .5rem; }

.lecturelp-tel {
  position: relative; }
  .lecturelp-tel img {
    margin: 0 auto;
    display: block; }

.lecturelp-list {
  font-size: 2rem;
  line-height: 1.4; }
  .lecturelp-list__item {
    padding-left: 3rem;
    background: url(/images/alliance/check-circle26.png) no-repeat left top 3px/20px auto;
    font-weight: bold; }
    .lecturelp-list__item + .lecturelp-list__item {
      margin-top: 3rem; }
  .lecturelp-list__underline {
    padding-bottom: .6rem;
    border-bottom: dashed 2px #bac0c2;
    display: inline-block;
    font-weight: bold; }

.lecturelp-castlist {
  display: flex;
  flex-wrap: wrap; }
  .lecturelp-castlist__item {
    width: calc((100% - 3rem) / 4);
    margin: 0 1rem 1.6rem 0;
    position: relative; }
    .lecturelp-castlist__item:nth-of-type(4n),
    .lecturelp-castlist__item:last-child {
      margin-right: 0; }
    .lecturelp-castlist__item::before {
      content: "";
      padding-top: 100%;
      display: block; }
    .lecturelp-castlist__item a {
      width: 100%;
      height: 100%;
      display: block;
      position: absolute;
      top: 0; bottom: 0; left: 0; right: 0; }
      .lecturelp-castlist__item a:hover {opacity: .8; }
  .lecturelp-castlist__thumb {
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    border-radius: 50%; }

.collabo__h2 {
  text-align: center;
  font-size: 2.4rem;
  padding: 3rem 0; }

.collabo__text {
  text-align: center;
  font-size: 1.6rem;
  padding: 2rem 0; }

.collabo__table {
  border-collapse: collapse;
  max-width: 100%;
  margin: 1.6rem 1.6rem 7rem; }
  .collabo__table th,.collabo__table td {
    padding: 3rem 2rem;
    border-top: solid 1px #e4e4e4;
    border-bottom: solid 1px #e4e4e4;
    vertical-align:middle;
    font-size: 1.2rem; }
  .collabo__table th {
    text-align: center;
    width: 162px; }
    .collabo__table a {
      display: block;
      padding-bottom: 0.5rem; }
      .collabo__table a:last-child {
        padding-bottom: 0; }

.collabo__footer {
  border-top: solid 1px #ddd;
  margin-top: 3rem;
  padding-top: 2rem; }

.area-report-mv {
  padding: 11rem 2rem;
  background: url('/images/client/after201909/beforelogin/report/bg_pc.png') no-repeat center/cover; }
  .area-report-mv__catch {
    margin-bottom: 2.4rem;
    color: #fff;
    font-size: 2.4rem;
    font-weight: bold;
    line-height: 1.6;
    text-align: center; }
  .area-report-mv__catch2 {
    margin-bottom: 3rem;
    color: #fff;
    font-size: 2.4rem;
    line-height: 1.4;
    text-align: center; }
    .area-report-mv__catch2__text {
      padding: 1.6rem 2rem;
      border: 4px solid #fff;
      display: inline-block;
      font-weight: bold; }
    .area-report-mv__catch2 .em {
      margin-top: 1rem;
      display: block;
      font-size: 1.3em;
      font-weight: bold; }

.report-mvbox {
  max-width: 850px;
  margin: 0 auto;
  padding: 3rem 2rem;
  background-color: #fff; }
  .report-mvbox__h {
    margin-bottom: 2.2rem;
    color: #51b8b9;
    font-size: 2.4rem;
    font-weight: bold;
    text-align: center; }
  .report-mvbox__caption {
    margin-bottom: 3.4rem;
    font-size: 1.4rem;
    text-align: center; }

.report-mvlist {
  display: flex;
  justify-content: space-around;
  align-items: center;
  font-size: 2rem; }
  .report-mvlist__item {
    padding-left: 3.4rem;
    background: url('/images/client/after201909/beforelogin/report/check-circle26.png') no-repeat left top 3px/24px;
    font-weight: bold; }
    .report-mvlist__item span {
      padding-bottom: .5rem;
      display: inline-block;
      font-weight: bold;
      border-bottom: 2px dashed rgba(0, 0, 0, 0.5); }

.area-report-overview {
  padding: 10rem 2rem 6rem;
  background-color: #fff; }
  .area-report-overview__h {
    margin-bottom: 7.6rem;
    padding-top: 14rem;
    background: url('/images/client/after201909/beforelogin/report/icon_stopwatch.png') no-repeat center top;
    color: #51b8b9;
    font-size: 2.4rem;
    font-weight: bold;
    line-height: 1.6;
    text-align: center; }

.report-overview-list {
  max-width: 960px;
  margin: 0 auto 7.5rem;
  font-size: 1.6rem; }
  .report-overview-list__item {
    padding-left: 3rem;
    font-weight: bold;
    position: relative; }
    .report-overview-list__item + .report-overview-list__item {
      margin-top: 2.4rem; }
    .report-overview-list__item::before {
      content: "・";
      position: absolute;
      top: 1px; left: 0; }

.report-tocontact {
  text-align: center; }
  .report-tocontact__caption {
    margin-bottom: 1rem;
    color: #51b8b9;
    font-size: 1.6rem;
    font-weight: bold; }
  .report-tocontact__bnr {
    max-width: 300px;
    margin: 0 auto;
    padding: 1.8rem;
    background-color: #51b8b9;
    border-radius: 2px;
    color: #fff;
    display: block;
    font-size: 2.4rem;
    font-weight: bold;
    line-height: 1; }
    .report-tocontact__bnr:hover {
      color: #fff;
      opacity: .8; }

.area-report-example {
  padding: 10rem 2rem 6rem;
  background-color: #f8f8f8; }
  .area-report-example__h {
    margin-bottom: 5.4rem;
    padding-top: 14rem;
    background: url('/images/client/after201909/beforelogin/report/icon_checklist.png') no-repeat center top;
    color: #51b8b9;
    font-size: 2.4rem;
    font-weight: bold;
    line-height: 1.6;
    text-align: center; }

.report-tosample {
  max-width: 850px;
  margin: 0 auto 1.2rem; }
  .report-tosample a {
    max-width: 270px;
    margin-left: auto;
    padding: 1rem;
    background-color: #51b8b9;
    border-radius: 2px;
    color: #fff;
    display: block;
    font-weight: bold;
    line-height: 1;
    text-align: center; }
    .report-tosample a:hover {
      color: #fff;
      opacity: .8; }

.report-example-list {
  max-width: 850px;
  margin: 0 auto 7.4rem; }
  .report-example-list__item {
    padding: 3rem 0;
    border-top: 1px solid #ccc;
    display: flex;
    justify-content: space-between; }
    .report-example-list__item:last-child {
      border-bottom: 1px solid #ccc; }
  .report-example-list__content {
    width: calc(100% - 380px); }
  .report-example-list__img {
    width: 350px; }
    .report-example-list__img img {
      margin: 0 auto;
      display: block; }
  .report-example-list__h {
    margin-bottom: 2rem;
    font-size: 2.4rem;
    font-weight: bold; }
  .report-example-list__text {
    font-size: 1.6rem;
    line-height: 1.8; }
  
.area-report-flow {
  padding: 10rem 2rem 6rem;
  background-color: #fff; }
  .area-report-flow__h {
    margin-bottom: 7.6rem;
    padding-top: 14rem;
    background: url('/images/client/after201909/beforelogin/report/icon_route.png') no-repeat center top;
    color: #51b8b9;
    font-size: 2.4rem;
    font-weight: bold;
    line-height: 1.6;
    text-align: center; }
  .area-report-flow__img {
    margin-bottom: 7.6rem; }
    .area-report-flow__img img {
      margin: 0 auto;
      display: block; }
  .area-report-flow__text {
    margin-bottom: 3rem;
    font-size: 1.4rem;
    font-weight: bold;
    text-align: center; }

.logouttop-body {
  padding-top: 130px; }
  .logouttop-body--65 {
    padding-top: 65px; }
  .logouttop-body--login60 {
    padding-top: 60px; }

.logouttop-graybar {
  height: 30px;
  padding-left: 2rem;
  background-color: #eeeff0;
  color: #444;
  display: flex;
  justify-content: space-between;
  align-items: center; }
  .logouttop-graybar__h1 {
    font-size: 1rem; }
  .logouttop-graybar__menu {
    display: flex;
    align-items: center;
    font-size: 1.2rem;
    line-height: 16px; }
    .logouttop-graybar__menu__item {
      padding: 0 2rem; }
      .logouttop-graybar__menu__item + .logouttop-graybar__menu__item {
        border-left: 1px solid #444; }
      .logouttop-graybar__menu__item a:hover {opacity: .8; }

.logouttop-whitebar {
  padding: 0 2rem;
  background-color: #fff;
  box-shadow: 0 2px 7px rgba(0,0,0,.05); }
  .logouttop-whitebar--hidden.logouttop-whitebar {
    display: block; }
  .logouttop-whitebar--hidden {
    display: none; }
  .logouttop-whitebar__inner {
    max-width: 1200px;
    height: 100px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center; }
  .logouttop-whitebar__logo {
    max-width: 244px; }
    .logouttop-whitebar__logo a {
      display: block; }
      .logouttop-whitebar__logo a:hover {opacity: .8; }
    .logouttop-whitebar__logo img {
      width: 244px;
      display: block; }
    .logouttop-whitebar__logo__caption {
      margin-bottom: 1rem;
      font-size: 1rem;
      line-height: 1; }
  .logouttop-whitebar__rightwrap {
    display: flex;
    align-items: center; }

.logouttop-whitebarscroll {
  padding: 0 2rem;
  background-color: #fff;
  box-shadow: 0 2px 7px rgba(0,0,0,.05); 
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 10000; }
  .logouttop-whitebarscroll--hidden {
    display: none; }
  .logouttop-whitebarscroll__inner {
    max-width: 1200px;
    height: 70px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center; }
  .logouttop-whitebarscroll__logo {
    max-width: 244px; }
    .logouttop-whitebarscroll__logo a {
      display: block; }
      .logouttop-whitebarscroll__logo a:hover {opacity: .8; }
    .logouttop-whitebarscroll__logo img {
      width: 244px;
      display: block; }
    .logouttop-whitebarscroll__logo__caption {
      margin-bottom: 1rem;
      font-size: 1rem;
      line-height: 1; }
  .logouttop-whitebarscroll__rightwrap {
    display: flex; }

.logouttop-usermenu {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.2rem;
  line-height: 1;
  text-align: center; }
  .logouttop-usermenu__item {
    width: 120px; }
    .logouttop-usermenu__item a {
      padding-top: 3.2rem;
      display: block; }
      .logouttop-usermenu__item a:hover {opacity: .8; }
    .logouttop-usermenu__item--search a {
      background: url('/images/logouttop/headermenu_search.png') no-repeat center top/23px auto; }
    .logouttop-usermenu__item--contact a {
      background: url('/images/logouttop/headermenu_contact.png') no-repeat center top/26px auto; }
    .logouttop-usermenu__item--help a {
      background: url('/images/logouttop/headermenu_help.png') no-repeat center top/16px auto; }

.logouttop-signmenu {
  margin-left: 1.6rem;
  display: flex;
  align-items: center;
  font-size: 1.4rem;
  line-height: 1;
  text-align: center; }
  .logouttop-signmenu__item {
    width: 120px; }
    .logouttop-signmenu__item + .logouttop-signmenu__item {
      margin-left: 1rem; }
    .logouttop-signmenu__item a {
      width: 100%;
      padding: 1rem;
      border: 1px solid #56b8b8;
      border-radius: 18px;
      display: block; }
      .logouttop-signmenu__item a:hover {opacity: .8; }
    .logouttop-signmenu__item--signin a {
      background-color: #fff;
      color: #56b8b8; }
    .logouttop-signmenu__item--signup a {
      background-color: #56b8b8;
      color: #fff; }

.logouttop-slide {
  height: 165px; }

.logouttop-slidelist {
  max-width: 1200px;
  margin: 4.2rem auto;
  padding: 0 4rem; }
  .logouttop-slidelist__item {
    margin: 0 1.2rem;
    max-width: 279px;
    float: left;
    height: 100%;
    min-height: 1px; }
    .logouttop-slidelist__item a {
      display: block; }
      .logouttop-slidelist__item a:hover {
        opacity: .8; }
  .logouttop-slidelist > .logouttop-slidelist__item:not(:nth-child(-n+4)) {
    display: none; }

  .logouttop-slidelist .slick-dots {
    position: absolute;
    color: transparent;
    justify-content: center;
    align-items: center;
    left: 0;
    bottom: -37px; }
    .logouttop-slidelist .slick-dots li {
      width: auto;
      height: auto;
      margin: 0 .4rem; }
    .logouttop-slidelist .slick-dots button {
      width: 12px;
      height: 12px;
      padding: 0;
      background-color: #fff;
      border: 1px solid #d0d0d0;
      border-radius: 50%; }
      .logouttop-slidelist .slick-dots li button:before {display: none; }
    .logouttop-slidelist .slick-dots .slick-active button {
      background-color: #56b8b8; }
  .logouttop-slidelist .slick-prev {
    top: 0; bottom: 0; left: 16px;
    background: url(/images/client/home/top_bnr/back.png) no-repeat center;
    height: 100%;
    transform: none; }
  .logouttop-slidelist .slick-next {
    top: 0; bottom: 0; right: 16px;
    background: url(/images/client/home/top_bnr/next.png) no-repeat center;
    height: 100%;
    transform: none; }

.logouttop-slide > .logouttop-slide__dot {
  width: 100%;
  height: 150px;
  background-color: #000; }
  .logouttop-slide > .logouttop-slide__dot {
    display: none; }

.logouttop-anchormenu {
  padding: 1.6rem;
  background-color: #f3f3f3;
  color: #333;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.4rem;
  width: 100%; }
  .logouttop-anchormenu__item {
    padding: 0 .8rem; }
    .logouttop-anchormenu__item + .logouttop-anchormenu__item {
      margin-left: 11px;
      position: relative; }
      .logouttop-anchormenu__item + .logouttop-anchormenu__item::before {
        content: "/";
        position: absolute;
        top: 0; right: 100%;
        color: #dbdbdb; }
    .logouttop-anchormenu__item a {
      padding-right: 2rem;
      background: url('/images/logouttop/arrow_down_gray.png') no-repeat right center/11px auto; }
      .logouttop-anchormenu__item a:hover {opacity: .8; }

.logouttop-graylabel {
  background-color: #eeeff0; }
  .logouttop-graylabel__text {
    font-size: 1.8rem;
    color: #48485a;
    text-align: center;
    padding: 1rem 0; }
    .logouttop-graylabel__num {
      margin-right: .5rem;
      font-size: 2.4rem;
      font-weight: bold; }

.logouttop-bggreen {
  background-color: #56b8b8;
  padding: 4.2rem 1.6rem; }
  .logouttop-bggreen--bgimg {
    background: url(/images/logouttop/bggreen-bgimg.png) no-repeat center/cover; }
  .logouttop-bggreen__box {
    max-width: 600px;
    margin: 0 auto;
    padding: 4rem 2rem;
    background-color: #fff; }
  .logouttop-bggreen__wrap {
    max-width: 520px;
    margin: 0 auto 3rem;
    display: flex;
    justify-content: space-between;
    align-items: center; }
  .logouttop-bggreen__img img {
    display: block; }
  .logouttop-bggreen__text {
    margin-left: 2.4rem;
    color: #333;
    font-size: 1.2rem;
    line-height: 1.6;
    width: calc(100% - 168px); }
    .logouttop-bggreen__text a {
      color: #56b8b8;
      text-decoration: underline; }
      .logouttop-bggreen__text a:hover {
        opacity: .7; }
  .logouttop-bggreen__bnr a {
    display: block;
    background: #56b8b8 url("/images/logouttop/chevron right.png") no-repeat right 20px center/11px auto;
    width: 520px;
    margin: 0 auto;
    padding: 1rem;
    color: #fff;
    font-size: 1.8rem;
    font-weight: bold;
    text-align: center;
    border-radius: 4px; }
    .logouttop-bggreen__bnr a:hover {
      opacity: .8; }
    .logouttop-bggreen__bnr__em {
      font-size: 2.4rem;
      font-weight: bold; }

.logouttop-adv {
  padding: 0 1.6rem; }
  .logouttop-adv__inner {
    max-width: 1200px;
    margin: 0 auto;
    padding: 8rem 0  5rem;
    border-bottom: 1px solid #cad2d2; }
  .logouttop-adv__h {
    margin-bottom: 5rem;
    padding-bottom: 3.4rem;
    color: #666;
    font-size: 2.4rem;
    font-weight: bold;
    line-height: 1;
    position: relative;
    text-align: center; }
    .logouttop-adv__h::after {
      content: "";
      position: absolute;
      bottom: 0; left: 50%;
      width: 90px;
      height: 2px;
      background-color: #56b8b8;
      transform: translateX(-50%); }
  .logouttop-adv__caption {
    font-size: 1.6rem;
    text-align: center;
    margin-bottom: 4.5rem; }

.logouttop-advlist {
  display: flex;
  justify-content: space-between; }
  .logouttop-advlist__item {
    width: calc((100% - 4.8rem) / 3);
    padding: 2.4rem;
    border: 1px solid #cad2d2; }
  .logouttop-advlist__img {
    margin-bottom: 3rem;
    text-align: center; }
    .logouttop-advlist__img img {
      margin: 0 auto;
      display: block; }
  .logouttop-advlist__h {
    font-size: 1.6rem;
    font-weight: bold;
    line-height: 1.25;
    text-align: center;
    margin-bottom: 1.2rem; }
  .logouttop-advlist__text {
    color: #666;
    line-height: 1.7; }

.logouttop-feature {
  padding: 0; }
  .logouttop-feature__inner {
    width: 100%;
    margin: 0 auto;
    padding: 8rem 0 6rem; }
  .logouttop-feature__h {
    margin-bottom: 5rem;
    padding-bottom: 3.4rem;
    color: #666;
    font-size: 2.4rem;
    font-weight: bold;
    line-height: 1;
    position: relative;
    text-align: center; }
    .logouttop-feature__h::after {
      content: "";
      position: absolute;
      bottom: 0; left: 50%;
      width: 90px;
      height: 2px;
      background-color: #56b8b8;
      transform: translateX(-50%); }
  .logouttop-feature__caption {
    font-size: 1.6rem;
    margin-bottom: 4.7rem;
    text-align: center; }
  .logouttop-feature__link {
    text-align: center; }
    .logouttop-feature__link a {
      display: block;
      width: 284px;
      font-size: 1.4rem;
      color: #fff;
      background: #56b8b8 url("/images/logouttop/chevron right.png") no-repeat right 30px center/auto 10px;
      margin: 0 auto 2.8rem;
      padding: 1.2rem;
      border-radius: 25px; }
      .logouttop-feature__link a:hover {
        opacity: .8; }
  .logouttop-feature__note {
    text-align: center;
    color: #3c3c3c;
    margin-bottom: 2.7rem; }
  .logouttop-feature__contact a {
    display: block;
    width: 240px;
    margin: 0 auto;
    padding: 1rem;
    background: #56b8b8 url("/images/logouttop/chevron right.png") no-repeat right 30px center/auto 10px;
    color: #fff;
    text-align: center;
    border-radius: 25px; }
    .logouttop-feature__contact a:hover {
      opacity: .8; }

.logouttop-featurebox {
  position: relative;
  max-width: 1200px;
  margin: 0 auto; }
  .logouttop-featurebox__h {
    font-size: 1.6rem;
    font-weight: bold;
    color: #666;
    border-left: 3px solid #56b8b8;
    padding-left: 1.7rem;
    margin-bottom: 1.2rem; }
  .logouttop-featurebox__caption {
    line-height: 1.35;
    margin-bottom: 2.7rem; }

.logouttop-slidecase {
  width: 100%;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 3rem; }
  .logouttop-slidecase__item {
    margin: 0 0 1rem;
    width: calc(100% / 5 - 10px);
    height: 300px;
    background-color: #eeeff0;
    color: #333; }
    .logouttop-slidecase__item img {
      width: 230px;
      margin-bottom: 1rem; }
    .logouttop-slidecase__text {
      font-size: 1.6rem;
      line-height: 1.5;
      padding: 0 1.4rem; }

.logouttop-searchcastlist {
  display: flex;
  margin-bottom: 5.8rem;
  justify-content: space-between;
  text-align: center; }
  .logouttop-searchcastlist__item {
    width: calc(100% / 2 - 20px); }
  .logouttop-searchcastlist__item a {
    display: block;
    padding: 2rem 4rem;
    height: 100%;
    background: #56b8b8 url("/images/logouttop/chevron right.png") no-repeat right 20px center/11px auto;
    border-radius: 4px; }
    .logouttop-searchcastlist__item a:hover {
      opacity: .8; }
  .logouttop-searchcastlist__h {
    display: inline-block;
    font-size: 1.6rem;
    font-weight: bold;
    color: #fff;
    margin-bottom: 1.3rem;
    padding-left: 2.8rem;
    background: url("/images/logouttop/search_w.png") no-repeat left center/19px auto; }
  .logouttop-searchcastlist__text {
    color: #fff;
    font-size: 1.3rem; }

.logouttop-searchgenrelist {
  margin: 0 auto 4.4rem;
  display: flex;
  justify-content: space-between; }
  .logouttop-searchgenrelist__item {
    width: calc((100% - 7.2rem) / 4);
    border: 1px solid #ccc; }
  .logouttop-searchgenrelist__h {
    background-color: #9b9b9b;
    font-size: 1.6rem;
    color: #fff;
    text-align: center;
    padding: 1rem; }
  .logouttop-searchgenrelist__img {
    margin-top: 2.1rem;
    text-align: center; }
    .logouttop-searchgenrelist__img img {
      display: block;
      margin: 0 auto; }

.logouttop-searchgenrelink {
  padding: 2rem; }
  .logouttop-searchgenrelink__item {
    font-size: 1.6rem;
    text-decoration: underline; }
    .logouttop-searchgenrelink__item + .logouttop-searchgenrelink__item {
      margin-top: 1rem; }
    .logouttop-searchgenrelink__item a {
      font-weight: bold;
      padding-left: 2rem;
      background: url("/images/logouttop/caret-right.png") no-repeat left center; }
      .logouttop-searchgenrelink__item a:hover {
        opacity: .8; }

.logouttop-example {
  padding-bottom: 0 1.6rem; }
  .logouttop-example__inner {  
    max-width: 1200px;
    margin: 0 auto;
    padding: 8rem 0 6rem;
    border-top: 1px solid #cad2d2;
    border-bottom: 1px solid #cad2d2; }
  .logouttop-example__h {
    margin-bottom: 5rem;
    padding-bottom: 3.4rem;
    color: #666;
    font-size: 2.4rem;
    font-weight: bold;
    line-height: 1;
    position: relative;
    text-align: center; }
    .logouttop-example__h::after {
      content: "";
      position: absolute;
      bottom: 0; left: 50%;
      width: 90px;
      height: 2px;
      background-color: #56b8b8;
      transform: translateX(-50%); }
  .logouttop-example__img img {
    margin: 0 auto;
    display: block; }

.logouttop-production {
  padding: 8rem 1.6rem 6rem; }
  .logouttop-production__h {
    margin-bottom: 5rem;
    padding-bottom: 3.4rem;
    color: #666;
    font-size: 2.4rem;
    font-weight: bold;
    line-height: 1;
    position: relative;
    text-align: center; }
    .logouttop-production__h::after {
      content: "";
      position: absolute;
      bottom: 0; left: 50%;
      width: 90px;
      height: 2px;
      background-color: #56b8b8;
      transform: translateX(-50%); }
  .logouttop-production__text {
    font-size: 1.6rem;
    line-height: 1.5;
    text-align: center;
    margin-bottom: 3.4rem; }
  .logouttop-production__link {
    text-align: center; }
    .logouttop-production__link a {
      display: inline-block;
      color: #56b8b8;
      font-weight: bold; }
      .logouttop-production__link a:hover {
        opacity: .8; }
  .logouttop-production__bnr {
    margin-top: 1.8rem;
    color: #fff;
    text-align: center; }
    .logouttop-production__bnr a {
      display: block;
      width: 340px;
      margin: 0 auto;
      padding: 1rem;
      background: #56b8b8 url("/images/logouttop/chevron right.png") no-repeat right 25px center/auto 10px;
      border-radius: 25px; }
      .logouttop-production__bnr a:hover {
        opacity: .8; }

.logouttop-guide {
  padding: 6rem 1.6rem 5rem;
  background-color: #f7f8f8; }
  .logouttop-guide__h {
    font-size: 2.4rem;
    font-weight: bold;
    color: #666;
    text-align: center;
    position: relative;
    margin: 0 0 5rem;
    padding-bottom: 3.4rem; }
    .logouttop-guide__h::after {
      content: "";
      position: absolute;
      bottom: 0; left: 50%;
      width: 90px;
      height: 2px;
      background-color: #56b8b8;
      transform: translateX(-50%); }    
  .logouttop-guide__bnr {
    max-width: 1200px;
    margin: 0 auto;
    padding-bottom: 4rem;
    background-color: #fff; }

.logouttop-guidelist {
  background-color: #fff;
  max-width: 1200px;
  margin: 0 auto;
  padding: 4rem; }
  .logouttop-guidelist__item {
    margin-bottom: 2rem; }
  .logouttop-guidelist__h {
    font-size: 1.6rem;
    font-weight: bold;
    color: #666;
    border-left: 3px solid #56b8b8;
    padding-left: 1.7rem;
    margin-bottom: 2rem; }
  .logouttop-guidelist__img {
    max-width: 903px;
    margin: 0 auto 2.6rem; }
  .logouttop-guidelist__link {
    text-align: right; }
    .logouttop-guidelist__link a {
      padding-left: 1.4rem;
      background: url('/images/logouttop/icon_more_green_2x.png') no-repeat left center/6px auto;
      display: inline-block;
      color: #56b8b8;
      font-size: 1.2rem; }
      .logouttop-guidelist__link a:hover {
        opacity: .7;}
    .logouttop-guidelist__catch {
      font-size: 1.6rem;
      font-weight: bold;
      margin-bottom: 1.8rem; }
    .logouttop-guidelist__text {
      font-size: 1.6rem;
      line-height: 1.5; }
    .logouttop-guidelist__movie {
      margin-bottom: 5.4rem;
      position:relative;
      width: 100%;
      max-width: 450px; }
      .logouttop-guidelist__movie:before {
        content: "";
        display: block;
        width: 100%;
        padding-top: 56.25%; }
      .logouttop-guidelist__movie iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%; }

.logouttop-settlemenu {
  margin: 2rem 0;
  display: flex; }
  .logouttop-settlemenu__item {
    border: 1px solid #cad2d2;
    padding: 1.7rem 2.8rem;
    width: 50%; }
    .logouttop-settlemenu__item + .logouttop-settlemenu__item {
      border-left: none; }
  .logouttop-settlemenu__h {
    font-size: 1.6rem;
    font-weight: bold;
    margin-bottom: 1.2rem; }
  .logouttop-settlemenu__text {
    font-size: 1.2rem;
    margin-bottom: 1.2rem; }
  .logouttop-settlemenu__img--top {
    margin-top: 2rem;
    max-width: 299px; }

.logouttop-guide__bnr a {
  display: block;
  width: 300px;
  margin: 0 auto;
  padding: 1rem;
  background: #56b8b8 url("/images/logouttop/chevron right.png") no-repeat right 30px center/auto 10px;
  color: #fff;
  text-align: center;
  border-radius: 25px; }
  .logouttop-guide__bnr a:hover {
    opacity: .8; }

.logouttop-searchbylist {
  background-color: #f7f8f8;
  padding: 4rem 3rem; }
  .logouttop-searchbylist__item {
    margin-bottom: 3rem; }
  .logouttop-searchbylist__h {
    color: #000;
    font-size: 1.6rem;
    font-weight: bold;
    padding-bottom: 2rem;
    border-bottom: 1px solid #e6e6e6;
    line-height: 1;
    margin-bottom: 3rem; }
  .logouttop-searchbylist__searchbyword {
    width: 75%;
    margin: 0 auto;
    display: flex;
    margin-bottom: 8.4rem; }
    .logouttop-searchbylist__searchbyword input {
      width: 70%;
      border: 1px solid #ccc;
      height: 38px;
      padding-left: 1rem; }
    .logouttop-searchbylist__searchbyword a {
      display: block;
      width: 30%;
      background-color: #56b8b8;
      color: #fff;
      font-size: 1.6rem;
      font-weight: bold;
      text-align: center;
      padding: .7rem;
      height: 38px; }

.logouttop-selectgenre {
  background-color: #fff; }
  .logouttop-selectgenre__row {
    display: flex;
    border-bottom: 1px solid #ecefef;
    padding: 2rem; }
  .logouttop-selectgenre__th {
    min-width: 127px;
    margin-right: 4rem;
    color: #666;
    font-weight: bold; }
  .logouttop-selectgenre__td {
    display: flex; }
.logouttop-selectgenrelist {
  display: flex;
  flex-wrap: wrap; }
  .logouttop-selectgenrelist__item {
    padding: 0 0 0 .5rem; }
    .logouttop-selectgenrelist__item:before {
      content: '|';
      padding-right: .5rem; }

.logouttop-genrefooter {
  background-color: #fff;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding: 4rem 2rem; }
  .logouttop-genrefooter__hit {
    font-size: 1.6rem;
    font-weight: bold;
    margin-right: 2rem; }
    .logouttop-genrefooter__hit__num {
      font-size: 2.4rem;
      color: #56b8b8;
      font-weight: bold; }
    .logouttop-genrefooter__hit__unit {
      font-size: 1.6rem;
      color: #56b8b8; }
  .logouttop-genrefooter__bnr a {
    display: block;
    background-color: #56b8b8;
    color: #fff;
    font-size: 1.6rem;
    padding: .5rem;
    width: 150px;
    text-align: center;
    border-radius: 3px; }
    .logouttop-genrefooter__bnr a:hover {
      opacity: .8; }

.logouttop-selecttag {
  background-color: #fff;
  padding: 2rem;
  display: flex;
  flex-wrap: wrap; }
  .logouttop-selecttag__item {
    margin: 0 4px 4px 0; }
    .logouttop-selecttag__item > a {
      padding: 10px 13px;
      background-color: #f2f2f2;
      border-radius: 2px;
      color: #717171;
      display: inline-block;
      font-size: 1.2rem;
      line-height: 1; }

.logouttop-bnrs {
  background-color: #48485a;
  padding: 4.7rem 1.6rem 7.4rem; }
  .logouttop-bnrs__box {
    max-width: 1188px;
    margin: 0 auto; }
    .logouttop-bnrs__box + .logouttop-bnrs__box {
      margin-top: 7.4rem; }
  .logouttop-bnrs__h {
    color: #fff;
    font-size: 1.6rem;
    font-weight: bold;
    margin-bottom: 1.7rem; }
  .logouttop-bnrlist {
    display: flex; }
    .logouttop-bnrlist__item + .logouttop-bnrlist__item {
      margin-left: 2.4rem; }
    .logouttop-bnrlist__item__w279 {
      width: 279px; }
    .logouttop-bnrlist__item__w240 {
      width: 240px; }
    .logouttop-bnrlist__item img {
      margin: 0 auto;
      display: block; }
    .logouttop-bnrlist__item a {
      display: block; }
      .logouttop-bnrlist__item a:hover {opacity: .8; }

.logoutlp-mv {
  display: flex;
  justify-content: center;
  padding: 4.5rem 1.6rem; }
  .logoutlp-mv--advertisement {
    background-color: #fef4f4; }
  .logoutlp-mv--media {
    background-color: #fefcf8; }
  .logoutlp-mv--lecture {
    background-color: #f4fbfc; }
  .logoutlp-mv--event {
    background-color: #f8fdf3; }
  .logoutlp-mv--sns {
    background-color: #fef9ff; }
  .logoutlp-mv--youtuber {
    background-color: #eff6f8; }
  .logoutlp-mv--audition {
    background-color: #fbf8f3; }
  .logoutlp-mv--gather-people {
    background-color: #f9f9f9; }
  .logoutlp-mv__l {
    margin-right: 7rem; }
    .logoutlp-mv__l--advertisement {
      max-width: 360px; }
    .logoutlp-mv__l--media {
      max-width: 400px; }
    .logoutlp-mv__l--lecture {
      max-width: 396px; }
    .logoutlp-mv__l--event {
      max-width: 400px; }
    .logoutlp-mv__l--sns {
      max-width: 400px; }
    .logoutlp-mv__l--youtuber {
      max-width: 400px; }
    .logoutlp-mv__l--audition {
      max-width: 339px; }
    .logoutlp-mv__l--gather-people {
      max-width: 449px; }

  .logoutlp-mv__r {
    text-align: center; }
  .logoutlp-mv__p-top {
    color: #06334d;
    font-size: 2.4rem;
    font-weight: bold;
    line-height: 1.7;
    margin-bottom: 1.5rem; }
    .logoutlp-mv__p-top--big {
      font-size: 3.6rem;
      font-weight: bold; }
  .logoutlp-mv__p-bottom {
    color: #06334d;
    font-size: 1.4rem;
    margin-bottom: 3rem; }
  .logoutlp-mv__r img {
    max-width: 480px; }

.logoutlp-menu {
  max-width: 1188px;
  margin: 0 auto 2.8rem;
  display: flex;
  justify-content: center;
  line-height: 1.4;
  font-size: 1.3rem; }
  .logoutlp-menu__item {
    width: calc((100% - 3.2rem) / 8);
    position: relative; }
    .logoutlp-menu__item:last-child {
      border-right: 1px solid #ddd; }
    .logoutlp-menu__item a {
      -webkit-font-smoothing: antialiased;
      display: flex;
      align-items: center;
      justify-content: center;
      height: 50px;
      font-weight: bold;
      text-align: center;
      background-color: #eeeff0;
      border: 1px solid #ddd;
      border-right: none;
      padding: .5rem;
      position: relative; }
      .logoutlp-menu__item a:hover {
        background-color: #56b8b8;
        color: #fff;
        border: 1px solid #56b8b8; }
      .logoutlp-menu__item--current a {
        background-color: #56b8b8;
        border: 1px solid #56b8b8;
        color: #fff;
        position: relative; }
        .logoutlp-menu__item--current a::before {
          content: "";
          position: absolute;
          top: 100%; left: 50%;
          transform: translateX(-50%);
          border-top: 8px solid #56b8b8;
          border-left: 13px solid transparent;
          border-right: 13px solid transparent; }

.logoutlp-catch {
  color: #fff;
  text-align: center;
  font-size: 1.4rem;
  background-color: #56b8b8;
  padding: 2.3rem 1.6rem; }

.logoutlp-webinar {
  background-color: #f4f8fa;
  padding: 6rem 1.6rem; }
  .logoutlp-webinar__box {
    display: flex;
    justify-content: center; }
  .logoutlp-webinar__img {
    width: 199px;
    margin-right: 2rem; }
  .logoutlp-webinar__content {
    width: 650px; }
  .logoutlp-webinar__catch {
    font-size: 2.8rem;
    font-weight: bold;
    color: #006cab;
    border-bottom: 2px solid #006cab;
    margin-bottom: 2rem; }
    .logoutlp-webinar__catch__aster {
      font-size: 1.2rem;
      font-weight: bold; }
    .logoutlp-webinar__text {
      font-size: 1.6rem;
      font-weight: bold;
      line-height: 1.63;
      color: #333;
      margin-bottom: 1rem; }
    .logoutlp-webinar__note {
      font-size: 1rem; }

.logoutlp-target {
  padding: 10rem 1.6rem; }

  .logoutlp-target__h {
    font-size: 2.8rem;
    text-align: center;
    margin-bottom: 10rem; }
  .logoutlp-targetlist {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    max-width: 1060px;
    margin: 0 auto }
    .logoutlp-targetlist__item {
      font-size: 1.6rem;
      font-weight: bold;
      width: calc((100% - 20px) /2);
      padding: 1.4rem 1.4rem 1.4rem 5.6rem;
      border-bottom: 1px dashed #ccc;
      background: url(/images/logoutlp/check-circle26.png) no-repeat left 10px center; }

.logoutlp-feature {
  padding: 7rem 1.6rem 5.5rem;
  background: url(/images/logoutlp/next.png) no-repeat top center,url(/images/logoutlp/pattern.png); }
  .logoutlp-feature__h {
    font-size: 2.8rem;
    text-align: center;
    line-height: 1.43;
    margin-bottom: 4rem; }
    .logoutlp-feature__caption {
      font-size: 1.4rem;
      text-align: center;
      line-height: 1.71;
      margin-bottom: 4.2rem; }
.logoutlp-featurelist {
  display: flex;
  justify-content: center; }
  .logoutlp-featurelist__item {
    width: 340px;
    background-color: #fff;
    padding: 2rem 1rem; }
    .logoutlp-featurelist__item + .logoutlp-featurelist__item {
      margin-left: 2rem; }
  .logoutlp-featurelist__h {
    font-size: 2rem;
    text-align: center;
    margin-bottom: 2rem; }
  .logoutlp-featurelist__img {
    text-align: center;
    margin-bottom: 2rem; }
  .logoutlp-featurelist__text {
    font-size: 1.2rem;
    line-height: 1.5; }

.logoutlp-lecture {
  padding: 9.4rem 1.6rem 6rem; }
  .logoutlp-lecture + .logoutlp-price {
    border-top: 1px solid #ccc; }
  .logoutlp-lecture__h {
    font-size: 2.8rem;
    text-align: center;
    line-height: 1.43;
    margin-bottom: 2.7rem; }
  .logoutlp-lecture__caption {
    font-size: 1.4rem;
    text-align: center;
    line-height: 1.71;
    margin-bottom: 6.4rem; }
.logoutlp-lecturelist {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0 auto 4.2rem;
  max-width: 1060px }
  .logoutlp-lecturelist__item {
    width: calc((100% - 20px)/ 2);
    padding: 3rem;
    border-radius: 4px;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
    margin-bottom: 2rem;
    display: flex; }
  .logoutlp-lecturelist__img {
    width: 80px;
    margin-right: 2rem; }
  .logoutlp-lecturelist__h {
    font-size: 2rem;
    margin-bottom: 1rem; }
  .logoutlp-lecturelist__text {
    font-size: 1.2rem;
    line-height: 1.67; }

  .logoutlp-lecture__bnr {
    max-width: 600px;
    margin: 0 auto; }
    .logoutlp-lecture__bnr a {
      display: block;
      color: #fff;
      background-color: #10b09e;
      border-right: 3px;
      font-size: 2.4rem;
      font-weight: bold;
      text-align: center;
      padding: 2rem; }
      .logoutlp-lecture__bnr a:hover {
        opacity: .8; }

.logoutlp-casts {
  background: #f4f8fa url(/images/logoutlp/next.png) no-repeat top center;
  padding: 14rem 1.6rem 5.3rem; }
  .logoutlp-casts__h {
    font-size: 2.8rem;
    text-align: center;
    margin-bottom: 2.8rem; }
    .logoutlp-casts__h__note {
      font-size: 1.4rem; }
  .logoutlp-casts__caption {
    font-size: 1.4rem;
    line-height: 1.71;
    margin-bottom: 5rem;
    text-align: center; }
.logoutlp-castsbox {
  margin: 0 auto 3rem;
  max-width: 1060px; }
  .logoutlp-castsbox__h {
    font-size: 2rem;
    font-weight: bold;
    margin-bottom: 2.4rem; }

.logoutlp-castslist {
  max-width: 1060px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  max-width: 1060px; }
  .logoutlp-castslist__item {
    width: calc((100% - 70px) / 6);
    margin: 0 1.4rem 2rem 0; }
    .logoutlp-castslist__item:nth-of-type(6n),
    .logoutlp-castslist__item:last-child {margin-right: 0; }
  .logoutlp-castslist__img {
    width: 165px;
    height: 165px;
    background-size: cover;
    margin-bottom: 1rem; }
  .logoutlp-castslist__name {
    font-size: 1.4rem;
    font-weight: bold;
    margin-bottom: 1rem; }
  .logoutlp-castslist__text {
    font-size: 1rem;
    line-height: 1;
    margin-bottom: 1.4rem; }
  .logoutlp-castslist__endai {
    position: relative;
    background-color: #eaf1f5;
    padding: 2.7rem 1rem 1rem;
    font-size: 1.2rem; }
    .logoutlp-castslist__endai__label {
      position: absolute;
      top: 0;left: 0;
      background-color: #d6e3eb;
      color: #2b92b1;
      font-weight: bold;
      padding: .2rem .8rem; }
  .logoutlp-casts__catch {
    max-width: 1060px;
    background-color: #fff;
    padding: 2.5rem;
    font-size: 1.8rem;
    font-weight: bold;
    color: #006cab;
    line-height: 1.67;
    text-align: center;
    margin: 0 auto 1.4rem; }
  .logoutlp-casts__link {
    text-align: center; }
    .logoutlp-casts__link a {
      display: block;
      color: #56b8b8;
      font-size: 1.2rem;
      text-decoration: underline; }
      .logoutlp-casts__link a:hover {
        opacity: .8; }

.logoutlp-price {
  max-width: 1060px;
  margin: 0 auto;
  padding: 8.7rem 1.6rem 7.4rem; }
  .logoutlp-price__h {
    font-size: 2.8rem;
    text-align: center;
    margin-bottom: 2.8rem; }
  .logoutlp-price__catch {
    font-size: 1.4rem;
    line-height: 1.71;
    text-align: center;
    margin-bottom: 6rem; }
  .logoutlp-price__img {
    text-align: center;
    margin-bottom: 6.1rem; }
    .logoutlp-price__img--bottom0 {
      margin-bottom: 0; }
  .logoutlp-price__attention {
    max-width: 1060px;
    margin: 1rem auto 6.7rem;
    font-size: 1.2rem;
    color: #333;
    line-height: 2; }
  .logoutlp-price__btn {
    width: 242px;
    margin: 0 auto; }
    .logoutlp-price__btn a {
      display: block;
      background: #56b8b8 url("/images/logoutlp/arrow-right_w.png") no-repeat right 3rem center;
      color: #fff;
      text-align: center;
      padding: 1rem;
      border-radius: 25px;
      font-weight: bold; }
      .logoutlp-price__btn a:hover {
        opacity: .8; }

.logoutlp-table {
  max-width: 1060px;
  margin: 0 auto;
  border: 1px solid #dbdbdb;
  border-collapse: collapse; }
  .logoutlp-table__w180 {
    width: 180px; }
  .logoutlp-table__w220 {
    width: 220px; }
  .logoutlp-table__w310 {
    width: 310px; }
  .logoutlp-table__w390 {
    width: 390px; }
  .logoutlp-table__textcenter {
    text-align: center;
    font-size: 2rem; }
  .logoutlp-table__thcaption {
    font-size: 1.4rem; }
  .logoutlp-table__th-bold {
    font-size: 1.4rem;
    font-weight: bold; }
  .logoutlp-table__td-big {
    font-size: 1.8rem;
    font-weight: bold; }
  .logoutlp-table tr + tr {
    border-top: 1px solid #dbdbdb; }
  .logoutlp-table th {
    padding: 1.4rem;
    background-color: #f7f7f7;
    font-size: 1.8rem;
    font-weight: bold;
    vertical-align: middle; }
  .logoutlp-table td {
    padding: 1.4rem;
    color: #555;
    vertical-align: middle; }
  .logoutlp-table th + th,
  .logoutlp-table th + td,
  .logoutlp-table td + td {border-left: 1px solid #dbdbdb; }

.logoutlp-tocontact {
  background-color: #56b8b8;
  padding: 3rem; }
  .logoutlp-tocontact__text {
    margin-bottom: 2.6rem;
    color: #fff;
    font-size: 2.6rem;
    line-height: 1.4;
    text-align: center; }
  .logoutlp-tocontact__bnr {
    max-width: 600px;
    margin: 0 auto 3rem; }
    .logoutlp-tocontact__bnr a {
      display: block;
      text-align: center;
      color: #56b8b8;
      background-color: #fff;
      border-radius: 3px;
      font-size: 2.4rem;
      font-weight: bold;
      padding: 2rem; }
      .logoutlp-tocontact__bnr a:hover {
        opacity: .8; }
    .logoutlp-tocontact__caption {
      color: #fff;
      font-size: 1.4rem;
      text-align: center; }

.logoutlp-flow {
  padding: 10rem 1.6rem 9rem; }
  .logoutlp-flow + .logoutlp-form {
    border-top: 1px solid #ccc; }
  .logoutlp-flow__h {
    font-size: 2.8rem;
    text-align: center;
    margin-bottom: 10.4rem; }
  .logoutlp-flow__bnr {
    max-width: 600px;
    margin: 10rem auto 0; }
    .logoutlp-flow__bnr a {
      display: block;
      color: #fff;
      background-color: #10b09e;
      border-right: 3px;
      font-size: 2.4rem;
      font-weight: bold;
      text-align: center;
      padding: 2rem; }
      .logoutlp-flow__bnr a:hover {
        opacity: .8; }

.logoutlp-flowlist {
  max-width: 1060px;
  margin : 0 auto;
  padding-left: 4.2rem; }
  .logoutlp-flowlist__item {
    padding: 2.7rem 0;
    border-bottom: 1px dotted #ccc;
    position: relative; }
    .logoutlp-flowlist__item:last-child {
      border-bottom: none; }
    .logoutlp-flowlist__item::before {
      content: "";
      position: absolute;
      top: 24px; left: -42px;
      width: 18px;
      height: 18px;
      border: 3px solid #51b8b9;
      border-radius: 50%;
      box-sizing: border-box; }
      .logoutlp-flowlist__item:first-child::before,
      .logoutlp-flowlist__item:last-child::before {background-color: #51b8b9; }
    .logoutlp-flowlist__item::after {
      content: "";
      position: absolute;
      top: 54px; bottom: -16px; left: -35px;
      width: 3px;
      background-color: #ccc; }
      .logoutlp-flowlist__item:last-child::after {display: none; }
  .logoutlp-flowlist__step {
    margin-bottom: 1.2rem;
    color: #90969a;
    font-size: 1.2rem;
    font-weight: bold;
    line-height: 1; }
  .logoutlp-flowlist__catch {
    color: #333;
    font-size: 2rem;
    font-weight: bold;
    line-height: 1.4; }
  .logoutlp-flowlist__text {
    margin-top: 1.6rem;
    font-size: 1.4rem; }
    .logoutlp-flowlist__text--green {color: #51b8b9; }

.logoutlp-faq {
  background-color: #f4f8fa;
  padding: 9rem 1.6rem 8.2rem; }
  .logoutlp-faq__h {
    font-size: 2.8rem;
    text-align: center;
    margin-bottom: 10rem; }
  .logoutlp-faqlist {
    max-width: 1060px;
    margin: 0 auto;
    background-color: #fff;
    padding: 5.3rem 4rem 1rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1); }
    .logoutlp-faqlist__item {
      width: calc((100% - 50px)/2);
      margin-bottom: 3rem; }
    .logoutlp-faqlist__q {
      font-size: 2rem;
      font-weight: bold;
      line-height: 1.2;
      margin-bottom: 2rem;
      padding-left: 6rem;
      background: url(/images/logoutlp/faq_question_ico.png) no-repeat left top; }
    .logoutlp-faqlist__a {
      font-size: 1.4rem;
      line-height: 1.5;
      padding-left: 6rem;
      background: url(/images/logoutlp/faq_answer_ico.png) no-repeat left top 5px; }

.logoutlp-form {
  max-width: 1060px;
  margin: 0 auto;
  padding: 10rem 1.6rem 2rem; }
  .logoutlp-form__h {
    font-size: 2.8rem;
    text-align: center;
    margin-bottom: 2.8rem; }
    .logoutlp-form__caption {
      font-size: 1.4rem;
      text-align: center;
      line-height: 1.71;
      margin-bottom: 2rem; }
      .logoutlp-form__caption + .logoutlp-form__caption {
        margin-bottom: 9.5rem; }
  .logoutlp-form__red {
    color: #d0021b; }

.logoutlp-formbox {
  max-width: 1060px;
  margin: 0 auto 6.6rem; }
  .logoutlp-formbox__h {
    font-size: 2.4rem;
    font-weight: bold;
    color: #48485a;
    margin-bottom: 2.4rem; }
    .logoutlp-formbox__h__caption {
      font-size: .625em; }
  .logoutlp-formbox__caption {
    margin-bottom: 3.2rem;
    color: #48485a;
    font-size: 1.2rem; }

.logoutlp-formlist {
  margin-bottom: 6.5rem }
  .logoutlp-formlist__item {
    display: flex;
    border-top: 1px solid #ccc; }
    .logoutlp-formlist__item:last-child {
      border-bottom: 1px solid #ccc; }
  .logoutlp-formlist__th {
    width: 220px;
    background-color: #eee;
    font-size: 1.4rem;
    padding: 1.6rem 1.2rem; }
  .logoutlp-formlist__h {
    padding-left: 1.6rem;
    font-weight: bold; }
    .logoutlp-formlist__h--required {
      position: relative; }
      .logoutlp-formlist__h--required::before {
        content: "※";
        position: absolute;
        top: 0; left: 0;
        color: #d0021b;
        font-size: 1.2rem; }
    .logoutlp-formlist__h__caption {
      margin-top: .8rem;
      font-size: 1.2rem;
      font-weight: bold;
      line-height: 1; }
  .logoutlp-formlist__td {
    width: calc(100% - 220px);
    padding: 1rem 1rem 1rem 3.5rem; }
  .logoutlp-formlist__tdcaption {
    font-size: 1.2rem;
    margin-top: .4rem; }
  .logoutlp-form__note {
    font-size: 1.2rem;
    line-height: 1.67;
    margin-bottom: 4rem;
    text-align: center; }
    .logoutlp-form__note a {
      color: #51b8b9;
      text-decoration: underline; }
      .logoutlp-form__note a:hover {
        opacity: .8; }
  .logoutlp-formlist__error {
    margin-top: .4rem;
    color: #d0021b;
    font-size: 1.2rem; }
  .logoutlp-form__submit {
    max-width: 540px;
    margin: 0 auto 4rem;
    text-align: center; }
    .logoutlp-form__submit input {
      color: #fff;
      width: 100%;
      background-color: #10b09e;
      border-right: 3px;
      font-size: 2.4rem;
      font-weight: bold;
      text-align: center;
      padding: 2rem; }
      .logoutlp-form__submit input:hover {
        opacity: .8; }
  .logoutlp-form__edit {
    max-width: 1060px;
    margin: 0 auto 3.2rem; }
    .logoutlp-form__edit a {
      width: 100px;
      padding: 1.6rem;
      border: 1px solid #ccc;
      border-radius: 2px;
      font-size: 1.4rem;
      line-height: 1;
      text-align: center; }
      .logoutlp-form__edit a:hover {opacity: .8; }
  .logoutlp-formlist__input {
    position: relative; }
    .logoutlp-formlist__input + .logoutlp-formlist__input {
      margin-top: .6rem; }
    .logoutlp-formlist__input input {
      width: 100%;
      padding: .6rem 1.2rem;
      border: 1px solid #d3d8dc;
      border-radius: 2px;
      font-size: 1.6rem; }
  .logoutlp-formlist__tel {
    display: flex;
    align-items: center; }
    .logoutlp-formlist__tel input {
      padding: .6rem 1.2rem;
      border: 1px solid #d3d8dc;
      border-radius: 2px; 
      font-size: 1.6rem;}
    .logoutlp-formlist__tel__unit {
      margin: 0 .8rem; }
  .logoutlp-formlist__input textarea {
    width: 100%;
    min-height: 150px;
    padding: .6rem 1.2rem;
    border: 1px solid #d3d8dc;
    border-radius: 2px;
    font-size: 1.6rem; }

.logoutfooter3col {
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between; }
  .logoutfooter3col__col {
    width: calc((100% - 48px) / 3); }
  .logoutfooter3col__h {
    margin-bottom: 1.4rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid #464646;
    color: #464646;
    font-size: 1.8rem;
    line-height: 1; }
  .logoutfooter3col__logo {
    max-width: 244px;
    margin: 0 auto; }
    .logoutfooter3col__logo img {
      margin: 0 auto;
      display: block; }
  .logoutfooter3col__caption {
    margin: 1.4rem 0 2rem;
    color: #464646;
    font-size: 1.2rem;
    line-height: 1.25;
    text-align: center; }
  .logoutfooter3col__bnr {
    font-size: 1.8rem;
    line-height: 1;
    text-align: center; }
    .logoutfooter3col__bnr + .logoutfooter3col__bnr {
      margin-top: 1.6rem; }
    .logoutfooter3col__bnr a {
      padding: 1.4rem;
      display: block;
      border-radius: 2px; }
      .logoutfooter3col__bnr a:hover {opacity: .8; }
    .logoutfooter3col__bnr--green a {
      background-color: #56b8b8;
      border: 1px solid #56b8b8;
      color: #fff; }
    .logoutfooter3col__bnr--white a {
      background-color: #fff;
      border: 1px solid #333;
      color: #333; }
  .logoutfooter3col__tel {
    margin-top: 1.4rem;
    text-align: center; }
    .logoutfooter3col__tel a {
      color: #333;
      font-size: 1.8rem;
      font-weight: bold;
      line-height: 1; }
      .logoutfooter3col__tel a:hover {
        color: #56b8b8; }

.logoutfooter-sitemap {
  color: #464646;
  font-size: 1.4rem;
  line-height: 1.4; }
  .logoutfooter-sitemap__item + .logoutfooter-sitemap__item {
    margin-top: .6rem; }
  .logoutfooter-sitemap__item a:hover {
    text-decoration: underline;
    color: #56b8b8; }

.area-sitemap {
  padding: 2.8rem 1.6rem; }
  .area-sitemap__inner {
    max-width: 1200px;
    margin: 0 auto; }
  .area-sitemap__h {
    margin-bottom: 3rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid #464646;
    color: #464646;
    font-size: 1.8rem; }

.sitemapmenu {
  margin-bottom: 7rem;
  color: #444;
  display: flex;
  justify-content: space-between;
  font-size: 1.2rem;
  line-height: 1;
  text-align: center; }
  .sitemapmenu__item {
    width: calc((100% - 120px) / 6); }
    .sitemapmenu__item a {
      padding: 1.8rem 0;
      border: 1px solid #ccc;
      border-radius: 3px;
      display: block;
      white-space: nowrap; }
      .sitemapmenu__item a:hover {background-color: #e4f4f4; }

.logout-breadcrumb {
  height: 50px;
  padding: 0 2.4rem;
  background-color: #fff;
  display: flex;
  align-items: center;
  font-size: 1.2rem;
  line-height: 1.25; }
  .logout-breadcrumb__item + .logout-breadcrumb__item {
    margin-left: 2.4rem;
    position: relative; }
    .logout-breadcrumb__item + .logout-breadcrumb__item::before {
      content: ">";
      position: absolute;
      top: 0; left: -1.6rem; }
  .logout-breadcrumb__item a {
    color: #56b8b8; }
    .logout-breadcrumb__item a:hover {
      opacity: .8; }

.logoutabout-mv {
  padding: 0 1.6rem; }
  .logoutabout-mv__inner {
    max-width: 1200px;
    margin: 0 auto;
    padding: 8rem 0  10rem;
    display: flex; }
  .logoutabout-mv__img {
    max-width: 428px; }
    .logoutabout-mv__img img {
      margin: 0 auto;
      display: block; }
  .logoutabout-mv__content {
    margin-left: 3.2rem; }
  .logoutabout-mv__catch {
    margin-bottom: 5rem;
    padding-bottom: 4.5rem;
    border-bottom: 2px solid #56b8b8;
    font-size: 3.4rem;
    font-weight: bold;
    line-height: 1.7; }
  .logoutabout-mv__text {
    font-size: 1.6rem;
    line-height: 1.9; }

.logoutabout-menu {
  padding: 4.7rem 1.6rem;
  background-color: #56b8b8; }

.logoutabout-menulist {
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between; }
  .logoutabout-menulist__item {
    width: calc((100% - 8rem) / 3);
    max-width: 340px;
    padding: 2.4rem 1.6rem;
    background-color: #fff; }
  .logoutabout-menulist__h {
    margin-bottom: 2rem;
    font-size: 1.6rem;
    font-weight: bold;
    line-height: 1;
    text-align: center; }

.logoutabout-typelist {
  max-width: 280px;
  margin: 0 auto;
  line-height: 1.4; }
  .logoutabout-typelist__item {
    position: relative; }
    .logoutabout-typelist__item + .logoutabout-typelist__item {
      margin-top: 2.4em; }
    .logoutabout-typelist__item a {
      height: 70px;
      padding: 0 4rem 0 2rem;
      background: url('/images/logoutabout/arrow_toright_green.png') no-repeat right 2rem center/11px auto;
      border: 1px solid #cad2d2;
      display: flex;
      align-items: center; }
      .logoutabout-typelist__item a:hover {background-color: #e4f4f4; }
      .logoutabout-typelist__item a span {
        min-height: 27px;
        padding-left: 4rem;
        display: flex;
        align-items: center;
        font-weight: bold; }
        .logoutabout-typelist__item--cm a span {
          background: url(/images/logoutabout/typelist_cm.png) no-repeat left center/27px auto; }
        .logoutabout-typelist__item--tv a span {
          background: url(/images/logoutabout/typelist_tv.png) no-repeat left center/27px auto; }
        .logoutabout-typelist__item--audition a span {
          background: url(/images/logoutabout/typelist_audition.png) no-repeat left center/27px auto; }
        .logoutabout-typelist__item--lecture a span {
          background: url(/images/logoutabout/typelist_lecture.png) no-repeat left center/27px auto; }
        .logoutabout-typelist__item--event a span {
          background: url(/images/logoutabout/typelist_event.png) no-repeat left center/27px auto; }
        .logoutabout-typelist__item--sns a span {
          background: url(/images/logoutabout/typelist_sns.png) no-repeat left center/27px auto; }
        .logoutabout-typelist__item--youtuber a span {
          background: url(/images/logoutabout/typelist_youtuber.png) no-repeat left center/27px auto; }
        .logoutabout-typelist__item--shukyaku a span {
          background: url(/images/logoutabout/typelist_shukyaku.png) no-repeat left center/27px auto; }

.logoutabout-feature {
  padding: 10rem 1.6rem; }

.logoutabout-2col {
  max-width: 1080px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between; }
  .logoutabout-2col + .logoutabout-2col {
    margin-top: 10rem; }
  .logoutabout-2col__img {
    width: 460px; }
    .logoutabout-2col__img img {
      margin: 0 auto;
      display: block; }
  .logoutabout-2col__content {
    width: calc(100% - 490px); }
  .logoutabout-2col__catch {
    margin-bottom: 1.6rem;
    font-size: 2.4rem;
    font-weight: bold;
    line-height: 1.6; }
  .logoutabout-2col__text {
    color: #666;
    font-size: 1.4rem;
    line-height: 1.5; }
    .logoutabout-2col__text + .logoutabout-2col__text {
      margin-top: 2.4rem; }
    .logoutabout-2col__text strong {
      color: #000;
      font-weight: bold; }
    .logoutabout-2col__text a {
      padding-left: 1.2rem;
      background: url('/images/logoutabout/arrow_toright_green.png') no-repeat left center/6px auto;
      color: #56b8b8;
      display: block;
      text-decoration: underline; }
      .logoutabout-2col__text a:hover {opacity: .8;}

.logoutabout-tosign {
  padding: 4rem 1.6rem;
  position: relative; }
  .logoutabout-tosign::before {
    content: "";
    position: absolute;
    top: 0; bottom: 0; left: 0;
    width: 50%;
    background-color: #eef7f8; }
  .logoutabout-tosign::after {
    content: "";
    position: absolute;
    top: 0; bottom: 0; right: 0;
    width: 50%;
    background-color: #fff4f0; }

.logoutabout-sign2col {
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  position: relative;
  z-index: 1;
  text-align: center; }
  .logoutabout-sign2col__col {
    width: 50%;
    padding: 2.4rem 1.6rem; }
  .logoutabout-sign2col__h {
    margin-bottom: 2rem;
    font-size: 2.4rem;
    font-weight: bold;
    line-height: 1.4; }
    .logoutabout-sign2col__h--client {color: #1f9eac; }
    .logoutabout-sign2col__h--cast {color: #f16e2c; }
  .logoutabout-sign2col__text {
    color: #333;
    font-size: 1.4rem; }
  .logoutabout-sign2col__bnr {
    max-width: 440px;
    margin: 4rem auto 0;
    color: #fff;
    font-size: 1.8rem;
    line-height: 1; }
    .logoutabout-sign2col__bnr a {
      padding: 2.4rem 1.6rem;
      border-radius: 3px;
      display: block; }
      .logoutabout-sign2col__bnr a:hover {opacity: .8; }
      .logoutabout-sign2col__bnr--client a {
        background-color: #56b8b8; }
      .logoutabout-sign2col__bnr--cast a {
        background-color: #f29700; }

/** ================================
 *  プロダクションページ関連CSS
 *  production.html専用スタイル
 *  ================================ */

/* プロダクションページ専用文字装飾ユーティリティクラス */
.production-text-highlight-yellow {
  color: #FFB712;
  background: linear-gradient(transparent 93%, #FFB712 7%);
}

.production-text-white-bg-blue {
  color: #FFF;
  background-color: #036CB6;
}

.production-text-blue-bg-white {
  color: #036CB6;
  background-color: #FFF;
}

.production-bg-cloud1 {
  background-image: url(/images/logouttop/production/common-background-cloud.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  z-index: 0;
  overflow: hidden;
}

.production-bg-cloud2 {
  background-image: url(/images/logouttop/production/common-background-cloud2.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  z-index: 0;
  overflow: hidden;
}

.production-reasons__list__item__icon {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
  .production-reasons__list__item.r .production-reasons__list__item__icon {
    right: 0;
    transform: translate(50%, -50%);
  }
  .production-reasons__list__item.l .production-reasons__list__item__icon {
    left: 0;
    transform: translate(-50%, -50%);
  }

.production-breadcrumb {
  max-width: 1188px;
  padding: 2rem 1.6rem 0;
  display: flex; }
  .production-breadcrumb__list {
    font-size: 1.2rem;
    color: #333; }
    .production-breadcrumb__list + .production-breadcrumb__list {
      padding-left: 2.4rem;
      position: relative; }
    .production-breadcrumb__list + .production-breadcrumb__list::before {
      content: ">";
      position: absolute;
      top: 50%; left: .8rem;
      transform: translateY(-50%); }
    .production-breadcrumb__list a {
      color: #56b8b8;
      text-decoration: underline; }
      .production-breadcrumb__list a:hover {
        opacity: .8;
        text-decoration: underline; }

.production-mv {
  width: 100%;
  height: 762px;
  overflow: hidden;
  position: relative;
  }
  .production-mv__background-images {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
  }
    .production-mv__background-image {
      position: relative;
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
      height: 134px;
      width: 134px;
    }
    .production-mv__grayscale-layer,
    .production-mv__blue-overlay {
      position: absolute;
      top: 0;
      left: 0;
      right: -134px;
      bottom: 0;
    }
    .production-mv__blue-overlay {
      background-color: #008DDC;
      opacity: 0.8;
      z-index: -1;
    }
    .production-mv__grayscale-layer {
      filter: grayscale(100%);
      display: grid;
      grid-template-columns: repeat(auto-fill, 134px);
      grid-auto-rows: 134px;
      gap: 0;
      z-index: -2;
    }
  .production-mv__inner {
    position: relative;
    padding: 105px 10% 0;
    width: 100%;
    height: 675px;
  }
  .production-mv__inner-content {
    position: relative;
    width: 100%;
    height: 100%;
    max-width: 1440px;
    margin: 0 auto;
  }

  .production-mv__people,
  .production-mv__devices,
  .production-mv__badge {
    position: absolute;
    z-index: 1;
  }
  
  /* reCAPTCHAバッジが隠れないようにする */
  .grecaptcha-badge {
    z-index: 9999 !important;
  }
  
  /* reCAPTCHAの他の要素も確実に表示 */
  .g-recaptcha,
  .g-recaptcha-response {
    z-index: 9999 !important;
  }
  .production-mv__devices {
    top: 45px;
    right: -480px;
    width: auto;
    height: auto;
    max-width: 1072px;
  }
  .production-mv__badge {
    top: -40px;
    right: -65px;
    width: auto;
    height: auto;
    max-width: 417px;
  }
  .production-mv__people {
    bottom: -70px;
    left: -100px;
    width: auto;
    height: auto;
    max-width: 624px;
  }
  .production-mv__text {
    color: #000;
    font-size: 1.7rem;
    line-height: 2;
    margin: 4rem 0;
    position: relative;
    z-index: 2; }
  .production-register-btn {
    position: relative;
    max-width: 375px;
  }
  .production-register-btn:hover {
    opacity: 0.8;
  }
  .production-register-btn__label {
    position: absolute;
    top: -25px;
    left: 50%;
    width: 60%;
    min-height: 35px;
    transform: translateX(-50%);
    background: #fff;
    font-size: 16px;
    font-weight: bold;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .production-register-btn__label::after {
    content: '';
    position: absolute;
    bottom: -7px;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid #fff;
  }
  .production-register-btn a {
    min-height: 71px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    font-weight: bold;
    color: #fff;
    border-radius: 50px;
    background: linear-gradient(90deg, #FF665C, #FF863B);
    box-shadow: 0 8px 0 #753123;
    transition: transform 0.2s, box-shadow 0.2s;
  }
  .production-register-btn a::after {
    content: '';
    position: absolute;
    right: 20px;
    width: 20px;
    height: 20px;
    background-image: url('/images/logouttop/production/common-register-btn.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
  }

    .production-mv__ttl span {
      font-size: 48px;
      font-weight: 900;
      display: inline-block;
      margin-bottom: 10px;
      padding: 0 10px;
      line-height: 74px;
    }
  .production-mv__text {
    font-size: 17px;
    color: #fff;
    max-width: 500px;
    line-height: 32px;
    font-weight: 500;
}

/* 企業ロゴアニメーション用スタイル */
.production-companies {
  height: 230px;
  width: 100%;
  position: relative;
  padding: 20px 0; 
  margin-bottom: 60px; }

.production-companies-height-1 {
  height: 167px; }

.production-companies-height-2 {
  height: 245px; }

.production-companies p {
  font-size: 32px;
  font-weight: bold;
  margin-bottom: 30px;
  color: #036CB6;
  text-align: center;
  position: relative;
}

.production-companies p::before,
.production-companies p::after {
  content: '';
  position: absolute;
  top: 50%;
  width: 250px;
  height: 1px;
  border-top: 2px dashed #B3D3E9;
}

.production-companies p::before {
  right: calc(50% + 330px);
}

.production-companies p::after {
  left: calc(50% + 330px);
}

.production-companies-logo-container {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.production-companies-logo-row {
  display: flex;
  white-space: nowrap;
  overflow: hidden;
}

.production-companies-logo-row-inner {
  display: flex;
  white-space: nowrap;
  flex-shrink: 0;
  animation: scroll-left 45s linear infinite;
}

.production-companies-logo-row:nth-child(2) > .production-companies-logo-row-inner {
  animation: scroll-left 45s linear infinite;
  animation-delay: -22.5s;
}

/* 要素数の少ない企業ロゴ（8個）用のアニメーション */
.production-companies-fast .production-companies-logo-row-inner {
  animation: scroll-left 30s linear infinite;
}

.production-companies-fast .production-companies-logo-row:nth-child(2) > .production-companies-logo-row-inner {
  animation: scroll-left 30s linear infinite;
  animation-delay: -17s;
}

.production-companies-logo {
  display: inline-block;
  margin-right: 130px;
  height: 60px;
  width: 180px;
  text-align: center;
  flex-shrink: 0;
}

.production-companies-logo img {
  height: 100%;
  width: 100%;
  object-fit: contain;
}

.production-companies__bg-cloud1 {
  height: 62px;
  width: 95px;
  position: absolute;
  top: 16px;
  right: 11px;
}

.production-companies__bg-cloud2 {
  height: 80px;
  width: 115px;
  position: absolute;
  bottom: -45px;
  left: 47px;
}

.production-bgbl {
  background-color: #4abfe6;
  padding: 2.8rem 1.6rem 4.1rem;
  color: #fff;
  text-align: center; }
  .production-bgbl__price {
    font-size: 2.4rem;
    font-weight: bold;
    margin-bottom: 1.7rem;
    background-size: cover; }
    .production-bgbl__price--big {
      font-size: 4rem; }
    .production-bgbl__price--small {
      font-size: 1.4rem; }
  .production-bgbl__text {
    font-size: 1.4rem; }

.production-trouble {
  width: 100%;
  height: 597px; 
  position: relative;
  background-color: #7EB4DA;
  padding-top: 60px;
 }
    .production-trouble__ttl {
      margin: 0 auto;
      text-align: center;
      position: relative;
      max-width: 520px;
      font-size: 40px;
      font-weight: bold;
      color:#fff;
    }
    .production-trouble__ttl span {
      font-weight: bold;
    }
    .production-trouble__ttl::before {
      content: "";
      position: absolute;
      bottom: 45px; left: -75px;
      width: 113px;
      height: 4px;
      background-color: #ffffff;
      transform: rotate(64deg);
      border-radius: 2px;
    }
    .production-trouble__ttl::after {
      content: "";
      position: absolute;
      bottom: 45px; right: -75px;
      width: 113px;
      height: 4px;
      background-color: #fff;
      transform: rotate(-64deg);
      border-radius: 2px;
    }
  .production-trouble__check {
    background-color: #FFF;
    max-width: 919px;
    height: 304px;
    margin: 35px auto 0; 
    box-shadow: 8px 8px 0px 0px #036CB6;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;}
    .production-trouble__check__list {
      color: #333;
      font-size: 22px;
      font-weight: bold;
      letter-spacing: 2px;
      width: 655px;
      margin: 0 auto;
      padding: 1.7rem 2rem 1.7rem 5.6rem;
      background: url("/images/logouttop/production/trouble-check.png") no-repeat left 10px center;
      background-size: 38px 38px; }
    .production-trouble__check__list span {

      font-weight: bold;
      color: #036CB6;
      background: linear-gradient(transparent 70%, #F6CF73 0);
    }
  
  .production-trouble__human {
    position: absolute;
    bottom: -60px;
    left: -170px;
    width: auto;
    height: auto;
    max-width: 300px;
  }
  .production-trouble__arrow {
    position: absolute;
    bottom: -112px;
    left: 50%;
    width: auto;
    height: auto;
    max-width: 70px;
    z-index: 1;
  }
  
  .production-trouble__bg-cloud1 {
    height: 62px;
    width: 95px;
    position: absolute;
    bottom: -50px;
    right: -230px;
  }
  .production-trouble__bg-cloud2 {
    height: 62px;
    width: 95px;
    position: absolute;
    top: -50px;
    left: -200px;
  }
  .production-trouble__bg-cloud3 {
    height: 139px;
    width: 202px;
    position: absolute;
    top: -160px;
    right: -180px;
  }

.production-cando {
    width: 100%;
    height: 597px; 
    position: relative;
    background-color: #effaff;
    background-image: radial-gradient(#daedf8 2px, transparent 3px);
    background-size: 40px 40px;
    padding-top: 60px; }
  .production-cando__inner {
    max-width: 1060px;
    margin:  0 auto; }
  .production-cando__ttl {
    margin: 0 auto;
    text-align: center;
    position: relative;
    max-width: 520px;
    color: #036CB6;
    font-size: 40px;
    font-weight: bold;
  }
  .production-cando__ttl span {
    font-weight: bold;
  }
  .production-cando__box {
    display: flex;
    align-items: center;
    justify-content: space-between; 
    padding: 0 60px;
  }
     .production-cando__box__item {
     width: 371px;
     height: 371px;
     position: relative;
     text-align: center;
     display: flex;
     align-items: center;
     justify-content: center;
   }
  .production-cando__box__item__text {
    position: absolute;
    bottom: 7px;
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap;
    font-size: 24px;
    font-weight: bold;
  }
  .production-cando__box__item__text span {
    font-weight: bold;
  }
  .production-cando__box__item__text > span:nth-child(1) {
    color: #036CB6;
  }
  .production-cando__box__item__text > span:nth-child(3) {
    background: linear-gradient(transparent 70%, #F6CF73 0);
  }
  .production-cando__arrow {
    transform: rotate( -90deg );
    width: 70px;
    height: 70px;
    position: absolute;
    bottom: 33%;
    left: 46%;
  }

.production-reasons {
  width: 100%;
  background-color: #fff;
  padding-bottom: 50px;
}
.production-reasons__ttl {
  width: 100%;
  font-size: 40px;
  font-weight: bold;
  color:#036CB6;
  height: 300px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.production-reasons__ttl span {
  font-weight: bold;
  font-size: 56px;
}
.production-reasons__list {
  max-width: 1440px;
  margin: 0 auto;
  position: relative;
}
.production-reasons__list__item { 
  width: 100%;
  position: relative;
  margin-bottom: 50px;
}
.production-reasons__list__item__content {
  background-color: #EFFAFF;
  width: 74%;
  position: relative;
}
  .production-reasons__list__item.r > .production-reasons__list__item__content {
    margin: 0 auto auto 0;
  }
  .production-reasons__list__item.l > .production-reasons__list__item__content {
    margin: auto 0 0 auto;
  }
  .production-reasons__list__item.r .production-reasons__list__item__content__inner {
    margin: 0 auto 0 15%;
  }
  .production-reasons__list__item.l .production-reasons__list__item__content__inner {
    margin: 0 15% 0 auto;
  }
.production-reasons__list__item__content__inner {
  padding: 45px 0;
  width: 55.3%;
  position: relative;
}
  .production-reasons__list__item__content__inner h3{
    font-size: 32px;
    font-weight: bold;
    color: #036CB6;
    padding-bottom: 25px;
    border-bottom: 3px dashed #B3D3E9;
    position: relative;
    padding-left: 90px;
  }
  .production-reasons__list__item__content__inner h3 span {
    font-weight: bold;
  }
  .production-reasons__list__item__content__inner h3::before {
    content: "";
    position: absolute;
    left: 0;
    top: calc(50% - 12.5px);
    transform: translateY(-50%);
    width: 72px;
    height: 72px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
  }
  .production-reasons__list__item:nth-child(5) .production-reasons__list__item__content__inner h3::before {
    background-image: url(/images/logouttop/production/reasons-number01.png);
  }
  .production-reasons__list__item:nth-child(6) .production-reasons__list__item__content__inner h3::before {
    background-image: url(/images/logouttop/production/reasons-number02.png);
  }
  .production-reasons__list__item:nth-child(7) .production-reasons__list__item__content__inner h3::before {
    background-image: url(/images/logouttop/production/reasons-number03.png);
  }
  .production-reasons__list__item:nth-child(8) .production-reasons__list__item__content__inner h3::before {
    background-image: url(/images/logouttop/production/reasons-number04.png);
  }
  .production-reasons__list__item__content__inner p {
    font-size: 20px;
    color: #000;
    padding-top: 25px;
    line-height: 1.8;
  }
  .production-reasons__list__item__content__inner p span {
    font-weight: bold;
  }
  .production-reasons__bg-cloud1 {
    height: 115px;
    width: 163px;
    position: absolute;
    top: -63px;
    right: 50px;
  }
  .production-reasons__bg-cloud2 {
    height: 62px;
    width: 95px;
    position: absolute;
    top: 800px;
    left: 30px;
  }
  .production-reasons__bg-cloud3 {
    height: 79px;
    width: 115px;
    position: absolute;
    top: -230px;
    left: 60px;
  }
  .production-reasons__bg-cloud4 {
    height: 139px;
    width: 202px;
    position: absolute;
    bottom: 0px;
    left: 10px;
  }

.production-free-registration {
  position: relative;
  width: 100%;
  text-align: center;
  background-size: auto 675px;
  background-position: center;
  background-repeat: no-repeat;
  padding: 45px 0;
}
.production-free-registration p {
  font-size: 40px;
  color: #fff;
  margin-bottom: 30px;
  font-weight: bold;
}
.production-free-registration p span {
  font-weight: bold;
}
.production-free-registration p:nth-child(4) {
  font-size: 13px;
  font-weight: normal;
  margin-bottom: 0;
}
.production-free-registration .production-register-btn {
  margin: 0 auto 20px;
}

.production-features {
  width: 100%;
  background-color: #effaff;
  background-image: radial-gradient(#daedf8 2px, transparent 3px);
  background-size: 40px 40px;
}
.production-features__inner {
  max-width: 1120px;
  margin: 0 auto;
  padding: 84px 0;
  width: 89%;
}
.production-features__h {
  font-size: 40px;
  width: 100%;
  text-align: center;
  font-weight: bold;
  color: #036CB6;
  margin-bottom: 100px;
  line-height: 1.7;
}
  .production-features__h span {
    font-weight: bold;
    font-size: 56px;
  }
.production-features__list {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  flex-direction: column;
  gap: 75px;
}
.production-features__list__item {
  width: 100%;
  background-color: #fff;
  padding: 25px;
  position: relative;
  overflow: hidden;
}
  .production-features__list__item h3 {
    font-size: 32px;
    font-weight: bold;
    color: #036CB6;
    padding-bottom: 20px;
    position: relative;
    padding-left: 90px;
  }
  .production-features__list__item h3::before {
    content: "";
    position: absolute;
    left: 0;
    top: calc(50% - 12.5px);
    transform: translateY(-50%);
    width: 72px;
    height: 72px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
  }
  .production-features__list__item:nth-child(1) h3::before {
    background-image: url(/images/logouttop/production/reasons-number01.png);
  }
  .production-features__list__item:nth-child(2) h3::before {
    background-image: url(/images/logouttop/production/reasons-number02.png);
  }
  .production-features__list__item:nth-child(3) h3::before {
    background-image: url(/images/logouttop/production/reasons-number03.png);
  }
  .production-features__list__item p {
    font-size: 20px;
    color: #000;
    line-height: 1.8;
    margin-bottom: 20px;
    width: 54%;
  }
.production-features__list__item__ul {
  background-color: #EFFAFF;
  box-shadow: 8px 8px 0px 0px #B3D3E9;
  max-width: 410px;
  padding: 50px 0 5px;
  position: relative;
  font-size: 20px;
  line-height: 1.8;
  color: #036CB6;
}
.production-features__list__item__ul li {
  font-weight: 500;
  margin-left: 20px;
  position: relative;
  padding-left: 15px;
}
.production-features__list__item__ul li::before {
  content: "•";
  position: absolute;
  left: -5px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 22px;
  color: #036CB6;
}
.production-features__list__item__human {
  position: absolute;
  bottom: 31px;
  left: 500px;
}
.production-features__list__item__pc {
  position: absolute;
  top: 50%;
  right: -110px;
  transform: translateY(-50%);
}
.production-features__list__item__ul__icon {
  position: absolute;
  top: 10px;
  left: -12px;
}



.production-help {
  max-width: 1060px;
  margin:  0 auto;
  display: flex;
  justify-content: space-between;
  padding: 10rem 1.6rem 0; }
  .production-help__l {
    max-width: 324px;
    margin-right: 2rem; }
  .production-help__h3 {
    color: #333;
    font-size: 2.4rem;
    font-weight: bold;
    margin-bottom: 2.6rem; }
  .production-help__p {
    font-size: 1.4rem;
    color: #666;
    line-height: 1.43;
    margin-bottom: 2rem; }
  .production-help__r {
    width: 582px; }

.production-entry {
  max-width: 1188px;
  margin: 0 auto; }
  .production-entry__inner {
    margin:  0 1.6rem;
    display: flex;
    justify-content: space-between;
    padding: 14rem 1.6rem 11.5rem;
    border-bottom: 1px solid #cad2d2; }
  .production-entry__l {
    width: 582px;
    margin-right: 2rem; }
  .production-entry__h3 {
    color: #333;
    font-size: 2.4rem;
    font-weight: bold;
    margin-bottom: 2.6rem; }
  .production-entry__p {
    font-size: 1.4rem;
    color: #666;
    line-height: 1.43;
    margin-bottom: 2rem; }
  .production-entry__r {
    max-width: 319px; }

.production-function {
  max-width: 1188px;
  margin:  0 auto;  }
  .production-function__inner {
    margin:  0 1.6rem;
    padding: 7.1rem 0 14.1rem;
    border-bottom: 1px solid #cad2d2; }
  .production-function__h {
    color: #333;
    font-size: 2.8rem;
    text-align: center;
    margin-bottom: 7.1rem; }
  .production-function__check {
    margin-bottom: -2rem;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 2.4rem; }
    .production-function__check__list {
      width: calc((100% - 40px) /3);
      font-weight: bold;
      color: #000;
      font-size: 1.2rem;
      background: #c5ebf8 url("/images/logouttop/check2.png") no-repeat left 13px center;
      padding: 1.2rem 1.2rem 1.2rem 4rem;
      margin: 0 2rem 2rem 0; }
      .production-function__check__list:nth-of-type(3n),
      .production-function__check__list:last-child {
        margin-right: 0; }

.production-search {
  max-width: 1188px;
  margin:  0 auto; 
  padding: 7.6rem 1.6rem;
  text-align: center; }
  .production-search__h {
    color: #333;
    font-size: 2.8rem;
    margin-bottom: 7rem; }
  .production-search__text {
    color: #333;
    font-size: 1.6rem;
    margin-bottom: 7rem; }
  .production-search__btn a {
    display: block;
    width: 355px;
    margin: 0 auto;
    background: #4abfe6 url("/images/logouttop/arrow-right_w.png") no-repeat right 40px center;
    color: #fff;
    font-weight: bold;
    padding: 13px;
    text-align: center;
    border-radius: 25px; }
    .production-search__btn a:hover {
      opacity: .8; }

.production-bgbl2 {
  background-color: #4abfe6;
  padding: 3.9rem 1.6rem 3.6rem;
  color: #fff;
  text-align: center; }
  .production-bgbl2__top {
    font-size: 1.4rem;
    font-weight: bold;
    margin-bottom: .9rem; }
  .production-bgbl2__price {
    font-size: 2.4rem;
    font-weight: bold;
    margin-bottom: 1.7rem; }
    .production-bgbl2__price--big {
      font-size: 4rem; }
    .production-bgbl2__price--small {
      font-size: 1.4rem; }
  .production-bgbl2__text {
    font-size: 1.4rem; }

.production-contact {
  width: 100%;
  background-color: #036CB6;
  padding: 50px 160px;
  text-align: center; 
  color: #fff; }
  .production-contact__h {
    font-size: 40px;
    margin-bottom: 20px;
    line-height: 1.7; }
    .production-contact__h span {
      font-weight: bold;
    }
  .production-contact__text {
    max-width: 660px;
    margin: 0 auto;
    font-size: 20px;
    line-height: 1.6;
    margin-bottom: 60px; }
    .production-contact__text--red {
      color: #d0021b; }
  .production-contact__h3 {
    font-size: 24px;
    font-weight: bold;
    color: #036CB6;
    margin: 40px 0 30px;
    padding-bottom: 10px;
    border-bottom: 2px solid #B3D3E9; }

.production-form {
  max-width: 1120px;
  margin: 0 auto 60px; }
  .production-form__item {
    display: flex;
    align-items: flex-start;
    margin-bottom: 20px;
    padding: 20px;}
    .production-form__item:hover {
      border-color: #036CB6;
      box-shadow: 0 4px 12px rgba(3, 108, 182, 0.15); }
    .production-form__item:last-child {
      margin-bottom: 0; }
    .production-form__th {
      width: 160px;
      padding: 15px 20px;
      margin:  15.5px 0 auto;
      font-weight: bold;
      margin-right: 20px;
      flex-shrink: 0;
      text-align: left; }

  /* フォーム項目の必須/任意表示 */
  .production-form__requirement {
    font-size: 17px;
    line-height: 1.25;
    font-weight: bold;
    text-align: center;
    padding: 0.5rem;
    min-width: 60px; 
    margin: 25.4px 0 auto;
  }
    .production-form__requirement--required {
      background-color: #F76A61; }
    .production-form__requirement--optional {
      color: #036CB6;
      background-color: #FFF; }
  .production-form__td {
    flex: 1;
    padding: 0; 
    max-width: 840px;}
    .production-form__td--aligncenter {
      display: flex;
      align-items: center; }
    .production-form__td input::placeholder, .production-form__td textarea::placeholder {
      color: #B3D3E9;
      opacity: 1;
    }
    .production-form__td input::-webkit-input-placeholder, .production-form__td textarea::-webkit-input-placeholder {
      color: #B3D3E9;
      opacity: 1;
    }
    .production-form__td input::-moz-placeholder, .production-form__td textarea::-moz-placeholder {
      color: #B3D3E9;
      opacity: 1;
    }
    .production-form__td input:-ms-input-placeholder, .production-form__td textarea:-ms-input-placeholder {
      color: #B3D3E9;
      opacity: 1;
    }
    .production-form__td input {
      height: 82px;
      width: 100%;
      padding: 15px 20px;
      font-size: 16px;
      transition: all 0.3s ease;
      background-color: #fff; }
    .production-form__td textarea {
      width: 100%;
      min-height: 120px;
      padding: 15px 20px;
      font-size: 16px;
      resize: vertical;
      transition: all 0.3s ease;
      background-color: #fff; }
    .production-form__td__error {
      margin-top: 8px;
      color: #d0021b;
      font-size: 14px;
      line-height: 1.4;
      font-weight: bold; }
    .production-form__td__text {
      font-size: 14px;
      color: #666;
      margin-top: 8px; }
    .production-form__td__line {
      margin: 0 .3rem; }
    .production-form__tdtext {
      min-height: 82px;
      width: 100%;
      font-size: 16px;
      text-align: left;
      display: flex !important; 
      align-items: center;
      padding: 0px 30px; 
      color: #000;
      background: #fff }

  .production-contact__text-s {
    font-size: 14px;
    line-height: 1.6;
    margin-bottom: 40px;
    text-align: center;
    color: #666; }
    .production-contact__text-s--link {
      color: #036CB6;
      text-decoration: underline;
      font-weight: bold; }
      .production-contact__text-s--link:hover {
        color: #036CB6;
        opacity: .8; }
  .production-contact__btn {
    text-align: center;
    margin-bottom: 40px; }
    .production-contact__btn a {
      display: inline-block;
      background: #F76A61;
      color: #fff;
      font-size: 30px;
      font-weight: bold;
      padding: 20px 60px;
      border-radius: 50px;
      text-decoration: none;
      box-shadow: 0 8px 0 #753123;
      transition: all 0.3s ease; }
      .production-contact__btn a:hover {
        opacity: .8; }
  .production-contact__edit a {
    max-width: 120px;
    padding: 1.6rem;
    border: 1px solid #dbdbdb;
    border-radius: 2px;
    display: block;
    text-align: center; }
    .production-contact__edit a:hover {opacity: .8; }
  .production-contact__text-c {
    font-size: 12px;
    text-align: center;
    color: #999;
    line-height: 1.5; }

/* プロダクションページ - ご利用の流れ */
.production-flow {
  width: 100%;
  background-color: #effaff;
  background-image: radial-gradient(#daedf8 2px, transparent 3px);
  background-size: 40px 40px;
  padding: 100px 160px;
  color: #036CB6;}
  .production-flow__inner {
    max-width: 1120px;
    margin: 0 auto;
  }
  .production-flow__h {
    padding-bottom: 152px;
    font-size: 40px;
    width: 100%;
    text-align: center;
    font-weight: bold;
    line-height: 1.7;
    position: relative;
    display: inline-block; }
  .production-flow__list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    .production-flow__list__item {
      background-color: #fff;
      max-width: 242px;
      padding: 18px 15px;
      position: relative;
      margin-bottom: 30px; }
      .production-flow__list__item:not(:last-child)::after {
        content: '';
        position: absolute;
        top: 50%;
        left: 100%;
        margin-left: 20px;
        transform: translateY(-50%);
        width: 0;
        height: 0;
        border-left: 15px solid #FFB712;
        border-top: 8.5px solid transparent;
        border-bottom: 8.5px solid transparent;
        z-index: 1; }
      .production-flow__list__item h3 {
        font-size: 19px;
        font-weight: bold;
        margin-top: 103px;
        margin-bottom: 24px;
        padding-bottom: 24px;
        border-bottom: 3px dashed #B3D3E9;
        text-align: center;
      }
      .production-flow__list__item p {
        font-size: 18px;
        line-height: 1.6;
        color:#000
      }
      .production-flow__list__item__img {
        position: absolute;
        transform: translateX(-50%);
        bottom: 320px;
        left: 50%;
        width: auto;
        height: auto;
      }
        .production-flow__list__item__img img {
          max-width: none !important;
        }

/* プロダクションページ - よくあるご質問 */
.production-faq {
  width: 100%;
  padding: 110px 160px; }
  .production-faq__inner {
    text-align: center;
    margin-bottom: 6rem; }
  .production-faq__h {
    font-size: 40px;
    width: 100%;
    text-align: center;
    font-weight: bold;
    color: #036CB6;
    margin-bottom: 52px;
    line-height: 1.7;
    position: relative;
    display: inline-block; }
  .production-faq__list {
    max-width: 1120px;
    margin: 0 auto;
    position: relative; }
    .production-faq__list__item {
      box-shadow: 8px 8px 0px 0px #B3D3E9;
      background-color: #EFFAFF;
      margin-bottom: 50px;
      overflow: hidden;
      transition: all 0.3s ease;
      padding: 35px 103px 35px 30px;
      position: relative;
    }
    .production-faq__list__item::after {
      content: '';
      position: absolute;
      background-image: url(/images/logouttop/production/faq-plus.png);
      background-size: contain;
      right: 30px;
      top: 50px;
      transform: translateY(-50%);
      width: 40px;
      height: 40px;
      transition: all 0.3s ease; }
    .production-faq__list__item.active::after {
      background-image: url(/images/logouttop/production/faq-minus.png);
    }
    .production-faq__list__item.active {
      padding: 25px 103px 25px 30px;
    }
       .production-faq__list__item h3 {
         font-size: 20px;
         font-weight: bold;
         cursor: pointer;
         transition: all 0.3s ease;}
         .production-faq__list__item.active h3 {
           border-bottom: 2px dashed #B3D3E9; 
           padding-bottom: 25px;
           margin-bottom: 25px;
           transition: padding-bottom 0.3s ease, margin-bottom 0.3s ease;}
        .production-faq__list__item h3 span {
          color: #036CB6;
          font-weight: bold; }
      .production-faq__list__item p {
        color: #036CB6;
        font-size: 16px;
        line-height: 1.6;
        max-height: 0;
        overflow: hidden;
        transition: all 0.3s ease;
        opacity: 0; 
        padding: 0 25px;}
        .production-faq__list__item.active p {
          max-height: 200px;
          opacity: 1; }
  .production-faq__bg-cloud1 {
    height: 115px;
    width: 163px;
    position: absolute;
    top: -170px;
    right: -100px;
  }
  .production-faq__bg-cloud2 {
    height: 62px;
    width: 95px;
    position: absolute;
    bottom: -100px;
    right: 10px;
  }
  .production-faq__bg-cloud3 {
    height: 79px;
    width: 115px;
    position: absolute;
    top: 200px;
    left: -140px;
  }

/* プロダクションページ - お客様の声 */
.production-voice {
  width: 100%;
  padding: 110px 160px;
  background-color: #f8f9fa; }
  .production-voice__h {
    font-size: 40px;
    width: 100%;
    text-align: center;
    font-weight: bold;
    color: #036CB6;
    margin-bottom: 52px;
    line-height: 1.7;
    position: relative;
    display: inline-block; }
  .production-voice__list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;}
    .production-voice__list__item {
      background-color: #EFFAFF;
      box-shadow: 8px 8px 0px 0px #B3D3E9;
      max-width: 347px;
      padding: 18px 25px;
      position: relative;}
      .production-voice__list__item h3 {
        font-size: 24px;
        font-weight: bold;
        margin-bottom: 24px;}
      .production-voice__list__item p {
        font-size: 18px;}
      .production-voice__list__item p:nth-child(2) {
        line-height: 1.6;
        margin-bottom: 24px;
        color: #036CB6;
        padding-bottom: 25px;
        border-bottom: 3px dashed #B3D3E9; }
      .production-voice__list__item p:nth-child(4) {
        margin-top: 12px;
        line-height: 1.6;
        text-align: center;}

/* ここからキャスト検索リニューアル20200617 */
.castsearch-all {
  padding-top: 4rem;
  background-color: #fafafa; }

.castsearch-inner {
  max-width: 1220px;
  margin: 0 auto; }

.castsearch-head {
  margin-top: 5rem;
  text-align: center; }
  .castsearch-head__text {
    font-size: 1.8rem; }
    .castsearch-head__text__num {
      font-size: 2.4rem;
      font-weight: bold; }
    .castsearch-head__caption {
      margin-top: 2rem;
      font-size: 1.6rem; }

.castsearch-keyword {
  margin-top: 5rem;
  padding: 0 1.6rem; }
  .castsearch-keyword__textarea {
    max-width: 1200px;
    margin: 0 auto;
    background-color: #d0ecec;
    padding: 4.3rem;
    display: flex;
    justify-content: center;
    align-items: center; }
    .castsearch-keyword__textarea input {
      width: 580px;
      height: 38px;
      font-size: 1.6rem !important;
      padding: 1rem; }
      .castsearch-keyword__textarea input::placeholder {
        color: #a6a5a5; }
    .castsearch-keyword__textarea__img {
      margin-right: 1.8rem; }
    .castsearch-keyword__textarea__btn {
      display: block;
      background-color: #56b8b8;
      width: 210px;
      height: 38px;
      text-align: center;
      color: #fff;
      font-size: 1.4rem;
      font-weight: bold;
      padding: 1rem; }
      .castsearch-keyword__textarea__btn:hover {
        opacity: .8;
        color: #fff; }

.castsearch-name {
  margin: 0 1.6rem;
  padding: 8rem 0;
  border-bottom: 1px solid #ccc; }
  .castsearch-name__h {
    font-size: 2.4rem;
    font-weight: bold;
    color: #666;
    position: relative;
    text-align: center;
    padding-bottom: 3.4rem;
    margin-bottom: 5rem; }
    .castsearch-name__h::after {
      content: "";
      position: absolute;
      bottom: 0; left: 50%;
      width: 90px;
      height: 2px;
      background-color: #56b8b8;
      transform: translateX(-50%); }
  .castsearch-name__text {
    font-size: 1.6rem;
    color: #333;
    text-align: center;
    margin-bottom: 5rem; }
  .castsearch-name__btn {
    display: flex;
    justify-content: space-between;
    text-align: center; }
    .castsearch-name__btn__item {
      width: calc(100% / 2 - 10px); }
    .castsearch-name__btn__item a {
      display: block;
      padding: 2rem 4rem;
      height: 100%;
      background: #56b8b8 url("/images/logouttop/chevron right.png") no-repeat right 20px center/auto 20px;
      border-radius: 4px; }
      .castsearch-name__btn__item a:hover {
        opacity: .8; }
    .castsearch-name__btn__item__h {
      display: inline-block;
      font-size: 1.6rem;
      font-weight: bold;
      color: #fff;
      margin-bottom: 1.3rem;
      padding-left: 2.5rem;
      background: url("/images/logouttop/search_w.png") no-repeat left center/16px auto; }
    .castsearch-name__btn__item__text {
      color: #fff;
      font-size: 1.3rem; }

.castsearch-purpose {
  margin: 0 1.6rem;
  padding: 8rem 0;
  border-bottom: 1px solid #ccc; }
  .castsearch-purpose__h {
    font-size: 2.4rem;
    font-weight: bold;
    color: #666;
    position: relative;
    text-align: center;
    padding-bottom: 3.4rem;
    margin-bottom: 5rem; }
    .castsearch-purpose__h::after {
      content: "";
      position: absolute;
      bottom: 0; left: 50%;
      width: 90px;
      height: 2px;
      background-color: #56b8b8;
      transform: translateX(-50%); }
  .castsearch-purpose__text {
    font-size: 1.6rem;
    color: #333;
    text-align: center;
    margin-bottom: 2.7rem; }
  .castsearch-purpose__note {
    font-size: 1.4rem;
    color: #3c3c3c;
    text-align: center;
    margin-bottom: 2.7rem; }
  .castsearch-purpose__contact a {
    display: block;
    width: 240px;
    margin: 0 auto;
    padding: 1rem;
    background: #56b8b8 url("/images/logouttop/chevron right.png") no-repeat right 30px center/auto 10px;
    color: #fff;
    text-align: center;
    border-radius: 25px; }
    .castsearch-purpose__contact a:hover {
      opacity: .8; }

.castsearch-searchgenrelist {
  margin: 0 auto 4.4rem;
  display: flex;
  justify-content: space-between; }
  .castsearch-searchgenrelist__item {
    width: calc((100% - 72px) / 4);
    border: 1px solid #ccc;
    background-color: #fff; }
  .castsearch-searchgenrelist__h {
    background-color: #9b9b9b;
    font-size: 1.6rem;
    color: #fff;
    text-align: center;
    padding: 1rem; }
  .castsearch-searchgenrelist__img {
    margin-top: 2.4rem; }
    .castsearch-searchgenrelist__img img {
      display: block;
      margin: 0 auto; }
.castsearch-searchgenrelink {
  padding: 2rem; }
  .castsearch-searchgenrelink__item {
    font-size: 1.6rem;
    text-decoration: underline; }
    .castsearch-searchgenrelink__item + .castsearch-searchgenrelink__item {
      margin-top: 1.7rem; }
    .castsearch-searchgenrelink__item a {
      font-weight: bold;
      padding-left: 2rem;
      background: url("/images/logouttop/caret-right.png") no-repeat left center; }
      .castsearch-searchgenrelink__item a:hover {
        opacity: .8; }

.castsearch-genre {
  margin: 0 1.6rem;
  padding: 8rem 0;
  border-bottom: 1px solid #ccc; }
  .castsearch-genre__h {
    font-size: 2.4rem;
    font-weight: bold;
    color: #666;
    position: relative;
    text-align: center;
    padding-bottom: 3.4rem;
    margin-bottom: 5rem; }
    .castsearch-genre__h::after {
      content: "";
      position: absolute;
      bottom: 0; left: 50%;
      width: 90px;
      height: 2px;
      background-color: #56b8b8;
      transform: translateX(-50%); }
  .castsearch-genre__text {
    font-size: 1.6rem;
    color: #333;
    text-align: center;
    margin-bottom: 5.8rem; }

.castsearch-taglistfooter {
  background-color: #fff;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding: 2rem; }
  .castsearch-taglistfooter__hit {
    font-size: 1.6rem;
    font-weight: bold;
    margin-right: 2rem; }
    .castsearch-taglistfooter__hit__num {
      font-size: 2.4rem;
      color: #56b8b8;
      font-weight: bold; }
    .castsearch-taglistfooter__hit__unit {
      font-size: 1.6rem;
      color: #56b8b8; }

.castsearch-taglistfootercheck {
  margin: .5rem 0 0 0;
  display: flex;
  align-items: center;
  font-size: 1.2rem; }
  .castsearch-taglistfootercheck__item input {
    display: none; }
    .castsearch-taglistfootercheck__item input + input {
      margin-left: 2rem; }
  .castsearch-taglistfootercheck__item label {
    padding-left: 2.8rem;
    margin-right: 2rem;
    background: url('/images/client/icon_radio03.png') no-repeat left center;
    line-height: 2.8; }
    .castsearch-taglistfootercheck__item label:hover {
      background-image: url('/images/client/icon_radio03_hover.png'); }
    .castsearch-taglistfootercheck__item input:checked + label {
      background-image: url('/images/client/icon_radio04.png'); }

  .castsearch-taglistfooter__bnr a {
    width: 180px;
    padding: 1.4rem;
    background-color: #51b8b9;
    border-radius: 2px;
    color: #fff;
    display: block;
    font-size: 1.4rem;
    line-height: 1;
    text-align: center; }
    .castsearch-taglistfooter__bnr a:hover {
      opacity: .8; }

.castsearch-tablelist {
  padding-top: 1.8rem;
  color: #3d3b38;
  font-size: 1.2rem;
  background-color: #fff; }
  .castsearch-tablelist__item {
    border-bottom: 1px solid #ecefef;
    padding: 0 2rem 1.8rem;
    display: flex;
    align-items: flex-start; }
    .castsearch-tablelist__item--end {
      justify-content: flex-end; }
  .castsearch-tablelist__th {
    width: 180px;
    padding: .8rem 1.4rem .8rem 0;
    font-weight: bold;
    color: #666;
    font-size: 1.4rem; }
  .castsearch-tablelist__td {
    width: calc(100% - 180px);
    padding: .8rem 0;
    display: flex;
    align-items: flex-start; }
  .castsearch-tablelist__alllink {
    padding-right: .5rem; }
    .castsearch-tablelist__alllink a {
      padding: .5rem .8rem;
      border-radius: 2px;
      text-decoration: none;
      color: #48485a; }
    .castsearch-tablelist__alllink.checked a {
      background-color: #51b8b9;
      color: #fff; }
  .castsearch-tablelist__item__btn {
    width: 180px;
    padding: 1.4rem;
    background-color: #51b8b9;
    border-radius: 2px;
    color: #fff;
    display: block;
    font-size: 1.4rem;
    line-height: 1;
    text-align: center; }
    .castsearch-tablelist__item__btn:hover {
      color: #fff;
      opacity: .8; }
.castsearch-taglist {
  margin-bottom: -1rem;
  display: flex;
  flex-wrap: wrap; }
  .castsearch-taglist__item {
    margin-bottom: 1rem;
    padding: 0 .5rem;
    border-left: 1px solid #3d3b38; }
    .castsearch-taglist__item a {
      padding: .5rem .8rem;
      border-radius: 2px; }
      .castsearch-taglist__item a:link,
      .castsearch-taglist__item a:visited {
        text-decoration: none; 
        color: #48485a; }
    .castsearch-taglist__item.checked a {
      background-color: #51b8b9;
      color: #fff; }
      .castsearch-taglist__item.checked a:link,
      .castsearch-taglist__item.checked a:visited {
        text-decoration: none; }

.castsearch-list {
  margin: 0 1.6rem;
  padding: 8rem 0 5.6rem;
  border-bottom: 1px solid #ccc; }
  .castsearch-list__h {
    font-size: 2.4rem;
    font-weight: bold;
    color: #666;
    position: relative;
    text-align: center;
    padding-bottom: 3.4rem;
    margin-bottom: 5rem; }
    .castsearch-list__h::after {
      content: "";
      position: absolute;
      bottom: 0; left: 50%;
      width: 90px;
      height: 2px;
      background-color: #56b8b8;
      transform: translateX(-50%); }
  .castsearch-list__text {
    font-size: 1.6rem;
    color: #333;
    text-align: center;
    margin-bottom: 4.6rem; }

.castlist-listall {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center; }
  .castlist-listall__btn {
    width: calc((100% - 72px )/4);
    margin-bottom: 2.4rem; }
    .castlist-listall__btn a {
      display: flex;
      align-items: center;
      font-size: 1.6rem;
      font-weight: bold;
      color: #333;
      background: #fff url("/images/logouttop/arrow-right.png") no-repeat right 20px center/auto 20px;
      border: 1px solid #cad2d2;
      padding: 1rem 4rem 1rem 2rem;
      height: 70px; }
      .castlist-listall__btn a:hover {
        background-color: #e4f4f4; }
    .castlist-listall__btn img {
      margin-right: 1.5rem; }

.castsearch-production {
  margin: 0 1.6rem;
  padding: 8rem 0;
  border-bottom: 1px solid #ccc; }
  .castsearch-production__h {
    font-size: 2.4rem;
    font-weight: bold;
    color: #666;
    position: relative;
    text-align: center;
    padding-bottom: 3.4rem;
    margin-bottom: 5rem; }
    .castsearch-production__h::after {
      content: "";
      position: absolute;
      bottom: 0; left: 50%;
      width: 90px;
      height: 2px;
      background-color: #56b8b8;
      transform: translateX(-50%); }
  .castsearch-production__text {
    font-size: 1.6rem;
    line-height: 1.5;
    text-align: center;
    margin-bottom: 4.4rem; }
  .castsearch-production__linkbox {
    background-color: #fff;
    padding: 2rem 0 3.2rem; }
    .castsearch-production__linkbox__bnr {
      margin-top: 1.8rem;
      color: #fff;
      text-align: center; }
      .castsearch-production__linkbox__bnr a {
        display: block;
        width: 340px;
        margin: 0 auto;
        padding: 1rem;
        background: #56b8b8 url("/images/logouttop/chevron right.png") no-repeat right 25px center/auto 10px;
        border-radius: 25px; }
        .castsearch-production__linkbox__bnr a:hover {
          opacity: .8; }

.castsearch-tag {
  margin: 0 1.6rem;
  padding: 8rem 0; }
  .castsearch-tag__h {
    font-size: 2.4rem;
    font-weight: bold;
    color: #666;
    position: relative;
    text-align: center;
    padding-bottom: 3.4rem;
    margin-bottom: 5rem; }
    .castsearch-tag__h::after {
      content: "";
      position: absolute;
      bottom: 0; left: 50%;
      width: 90px;
      height: 2px;
      background-color: #56b8b8;
      transform: translateX(-50%); }
  .castsearch-tag__text {
    font-size: 1.6rem;
    color: #333;
    text-align: center;
    margin-bottom: 3.4rem; }
    .cast-taglist {
      background-color: #fff;
      display: flex;
      flex-wrap: wrap;
      padding: 1rem 1.5rem; }
      .cast-taglist__list {
        margin: 0 .5rem .5rem 0; }
        .cast-taglist__list a {
          padding: 1rem 1.3rem;
          background-color: #f2f2f2;
          border-radius: 2px;
          color: #717171;
          display: inline-block;
          font-size: 1.2rem;
          line-height: 1; }

.castsearch-bnrs {
  background-color: #48485a;
  padding: 4.7rem 1.6rem 7.4rem; }
  .castsearch-bnrs__box {
    max-width: 1188px;
    margin: 0 auto; }
    .castsearch-bnrs__box + .castsearch-bnrs__box {
      margin-top: 7.4rem; }
  .castsearch-bnrs__h {
    color: #fff;
    font-size: 1.6rem;
    font-weight: bold;
    margin-bottom: 1.7rem; }
  .castsearch-bnrlist {
    display: flex; }
    .castsearch-bnrlist__item + .castsearch-bnrlist__item {
      margin-left: 2.4rem; }
    .castsearch-bnrlist__item__w279 {
      width: 279px; }
    .castsearch-bnrlist__item__w240 {
      width: 240px; }


      .logouttop-whitebar__logo2 {
        max-width: 324px; }
        .logouttop-whitebar__logo2 a {
          display: block; }
          .logouttop-whitebar__logo2 a:hover {opacity: .8; }
        .logouttop-whitebar__logo2 img {
          width: 324px;
          display: block; }
      
      .logouttop-whitebar__inner2 {
        max-width: 1360px;
        height: 100px;
        margin: 0 auto;
        display: flex;
        justify-content: space-between;
        align-items: center;
      }
      
      .logouttop-usermenu2 {
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 1.2rem;
        line-height: 1;
        text-align: center; 
        margin-right: 30px}
        .logouttop-usermenu__item2.login a{
          color: #036CB6;
          border-bottom: solid 2px #036CB6; }
        .logouttop-usermenu__item2 {
          padding: 0 10px; }
          .logouttop-usermenu__item2 a {
            display: block;
            font-size: 15px;
            font-weight: bold; }
            .logouttop-usermenu__item2 a:hover {opacity: .8; }
      
      .logouttop-whitebar__btn.production-register-btn {
        width: 220px;
      }

      .logouttop-whitebar__btn.production-register-btn a {
        min-height: 45px;
        font-size: 18px;
        box-shadow: 0 4px 0 #753123;
      }
      .logouttop-whitebar__btn.production-register-btn a::after {
        right: 15px;
        height: 15px;
        width: 15px;
      }
      .logouttop-whitebar__btn:hover {
        opacity: .8; }

      .logouttop-spheadbar__l {
        display: flex;
      }
      
      .new-logouttop-body {
        padding-top: 100px; }

      .logouttop-hbgmenulist__btnitem2 {
        padding: 32px 0 90px;
        margin: auto;
      }


/* ここまでキャスト検索リニューアル20200617 */

@media screen and (min-width: 1025px) {
  .max1024 {display: none !important; }

}

@media screen and (max-width: 1024px) {
  
  .min1025 {display: none !important; }
  
  .area-mv__inner {
    padding: 2.4rem 1.6rem;
    flex-wrap: wrap; }
  .area-mv__content {
    width: 100%; }
  .area-mv__img {
    width: 100%;
    margin-bottom: 4rem; }

  .header-hbgbtn {
    width: 40px;
    height: 40px;
    background: url('/images/client/after201909/beforelogin/icon_hbg.png') no-repeat center/20px auto;
    position: relative;
    z-index: 30; }
    .header-hbgbtn.pushed {
      background: url('/images/client/after201909/beforelogin/icon_close.png') no-repeat center/14px auto; }
    .green .header-hbgbtn {
      background-image: url('/images/client/after201909/beforelogin/icon_hbg_white.png'); }
      .green .header-hbgbtn.pushed {
        background-image: url('/images/client/after201909/beforelogin/icon_close.png'); }

  .menupanel {
    max-height: 100vh;
    width: 300px;
    padding-bottom: 60px;
    background-color: #fff;
    overflow-y: scroll;
    position: absolute;
    top: 0; right: -100%;
    transition: right .4s;
    z-index: 20; }
    .menupanel.open {
      right: 0; }
    .header-hbgmenu__item a {
      padding: 1rem 1.4rem;
      display: block; }
    .menupanel__head {
      padding: 6.4rem 1.6rem 2.4rem; }
    .menupanel__footer {
      padding: 4rem 1.6rem 2.4rem; }
    .menupanel__login {
      width: 100%;
      padding: 1.4rem;
      border: 1px solid #51b8b9;
      border-radius: 2px;
      color: #51b8b9;
      display: block;
      font-size: 1.4rem;
      line-height: 18px;
      text-align: center; }
      .menupanel__login:hover {
        color: #51b8b9; }
      .menupanel__login span {
        padding-left: 2.8rem;
        background: url('/images/client/after201909/beforelogin/headermenu_login_green.png') no-repeat left center;
        display: inline-block;
        font-weight: bold;
        line-height: 18px; }
    .menupanel__signin {
      width: 100%;
      margin-top: 10px;
      padding: 1.4rem;
      background-color: #51b8b9;
      border-radius: 2px;
      color: #fff;
      display: block;
      font-size: 1.4rem;
      font-weight: bold;
      text-align: center; }
      .menupanel__signin:hover {
        color: #fff;
        opacity: .8; }
    .menupanel__search {
      margin-top: 2.4rem;
      border: 1px solid #979797;
      border-radius: 2px;
      display: flex;
      position: relative; }
      .menupanel__search input {
        width: calc(100% - 40px);
        height: 48px;
        padding: 0 1.2rem;
        display: flex;
        align-items: center;
        font-size: 1.6rem; }
      .menupanel__search a {
        width: 40px;
        height: 48px;
        background: url('/images/client/after201909/beforelogin/icon_search_green.png') no-repeat center/18px auto;
        position: relative; }
        .menupanel__search a::before {
          content: "";
          position: absolute;
          top: 5px; bottom: 5px; left: 0;
          width: 1px;
          background-color: #51b8b9; }

  .menupanel-bnr {
    margin: 2.4rem 0;
    padding: 0 1.6rem; }
    .menupanel-bnr img {
      margin: 0 auto;
      display: block; }

  .panelhelplink {
    margin-bottom: 2.4rem;
    line-height: 18px;
    text-align: center; }
    .panelhelplink a {
      padding-left: 2.6rem;
      background: url('/images/client/after201909/beforelogin/headermenu_help.png') no-repeat left center/18px auto;
      display: inline-block;
      font-size: 1.6rem; }

  .paneltel {
    margin-bottom: 2.4rem;
    padding-top: 1.8rem;
    border-top: 1px solid #333;
    text-align: center; }
    .paneltel__tel {
      font-size: 2.8rem;
      font-weight: bold; }
    .paneltel__caption {
      font-size: 1.4rem; }


  .hbgmenu {
    margin-bottom: 2rem;
    padding: 0 1.6rem;
    font-size: 1.4rem; }
    .hbgmenu__item {
      border-top: 1px solid #333; }
      .hbgmenu__item:last-child {
        border-bottom: 1px solid #333; }
      .hbgmenu__item > a {
        padding: 2rem 4rem 2rem 2rem;
        background: url('/images/client/after201909/beforelogin/icon_more_black333.png') no-repeat right 12px center;
        display: block;
        font-weight: bold; }
    .hbgmenu__child {
      border-top: 1px solid #333; }
      .hbgmenu__child__item + .hbgmenu__child__item {
        border-top: 1px solid #ddd; }
      .hbgmenu__child__item > a {
        padding: 2rem 4rem 2rem 2rem;
        background: url('/images/client/after201909/beforelogin/accordion_open.png') no-repeat right 12px center;
        display: block; }
        .hbgmenu__child__item.open > a {
          background-image: url('/images/client/after201909/beforelogin/accordion_close.png'); }
    .hbgmenu__grandchild {
      padding: 1rem 2rem;
      background-color: #fafafa;
      border-top: 1px solid #ddd; }
      .hbgmenu__grandchild__item {
        padding-left: 2rem; }
        .hbgmenu__grandchild__item:hover {
          color: #51b8b9; }
        .hbgmenu__grandchild__item:first-child {
          padding-left: 0; }
        .hbgmenu__grandchild__item > a {
          padding: 1rem 0;
          display: block; }

  .menucover {
    position: fixed;
    top: 0; bottom: 0; left: 0; right: 0;
    background-color: rgba(0,0,0,.6);
    opacity: 0;
    pointer-events: none;
    transition-property: opacity, pointer-events;
    transition-duration: .3s;
    z-index: 10; }
    .menucover.on {
      opacity: 1;
      pointer-events: auto; }

  .area-main {
    width: 100%; }

  .top-mvbnrs {
    width: 100%;
    max-width: 600px;
    margin: 0 auto; }
  .new-area-contactguide__icon {
    display: none;
  }

}

@media screen and (max-width: 991px) {

  .area-footer-publish__h {
    font-size: 1.8rem; }

  .footerlv3h {
    max-width: 880px; }

  .footertags {
    max-width: 880px; }

  .footerguide {
    display: none; }

  .footersearch__input {
    margin-right: 1.4rem;
    font-size: 1.6rem; }
  .footersearch__btn {
    width: 80px;
    height: 36px;
    background: url("/images/client/after201909/beforelogin/icon_search_white.png") no-repeat center/1.6rem auto;
    background-color: #56b8b8; }

  .footerguide_sp {
    display: block;
    font-size: 14px; }
    .footerguide_sp__item {
      margin-bottom: 24px;
      padding-left: 16px;
      background: url(//images/client/after201909/beforelogin/client/icon_more_green.png) no-repeat left top 4px/6px auto;
      color: #56b8b8; }

  .footerregistry {
    max-width: 880px;
    margin: 0 auto;
    flex-direction: column; }
    .footerregistry__item {
      width: 100%;
      margin: 0 0 24px; }
      .footerregistry__item > a {
        width: 100%;
        margin: 0 auto; }

  .footertext {
    max-width: 880px; }

  .footerdata {
    max-width: 880px;
    margin: 0 auto;
    padding-left: 16px;
    padding-right: 16px; }
    .footerdata__brand {
      display: none; }

  .footerhr {
    display: none; }

  .footermenu {
    max-width: 880px;
    margin: 0 auto;
    padding-left: 16px;
    padding-right: 16px;
    flex-direction: column; }
    .footermenu__col {
      width: 100%;
      margin-bottom: 32px; }
    .footermenu__bnr {
      padding: 28px; }

  .logouttop-slidecase { 
    max-width: 470px; }
    .logouttop-slidecase__item {
      width: calc(100% /2 - 5px);
      max-width: 230px;
      height: auto; }
    .logouttop-slidecase__text {
      font-size: 1.4rem;
      padding-bottom: 1rem; }

  .new-area-contactguide {
    flex-direction: column;
    padding: 16px;
    gap: 12px;
    margin: 24px 15px;
  }
  .new-area-contactguide__icon {
    display: none;
    width: 28px;
    height: 28px;
    font-size: 14px; }
  .new-area-contactguide__title {
    font-size: 1.3rem; }
  .new-area-contactguide__text {
    font-size: 1.2rem; }

}

@media screen and (min-width: 769px) {
  .sp {display: none !important; }
  
  /* PC版でのh1表示制御 */
  .production-mv__ttl.pc {
    display: block;
  }
  
  .production-mv__ttl.sp {
    display: none;
  }

}

@media screen and (max-width: 768px) {
  .pc {display: none !important; }
  
  /* スマートフォン版で横スクロールを防ぐ */
  body {
    overflow-x: hidden;
  }

  .hyourox .alliance__mv__inner {
    background: url('/images/alliance/hyourox_top_sp.png') 0 0 /cover no-repeat;
    padding: 13rem 2.2rem 0 2.2rem;
    display: block;
    margin: 0 auto;
    aspect-ratio: 1/1.476;
  }

  .unicode .alliance__mv__inner {
    background: url('/images/alliance/UNICODE団体_sp@2x.png') center center /contain no-repeat;
    padding: 0;
    display: flex;
    margin: 0 auto;
    justify-content: center;
    align-items: center;
    height: 85.33vw;
    width: 100vw;
    max-width: 100vw !important;
  }

  .header-bl {
    padding-right: 1rem; }

  .area-mv__catch {
    font-size: 1.6rem; }
  .area-mv__catch2 {
    font-size: 2.4rem; }

  .area-slide__inner {
    padding: 1.4rem; }
    .top-slider .slick-slide,
    .top-slider .slick-track {
      margin: 0; }
    .top-slider .slick-prev,
    .top-slider .slick-next {
      display: none !important; }

  .top-mvbnrs {
    flex-wrap: wrap; }
    .top-mvbnrs__item {
      width: 100%; }
      .top-mvbnrs__item + .top-mvbnrs__item {
        margin-top: 1.6rem; }
    .slick-prev, .slick-next {display: none; }

  .area-container {
    padding: 0; }

  .top-about__h {
    margin-bottom: 2rem;
    font-size: 2rem; }
  .top-about__caption {
    margin-bottom: 3rem;
    font-size: 1.4rem; }

  .top-aboutlist {
    display: block; }
    .top-aboutlist__item {
      width: 100%;
      padding: 0; }
      .top-aboutlist__item + .top-aboutlist__item {
        margin-top: 4rem;
        border: none; }
    .top-aboutlist__h {
      margin-bottom: 2rem;
      font-size: 1.6rem; }
    .top-aboutlist__item img {
      margin-bottom: 2rem; }

  .top-pps {
    padding-bottom: 2rem; }
    .top-pps__h {
      margin-bottom: 2rem;
      font-size: 2rem; }
    .top-pps__caption {
      margin-bottom: 3rem;
      font-size: 1.4rem; }
  
  .top-ppslist {
    display: block; }
    .top-ppslist__item {
      width: 100%; }
      .top-ppslist__item + .top-ppslist__item {
        margin-top: 2rem; }

  .top-ppsbox {
    padding: 1.4rem; }
    .top-ppsbox__h {
      font-size: 1.8rem; }

  .top-ppsmodal {
    padding: 24px 16px;
    overflow-y: scroll; }
    .top-ppsmodal__box {
      position: static;
      transform: none; }
    .top-ppsmodal__head {
      padding: 32px 16px 16px; }
    .top-ppsmodal__head2col {
      display: block; }
      .top-ppsmodal__head2col__text {
        margin: 0 0 10px;
        text-align: center; }
      .top-ppsmodal__head2col__bnr {
        margin: 0 auto;
        display: inline-block; }
    .top-ppsmodal__2col {
      display: block; }
    .top-ppsmodal__img {
      width: 100%;
      padding: 0; }
      .top-ppsmodal__img img {
        margin: 0 auto; }
    .top-ppsmodallist {
      width: 100%;
      margin-top: 20px; }
    .top-ppsmodal__close {
      top: 6px; right: 10px; }
    .top-ppsmodal__option img.spmxw120px {
      width: 120px; }

  .top-ppsmodalsign {
    display: block;
    text-align: center; }
    .top-ppsmodalsign__in {
      margin: 6px 0 0; }

  .top-simu {
    padding: 7rem 1.6rem 4rem; }
  .top-simu__h {
    margin-bottom: 2rem;
    font-size: 2rem; }
  .top-simu__caption {
    margin-bottom: 3rem;
    font-size: 1.2rem; }
  .top-simu__comments {
    margin-top: 2rem;
    font-size: 1.2rem; }

  .top-simu-point {
    margin: 0 1.6rem 7rem;
    padding: 1.6rem; }
    .top-simu-point__title {
      padding-bottom: 1.6rem; }
      .top-simu-point__title-icon {
        width: 30px; }
    .top-simu-point__text {
      padding: 3rem 1.6rem; }
    .top-simu-point__btn {
      width: 85%; }

  .top-simucalc {
    display: block; }
    .top-simucalc__box {
      width: 100%; }
    .top-simucalc__plus,
    .top-simucalc__equal {
      width: 100%;
      margin: 1rem 0; }

  .top-partner__h {
    margin-bottom: 2rem;
    font-size: 2rem; }
  .top-partner__h2 {
    margin: 4rem 0 2rem; }

  .castgenre-menu {
    display: block; }
    .castgenre-menu__item,
    .castgenre-menu__item:nth-of-type(4n),
    .castgenre-menu__item:last-child {
      width: 100%;
      margin: 0; }
    .castgenre-menu__item + .castgenre-menu__item {
      margin-top: 2rem; }

  .area-castgenre {
    padding-bottom: 2rem; }
    .area-castgenre__h {
      margin-bottom: 2rem;
      font-size: 2rem; }
    .area-castgenre__caption {
      margin-bottom: 3rem;
      font-size: 1.4rem; }

  .area-production {
    padding-top: 3.2rem; }
    .area-production__h {
      font-weight: 600;
      font-size: 24px; }
    .area-production__caption {
      margin-bottom: 3rem;
      font-size: 1.4rem; }

  .productionlist {
    justify-content: space-between; }
    .productionlist__item,
    .productionlist__item:nth-of-type(6n),
    .productionlist__item:last-child {
      width: calc((100% - 1.6rem) / 2);
      margin: 0 0 2rem; }

  .area-castcategory__h {
    margin-bottom: 2rem;
    font-size: 2rem; }
  .area-castcategory__caption {
    margin-bottom: 3rem;
    font-size: 1.4rem; }

  .castcategory-menu {
    justify-content: space-between; }
    .castcategory-menu__item {
      width: calc((100% - 1.6rem) / 2);
      margin: 0 0 1.6rem; }

  .area-contacthead__h {
    margin-bottom: 2rem;
    font-size: 2rem; }
  .area-contacthead__img {
    max-width: 350px; }
  .area-contacthead__text .tellink,.alliance__contact__text .tellink {
    color: #0000ee; }

  .contact-menu {
    display: block; }
    .contact-menu__item {
      width: 100%; }
      .contact-menu__item + .contact-menu__item {
        margin: 1.8rem 0 0; }

  .contact-formlist {
    margin: 0; }
    .contact-formlist__item {
      display: block; }
      .contact-formlist__item .w750 {
        width: 100%; }
      .contact-formlist__item .w280,
      .contact-formlist__item .w750 {
        max-width: unset; }
      .contact-formlist__item input {
        height: 40px;
        font-size: 1.6rem; }      
      .contact-formlist__item input[name="budget"] {
        max-width: 180px; }
      .contact-formlist__item textarea {
        font-size: 1.6rem; }
    .contact-formlist__select select {
      height: 40px;
      font-size: 1.6rem; }
    .contact-formlist__th {
      width: 100%;
      padding: 1rem 1rem 1rem 2.8rem; }
      .contact-formlist__th.required::before {
        top: 1rem; left: 1rem; }
    .contact-formlist__td {
      width: 100%;
      padding: 1rem; }
    .contact-formlist__inner-flex {
      display: block; }
      .contact-formlist__inner-flex .contact-formlist__error {
        margin: .8rem 0 0 0; }
      .pre-wrap {
        white-space: pre-wrap;
      }
      .contact-formlist__tdrow {
        max-width: 220px; }
       .contact-formlist__tdrow.setWidth {
         max-width: unset;
       }
       .contact-formcategory {
         display: unset;
       }
  
       .new-contact-formlist {
        margin: 0;
        margin-bottom: 40px; }
        .new-contact-formlist__item {
          display: block; }
          .new-contact-formlist__item .w750 {
            width: 100%; }
          .new-contact-formlist__item .w200-pc,
          .new-contact-formlist__item .w280,
          .new-contact-formlist__item .w750 {
            max-width: unset; }
          .new-contact-formlist__item .w200-pc {
            width: 100%; }
          .new-contact-formlist__item input {
            height: 40px; }      
          .new-contact-formlist__item input[name="budget"] {
            max-width: 180px; }
          .new-contact-formlist__item textarea { 
            height: 130px; }
        .new-contact-formlist__select select {
          height: 40px;
          width: 100%;}
        .new-contact-formlist__th {
          width: 100%;
          padding: 1rem 1rem 1rem 2.8rem; }
          .new-contact-formlist__th.required::before {
            top: 1rem; left: 1rem; }
        .new-contact-formlist__td {
          width: 100%;
          padding: 20px; }
        .new-contact-formlist__inner-flex {
          flex-flow: column;
          align-items: normal;
          gap: 8px;}
          .new-contact-formlist__inner-flex .contact-formlist__error {
            margin: .8rem 0 0 0; }

.contact-formedit {
  margin: 0 1.6rem; }
  .contact-formedit a {
    max-width: unset; }

  .contact-formsubmit {
    padding: 0 1.6rem 4rem; }
    .contact-formsubmit__submit {
      margin: 2.4rem 0; }
      .contact-formsubmit__submit input {
        padding: 1.6rem;
        font-size: 1.6rem; }

  .contact-gototop--margin {
    margin: 5.6rem 0; }

  .contact-thanksnote__inner--padding {
    padding: 1.6rem; }

  .area-contactfooter__inner {
    padding-bottom: 0; }
  .area-contactfooter__catch {
    padding: 1rem;
    font-size: 1.2rem;
    line-height: 1.6; }
  .area-contactfooter__caption {
    line-height: 1.4; }

  .area-contactfooter__catch2 {
    margin: 0;
    padding: 3rem 1.6rem;
    font-size: 1.8rem; }

  .contact-footerspmenu {
    margin-top: 3rem;
    background-color: #fff;
    border-top: 1px solid #ddd;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    text-align: center; }
    .contact-footerspmenu__item {
      width: 50%;
      border-bottom: 1px solid #ddd; }
      .contact-footerspmenu__item:nth-of-type(even) {
        border-left: 1px solid #ddd; }
      .contact-footerspmenu__item a {
        padding: 1rem;
        color: #51b8b9;
        display: block;
        font-weight: bold; }

  .common-copyright__menu {
    flex-wrap: wrap; }
    .common-copyright__menu__item {
      margin: .4rem 0; }

  .alliance__mv {
    background: url(/images/alliance/bgimgsp.png) 0% 0% /cover no-repeat; }
    .alliance__mv__inner {
      display: block;
      padding: 4rem 1.6rem 3rem; }
      .alliance__mv-l {
        margin-right: 0; }
      .alliance__mv-l__pic {
        margin-bottom: 3rem; }
      .alliance__mv-l__title {
        font-size: 2.2rem;
        text-align: center;
        margin-bottom: 3rem; }
      .alliance__mv-l__text {
        font-size: 1.5rem;
        line-height: 1.25;
        margin-bottom: 2rem; }
      .alliance__mv-l,.alliance__mv-r {
        width: auto; }
      .alliance__mv__btn a {
        margin: 4rem auto 2rem;
        padding: 1.6rem;
        font-size: 1.6rem; }
    .alliance__slider img {
      height: calc(100vw * 3/5);
      width: 100vw; }
  .saraba {
    background: url(/images/alliance/background.png) 0% 0% /cover no-repeat;
  }

  .saraba__text {
    font-size: 14px;
  }

  .alliance__thumb .slick-list,
  .alliance__thumb .slick-track {
    width: 100% !important;
    display: flex;
    justify-content: space-between; }

  .alliance__brand__contents {
    flex-wrap: wrap;
    justify-content: center; }
    .alliance__brand__contents-l {
      width: auto; }
    .alliance__brand__contents-r img {
      margin-left: 0; }
    .alliance__brand__link {
      margin-bottom: 9rem; }

  .production-list__link {
    margin-bottom: 9rem; }

  .alliance__inner {
    padding: 0; }
  .alliance__inner2{
    padding: 5rem 0 0; }
    .alliance__brand {
      padding: 0 1.6rem; }
    .alliance__brand__h2,
    .alliance__contact__h2,
    .production-list__h2 {
      margin: 5rem auto 7rem;
      line-height: 1.25; }
      .alliance__brand__h2::before,
      .alliance__contact__h2::before,
      .production-list__h2::before {
        bottom: -20px; }
  .alliance__contact {
    padding: 0 1.6rem 4rem; }
  .alliance__contact__text {
    font-size: 1.5rem;
    text-align: center;
    line-height: 2; }
      .alliance__contact__text .tellink {
        text-decoration: underline; }
  .alliance__list {
    margin-bottom: 5rem;
    font-size: 1.8rem; }
    .alliance__list__item {
      margin: 1.5rem 0; }
  .alliance__thumb__item {
    margin-top: 10px;
    padding: 1px; }
  .contact-formlist__caption {
    line-height: 1.25; }
  .alliance__inner2 .contact-formlist__item:last-child {
    border: none; }

  .alliance-contact-formsubmit {
    padding: 0 1.6rem 3rem; }
  .alliance-contact-formsubmit .contact-formsubmit__caption {
    text-align: left; }

  .production-list {
    padding: 0 1.6rem; }
    .production-list__inner {
      padding: 0; }
    .production-list__inner2 {
      padding: 5rem 0 0; }
    .production-list__text {
      font-size: 1.6rem;
      margin-bottom: 5rem; }
    .production-list__contents {
      position: relative; }
      .production-list__contents__box,
      .production-list__contents__box:nth-of-type(10n) {
        width: calc((100% - 1.2rem) / 3);
        margin: 0 .6rem .6rem 0; }
      .production-list__contents__box:nth-of-type(3n) {
        margin-right: 0; }

  .productionlist__title {
    flex-wrap: wrap;
    justify-content: center; }
    .productionlist__title__h2 {
      margin-bottom: 1rem; }
  .productionlist__search {
    padding: 1.6rem; }
  .productionlist__search__input {
    width: 100%; }
  .productionlist__pagination {
    flex-wrap: wrap;
    padding: 0 1.6rem; }
    .productionlist__pagination__li {
      margin-bottom: .8rem; }
    .productionlist__pagination--center {
      margin: 4rem 0; }
  .productionlist__contents {
    padding: 0 1.6rem; }
    .productionlist__contents-box {
      width: calc(100% / 2 - 8px); }
  .productionlist__btn a {
    margin-bottom: 5rem;
    width: 320%; }

  .contact-formbox {
    padding-top: 0; }
    .contact-formbox__h {
      padding: 0 1.6rem; }

  .sp-alliancemenu {
    padding: 0 1.6rem; }

  .sideheading {
    padding: 2rem 0; }
    
  .sidemenu__item.flexbox a {
    padding: 2rem 3.5rem 2rem 2rem; }

  .sidetextlink {
    font-size: 1.4rem; }

  .collabo__h2 {
    font-size: 2rem;
    padding-bottom: 2rem; }

  .collabo__text {
    padding: 0 1.6rem 1rem;
    font-size: 1.4rem; }

  .collabo__table {
    margin-bottom: 1rem }
    .collabo__table th,.collabo__table td {
      display: block;
      width: 100%; }
      .collabo__table th {
        border-bottom: none;
        padding-bottom: 0; }
      .collabo__table td {
        border: none; }
        .collabo__table .last__td {
              border-bottom: solid 1px #e4e4e4; }
  .area-report-mv {
    padding: 4.5rem 1.6rem; }
    .area-report-mv__catch {
      margin-bottom: 1.4rem;
      font-size: 1.6rem; }
    .area-report-mv__catch2 {
      font-size: 1.6rem; }
      .area-report-mv__catch2__text {
        padding: 1.6rem; }
  
  .report-mvbox {
    padding: 2.4rem 1.6rem; }
    .report-mvbox__h {
      margin-bottom: 1.6rem;
      font-size: 1.8rem; }
    .report-mvbox__caption {
      margin-bottom: 2.6rem; }

  .report-mvlist {
    display: block;
    font-size: 1.6rem; }
    .report-mvlist__item {
      background-size: 2rem auto; }
      .report-mvlist__item + .report-mvlist__item {
        margin-top: 1.2rem; }

  .area-report-overview {
    padding: 4.5rem 1.6rem 3rem; }
    .area-report-overview__h {
      margin-bottom: 3.6rem;
      padding-top: 7rem;
      background-size: auto 5rem;
      font-size: 1.8rem; }

  .report-overview-list {
    margin-bottom: 4rem;
    font-size: 1.4rem; }
    .report-overview-list__item {
      padding-left: 2rem; }
      .report-overview-list__item + .report-overview-list__item {
        margin-top: 1.6rem; }

  .report-tocontact__caption {
    font-size: 1.4rem; }
  .report-tocontact__bnr {
    padding: 1.4rem;
    font-size: 1.6rem; }

  .area-report-example {
    padding: 4.5rem 1.6rem 3rem; }
    .area-report-example__h {
      margin-bottom: 3.6rem;
      padding-top: 7rem;
      background-size: auto 5rem;
      font-size: 1.8rem; }

  .report-tosample a {
    margin: 0 auto; }

  .report-example-list {
    margin-bottom: 3rem; }
    .report-example-list__item {
      padding: 1.6rem 0;
      display: block; }
    .report-example-list__content {
      width: 100%;
      margin-bottom: 1.6rem; }
    .report-example-list__img {
      width: 100%; }
    .report-example-list__h {
      margin-bottom: 1.6rem;
      font-size: 1.8rem;
      text-align: center; }
    .report-example-list__text {
      font-size: 1.4rem; }

  .area-report-flow {
    padding: 4.5rem 1.6rem 3rem; }
    .area-report-flow__h {
      margin-bottom: 3.6rem;
      padding-top: 7rem;
      background-size: auto 5rem;
      font-size: 1.8rem; }
    .area-report-flow__img {
      max-width: 260px;
      margin: 0 auto 4rem; }
    .area-report-flow__text {
      font-size: 1.3rem; }

  .lecturelp-mvbox {
    flex-wrap: wrap; }
    .lecturelp-mvbox__col {
      width: 100%; }
      .lecturelp-mvbox__col + .lecturelp-mvbox__col {
        margin-top: 2rem; }

  .lecturelp-title {
    display: block;
    line-height: 1.4;
    text-align: center; }
    .lecturelp-title__col2 {
      margin: .6rem 0 0; }
    .lecturelp-title__logo {
      max-width: 180px;
      margin: 0 auto; }
    .lecturelp-title__h {
      font-size: 2rem; }
    .lecturelp-title__caption {
      margin-top: .6rem;
      font-size: 1.4rem; }

  .lecturelp-content {
    padding: 4rem 1.6rem 0; }
    .lecturelp-content__h {
      margin-bottom: 4rem;
      padding-bottom: 1.6rem;
      font-size: 1.8rem; }

  .lecturelp-flexbox {
    display: block; }
    .lecturelp-flexbox__r {
      margin-top: 4rem; }

  .lecturelp-list {
    font-size: 1.4rem;
    line-height: 20px; }
    .lecturelp-list__item {
      padding-left: 2.6rem;
      background-position: left top 1px;
      background-size: auto 18px; }
      .lecturelp-list__item + .lecturelp-list__item {
        margin-top: 1.6rem; }

  .lecturelp-castlist {
    justify-content: space-between; }
    .lecturelp-castlist__item,
    .lecturelp-castlist__item:nth-of-type(4n),
    .lecturelp-castlist__item:last-child {
      width: calc((100% - 2rem) / 2);
      margin: 0 0 1.6rem; }

  .logouttop-body {
    padding-top: 0; }
    .logouttop-body--65 {
      margin-top: 60px; }
    .logouttop-body--login60 {
      padding: 0; }

  .logouttop-header {
    position: relative; }

  .logouttop-whitebar {
    padding: 0; }
    .logouttop-whitebar__inner {
      height: auto;
      display: block; }

  .logouttop-signmenu {
    margin: 0; }

  .logouttop-spheadbar {
    max-width: unset;
    height: 60px;
    padding: 0 1.6rem;
    background-color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center; }
    .logouttop-spheadbar--fixed {
      position: fixed;
      top: 0; left: 0; right: 0;
      background-color: #fff; }
    .logoutto-spheadbar__caption {
      margin-bottom: .5rem;
      font-size: 1rem;
      line-height: 1; }
    .logouttop-spheadbar__logo {
      width: 244px; }
      .logouttop-spheadbar__logo img {
        margin: 0 auto;
        display: block; }

  .logouttop-spscrollheader {
    max-width: unset;
    height: 60px;
    padding: 0 1.6rem;
    background-color: #fff;
    box-shadow: 0 2px 7px rgba(0,0,0,.15);
    display: flex;
    align-items: center;
    position: fixed;
    top: 0; left: 0; right: 0;
    z-index: 10; }
    .logouttop-spscrollheader--hidden {
      display: none; }
    .logouttop-spscrollheader__caption {
      margin-bottom: .5rem;
      font-size: 1rem;
      line-height: 1; }
    .logouttop-spscrollheader__logo {
      width: 244px; }

  .logouttop-spusermenu {
    height: 60px;
    padding: 0 1.6rem;
    background-color: #fff;
    border-top: 1px solid #dbdbdb;
    display: flex;
    flex-direction: column;
    justify-content: center; }

  .logouttop-anchormenu {
    padding: 1rem 1.6rem;
    flex-wrap: wrap; }
    .logouttop-anchormenu__item {
      margin: .2rem 0; }

  .logouttop-spsignmenu {
    height: 60px;
    padding: 0 1.6rem;
    background-color: #fff;
    border-bottom: 1px solid #dbdbdb;
    display: flex;
    justify-content: center;
    align-items: center; }

  .logouttop-hbgmenu {
    position: fixed;
    top: 0; right: 0;
    width: 60px;
    height: 60px;
    z-index: 100; }
    .logouttop-hbgmenu--60 {
      top: 60px; }
      .logouttop-hbgmenu--60--hidden {
        display: none; }
    .logouttop-hbgmenu__bg {
      position: fixed;
      top: 0; bottom: 0; left: 0; right: 0;
      background-color: rgba(0,0,0,.8);
      display: none;
      z-index: 999; }
      .logouttop-hbgmenu__bg--on {
        display: block; }
    .logouttop-hbgmenu__btn {
      width: 60px;
      height: 60px;
      background: url('/images/logouttop/hbg.png') no-repeat center/26px auto;
      display: block; }
      .logouttop-hbgmenu__btn--pushed {
        background: url('/images/logouttop/hbg_close.png') no-repeat center/20px auto; }

  .logouttop-hbgmenulist {
    width: 100vw;
    position: absolute;
    background-color: #fff;
    box-shadow: 0 2px 7px rgba(0,0,0,.15);
    font-size: 1.4rem;
    top: 100%; right: -100vw;
    transition-property: right;
    transition-duration: .3s; }
    .logouttop-hbgmenulist--open {
      right: 0; }
    .logouttop-hbgmenulist__item {
      border-bottom: 1px solid #dbdbdb; }
      .logouttop-hbgmenulist__item--gray {
        padding: .8rem 1.6rem;
        background-color: #eeeff0;
        display: flex;
        justify-content: center; }
      .logouttop-hbgmenulist__item > a {
        padding: 1.4rem;
        background: url('/images/logoutabout/arrow_toright_gray.png') no-repeat right 2rem center/11px auto;
        display: block; }
        .logouttop-hbgmenulist__item > a span {
          padding-right: 3.2rem;
          display: block;
          line-height: 18px; }
      .logouttop-hbgmenulist__item--search > a span {
        padding-left: 3.2rem;
        background: url('/images/logouttop/headermenu_search.png') no-repeat left center/auto 18px; }
      .logouttop-hbgmenulist__item--contact > a span {
        padding-left: 3.2rem;
        background: url('/images/logouttop/headermenu_contact.png') no-repeat left center/18px auto; }
      .logouttop-hbgmenulist__item--help > a span {
        padding-left: 3.2rem;
        background: url('/images/logouttop/headermenu_help.png') no-repeat left center/auto 18px; }

  .logouttop-slide {
    height: auto; }
    .logouttop-slide .slick-prev,
    .logouttop-slide .slick-next {
      display: none !important; }

  .logouttop-slidelist {
    margin: 4rem 0 7rem;
    padding: 0; }
    .logouttop-slidelist .slick-dots {
      bottom: -40px; }

  .logouttop-graylabel__text {
    font-size: 1.2rem;
    padding: .8rem 0; }
    .logouttop-graylabel__num {
      font-size: 1.6rem; }

  .logouttop-bggreen__wrap {
    display: block; }
  .logouttop-bggreen__img {
    margin: 0 auto;
    text-align: center; }
  .logouttop-bggreen__text {
    margin: 2rem 0 0;
    width: 100%; }
  .logouttop-bggreen__bnr a {
    width: 100%; }

  .logouttop-adv {
    padding: 0; }
    .logouttop-adv__inner {
      padding: 4rem 1.6rem 2.2rem; }
    .logouttop-adv__h {
      margin: 0 0 2.4rem;
      padding-bottom: 2.3rem;
      font-size: 1.8rem; }
      .logouttop-adv__h:after {
        width: 60px;
        bottom: 0rem; }
    .logouttop-adv__caption {
      font-size: 1.4rem;
      margin-bottom: 2.4rem; }

  .logouttop-advlist {
    flex-wrap: wrap;
    margin: 0; }
    .logouttop-advlist__item {
      width: 100%;
      padding: 1.3rem; }
      .logouttop-advlist__item + .logouttop-advlist__item {
        border-top: none; }
    .logouttop-advlist__img {
      margin-bottom: 1rem; }
    .logouttop-advlist__h {
      font-size: 1.4rem; }
    .logouttop-advlist__text {
      font-size: 1.2rem; }

  .logouttop-feature {
    padding: 0; }
    .logouttop-feature__inner {
      padding: 4rem 0 3rem; }
    .logouttop-feature__h {
      margin: 0 0 2.4rem;
      padding-bottom: 2.3rem;
      font-size: 1.8rem; }
      .logouttop-feature__h:after {
        width: 60px;
        bottom: 0rem; }
    .logouttop-feature__caption {
      margin-bottom: 2.6rem;
      font-size: 1.4rem; }
    .logouttop-featurebox {
      margin: 0;
      padding: 0 1.3rem; }
      .logouttop-featurebox__h {
        font-size: 1.4rem; }
      .logouttop-featurebox__caption {
        font-size: 1.2rem;
        margin-bottom: 2rem; }

  .logouttop-searchcastlist {
    flex-wrap: wrap;
    margin-bottom: 3.2rem; }
    .logouttop-searchcastlist__item {
      width: 100%; }
      .logouttop-searchcastlist__item + .logouttop-searchcastlist__item {
        margin-top: 1.3rem; }
      .logouttop-searchcastlist__item a {
        padding: 1.3rem 4rem; }
    .logouttop-searchcastlist__h {
      font-size: 1.4rem;
      margin-bottom: 1.3rem;
      padding-left: 2rem;
      background-size: 1.2rem auto; }
    .logouttop-searchcastlist__text {
      font-size: 1.2rem; }
  .logouttop-searchgenrelist {
    flex-wrap: wrap;
    margin-bottom: 2.3rem; }
    .logouttop-searchgenrelist__item {
      width: calc((100%/2) - 6px);
      margin-bottom: 1.3rem; }
    .logouttop-searchgenrelist__h {
      font-size: 1.2rem;
      padding: .5rem; }
  .logouttop-searchgenrelink {
    padding: 1.3rem; }
    .logouttop-searchgenrelink__item {
      font-size: 1.2rem; }
      .logouttop-searchgenrelink__item + .logouttop-searchgenrelink__item {
        margin-top: 1.6; }
      .logouttop-searchgenrelink__item a {
        padding-left: 1.2rem;
        background-size: .4rem auto;
        display: block; }
  .logouttop-feature__note {
    font-size: 1.2rem;
    margin-bottom: 2.4rem; }
  .logouttop-feature__contact a {
    font-size: 1.4rem; }

  .logouttop-example__inner {
    padding: 4rem 1.3rem 3.2rem; }
  .logouttop-example__h {
    margin: 0 0 2.4rem;
    padding-bottom: 2.3rem;
    font-size: 1.8rem; }
    .logouttop-example__h:after {
      width: 60px;
      bottom: 0rem; }

  .logouttop-production {
    padding: 4rem 1.6rem 3.2rem; }
    .logouttop-production__h {
      margin: 0 0 2.4rem;
      padding-bottom: 2.4rem;
      font-size: 1.8rem; }
      .logouttop-production__h:after {
        width: 60px;
        bottom: 0rem; }
    .logouttop-production__text {
      font-size: 1.4rem;
      margin-bottom: 3.2rem; }
    .logouttop-production__link {
      font-size: 1.4rem; }
    .logouttop-production__bnr {
      font-size: 1.4rem; }
      .logouttop-production__bnr a {
        width: 320px;
        background-position: right 17px center; }

  .logouttop-guide {
    padding: 4rem 1.3rem 1.8rem; }
    .logouttop-guide__h {
      margin: 0 0 2.4rem;
      padding-bottom: 2.3rem;
      font-size: 1.8rem; }
      .logouttop-guide__h:after {
        width: 60px;
        bottom: 0rem; }
  .logouttop-guidelist {
    padding: 1.9rem 1.3rem 2.1rem; }
    .logouttop-guidelist__h {
      font-size: 1.4rem;
      margin-bottom: 1.2rem; }
    .logouttop-guidelist__item {
      margin-bottom: 3.2rem; }
    .logouttop-guidelist__link {
      line-height: 1; }
      .logouttop-guidelist__link + .logouttop-guidelist__link {
        margin-top: 1rem; }
      .logouttop-guidelist__link a {
        font-size: 1.2rem; }
    .logouttop-guidelist__img {
      max-width: 288px;
      margin: 3rem auto; }
    .logouttop-guidelist__catch {
      font-size: 1.2rem;
      margin-bottom: .5rem; }
    .logouttop-guidelist__text {
      font-size: 1.2rem;
      margin-bottom: 1.6rem; }
  .logouttop-settlemenu {
    flex-wrap: wrap;
    margin: 1rem 0; }
    .logouttop-settlemenu__item {
      width: 100%;
      padding: 1.3rem 1.8rem; }
      .logouttop-settlemenu__item + .logouttop-settlemenu__item {
        border-top: none;
        border-left: 1px solid #cad2d2; }
    .logouttop-settlemenu__h {
      font-size: 1.4rem;
      margin-bottom: .8rem; }
    .logouttop-settlemenu__text {
      font-size: 1.2rem; }
  .logouttop-guide__bnr {
    font-size: 1.4rem; }
    .logouttop-guide__bnr a {
      width: 320px; }

  .logouttop-bnrs {
    padding: 4rem 1.6rem; }
    .logouttop-bnrs__box + .logouttop-bnrs__box {
      margin-top: 2.4rem; }

  .logouttop-bnrlist {
    flex-wrap: wrap;
    justify-content: space-between; }
    .logouttop-bnrlist__item {
      width: calc((100% - 1.6rem) / 2);
      margin-bottom: 1.6rem; }
      .logouttop-bnrlist__item + .logouttop-bnrlist__item {
        margin-left: 0; }

  .logoutlp-mv {
    flex-wrap: wrap;
    padding: 4rem 1.3rem; }
    .logoutlp-mv__l {
      margin: 0 0 2rem 0;
      width: 300px; }
    .logoutlp-mv__p-top {
      font-size: 1.8rem; }
      .logoutlp-mv__p-top--big {
        font-size: 2.8rem; }
    .logoutlp-mv__r img {
      width: 100%; }

  .logoutlp-menu {
    flex-wrap: wrap;
    font-size: 1rem;
    line-height: 1.25; }
    .logoutlp-menu__item {
      width: 25%; }

  .logoutlp-catch {
    padding: 2rem 1.3rem;
    font-size: 1.2rem; }

  .logoutlp-webinar {
    padding: 3rem 1.3rem; }
    .logoutlp-webinar__box {
      flex-wrap: wrap; }
    .logoutlp-webinar__img {
      margin: 0 0 1.5rem 0; }
    .logoutlp-webinar__catch {
      font-size: 1.8rem; }
    .logoutlp-webinar__text {
      font-size: 1.4rem; }

  .logoutlp-target {
    padding: 4rem 1.3rem; }
    .logoutlp-target__h {
      font-size: 1.8rem;
      margin-bottom: 4rem; }
  .logoutlp-targetlist__item {
    width: 100%;
    font-size: 1.4rem;
    background-size: 20px auto;
    padding-left: 4rem; }

  .logoutlp-feature {
    padding: 7rem 1.3rem 4rem; }
    .logoutlp-feature__h {
      font-size: 1.8rem;
      margin-bottom: 3rem; }
    .logoutlp-feature__caption {
      font-size: 1.2rem;
      margin-bottom: 3rem; }
  .logoutlp-featurelist {
    flex-wrap: wrap; }
    .logoutlp-featurelist__item {
      width: 100%; }
      .logoutlp-featurelist__item + .logoutlp-featurelist__item {
        margin: 2rem 0 0 0; }
    .logoutlp-featurelist__h {
      font-size: 1.8rem;
      margin-bottom: 1.5rem; }
    .logoutlp-featurelist__img {
      margin-bottom: 1.5rem; }

  .logoutlp-lecture {
    padding: 4rem 1.3rem 5rem; }
    .logoutlp-lecture__h {
      font-size: 1.8rem; }
    .logoutlp-lecture__caption {
      font-size: 1.2rem;
      margin-bottom: 3rem; }
    .logoutlp-lecture__bnr {
      width: 320px; }
      .logoutlp-lecture__bnr a {
        font-size: 1.8rem;
        padding: 1.5rem; }
  .logoutlp-lecturelist__item {
    width: 100%; }

  .logoutlp-casts {
    padding: 8rem 1.3rem 5rem; }
    .logoutlp-casts__h {
      font-size: 1.8rem; }
      .logoutlp-casts__h__note {
        font-size: 1.2rem; }
    .logoutlp-casts__caption {
      font-size: 1.2rem; }
  .logoutlp-castsbox {
    margin: 0 auto 3rem; }
    .logoutlp-castsbox__h {
      font-size: 1.6rem;
      margin-bottom: 2rem; }

  .logoutlp-castslist {
    flex-wrap: wrap; }
    .logoutlp-castslist__item {
      width: calc((100% - 14px) / 2);
      margin: 0 0 1.4rem; }
  .logoutlp-casts__catch {
    padding: 1.5rem;
    font-size: 1.6rem; }

  .logoutlp-price {
    padding: 4rem 1.3rem 3rem; }
    .logoutlp-price__h {
      font-size: 1.8rem; }
    .logoutlp-price__catch {
      font-size: 1.2rem;
      margin-bottom: 3rem; }
    .logoutlp-price__img {
      width: 280px;
      margin: 0 auto 3rem; }
      .logoutlp-price__img--bottom0 {
        margin-bottom: 0; }

  .logoutlp-table {
    width: 100%; }
    .logoutlp-table th {
      border-bottom: 1px solid #dbdbdb;
      font-size: 1.6rem; }
      .logoutlp-table th:first-child {
        border-top: none; }
    .logoutlp-table__thcaption {
      font-size: 1.6rem; }
    .logoutlp-table td {
      text-align: left;
      font-size: 1.2rem; }
    .logoutlp-table th,
    .logoutlp-table td {
      padding: 1.3rem;
      display: block; }
    .logoutlp-table td.logoutlp-table__textcenter {
      font-size: 1.8rem; }
    .logoutlp-table__title {
      font-size: 1.4rem;
      font-weight: bold;
      margin-bottom: .5rem; }
      .logoutlp-table__title-caption {
        font-size: 1rem;
        margin-left: 1rem; }
    .logoutlp-table tr + tr {
      border-top: 1px solid #dbdbdb; }
    .logoutlp-table th + th, .logoutlp-table th + td, .logoutlp-table td + td {
      border-left: none;
      border-bottom: 1px dotted #dbdbdb; }
    .logoutlp-table td + td:last-child {
      border-bottom: none; }

  .logoutlp-price__attention {
    font-size: 1rem;
    margin-bottom: 3rem;
    line-height: 1.75; }

  .logoutlp-tocontact {
    padding:  2rem 1.3rem; }
    .logoutlp-tocontact__text {
      font-size: 1.6rem; }
    .logoutlp-tocontact__bnr {
      width: 320px;
      margin-bottom: 2rem; }
      .logoutlp-tocontact__bnr a {
        font-size: 1.8rem;
        padding: 1.5rem; }
    .logoutlp-tocontact__caption {
      font-size: 1.2rem; }

  .logoutlp-flow {
    padding: 4rem 1.3rem 3rem; }
    .logoutlp-flow__h {
      font-size: 1.8rem;
      margin-bottom: 3rem; }
    .logoutlp-flow__bnr {
      width: 320px;
      margin-top: 2rem; }
      .logoutlp-flow__bnr a {
        font-size: 1.8rem;
        padding: 1.5rem; }

  .logoutlp-flowlist {
    padding-left: 3.2rem; }
    .logoutlp-flowlist__item {
      padding: 2rem 0; }
      .logoutlp-flowlist__item::before {
        top: 18px; left: -34px; }
      .logoutlp-flowlist__item::after {
        top: 42px; bottom: -10px; left: -27px; }
    .logoutlp-flowlist__step {
      margin-bottom: .8rem; }
    .logoutlp-flowlist__catch {
      font-size: 1.6rem; }
    .logoutlp-flowlist__text {
      margin-top: .8rem;
      font-size: 1.4rem; }

  .logoutlp-faq {
    padding: 4rem 1.3rem 3rem; }
    .logoutlp-faq__h {
      font-size: 1.8rem;
      margin-bottom: 4rem; }

  .logoutlp-faqlist {
    padding: 2rem 1.3rem; }
    .logoutlp-faqlist__item {
      width: 100%;
      margin-bottom: 2rem; }
    .logoutlp-faqlist__q {
      font-size: 1.6rem;
      padding: 0 0 1.5rem 3.5rem;
      background-size: auto 1.8rem; }
    .logoutlp-faqlist__a {
      font-size: 1.2rem;
      padding: 0 0 2rem 3.5rem;
      background-size: auto 1.8rem; }

  .logoutlp-form {
    padding: 4rem 1.3rem 2rem; }
    .logoutlp-form__h {
      font-size: 1.8rem; }
    .logoutlp-form__caption {
      font-size: 1.2rem;
      margin-bottom: 1.5rem; }
      .logoutlp-form__caption + .logoutlp-form__caption {
        margin-bottom: 4rem; }
  .logoutlp-formbox__h {
    font-size: 1.6rem;
    margin-bottom: 1.5rem; }
  .logoutlp-formlist__item {
    flex-wrap: wrap;
    border: none; }
    .logoutlp-formlist__item:last-child {
      border-bottom: none; }
  .logoutlp-formlist__th {
    width: 100%;
    padding: 1rem 2.8rem }
  .logoutlp-formlist__td {
    width: 100%;
    padding: 1rem 0 2rem 0; }
    .logoutlp-formlist__td input {
      width: 100%; }
  .logoutlp-formlist__tel {
    display: flex;
    align-items: center; }
  .logoutlp-form__note {
    margin-bottom: 3rem; }
  .logoutlp-form__submit {
    margin-bottom: 3rem; }
    .logoutlp-form__submit input {
      width: 320px;
      padding: 1.5rem;
      font-size: 1.8rem; }

  .logoutfooter3col {
    display: block; }
    .logoutfooter3col__col {
      width: 100%; }
      .logoutfooter3col__col + .logoutfooter3col__col {
        margin-top: 3.2rem; }

  .sitemapmenu {
    display: block; }
    .sitemapmenu__item {
      width: 100%;
      margin: 0; }
      .sitemapmenu__item + .sitemapmenu__item {
        margin-top: 1.6rem; }

  .logoutabout-mv__inner {
    padding: 4rem 0;
    flex-wrap: wrap;
    justify-content: center; }
  .logoutabout-mv__img {
    order: 2; }
  .logoutabout-mv__content {
    margin: 0 0 2.4rem;
    order: 1;
    text-align: center; }
  .logoutabout-mv__catch {
    margin-bottom: 2.4rem;
    padding-bottom: 2rem;
    font-size: 2rem; }
  .logoutabout-mv__text {
    font-size: 1.4rem; }
  
  .logoutabout-menu {
    padding: 4rem 1rem; }

  .logoutabout-menulist {
    display: block; }
    .logoutabout-menulist__item {
      width: 100%;
      margin: 0 auto; }
      .logoutabout-menulist__item + .logoutabout-menulist__item {
        margin-top: 2rem; }

  .logoutabout-typelist__item + .logoutabout-typelist__item {
    margin-top: 1.6rem; }

  .logoutabout-feature {
    padding: 4rem 1.6rem; }

  .logoutabout-2col {
    flex-wrap: wrap; }
    .logoutabout-2col + .logoutabout-2col {
      margin-top: 3.2rem;
      padding-top: 3.2rem;
      border-top: 1px solid #dbdbdb; }
    .logoutabout-2col__spcatch {
      width: 100%;
      margin-bottom: 2rem;
      font-size: 1.8rem;
      font-weight: bold;
      line-height: 1.4;
      text-align: center; }
    .logoutabout-2col__img {
      width: 100%;
      order: 1; }
    .logoutabout-2col__content {
      width: 100%;
      margin-top: 2.4rem;
      order: 2; }

  .logoutabout-tosign {
    padding: 0; }
    .logoutabout-tosign::before,
    .logoutabout-tosign::after {display: none; }
  
  .logoutabout-sign2col {
    display: block; }
    .logoutabout-sign2col__col {
      width: 100%;
      padding: 3.2rem 1.6rem; }
      .logoutabout-sign2col__col--client {
        background-color: #eef7f8; }
      .logoutabout-sign2col__col--cast {
        background-color: #fff4f0; }
    .logoutabout-sign2col__h {
      font-size: 1.8rem; }
    .logoutabout-sign2col__bnr {
      margin-top: 3.2rem;
      font-size: 1.6rem; }
      .logoutabout-sign2col__bnr a {
        padding: 1.6rem; }

  .logout-breadcrumb {display: none; }

  .production-body {
    padding-top: 0; }

  .production-mv {
    width: 100%;
    height: 762px;
    background-size: cover;
    background-position: center;
    position: relative;
  }
    .production-mv__ttl {
      position: absolute;
      top: 20%;
      left: 5%;}
      .production-mv__ttl span {
        font-size: 24px;
        font-weight: bold;
        color: #036CB6;
        display: inline-block;
        margin-bottom: 10px; }
    .production-mv__text {
      position: absolute;
      top: 45%;
      left: 5%;
      font-size: 14px;
      max-width: 90%;
      line-height: 1.4; }
    .production-mv__r {
      order: 1;
      width: 200px;
      margin-bottom: 2rem; }
    .production-mv__l {
      order: 2;
      margin-right: 0; }
    .production-mv__big-text {
      font-size: 1.9rem;
      padding-bottom: 2rem; }
    .production-mv__btn a {
      background-position: center; }

  .production-bgbl {
    padding: 2.4rem 1.6rem 3rem; }
    .production-bgbl__price {
      font-size: 1.6rem;
      margin-bottom: 1rem; }
      .production-bgbl__price--big {
        font-size: 2.6rem; }
      .production-bgbl__price--small {
        font-size: 1.2rem; }
    .production-bgbl__text {
      font-size: 1.2rem; }

  .production-trouble {

    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: 4rem 1.6rem; }
    .production-trouble:after {
      bottom: -30px;
      border-width: 30px 80px 0 80px; }
    .production-trouble__h {
      font-size: 1.8rem;
      margin-bottom: 2rem; }
    .production-trouble__check__list {
      width: 100%;
      font-size: 1.4rem;
      background-size: 20px auto;
      padding: 1.3rem 1.3rem 1.3rem 4rem; }

    .production-trouble__bg-cloud1 {
      height: 62px;
      width: 95px;
      bottom: auto;
      right: -12px;
      top: -106px;
    }
    .production-trouble__bg-cloud2 {
      height: 35px;
      width: 54px;
      top: auto;
      left: -12px;
      bottom: -30px;
    }
    .production-trouble__bg-cloud3 {
      display: none;
    }

  .production-cando {
    padding: 5rem 1.6rem; }
    .production-cando__h {
      font-size: 1.8rem;
      margin-bottom: 2rem; }
    .production-cando__box {
      flex-wrap: wrap;
      justify-content: center; }
    .production-cando__r {
      order: 1;
      width: 300px;
      margin-bottom: 2rem; }
    .production-cando__l {
      order: 2;
      margin-right: 0; }
    .production-cando__h3 {
      font-size: 1.6rem;
      margin-bottom: 2rem;
      text-align: center; }
    .production-cando__text {
      margin-bottom: 1.4rem; }

  .production-help {
    padding: 4rem 1.6rem;
    flex-wrap: wrap;
    justify-content: center; }
    .production-help__l {
      width: 212px;
      margin: 0 0 2rem 0; }
    .production-help__h3 {
      font-size: 1.6rem;
      margin-bottom: 2rem;
      text-align: center; }
    .production-help__p {
      margin-bottom: 1.4rem; }

  .production-entry__inner {
    margin: 0 1.6rem;
    padding: 0 0 4rem 0;
    flex-wrap: wrap;
    justify-content: center; }
    .production-entry__r {
      width: 212px;
      order: 1;
      margin-bottom: 2rem; }
    .production-entry__l {
      margin-right: 0;
      order: 2; }
    .production-entry__h3 {
      font-size: 1.6rem;
      margin-bottom: 2rem;
      text-align: center; }

  .production-function__inner {
    padding: 4rem 0 ; }
    .production-function__h {
      font-size: 1.8rem;
      margin-bottom: 4rem; }
    .production-function__check {
      flex-wrap: wrap;
      margin-bottom: 0; }
      .production-function__check__list {
        width: 100%;
        margin: 0 0 1.3rem 0;
        background-size: 14px auto;
        background-position: left 9px center;
        padding: 1.2rem 1rem 1.2rem 3rem; }
        .production-function__check__list + .production-function__check__list {
          margin-right: 0; }

  .production-search {
    padding: 4rem 1.6rem; }
    .production-search__h {
      font-size: 1.8rem;
      margin-bottom: 4rem; }
    .production-search__text {
      font-size: 1.4rem;
      margin-bottom: 4rem; }
    .production-search__btn a {
      width: 300px;
      background-position: right 30px center }

  .production-bgbl2 {
    padding: 2.4rem 1.6rem 3rem; }
    .production-bgbl2__top {
      font-size: 1.2rem; }
    .production-bgbl2__price {
      font-size: 1.6rem;
      margin-bottom: 1rem; }
      .production-bgbl2__price--big {
        font-size: 2.6rem; }
      .production-bgbl2__price--small {
        font-size: 1.2rem; }
    .production-bgbl2__text {
      font-size: 1.2rem; }

  .production-contact {
    padding: 4rem 1.6rem; }
    .production-contact__h {
      font-size: 1.8rem;
      margin-bottom: 4rem; }
    .production-contact__text {
      font-size: 1.2rem;
      margin-bottom: 1.4rem; }
    .production-contact__h3 {
      font-size: 1.8rem;
      margin: 4rem 0 2rem; }
  .production-form {
    margin: 0; }
    .production-form__item {
      display: flex;
      flex-wrap: wrap;
      border: none; }
      .production-form__item:last-child {
        border: none; }
    .production-form__th {
      width: auto;
      padding: 1rem 0 0 0;
      margin-right: 10px;
      display: inline-block;
      vertical-align: middle; }
    
    .production-form__requirement {
      font-size: 12px;
      line-height: 1.25;
      font-weight: bold;
      text-align: center;
      padding: 4px 8px;
      width: 40px;
      display: inline-block;
      margin-right: 10px;
      vertical-align: middle; }
    .production-form__td {
      width: 100%;
      flex-basis: 100%;
      padding-top: 0.5rem; }
      .production-form__td input {
        width: 100%;
        font-size: 1.6rem; }
      .production-form__td textarea {
        width: 100%;
        font-size: 1.6rem; }
    .production-contact__text-s {
      font-size: 1rem;
      margin-bottom: 2.4rem; }


    .production-contact__btn {
      margin: 0;
    }

    .production-contact__btn a {
      font-size: 1.8rem;
      width: 300px;
      padding: 2rem;
      margin-bottom: 2.4rem; }
      .production-contact__btn a:hover {opacity: .8; }
    .production-contact__text-c {
      font-size: 1rem; }

  /* プロダクションページ - ご利用の流れ（モバイル） */
  .production-flow {
    padding: 60px 20px; }
    .production-flow__h {
      font-size: 28px;
      margin-bottom: 40px; 
      padding-bottom: 100px;}
    .production-flow__list {
      flex-direction: column;
      align-items: center; }
      .production-flow__list__item {
        width: 100%;
        max-width: 100%;
        margin-bottom: 20px; }
        .production-flow__list__item::after {
          display: none;}
        .production-flow__list__item h3 {
          font-size: 20px; }
        .production-flow__list__item p {
          font-size: 16px; }

  /* プロダクションページ - お客様の声（モバイル） */
  .production-voice {
    padding: 4rem 1.6rem; }
    .production-voice__h {
      font-size: 2rem; }
    .production-voice__list {
      flex-direction: column;
      gap: 2rem; }
      .production-voice__list__item {
        width: 100%;
        padding: 2rem 1.5rem; }
        .production-voice__list__item h3 {
          font-size: 1.6rem; }
        .production-voice__list__item p {
          font-size: 1.3rem; }

/* ここからキャスト検索リニューアル20200617 */
  .castsearch-head {
    margin-top: 3.2rem;
    padding: 0 1.6rem; }
    .castsearch-head__text {
      font-size: 1.4rem; }
      .castsearch-head__text__num {
        font-size: 2rem; }
    .castsearch-head__caption {
      font-size: 1.4rem; }

  .castsearch-keyword {
    padding: 0 1rem; }
  .castsearch-keyword__textarea {
    padding: 1rem; }
    .castsearch-keyword__textarea__img {
      width: 1.7rem;
      margin-right: 1rem; }
    .castsearch-keyword__textarea input {
      font-size: 1.2rem !important; }
    .castsearch-keyword__textarea__btn {
      font-size: 1rem;
      line-height: 1.25;
      padding: .8rem 1rem; }

  .castsearch-name {
    margin: 0;
    padding: 4rem 1.6rem; }
    .castsearch-name__h {
      font-size: 1.8rem;
      padding-bottom: 2rem;
      margin-bottom: 3rem; }
    .castsearch-name__text {
      font-size: 1.2rem;
      margin-bottom: 3rem; }
    .castsearch-name__btn {
      flex-wrap: wrap; }
      .castsearch-name__btn__item {
        width: 100%; }
        .castsearch-name__btn__item + .castsearch-name__btn__item {
          margin-top: 1rem; }
        .castsearch-name__btn__item a {
          padding: 1rem 3rem 1rem 1rem;
          background-position: right 10px center; }
        .castsearch-name__btn__item__h {
          font-size: 1.2rem;
          background-size: 12px auto;
          margin-bottom: 1rem;
          padding-left: 2rem; }
        .castsearch-name__btn__item__text {
          font-size: 1rem; }

  .castsearch-purpose {
    margin: 0;
    padding: 4rem 1.6rem; }
    .castsearch-purpose__h {
      font-size: 1.8rem;
      padding-bottom: 2rem;
      margin-bottom: 3rem; }
    .castsearch-purpose__text {
      font-size: 1.2rem; }
    .castsearch-purpose__note {
      font-size: 1.2rem;
      margin-bottom: 2rem; }
    .castsearch-purpose__contact a {
      font-size: 1.2rem; }
  .castsearch-searchgenrelist {
    flex-wrap: wrap;
    margin-bottom: 2rem; }
    .castsearch-searchgenrelist__item {
      width: calc((100% - 10px) / 2);
      margin-bottom: 1rem; }
    .castsearch-searchgenrelist__h {
      font-size: 1.2rem; }
  .castsearch-searchgenrelink {
    padding: 1rem 2rem; }
    .castsearch-searchgenrelink__item {
      font-size: 1.2rem; }
    .castsearch-searchgenrelink__item a {
      padding-left: 1.5rem;
      display: block; }

  .castsearch-genre {
    margin: 0;
    padding: 4rem 1.6rem; }
    .castsearch-genre__h {
      font-size: 1.8rem;
      padding-bottom: 2rem;
      margin-bottom: 3rem; }
    .castsearch-genre__text {
      font-size: 1.2rem;
      margin-bottom: 3rem; }
  .castsearch-tablelist {
    padding-top: 1rem; }
    .castsearch-tablelist__item {
      flex-wrap: wrap;
      padding: 0 1rem 1rem; }
      .castsearch-tablelist__th {
        width: 100%; }
      .castsearch-tablelist__td {
        width: 100%; }
  .castsearch-taglistfooter {
    flex-wrap: wrap;
    justify-content: center;
    padding: 1rem 1rem 2rem; }
    .castsearch-taglistfooter__hit {
      margin-right: 0;
      font-size: 1.2rem; }
      .castsearch-taglistfooter__hit__num {
        font-size: 2rem; }
    .castsearch-taglistfootercheck__item {
      font-size: 1.2rem; }
      .castsearch-taglistfootercheck__item label:last-child {
        margin-right: 0; }
    .castsearch-taglistfooter__bnr a {
      margin-top: 1rem;
      font-size: 1.2rem; }

  .castsearch-list {
    margin: 0;
    padding: 4rem 1.6rem 2rem; }
    .castsearch-list__h {
      font-size: 1.8rem;
      padding-bottom: 2rem;
      margin-bottom: 3rem; }
    .castsearch-list__text {
      font-size: 1.2rem;
      margin-bottom: 3rem; }
  .castlist-listall__btn {
    width: calc((100% - 10px )/2);
    margin-bottom: 2rem; }
    .castlist-listall__btn a {
      padding: 1rem 2rem 1rem 1rem;
      font-size: 1rem;
      background-size: auto 1.1rem;
      background-position: right 15px center;
      height: 50px; }

  .castsearch-production {
    margin: 0;
    padding: 4rem 1.6rem 2rem; }
    .castsearch-production__h {
      font-size: 1.8rem;
      padding-bottom: 2rem;
      margin-bottom: 3rem; }
    .castsearch-production__text {
      font-size: 1.2rem;
      margin-bottom: 3rem; }
    .castsearch-production__linkbox__bnr a {
      font-size: 1.2rem; }

  .castsearch-tag {
    margin: 0;
    padding: 4rem 1.6rem; }
    .castsearch-tag__h {
      font-size: 1.8rem;
      padding-bottom: 2rem;
      margin-bottom: 3rem; }
    .castsearch-tag__text {
      font-size: 1.2rem;
      margin-bottom: 3rem; }
  .cast-taglist {
    padding: 1rem; }
    .cast-taglist__list a {
      font-size: 1rem;
      padding: 1rem; }

  .castsearch-bnrs {
    padding: 1rem; }
    .castsearch-bnrs__h {
      display: none; }
/* ここまでキャスト検索リニューアル20200617 */

.alliance__topics__list {
  font-size: 12px;
  margin: auto 10px; }
  .alliance__topics__item {
    min-height: 99px;
    border-top: 0.5px solid #cccccc; 
    row-gap: 5px; }
  .alliance__topics__item:last-child {
    border-bottom: 0px; }
    .alliance__topics__item__date,
    .alliance__topics__item__category {
      margin-top: 15px; }
    .alliance__topics__item__text {
      margin: 0 20px 15px;}

.alliance__brand__h3 {
  width: 100%;
  font-size: 18px;
  font-weight: bold;
  margin: 30px auto;
  text-align: center;
}

  .new-logouttop-body {
    padding-top: 60px; }

  .logouttop-header2 {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 9999;
  }

  .logouttop-spheadbar2 {
    max-width: unset;
    height: 60px;
    padding: 0 1.6rem;
    background-color: #fff;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    position: relative;
    z-index: 9999; }

  .logouttop-hbgmenu__btn2 {
    width: 60px;
    height: 60px;
    background: url('/images/logouttop/production/header-hbg.png') no-repeat center/26px auto;
    display: block;
    position: relative;
    z-index: 10000; }
    .logouttop-hbgmenu__btn2--pushed {
      background: url('/images/logouttop/production/header-hbg-close.png') no-repeat center/26px auto;
      position: relative;
      z-index: 10000; }

  .logouttop-hbgmenulist2 {
    width: 100vw;
    position: absolute;
    background-color: #036CB6;
    box-shadow: 0 2px 7px rgba(0,0,0,.15);
    font-size: 1.4rem;
    top: 100%; right: -100vw;
    transition-property: right;
    transition-duration: .3s; 
    padding: 40px 25px;
    z-index: 9998; 
    height: auto;
    min-height: 100vh;}
    .logouttop-hbgmenulist2--open {
      right: 0;
    }
    .logouttop-hbgmenulist__item2 {
      border-bottom: 1px solid rgba(255, 255, 255, 0.3); }
      .logouttop-hbgmenulist__item2:first-child {
        border-top: 1px solid rgba(255, 255, 255, 0.3);
      }
      .logouttop-hbgmenulist__item2 > a {
        padding: 1.6rem 1.4rem;
        display: block; }
        .logouttop-hbgmenulist__item2 > a span {
          display: block;
          line-height: 18px;
          color: #fff; 
          text-align: center;
          font-size: 20px
        }

  /* production-register-btn */
  .production-register-btn a {
    font-size: 20px;
  }

  /* production-mv セクション */
  .production-mv {
    height: auto;
    min-height: 100vh;
    position: relative;
  }
  
  .production-mv__inner {
    margin-bottom: 80px;
    padding: 30px 20px 0;
    height: auto;
    min-height: 100vh;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    position: relative;
  }
  
  .production-mv__inner-content {
    max-width: 425px;
    position: relative;
    z-index: 2;
  }
  
  .production-mv__ttl {
    position: relative;
    z-index: 2;
    margin-bottom: 20px;
  }
  
  .production-mv__ttl span {
    font-size: 28px;
    line-height: 1.4;
    margin-bottom: 8px;
    padding: 0 5px;
  }
  
  .production-mv__ttl span:first-child {
    margin-bottom: 4px;
  }
  
  .production-mv__ttl span:last-child {
    margin-bottom: 0;
  }
  
  /* SP版でのh1表示制御 */
  .production-mv__ttl.pc {
    display: none;
  }
  
  .production-mv__ttl.sp {
    display: block;
  }
  
  .production-mv__ttl.sp br {
    display: block;
    margin: 8px 0;
  }
  
  .production-mv__text {
    font-size: 14px;
    line-height: 1.7;
    margin: 30px auto 30px 0;
    max-width: 78%;
    position: relative;
    z-index: 2;
    height: 143px
  }
  
  .production-mv__btn {
    position: relative;
    z-index: 2;
    margin-top: 290px;
    padding-bottom: 45px;
  }
  
  .production-mv__btn a {
    width: 100%;
  }
  
  .production-mv__devices {
    top: 395px;
    right: -80px;
    max-width: 400px;
    z-index: 1;
  }
  
  .production-mv__badge {
    top: 360px;
    right: -10px;
    max-width: 245px;
    z-index: 1;
  }
  
  .production-mv__people {
    bottom: -95px;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    z-index: 1;
  }

  .production-mv__inner-content .production-register-btn {
    margin-top: 300px;
    padding-bottom: 45px;
  }

  .production-mv__grayscale-layer {
    grid-template-columns: repeat(auto-fill, 129px);
    grid-auto-rows: 129px;
  }

  .production-mv__background-image {
    height: 129px;
    width: 129px;
  }
  
  /* production-trouble セクション */
  .production-trouble {
    height: auto;
    padding: 40px 20px;
  }
  
  .production-trouble__ttl {
    font-size: 24px;
    max-width: 350px;
    margin-bottom: 30px;
  }
  
  .production-trouble__ttl::before {
    bottom: 25px; left: -40px;
    width: 75px;
    height: 3px;
  }
  
  .production-trouble__ttl::after {
    bottom: 25px; right: -40px;
    width: 75px;
    height: 3px;
  }
  
  .production-trouble__check {
    max-width: 100%;
    height: auto;
    margin: 20px auto 0;
    padding: 10px;
    padding-bottom: 40px;
  }
  
  .production-trouble__check__list {
    width: 100%;
    font-size: 16px;
    padding: 15px 5px 15px 45px;
    background-size: 24px 24px;
    background-position: left 15px center;
  }
  
  .production-trouble__human {
    bottom: -80px;
    max-width: 140px;
    right: 0;
    left: unset;
    z-index: 1;
  }
  
  .production-trouble__arrow {
    bottom: -80px;
    max-width: 50px;
    left: 50%;
    transform: translateX(-50%);
  }
  
  /* production-cando セクション */
  .production-cando {
    height: auto;
    padding: 40px 20px;
  }
  
  .production-cando__ttl {
    font-size: 24px;
    max-width: 100%;
    margin-bottom: 30px;
  }
  
  .production-cando__box {
    flex-direction: column;
    padding: 0 20px;
  }
  
  .production-cando__box__item {
    width: 100%;
    max-width: 280px;
    height: 280px;
    margin-bottom: 20px;
  }

  .production-cando__box__item:nth-child(1) img {
    width: 221px;
    height: 221px;
  }

  .production-cando__box__item:nth-child(2) img {
    width: 285px;
    height: 285px;
  }

  .production-cando__box__item__text {
    font-size: 16px;
    white-space: normal;
    text-align: center;
    max-width: 375px;
    width: 120%;
    bottom: -5px;
  }
  
  .production-cando__arrow {
    transform: rotate(0deg);
    position: relative;
    bottom: auto;
    left: auto;
    margin: 10px auto;
    width: 45px;
  }
  
  /* production-reasons セクション */
  .production-reasons {
    padding: 40px 20px;
  }
  
  .production-reasons__ttl {
    font-size: 24px;
    height: auto;
    padding: 30px 0;
    display: block;
    text-align: center;
    margin-bottom: 150px
  }
  
  .production-reasons__ttl span {
    font-size: 24px;
  }
  
  .production-reasons__list__item {
    margin-bottom: 30px;
  }
  
  .production-reasons__list__item__content {
    width: 100%;
    margin: 0;
  }
  
  .production-reasons__list__item.l .production-reasons__list__item__content__inner,
  .production-reasons__list__item.r .production-reasons__list__item__content__inner {
    width: 100%;
    margin: 0 0 150px 0;
    padding: 165px 20px 20px;
  }
  
  .production-reasons__list__item:last-child .production-reasons__list__item__content__inner {
    margin: 0;
  }
  
  .production-reasons__list__item__content__inner h3 {
    font-size: 20px;
    padding-left: 55px;
    padding-bottom: 15px;
  }

  .production-reasons__list__item__content__inner h3::before {
    width: 49px;
    height: 49px;
    top: calc(50% - 7px);
    right: auto;
    left: 0;
  }
  
  .production-reasons__list__item__content__inner p {
    font-size: 14px;
    line-height: 1.6;
  }
  
  .production-reasons__list__item.l .production-reasons__list__item__icon,
  .production-reasons__list__item.r .production-reasons__list__item__icon {
    position: absolute;
    bottom: 70%;
    top: auto;
    left: 50%;
    right: auto;
    transform: translateX(-50%);
    margin: 0;
    text-align: center;
    z-index: 1;
  }
  
  .production-reasons__list__item__icon img {
    max-width: 285px;
    height: auto;
  }

  .production-reasons__bg-cloud1 {
    height: 50px;
    width: 75px;
    top: 530px;
    right: 0;
  }
  .production-reasons__bg-cloud2 {
    height: 38px;
    width: 58px;
    top: 1150px;
    right: 30px;
    left: auto;
  }
  .production-reasons__bg-cloud3 {
    height: 58px;
    width: 84px;
    top: -286px;
    left: 0;
  }
  .production-reasons__bg-cloud4 {
    height: 40px;
    width: 59px;
    bottom: -60px;
    left: -5px;
  }

  /* production-companies セクション */
  .production-companies-height-1 {
    height: 130px;
  }

  .production-companies-height-2 {
    height: auto;
    padding: 0 0 40px 0;
  }
  
  .production-companies p {
    font-size: 22px;
    margin-bottom: 20px;
  }

  .production-companies p::before {
    right: calc(50% + 135px);
  }

  .production-companies p::after {
    left: calc(50% + 135px);
  }
  
  .production-companies {
    overflow: hidden;
  }
  
  .production-companies-logo {
    width: 100px;
    height: 46px;
    margin-right: 50px;
  }
  
  .production-companies-logo img {
    height: 100%;
    width: 100%;
    object-fit: contain;
  }

  .production-companies__bg-cloud1 {
    display: none;
  }
  
  .production-companies__bg-cloud2 {
    height: 32px;
    width: 47px;
    bottom: 10px;
    right: 30px;
    left: auto;
  }

  /* production-features セクション */
  .production-features {
    padding: 40px 20px;
  }

  .production-features__inner {
    padding-top: 0;
    width: 100%;
  }
  
  .production-features__h {
    font-size: 17px;
    margin-bottom: 30px;
  }

  .production-features__h span {
    font-size: 24px;
    line-height: 1.4;
  }
  
  .production-features__list__item {
    margin-bottom: 40px;
    padding-top: 250px;
    max-width: 340px;
    margin: 0 auto;
  }
  
  .production-features__list__item h3 {
    font-size: 20px;
    margin-bottom: 15px;
    padding-left: 65px;
  }

  .production-features__list__item h3::before {
    width: 49px;
  }

  .production-features__list__item p {
    font-size: 14px;
    line-height: 1.6;
    margin-bottom: 20px;
    width: 100%;
  }
  
  .production-features__list__item__ul {
    margin-bottom: 20px;
  }
  
  .production-features__list__item__ul li {
    font-size: 14px;
    margin-bottom: 8px;
  }
  
  .production-features__list__item__human {
    left: 15px;
    top: 215px;
    transform: translateY(-100%);
    bottom: unset;
    width: 100px;
  }
  
  .production-features__list__item__pc {
    position: absolute;
    width: 295px;
    right: -60px;
    top: 10px;
    transform: none;
    text-align: center;
    margin: 20px auto;
  }
  
  /* production-flow セクション */
  .production-flow {
    padding: 40px 20px;
  }

  .production-flow__inner {
    max-width: 300px;
  }
  
  .production-flow__h {
    font-size: 24px;
    margin-bottom: 30px;
  }
  
  .production-flow__list {
    flex-direction: column;
  }
  
  .production-flow__list__item {
    margin-bottom: 135px;
    text-align: center;
  }

  .production-flow__list__item:last-child {
    margin-bottom: 0;
  }
  
  .production-flow__list__item h3 {
    font-size: 18px;
    margin-bottom: 15px;
    margin-top: 80px;
  }
  
  .production-flow__list__item p {
    font-size: 14px;
    line-height: 1.6;
    margin-bottom: 20px;
  }
  
  .production-flow__list__item__img {
    text-align: center;
    bottom: unset;
    top: 0;
    transform: translate(-50%, -50%);
  }
  
  .production-flow__list__item__img img {
    max-width: 120px;
    height: auto;
  }
  
  /* production-faq セクション */

  /* プロダクションページ - よくあるご質問（モバイル） */
    .production-faq__h {
      font-size: 28px;
      margin-bottom: 40px; }
    .production-faq__list {
      max-width: 100%; }
        .production-faq__list__item h3 span {
          color: #036CB6;
          font-weight: bold;
          margin-right: 10px; }
        .production-faq__list__item h3::after {
          right: 20px;
          width: 25px;
          height: 25px;
          font-size: 16px; }

  .production-faq {
    padding: 60px 20px;
  }
  
  .production-faq__h {
    font-size: 24px;
    margin-bottom: 30px;
  }
  
  .production-faq__list__item {
    margin-bottom: 30px;
    padding: 15px 50px 15px 15px;
  }

  .production-faq__list__item::after {
    content: '';
    position: absolute;
    background-image: url(/images/logouttop/production/faq-plus.png);
    background-size: contain;
    transition: all 0.3s ease;
    width: 22px;
    height: 22px;
    right: 15px;
    top: 17px;
    transform: none;
  }

  .production-faq__list__item h3 {
    font-size: 16px;
    cursor: pointer;
    display: flex;
  }
  
  .production-faq__list__item p {
    font-size: 14px;
    line-height: 1.6;
    padding: 0;
  }
  
  .production-faq__list__item.active {
    padding: 15px 50px 15px 15px;
  }
  
  .production-faq__list__item.active h3 {
    padding-bottom: 15px;
    margin-bottom: 15px;
  }

  .production-faq__list__item.active::after {
    background-image: url(/images/logouttop/production/faq-minus.png);
  }

  .production-faq__list__item.active p {
    padding: 0px;
  }

  .production-faq__bg-cloud1 {
    height: 44px;
    width: 62px;
    top: -96px;
    right: 10px;
  }
  .production-faq__bg-cloud2 {
    display: none;
  }
  .production-faq__bg-cloud3 {
    height: 50px;
    width: 73px;
    top: auto;
    bottom: -70px;
    left: 0px;
  }

  /* production-contact セクション */
  .production-contact {
    padding: 40px 20px;
  }
  
  .production-contact__h {
    font-size: 24px;
    margin-bottom: 20px;
  }
  
  .production-contact__text {
    font-size: 14px;
    line-height: 1.6;
    margin-bottom: 30px;
  }
  
  .production-form__item {
    margin-bottom: 0px;
    padding: 0 10px;
  }
  
  .production-form__th {
    font-size: 16px;
    margin-bottom: 8px;
  }
  
  .production-form__td input,
  .production-form__td textarea {
    width: 100%;
    font-size: 16px;
    padding: 10px;
  }
  
  .production-form__td input {
    height: 50px;
  }

  .production-form__td__error {
    font-size: 12px;
    margin-top: 5px;
  }
  
  .production-contact__btn a {
    width: 100%;
    max-width: 300px;
    font-size: 16px;
    padding: 15px;
    margin-top: 30px;
  }
  
  .production-contact__edit {
    margin-top: 20px;
  }

  .production-contact__edit a {
    font-size: 14px;
    padding: 10px 20px;
  }
  
  /* production-free-registration セクション */
  .production-free-registration {
    padding: 40px 20px;
    text-align: center;
  }

  .production-free-registration .production-register-btn {
    margin-top: 40px;
  }
  
  .production-free-registration p {
    font-size: 24px;
    margin-bottom: 20px;
  }

  .production-free-registration p:nth-child(3) {
    font-size: 10px;
  }
  
  .production-free-registration__btn a {
    width: 100%;
    max-width: 300px;
    font-size: 16px;
    padding: 15px;
  }
  .new-area-contactguide {
    flex-direction: column;
    padding: 16px;
    gap: 12px;
    margin: 24px 15px;
  }
  .new-area-contactguide__icon {
    display: none;
    width: 28px;
    height: 28px;
    font-size: 14px; }
  .new-area-contactguide__title {
    font-size: 1.3rem; }
  .new-area-contactguide__text {
    font-size: 1.2rem; }
}

/*▼▼▼▼▼201910コンタクトフォーム【お問い合わせ種別のradio化】▼▼▼▼▼*/
.contact-formcategory {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap; }
  .contact-formcategory .category-item {
    width: 46%;
    margin-bottom: 6px; }
  .contact-formcategory label {
    overflow: hidden; }
  .contact-formcategory .category-item input {
    display: inline-block;
    width: auto;
    height: 36px;
    float: left; }
  .contact-formcategory .category-item .label-text {
    font-size: 12px;
    background-color: #f6fbfb;
    display: block;
    margin-left: 30px;
    padding: 10px; }
  .contact-formcategory .category-item .label-text.active {
    background-color: #beedef; }
  .contact-formcategory .custom-radio {
    position: relative; }
  .contact-formcategory .custom-radio input {
    display: none;
  }
  .contact-formcategory .custom-radio input + span::before {
    content: '';
    background-image: url(/images/form/style_radio.png);
    background-size: 20px;
    display: block;
    position: absolute;
    top: 9px;
    left: 0;
    width: 20px;
    height: 20px; }
  .contact-formcategory .custom-radio input:checked + span::after {
    content: '';
    background-image: url(/images/form/style_radio_on.png);
    background-size: 20px;
    display: block;
    position: absolute;
    top: 9px;
    left: 0;
    width: 20px;
    height: 20px; }
/* Firefox hack */
@-moz-document url-prefix() {
  .contact-formcategory .custom-radio input + span::before {
    content: '';
    background-image: url(/images/form/style_radio.png);
    background-size: 20px;
    display: block;
    position: absolute;
    top: 20px;
    left: 0;
    width: 20px;
    height: 20px; }
  .contact-formcategory .custom-radio input:checked + span::after {
    content: '';
    background-image: url(/images/form/style_radio_on.png);
    background-size: 20px;
    display: block;
    position: absolute;
    top: 20px;
    left: 0;
    width: 20px;
    height: 20px; }
}
@media screen and (max-width: 1000px) {
  .contact-formcategory .category-item {
    width: 100% !important;
    margin-left: 0 !important;
    margin-bottom: 6px; }
  .new-area-contactguide__icon {
    display: none;
  }
}

.contact-formlist-label, .contact-formlist-label-below {
  width: 100%;
  font-weight: bold;
}

.contact-formlist-label-below {
  font-size: 12px;
}

.shooting-related {
  padding: 3rem 0 0 0;
}

.td-inside input[type="radio"]{
  display: none;
}

.td-inside .recruit-offer-box__checked-radio {
  padding: 0.25rem 3.25rem;
  background: url("/images/client/icon_radio02.png") no-repeat left center;
  line-height: 1;
}

.td-inside .recruit-offer-box__radio {
  padding: 0.25rem 3.25rem;
  background: url("/images/client/icon_radio01.png") no-repeat left center;
  line-height: 1;
}

.td-inside label {
  font-size: 12px;
}

.contact-formlist__inside-td {
  padding: 1.5rem 0 0 0;
}
.pulldown-contact {
  width: 252px;
  height: 30px;
  font-weight: 500;
  font-size: 14px !important;
  padding: 5px 9px 0px 12px;
  border: solid 1px #d3d8dc;
  border-radius: 2px;
  display: block;
  position: relative;
  color: #48485a;
  background: url("/images/client/icon_arrow_pulldown.png")  no-repeat center right;
}
.box_contact {
  margin-top: 80px;
  background-color: #fcfbef;
  padding: 40px 0;
  text-align: center;
}
.box_contact-text1 {
  color: #333;
  font-size: 14px;
  font-family: HiraginoSans-W3;
  font-weight: bold;
  margin-bottom: 10px;
}
.mt-5 {
  margin-top: 50px;
}
.box_contact-link {
  text-decoration: underline;
  color: #51b8b9;
  font-family: HiraginoSans-W3;
  font-weight: bold;
}
.box_contact-text2 {
  font-family: HiraginoSans-W3;
  line-height: 1.5;
  color: #333;
  font-size: 12px;
}
.btn-select_image {
  padding: 6px 9px;
  font-family: HiraginoSans-W3;
  font-size: 14px;
  color: #333;
  border-radius: 2px;
  border: solid 1px #767676;
  background-color: #efefef;
}
.selectImg_btn-text {
  margin-left: 12px;
  font-family: HiraginoSans-W3;
  font-size: 14px;
  color: #333;
}
.remove-image {
  border-radius: 50%;
  border: none;
  margin-bottom: 15px;
  cursor: pointer;
}
.box_noti-download {
  margin-top: 30px;
  background-color: #fcfbef;
  text-align: center;
}
.box_noti-download-text {
  color: #e02020;
  font-size: 14px;
  font-family: HiraginoSans-W3;
  font-weight: bold;
  padding: 12px 0;
}
/*▲▲▲▲▲201910コンタクトフォーム【お問い合わせ種別のradio化】▲▲▲▲▲*/

/* さらばLPのYouTubeエンベッド */
.saraba_video-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  list-style: none;
  padding: 0;
  margin-bottom: 5rem;
}

@media (max-width: 767px) {
  .saraba_video-list {
    grid-template-columns: 1fr; /* スマートフォンで1列に表示 */
    padding: 0 4.6vw;
  }
  .top-production__btn a {
    padding: 9px !important;
  }
  .unicode .alliance__mv-l img {
    width: 38.67vw;
    margin-bottom: 3vw;
  }
  .unicode .alliance__mv__btn a {
    width: 63vw;
    height: auto;
    margin-top: 5.4vw;
    color: #FFFFFF;
    background-color: #51b8b9;
    font-size: 3.4vw;
    border-radius: 6px;
  }
  .unicode .alliance__mv-l{
    margin-top: 14vw;
  }
  .unicode-inner .alliance__brand__description {
    padding: 0 3vw;
    font-size: 1rem;
  }
  .unicode-inner .alliance__brand__h2 {
    margin-bottom: 4rem !important;
  }
  .cast-img-container {
    width: 30%;
    margin-right: 2vw;
  }
  .unicode-image-list {
    justify-content: center;
  }
  .no-margin-sp {
    margin-right: 0;
  }
  .top-margin-sp {
    margin-top: 6vw;
  }
  .cast-img-container p {
    font-size: 10px;
  }
}

.saraba_video-list li {
  width: 100%;
  position: relative;
  padding-bottom: 56.25%; /* 16:9 のアスペクト比を保持するためのパディング */
  overflow: hidden;
}

.saraba_video-list iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.production-list__url a {
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg"><path fill="%2356b8b8" d="M.156.156A.579.579 0 0 1 .883.104l.053.042 4.897 4.467a.493.493 0 0 1 .049.69l-.047.049-4.898 4.5a.578.578 0 0 1-.78-.007.493.493 0 0 1-.038-.682l.046-.049 4.494-4.13L.167.887A.493.493 0 0 1 .11.206l.045-.05z" /></svg>') no-repeat center left/6px 10px;
}

.top-production__btn a, .top-production__btn a:hover {
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg"><path fill="%2356b8b8" d="M.312.313A1.158 1.158 0 0 1 1.766.208l.106.085 9.794 8.932c.41.374.443.972.097 1.38l-.094.099-9.794 9c-.435.4-1.133.394-1.56-.014a.986.986 0 0 1-.077-1.365l.093-.096 8.988-8.26L.334 1.773A.986.986 0 0 1 .222.41l.09-.098z" /></svg>') no-repeat center right 22px/12px 20px;
}

.separate-line {
  border-top: 1px solid #ddd;
  margin-bottom: 4.8rem;
}

.top-production__btn a {
  padding: 20px;
  max-width: 420px;
}
@media screen and (max-width: 450px) {
  .small-sp {
    display: block;
  }
  .new-area-contactguide__icon {
    display: none;
  }
}

@keyframes scroll-left {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-100%);
  }
}

/* ホバー時の一時停止 */
.production-companies-logo-container:hover .production-companies-logo-row {
  animation-play-state: paused;
}

/* reCAPTCHAバッジを非表示にする */
.grecaptcha-badge { visibility: hidden; }

/* =========================
キャスティング選手一覧
========================= */
.alliance__players__h2 {
  margin: 6rem auto 6rem;
}

.alliance__players__contents {
  width: 100%;
  text-align: center;
}

.alliance__players__list {
  width: 100%;
  display: flex;
  justify-content: center;
  gap: 6rem;
  flex-wrap: wrap;
  margin: 0;
  padding: 2rem 0 0 0;
  list-style: none;
}

.alliance__players__item {
  width: 180px;
}

.alliance__players__card {
  display: block;
  color: #333;
}

.alliance__players__thumb {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  overflow: hidden;
  display: block;
  margin: 0 auto 1.6rem;
  background: #eee;
}

.alliance__players__thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.alliance__players__thumb-link:hover {
  opacity: 0.85;
}

.alliance__players__name {
  display: block;
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1.4;
  margin-bottom: .6rem;
}

.alliance__players__sub {
  display: block;
  font-size: 1.2rem;
  font-weight: bold;   /* サブテキスト太字 */
  color: #666;
  line-height: 1.4;
}

.alliance__players__note {
  margin-top: 4rem;
  font-size: 1.2rem;
}

/* SP対応 */
@media (max-width: 767px) {
  .alliance__players {
    margin-top: 3.5rem;
    margin-bottom: 3.5rem;
  }

  .alliance__players__h2 {
    margin: 1rem auto 3.5rem;
  }

  .alliance__players__list {
    gap: 3rem 0;
  }

  .alliance__players__item {
    width: calc(50% - 1rem);
    max-width: 180px;
  }

  .alliance__players__thumb {
    width: 96px;
    height: 96px;
    margin-bottom: 1.2rem;
  }
}

/* =========================
説明文（TOP画像と選手一覧の間）
========================= */
.alliance__intro {
  width: 100%;
  margin: 5.5rem auto 0; /* 上下の余白はここで調整 */
  text-align: center;
}

.alliance__intro__lead {
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 2.1;
  color: #333;
  margin: 0;
}

.alliance__intro__note {
  margin: 2.4rem 0 0;
  font-size: 1.2rem;
  line-height: 1.8;
  color: #333;
}

/* SP調整 */
@media (max-width: 767px) {
  .alliance__intro {
    margin: 0 auto 0;
    padding: 0 1.6rem !important; /* 文字が端まで行かないように */
  }

  .alliance__intro__lead {
    font-size: 1.5rem;
    line-height: 2.0;
  }

  .alliance__intro__note {
    font-size: 1.1rem;
    line-height: 1.8;
  }
}