@charset "UTF-8";

/*-----------------------------------------------------	*/
/*	基本設定					                         */
/*-----------------------------------------------------	*/

html {
  -webkit-overflow-scrolling: touch; /* iosバグ回避　スマホスクロールスムーズにする */
}

body {
  font-family: "游ゴシック体", "游ゴシック", "YuGothic", "Yu Gothic", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;
  color: #464646;
  margin: 0px;
  font-size: 1.3em;
  line-height: 1.8em;
  letter-spacing: 0.1em;
  background-size: cover;
}

ul {
    list-style-type: none;
    padding: 0px;
    margin: 0px;
	letter-spacing: -.40em; /* inline-block隙間除去 文字間を詰めて隙間を削除する */
}

ul li {
	list-style-type: none;
	letter-spacing: normal; /* inline-block隙間除去 文字間を通常に戻す */
}

h1,h2,h3,h4,h5,p {
  margin: 0px; /* 初期化 */
}

img {
	width:100%;
	max-width: 100%;
	height: auto;
	vertical-align:bottom; /* img隙間をなくす */
	border: 0px; /* IE10以下で画像周りの青い線を非表示 */
}

*, *:before, *:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
}

/* リンク設定
a:link		{ color:#333333; text-decoration: none; }
a:visited	{ color:#333333; }
a:hover		{ color:#5a5758; }
a:active	{ color:#333333; }

 */

/* フォーカスした際に線が入るのを消す処理 */
*:focus {
  outline: none;
}

/* float 解除 Clearfix */
.clearfix:after {
	content: "";
	display: block;
	clear: both;
}

/* 中央揃え */
.text-center {
    text-align: center;
}

/* 中央揃え、自動左揃え */
.text-center-auto-left {
    display: block;
    text-align: center;
}

.text-center-auto-left span {
    display: inline-block;
    text-align: left;
}

/* 赤文字 */
.color-red {
    color: #da3735;
}

@media screen and (max-width: 1199px) {
    /* 全体フォント */
    body {
          font-size: 1.1em;
    }
}

@media screen and (max-width: 767px) {
    /* 全体フォント */
    body {
          font-size: 1em;
    }
}

/*-----------------------------------------------------	*/
/*	共通					                               */
/*-----------------------------------------------------	*/

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

.inline-block {
    display: inline-block;
}

#main-contents {
    margin-top: 60px;
}

.basic-titile01 {
    text-align: center;
    color: #464646;
    line-height: 2.5em;
}

.basic-titile01 h2,.basic-titile01 h3,.basic-titile01 h4 {
    font-size: 2em;
    font-weight: 500;
}

/*** ヘッダー ***/
#header-back {
    padding: 5px 30px 10px;
    border-bottom: 1px solid white;
}

#header-out {
    position: relative;
    width: 100%;
    background: url("../images/head-img.jpg") no-repeat center bottom #da3735;
    background-size: cover;
    padding-top: 10px;
}

#header-out::after {
    content: "";
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
    z-index: 2;
    display: block;
    width: 100%;
    height: 30px;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+23,ffffff+23,d1655b+100&0+0,0+23,1+99 */
background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,0) 23%,rgba(210,103,93,1) 99%,rgba(209,101,91,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

#header-logo {
    display: flex;
    padding-right: 30px;
    vertical-align: middle;
    align-items:center;
}

#header-logo img {
    max-width: 250px;
    vertical-align: middle;
}

#header-logo a {
    text-decoration: none;
}

#header-catch-text {
    display: inline-block;
    font-size: 38%;
    font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    color: white;
    margin-left: 30px;
    margin-bottom: 3px;
    line-height: 0.8em;
    letter-spacing: 0.3em;
}

/*
#header-catch {
    font-size: 80%;
    padding-top: 10px;
    color: white;
    font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    display: table-cell;
    vertical-align: middle;
}
*/

#head-title-out {
    position: relative;
    height: 120px;
}

#head-title {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    margin: auto;
    color: white;
    text-align: center;
    font-size: 80%;
}

/*** フッター ***/
#footer-out {
    color: white;
    margin-top: 60px;
    text-align: center;
    background: url("../images/footer-back.jpg") no-repeat center center;
    background-size: cover;
    padding: 15px 10px 6px;
    font-size: 0.8em;
    line-height: 1em;
    letter-spacing: 0.1em;
}

#copyright {
    font-size: 65%;
    line-height: 1.3em;
    padding-bottom: 10px;
}

/* マージン */
.m-top10 {
    margin-top: 10px !important;
}

.m-left0 {
    margin-left: 0px !important;
}

/*** 大見出し ***/
#main-title {
    text-align: center;
    margin-bottom: 30px;
    padding-left: 10px;
    padding-right: 10px;
}

#main-title img {
    max-width: 460px;
}

@media screen and (max-width: 800px) {
    #head-title-out {
        height: 90px;
    }
}

/*** 見出し ***/
#basic-title01 {
    text-align: center;
    margin-bottom: 20px;
    padding: 15px 20px;
    border-bottom: 1px solid #cccac9;
}

#basic-title01 h2 {
    font-size: 130%;
    display: inline-block;
    text-align: left;
}

/* テキストカラー */
.text-lglay {
    color: #656464 !important;
}

/* 非表示用クラス */
.display-none {
    display: none;
}

/* ボタン */
.basic-btn01 {
    display: inline-block;
    background: #efb33e;
    border: 1px solid #efb33e;
    color: white;
    font-weight: bold;
    padding: 10px 20px;
    text-decoration: none;
    /* 角丸 */
    border-radius:60px;
    -webkit-border-radius:60px;
    -moz-border-radius:60px;
}

.basic-btn01:hover {
    opacity: 0.8;
}

.basic-btn02 {
    display: inline-block;
    background: white;
    color: #efb33e;
    font-weight: bold;
    border: 1px solid #efb33e;
    padding: 10px 20px;
    text-decoration: none;
    /* 角丸 */
    border-radius:60px;
    -webkit-border-radius:60px;
    -moz-border-radius:60px;
}

.basic-btn02:hover {
    opacity: 0.8;
}

/*-----------------------------------------------------	*/
/*	ページ全体設定					                       */
/*-----------------------------------------------------	*/

#page-wrapper {
    margin-top: 60px;
}

#page-back {
    padding: 0px 0px 60px;
}

#contents-wrapper {
    padding: 20px 30px;
}

#top-entry-text {
    margin-top: 10px;
}

#form-entry-btn-out {
    text-align: center;
    margin-top: 20px;
}

#form-entry-btn-out .basic-btn01,#form-entry-btn-out .basic-btn02 {
    min-width: 240px;
}

#entry-btn {
    margin-bottom: 10px;
}

@media screen and (max-width: 767px) {
    #contents-wrapper {
        padding: 20px;
    }
    
    #page-wrapper {
        margin-top: 40px;
    }
}

/*-----------------------------------------------------	*/
/*	新フォーム				                       */
/*-----------------------------------------------------	*/

/* 枠 */
.mail-input,.mail-con {
    margin-bottom: 180px;
}

.balance-input,.balance-con {
    margin-bottom: 75px;
}

@media screen and (max-width: 767px) {
    .mail-input,.mail-con {
        margin-bottom: 0px;
    }
    
    .balance-input,.balance-con {
        margin-bottom: 0px;
    }
}

/* ページングナビ 既存上書き */
.fluentform .ff-step-titles li.ff_active:before,
.fluentform .ff-step-titles li.ff_completed:before,
.fluentform .ff-step-titles li.ff_active:after
{
    background: #db322c !important;
}

/* テーブル */
.basic-table01 .ff-t-cell {
    display: table !important;
    width: 100%;
    border: 1px solid #cfcfcf;
    border-bottom: none;
}

/* 行　tr */
.basic-table01 .ff-el-group {
    margin-bottom: 0px !important;
    display: table-row;
}

/* セル左側 th想定 */
.basic-table01 .asterisk-right {
    float: none !important;
    width: 32% !important;
    display: table-cell !important;
    background: #fef9fb;
    font-weight: 600 !important;
    padding: 10px 20px !important;
    border-bottom: 1px solid #cfcfcf;
}

/* セル右側 td想定 */
.basic-table01 .ff-el-input--content {
    display: table-cell;
    padding: 10px !important;
    border-bottom: 1px solid #cfcfcf;
    margin-left: 0px !important;
}

.basic-table01 .asterisk-right label:after {
    display: none !important;
}

/* メール登録注意書き */
#mail-input-cation {
    border: 1px solid #bcbcbc;
    padding: 20px 30px;
    font-size: 16px;
    margin-bottom: 20px;
    letter-spacing: 0em;
    line-height: 1.7em;
}

#mail-input-cation02 {
    font-size: 16px;
    font-weight: bold;
    line-height: 1.7em;
}

.top-mail-cation {
    margin-top: 10px;
    line-height: 1.5em;
}

@media screen and (max-width: 767px) {
    #mail-input-cation {
        font-size: 12px;
        padding: 15px 20px;
        margin-bottom: 0px;
    }    
}

/*** 確認画面 ***/
.form-con {
    background: #f7f7f7;
    padding: 30px 30px 10px;
    margin-bottom: 20px;
    max-width: 900px;
    margin: 0px auto 20px;
}

#form-con-text {
    margin-top: 10px;
}

.form-con h3 {
text-align: center;
}

.form-con-dl div {
    display: flex;
}

.form-con-dl dt,.form-con-dl dd {
    font-weight: 600;
}

.form-con-dl dd {
    margin-left: 0px !important;
}

/* 入力項目 */
input.birth {
    font-size: 18px !important;
}

input.birth::placeholder {
  font-size: 16px;
}

@media screen and (max-width: 480px) {
    input.birth::placeholder {
      font-size: 11px;
    }    
}

/* 同意上確認事項 */
#yakkan-last-con-text {
    font-size: 90%;
}

/* 同意チェック */
.balance-con .ff-el-form-check {
    display: block !important;
    text-align: center !important;
}

.balance-con .ff-el-form-check .ff-el-form-check-label {
    display: inline-block !important;
}

.balance-con .agree {
    accent-color: #db322c;
    transform: scale(1.5);
    margin-right: 10px !important;
}

/* 同意チェック下のテキスト */
#check-last-text {
    position: relative;
    top: -10px;
    font-size: 90%;
}

/* 申し込み完了 */
.thanks-text-sub01 {
    font-size: 16px;
    font-weight: bold;
    margin-top: 1em;
    line-height: 1.6em;
}

@media screen and (max-width: 767px) {
    /* テーブル */
    .basic-table01 .ff-t-cell {
        display: block !important;
    }

    /* 行　tr */
    .basic-table01 .ff-el-group {
        display: block !important;
    }

    /* セル左側 th想定 */
    .basic-table01 .asterisk-right {
        display: block !important;
        width: 100% !important;
        border-bottom: none;
        padding: 5px 20px !important;
    }

    /* セル右側 td想定 */
    .basic-table01 .ff-el-input--content {
        display: block !important;
    }    
}

/* 画像ボタン */
.step-nav {
    margin-top: 20px;
}

.step-nav img {
    max-width: 184px;
}

.step-nav img:hover {
    opacity: 0.9;
}

/* 入力画面ボタン */
@media screen and (max-width: 767px) {
    .mail-input .step-nav,
    .balance-input .step-nav
    {
        text-align: center;
    }

    .mail-input .step-nav img,
    .balance-input .step-nav img
    {
        float: none;
    }
}

/* 確認画面ボタン */
.mail-con .ff-btn-submit,.balance-con .ff-btn-submit {
    /* 通常ボタン上書き */
    background: none !important;
    border: none !important;
}

.mail-con .ff-btn-submit,.balance-con .ff-btn-submit {
    margin-top: 20px !important;
}

.mail-con .ff-btn-submit img,.balance-con .ff-btn-submit img {
    max-width: 184px !important;
    cursor: pointer;
}

.mail-con .ff-btn-submit img:hover,
.balance-con .ff-btn-submit img:hover
{
    opacity: 0.9;
}

@media screen and (max-width: 767px) {
    .balance-con .ff-step-t-container,
    .mail-con .ff-step-t-container
    {
        display: block !important;
    }
    
    .balance-con .ff-step-t-container,
    .mail-con .ff-step-t-container
    {
        text-align: center !important;
    }
    
    form.ff-form-has-steps .balance-con .ff_submit_btn_wrapper,
    form.ff-form-has-steps .mail-con .ff_submit_btn_wrapper
    {
        text-align: center !important;
    }
}

/* エラー関連 */
/* エラー文字を大きく 既存上書き */
.fluentform .ff-el-is-error .text-danger {
    font-size: 18px !important;
}

/* 同意部分チェックエラー */
body .balance-con .ff-el-is-error .ff-el-form-check-label {
    color: #464646 !important;
}

@media screen and (max-width: 1300px) {
    #header-out {
        background: url("../images/head-img.jpg") no-repeat center bottom #da3735 !important;
    }
}

@media screen and (max-width: 1199px) {
    #header-catch-text {
        letter-spacing: 0.55em;
    }
}

@media screen and (max-width: 1240px) {
    /* 共通 */
    .inner-width {
        margin-left: 20px;
        margin-right: 20px;
    }    
}

@media screen and (max-width: 900px) {
    #header-out {
        padding: 0px;
    }    
}

@media screen and (max-width: 800px) {
    #header-out {
        display: block;
        background: url("../images/head-img.jpg") no-repeat center bottom #da3735;
    }

    #header-logo {
        display: block;
        padding-top: 10px;
        padding-right: 0px;
        padding-left: 0px;
        text-align: center;
    }

    #header-logo img {
        max-width: 220px;
    }
    
    #header-catch-text {
        letter-spacing: 0.31em;
        margin-left: 0px;
    }   
}

@media screen and (max-width: 767px) {    
    .basic-titile01 h2,.basic-titile01 h3,.basic-titile01 h4 {
        font-size: 1.5em;
    }

    /*
    #header-catch {
        display: block;
        text-align: center;
        margin-top: 5px;
        padding-top: 0px;
    }
    */
}

/*-----------------------------------------------------	*/
/*	フォーム				                              */
/*-----------------------------------------------------	*/

#balance-entry-form {
    background: white;
}

.form-title {
    position: relative;
    margin-bottom: 0px !important;
}

.form-contents-wrapper {
    padding: 0px !important;
}

#required-text {
    position: absolute;
    right: 10px;
    bottom: -5px;
    display: block;
    text-align: right;
    font-weight: bold;
    font-size: 70%;
    letter-spacing: 0.1em;
}

.form-dl {
    margin: 0px;
    border: 1px solid #cfcfcf;
    border-bottom: none;
}

.form-section {
    display: table;
    width: 100%;
    border-bottom: 1px solid #cfcfcf;
    /* padding: 20px 35px; */
}

.form-section dt {
    display: table-cell;
    width: 26%;
    vertical-align: middle;
    padding: 15px 20px;
    background: #fef9fb;
    font-weight: 600;
}

#yakkan-section dd {
    padding: 20px;
}

@media screen and (max-width: 767px) {
    #yakkan-section dd {
        padding: 10px;
    }
}

.form-cation-icon {
    color: #da3735;
    font-size: 90%;
}

.form-section dd {
    display: table-cell;
    width: 85%;
    vertical-align: middle;
    padding: 15px 20px;
}

#zip {
    width: 50%;
}

#mail-check-cation {
    display: block;
    margin-top: 10px;
}

input[type="text"] {
    width: 82%;
    padding: 12px;
    font-size: 16px;
    border: 1px solid #bab9b9;
    /* 角丸 */
    border-radius:6px;
    -webkit-border-radius:6px;
    -moz-border-radius:6px;
}

input[type="email"] {
    width: 82%;
    padding: 12px;
    font-size: 16px;
    border: 1px solid #bab9b9;
    /* 角丸 */
    border-radius:6px;
    -webkit-border-radius:6px;
    -moz-border-radius:6px;    
}

select {
    padding: 12px 40px 12px 12px;
    font-size: 16px;
    border: 1px solid #bab9b9;
    cursor: pointer;
    /* 　デフォルトのプルダウンを解除 */
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    /* プルダウン矢印 */
    background: url("../images/select-arrow.png") no-repeat right 10px center;
    background-size: 9px auto;
    /* 角丸 */
    border-radius:6px;
    -webkit-border-radius:6px;
    -moz-border-radius:6px;
}

/* 生年月日 */
#birth #year {
    width: 35%;
}

#birth #month {
    width: 20%;
}

#birth #day {
    width: 20%;
}

/* 生年月日注意書き */
#page-wrapper .fluentform .ff_input-group-text {
    display: block;
    background: none;
}

@media screen and (max-width: 767px) {
    #birth #year {
        width: 35%;
    } 
    
    #birth #month {
        width: 20%;
    }

    #birth #day {
        width: 20%;
    }
}

@media screen and (max-width: 480px) {
    #birth #year {
        width: 28%;
    } 
    
    #birth #month {
        width: 17%;
    }

    #birth #day {
        width: 17%;
    }    
}

/* フォームボタン */
#form-btn-out {
    text-align: center;
    margin: 20px 10px;
}

#form-btn-out button {
    position: relative;
    padding: 10px 60px 14px;
    color: white;
    border: none;
    cursor: pointer;
    letter-spacing: 0.1em;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    font-size: 20px;
    border-radius: 6px;
}

#check-btn button:hover:before,
#back-btn button:hover:before,
#back-btn button:hover:before
{
  filter: blur(20px);
  opacity: 1;
  animation: btnanime 8s linear infinite;
}

/* 確認 */
#check-btn button {
    background: linear-gradient(-60deg, #e23933, #e2433c, #981e23, #e23933);
    box-shadow: 0 4px #ac2126;
    outline: 1px solid #ea625f;
}

#check-btn button:hover {
    box-shadow: 0 0 #4C0F13; /* 影を0pxにする */
    top: 4px;
    /* transform: scale(1.03, 1.03); */
    background: linear-gradient(-60deg, #e23933, #e2433c, #981e23, #e23933);
    background-size: 400%;
    animation: btnanime 8s ease infinite;
    outline: none;
}

/* 送信 */
#send-btn {
    margin-bottom: 10px;
}

#send-btn button {
    background: linear-gradient(-60deg, #e23933, #e2433c, #981e23, #e23933);
    box-shadow: 0 3px #ac2126;
    outline: 1px solid #ea625f;
}

#send-btn button:hover {
    box-shadow: 0 0 #4C0F13; /* 影を0pxにする */
    top: 3px;
    /* transform: scale(1.03, 1.03); */
    background: linear-gradient(-60deg, #e23933, #e2433c, #981e23, #e23933);
    background-size: 400%;
    animation: btnanime 8s ease infinite;
    outline: none;
}

/* 戻るボタン */
#back-btn {
    display: inline-block;
    margin-bottom: 10px;
}

#back-btn button {
    top: 2px;
    color: #afafaf;
    border: 1px solid #afafaf;
    background: white;
    padding: 11px 60px 15px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#back-btn button:hover {
    color: white;
    background: #afafaf;
}

@keyframes btnanime {
  0% {
    background-position: 0%;
  }

  100% {
    background-position: 400%;
  }
}


/*
.mw_wp_form [type=submit] {
    line-height: 2em;
    font-size: 20px;
    font-weight: 500;
    padding: 5px 60px;
    margin-bottom: 10px;
    color: white;
    border: none;
    letter-spacing: 0.1em;
    cursor: pointer;
    border: 1px solid #efb33e;
    background: #efb33e;
    background-size: 7px 12px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    border-radius:60px;
    -webkit-border-radius:60px;
    -moz-border-radius:60px;
}
*/

/*
#form-btn-out button[name="submitBack"] {
    line-height: 2em;
    font-size: 20px;
    font-weight: 500;
    padding: 5px 60px;
    margin-bottom: 10px;
    color: #efb33e;
    border: 1px solid #efb33e;
    letter-spacing: 0.1em;
    cursor: pointer;
    background: white;
    border-radius:60px;
    -webkit-border-radius:60px;
    -moz-border-radius:60px;
}
*/

/* 郵便番号自動入力　非表示 */
.p-country-name {
    display: none;
}

/* 注意書き */
.form-cation01 {
    color: red;
    text-decoration: underline;
    font-size: 75%;
    font-weight:bold;
    text-indent: -1em;
    padding-left: 1em;
    line-height: 1.5em;
    margin-top: 8px;
}

/* エラーテキスト 既存上書き */
.fluentform .text-danger {
    font-weight: bold;
    color: red !important;
}

/* 国名入力欄非表示 */
#other-country {
    display: none;
    margin-top: 10px;
}

/*** エラーページ ***/
#error-text {
    margin-top: 20px;
    color: #B70000;
}

#error-page-cation {
    margin-top: 20px;
    text-align: center;
    color: #B70000;
}

/*** 約款 ***/
.yakkan,#privacy {
    height: 360px;
    overflow-y: scroll;
    font-size: 80%;
    line-height: 1.5em;
    border: 1px solid #a6a6a6;
    margin-bottom: 30px;
}

#yakkan02 {
    margin-bottom: 0px !important;
}

#privacy {
    margin-bottom: 0px;
}

#yakkan-top-text {
    margin-bottom: 12px;
}

#yakkan-privacy-check-text {
    font-size: 18px !important;
    margin-bottom: 10px;
}

.scroll-box-inner {
    padding: 0px 20px 20px;
}

.yakkan-head-text {
    margin-top: 1em;
    margin-bottom: 1em;
    text-align: right;
}

.yakkan-list01 {
   margin-top: 1em; 
}

.yakkan-list01 li {
   text-indent: -3em;
    padding-left: 3em; 
}

/* 10以上 */
.yakkan-list01 > *:first-child+*+*+*+*+*+*+*+*+*,
.yakkan-list01 > *:first-child+*+*+*+*+*+*+*+*+*+*,
.yakkan-list01 > *:first-child+*+*+*+*+*+*+*+*+*+*+*,
.yakkan-list01 > *:first-child+*+*+*+*+*+*+*+*+*+*+*+*,
.yakkan-list01 > *:first-child+*+*+*+*+*+*+*+*+*+*+*+*+*,
.yakkan-list01 > *:first-child+*+*+*+*+*+*+*+*+*+*+*+*+*+*,
.yakkan-list01 > *:first-child+*+*+*+*+*+*+*+*+*+*+*+*+*+*+*
{
   text-indent: -4em;
   padding-left: 4em;     
}

.yakkan-list02 {
    margin-top: 1em;
    margin-bottom: 1em;
    margin-left: 2em;
}

.yakkan-list02 li {
   text-indent: -1.3em;
   padding-left: 1.3em;    
}

.yakkan-list03 {
    margin-top: 1em;
    margin-bottom: 1em;
    margin-left: 2em;
}

.yakkan-list03 li {
   text-indent: -1.3em;
   padding-left: 1.3em;    
}

.yakkan-list04 {
    margin-top: 5px;
}

.yakkan-list04 li {
   text-indent: -1em;
   padding-left: 1em; 
    margin-bottom: 10px;
    line-height: 1.3em;
}

.yakkan-num-text01 {
    display: block;
    text-indent: -2.2em;
    padding-left: 2.2em;
}

.yakkan-num-text02 {
    display: block;
    text-indent: -1em;
    padding-left: 1em;
}

.yakkan-last-text {
    text-align: right;
    margin-top: 1em;
}

.yakkan-indent01 {
    display: block;
    margin-left: 1em;
   text-indent: -1.5em;
   padding-left: 1.5em;    
}

.yakkan-cation01 {
    display: block;
   text-indent: -1.5em;
   padding-left: 1.5em;      
}

.yakkan-link {
    display: block;
}

.yakkan-link a {
    color: black;
    text-decoration: none;
}

.yakkan-link a:hover {
    text-decoration: underline;
}

#yakkan-kujyo-text {
    margin-top: 1em;
}

.yakkan-number {
    margin-top: 3em;
    text-align: right;
    font-size: 80%;
}

@media screen and (max-width: 767px) {
    #yakkan,#privacy {
        font-size: 100%;
    }
}

#yakkan-title,#privacy-title {
    text-align: center;
    font-size: 1.1em;
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #db322c;
}

.yakkan-sub-title,.privacy-sub-title {
    text-align: center;
    font-size: 1em;
    border-bottom: 1px solid #d0d0d0;
    margin-top: 20px;
    margin-bottom: 20px;
}

.yakkan-sub-title02 {
    padding-bottom: 5px;
    border-bottom: 1px solid black;
    font-size: 1.1em;
    margin-bottom: 10px;
}

.yakkan-sub-title02 h3 {
    text-align: center;
    font-size: 1em;
}

/* 確認事項 */
#yakkan-kakunin {
    height: auto;
    margin-bottom: 0px;
}

#yakkan-kakunin p {
    margin-top: 20px;
}

/* ボタン初期状態（押せない時はdisabled時）は薄く見せる */
.mw_wp_form_input #form-btn-out button:disabled {
  opacity: 0.5;
  cursor: not-allowed;
  pointer-events: none;
}

@media screen and (max-width: 767px) {
    /* ボタン既存上書き */
    .step-nav img {
        float: none !important;
    }
}


/* 注意書き */
#send-cation {
    text-align: center;
    text-decoration: underline;
    margin-top: 20px;
}

/*** 確認ページ ***/
.mw_wp_form_confirm .form-cation01 {
    display: none;
}

.mw_wp_form_confirm #yakkan-section {
    display: none;
}

.mw_wp_form_confirm #send-cation {
    display: none;
}

.mw_wp_form_confirm #mail-check-cation {
    display: none;
}

/*** 完了ページ ***/
#thanks-text {
    margin-top: 40px;
    padding: 20px 20px 0px;
}

.thanks-home-back {
    margin-bottom: 190px;
}

@media screen and (max-width: 950px) {
    .thanks-home-back {
        margin-bottom: 120px;
    }    
    
    .form-section dt {
        display: table-cell;
        width: 20%;
    }

    .form-section dd {
        width: 80%;
    }
    
    input[type="text"] {
        width: 100%;
    }
    
    input[type="email"] {
        width: 100%;
    }
}

@media screen and (max-width: 767px) {
    .thanks-home-back {
        margin-bottom: 80px;
    }       
    
    #zip {
        width: 90%;
    }    
    
    .form-title {
        padding-bottom: 12px !important;
    }
    
    #required-text {
        position: static;
        text-align: center;
    }
    
     .form-section {
        display: block;
    }

    .form-section dt,.form-section dd {
        display: block;
        width: 100%;
    }
    
    .form-section dt {
        font-size: 110%;
        margin-bottom: 5px;
        padding: 5px 10px;
    }
    
    .form-section dd {
        margin: 0px;
    }
    
    select {
        width: 100%;
    }
    
    input[type="text"] {
        padding: 10px;
    }
    
    input[type="email"] {
        padding: 10px;
    }
    
    input [type=submit] {
        font-size: 17px;
        padding: 5px 30px;
    }
    
    /* 確認ページ */
    .mw_wp_form_confirm .form-section dt {
        text-align: center;
    } 
    
    .mw_wp_form_confirm .form-section dd {
        text-align: center;
        font-size: 110%;   
    }
}

@media screen and (max-width: 480px) {
    .form-section dt {
        margin-bottom: 2px;
    } 
}

/*-----------------------------------------------------	*/
/*	その他 				                              */
/*-----------------------------------------------------	*/

/*** 不参加ページ ***/
#home-back-text {
    margin-top: 40px;
}

#home-back-text a:hover {
    text-decoration: none;
}

@media screen and (max-width: 480px) {
.nothanks-page-text {
    padding-left: 10px !important;
    padding-right: 10px !important;
}
}