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


/*PC*/
@media print, screen and (min-width: 600px) {


/*----------------------------------------------------

 header

----------------------------------------------------*/
.hedImg { width: 100%; height: 320px; margin: 0 auto 0; text-align: center; color: #eb6100; padding: 100px 0 0; box-sizing: border-box;}
.hedImg h2 { width: 100%; font-size: 66px; font-family:Arial, Helvetica, sans-serif;}
.hedImg p { width: 100%; font-size: 20px;}





/*----------------------------------------------------

 sec01

----------------------------------------------------*/
.sec01 { width: 900px; margin: auto;}

.msg { border-bottom: solid 1px #eb6100; border-top: solid 1px #eb6100; padding: 20px 0; text-align: center;}
.txt { padding: 40px 0;}


table { border-bottom: solid 1px #ccc; width: 100%;}
table th { border-top: solid 1px #ccc; padding: 20px 0;}
table td { border-top: solid 1px #ccc; padding: 20px 20px;}

table td > .adressBox { border-top: none; border-bottom: none;}
table td > .adressBox th { border-top: none; border-bottom: none; padding: 5px 0;}
table td > .adressBox td { border-top: none; border-bottom: none; padding: 5px 20px;}
.txRed { color: #C00;}

input[type="text"] { background: #efefef; border: none; padding: 5px; line-height: 200%;}
textarea { background: #efefef; border: none; padding: 5px; line-height: 200%;}

.privacy { text-align: center; padding: 40px 0 20px;}
.btnConfirm { padding: 0 0 40px; text-align: center;}
.btnConfirm ul { text-align: center; list-style: none;}
.btnConfirm ul li { display: inline-block;}


input.confirm { background: url(../contact/img/btn_confirm.png) no-repeat left top; width: 360px; height: 50px; border: none; overflow: hidden; margin: 0 auto; cursor: pointer; text-indent: -9999px; font-size: 0; line-height: 0; outline: none; display: block; }
input.return { background: url(../contact/img/btn_return.png) no-repeat left top; width: 200px; height: 50px; border: none; overflow: hidden; margin: 0 auto; cursor: pointer; text-indent: -9999px; font-size: 0; line-height: 0; outline: none; display: block; }
input.send { background: url(../contact/img/btn_send.png) no-repeat left top; width: 200px; height: 50px; border: none; overflow: hidden; margin: 0 auto; cursor: pointer; text-indent: -9999px; font-size: 0; line-height: 0; outline: none; display: block; }

.confirmBtn { background: #003894; border: none; padding: 10px 60px; border-radius: 50px; color: #FFF; font-size: 16px;}
.returnBtn { background: #003894; border: none; padding: 10px 60px; border-radius: 50px; color: #FFF; font-size: 16px;}
.sendBtn { background: #003894; border: none; padding: 10px 60px; border-radius: 50px; color: #FFF; font-size: 16px;}*/

.invalid { color: #C00;}

.msgTxt { text-align: center; margin: 100px 0 100px;}

/*----------------------------------------------------

 sec02

----------------------------------------------------*/






/*----------------------------------------------------

 sec03

----------------------------------------------------*/






/*----------------------------------------------------

 sec04

----------------------------------------------------*/
.sec04 { padding: 50px 0 50px; margin: 0;}
.sec04 h2 { font-size: 24px; text-align: center; margin: 0 0 50px;}
.sec04 h2 span { display: block; font-size: 14px; color: #003894; margin: 0 0 10px; font-family: Arial, Helvetica, sans-serif;}
.sec04 .txt { margin: 0 0 30px; text-align: center;}
.sec04 .txt p:nth-of-type(1) { font-size: 19px; color: #003894; margin: 0 0 10px; text-align: center;}
.sec04 .txt p:nth-of-type(2) { font-size: 14px; margin: 0 0 0; text-align: center;}

.sec04 ul { margin: 0 auto; padding: 0; list-style: none; width: 780px;}
.sec04 ul > li { margin: 0; padding: 30px 20px; border-top: solid 1px #003894;}
.sec04 ul > li h3 { font-size: 21px; color: #003894;}

.sec04 ul > li:nth-of-type(1) {}
.sec04 ul > li:nth-of-type(1) h3 { width: 130px; float: left;}
.sec04 ul > li:nth-of-type(1) ol { margin: 0 0 0 130px; padding: 0; list-style: none; counter-reset: number;}
.sec04 ul > li:nth-of-type(1) ol > li { margin: 0; padding: 0; list-style: none; font-size: 14px;}
.sec04 ul > li:nth-of-type(1) ol > li::before { counter-increment: number 1; content: counter(number, decimal); padding-right: 0.5em; color: #b5b5b6; font-size: 120%;}

.sec04 ul > li:nth-of-type(2) {}
.sec04 ul > li:nth-of-type(2) h3 { width: 130px; float: left;}
.sec04 ul > li:nth-of-type(2) ol { margin: 0 0 0 130px; padding: 0; list-style: none; counter-reset: number; overflow: hidden;}
.sec04 ul > li:nth-of-type(2) ol > li { margin: 0 20px; padding: 0; list-style: none; font-size: 14px; float: left;}
.sec04 ul > li:nth-of-type(2) ol > li::before { counter-increment: number 1; content: counter(number, decimal); padding-right: 0.5em; color: #b5b5b6; font-size: 120%;}

.sec04 ul > li:nth-of-type(3) {}
.sec04 ul > li:nth-of-type(3) h3 { width: 130px; float: left;}
.sec04 ul > li:nth-of-type(3) p { margin: 0 0 0 130px; padding: 0; font-size: 14px;}

.sec04 ul > li:nth-of-type(4) {}
.sec04 ul > li:nth-of-type(4) h3 { margin: 0 0 10px;}
.sec04 ul > li:nth-of-type(4) ol { margin: 0 0 0 80px; padding: 0; list-style: none; counter-reset: number; overflow: hidden;}
.sec04 ul > li:nth-of-type(4) ol > li { margin: 0; padding: 0; list-style: none; font-size: 14px; float: left;}
.sec04 ul > li:nth-of-type(4) ol > li::before { counter-increment: number 1; content: counter(number, decimal); padding-right: 0.5em; width: 1.5em; display: inline-block; text-align: right;}
.sec04 ul > li:nth-of-type(4) ol > li:nth-child(2n+1) { width: 300px;}
.sec04 ul > li:nth-of-type(4) ol > li:nth-child(2n+2) { width: 330px;}

.sec04 ul > li:nth-of-type(5) { overflow: hidden;}
.sec04 ul > li:nth-of-type(5) h3 { margin: 0 0 10px;}
.sec04 ul > li:nth-of-type(5) ol { margin: 0 0 0 0; padding: 0; list-style: none; float: left;}
.sec04 ul > li:nth-of-type(5) ol > li { margin: 0; padding: 2px 0; list-style: none; font-size: 14px;}
.sec04 ul > li:nth-of-type(5) ol > li span { font-size: 85%;}
.sec04 ul > li:nth-of-type(5) ol > li::before { content: "●";}
.sec04 ul > li:nth-of-type(5) img { float: right;}





/*----------------------------------------------------

 sec05

----------------------------------------------------*/
.sec05 { padding: 50px 0 50px; margin: 0; background: #f5f5f6;}
.sec05 h2 { font-size: 24px; text-align: center; margin: 0 0 50px;}
.sec05 h2 span { display: block; font-size: 14px; color: #003894; margin: 0 0 10px; font-family: Arial, Helvetica, sans-serif;}
.sec05 ul { margin: 0 auto; padding: 0; list-style: none; display: flex; flex-wrap: wrap; justify-content: space-between;}
.sec05 ul li { margin: 0 0 40px; padding: 0 0 10px; width: 312px; border-bottom: solid 1px #000;}
.sec05 ul li:nth-of-type(1) { width: 100%; border-bottom: none; text-align: center;}
.sec05 ul li:nth-of-type(1) .box { display: inline-block; text-align: left;}
.sec05 ul li:nth-of-type(1) .box img { float: left; margin: 0 5px 0 0;}
.sec05 ul li:nth-of-type(1) .box .txt { float: left; margin: 0 0 0 0; padding: 0 0 0 20px;}

.sec05 ul li h3 { font-size: 21px; color: #003894; margin: 0 0 10px;}
.sec05 ul li p { font-size: 14px; margin: 0 0 15px;}
.sec05 ul li p.btn { font-size: 15px; margin: 0 0;}







/*----------------------------------------------------

 sec06

----------------------------------------------------*/
.sec06 { padding: 50px 0 50px; margin: 0;}
.sec06 h2 { width: 160px; padding: 0 0 0 160px; float: left; font-size: 21px; color: #003894;}
.sec06 ul { margin: 0 0 0 320px; padding: 0; list-style: none;}
.sec06 ul li { margin: 0 0 15px; padding: 0; list-style: none;}
.sec06 ul li h3 { font-weight: normal; font-size: 16px; padding: 0 0 0 7px; border-left: solid 10px #003894; line-height: normal;}
.sec06 ul li p { font-weight: normal; font-size: 10px;}












}

/*sp*/
@media only screen and (max-width: 599px) {

/*----------------------------------------------------

 header

----------------------------------------------------*/
.hedImg { width: 100%; height: 180px; margin: 0 auto 0; text-align: center; color: #eb6100; padding: 50px 0 0; box-sizing: border-box;}
.hedImg h2 { width: 100%; font-size: 30px; font-family:Arial, Helvetica, sans-serif;}
.hedImg p { width: 100%; font-size: 18px;}





/*----------------------------------------------------

 sec01

----------------------------------------------------*/
.sec01 { width: 94%; margin: auto;}

.msg { border-bottom: solid 1px #eb6100; border-top: solid 1px #eb6100; padding: 20px 0; text-align: center;}
.txt { padding: 20px 0;}


table { border-bottom: solid 1px #ccc;}
table th { border-top: solid 1px #ccc; padding: 20px 0; display:block; text-align:left;}
table td { border-top: solid 1px #ccc; padding: 20px 20px; display:block;}

table td > .adressBox { border-top: none; border-bottom: none;}
table td > .adressBox th { border-top: none; border-bottom: none; padding: 5px 0;}
table td > .adressBox td { border-top: none; border-bottom: none; padding: 5px 0;}
.txRed { color: #C00;}

input[type="text"] { background: #efefef; border: none; padding: 5px; line-height: 200%; width:80%;}
textarea { background: #efefef; border: none; padding: 5px; line-height: 200%; width:100%;}

.privacy { text-align: center; padding: 40px 0 20px;}
.btnConfirm { padding: 0 0 40px; text-align: center;}
.btnConfirm ul { text-align: center; list-style: none;}
.btnConfirm ul li { display: inline-block;}

.confirmBtn { background: #003894; border: none; padding: 10px 60px; border-radius: 50px; color: #FFF; font-size: 16px;}
.returnBtn { background: #003894; border: none; padding: 10px 60px; border-radius: 50px; color: #FFF; font-size: 16px;}
.sendBtn { background: #003894; border: none; padding: 10px 60px; border-radius: 50px; color: #FFF; font-size: 16px;}

.invalid { color: #C00;}

.msgTxt { text-align: center; margin: 10% 0 20%;}

#company-unit1,
#charge-name1,
#charge-kana1,
#address-num1,
#tel1,
#tel2,
#fax1,
#fax2{ margin-bottom:10px;}

#address-num2 { display: inline-block;}

#company-unit1,
#company-unit2,
#charge-name1,
#charge-name2,
#charge-kana1,
#charge-kana2,
#address-num1,
#address-num2 { width:30% !important;}

#tel1,
#tel2,
#tel3,
#fax1,
#fax2,
#fax3 { width:20% !important;}

/*----------------------------------------------------

 sec02

----------------------------------------------------*/






/*----------------------------------------------------

 sec03

----------------------------------------------------*/






/*----------------------------------------------------

 sec04

----------------------------------------------------*/
.sec04 { padding: 50px 0 50px; margin: 0;}
.sec04 h2 { font-size: 24px; text-align: center; margin: 0 0 50px;}
.sec04 h2 span { display: block; font-size: 14px; color: #003894; margin: 0 0 10px; font-family: Arial, Helvetica, sans-serif;}
.sec04 .txt { margin: 0 0 30px; text-align: center;}
.sec04 .txt p:nth-of-type(1) { font-size: 19px; color: #003894; margin: 0 0 10px; text-align: center;}
.sec04 .txt p:nth-of-type(2) { font-size: 14px; margin: 0 0 0; text-align: center;}

.sec04 ul { margin: 0 auto; padding: 0; list-style: none; width: 780px;}
.sec04 ul > li { margin: 0; padding: 30px 20px; border-top: solid 1px #003894;}
.sec04 ul > li h3 { font-size: 21px; color: #003894;}

.sec04 ul > li:nth-of-type(1) {}
.sec04 ul > li:nth-of-type(1) h3 { width: 130px; float: left;}
.sec04 ul > li:nth-of-type(1) ol { margin: 0 0 0 130px; padding: 0; list-style: none; counter-reset: number;}
.sec04 ul > li:nth-of-type(1) ol > li { margin: 0; padding: 0; list-style: none; font-size: 14px;}
.sec04 ul > li:nth-of-type(1) ol > li::before { counter-increment: number 1; content: counter(number, decimal); padding-right: 0.5em; color: #b5b5b6; font-size: 120%;}

.sec04 ul > li:nth-of-type(2) {}
.sec04 ul > li:nth-of-type(2) h3 { width: 130px; float: left;}
.sec04 ul > li:nth-of-type(2) ol { margin: 0 0 0 130px; padding: 0; list-style: none; counter-reset: number; overflow: hidden;}
.sec04 ul > li:nth-of-type(2) ol > li { margin: 0 20px; padding: 0; list-style: none; font-size: 14px; float: left;}
.sec04 ul > li:nth-of-type(2) ol > li::before { counter-increment: number 1; content: counter(number, decimal); padding-right: 0.5em; color: #b5b5b6; font-size: 120%;}

.sec04 ul > li:nth-of-type(3) {}
.sec04 ul > li:nth-of-type(3) h3 { width: 130px; float: left;}
.sec04 ul > li:nth-of-type(3) p { margin: 0 0 0 130px; padding: 0; font-size: 14px;}

.sec04 ul > li:nth-of-type(4) {}
.sec04 ul > li:nth-of-type(4) h3 { margin: 0 0 10px;}
.sec04 ul > li:nth-of-type(4) ol { margin: 0 0 0 80px; padding: 0; list-style: none; counter-reset: number; overflow: hidden;}
.sec04 ul > li:nth-of-type(4) ol > li { margin: 0; padding: 0; list-style: none; font-size: 14px; float: left;}
.sec04 ul > li:nth-of-type(4) ol > li::before { counter-increment: number 1; content: counter(number, decimal); padding-right: 0.5em; width: 1.5em; display: inline-block; text-align: right;}
.sec04 ul > li:nth-of-type(4) ol > li:nth-child(2n+1) { width: 300px;}
.sec04 ul > li:nth-of-type(4) ol > li:nth-child(2n+2) { width: 330px;}

.sec04 ul > li:nth-of-type(5) { overflow: hidden;}
.sec04 ul > li:nth-of-type(5) h3 { margin: 0 0 10px;}
.sec04 ul > li:nth-of-type(5) ol { margin: 0 0 0 0; padding: 0; list-style: none; float: left;}
.sec04 ul > li:nth-of-type(5) ol > li { margin: 0; padding: 2px 0; list-style: none; font-size: 14px;}
.sec04 ul > li:nth-of-type(5) ol > li span { font-size: 85%;}
.sec04 ul > li:nth-of-type(5) ol > li::before { content: "●";}
.sec04 ul > li:nth-of-type(5) img { float: right;}





/*----------------------------------------------------

 sec05

----------------------------------------------------*/
.sec05 { padding: 50px 0 50px; margin: 0; background: #f5f5f6;}
.sec05 h2 { font-size: 24px; text-align: center; margin: 0 0 50px;}
.sec05 h2 span { display: block; font-size: 14px; color: #003894; margin: 0 0 10px; font-family: Arial, Helvetica, sans-serif;}
.sec05 ul { margin: 0 auto; padding: 0; list-style: none; display: flex; flex-wrap: wrap; justify-content: space-between;}
.sec05 ul li { margin: 0 0 40px; padding: 0 0 10px; width: 312px; border-bottom: solid 1px #000;}
.sec05 ul li:nth-of-type(1) { width: 100%; border-bottom: none; text-align: center;}
.sec05 ul li:nth-of-type(1) .box { display: inline-block; text-align: left;}
.sec05 ul li:nth-of-type(1) .box img { float: left; margin: 0 5px 0 0;}
.sec05 ul li:nth-of-type(1) .box .txt { float: left; margin: 0 0 0 0; padding: 0 0 0 20px;}

.sec05 ul li h3 { font-size: 21px; color: #003894; margin: 0 0 10px;}
.sec05 ul li p { font-size: 14px; margin: 0 0 15px;}
.sec05 ul li p.btn { font-size: 15px; margin: 0 0;}







/*----------------------------------------------------

 sec06

----------------------------------------------------*/
.sec06 { padding: 50px 0 50px; margin: 0;}
.sec06 h2 { width: 160px; padding: 0 0 0 160px; float: left; font-size: 21px; color: #003894;}
.sec06 ul { margin: 0 0 0 320px; padding: 0; list-style: none;}
.sec06 ul li { margin: 0 0 15px; padding: 0; list-style: none;}
.sec06 ul li h3 { font-weight: normal; font-size: 16px; padding: 0 0 0 7px; border-left: solid 10px #003894; line-height: normal;}
.sec06 ul li p { font-weight: normal; font-size: 10px;}

	
	
}