@charset "utf-8";

*,
*::before,
*::after {
  box-sizing: border-box;
}

.noto {
  font-family: 'Noto Sans JP', sans-serif;
}

img {
  max-width: 100%;
}

body#forms{
  position: relative;
  background-color: #ededed;
  margin: 0;
  color: #000;
  font-family: 'Noto Sans JP', sans-serif;
  letter-spacing: 0;
  overflow-x: hidden;
}

.pcbr{display: block !important;}
.spbr{display: none !important;}


.container{
  position: relative;
}

.form-group textarea {
  width: 100%;
  min-height: 150px;
  padding: 10px;
  line-height: 1.5em;
  font-size: 16px;
  border: none;
}

.form-group .char-count {
    display: block;
}

.form-group .error-message {
    display: none;
    color: #ff0000;
    margin-top: 5px;
}

.form-group.error textarea {
    border: 1px solid #ff0000;
}

.form-group.error .char-count {
    color: #ff0000;
}

.form-group.error .error-message {
    display: block;
}

.privacy-policy {
    margin: 30px 0;
}

.privacy-content {
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    margin: 15px 0;
    position: relative;
}

.privacy-scroll {
    height: 300px;
    overflow-y: auto;
    padding: 30px;
    /* スクロールバーのカスタマイズ */
    scrollbar-width: thin;
    scrollbar-color: #888 #f1f1f1;
}

/* Webkit（Chrome, Safari等）用のスクロールバーカスタマイズ */
.privacy-scroll::-webkit-scrollbar {
    width: 8px;
}

.privacy-scroll::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 4px;
}

.privacy-scroll::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 4px;
}

.privacy-scroll::-webkit-scrollbar-thumb:hover {
    background: #555;
}

.privacy-scroll:focus {
    outline: 2px solid #007bff;
    outline-offset: -2px;
}

.privacy-checkbox {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 15px;
  padding: 10px;
  justify-content: center;
}

.privacy-checkbox input[type="checkbox"] {
    width: 20px;
    height: 20px;
    cursor: pointer;
}

.privacy-checkbox label {
    font-size: 14px;
    font-weight: bold;
    cursor: pointer;
}

.privacy-checkbox .error-message {
    display: none;
    color: #dc3545;
    font-size: 14px;
    width: 100%;
    margin-top: 5px;
    padding-left: 28px;
}

.privacy-checkbox.error .error-message {
    display: block;
}

.privacy-checkbox.error input[type="checkbox"] {
    border-color: #dc3545;
    box-shadow: 0 0 0 0.2rem rgba(220,53,69,.25);
}

.checkbox-grid {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 10px;
}

.checkbox-item {
  width: calc(33.33% - 10px);
  display: flex;
  align-items: center;
  height: 46px;
}

.checkbox-item input[type="checkbox"] {
  width: 24px;
  height: 24px;
  max-height: 24px;
  max-width: 24px;
  min-width: 24px;
  min-height: 24px;
  margin-right: 10px;
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
  background-color: transparent;
  border: 2px solid #000;
  border-radius: 4px;
  position: relative;
  transition: all 0.2sease-in-out;
}

.checkbox-item input[type="checkbox"]:checked {
  background-color: #f92c53;
  border-color: #f92c53;
}


div.forms-kv {
}
div.forms-kv div.forms-kv-inner {
  background: url(../img/forms/forms_kv.png) no-repeat top center;
  background-size: 100%;
  min-height: 41.2vw;
}
div.forms-kv div.forms-kv-inner div.forms-kv-inner-title {
  position: relative;
}
div.forms-kv div.forms-kv-inner div.forms-kv-inner-title h1 {
  position: absolute;
  top: 25.5vw;
  left: 10vw;
  font-size: 2.3vw;
  color: #fff;
}
div.forms-kv div.forms-kv-inner div.forms-kv-inner-title h2 {
  position: absolute;
  top: 29.5vw;
  left: 10vw;
  font-size: 1.7vw;
  color: #f92c53;
  padding: 5px 50px 7px;
  border: 2px solid #f92c53;
}
div.forms-kv div.forms-kv-inner div.forms-kv-inner-title p{
  position: absolute;
  top: 35.5vw;
  left: 10vw;
  font-size: 1vw;
  color: #fff;
}
div.forms-wrapper {
  width: 80%;
  display: block;
  margin: 0 auto;
}
div.forms-wrapper div.forms-wrapper-inner {
}
div.forms-wrapper div.forms-wrapper-inner form {
}
div.forms-wrapper div.forms-wrapper-inner form div.forms-wrapper-inner-read {
}
div.forms-wrapper div.forms-wrapper-inner form div.forms-wrapper-inner-read p {
  text-align: center;
  font-size: 16px;
  margin: 50px auto 50px;
  font-weight: 600;
}
div.forms-wrapper div.forms-wrapper-inner form div.forms-wrapper-inner-read div.forms-wrapper-inner-read-img {
}
div.forms-wrapper div.forms-wrapper-inner form div.forms-wrapper-inner-read div.forms-wrapper-inner-read-img img {
  display: block;
  margin: 0px auto 50px;
  width: 42%;
}
{
  margin-bottom: 70px;
}
h3.form-title {
  font-size: 28px;
  font-weight: 600;
  margin-bottom: 25px;
}
h3.form-title::before{
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  background-color: #f92c53;
  position: relative;
  top: -2px;
  margin-right: 20px;
}

div.forms-wrapper-inner-main-item {
  width: calc(100% - 70px);
  display: block;
  margin: 0 auto;
}
div.forms-wrapper-inner-main-item div.form-group {
  margin-bottom: 15px;
}
div.forms-wrapper-inner-main-item div.form-group label {
  font-size: 21px;
  font-weight: 500;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding-bottom: 10px;
}
div.forms-wrapper-inner-main-item div.form-group label span.required {
  color: #df1818;
  font-size: 15px;
  margin-left: 30px;
}
div.forms-wrapper-inner-main-item div.form-group input[type="text"] {
  width: 100%;
  padding: 10px;
  border: none;
  font-size: 18px;
  line-height: 1.5;
}

div.forms-wrapper-inner-main-item div.form-group input[type="text"]:focus {
  outline: none;
  border-color: #007bff;
  box-shadow: 0 0 0 0.2rem rgba(0,123,255,.25);
}

div.forms-wrapper-inner-main-item div.form-group.error input[type="text"] {
  border-color: #dc3545;
}

div.forms-wrapper-inner-main-item div.form-group input[type="email"] {
  width: 100%;
  padding: 10px;
  border: none;
  font-size: 18px;
  line-height: 1.5;
}

div.forms-wrapper-inner-main-item div.form-group input[type="email"]:focus {
  outline: none;
  border-color: #007bff;
  box-shadow: 0 0 0 0.2rem rgba(0,123,255,.25);
}

div.forms-wrapper-inner-main-item div.form-group.error input[type="email"] {
  border-color: #dc3545;
}
/* ファイル入力フィールドのプレースホルダーテキストのスタイル */
.form-control[type="file"]::file-selector-button {
  /* ファイル選択ボタンのスタイル */
  background-color: #f0f0f0;
  border: 1px solid #ccc;
  padding: 8px 16px;
  border-radius: 4px;
  margin-right: 10px;
}

/* Safariなど、Webkit系ブラウザ用 */
.form-control[type="file"]::-webkit-file-upload-button {
  background-color: #ffff;
  border: 1px solid #ccc;
  padding: 6px 14px;
  border-radius: 4px;
  margin-right: 10px;
}

/* ファイル名表示部分のスタイル */
.form-control[type="file"] {
  color: #000; /* 「選択されていません」の文字色 */
  font-size: 16px; /* フォントサイズ */
}

div.forms-wrapper-inner-main div.forms-wrapper-inner-sub-item div.form-group label span.required{
  color: #df1818;
  font-size: 15px;
  margin-left: 30px;
  font-weight: 600;
}
div.forms-wrapper-inner-main div.forms-wrapper-inner-sub-item div.form-group.s-title{}

div.forms-wrapper-inner-sub-item {
  width: calc(100% - 70px);
  display: block;
  margin: 0 auto;
}
div.forms-wrapper-inner-sub-item div.form-group {
  margin-bottom: 15px;
}
div.forms-wrapper-inner-sub-item div.form-group label {
  font-size: 20px;
  font-weight: 500;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding-bottom: 10px;
}
div.forms-wrapper-inner-sub-item div.form-group label span.required {
  color: #df1818;
  font-size: 15px;
  margin-left: 30px;
}
div.forms-wrapper-inner-sub-item div.form-group input[type="text"] {
  width: 100%;
  padding: 10px;
  border: none;
  font-size: 18px;
  line-height: 1.5;
}

div.forms-wrapper-inner-sub-item div.form-group input[type="text"]:focus {
  outline: none;
  border-color: #007bff;
  box-shadow: 0 0 0 0.2rem rgba(0,123,255,.25);
}

div.forms-wrapper-inner-sub-item div.form-group.error input[type="text"] {
  border-color: #dc3545;
}


/*============================
#applicant-email
============================*/
div.forms-wrapper-inner-main-item div.form-group input#applicant-email.form-control {
}
div.forms-wrapper-inner-main-item div.form-group.form-group-checkbox {
  margin-bottom: 70px;
}
div.forms-wrapper-inner-main-item div.form-group.form-group-checkbox label {
  margin-bottom: 10px;
}
div.forms-wrapper-inner-main-item div.form-group.form-group-checkbox label span.required {
}
div.forms-wrapper-inner-main-item div.form-group.form-group-checkbox div.checkbox-grid {
}
div.forms-wrapper-inner-main-item div.form-group.form-group-checkbox div.checkbox-grid div.checkbox-item {
  margin-bottom: 10px;
}

/*============================
#ad-menu-1
============================*/
div.forms-wrapper-inner-main-item div.form-group.form-group-checkbox div.checkbox-grid div.checkbox-item label {
  margin: 0;
  padding: 0;
  font-size: 16px;
  position: relative;
  top: -1px;
}

/*============================
#ad-menu-8
============================*/
div.forms-wrapper-inner-main-item div.form-group.form-group-checkbox div.checkbox-grid div.checkbox-item input#ad-menu-8 {
}
div.forms-wrapper-inner-main {
  margin-bottom: 70px;
}
div.forms-wrapper-inner-main h3.form-title {
}
div.forms-wrapper-inner-main h3.form-title small {
  font-size: 18px;
  position: relative;
  top: -3px;
}
div.forms-wrapper-inner-main div.forms-wrapper-inner-main-item {
}
div.forms-wrapper-inner-main div.forms-wrapper-inner-main-item div.form-group {
  margin-bottom: 40px;
}
div.forms-wrapper-inner-main div.forms-wrapper-inner-main-item div.form-group label {
  align-items: flex-start;
}
div.forms-wrapper-inner-main h3.form-title span.required {
  color: #df1818;
  font-size: 15px;
  margin-left: 10px;
  position: relative;
  top: 5px;
}
div.forms-wrapper-inner-main h3.form-title span.required.top-3 {
  top: -3px;
}

/*============================
#applicant-movie-sub-05
============================*/
div.forms-wrapper-inner-main div.forms-wrapper-inner-main-item div.form-group input#applicant-movie-sub-05.form-control {
}
div.forms-wrapper-inner-main div.forms-wrapper-inner-main-item div.form-group label p {
}
div.forms-wrapper-inner-main div.forms-wrapper-inner-main-item div.form-group label span {
  color: #df1818;
  font-size: 15px;
  margin-left: 10px;
  position: relative;
  top: 5px;
}

/*============================
#applicant-movie-url
============================*/
div.forms-wrapper-inner-main div.forms-wrapper-inner-main-item div.form-group input#applicant-movie-url.form-control {
  width: 100%;
  padding: 10px;
  border: none;
  font-size: 18px;
  line-height: 1.5;
  height: 150px;
  vertical-align: top;
  text-align: left; 
}

/*============================
#applicant-movie-file
============================*/
div.forms-wrapper-inner-main div.forms-wrapper-inner-main-item div.form-group input#applicant-movie-file.form-control {
}
div.forms-wrapper-inner-main div.forms-wrapper-inner-main-item div.form-group label span.required {
  font-weight: 600;
}
div.forms-wrapper-inner-main div.forms-wrapper-inner-main-item div.form-group label span.caution{
  color: #000;
  font-size: 15px;
  margin-left: 10px;
  position: relative;
  top: 5px;
}
div.forms-wrapper-inner-main div.forms-wrapper-inner-sub-item {
}
div.forms-wrapper-inner-main div.forms-wrapper-inner-sub-item div.form-group {
}
div.forms-wrapper-inner-main div.forms-wrapper-inner-sub-item div.form-group label {
  font-size: 17px;
}
div.forms-wrapper-inner-main div.forms-wrapper-inner-sub-item div.form-group label span.required {
}

/*============================
#applicant-campaign-01
============================*/
div.forms-wrapper-inner-main div.forms-wrapper-inner-sub-item div.form-group textarea#applicant-campaign-01.form-control {
}
div.forms-wrapper-inner-main div.forms-wrapper-inner-sub-item div.form-group p {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  font-weight: 500;
}

/*============================
#applicant-campaign-05-length
============================*/
div.forms-wrapper-inner-main div.forms-wrapper-inner-sub-item div.form-group p span#applicant-campaign-05-length.char-count {
}
div.forms-wrapper-inner-main div.forms-wrapper-inner-main-item div.form-group label div.form-group-flex {
  display: flex;
  justify-content: space-between;
}
div.forms-wrapper-inner-main div.forms-wrapper-inner-main-item div.form-group label div.form-group-flex strong {
  display: flex;
}
div.forms-wrapper-inner-main div.forms-wrapper-inner-main-item div.form-group label div.form-group-flex ul {
  margin: 0 0 0 30px;
}
div.forms-wrapper-inner-main div.forms-wrapper-inner-main-item div.form-group label div.form-group-flex ul li {
  font-size: 14px;
  color: #000;
}

/*============================
#applicant-result-01
============================*/
div.forms-wrapper-inner-main div.forms-wrapper-inner-main-item div.form-group textarea#applicant-result-01.form-control {
}
div.forms-wrapper-inner-main div.forms-wrapper-inner-main-item div.form-group p {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  font-weight: 500;
}

div.forms-wrapper-inner-main div.forms-wrapper-inner-main-item div.form-group p.tooltip{
  font-size: 13px;
  color: #000;
  margin-top: 10px;
  display: flex;
  justify-content: flex-start;
  letter-spacing: 0.07em;
}
div.forms-wrapper-inner-main div.forms-wrapper-inner-sub-item div.form-group p.tooltip{
  font-size: 13px;
  color: #000;
  margin-top: 10px;
  display: flex;
  justify-content: flex-start;
  letter-spacing: 0.07em;
}

/*============================
#applicant-remarks-length
============================*/
div.forms-wrapper-inner-main div.forms-wrapper-inner-main-item div.form-group p span#applicant-remarks-length.char-count {
}
div.forms-wrapper-inner-personal {
}
div.forms-wrapper-inner-personal div.privacy-policy {
  width: calc(100% - 70px);
  display: block;
  margin: 0 auto 30px;
  background: #F7F7F7;
  box-sizing: border-box;
  padding: 30px 60px;
}
div.forms-wrapper-inner-personal div.privacy-policy h3.form-title {
  text-align: center;
  padding: 0;
  margin: 0 0 30px;
  font-size: 20px;
}
div.forms-wrapper-inner-personal div.privacy-policy h3.form-title::before{
  content: none;
}

div.forms-wrapper-inner-personal div.privacy-policy div.privacy-content {
}
div.forms-wrapper-inner-personal div.privacy-policy div.privacy-content div.privacy-scroll {
  font-size: 14px;
  color: #000;
}
div.forms-wrapper-inner-personal div.privacy-policy div.privacy-content div.privacy-scroll ul li {
  font-size: 14px;
  color: #000;
}
div.forms-wrapper-inner-personal div.privacy-policy div.privacy-content div.privacy-scroll p{
  margin-bottom: 20px;
  line-height: 1.8em;
  word-break: break-all;
}


/*============================
#privacy-agree
============================*/
div.forms-wrapper-inner-personal div.privacy-policy div.privacy-checkbox span.error-message {
  text-align: center;
}
div.forms-wrapper-inner-submit {
}
div.forms-wrapper-inner-submit button.btn-submit {
  background: #000;
  color: #fff;
  border: none;
  padding: 14px 40px;
  font-size: 17px;
  font-weight: 600;
  border-radius: 2px;
  letter-spacing: 0.2em;
  display: block;
  transition: all 0.3s ease;
  border: 1px solid #000;
  width: 200px;
}
div.forms-wrapper-inner-submit button.btn-submit:hover {
  background: #fff;
  color: #000;
}

div.forms-wrapper footer {
}
div.forms-wrapper footer div.forms-footer-logo {
}
div.forms-wrapper footer div.forms-footer-logo img {
}

div.forms-wrapper-inner-personal div.privacy-policy div.privacy-content div.privacy-scroll h4 {
  margin-bottom: 15px;
}

.forms-footer-logo{
  background: #000;
  padding: 70px 0;
}
.forms-footer-logo img{
  width: 240px;
  display: block;
  margin: 0 auto;
}

.confirm .forms-wrapper-inner-confirm-item{
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin-bottom: 30px;
}
.confirm .forms-wrapper-inner-confirm-item .confirm-f{
  width: 45%;
  font-size: 20px;
  font-weight: 500;
  padding-bottom: 10px;
  margin-right: 5%;
}
.confirm .forms-wrapper-inner-confirm-item .confirm-a{
  width: 50%;
  font-size: 20px;
  font-weight: 500;
  padding-bottom: 10px;
}
.confirm .forms-wrapper-inner-confirm-item .confirm-a ul{
  margin: 0;
  padding: 0;
}
.confirm .forms-wrapper-inner-confirm-item .confirm-a ul li{
  font-size: 20px;
  font-weight: 500;
  padding-bottom: 10px;
  color: #000;
}
.confirm .forms-wrapper-inner-confirm-item.movie-name{align-items: center;}
.confirm .forms-wrapper-inner-confirm-item.movie-name .confirm-a{
  font-size: 20px;
  font-weight: 500;
  padding-bottom: 10px;
  color: #000;
}
.confirm .forms-wrapper-inner-confirm-item.small-txt{align-items: center;}
.confirm .forms-wrapper-inner-confirm-item.small-txt .confirm-f{
  font-size: 20px;
  font-weight: 500;
  padding-bottom: 10px;
  color: #000;
}
.forms-wrapper-inner-confirm-item.textarea{
  display: block;
}
.forms-wrapper-inner-confirm-item.textarea .confirm-f{
  width: 100%;
  font-size: 20px;
}
.forms-wrapper-inner-confirm-item.textarea .confirm-a{
  width: 100%;
  font-size: 20px;
}
.forms-wrapper-inner-confirm-item.list{}
.forms-wrapper-inner-confirm-item.list .form-group-flex{
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin-bottom: 15px;
}
.forms-wrapper-inner-confirm-item.list .form-group-flex strong{
  width: auto;
  margin-right: 30px;
  color: #000;
  font-size: 21px;
  font-weight: 500;
}
.forms-wrapper-inner-confirm-item.list .form-group-flex ul{
  margin: 0;
  padding: 0;
}
.forms-wrapper-inner-confirm-item.list .form-group-flex ul li{
  font-size: 14px;
  color: #000;
  font-weight: 500;
}

.confirm div.forms-wrapper div.forms-wrapper-inner form div.forms-wrapper-inner-read div.forms-wrapper-inner-read-img img{
  margin: 50px auto 50px;
}

.thanks div.forms-wrapper div.forms-wrapper-inner div.forms-wrapper-inner-read div.forms-wrapper-inner-read-img img{
  width: 42%;
  display: block;
  margin: 50px auto 50px;
}

.thanks div.forms-wrapper div.forms-wrapper-inner strong{
  text-align: center;
  display: block;
  font-size: 26px;
  font-weight: 600;
  margin-bottom: 30px;
  color: #f92c53;
}
.thanks div.forms-wrapper div.forms-wrapper-inner p{
  text-align: center;
  display: block;
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 100px;
  color: #000;
  line-height: 1.8em;
}
.thanks div.forms-wrapper-inner-submit button {
  background: #000;
  color: #fff;
  border: none;
  padding: 14px 40px;
  font-size: 17px;
  font-weight: 600;
  letter-spacing: 0.2em;
  display: block;
  margin: 60px auto 60px;
  transition: all 0.3s ease;
  border: 1px solid #000;
}
.thanks div.forms-wrapper-inner-submit button:hover{
  background: #fff;
  color: #000;
}

.form-group textarea#result-menu-15-detail{
  min-height: 70px;
}


.bg-caution-txt{
  /* background-color: #d6d6d6; */
  padding: 10px 30px;
  margin-bottom: 20px;
}
.bg-caution-txt ul{
  margin: 0;
  padding: 0;
}
.bg-caution-txt ul li{
  text-indent: -1em;
  padding-left: 1em;
  color: #000;
  line-height: 1.5em;
  font-size: 15px;
  font-weight: 500;
  padding-bottom: 5px;
}

.forms-wrapper-inner-submit{
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin: 60px 0 60px;
  gap: 25px 50px;
}
.forms-wrapper-inner-submit .btn-back{
  padding: 14px 32px;
  font-size: 17px;
  font-weight: 600;
  background: #fff;
  letter-spacing: 0.2em;
  display: block;
  margin: 0;
  border-radius: 2px;
  transition: all 0.3s ease;
  border: 1px solid #fff;
  width: 200px;
}
.forms-wrapper-inner-submit .btn-back .dli-caret-left {
  display: inline-block;
  vertical-align: middle;
  color: #333;
  line-height: 1;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: transparent;
  border-width: 6px 10px;
  border-right-color: currentColor;
  border-left: 0;
  margin-right: 15px;
  position: relative;
  top: -2px;
}
.forms-wrapper-inner-submit .btn-back:hover{
  background: #000;
  color: #fff;
  border: 1px solid #000;
}
.forms-wrapper-inner-submit .btn-back:hover .dli-caret-left{
  color: #fff;
}

p.sp-caption{
  display: none;
}

/* .form-group .file-input-wrapper input[type="file"]{
  width: auto;
}
.form-group.file-input-wrapper{
  display: flex;
  justify-content: flex-start;
}
.form-group.file-input-wrapper button.clear-file{font-size: 24px;} */

.date-range {
  display: flex;
  align-items: center;
  gap: 20px;
  flex-wrap: wrap;
}
.date-range input[type="date"] {
  font-size: 17px;
  padding: 8px;
  width: 18%;
  border: none;
}

/* タブレット・PC用のスタイル */
@media(max-width: 768px) {

  .pcbr{display: none !important;}
  .spbr{display: block !important;}

  .container{
    width: 100%;
    margin: 0;
  }

  div.forms-kv {
  }
  div.forms-kv div.forms-kv-inner {
    background: url(../img/forms/forms_kv_sp.png) no-repeat top center;
    background-size: cover;
    min-height: 112vw;
  }
  div.forms-kv div.forms-kv-inner div.forms-kv-inner-title {
  }
  div.forms-kv div.forms-kv-inner div.forms-kv-inner-title p.pc-caption{
    display: none;
  }
  div.forms-kv div.forms-kv-inner div.forms-kv-inner-title h1 {
    right: 0;
    position: absolute;
    top: 25vw;
    margin: auto;
    left: 0;
    font-size: 4.5vw;
    color: #fff;
    text-align: center;
  }
  div.forms-kv div.forms-kv-inner div.forms-kv-inner-title h2 {
    right: 0;
    left: 0;
    margin: auto;
    width: calc(100% - 24%);
    font-size: 3.8vw;
    padding: 2% 5%;
    top: 35vw;
    text-align: center;
  }
  div.bg-gray {
  }
  div.forms-wrapper {
    width: 90%;
    display: block;
    margin: 0 auto;
  }

  div.forms-wrapper div.forms-wrapper-inner form div.forms-wrapper-inner-read p {
    text-align: center;
    font-size: 12px;
    margin: 30px auto 30px;
    font-weight: 600;
  }
  div.forms-wrapper div.forms-wrapper-inner form div.forms-wrapper-inner-read div.forms-wrapper-inner-read-img {
  }
  div.forms-wrapper div.forms-wrapper-inner form div.forms-wrapper-inner-read div.forms-wrapper-inner-read-img img {
    width: 100%;
  }
  div.forms-wrapper-inner-main-item div.form-group input[type="text"]{
    padding: 6px;
  }
  .checkbox-item input[type="checkbox"] {
    width: 20px;
    height: 20px;
    margin-right: 10px;
    cursor: pointer;
    appearance: none;
    -webkit-appearance: none;
    background-color: transparent;
    border: 2px solid #000;
    border-radius: 3px;
    position: relative;
    transition: all 0.2sease -in-out;
  }
  .form-control[type="file"] {
    color: #000;
    font-size: 10px;
  }
  div.forms-wrapper-inner-sub-item div.form-group input[type="text"] {
    width: 100%;
    padding: 6px;
    border: none;
    font-size: 14px;
    line-height: 1.5;
  }
  .privacy-scroll {
    height: 300px;
    overflow-y: auto;
    padding: 20px;
    scrollbar-width: thin;
    scrollbar-color: #888 #f1f1f1;
  }

  div.forms-wrapper-inner-main div.forms-wrapper-inner-main-item div.form-group label span{
    color: #df1818;
    font-size: 13px;
    margin-left: 22px;
    position: relative;
    top: 0;
  }

  /*============================
  #applicant-email
  ============================*/
  div.forms-wrapper-inner-main-item div.form-group input#applicant-email.form-control {
    padding: 6px;
  }
  div.forms-wrapper-inner-main-item div.form-group.form-group-checkbox {
  }
  div.forms-wrapper-inner-main-item div.form-group.form-group-checkbox label {
    padding-bottom: 0;
  }
  /*============================
  #ad-menu-1
  ============================*/
  div.forms-wrapper-inner-main-item div.form-group.form-group-checkbox div.checkbox-grid div.checkbox-item label {
    font-size: 11px;
  }

  /*============================
  #ad-menu-3
  ============================*/
  div.forms-wrapper-inner-main-item div.form-group.form-group-checkbox div.checkbox-grid div.checkbox-item input#ad-menu-3 {
    width: 20px;
    height: 20px;
  }
  div.forms-wrapper-inner-main-item div.form-group.form-group-checkbox div.checkbox-grid div.checkbox-item {
    margin-bottom: 0;
  }

  /*============================
  #ad-menu-8
  ============================*/
  div.forms-wrapper-inner-main-item div.form-group.form-group-checkbox div.checkbox-grid div.checkbox-item input#ad-menu-8 {
  }
  div.forms-wrapper-inner-main {
    margin-bottom: 50px;
  }
  div.forms-wrapper-inner-main h3.form-title {
    font-size: 16px;
    margin-bottom: 15px;
  }
  h3.form-title::before {
    content: "";
    display: inline-block;
    width: 12px;
    height: 12px;
    background-color: #f92c53;
    position: relative;
    top: 0px;
    margin-right: 10px;
  }
  div.forms-wrapper-inner-main h3.form-title small {
    font-size: 12px;
    position: relative;
    top: 0;
    display: block;
    margin-left: 13px;
  }
  div.forms-wrapper-inner-main div.forms-wrapper-inner-main-item {
    width: 100%;
    margin-bottom: 30px;
  }
  div.forms-wrapper-inner-main div.forms-wrapper-inner-main-item div.form-group {
    margin-bottom: 15px;
  }
  div.forms-wrapper-inner-main div.forms-wrapper-inner-main-item div.form-group label {
    font-size: 14px;
  }

  /*============================
  #applicant-movie-sub-05
  ============================*/
  div.forms-wrapper-inner-main div.forms-wrapper-inner-main-item div.form-group input#applicant-movie-sub-05.form-control {
  }
  div.forms-wrapper-inner-main div.forms-wrapper-inner-main-item div.form-group label p {
  }
  div.forms-wrapper-inner-main div.forms-wrapper-inner-main-item div.form-group label span {
    width: calc(100% - 80px);
    font-size: 10px;
    margin-left: 10px;
    font-weight: normal;
    padding-top: 3px;
    color: #000;
  }
  /*============================
  #applicant-movie-file
  ============================*/
  div.forms-wrapper-inner-main div.forms-wrapper-inner-main-item div.form-group input#applicant-movie-file.form-control {
  }
  div.forms-wrapper-inner-main div.forms-wrapper-inner-main-item div.form-group label span.required {
    font-size: 11px;
    display: inline-block;
    margin-left: 15px;
    padding-top: 3px;
    width: auto;
    min-width: 30px;
    color: #df1818;
    font-weight: 600;
  }
  div.forms-wrapper-inner-main div.forms-wrapper-inner-sub-item {
    width: 100%;
  }
  div.forms-wrapper-inner-main div.forms-wrapper-inner-sub-item div.form-group {
  }
  div.forms-wrapper-inner-main div.forms-wrapper-inner-sub-item div.form-group label {
    font-size: 12px;
  }
  div.forms-wrapper-inner-main div.forms-wrapper-inner-sub-item div.form-group label span.required {
    color: #df1818;
    font-size: 11px;
    margin-left: 10px;
    font-weight: 600;
  }

  /*============================
  #applicant-campaign-01
  ============================*/
  div.forms-wrapper-inner-main div.forms-wrapper-inner-sub-item div.form-group textarea#applicant-campaign-01.form-control {
  }
  div.forms-wrapper-inner-main div.forms-wrapper-inner-sub-item div.form-group p {
    font-size: 12px;
  }

  /*============================
  #applicant-campaign-05-length
  ============================*/
  div.forms-wrapper-inner-main div.forms-wrapper-inner-main-item div.form-group label div.form-group-flex ul {
    width: calc(100% - 80px);
    font-size: 10px;
    margin-left: 0px;
    font-weight: normal;
    padding-top: 3px;
  }
  div.forms-wrapper-inner-main div.forms-wrapper-inner-main-item div.form-group label div.form-group-flex ul li {
    font-size: 10px;
  }

  /*============================
  #applicant-result-01
  ============================*/
  div.forms-wrapper-inner-main div.forms-wrapper-inner-main-item div.form-group textarea#applicant-result-01.form-control {
  }
  div.forms-wrapper-inner-main div.forms-wrapper-inner-main-item div.form-group p {
    font-size: 12px;
    margin-top: 10px;
  }

  /*============================
  #applicant-remarks-length
  ============================*/
  div.forms-wrapper-inner-main div.forms-wrapper-inner-main-item div.form-group p span#applicant-remarks-length.char-count {
  }
  div.forms-wrapper-inner-personal {
  }
  div.forms-wrapper-inner-personal div.privacy-policy {
    width: 100%;
    padding: 25px 20px;
  }
  div.forms-wrapper-inner-personal div.privacy-policy h3.form-title {
    text-align: center;
    padding: 0;
    margin: 0 0 20px;
    font-size: 14px;
  }
  div.forms-wrapper-inner-personal div.privacy-policy div.privacy-content {
  }
  div.forms-wrapper-inner-personal div.privacy-policy div.privacy-content div.privacy-scroll {
    font-size: 12px;
    color: #000;
  }
  div.forms-wrapper-inner-personal div.privacy-policy div.privacy-content div.privacy-scroll h4 {
    font-size: 13px;
  }
  div.forms-wrapper-inner-personal div.privacy-policy div.privacy-content div.privacy-scroll p {
    font-size: 12px;
    color: #000;
    line-height: 1.8em;
    margin-bottom: 20px;
  }
  div.forms-wrapper-inner-personal div.privacy-policy div.privacy-content div.privacy-scroll ul {
    font-size: 12px;
    color: #000;
  }
  div.forms-wrapper-inner-personal div.privacy-policy div.privacy-content div.privacy-scroll ul li {
    font-size: 12px;
    color: #000;
  }
  div.forms-wrapper-inner-personal div.privacy-policy div.privacy-checkbox {
  }
  div.forms-wrapper-inner-personal div.privacy-policy div.privacy-content div.privacy-scroll p a{
    word-break: break-all;
  }

  /*============================
  #privacy-agree
  ============================*/
  div.forms-wrapper-inner-personal div.privacy-policy div.privacy-checkbox input#privacy-agree {
  }
  div.forms-wrapper-inner-personal div.privacy-policy div.privacy-checkbox label {
    font-size: 12px;
  }
  div.forms-wrapper-inner-personal div.privacy-policy div.privacy-checkbox span.error-message {
    padding: 0;
    font-size: 12px;
  }
  div.forms-wrapper-inner-submit {
  }
  div.forms-wrapper-inner-submit button.btn-submit {
  }
  div.forms-wrapper footer {
  }
  div.forms-wrapper footer div.forms-footer-logo {
  }
  div.forms-wrapper footer div.forms-footer-logo img {
  }

  .confirm .forms-wrapper-inner-confirm-item .confirm-f{
    font-size: 13px;
    width: 100%;
  }
  .confirm .forms-wrapper-inner-confirm-item .confirm-a{
    font-size: 13px;
    width: 100%;
    padding-bottom: 0;
  }
  .confirm .forms-wrapper-inner-confirm-item {
    display: block;
    margin-bottom: 10px;
  }
  .confirm .forms-wrapper-inner-confirm-item .confirm-a ul li{
    font-size: 13px;
  }
  .confirm .forms-wrapper-inner-confirm-item.movie-name .confirm-a {
    font-size: 15px;
    padding-bottom: 0;
  }
  .confirm .forms-wrapper-inner-confirm-item.small-txt .confirm-f {
    font-size: 13px;
  }
  .forms-wrapper-inner-confirm-item.list .form-group-flex strong {
    width: auto;
    margin-right: 30px;
    color: #000;
    font-size: 15px;
  }
  .forms-wrapper-inner-confirm-item.list .form-group-flex ul li {
    font-size: 11px;
    color: #000;
    font-weight: 500;
  } 
  .forms-wrapper-inner-confirm-item.list .form-group-flex {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin-bottom: 10px;
  }
  .confirm .forms-wrapper-inner-confirm-item.movie-name .confirm-a {
    font-size: 13px;
    padding-bottom: 0;
  }

  .thanks div.forms-wrapper div.forms-wrapper-inner div.forms-wrapper-inner-read div.forms-wrapper-inner-read-img img{
    width: 100%;
  }
  .thanks div.forms-wrapper div.forms-wrapper-inner strong {
    text-align: center;
    display: block;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 30px;
    color: #f92c53;
  }

  div.forms-wrapper-inner-main h3.form-title span.required.top-3 {
    top: -3px;
    font-size: 12px;
  }

  div.forms-wrapper-inner-main div.forms-wrapper-inner-main-item div.form-group p.tooltip {
    font-size: 9px;
    color: #000;
    margin-top: 10px;
    display: flex;
    justify-content: flex-start;
    letter-spacing: 0.07em;
  }

  .form-group-flex {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px; /* 要素間の間隔 */
  }

  .form-group-flex strong,
  .form-group-flex .required {
  }

  .form-group-flex ul {
    flex-basis: 100%; /* ulを次の行に落とす */
    margin-top: 10px; /* ulの上の余白 */
  }
  div.forms-wrapper-inner-main div.forms-wrapper-inner-main-item div.form-group label div.form-group-flex {
    display: flex;
    justify-content: flex-start;
  }
  .checkbox-item {
    width: 100%;
    display: flex;
    align-items: center;
    height: auto;
  }
  .form-group textarea{font-size: 13px;}

  .bg-caution-txt {
    background-color: #d6d6d6;
    padding: 15px;
    margin-bottom: 30px;
  }
  .bg-caution-txt ul li {
    text-indent: -1em;
    padding-left: 1em;
    color: #000;
    line-height: 1.5em;
    font-size: 11px;
    font-weight: 500;
    padding-bottom: 5px;
  }

  p.sp-caption {
    padding: 15px 20px;
    text-align: center;
    display: block;
    font-size: 12px;
    margin: 0px auto;
    line-height: 1.7em;
    background: #000;
    color: #fff;
  }

  .date-range input[type="date"] {
    font-size: 15px;
    padding: 8px;
    flex: 1;
  }


}

@media(min-width: 1600px) {
  .container {
    max-width: 1600px;
    margin: auto;
    margin: 0;
  }
  

}