@charset "utf-8";

/*=================================

	Header

================================ */
#headerArea {
	padding:20px 0 24px;
	position:relative;
}
#header {
	max-width:1100px;
	margin:0 auto;
	float:none;
}
#header .logo {
	padding:0;
}
#header .logo img {
	width:203px;
}


/*=================================

	Contents

================================ */
#contents {
	padding-top:0;
}
.mainContents {
	max-width:1060px;
	margin:0 auto;
	padding:50px 0 0;
}


/* section
-------------------------------- */
.section {
	margin:50px 0 0;
}
.section_margin20 {
	margin:20px 0 0;
}

/* column2
-------------------------------- */
.column2 .colLeft {
	float:left;
	margin-right:20px;
}
section > .column2 .colLeft {
	width: 9em;
}
.column2 .colLeft.type02 {
	margin-right:29px;
}
.colTx {
	overflow:hidden;
}

/* text
-------------------------------- */
.txOrange {
	color:#f47100;
}
.titTx01 {
	font-size: 19px;
	font-size: 1.9rem;
	text-indent:-1em;
	padding-left:1em;
}
.titTx01 span {
	color:#e66700;
}
.tel {
/*	font-weight:bold;*/
	font-size: 30px;
	font-size: 3.0rem;
}
.attentionTx {
	border:1px solid #f78e8e;
	background:#fdeded;
	color:#dc0000;
	padding:5px 10px;
/*	font-weight:bold;*/
}
.attentionTx02 {
	background:#dc0000;
	color:#ffffff;
	padding:1px 9px 0;
	font-size: 15px;
	font-size: 1.5rem;
	vertical-align:top;
}
.txS {
	font-size: 13px !important;
	font-size: 1.3rem !important;
}
.readTx {
	color:#f47100;
	border-top:2px solid #d6d6d6;
	margin-bottom:30px;
	padding-top:25px;
	font-size: 30px;
	font-size: 3.0rem;
	text-align:center;
}
.headingTx {
	color:#f47100;
	font-size: 17px;
	font-size: 1.7rem;
	margin-left:15px;
}
.orange.number a {
	color:#f47100;
}
.contactList{
	padding-left: 30px;
}

.contactList li{
	list-style: disc;
}

/* attentionArea
-------------------------------- */
.attentionArea {
	border-top:1px solid #d6d6d6;
	padding-top:20px;
}
.attentionArea .normalList01 li {
	background-position:0 0.4em;
	margin-top:15px;
}

/*=================================

	form

================================ */
.selectArea {
	padding:8px 5px;
	font-size: 15px;
	font-size: 1.5rem;
}
.textfield {
	padding:9px;
}
.text01 {
	width:70%;
	margin:10px 0 0 23px;
}
.text02 {
	border:none;
}
.textarea {
	width:100%;
}
input[type="checkbox"] {
	display: none;
}
input[type="checkbox"] + label {
	position: relative;
	padding-left: 25px;
}
input[type="checkbox"] + label:before {
	position: absolute;
	top: 0;
	left: 0px;
	content:"";
	width: 19px;
	height: 19px;
	display: block;
	background: url(/common/images/checkbox.jpg) no-repeat left top;
	-webkit-background-size: 19px 19px;
		 -moz-background-size: 19px 19px;
	     		background-size: 19px 19px;
}
input[type="checkbox"]:checked + label:before {
	background: url(/common/images/checkbox_on.jpg) no-repeat left top;
	-webkit-background-size: 19px 19px;
		 -moz-background-size: 19px 19px;
	     		background-size: 19px 19px;
}
.agreeCheck input[type="checkbox"] + label:before {
	top: 12px;
	left: 15px;
	background: url(/common/images/checkbox.jpg) no-repeat left top;
	-webkit-background-size: 19px 19px;
		 -moz-background-size: 19px 19px;
	     		background-size: 19px 19px;
}
.agreeCheck input[type="checkbox"]:checked + label:before {
	background: url(/common/images/checkbox_on.jpg) no-repeat left top;
	-webkit-background-size: 19px 19px;
		 -moz-background-size: 19px 19px;
	     		background-size: 19px 19px;
}
.checkboxList01 li {
	float:left;
	width:48%;
	margin:0 2% 10px 0;
}
.checkboxList01 li .checkbox {
	float:left;
	margin:5px 8px 0 0;
}
.checkboxList01 li label {
	position: relative;
	display:block;
	overflow:hidden;
}
.checkboxList02 li {
	margin:20px 0 0;
}
.checkboxList02 li:first-child {
	margin:0;
}
.radioList li {
	float:left;
	width:10%;
	margin-right:1%;
}
.bt01 {
	padding:3px 5px;
	margin:0 6px 0 10px;
}
.bt02 {
	padding:10px 40px 10px 67px;
	color:#333333;
	background:#FFF url(/common/images/com_ic068.svg) no-repeat 15px 50%;
	border:2px solid #d6d6d6;
	width:45%;
	font-size: 17px;
	font-size: 1.7rem;
	cursor:pointer;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック","MS PGothic", sans-serif;
	-webkit-transition: 1.0s;
	-moz-transition: 1.0s;
	-o-transition: 1.0s;
	-ms-transition: 1.0s;
	transition: 1.0s;
}
.bt02:hover {
	background:#f0f0f0 url(/common/images/com_ic068on.svg) no-repeat 15px 50%;
	color: #f47100;
}
.bt03 {
	padding:10px 40px 10px 67px;
	color:#FFF;
	background:#f47100 url(/common/images/com_ic070.svg) no-repeat 17px 50%;
	border:2px solid #f47100;
	width:45%;
	margin-left:8%;
	font-size: 17px;
	font-size: 1.7rem;
	cursor:pointer;
	text-align:center;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック","MS PGothic", sans-serif;
	-webkit-transition: background-color 0.3s ease 0s;
	-moz-transition: background-color 0.3s ease 0s;
	-o-transition: background-color 0.3s ease 0s;
	-ms-transition: background-color 0.3s ease 0s;
	transition: background-color 0.3s ease 0s;
}
.bt03:hover {
	background:#fff url(/common/images/com_ic070on.svg) no-repeat 17px 50%;
	text-decoration:none;
	color:#f47100;
}
.bt03.type02 {
	display: block;
	width:100%;
	margin:0;
	border:2px solid #f47100;
	color:#ffffff;
	-webkit-box-sizing: border-box;
		 -moz-box-sizing: border-box;
			-ms-box-sizing: border-box;
			 -o-box-sizing: border-box;
					box-sizing: border-box;
}
.bt03.type02:hover {
	color:#f47100;
}
.btArea {
	max-width:750px;
	margin:65px auto 0;
}
.btArea.type02 {
	max-width:540px;
	margin:30px auto 0;
}
.file-box {
	border-top: 1px solid #abadb3;
	border-left: 1px solid #e2e3ea;
	border-right: 1px solid #dbdfe6;
	border-bottom: 1px solid #e3e9ef;
	padding: 1px 3px;
	width:50%;
}
.agreeCheck {
	width:160px;
	margin:40px auto 0;
	position:relative;
}
.agreeCheck label {
	display:block;
	padding:9px 25px 9px 35px;
	border:2px solid #d6d6d6;
	background:#FFF;
	text-align:center;
}
.agreeCheck input {
	position:absolute;
	top:15px;
	left:15px;
}
/*.blurTx {
	color:#999999;
}
.focus {
	color:#333;
}*/


/*=================================

	accordionBox

================================ */
.accordionBox02 .switch {
	display: none;
	max-width: 350px;
	margin:30px auto 0;
	text-align:center;
	padding: 15px 5px;
	background-color: #f0f0f0;
	border:2px solid #d6d6d6;
	cursor: pointer;
	text-align: center;
	background-image:url(/common/images/com_ic023.svg);
	background-repeat:no-repeat;
	background-position:9px 50%;
	font-size: 18px;
	font-size: 1.8rem;
}
.accordionBox02 .on {
	background-image:url(/common/images/com_ic024.svg);
}


/*=================================

	personal

================================ */
.personal {
	background:#f0f0f0;
	padding:40px;
	margin-top:60px;
}
.personal .titTx {
	font-size: 25px;
	font-size: 2.5rem;
	text-align:center;
	margin-bottom:15px;
}
.personal .txArea {
	background:#ffffff;
	padding:20px;
	margin-top:15px;
	overflow:auto;
	height:150px;
}
.personal .titTx02 {
	font-size: 20px;
	font-size: 2.0rem;
}
.personal .txArea .box03 {
	margin-top:30px;
	padding:30px 0;
	background-color: inherit;
}
.personal .txArea .box03 .titTx {
	font-size: 22px;
	font-size: 2.2rem;
}
.personal .txArea {
	font-size: 14px;
	font-size: 1.4rem;
}
	
.personal .txArea .numList03 dt {
	background-color: inherit;
	font-size: 16px;
	font-size: 1.6rem;
}

/* btn
-------------------------------- */
.linkBtL.type02 {
	max-width:420px;
	margin:40px auto 0;
}
.linkBtL.type02 a {
	font-size: 23px;
	font-size: 2.3rem;
}


/*=================================

	box

================================ */
.box03.formType {
	box-shadow:none;
}
.box03.formType .inner {
	max-width:780px;
}
.box03.formType .tel {
	color:#333;
}
.box03.formType .number {
	color:#e66700;
}
.box03.formType .tx01 {
	color:#333;
	font-size: 14px;
	font-size: 1.4rem;
	margin:0 12px 0 58px;
}


/*=================================

	Footer

================================ */
#footer {
	border-top:1px solid #d6d6d6;
}


/*=================================

	width

================================ */
.postcode01 {
	width:4%;
}
.postcode02 {
	width:7.6%;
}
.w5 {
	width:5%;
}
.w7 {
	width:7%;
}
.w8{
	width:8%;
}
.w10 {
	width:10%;
}
.w15 {
	width:15%;
}
.w20 {
	width:20%;
}
.w30 {
	width:30%;
}
.w35 {
	width:35%;
}
.w50 {
	width:50%;
}
.w60 {
	width:60%;
}
.w80 {
	width:80%;
}
.w100 {
	width:100%;
}


/* ～1440px For PC
================================ */
@media only screen and (max-width: 1440px) {

#contents{
	padding:0;
}

}
/* ～1280px For PC
================================ */
@media only screen and (max-width: 1280px) {
	
.mainContents {
	margin:0 auto 30px;
}
	
}

/* ～1280px For PC
================================ */
@media only screen and (max-width: 1160px) {
	
#header {
	margin-left:30px;
}
.mainContents {
	margin:0 30px 30px;
}
	
}



/* ～768px For tablet
================================ */
@media only screen and (max-width: 768px) {

.bt02,
.bt02:hover {
	background:#FFF url(/common/images/com_ic068.svg) no-repeat 15px 50%;
	color:#333333;
	transition: none;
}
.bt03,
.bt03:hover {
	background:#f47100 url(/common/images/com_ic070.svg) no-repeat 17px 50%;
	text-decoration:none;
	color:#FFF;
	transition: none;
}
.bt03.type02,
.bt03.type02:hover {
	color:#ffffff;
	transition: none;
}
	
}



/* ～640px For smt
================================ */
@media only screen and (max-width: 640px) {
#header {
	margin:0;
}
.mainContents {
	padding:10px 0 0 !important;
}
.readTx {
	font-size: 22px;
	font-size: 2.2rem;
	line-height:1.5;
}
.tel {
	display:inline-block;
	font-size: 22px;
	font-size: 2.2rem;
}
.radioList li {
	width:20%;
}
.txS {
	display:block;
}
.file-box {
	width:90%;
}
.headingTx {
	display:inline-block;
	margin:0;
}
.heading04 {
	background-position:0 0.5em;
}
.personal {
	margin-top:20px;
	padding:20px;
}
.linkBtL.type02 a {
	font-size: 19px;
	font-size: 1.9rem;
	padding-left:33px;
	text-align:left;
}
.btArea {
	margin-top:7%;
}
.checkboxList01 li {
	float: none;
	width:100%;
}
.bt01 {
	margin-top:5px;
}
.personal .titTx {
	font-size: 22px;
	font-size: 2.2rem;
}

.selectArea{
	width: 90%;
}

/*=================================

	toPageTop

================================ */
.toPageTop.en a:after { 
	content:"Top of Page";
}

/*=================================

	Footer

================================ */
#footer {
	margin-top:30px !important;
}




/*=================================

	width

================================ */
.postcode01 {
	width:10%;
}
.postcode02 {
	width:16%;
}
.w5 {
	width:10%;
}
.w7 {
	width:14%;
}
.w8{
	width:16%;
}
.w15 {
	width:30%;
}
.w30 {
	width:60%;
}
.w50 {
	width:90%;
}
.column2 .w35 {
	width:45%;
}
	
}

/* ～320px For smt
================================ */
@media only screen and (max-width: 320px) {

.column2 .w35 {
	width:100%;
}

}



/*=================================

	clearfix

=================================*/
.column2:after,
.checkboxList01:after,
.checkboxList01 li:after,
.radioList:after,
#footer #footerContents:after {
	content: "";
	display: block;
	clear: both;
}

.column2,
.checkboxList01,
.checkboxList01 li,
.radioList,
#footer #footerContents {
	zoom: 1;
}