@charset "utf-8";
/* CSS Document */

/*
-----------------------------
 reset.css
-----------------------------
*/
br {
    letter-spacing: 0;
}

html,
body,
div,
span,
applet,
object,
iframe,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 0;
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 0;
    vertical-align: baseline;
    background: transparent;
}
html{
    font-family: math, sans-serif;
}
body {
    font-size: 0px;
    line-height: 1;
    /*font-family: Georgia, "Times New Roman", Times,'Helvetica Neue', Helvetica, Arial, Verdana, 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;*/
    /* font-family: 'Hiragino Mincho ProN', "ヒラギノ明朝 ProN W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", Georgia, "Times New Roman", Times, 'Helvetica Neue', Helvetica, Arial, Verdana, 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; */
    font-family: math, sans-serif;
    letter-spacing: 0px;
    font-weight: normal;
}
header, .breadcrumb, section#connect, section.accordion, #colophon, footer{
    display: none;
}
ol,
ul {
    list-style: none;
}

blockquote,
q {
    quotes: none;
}

br {
    letter-spacing: 0;
}

/* remember to highlight inserts somehow! */
ins {
    text-decoration: none;
}

del {
    text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

img,
a img {
    border: 0;
    line-height: 0;
    font-size: 0;
    vertical-align: top;
}

.clear {
    clear: both;
}

a:link {
    color: #fff;
}

a:visited {
    color: #fff;
}

a:hover {
    color: #fff;
}

a:active {
    color: #fff;
}

a {
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

pre {
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    white-space: pre-wrap;
    word-wrap: break-word;
}

.m10t {
    margin-top: 10px;
}

.m10r {
    margin-right: 10px;
}

.m10b {
    margin-bottom: 10px;
}

.m10l {
    margin-left: 10px;
}

.p10t {
    padding-top: 10px;
}

.p10r {
    padding-right: 10px;
}

.p10b {
    padding-bottom: 10px;
}

.p10l {
    padding-left: 10px;
}

.m5t {
    margin: 5px 0 0 0
}

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

.right {
    width: 100%;
    text-align: right;
}

.float_left {
    float: left;
}

.float_right {
    float: right;
}

/* .inner{
	width:920px;
	margin:0 auto;
} */
.inner dl:after {
    content: ".";
    display: block;
    visibility: hidden;
    height: 0.1px;
    font-size: 0.1em;
    line-height: 0;
    clear: both;
}

.fit {
    width: 100%;
}


/*============================
container
============================*/

#container {
    width: 100%;
    font-size: 12px;
}

/*============================
header
============================*/
#header {
    background: url(../img/common/rep01.gif) repeat center;
    width: 100%;
    color: #fff;
}

#header:after {
    content: ".";
    display: block;
    visibility: hidden;
    height: 0.1px;
    font-size: 0.1em;
    line-height: 0;
    clear: both;
}

#header h2,
#header h3,
#header h4 {
    font-weight: normal;
    font-size: 12px;
    line-height: 1;
}

#header h2 {
    margin: 0 0 15px 0;
}

#header h3 {
    margin: 0 0 0 0;
}

#header h4 {
    margin: 0 0 12px 0;
    color: #827364;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

#header dl {
    width: 920px;
    margin: 0 auto;
    padding: 18px 0 16px 0;
}

#header dl:after {
    content: ".";
    display: block;
    visibility: hidden;
    height: 0.1px;
    font-size: 0.1em;
    line-height: 0;
    clear: both;
}

#header dl dt {
    float: left;
    width: 235px;
}

#header dl dt h1 {
    margin: 10px 0 0 0;
}

#header dl dd {
    float: right;
    width: auto;
}

/*============================
img
============================*/
#img {
    width: 100%;
    background: #32231e;
    clear: both;
}

#img div {
    width: 920px;
    margin: 0 auto;
}

.entry_btn {
    position: relative;
    top: 279px;
    left: 704px;
    width: 196px;
}

.main_img {
    /* margin:-101px 0 0 0; */
}

#img:after {
    content: ".";
    display: block;
    visibility: hidden;
    height: 0.1px;
    font-size: 0.1em;
    line-height: 0;
    clear: both;
}

.player {
    font-size: 16px;
    text-align: left;
}

/*============================
inquiry
============================*/
.inquiry {
    width: 100%;
    background: url(../img/common/rep02.gif) repeat center;
    text-align: center;
    padding: 50px 0;
}

/*============================
worry
============================*/
#worry {
    background: url(../img/common/rep01.gif) repeat center;
    padding: 0 0 50px 0;
}

#worry div.inner h2 {
    padding: 36px 0;
}

#worry ul {
    width: auto;
    margin: 0 auto;
}

#worry ul:after {
    content: ".";
    display: block;
    visibility: hidden;
    height: 0.1px;
    font-size: 0.1em;
    line-height: 0;
    clear: both;
}

#worry ul li {
    float: left;
    text-align: center;
    color: #FFF;
    font-size: 14px;
    line-height: 1.4;
    margin: 0;
    width: 271px;
}

#worry ul li p.img {
    margin: 0 0 20px 0;
}

#worry ul li.img_center {
    margin: 0 40px;
}

/*============================
amazing
============================*/

#amazing {
    width: 100%;
    background: #f0e6cd url(../img/amazing/bg.jpg) repeat-y center;
    padding: 0 0 20px 0;
}

#amazing h2 {
    padding: 34px 0 50px 0;
}

#amazing ul {
    width: 920px;
    margin: 0 auto 20px auto;
}

#amazing ul li {
    background: #ebe6e1;
    text-align: center;
    color: #500a0a;
    font-size: 16px;
    margin: 0 0 30px 0;
}

#amazing ul li h3 {
    line-height: 1;
}

#amazing ul li p {
    background: #ebe6e1;
    width: auto;
    font-size: 16px;
    padding: 20px 0;
    border: #231212 3px solid;
    line-height: 1.5;
}

/*============================
user
============================*/

#user {
    width: 100%;
    background: #f0e6cd url(../img/user/bg.jpg) repeat-y center;
    padding: 0 0 20px 0;
}

#user h2 {
    padding: 34px 0 50px 0;
}

#user div.user_comment {
    color: #500a0a;
    margin: 0 0 30px 0;
}

#user div.user_comment:after {
    content: ".";
    display: block;
    visibility: hidden;
    height: 0.1px;
    font-size: 0.1em;
    line-height: 0;
    clear: both;
}

#user div.user_comment h3 {
    line-height: 1;
}

/*user01*/
#user div.user_comment div.user01 {
    float: left;
    position: relative;
    z-index: 101;
    color: #231212;
    font-size: 12px;
}

#user div.user_comment div.comment01 {
    position: absolute;
    width: 789px;
    z-index: 100;
    margin: 14px 0 0 131px;
    font-size: 16px;
    line-height: 1.5;
}

#user div.user_comment div.comment01 p {
    width: auto;
    background: url(../img/user/user_com_rep.png) repeat-y;
    padding: 0 20px;
}

/*user02*/
#user div.user_comment div.user02 {
    float: right;
    position: relative;
    z-index: 101;
    color: #231212;
    font-size: 12px;
    margin: 0 1px 0 0;
    text-align: right;
}

#user div.user_comment div.comment02 {
    position: absolute;
    width: 789px;
    z-index: 100;
    margin: 14px 0 0 0px;
    font-size: 16px;
    line-height: 1.5;
}

#user div.user_comment div.comment02 p {
    width: auto;
    background: url(../img/user/user_com_rep.png) repeat-y;
    padding: 0 20px;
}

#user .f_red {
    color: #c80000;
    font-size: 20px;
}

/*============================
faq
============================*/

#faq {
    width: 100%;
    background: #0f2869 url(../img/faq/bg.jpg) repeat-y center;
    padding: 0 0 20px 0;
}

#faq h2 {
    padding: 34px 0 50px 0;
}

#faq h4 {
    color: #c87d00;
    font-size: 18px;
    line-height: 1.4;
    margin: 0 0 15px 0;
}

#faq p {
    background: #2d5087;
    padding: 16px 20px;
    font-size: 16px;
    line-height: 1.6;
    color: #fff;
    margin: 0 0 26px 0;
}

/*============================
contact
============================*/

#contact {
    width: 100%;
    background: url(../img/common/rep02.gif) repeat center;
    padding: 0 0 0 0;
}

#contact h2 {
    padding: 34px 0 50px 0;
}

#contact iframe {
    width: 100%;
    border-radius: 12px;
}

#formWrap .att {
    color: #ef885e;
    font-size: 14px;
    font-weight: normal;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

#formWrap h3.head {
    margin-top: 0;
    margin-bottom: 4px;
}

#formWrap h3 {
    font-size: 16px;
    color: black;
    line-height: 1;
    margin: 32px 0 8px;
}

#formWrap input,
textarea,
#formWrap select {
    border: none;
    background: #fff;
    font-size: 16px;
    width: 895px;
    padding: 14px;
}

#formWrap select {
    width: 100%;
    font-size: 16px;
}

#formWrap div.btn_submit {
    background: url(https://dym.asia/media/wp-content/themes/dym-theme/img/cta.webp) no-repeat center;
    width: 80%;
    background-size: contain;
    text-align: center;
    transition: all 0.3s;
}

#formWrap div.btn_submit:hover {
    opacity: .8;
}

#formWrap div.btn_submit input {
    background: none;
    padding: 24px 0;
    cursor: pointer;
}

#result {
    text-align: center;
    font-size: 16px;
}

#result h3 {
    width: 100%;
    font-size: 20px;
    background: #827364;
    line-height: 1;
    margin: 0 0 30px 0;
    padding: 15px;
}

#result h4 {
    font-size: 16px;
    color: #FFF;
    line-height: 1;
    margin: 50px 0;
}

#result p {
    font-size: 18px;
    line-height: 2.4;
    margin: 50px 0;
    color: #FFF;
}

#policy {
    overflow-y: scroll;
    /* スクロール表示 */
    width: 920px;
    height: 200px;
    margin: 0 auto;
}


/*kiyaku*/
.kiyaku {
    color: white;
    line-height: 2em;
    width: 920px;
    margin: 0 auto;
    padding-top: 50px
}

p.mid {
    font-size: 160%;
    margin-bottom: 20px;
    margin-top: 20px;
}

p.agreement.error {
    color: white;
    font-size: 19px;
    text-align: center;
}

/*validetta*/

.validetta-bubble {
    position: absolute;
    background-color: #CD2E26;
    max-width: 325px;
    border-radius: 5px;
    color: white;
    padding: 5px 12px;
    margin-right: -920px;
    margin-top: -30px;
}

.validetta-bubble:before {
    content: '';
    display: block;
    position: absolute;
    top: 24px;
    left: 20px;
    width: 0;
    height: 0;
    border-top: 5px solid #CD2E26;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid transparent;
}

.validetta-bubbleClose {
    display: block;
    cursor: pointer;
    position: absolute;
    top: -1px;
    right: 3px;
    color: white;
    font-weight: bold;
}

.validetta-inline,
.validetta-bubble {
    display: block;
    font: 12px/14px Arial, Helvetica, sans-serif;
}

.validetta-inline {
    color: #CD2E26;
}


#formWrap input.input__important,
#formWrap select {
    background: #fff;
    border: 1px solid #D2D2D3;
    border-radius: 12px;
}

footer {
    background-color: #481114;
    color: #fff;
    font-size: 14px;
    text-align: center;
    padding: 8px;
    font-family: system-ui;
}

@media screen and (max-width: 767px) {
    .contact_iframe {
        height: 360px;
    }

    .contact_iframe p {
        font-size: 14px;
        margin-bottom: 0;
    }
}

/* 2025.7.9 */
body {
    max-width: 470px !important;
    margin: auto;
}

picture.fv img {
    width: 100%;
}

/* #formWrap {
    height: 180px;
} */

#formWrap {
    background-color: white !important;
    padding: 24px 5%;
}

#formWrap .whiteForm {
    background-color: #fff;
    border-radius: 12px;
    padding: 24px;
    margin-bottom: 24px;
}

#formWrap h3,
.term_agree_text {
    color: black;
}

#formWrap input,
textarea {
    width: 100%;
    margin: auto;
}

#formWrap input[type="date"],
#formWrap input[type="number"],
#formWrap textarea {
    background: #fff;
    border: 1px solid #D2D2D3;
    border-radius: 12px;
    width: 90% !important;
}


#formWrap textarea {
    height: 150px;
}

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

/*
-----------------------------
exepart.css
-----------------------------
*/
.terms {
    margin-top: 20px;
}

.contact_iframe {
    margin-top: 25px;
    height: 150px;
    margin-bottom: 0px;
}

.term_area {
    width: 100%;
    border-radius: 12px;
}

.term_box {
    font-family: Verdana, 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
    background: #fff;
    font-size: 12px;
    width: 100%;
    padding: 14px;
    overflow-y: scroll;
    height: 180px;
    border-radius: 12px;
    border: 1px solid #D2D2D3;
}

.term_box p {
    margin: 10px 0;
    line-height: 1.5;
}

.term_agree_text {
    font-size: 18px;
    color: black;
    margin: 18px 0;
}

.term_content {
    margin: auto;
    margin: 5px 0 50px;
    width: 100%;
    text-align: left;
    font-size: 16px;
}

.term_check_box {
    width: 4% !important;
    text-align: left;
}

.term_check_box+span {
    font-size: 16px;
}

.term {
    margin-top: 40px;
    margin-bottom: 50px;
}

@media screen and (max-width: 768px) {
    .contact_iframe p {
        font-size: 14px;
        margin-bottom: 0;
    }

    .term_box {
        /* width: 92%; */
        width: 100%;
        font-size: 12px;
        padding: 4%;
    }

    .contact_iframe {
        height: 200px;
        margin-bottom: 25px;
    }

    .term_content {
        margin: 0;
        font-size: 16px;
    }

    .term_agree_text {
        font-size: 15px;
    }
}

#formWrap div.btn_submit {
    margin: 0 auto;
}

.exepart_thanks p {
    font-size: 16px;
}

#formWrap input[type="text"].com_post {
    margin-top: 10px
}

span.wpcf7-spinner {
    display: none;
}

.btn_submit:has(input[disabled]) {
    filter: grayscale(100%);
    opacity: 0.6;
    transition: all 0.3s;
}

#formWrap div.btn_submit input[disabled] {
    cursor: not-allowed;
}