@charset "UTF-8";
/*** 共通 ******************************************/
.formHPV{display:none;}
.err_list li, .errMsg{color:#c00;}
.errItem input, .errItem textarea{background-color:#dbecfc;}
    
.contactBox { font-family: "NotoSansJP", "ヒラギノ角ゴ ProN", "Arial","メイリオ", sans-serif;}
.red {color:#ff0000;padding:0 0 5px 5px; font-weight: bold; font-size: 1.6rem;}
.red02 {color:#ff0000;padding:0 0 5px 5px; font-weight: bold;}
ul li { list-style: none;}

.contactBox .err_tx ul.error_list { display: inline-block;}

dl.mailform input {font-family: "NotoSansJP", "ヒラギノ角ゴ ProN", "Arial","メイリオ", sans-serif;}
dl.mailform textarea {padding: 5px; border: solid 1px #2885E3;font-family: "NotoSansJP", "ヒラギノ角ゴ ProN", "Arial","メイリオ", sans-serif; border-radius: 5px;}

input[type="submit"] { font-family: "NotoSansJP", "ヒラギノ角ゴ ProN", "Arial","メイリオ", sans-serif;}
.form-area01 p { margin: 20px 0 0 0;}
.form-area01 ol { margin: 20px 0 0 0; padding: 0 0 0 20px;}

.contactBox a { color:#1C54D5; text-decoration: underline; margin-top:20px;}
.contactBox a:hover { color:#1C54D5; text-decoration: none;}

/*** 解像度の幅が1050px以上 ***************************/
@media all and (min-width:1050px), print{

.pagetop { text-align:right; z-index: 100; position: fixed;	bottom: 80px!important; right: 20px;}

.contactBox { width: 100%; margin: 0 0 40px 0; padding:20px 0 0 0;}
.form-area01 { width: 60%; height: auto; margin: 80px auto; background: #fff; opacity: 0.9; border-radius: 20px;}
.form-area01 h2 { color: #1C54D5; padding: 0 0 5px 0; font-size: 3rem; font-weight: 900;}
.form-area01 h2 span { color: #000; padding: 0 0 0 25px;}

.form-area01 h3 { color: #1C54D5; padding: 30px 0 0 50px; font-size: 2rem;}
.form-txarea p { padding-left: 50px;}

.contact_area {width: 100%; margin: 0; padding: 0;}
.form-txarea { padding: 20px 0 20px 0;}


.contactBox .err_tx ul.error_list li {margin:10px 0 10px 0; padding: 5px; list-style: none; color: #2885E3; font-weight: normal; font-size: 100%; text-align: left;	border: 1px solid #2885E3;	border-radius: 5px; width: 100%;}


dl.mailform { width: 94%;}
dl.mailform dt { width: 100%; padding: 5px 20px 5px 20px; font-weight: bold; border-left: 10px solid #1C54D5; margin: 20px 0 0 0; font-size: 1.8rem;}
dl.mailform dd { width: 100%; max-height: 100%; padding: 15px 10px 30px 0; font-weight: normal; margin: 0;}
dl.mailform dd ul.list-check,#privacy ul { text-align: left; margin: 0 20px 0 0; padding: 0; vertical-align: middle; display: inline-block;}
dl.mailform textarea.msgtx { font-size: 1.6rem; width: 96%; height:auto;}

dl.mailform dd span { font-weight: normal;}

dl.mailform dd.qbg01 { border-bottom: 1px solid #2885E3; padding: 0 0 5px 0; margin: 10px 0 60px 30px;}

input { padding: 5px; position:relative; vertical-align:middle; line-height: 2.5rem; font-size: 1.6rem; border-radius: 5px; border: solid 1px #2885E3;}
input[type="text"] { border: solid 1px #2885E3}
input[type="text"].name,input[type="text"].kana02 {width:40%; border: solid 1px #2885E3;}
input[type="text"].kana {width:70%; border: solid 1px #2885E3;}
input[type="text"].corp {width:70%; border: solid 1px #2885E3;}
input[type="tel"] {width:30%; border: solid 1px #2885E3;}
input[type="number"].zip {width:20%; margin: 0 0 20px 0; border: solid 1px #2885E3;}
input[type="text"].addr {width:70%; border: solid 1px #2885E3;}
input[type="text"] { border: solid 1px #333;}
input[type="email"] { width:50%;border: solid 1px #2885E3;}
input[type="checkbox"] {text-align: left; margin: 0 10px 0 0;}
input[type="number"].establishment {width:10%; margin-right:5px; border: solid 1px #2885E3;}
input[type="number"].man {width:10%;border: solid 1px #2885E3; margin-right:10px;}
input[type="text"].capital {width:20%;border: solid 1px #2885E3;}

select.selectlist { width: 300px; height:auto; padding:10px; border: 1px solid #2885E3; border-radius: 5px; background-color: #fff; color: #000000; font-size: 1.6rem; cursor: pointer; line-height: 2.6rem; }

.selectWrap { position: relative; width: 300px; height:auto;}
.selectWrap::after { content: ""; position: absolute; top: 21px; right: 12px; border-right: 10px solid transparent; border-left: 10px solid transparent; border-top: 10px solid #1C54D5; border-bottom: 0;}
select { -webkit-appearance: none; appearance: none;}
.selectWrap::after { pointer-events: none;}

ul li label input {margin-right: 5px;}

ul.btn_submit {	text-align:center; margin:0 auto; padding: 30px 0 30px 0; width: 100%; height: auto; display: inline-block; align-items: center;}

.submit_btn {width:50%; height:60px;background-color:#1C54D5;border:none;color:#fff;font-size:2.2rem;text-align:center; font-weight: bold;letter-spacing: 2px; padding:10px 30px 10px 30px; cursor:pointer; border-radius:15px; margin: 0 auto;}

.submit_btn:hover{background-color:#92bcf6 !important;color:#fff;}
.submit_btn02 {	width:50%; height:60px; background-color:#fff; color:#1C54D5; font-size:2.2rem; text-align:center;font-weight: bold;letter-spacing: 2px; border:solid 2px #1C54D5; padding:10px; cursor:pointer; border-radius:10px; margin: 30px auto;}
.submit_btn02:hover{background-color:#92bcf6 !important;color:#1C54D5;}

.contactBox p a { color: #000; font-size: 1.6rem; text-align: right;}

.agree-area ul li { margin-bottom: 10px;}

.privacy-area {width: 96%; height:250px; padding: 5px 40px 40px 40px; border-top: 1px solid #ccc; border-left: 1px solid #ccc; border-bottom: 1px solid #ccc; margin: 20px 0 30px 0;}
.privacy-area h3 {color: #1C54D5; font-weight: 1.6rem; padding: 40px 0 0 0;}
.simplebar-scrollbar::before { background-color: #333!important;}
.simplebar-track.simplebar-vertical { width: 15px;}
.simplebar-track { background: #e3e3e3; width: 6px; }
.simplebar-scrollbar { background: #333; top: 0; right: 2px;}	

}



/*** 解像度の幅が600px～1049px ************************/
@media screen and (min-width:600px) and (max-width:1049px){
.pagetop { display: none!important;}
.contactBox { width: 100%; margin: 0 0 40px 0; padding:20px 0 0 0;}
.form-area01 { width: 90%; height: auto; margin: 80px auto; background: #fff; opacity: 0.9; border-radius: 20px;}

.form-area01 h2 { color: #1C54D5; padding: 0 0 5px 0; font-size: 2.2rem; line-height: 3.2rem; font-weight: 900;}
.form-area01 h2 span { color: #000; padding: 0 0 0 20px;}

.form-area01 h3 { color: #1C54D5; padding: 30px 0 0 30px; font-size: 2rem;}
.form-txarea p { padding-left: 30px;}

.contactBox .err_tx ul.error_list li {margin:10px 0 10px 0; padding: 5px; list-style: none; color: #2885E3; font-weight: normal; font-size: 100%; text-align: left;	border: 1px solid #2885E3;	border-radius: 5px; width: 100%;}

dl.mailform { width: 100%;}
dl.mailform dt { width: 90%; padding: 5px 20px 5px 20px; font-weight: bold; border-left: 10px solid #1C54D5; margin: 20px 0 0 0;}
dl.mailform dd { width: 90; padding: 15px 10px 20px 0;}
dl.mailform p {line-height: 2rem; padding-bottom: 5px;}

input { position:relative; vertical-align:middle; line-height: 2.5rem; padding: 5px; border: solid 1px #2885E3; font-size: 1.6rem; border-radius: 5px;}
input[type="text"] { border: solid 1px #2885E3}
input[type="email"] {width: 60%;}
textarea {width: 84%; font-size: 1.6rem;}
input[type="text"].name {width:90%;}
input[type="text"].kana,input[type="text"].kana02 {width:90%;}
input[type="text"].corp {width:90%;}
input[type="tel"] { width:40%; border: solid 1px #2885E3;}
input[type="checkbox"] {text-align: left; margin: 0 10px 0 0;}
dl.mailform textarea.msgtx { font-size: 1.6rem; width: 90%; height:auto;}
ul li label input {margin-right: 5px;}
input[type="number"].zip {width:20%; margin: 0 0 20px 0;}
input[type="text"].addr {width:90%; margin: 0 0 10px 0;}
input[type="number"].man {width:15%; margin-right:10px;}
input[type="text"].capital {width:30%;}
input[type="number"].establishment {width:10%; margin-right:5px;}

select.selectlist { width: 320px; height:auto; padding:15px; border: 1px solid #2885E3; border-radius: 5px; background-color: #fff; color: #000000; font-size: 1.6rem; cursor: pointer; line-height: 2.6rem; }

.selectWrap { position: relative; width: 320px; height:auto;}

.selectWrap::after { content: ""; position: absolute; top: 22px; right: 12px; border-right: 10px solid transparent; border-left: 10px solid transparent; border-top: 10px solid #1C54D5; border-bottom: 0;}
select { -webkit-appearance: none; appearance: none;}
.selectWrap::after { pointer-events: none;}


ul li label input {margin-right: 5px;}


dl.mailform dd ul.list-check,#privacy ul { text-align: left; margin: 0 20px 0 0; padding: 0; vertical-align: middle; display: inline-block;}
dl.mailform textarea.msgtx { font-size: 1.6rem;}

dl.mailform dd span { font-weight: normal;}

dl.mailform dd.qbg01 { border-bottom: 1px solid #2885E3; padding: 0 0 5px 0; margin: 10px 0 60px 30px;}

ul.btn_submit {	text-align:center;margin:0 auto; padding: 30px 0 30px 0; width: 100%; display: inline-block; align-items: center;}
.submit_btn {width:60%; height:60px;background-color:#1C54D5;border:none;color:#fff;font-size:1.8rem;text-align:center;	font-weight: bold;letter-spacing: 2px; padding:10px; cursor:pointer; border-radius:15px; margin: 0 auto;}

.submit_btn:hover{background-color:#92bcf6 !important;color:#fff;}
.submit_btn02 {	width:60%; height:60px; background-color:#fff; color:#1C54D5; font-size:1.8rem; text-align:center;font-weight: bold;letter-spacing: 2px; border:solid 2px #1C54D5; padding:10px; cursor:pointer; border-radius:15px; margin: 30px 0 0 0;}
.submit_btn02:hover{background-color:#92bcf6 !important;color:#1C54D5;}

.agree-area ul li { margin-bottom: 20px;}

.privacy-area {width: 90%; height:250px; padding: 5px 40px 40px 40px; border-top: 1px solid #ccc; border-left: 1px solid #ccc; border-bottom: 1px solid #ccc; margin: 20px 0 30px 0;}
.privacy-area h3 {color: #1C54D5; font-weight: 1.6rem; padding: 40px 0 0 0;}
.simplebar-scrollbar::before { background-color: #333!important;}
.simplebar-track.simplebar-vertical { width: 15px;}
.simplebar-track { background: #e3e3e3; width: 6px; }
.simplebar-scrollbar { background: #333; top: 0; right: 2px;}	

}

/*** 解像度の幅が599px以下 ***************************/
@media screen and (max-width:599px){
.pagetop { display: none!important;}
.contactBox { width: 100%; margin: 0 0 100px 0; padding:20px 0 0 0;}
.form-area01 { width: 90%; height: auto; margin: 80px auto; padding: 0;}

.form-area01 h2 { color: #1C54D5; padding: 0 0 5px 0; font-size: 2.2rem; line-height: 3.2rem; font-weight: 900;}
.form-area01 h2 span { color: #000; padding: 0 0 0 20px;}

.form-area01 h3 { color: #1C54D5; padding: 30px 0 0 10px; font-size: 2rem;}
.form-txarea p { padding-left: 10px;}

.contactBox .err_tx ul.error_list li {margin:10px 0 10px 0; padding: 5px; list-style: none; color: #2885E3; font-weight: normal; font-size: 100%; text-align: left;	border: 1px solid #2885E3;	border-radius: 5px; width: 100%;}

dl.mailform { width: 100%; margin: 0 auto;}
dl.mailform dt { width: 90%; padding: 5px 20px 5px 20px; font-weight: bold; border-left: 10px solid #1C54D5; margin: 20px 0 0 0;}
dl.mailform dd { width: 90%; padding: 15px 10px 30px 0; font-weight: normal; margin: 0;}
dl.mailform dd ul.list-check,#privacy ul { text-align: left; margin: 0 20px 0 0; padding: 0; vertical-align: middle; display: inline-block;}
dl.mailform textarea.msgtx { font-size: 1.6rem;}

dl.mailform dd span { font-weight: normal;}

dl.mailform dd.qbg01 { border-bottom: 1px solid #2885E3; padding: 0 0 5px 0; margin: 10px 0 60px 30px;}



input { position:relative; vertical-align:middle; line-height: 2.5rem; padding: 5px; border: solid 1px #2885E3; font-size: 1.6rem; border-radius: 5px;}

input[type="text"],input[type="email"],textarea {width: 98%;border: solid 1px #2885E3;}
input[type="tel"].tel {width:60%;border: solid 1px #2885E3;}
input[type="text"].name,input[type="text"].kana,input[type="text"].kana02 {width:98%; border: solid 1px #2885E3;}
input[type="text"].corp {width:98%; border: solid 1px #2885E3;}
input[type="checkbox"] {text-align: left; margin: 0 10px 0 0;}
textarea.msgtx {width: 96%;}
ul li label input {margin-right: 5px;}
textarea { font-size: 1.6rem;}
input[type="number"].zip {width:30%; margin: 0 0 20px 0; }
input[type="text"].addr {width:98%; margin: 0 0 10px 0;}
input[type="number"].man {width:25%; margin-right:10px;}
input[type="text"].capital {width:40%;}
input[type="number"].establishment {width:20%; margin-right:5px;}

select.selectlist { width: 320px; height:auto; padding:15px; border: 1px solid #2885E3; border-radius: 5px; background-color: #fff; color: #000000; font-size: 1.6rem; cursor: pointer; line-height: 2.6rem; }

.selectWrap { position: relative; width: 320px; height:auto;}

.selectWrap::after { content: ""; position: absolute; top: 22px; right: 12px; border-right: 10px solid transparent; border-left: 10px solid transparent; border-top: 10px solid #1C54D5; border-bottom: 0;}
select { -webkit-appearance: none; appearance: none;}
.selectWrap::after { pointer-events: none;}


ul li label input {margin-right: 5px;}

ul.btn_submit {	text-align:center;margin:0 auto; padding: 30px 0 30px 0; width: 100%; display: inline-block; align-items: center;}
.submit_btn {width:60%; height:60px;background-color:#1C54D5;border:none;color:#fff;font-size:1.8rem;text-align:center;	font-weight: bold;letter-spacing: 2px; padding:10px; cursor:pointer; border-radius:15px; margin: 0 auto;}

.submit_btn:hover{background-color:#92bcf6 !important;color:#fff;}
.submit_btn02 {	width:60%; height:60px; background-color:#fff; color:#1C54D5; font-size:1.8rem; text-align:center;font-weight: bold;letter-spacing: 2px; border:solid 2px #1C54D5; padding:10px; cursor:pointer; border-radius:15px; margin: 30px 0 0 0;}
.submit_btn02:hover{background-color:#92bcf6 !important;color:#1C54D5;}

.agree-area ul li { margin-bottom: 20px;}

.privacy-area {width: 90%; height:200px; padding: 0 20px 20px 20px; border-top: 1px solid #ccc; border-left: 1px solid #ccc; border-bottom: 1px solid #ccc; margin: 20px 0 30px 0; font-weight: 1.5rem; line-height: 2.6rem;}
.privacy-area h3 {color: #1C54D5; font-weight: 1.5rem; line-height: 2.6rem; padding: 40px 0 0 0;}
.simplebar-scrollbar::before { background-color: #333!important;}
.simplebar-track.simplebar-vertical { width: 15px;}
.simplebar-track { background: #e3e3e3; width: 6px; }
.simplebar-scrollbar { background: #333; top: 0; right: 2px;}

.grecaptcha-badge { bottom: 40px!important; z-index: 100;}
}