@charset "utf-8";
#contact .container {
	font: 1.4rem/1.4 '游ゴシック体', 'Yu Gothic', 'メイリオ', Meiryo, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', YuGothic, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	line-height: 2.4rem;
}
#contact #sec01 {
	background-image: url(../../images/contact/bg_contact_01.jpg);
}
#contact .stepbar {
}
#contact .stepbar ul {
	letter-spacing: -0.4em;
}
#contact .stepbar ul > li {
	width: 33.333%;
	letter-spacing: normal;
	text-align: center;
	font-size: 1.4rem;
	display: inline-block;
	color: #FFFFFF;
}
#contact .stepbar ul > li span {
	display: block;
	background-color: #c5c5c5;
}
#contact .stepbar ul >li.on span {
	background-color: #2eb2c5;
}
#contact .stepbar li:nth-child(3n) span {
	margin-right: 0px;
}
#contact #sec01 .lead {
	text-align: left;
}
#contact .container .txtbox {
	border-bottom: 1px solid #d8d9da;
}
#contact .container .txtbox .listDot {
	list-style: disc;
	margin-left: 1.5rem;
}
#contact .container .txtTel {
	font: 3.2rem '游ゴシック体', 'Yu Gothic', 'メイリオ', Meiryo, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', YuGothic, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	margin-top: 0px;
}
#contact .container .txtTel span {
	font-size: 1.4rem;
}
#contact .outer {
	background-color: #FFFFFF;
}
.tblForm {
	background-color: #FFFFFF;
}
#contact table {
	border-collapse: collapse;
	border-spacing: 0px 0px;
	width: 100%;
}

.tblForm th {
	text-align: left;
	font-size: 1.4rem;
}
/*.tblForm th .icon1 {
	position: absolute;
	padding: 5px 15px;
	font-size: 1.3rem;
	background-color: #d54545;
	color: #FFFFFF;
	right: 0px;
	top: 50%;
	margin-top: -15px;
}
.tblForm th .icon2 {
	padding: 5px 15px;
	position: absolute;
	right: 0px;
	font-size: 1.3rem;
	color: #FFFFFF;
	background-color: #36c1d3;
	top: 50%;
	margin-top: -15px;
}*/
.tblForm th .icon1, .tblForm th .icon2 {
	position: absolute;
	padding: 1px 15px;
	font-size: 1.3rem;
	color: #FFFFFF;
	right: 0px;
	top: 0;
	font-weight: normal;
}
.tblForm th .icon1 {
	background-color: #d54545;
}
.tblForm th .icon2 {
	background-color: #36c1d3;
}
.tblForm th .position {
	position: relative;
}
.tblForm td {
	border-bottom: 1px solid #c4d5da;
}
.tblForm td > ul > li {
	display: inline-block;
}
.tblForm td input[type=text] {
	border-radius: 5px;
	background-color: #f5f5f5;
	border: 1px solid #d0d0d0;
}
.tblForm .txtForm {
	margin: 0 0 5px;
	font-weight: bold;
}
.tblForm ul + .txtForm {
	margin-top: 20px;
}
.tblForm .boxForm {
}
.tblForm .listForm li .other {
	display: block;
}
#contact #sec01 .container .arrow.btn {
	background-color: #d54545;
}
#contact #sec01 .container .arrow.btn a {
	border: none;
	color: #FFFFFF;
	padding: 15px 0;
	font-family: "游明朝", "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}
#contact .tblForm .btnconfirm {
	display: flex;
}
#contact #sec01 .container .arrow.btn.back {
	background-color: #c0bebe;
}
#contact .titleForm {
	color: #12566c;
	text-align: center;
	font-family: "游明朝", "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}
#contact .title {
	color: #12566c;
	font: 2rem "游明朝", "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}
#contact .txtcontact {
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
#contact #sec01 .container .arrow.btn a {
	padding-top: 17px;
	padding-bottom: 13px;
}
.tblForm th .icon1 {
	padding: 7px 15px 3px;
}
.tblForm th .icon2 {
	padding: 7px 15px 3px;
}
.tblForm tr {
	display: -ms-inline-flexbox;
}
}
/*====================================================================================

■confirm

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

#contact .btnconfirm {
	margin-left: auto;
	margin-right: auto;
}
/*====================================================================================

■complete

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

#contact .container .toplink {
	text-align: center;
}
#contact .container .toplink a {
	color: #0d5ea2;
}
#contact #sec01 .lead .container {
	margin: 0 auto;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

pcSetting

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

@media screen and (min-width: 768px), print {
#contact {
}
#contact #sec01 {
	padding-bottom: 85px;
}
#contact .stepbar {
	padding-top: 85px;
	margin-bottom: 85px;
}
#contact .stepbar ul > li {
}
#contact .stepbar ul > li span {
	padding: 20px 0;
	margin-right: 10px;
}
#contact .stepbar ul >li.on {
}
#contact #sec01 .lead {
	margin-bottom: 60px;
}
#contact .container .txtbox {
	padding-bottom: 25px;
	margin-bottom: 30px;
}
#contact .container .listbox {
	display: flex;
}
#contact .container .listDot {
	flex-basis: 50%;
}
#contact .container .txtTel {
}
#contact .container .txtTel span {
	padding-left: 15px;
}
#contact .outer {
	padding: 50px 60px 70px;
}
.tblForm {
	width: 1000px;
}
.tblForm th {
	border-bottom: 1px solid #c4d5da;
	/*height: 80px;*/
	width: 250px;
	vertical-align: top;
	padding: 25px 0;
}
.tblForm th .icon1 {
}
.tblForm th .icon2 {
}
.tblForm th .position {
}
.tblForm td {
	width: 550px;
	padding: 25px 0px 25px 15px;
	vertical-align: top;
}

.tblForm td > ul > li {
	width: 49%;
}
.tblForm td input[type=text] {
	width: 630px;
	padding: 15px 0 15px 10px;
}
.tblForm .txtForm {
}
.tblForm .listForm {
	display: flex;
	width: 100%;
	line-height: 2.6rem;
}
.tblForm .listForm li {
	flex-basis: 33.333%;
}
#contact #sec01 .container .arrow.btn {
	margin: 35px auto 0px;
	width: 265px;
}
#contact #sec01 .container .arrow.btn a {
}
#contact .tblForm .btnconfirm {
}
#contact #sec01 .container .arrow.btn.back {
	flex-basis: 265px;
	margin-right: 50px;
}
#contact .titleForm {
	font-size: 3.5rem;
	margin-bottom: 25px;
	margin-top: 90px;
}
#contact .title {
	padding-top: 30px;
}
#contact .txtcontact {
	padding-top: 50px;
}
/*====================================================================================

■confirm

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

#contact .btnconfirm {
	width: 580px;
}
/*====================================================================================

■complete

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

#contact .container .toplink {
}
#contact .container .toplink a {
}
#contact #sec01 .lead .container {
	width: 540px;
}
#contents .lead p + p {
	margin-top: 30px;
}
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
#contact .stepbar ul > li span {
	padding: 22px 0 18px;
}
.tblForm td {
	width: 630px;
	padding: 30px 0px 15px 10px;
}
.tblForm td textarea {
	width: 630px;
	padding: 15px 0px 15px 10px;
}
}
@supports (-ms-ime-align: auto) {
.tblForm td textarea {
 width: 630px;
 padding: 15px 0px 15px 10px;
}
}

/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

spSetting

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
@media screen and (max-width: 767px) {
#contact {
}
#contact #sec01 {
	padding-bottom: 30px;
}
#contact .stepbar {
	padding-top: 30px;
	margin-bottom: 30px;
}
#contact .stepbar ul > li {
	font-size: 1.1rem;
}
#contact .stepbar ul > li span {
	padding: 15px 0;
	margin-right: 5px;
}
#contact .stepbar ul >li.on {
}
#contact .stepbar li:nth-child(3n) {
	margin-right: 0px;
}
#contact #sec01 .lead {
}
#contact .container .txtbox {
	padding-bottom: 15px;
	margin-bottom: 15px;
}
#contact .container .txtbox .listDot {
}
#contact .container .txtTel {
	font-size: 1.4rem;
}
#contact .container .txtTel span {
	margin-left: 15px;
}
#contact .outer {
	padding: 15px 6%;
}
.tblForm {
	width: auto;
}
.tblForm th {
	display: block;
	border-bottom: none;
}
.tblForm th .icon1 {
}
.tblForm th .icon2 {
}
.tblForm th .position {
}
.tblForm td {
	display: block;
	padding: 15px 0px;
	margin-bottom: 15px;
}
.tblForm td textarea {
	width: 100%;
}
.tblForm td > ul > li {
	display: block;
}
.tblForm td input[type=text] {
	padding: 15px 0;
	width: 97%;
	font-size: 1.1rem;
	padding-left: 3%;
}
.tblForm .txtForm {
}
.tblForm .listForm {
}
.tblForm .listForm li {
}
#contact #sec01 .container .arrow.btn {
	text-align: center;
}
#contact #sec01 .container .arrow.btn a {
	font-size: 1.1rem;
}
#contact .tblForm .btnconfirm {
}
#contact #sec01 .container .arrow.btn.back {
	width: 48%;
	margin-right: 5px;
}
#contact #sec01 .container .arrow.btn.next {
	width: 48%;
}
#contact .titleForm {
	font-size: 2.5rem;
	margin-bottom: 30px;
	margin-top: 30px;
}
#contact .title {
	padding-top: 30px;
	padding-bottom: 10px;
}
#contact .txtcontact {
	padding-top: 30px;
}
table, tbody, tr {
	display: block
}
/*====================================================================================

■confirm

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

#contact .btnconfirm {
}
/*====================================================================================

■complete

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

#contact .container .toplink {
}
#contact .container .toplink a {
}
#contact #sec01 .lead .container {
	width: auto
}
#contents .lead p + p {
	margin-top: 15px;
}
}