@charset "UTF-8";
/*** 共通 ******************************************/
.contactBox { width: 100%; margin: 0; padding:20px 0 0 0; font-family: "MPLUS1", "ヒラギノ角ゴ ProN", "Arial","メイリオ", sans-serif;}
.contactBox .err_tx ul.error_list li {margin:10px 0 10px 0; padding: 5px; list-style: none; color: #ff2e5a; font-weight: normal; font-size: 100%; text-align: left;	border: 1px solid #ff2e5a;	border-radius: 5px; width: 82%;}
ul li { list-style: none;}

ul.error_list {margin: 0; padding: 0;}
.err_tx { margin:0; padding: 10px 0 10px 0;}

dl.mailform input {font-family: "MPLUS1", "ヒラギノ角ゴ ProN", "Arial","メイリオ", sans-serif;}
dl.mailform textarea {padding: 5px;	width: 96%;	height:auto;border: solid 1px #333;font-family: "MPLUS1", "ヒラギノ角ゴ ProN", "Arial","メイリオ", sans-serif;}
.red {color:#ff0000;padding:0 0 5px 5px; font-weight: bold; font-size: 1.6rem;}

dl.mailform select { font-family: "MPLUS1", "ヒラギノ角ゴ ProN", "Arial","メイリオ", sans-serif;}

input[type="submit"] { font-family: "MPLUS1", "ヒラギノ角ゴ ProN", "Arial","メイリオ", sans-serif;}

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

.fax-btn {text-align:center;margin:0 auto; padding: 30px 0 30px 0;
}
.fax-btn p {width:50%; height:30px;background-color:#0741A1;border:none;color:#fff;font-size:2.2rem;text-align:center; font-weight: bold;letter-spacing: 2px; padding:10px;	cursor:pointer;	border-radius:10px; margin: 0 auto;}
.fax-btn p a { color: #fff; text-decoration: none;}

.contact_area {width: 100%; margin: 0; padding: 0;}
.form-area02 h3 {color: #1676CB; padding: 10px 0 10px 0;}
.form-txarea { padding: 20px 0 20px 0;}

dl.mailform { width: 100%;}
dl.mailform dt { width: 100%; padding: 20px 20px 20px 20px; background-color: #cbeefb; font-weight: normal;}
dl.mailform dd { width: 100%; max-height: 100%; padding: 30px 10px 30px 20px; font-weight: normal;}
dl.mailform textarea.msgtx { font-size: 1.6rem;}

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

input { padding: 5px; position:relative; vertical-align:middle; line-height: 2.5rem; font-size: 1.6rem; }
input[type="text"].name {width:40%;}
input[type="text"].kana {width:40%;}
input[type="text"].corp, input[type="text"].department{width:70%;}
input[type="email"].mail {width:50%;}
input[type="text"]#datepicker01 {width:20%; margin-right: 5px;}
input[type="text"]#datepicker02 {width:20%; margin-left: 5px;}
input[type="number"].g-bus {width:7%; margin-right: 5px;}
input[type="text"].g-bus02 {width:40%;}
input[type="text"] { border: solid 1px #333;}
input[type="tel"] { width:50%; border: solid 1px #333;}
input[type="email"] { width:98%;border: solid 1px #333;}
input[type="tel"].zip11 {margin-bottom:5px;	width:20%;}
input[type="text"].addr11 {	margin-top:15px; margin-bottom:10px; width:80%;}
input[type="text"].add { margin-top:5px; margin-right: 10px; margin-bottom:10px; width:80%;}

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

select{  -webkit-appearance: none; -moz-appearance: none;  appearance: none; margin: 0; height: 40px; background: transparent; position: relative; z-index: 1; padding: 0 40px 0 10px; border: 1px solid #333;line-height:40px;	font-size: 15px;width:100%;}

select::-ms-expand { display: none;}

.selectWrap{position: relative; display: inline-block;}

.selectWrap::before{ content: ''; position: absolute; z-index: 0; top: 0; right: 0; height: 100%; width: 30px;}

.selectWrap::after{ content: ''; position: absolute; z-index: 0; top: 0; bottom: 0; margin: auto 0; right: 9px; width: 0; height: 0; border-style: solid; border-width: 6px 6px 0 6px; border-color: #333 transparent transparent transparent; }

dd.selecttx {display: flex; flex-wrap: wrap; width:40%}
.selecttx01 { width:12%;}
.selecttx02 { width: 4%;}
.selecttx03 { width: 15%;}

ul.btn_submit {	text-align:center;margin:0 auto; padding: 30px 0 30px 0;
}

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

.submit_btn:hover{background-color:#cbeefb !important;color:#fff;}

.submit_btn02 {	width:60%; height:60px; background-color:#fff; color:#0391C7; font-size:2.2rem; text-align:center;font-weight: bold;letter-spacing: 2px;	border:solid 2px #0391C7; padding:10px; cursor:pointer; border-radius:10px; margin: 30px 0 0 0;}

.submit_btn02:hover{background-color:#0391C7 !important;color:#cbeefb;}


.btn-privacy { width: fit-content; background: #cbeefb; border: 1px solid #0391C7; padding: 10px 20px 10px 20px; border-radius: 15px; margin: 20px 0 20px 0;}
.btn-privacy a {text-decoration: none; color: #000;}
}

/*** 解像度の幅が600px～1049px ************************/
@media screen and (min-width:600px) and (max-width:1049px){

.fax-btn {text-align:center;margin:0 auto; padding: 30px 0 30px 0;
}
.fax-btn p {width:60%; height:30px;background-color:#0741A1;border:none;color:#fff;font-size:1.8rem;text-align:center; font-weight: bold;letter-spacing: 2px; padding:10px;	cursor:pointer;	border-radius:10px; margin: 0 auto;}
.fax-btn p a { color: #fff; text-decoration: none;}

.form-area02 h3 {color: #1676CB; padding: 10px 0 10px 0;}
dl.mailform { width: 100%;}

dl.mailform dt { width: auto; padding: 20px; background-color: #cbeefb; font-weight: normal;}

dl.mailform dd { width: auto; padding: 20px 10px 20px 10px; font-weight: normal;}

dl.mailform p {line-height: 2rem; padding-bottom: 5px;}

input { position:relative; vertical-align:middle; line-height: 2.5rem; padding: 5px; border: solid 1px #333; font-size: 1.6rem;}
input[type="text"],input[type="email"],textarea {width: 84%;}
input[type="text"].name {width:60%;}
input[type="text"].kana {width:60%;}
input[type="text"].corp {width:96%;}
input[type="tel"].zip11 {width:25%; margin-bottom: 5px;}
input[type="text"].addr11 {width:96%; margin-bottom: 10px;}
input[type="text"].add {width:96%;}
textarea.msgtx {width: 96%;}
input[type="text"]#datepicker01 {width:30%; margin-right: 5px;}
input[type="text"]#datepicker02 {width:30%; margin-left: 5px;}
input[type="number"].g-bus {width:10%; margin-right: 5px;}
input[type="text"].g-bus02,input[type="text"].g-bus03 {width:96%;}
ul li label input {margin-right: 5px;}
textarea { font-size: 1.6rem;}

select{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
    height: 40px;
    background: transparent;
    position: relative;
    z-index: 1;
    padding: 0 40px 0 10px;
    border: 1px solid #333;
	line-height:40px;
	font-size: 1.6rem;
	width:100%;
	color: #000;
}

select::-ms-expand {
    display: none;
}

.selectWrap{
    position: relative;
    display: inline-block;
	color: #000;
}

.selectWrap::before{
    content: '';
    position: absolute;
    z-index: 0;
    top: 0;
    right: 0;
    height: 100%;
    width: 30px;
	color: #000;
}

.selectWrap::after{
    content: '';
    position: absolute;
    z-index: 0;
    top: 0;
    bottom: 0;
    margin: auto 0;
    right: 9px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 6px 0 6px;
    border-color: #333 transparent transparent transparent; 
	color: #000;
}


ul.btn_submit {	text-align:center;margin:0 auto; padding: 30px 0 30px 0;
}

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

.submit_btn:hover{background-color:#cbeefb !important;color:#fff;}

.submit_btn02 {	width:60%; height:60px; background-color:#fff; color:#0391C7; font-size:1.8rem; text-align:center;font-weight: bold;letter-spacing: 2px;	border:solid 2px #0391C7; padding:10px; cursor:pointer; border-radius:10px; margin: 30px 0 0 0;}

.submit_btn02:hover{background-color:#cae1f9 !important;color:#0391C7;}

.btn-privacy { width: fit-content; background: #cbeefb; border: 1px solid #0391C7; padding: 10px 20px 10px 20px; border-radius: 15px; margin: 20px 0 20px 0;}
.btn-privacy a {text-decoration: none; color: #000;}

}

/*** 解像度の幅が599px以下 ***************************/
@media screen and (max-width:599px){
.contactBox { margin-bottom: 100px;}
.fax-btn {text-align:center;margin:0 auto; padding: 30px 0 30px 0;
}
.fax-btn p {width:60%; height:30px;background-color:#0741A1;border:none;color:#fff;font-size:1.8rem;text-align:center; font-weight: bold;letter-spacing: 2px; padding:10px;	cursor:pointer;	border-radius:10px; margin: 0 auto;}
.fax-btn p a { color: #fff; text-decoration: none;}

.form-area02 h3 {color: #1676CB; padding: 10px 0 10px 0;}

dl.mailform { width: 100%;}

dl.mailform dt { width: auto; padding: 10px; background-color: #cbeefb; font-weight: normal;}

dl.mailform dd { width: auto; padding: 20px 10px 30px 10px; font-weight: normal;}

dl.mailform p {line-height: 2rem; padding-bottom: 5px;}

input { position:relative; vertical-align:middle; line-height: 2.5rem; padding: 5px; border: solid 1px #333; font-size: 1.6rem;}
input[type="text"],input[type="email"],textarea {width: 84%;}
input[type="text"].name {width:80%;}
input[type="text"].kana {width:80%;}
input[type="text"].corp {width:96%; display: block;}
input[type="text"].g-bus02 {width:96%; display: block;}
input[type="tel"].zip11 {width:40%; margin-bottom: 5px;}
input[type="text"].addr11 {width:96%; margin-bottom: 10px;}
input[type="text"].add {width:96%;}
textarea.msgtx {width: 96%;}
input[type="text"]#datepicker01 {width:40%; margin-right: 5px;}
input[type="text"]#datepicker02 {width:40%; margin-left: 5px;}
input[type="number"].g-bus {width:10%; margin-right: 5px;}
input[type="text"].g-bus02,input[type="text"].g-bus03 {width:96%;}
ul li label input {margin-right: 5px;}
textarea { font-size: 1.6rem;}

select{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
    height: 40px;
    background: transparent;
    position: relative;
    z-index: 1;
    padding: 0 40px 0 10px;
    border: 1px solid #333;
	line-height:40px;
	font-size: 1.6rem;
	width:100%;
	color: #000;
}

select::-ms-expand {
    display: none;
}

.selectWrap{
    position: relative;
    display: inline-block;
	color: #000;
}

.selectWrap::before{
    content: '';
    position: absolute;
    z-index: 0;
    top: 0;
    right: 0;
    height: 100%;
    width: 30px;
	color: #000;
}

.selectWrap::after{
    content: '';
    position: absolute;
    z-index: 0;
    top: 0;
    bottom: 0;
    margin: auto 0;
    right: 9px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 6px 0 6px;
    border-color: #333 transparent transparent transparent; 
	color: #000;
}


ul.btn_submit {	text-align:center;margin:0 auto; padding: 30px 0 30px 0;
}

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

.submit_btn:hover{background-color:#cbeefb !important;color:#fff;}

.submit_btn02 {	width:60%; height:60px; background-color:#fff; color:#0391C7; font-size:1.8rem; text-align:center;font-weight: bold;letter-spacing: 2px;	border:solid 2px #0391C7; padding:10px; cursor:pointer; border-radius:10px; margin: 30px 0 0 0;}

.submit_btn02:hover{background-color:#cae1f9 !important;color:#0391C7;}


.btn-privacy { width: fit-content; background: #cbeefb; border: 1px solid #0391C7; padding: 10px 20px 10px 20px; border-radius: 15px; margin: 20px 0 20px 0;}
.btn-privacy a {text-decoration: none; color: #000;}

}