@charset "UTF-8"; @import url("https://fonts.googleapis.com/css2?family=Cinzel&display=swap"); #formareaf { position: relative; box-sizing: border-box; padding-left: 10px; padding-right: 10px; max-width: 900px; margin-left: auto; margin-right: auto; } #formareaf ul { margin: 0; padding: 0; list-style: none; } #formareaf ul li { margin: 0; padding: 0; list-style: none; } #formareaf ul li .tdth { padding-top: 10px; padding-bottom: 10px; } #formareaf table { border-spacing: 0px; box-sizing: border-box; width: 100%; margin-left: auto; margin-right: auto; } #formareaf table tr th { padding: 6px; font-size: 12px; color: #0c0e13; text-align: left; width: 30%; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #dddddd; box-sizing: border-box; position: relative; font-size: 14px; color: #000000; font-weight: 400; padding-left: 44px; } #formareaf table tr th.tdtr { text-align: right; } #formareaf table tr th a { display: block; } #formareaf table tr th .fmst { position: absolute; left: 10px; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } #formareaf table tr td { box-sizing: border-box; padding: 6px; font-size: 14px; color: #0c0e13; text-align: left; width: 74%; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #dddddd; position: relative; } #formareaf table tr td a { text-decoration: underline; } #formareaf table tr td span { position: relative; } #formareaf table tr td.rrow td { border-bottom: none; } #formareaf table tr td.rrow th { border-bottom: none; } #formareaf table tr td.tdtr { text-align: right; } #formareaf table tr td.tdh { background-color: #CCDAE1; } #formareaf table tr td.td2 { text-align: center; width: 25%; } #formareaf table tr td p { font-size: 12px; /*margin-bottom: 10px;*/ } #formareaf table tr td table { width: 100%; } #formareaf table tr td table tr th { border-bottom-color: #cccccc; } #formareaf table tr td table tr td { border-bottom-color: #cccccc; width: auto; } @media screen and (max-width: 584px) { #formareaf table tr td { padding-right: 0; padding-left: 0; font-size: 12px; } } #formareaf table.tdr3 tr th, #formareaf table.tdr3 tr td { width: auto; } @media screen and (max-width: 584px) { #formareaf table.mtbl th { width: 100%; display: block; } #formareaf table.mtbl th br { display: none; } #formareaf table.mtbl td { width: 100%; display: block; } } #formareaf dl.datef { margin: 0; padding: 0; box-sizing: border-box; position: relative; font-size: 14px; display: inline-block; margin-right: 15px; } #formareaf dl.datef dt { margin: 0; padding: 0; box-sizing: border-box; position: relative; width: 40px; text-align: center; vertical-align: middle; display: inline-block; font-size: 14px; line-height: 2.5em; letter-spacing: 0.05em; } @media screen and (max-width: 584px) { #formareaf dl.datef dt { font-size: 12px; width: auto; min-width: 30px; } } #formareaf dl.datef dd { margin: 0; padding: 0; box-sizing: border-box; position: relative; vertical-align: bottom; display: inline-block; } @media screen and (max-width: 584px) { #formareaf dl.datef { margin-right: 5px; } } #formareaf dl.datef2 { margin: 0; padding: 0; box-sizing: border-box; position: relative; font-size: 14px; display: inline-block; width: 100%; font-size: 0; } #formareaf dl.datef2 dt { margin: 0; padding: 0; box-sizing: border-box; position: relative; width: 20%; text-align: center; vertical-align: middle; display: inline-block; font-size: 14px; line-height: 1em; } @media screen and (max-width: 584px) { #formareaf dl.datef2 dt { font-size: 12px; width: auto; min-width: 30px; } } #formareaf dl.datef2 dt .fmst { margin: 0; margin-left: 10px; } #formareaf dl.datef2 dd { font-size: 16px; line-height: 1em; margin: 0; padding: 0; box-sizing: border-box; position: relative; width: 70%; vertical-align: middle; display: inline-block; } @media screen and (max-width: 584px) { #formareaf dl.datef2 { margin-right: 5px; } } #formareaf .mb20 { margin-bottom: 20px; } #formareaf .mb30 { margin-bottom: 30px; } #formareaf .mb50 { margin-bottom: 50px; } #formareaf .cf:before, #formareaf .cf:after { content: ""; display: table; } #formareaf .cf:after { clear: both; } #formareaf select { height: 40px; background-color: #F7F7F7; border: 1px solid #cccccc; border-radius: 3px; width: 220px; font-size: 16px; line-height: 2.5em; border: 1px; border: 0; outline: 1px solid #cccccc; outline-offset: -1px; } #formareaf select.w60p { width: 60px; } #formareaf select.w120p { width: 120px; } #formareaf select.w140p { width: 140px; } #formareaf select.w100 { width: 100%; } #formareaf input[type="text"], #formareaf input[type="email"], #formareaf input[type="tel"], #formareaf input[type="url"], #formareaf input[type="number"], #formareaf input[type="password"], #formareaf textarea { width: 200px; font-size: 16px; line-height: 2.5em; border: 1px solid #cccccc; padding-left: 4px; box-sizing: border-box; background-color: #F7F7F7; font-feature-settings: "palt"; letter-spacing: 0.05em; } #formareaf input[type="text"].w100, #formareaf input[type="email"].w100, #formareaf input[type="tel"].w100, #formareaf input[type="url"].w100, #formareaf input[type="number"].w100, #formareaf input[type="password"].w100, #formareaf textarea.w100 { width: 100%; } #formareaf input[type="text"].w120p, #formareaf input[type="email"].w120p, #formareaf input[type="tel"].w120p, #formareaf input[type="url"].w120p, #formareaf input[type="number"].w120p, #formareaf input[type="password"].w120p, #formareaf textarea.w120p { width: 100%; max-width: 140px; } #formareaf input[type="text"].w200p, #formareaf input[type="email"].w200p, #formareaf input[type="tel"].w200p, #formareaf input[type="url"].w200p, #formareaf input[type="number"].w200p, #formareaf input[type="password"].w200p, #formareaf textarea.w200p { width: 100%; max-width: 200px; } #formareaf input[type="text"].w100p, #formareaf input[type="email"].w100p, #formareaf input[type="tel"].w100p, #formareaf input[type="url"].w100p, #formareaf input[type="number"].w100p, #formareaf input[type="password"].w100p, #formareaf textarea.w100p { width: 100%; max-width: 100px; } #formareaf input[type="text"].w400p, #formareaf input[type="email"].w400p, #formareaf input[type="tel"].w400p, #formareaf input[type="url"].w400p, #formareaf input[type="number"].w400p, #formareaf input[type="password"].w400p, #formareaf textarea.w400p { width: 70%; max-width: 400px; } #formareaf input[type="text"].w40p, #formareaf input[type="email"].w40p, #formareaf input[type="tel"].w40p, #formareaf input[type="url"].w40p, #formareaf input[type="number"].w40p, #formareaf input[type="password"].w40p, #formareaf textarea.w40p { width: 100%; max-width: 40px; } #formareaf input[type="text"].w80p, #formareaf input[type="email"].w80p, #formareaf input[type="tel"].w80p, #formareaf input[type="url"].w80p, #formareaf input[type="number"].w80p, #formareaf input[type="password"].w80p, #formareaf textarea.w80p { width: 100%; max-width: 80px; } #formareaf input[type="text"].parsley-error, #formareaf input[type="email"].parsley-error, #formareaf input[type="tel"].parsley-error, #formareaf input[type="url"].parsley-error, #formareaf input[type="number"].parsley-error, #formareaf input[type="password"].parsley-error, #formareaf textarea.parsley-error { background-color: #fff67c !important; } #formareaf input[type="text"]:focus, #formareaf input[type="email"]:focus, #formareaf input[type="tel"]:focus, #formareaf input[type="url"]:focus, #formareaf input[type="number"]:focus, #formareaf input[type="password"]:focus, #formareaf textarea:focus { border: 1px solid #EA572B; color: #222222; } #formareaf textarea { width: 350px; height: 100px; } #formareaf textarea.w100 { width: 100%; height: 200px; } #formareaf textarea.w100b { width: 100%; height: 80px; } #formareaf textarea.txta2 { width: 500px; height: 300px; } #formareaf .fmst { background-color: #DD0000; color: #ffffff; font-size: 10px; line-height: 10px; padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left: 5px; -webkit-border-radius: 4px; border-radius: 4px; margin-bottom: 10px; position: relative; } #formareaf .fmst2 { background-color: #DD0000; color: #ffffff; font-size: 10px; line-height: 10px; padding-top: 2px; padding-right: 5px; padding-bottom: 2px; padding-left: 5px; -webkit-border-radius: 4px; border-radius: 4px; } #formareaf .sbtnc { text-align: center; padding-top: 15px; } #formareaf .alert-info h4 { color: #b94a48; } #formareaf .alert-block { padding-top: 14px; padding-bottom: 14px; } #formareaf .alert { padding: 8px 14px 8px 14px; margin-bottom: 20px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); background-color: #fcf8e3; border: 1px solid #fbeed5; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } #formareaf .alert-success { color: #468847; background-color: #dff0d8; border-color: #d6e9c6; } #formareaf .alert-success h4 { color: #468847; } #formareaf .alert-info { color: #3a87ad; background-color: #d9edf7; border-color: #bce8f1; } #formareaf .alert-info h4 { color: #3a87ad; } #formareaf .alert-danger, #formareaf .alert-error { color: #b94a48; background-color: #f2dede; border-color: #eed3d7; } #formareaf .alerts { padding-top: 2px; padding-right: 14px; padding-left: 14px; padding-bottom: 2px; font-size: 12px; margin-bottom: 5px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); background-color: #fcf8e3; border: 1px solid #fbeed5; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; text-align: left; } #formareaf .alert-dangers, #formareaf .alert-errors { color: #b94a48; background-color: #f2dede; border-color: #eed3d7; } #formareaf .alertsb { box-sizing: border-box; font-size: 14px; padding-top: 15px; padding-right: 15px; padding-bottom: 15px; padding-left: 15px; } #formareaf .form_err_A { -webkit-border-radius: 4px; border-radius: 4px; font-weight: bold; background-color: #FFF0F0; border: 1px solid #DF3150; padding: 10px; color: #DF3150; font-size: 14px; margin-bottom: 10px; } #formareaf .form_err_A img { margin-bottom: -2px; } #formareaf .parsley-errors-list { margin: 0; padding: 0; list-style: none; } #formareaf .parsley-errors-list li { font-size: 12px; margin: 0 0 0 20px; padding: 3px 10px; color: #FFF; border-radius: 3px 4px 4px 3px; background-color: #CE5454; max-width: 380px; white-space: pre; position: relative; z-index: 1; transition: 0.15s ease-out; margin-left: 0px; margin-bottom: 10px; } #formareaf .parsley-errors-list li::after { content: ''; display: block; height: 0; width: 0; border-color: transparent transparent transparent #CE5454; border-style: solid; border-width: 11px 7px; position: absolute; left: 10px; bottom: -14px; -webkit-transform: rotate(90deg); transform: rotate(90deg); } @media screen and (max-width: 584px) { #formareaf .parsley-errors-list li { font-size: 10px; } } #formareaf .parsley-errors-list:not(.filled) { display: none; } #formareaf .parsere .parsley-errors-list { position: relative; } #formareaf .parsley-custom-error-message { padding-top: 0px; padding-bottom: 0px; /*opacity: 0.8;*/ } #formareaf .parsley-error input[type=radio] + label, #formareaf .parsley-error input[type=checkbox] + label { background-color: #fff67c !important; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -o-border-radius: 10px; -ms-border-radius: 10px; } #formareaf .parsleyeb { display: block; width: 100%; /*margin-top: 10px;*/ } #formareaf textarea.parsley-error, #formareaf input[type="tel"].parsley-error { margin-top: -5px; } #formareaf select.parsley-error, #formareaf div.parsley-error { background-color: #fff67c !important; } #formareaf ul, #formareaf ul li { margin: 0; padding: 0; list-style: none; } #formareaf .telb { display: inline; font-size: 20px; } #formareaf .telb a { box-sizing: border-box; color: #ffffff; font-weight: bold; background-color: #148e2f; display: inline; width: 39%; text-align: center; border-radius: 6px; padding-top: 2px; padding-right: 15px; padding-bottom: 2px; padding-left: 15px; cursor: pointer; } #formareaf input[type="submit"], #formareaf input[type="button"] { border-radius: 0; -webkit-box-sizing: content-box; -webkit-appearance: none; appearance: none; border: none; box-sizing: border-box; box-shadow: 3px 3px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 3px 3px rgba(0, 0, 0, 0.2); -moz-box-shadow: 3px 3px rgba(0, 0, 0, 0.2); -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; background-repeat: repeat-x; color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); padding-right: 10px; padding-left: 10px; opacity: 1; letter-spacing: 1px; width: 100%; padding-top: 15px; padding-bottom: 15px; font-size: 18px; display: inline-block; border: 1px solid #13a7ed; background-color: #13a7ed; cursor: pointer; } #formareaf input[type="submit"]::-webkit-search-decoration, #formareaf input[type="button"]::-webkit-search-decoration { display: none; } #formareaf input[type="submit"]:focus, #formareaf input[type="button"]:focus { outline-offset: -2px; } #formareaf input[type="submit"]:hover, #formareaf input[type="button"]:hover { opacity: 0.8; } #formareaf.formstep2 .submitback { width: 44%; } @media screen and (max-width: 584px) { #formareaf.formstep2 .submitback { width: 46%; margin-right: 12px; } } #formareaf.formstep2 .submitw { width: 44%; } @media screen and (max-width: 584px) { #formareaf.formstep2 .submitw { width: 46%; } } #formareaf .submitback { width: 100%; max-width: 300px; height: auto; font-size: 18px; display: inline-block; color: #13a7ed; position: relative; background-color: rgba(19, 167, 237, 0.53); margin-right: 24px; cursor: pointer; box-sizing: border-box; vertical-align: top; position: relative; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; box-shadow: 3px 3px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 3px 3px rgba(0, 0, 0, 0.2); -moz-box-shadow: 3px 3px rgba(0, 0, 0, 0.2); } #formareaf .submitback:hover { opacity: 0.7; } #formareaf .submitback a { color: #13a7ed; display: block; width: 100%; height: 100%; position: relative; line-height: 58px; text-decoration: none; } #formareaf .submitback::after { margin: 0; padding: 0; box-sizing: border-box; content: ""; width: 10px; height: 10px; position: absolute; top: 50%; left: 16px; border: 5px solid transparent; border-right: 5px solid #13a7ed; transition: transform 0.3s linear; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; z-index: 7; } @media screen and (max-width: 584px) { #formareaf .submitback::after { left: 6px; } } #formareaf .submitw { width: 100%; max-width: 300px; display: inline-block; vertical-align: top; position: relative; } #formareaf .submitw.submitw::after { margin: 0; padding: 0; box-sizing: border-box; content: ""; width: 10px; height: 10px; position: absolute; top: 50%; right: 16px; border: 5px solid transparent; border-left: 5px solid #FFF; transition: transform 0.3s linear; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } @media screen and (max-width: 584px) { #formareaf .submitw.submitw::after { right: 6px; } } @media screen and (max-width: 584px) { #formareaf .submitw.col1 { width: 100%; max-width: 100%; } } #formareaf input[type="radio"], #formareaf input[type="checkbox"] { display: none; margin: 0; } #formareaf input[type="radio"] + label, #formareaf input[type="checkbox"] + label { padding: 0 0 0 24px; position: relative; display: inline-block; margin-right: 12px; font-size: 16px; line-height: 2em; cursor: pointer; } #formareaf input[type="radio"] + label::before, #formareaf input[type="checkbox"] + label::before { content: ""; position: absolute; top: 50%; left: 0; -moz-box-sizing: border-box; box-sizing: border-box; display: block; width: 18px; height: 18px; margin-top: -9px; background: #FFF; } #formareaf input[type="radio"]:checked + label::after, #formareaf input[type="checkbox"]:checked + label::after { content: ""; position: absolute; top: 50%; -moz-box-sizing: border-box; box-sizing: border-box; display: block; } #formareaf input[type="radio"]:checked + label::before { border: 2px solid #cccccc; background-color: #eeeeee; border-radius: 4px; border-radius: 30px; } #formareaf input[type="radio"]:checked + label::after { left: 5px; width: 8px; height: 8px; margin-top: -4px; background: #13a7ed; border-radius: 8px; } #formareaf input[type="radio"] + label::before { border: 2px solid #cccccc; background-color: #eeeeee; border-radius: 4px; border-radius: 30px; } #formareaf input[type="checkbox"]:checked + label::before { border: 2px solid #13a7ed; background-color: #13a7ed; border-radius: 4px; } #formareaf input[type="checkbox"]:checked + label::after { left: 3px; width: 16px; height: 8px; margin-top: -8px; border-left: 3px solid #ffffff; border-bottom: 3px solid #ffffff; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } #formareaf input[type="checkbox"] + label::before { border: 2px solid #cccccc; background-color: #eeeeee; border-radius: 4px; } #formareaf #age_y { text-align: center; } #formareaf #age_m { text-align: center; } #formareaf #age_d { text-align: center; } #formareaf #errors_age ul, #formareaf #errors_q_mail_01 ul, #formareaf #errors_q_mail_02 ul, #formareaf #errors_szip2_01 ul, #formareaf #errors_szip_01 ul, #formareaf #errors_zip2_01 ul, #formareaf #errors_zip_01 ul { margin-right: 10px; margin-bottom: 5px; display: inline-block; } #formareaf #errors_age ul:not(.filled), #formareaf #errors_szip2_01 ul:not(.filled), #formareaf #errors_szip_01 ul:not(.filled), #formareaf #errors_zip2_01 ul:not(.filled), #formareaf #errors_zip_01 ul:not(.filled) { width: 90px; margin-right: 0px; margin-bottom: 0px; } @media screen and (max-width: 584px) { #formareaf #errors_age ul:not(.filled), #formareaf #errors_szip2_01 ul:not(.filled), #formareaf #errors_szip_01 ul:not(.filled), #formareaf #errors_zip2_01 ul:not(.filled), #formareaf #errors_zip_01 ul:not(.filled) { width: 70px; } } #formareaf .tw100p { display: inline-block; width: 100%; max-width: 100px; } #formareaf .tw10p { display: inline-block; width: 100%; max-width: 20px; text-align: center; } #formareaf .tw140p { display: inline-block; width: 100%; max-width: 140px; } @media screen and (max-width: 584px) { #formareaf #skana_02, #formareaf #skana_01, #formareaf #sname_02, #formareaf #sname_01, #formareaf #kana_02, #formareaf #kana_01, #formareaf #name_02, #formareaf #name_01 { width: 110px; } #formareaf #age_y, #formareaf #age_m, #formareaf #age_d { width: 70px; } } @media screen and (max-width: 330px) { #formareaf #skana_02, #formareaf #skana_01, #formareaf #sname_02, #formareaf #sname_01, #formareaf #kana_02, #formareaf #kana_01, #formareaf #name_02, #formareaf #name_01 { width: 90px; } } #formareaf #errors_tel .parsley-required { text-align: left; } #formareaf #errors_privacypolicy .parsley-errors-list.filled { padding-top: 10px; } #formareaf #errors_privacypolicy .parsley-custom-error-message { margin-left: auto; margin-right: auto; } #request { min-width: 1100px; } @media screen and (max-width: 584px) { #request { min-width: 110px; } } #request.ani1 .mainimg .mbg2 { opacity: 0; } #request.ani1 .mainimg .mbg { opacity: 1; } .scbart { opacity: 0; } .scbar { opacity: 0; } #request .cvinfo { position: relative; width: 100%; max-width: 900px; margin-left: auto; margin-right: auto; padding-bottom: 30px; } #request .cvinfo a { display: block; width: 100%; height: 100%; position: relative; color: #FF911E; text-align: center; font-size: 16px; text-decoration: underline; } @media screen and (max-width: 584px) { #request .cvinfo a { font-size: 3.5vw; } } #request .btnset.sty2 { max-width: 900px; } #request .btnset.sty2 .rbtn5 { max-width: 100%; } @media screen and (max-width: 584px) { #request .btnset.sty2 li:nth-child(2) .rbtn5 { margin-bottom: 10px; } } #request .vrbann { position: relative; width: 100%; max-width: 900px; margin-left: auto; margin-right: auto; z-index: 70; } #request .vrbann a { display: block; width: 100%; height: 100%; position: relative; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } #request .vrbann a img { display: block; vertical-align: bottom; width: 100%; } #request .vrbann a:hover { opacity: 0.3; } #request .bgs1 { position: relative; z-index: 4; } #request .secinfo { background-size: cover; background-position: center top; background-image: url("../images/top/bg_04.png"); } #request .secinfo .p1 { color: #93803F; font-size: 30px; margin-bottom: 40px; } @media screen and (max-width: 584px) { #request .secinfo .p1 { font-size: 5.5vw; line-height: 2em; } } #request .secinfo .p2 { text-align: center; font-size: 34px; } @media screen and (max-width: 584px) { #request .secinfo .p2 { font-size: 5vw; margin-bottom: 20px; } } #request .secinfo .p2 img { width: 140px; display: block; margin-left: auto; margin-right: auto; } @media screen and (max-width: 584px) { #request .secinfo .p2 img { width: 120px; margin-bottom: 20px; } } #request .secinfo .p3 { text-align: center; } #request .secinfo .p3 img { height: 34px; display: block; margin-left: auto; margin-right: auto; } @media screen and (max-width: 584px) { #request .secinfo .p3 img { height: 24px; margin-bottom: 30px; } } #request .secinfo .merit { position: relative; margin-bottom: 40px; padding-bottom: 20px; border-bottom: 1px solid #FFFFFF; } .scbar { position: absolute; z-index: 7000; width: 1px; right: 3%; bottom: 0; overflow: hidden; height: 70px; z-index: 10; -webkit-transition: 1s; -moz-transition: 1s; -o-transition: 1s; transition: 1s; } .scbar::after { position: absolute; left: 0; top: 0; height: 70%; content: ""; display: block; width: 1px; background-color: #827541; animation: scroll 2s ease 0s infinite normal; } @keyframes scroll { 0% { top: -50%; } 100% { top: 150%; } } .scbart { -webkit-transition: 1s; -moz-transition: 1s; -o-transition: 1s; transition: 1s; position: absolute; z-index: 10; font-size: 20px; color: #827541; bottom: 80px; right: 3%; -webkit-transform: translateX(50%); -moz-transform: translateX(50%); -ms-transform: translateX(50%); transform: translateX(50%); z-index: 5; font-family: nobel,sans-serif; font-weight: 200; font-style: normal; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; } .posfix .scbart, .posfix .scbar { right: -3%; } #request .cmainimg { height: 300px; } #request .cmainimg .mbg { background-image: none; } #request .cmainimg .mbg::before { background: rgba(0, 0, 0, 0.7); } #request .cmainimg .secin { top: 60%; padding-bottom: 0px; } #request .cmainimg .secin h2 { padding-bottom: 0px; } #formareaf { position: relative; box-sizing: border-box; padding-left: 10px; padding-right: 10px; max-width: 900px; margin-left: auto; margin-right: auto; } #formareaf ul { margin: 0; padding: 0; list-style: none; } #formareaf ul li { margin: 0; padding: 0; list-style: none; } #formareaf ul li .tdth { padding-top: 10px; padding-bottom: 10px; } #formareaf p { font-size: 12px; line-height: 22px; margin: 0px; text-align: justify; text-justify: inter-ideograph; } #formareaf .note2 { color: #CC0000; } #formareaf table { border-spacing: 0px; box-sizing: border-box; width: 100%; margin-left: auto; margin-right: auto; } #formareaf table tr th { padding: 6px; font-size: 12px; color: #0c0e13; text-align: left; width: 30%; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #dddddd; box-sizing: border-box; position: relative; font-size: 14px; color: #000000; font-weight: 400; padding-left: 44px; } #formareaf table tr th.tdtr { text-align: right; } #formareaf table tr th a { display: block; } #formareaf table tr th .fmst { position: absolute; left: 10px; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } @media screen and (max-width: 584px) { #formareaf table tr th { background-color: #139EE8; color: #fff; font-size: 3.5vw; } } #formareaf table tr td { box-sizing: border-box; padding: 6px; font-size: 14px; color: #0c0e13; text-align: left; width: 74%; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #dddddd; position: relative; } #formareaf table tr td a { text-decoration: underline; } #formareaf table tr td span { position: relative; } #formareaf table tr td.rrow td { border-bottom: none; } #formareaf table tr td.rrow th { border-bottom: none; } #formareaf table tr td.tdtr { text-align: right; } #formareaf table tr td.tdh { background-color: #CCDAE1; } #formareaf table tr td.td2 { text-align: center; width: 25%; } #formareaf table tr td p { font-size: 12px; /*margin-bottom: 10px;*/ } #formareaf table tr td table { width: 100%; } #formareaf table tr td table tr th { border-bottom-color: #cccccc; } #formareaf table tr td table tr td { border-bottom-color: #cccccc; width: auto; } @media screen and (max-width: 584px) { #formareaf table tr td { padding-right: 0; padding-left: 0; font-size: 12px; } } #formareaf table.tdr3 tr th, #formareaf table.tdr3 tr td { width: auto; } @media screen and (max-width: 584px) { #formareaf table.mtbl th { width: 100%; display: block; } #formareaf table.mtbl th br { display: none; } #formareaf table.mtbl td { width: 100%; display: block; } } #formareaf dl.datef { margin: 0; padding: 0; box-sizing: border-box; position: relative; font-size: 14px; display: inline-block; margin-right: 15px; } #formareaf dl.datef dt { margin: 0; padding: 0; box-sizing: border-box; position: relative; width: 40px; text-align: center; vertical-align: middle; display: inline-block; font-size: 14px; line-height: 2.5em; letter-spacing: 0.05em; } @media screen and (max-width: 584px) { #formareaf dl.datef dt { font-size: 12px; width: auto; min-width: 30px; } } #formareaf dl.datef dd { margin: 0; padding: 0; box-sizing: border-box; position: relative; vertical-align: bottom; display: inline-block; } @media screen and (max-width: 584px) { #formareaf dl.datef { margin-right: 5px; } } #formareaf dl.datef2 { margin: 0; padding: 0; box-sizing: border-box; position: relative; font-size: 14px; display: inline-block; width: 100%; font-size: 0; } #formareaf dl.datef2 dt { margin: 0; padding: 0; box-sizing: border-box; position: relative; width: 20%; text-align: center; vertical-align: middle; display: inline-block; font-size: 14px; line-height: 1em; } @media screen and (max-width: 584px) { #formareaf dl.datef2 dt { font-size: 16px; width: auto; width: 100%; text-align: left; line-height: 30px; } } #formareaf dl.datef2 dt .fmst { margin: 0; margin-left: 10px; } #formareaf dl.datef2 dd { font-size: 16px; line-height: 1em; margin: 0; padding: 0; box-sizing: border-box; position: relative; width: 70%; vertical-align: middle; display: inline-block; } @media screen and (max-width: 584px) { #formareaf dl.datef2 dd { width: 100%; } } @media screen and (max-width: 584px) { #formareaf dl.datef2 { margin-right: 5px; } } #formareaf .mb20 { margin-bottom: 20px; } #formareaf .mb30 { margin-bottom: 30px; } #formareaf .mb50 { margin-bottom: 50px; } #formareaf .cf:before, #formareaf .cf:after { content: ""; display: table; } #formareaf .cf:after { clear: both; } #formareaf select { height: 40px; background-color: #F7F7F7; border: 1px solid #cccccc; border-radius: 3px; width: 220px; font-size: 16px; line-height: 2.5em; border: 1px; border: 0; outline: 1px solid #cccccc; outline-offset: -1px; } #formareaf select.w60p { width: 60px; } #formareaf select.w120p { width: 120px; } #formareaf select.w140p { width: 140px; } #formareaf select.w100 { width: 100%; } #formareaf input[type="text"], #formareaf input[type="email"], #formareaf input[type="tel"], #formareaf input[type="url"], #formareaf input[type="number"], #formareaf input[type="password"], #formareaf textarea { width: 200px; font-size: 16px; line-height: 2.5em; border: 1px solid #cccccc; padding-left: 4px; box-sizing: border-box; background-color: #F7F7F7; font-family: "YakuhanJP", "San Francisco", "メイリオ", "Hiragino Kaku Gothic Pro", "Yu Gothic", "YuGothic", sans-serif; font-feature-settings: "palt"; letter-spacing: 0.05em; } @media all and (-ms-high-contrast: none) { #formareaf input[type="text"], #formareaf input[type="email"], #formareaf input[type="tel"], #formareaf input[type="url"], #formareaf input[type="number"], #formareaf input[type="password"], #formareaf textarea { height: 40px; } } #formareaf input[type="text"].w100, #formareaf input[type="email"].w100, #formareaf input[type="tel"].w100, #formareaf input[type="url"].w100, #formareaf input[type="number"].w100, #formareaf input[type="password"].w100, #formareaf textarea.w100 { width: 100%; } #formareaf input[type="text"].w120p, #formareaf input[type="email"].w120p, #formareaf input[type="tel"].w120p, #formareaf input[type="url"].w120p, #formareaf input[type="number"].w120p, #formareaf input[type="password"].w120p, #formareaf textarea.w120p { width: 100%; max-width: 140px; } @media screen and (max-width: 584px) { #formareaf input[type="text"].w120p, #formareaf input[type="email"].w120p, #formareaf input[type="tel"].w120p, #formareaf input[type="url"].w120p, #formareaf input[type="number"].w120p, #formareaf input[type="password"].w120p, #formareaf textarea.w120p { max-width: 100px; } } #formareaf input[type="text"].w200p, #formareaf input[type="email"].w200p, #formareaf input[type="tel"].w200p, #formareaf input[type="url"].w200p, #formareaf input[type="number"].w200p, #formareaf input[type="password"].w200p, #formareaf textarea.w200p { width: 100%; max-width: 200px; } #formareaf input[type="text"].w100p, #formareaf input[type="email"].w100p, #formareaf input[type="tel"].w100p, #formareaf input[type="url"].w100p, #formareaf input[type="number"].w100p, #formareaf input[type="password"].w100p, #formareaf textarea.w100p { width: 100%; max-width: 100px; } #formareaf input[type="text"].w400p, #formareaf input[type="email"].w400p, #formareaf input[type="tel"].w400p, #formareaf input[type="url"].w400p, #formareaf input[type="number"].w400p, #formareaf input[type="password"].w400p, #formareaf textarea.w400p { width: 70%; max-width: 400px; } #formareaf input[type="text"].w40p, #formareaf input[type="email"].w40p, #formareaf input[type="tel"].w40p, #formareaf input[type="url"].w40p, #formareaf input[type="number"].w40p, #formareaf input[type="password"].w40p, #formareaf textarea.w40p { width: 100%; max-width: 40px; } #formareaf input[type="text"].w80p, #formareaf input[type="email"].w80p, #formareaf input[type="tel"].w80p, #formareaf input[type="url"].w80p, #formareaf input[type="number"].w80p, #formareaf input[type="password"].w80p, #formareaf textarea.w80p { width: 100%; max-width: 80px; } #formareaf input[type="text"].parsley-error, #formareaf input[type="email"].parsley-error, #formareaf input[type="tel"].parsley-error, #formareaf input[type="url"].parsley-error, #formareaf input[type="number"].parsley-error, #formareaf input[type="password"].parsley-error, #formareaf textarea.parsley-error { background-color: #fff67c !important; } #formareaf input[type="text"]:focus, #formareaf input[type="email"]:focus, #formareaf input[type="tel"]:focus, #formareaf input[type="url"]:focus, #formareaf input[type="number"]:focus, #formareaf input[type="password"]:focus, #formareaf textarea:focus { border: 1px solid #EA572B; color: #222222; } #formareaf textarea { width: 350px; height: 100px; } #formareaf textarea.w100 { width: 100%; height: 200px; } #formareaf textarea.w100b { width: 100%; height: 80px; } #formareaf textarea.txta2 { width: 500px; height: 300px; } #formareaf .fmst { background-color: #DD0000; color: #ffffff; font-size: 10px; line-height: 10px; padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left: 5px; -webkit-border-radius: 4px; border-radius: 4px; margin-bottom: 10px; position: relative; } #formareaf .fmst.null { opacity: 0; } #formareaf .fmst2 { background-color: #DD0000; color: #ffffff; font-size: 10px; line-height: 10px; padding-top: 2px; padding-right: 5px; padding-bottom: 2px; padding-left: 5px; -webkit-border-radius: 4px; border-radius: 4px; } #formareaf .fmst2.null { opacity: 0; } #formareaf .sbtnc { text-align: center; padding-top: 15px; } #formareaf .alert-info h4 { color: #b94a48; } #formareaf .alert-block { padding-top: 14px; padding-bottom: 14px; } #formareaf .alert { padding: 8px 14px 8px 14px; margin-bottom: 20px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); background-color: #fcf8e3; border: 1px solid #fbeed5; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } #formareaf .alert-success { color: #468847; background-color: #dff0d8; border-color: #d6e9c6; } #formareaf .alert-success h4 { color: #468847; } #formareaf .alert-info { color: #3a87ad; background-color: #d9edf7; border-color: #bce8f1; } #formareaf .alert-info h4 { color: #3a87ad; } #formareaf .alert-danger, #formareaf .alert-error { color: #b94a48; background-color: #f2dede; border-color: #eed3d7; } #formareaf .alerts { padding-top: 2px; padding-right: 14px; padding-left: 14px; padding-bottom: 2px; font-size: 12px; margin-bottom: 5px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); background-color: #fcf8e3; border: 1px solid #fbeed5; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; text-align: left; } #formareaf .alert-dangers, #formareaf .alert-errors { color: #b94a48; background-color: #f2dede; border-color: #eed3d7; } #formareaf .alertsb { box-sizing: border-box; font-size: 14px; padding-top: 15px; padding-right: 15px; padding-bottom: 15px; padding-left: 15px; } #formareaf .form_err_A { -webkit-border-radius: 4px; border-radius: 4px; font-weight: bold; background-color: #FFF0F0; border: 1px solid #DF3150; padding: 10px; color: #DF3150; font-size: 14px; margin-bottom: 10px; } #formareaf .form_err_A img { margin-bottom: -2px; } #formareaf .parsley-errors-list { margin: 0; padding: 0; list-style: none; } #formareaf .parsley-errors-list li { font-size: 12px; margin: 0 0 0 20px; padding: 3px 10px; color: #FFF; border-radius: 3px 4px 4px 3px; background-color: #CE5454; max-width: 380px; white-space: pre; position: relative; z-index: 1; transition: 0.15s ease-out; margin-left: 0px; margin-bottom: 10px; } #formareaf .parsley-errors-list li::after { content: ''; display: block; height: 0; width: 0; border-color: transparent transparent transparent #CE5454; border-style: solid; border-width: 11px 7px; position: absolute; left: 10px; bottom: -14px; -webkit-transform: rotate(90deg); transform: rotate(90deg); } @media screen and (max-width: 584px) { #formareaf .parsley-errors-list li { font-size: 10px; } } #formareaf .parsley-errors-list:not(.filled) { display: none; } #formareaf .parsere .parsley-errors-list { position: relative; } #formareaf .parsley-custom-error-message { padding-top: 0px; padding-bottom: 0px; /*opacity: 0.8;*/ } #formareaf .parsley-error input[type=radio] + label, #formareaf .parsley-error input[type=checkbox] + label { background-color: #fff67c !important; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -o-border-radius: 10px; -ms-border-radius: 10px; } #formareaf .parsleyeb { display: block; width: 100%; /*margin-top: 10px;*/ } #formareaf textarea.parsley-error, #formareaf input[type="tel"].parsley-error { margin-top: -5px; } #formareaf select.parsley-error, #formareaf div.parsley-error { background-color: #fff67c !important; } #formareaf ul, #formareaf ul li { margin: 0; padding: 0; list-style: none; } #formareaf .telb { display: inline; font-size: 20px; } #formareaf .telb a { box-sizing: border-box; color: #ffffff; font-weight: bold; background-color: #148e2f; display: inline; width: 39%; text-align: center; border-radius: 6px; padding-top: 2px; padding-right: 15px; padding-bottom: 2px; padding-left: 15px; cursor: pointer; } #formareaf input[type="submit"], #formareaf input[type="button"] { border-radius: 0; -webkit-box-sizing: content-box; -webkit-appearance: none; appearance: none; border: none; box-sizing: border-box; box-shadow: 3px 3px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 3px 3px rgba(0, 0, 0, 0.2); -moz-box-shadow: 3px 3px rgba(0, 0, 0, 0.2); -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; background-repeat: repeat-x; color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); padding-right: 10px; padding-left: 10px; opacity: 1; letter-spacing: 1px; width: 100%; padding-top: 15px; padding-bottom: 15px; font-size: 18px; display: inline-block; border: 1px solid #139EE8; background-color: #139EE8; cursor: pointer; } #formareaf input[type="submit"]::-webkit-search-decoration, #formareaf input[type="button"]::-webkit-search-decoration { display: none; } #formareaf input[type="submit"]:focus, #formareaf input[type="button"]:focus { outline-offset: -2px; } #formareaf input[type="submit"]:hover, #formareaf input[type="button"]:hover { opacity: 0.8; } #formareaf.formstep2 .submitback { width: 44%; } @media screen and (max-width: 584px) { #formareaf.formstep2 .submitback { width: 40%; margin-right: 12px; } } #formareaf.formstep2 .submitw { width: 44%; } @media screen and (max-width: 584px) { #formareaf.formstep2 .submitw { width: 46%; } } #formareaf .submitback { width: 100%; max-width: 300px; height: auto; font-size: 18px; display: inline-block; color: #139EE8; position: relative; background-color: rgba(19, 158, 232, 0.53); margin-right: 24px; cursor: pointer; box-sizing: border-box; vertical-align: top; position: relative; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; box-shadow: 3px 3px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 3px 3px rgba(0, 0, 0, 0.2); -moz-box-shadow: 3px 3px rgba(0, 0, 0, 0.2); } #formareaf .submitback:hover { opacity: 0.7; } #formareaf .submitback a { color: #139EE8; display: block; width: 100%; height: 100%; position: relative; line-height: 58px; text-decoration: none; } #formareaf .submitback::after { margin: 0; padding: 0; box-sizing: border-box; content: ""; width: 10px; height: 10px; position: absolute; top: 50%; left: 16px; border: 5px solid transparent; border-right: 5px solid #139EE8; transition: transform 0.3s linear; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; z-index: 7; } @media screen and (max-width: 584px) { #formareaf .submitback::after { left: 6px; } } #formareaf .submitw { width: 100%; max-width: 300px; display: inline-block; vertical-align: top; position: relative; } #formareaf .submitw.submitw::after { margin: 0; padding: 0; box-sizing: border-box; content: ""; width: 10px; height: 10px; position: absolute; top: 50%; right: 16px; border: 5px solid transparent; border-left: 5px solid #FFF; transition: transform 0.3s linear; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } @media screen and (max-width: 584px) { #formareaf .submitw.submitw::after { right: 6px; } } @media screen and (max-width: 584px) { #formareaf .submitw.col1 { width: 100%; max-width: 100%; } } #formareaf input[type="radio"], #formareaf input[type="checkbox"] { display: none; margin: 0; } #formareaf input[type="radio"] + label, #formareaf input[type="checkbox"] + label { padding: 0 0 0 24px; position: relative; display: inline-block; margin-right: 12px; font-size: 16px; line-height: 2em; cursor: pointer; } #formareaf input[type="radio"] + label::before, #formareaf input[type="checkbox"] + label::before { content: ""; position: absolute; top: 50%; left: 0; -moz-box-sizing: border-box; box-sizing: border-box; display: block; width: 18px; height: 18px; margin-top: -9px; background: #FFF; } #formareaf input[type="radio"]:checked + label::after, #formareaf input[type="checkbox"]:checked + label::after { content: ""; position: absolute; top: 50%; -moz-box-sizing: border-box; box-sizing: border-box; display: block; } #formareaf input[type="radio"]:checked + label::before { border: 2px solid #cccccc; background-color: #eeeeee; border-radius: 4px; border-radius: 30px; } #formareaf input[type="radio"]:checked + label::after { left: 5px; width: 8px; height: 8px; margin-top: -4px; background: #139EE8; border-radius: 8px; } #formareaf input[type="radio"] + label::before { border: 2px solid #cccccc; background-color: #eeeeee; border-radius: 4px; border-radius: 30px; } #formareaf input[type="checkbox"]:checked + label::before { border: 2px solid #139EE8; background-color: #139EE8; border-radius: 4px; } #formareaf input[type="checkbox"]:checked + label::after { left: 3px; width: 16px; height: 8px; margin-top: -8px; border-left: 3px solid #ffffff; border-bottom: 3px solid #ffffff; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } #formareaf input[type="checkbox"] + label::before { border: 2px solid #cccccc; background-color: #eeeeee; border-radius: 4px; } #formareaf #age_y { text-align: center; } #formareaf #age_m { text-align: center; } #formareaf #age_d { text-align: center; } #formareaf #errors_age ul, #formareaf #errors_q_mail_01 ul, #formareaf #errors_q_mail_02 ul, #formareaf #errors_szip2_01 ul, #formareaf #errors_szip_01 ul, #formareaf #errors_zip2_01 ul, #formareaf #errors_zip_01 ul { margin-right: 10px; margin-bottom: 5px; display: inline-block; } #formareaf #errors_age ul:not(.filled), #formareaf #errors_szip2_01 ul:not(.filled), #formareaf #errors_szip_01 ul:not(.filled), #formareaf #errors_zip2_01 ul:not(.filled), #formareaf #errors_zip_01 ul:not(.filled) { width: 90px; margin-right: 0px; margin-bottom: 0px; } @media screen and (max-width: 584px) { #formareaf #errors_age ul:not(.filled), #formareaf #errors_szip2_01 ul:not(.filled), #formareaf #errors_szip_01 ul:not(.filled), #formareaf #errors_zip2_01 ul:not(.filled), #formareaf #errors_zip_01 ul:not(.filled) { width: 70px; } } #formareaf .tw100p { display: inline-block; width: 100%; max-width: 100px; } #formareaf .tw10p { display: inline-block; width: 100%; max-width: 20px; text-align: center; } #formareaf .tw140p { display: inline-block; width: 100%; max-width: 140px; } @media screen and (max-width: 584px) { #formareaf #skana_02, #formareaf #skana_01, #formareaf #sname_02, #formareaf #sname_01, #formareaf #kana_02, #formareaf #kana_01, #formareaf #name_02, #formareaf #name_01 { width: 110px; } #formareaf #age_y, #formareaf #age_m, #formareaf #age_d { width: 70px; } } @media screen and (max-width: 330px) { #formareaf #skana_02, #formareaf #skana_01, #formareaf #sname_02, #formareaf #sname_01, #formareaf #kana_02, #formareaf #kana_01, #formareaf #name_02, #formareaf #name_01 { width: 90px; } } #formareaf #errors_tel .parsley-required { text-align: left; } #formareaf #errors_privacypolicy .parsley-errors-list.filled { padding-top: 10px; } #formareaf #errors_privacypolicy .parsley-custom-error-message { margin-left: auto; margin-right: auto; } @media screen and (max-width: 584px) { .secin { padding-left: 10px; padding-right: 10px; padding-bottom: 30px !important; padding-top: 30px !important; } .secin h3 { font-size: 6vw !important; } .secin h3 span { font-size: 4vw !important; } .secin p { text-align: left; font-size: 13px; line-height: 1.8em; } .secin p.note { font-size: 11px; line-height: 1.7em; } } @media screen and (max-width: 584px) { .fgroup p.center { text-align: left !important; } .fgroup p.center br { display: none; } } #formareaf .tblcr2 { display: flex; justify-content: flex-start; align-items: center; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } #formareaf .tblcr2 dt { margin-right: 4px; } #formareaf table tr td h4 { font-size: 16px; margin-top: 10px; } #formareaf table tr td h4.sty2 { margin-top: 0px; }