@charset "UTF-8";

/*** application-form ***/

/* カテゴリタイトル(基本設定：common.css) */
@media only screen and (max-width: 767px) {
.tree #category-head-frame {
	background: url(../application-form/images/sp/category-head.jpg) no-repeat center bottom;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
}
.tree #category-head-group h1 {
	background: url(../application-form/images/head.png) no-repeat center;
	height: 40px;
	background-size: contain;
	-webkit-background-size: contain;
	-moz-background-size: contain;
}
}
@media print, screen and (min-width: 768px) {
.tree #category-head-frame {
	background: url(../application-form/images/pc/category-head.jpg) no-repeat center;
}
.tree #category-head-group h1 {
	background: url(../application-form/images/head.png) no-repeat 0 0;
	width: 197px;
	height: 49px;
	background-size: contain;
	-webkit-background-size: contain;
	-moz-background-size: contain;
}
}

/* カテゴリキャッチ(基本設定：common.css) */
@media only screen and (max-width: 767px) {
.tree #category-catch-group { /* 画像幅/600(%) */
	width: 86.833%;
}
.tree #category-catch-group h2 {
	background: url(../application-form/images/sp/catch.png) no-repeat center;
	padding: 32.438% 0 0;
	background-size: contain;
	-webkit-background-size: contain;
	-moz-background-size: contain;
}
}
@media print, screen and (min-width: 768px) {
.tree #category-catch-group h2 {
	background: url(../application-form/images/pc/catch.png) no-repeat 0 0;
	width: 937px;
	height: 66px;
}
}


/* コンテンツ設定 */

#application-form-index #tel-box h3 {
	padding: 0;
	margin: 0;
}
#application-form-index #tel-box img {
	width: 100%;
	height: auto;
	vertical-align: middle;
}

@media only screen and (max-width: 767px) {
#application-form-index #tel-box {
	width: 100%;
	background: #f0ece2;
	padding: 13.6% 0;
}
#application-form-index #tel-box-inner {
	width: 94%;
	margin: 0 auto;
}
#application-form-index #tel-box h2 {
	display: block;
	background: url(../inquiry-form/images/head-tel.png) no-repeat center top;
	font-size: 0;
	line-height: 0;
	text-indent: -9999px;
	padding: 5.616% 0 0;
	background-size: 92% auto;
	-webkit-background-size: 92% auto;
	-moz-background-size: 92% auto;
	margin: 0 auto 9.6%;
}

#application-form-index .dealer-box {
	margin: 0 0 7.2%;
}
#application-form-index .dealer-box:last-child {
	margin: 0;
}
#application-form-index .dealer-detail-box {
	background: #fff;
	padding: 8.4% 3.6% 5.4%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
#application-form-index .dealer-detail-box .area {
	padding: 0 0 2.8%;
}
#application-form-index .dealer-detail-box .area p {
	font-size: 1.3em;
	text-align: center;
}

#application-form-index .dealer-detail-box h3#toshin {
	width: 44%;
	padding: 0 0 3.6%;
	margin: 0 auto;
}
#application-form-index .dealer-detail-box h3#bluebox {
	width: 56.167%;
	padding: 0 0 3.6%;
	margin: 0 auto;
}

#application-form-index .dealer-detail-box .inquiry {
	padding: 3.6% 0 0;
}
#application-form-index .dealer-detail-box .inquiry #tel-detail {
	text-align: center;
}
#application-form-index .dealer-detail-box .inquiry #tel-detail p.tel {
	font-size: 1.3em;
	line-height: 1.0em;
	font-weight: bold;
	color: #556fb5;
}
#application-form-index .dealer-detail-box .inquiry #tel-detail p.tel img {
	width: 48px;
	height: auto;
	vertical-align: top;
	margin: -2px 0 0;
}
#application-form-index .dealer-detail-box .inquiry #tel-detail p.tel span a {
	color: #556fb5;
	text-decoration: none;
}
#application-form-index .dealer-detail-box .inquiry #tel-detail p.time span {
	font-size: 0.9em;
}


#application-form-index #mailform-box {
	width: 100%;
	background: #fff;
	padding: 13.6% 0 7.2%;
}
#application-form-index #mailform-box-inner {
	width: 94%;
	margin: 0 auto;
}
#application-form-index #mailform-box h2 {
	display: block;
	background: url(../inquiry-form/images/head-mail.png) no-repeat center top;
	font-size: 0;
	line-height: 0;
	text-indent: -9999px;
	padding: 5.616% 0 0;
	background-size: 92% auto;
	-webkit-background-size: 92% auto;
	-moz-background-size: 92% auto;
	margin: 0 auto 9.6%;
}

#application-form-index #mailform-box .attention,
#application-form-index #mailform-box .send_check {
	width: 100%;
	background: #eef3f9;
	line-height: 1.5em;
	text-align: center;
	padding: 6.4% 5.4%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0 auto 6.4%;
}
#application-form-index #mailform-box .attention span,
#application-form-index #mailform-box .send_check span {
	color: #922535;
}

#application-form-index #mailform-box table.mailform tr,
#application-form-index #mailform-box div#mfp_phase_confirm .mfp_color {
	background-color: transparent !important;
}
#application-form-index #mailform-box table.mailform tr:hover {
	background-color: #eef3f9 !important;
}
#application-form-index #mailform-box table th,
#application-form-index #mailform-box table td {
}
#application-form-index #mailform-box table th {
	padding: 6.4% 2.4% 3.6% 2.4%;
}
#application-form-index #mailform-box div#mfp_phase_confirm tr th {
	font-size: 1.0em;
	padding: 3.6% 2.4% 0 2.4%;
}
#application-form-index #mailform-box table th img.must {
	width: 56px;
	height: auto;
	vertical-align: top;
	margin: -2px 0.8em 0 0;
}
#application-form-index #mailform-box table td {
	padding: 0 2.4% 6.4% 2.4%;
}
#application-form-index #mailform-box div#mfp_phase_confirm tr td {
	font-size: 1.0em;
	padding: 0 2.4% 0 2.4%;
}
#application-form-index #mailform-box table.mailform label {
	text-decoration: none;
}
#application-form-index #mailform-box table.mailform li {
	margin-top: 0.6em;
}
#application-form-index #mailform-box table.mailform tr#adress td span {
	margin: 0 0 0.6em;
}
#application-form-index #mailform-box table.mailform tr#adress li {
	margin: 0 0 1.0em;
}

#application-form-index #mailform-box table.mailform #material td {
	padding-bottom: 2.3%;
}
#application-form-index #mailform-box table.mailform #material ul {
	overflow: hidden;
	position: relative;
	zoom:1;
	width: 100%;
}
#application-form-index #mailform-box table.mailform #material li {
	padding: 0 1.0em 0 0;
	margin-top: 0;
}

#application-form-index #mailform-box div.mfp_buttons ul {
	overflow: hidden;
	position: relative;
	zoom: 1;
	width: 100%;
}
#application-form-index #mailform-box div.mfp_buttons ul li:nth-child(odd) {
	float: left;
	width: 48.6%;
}
#application-form-index #mailform-box div.mfp_buttons ul li:nth-child(even) {
	float: right;
	width: 48.6%;
}
#application-form-index #mailform-box div.mfp_buttons input[type="button"] {
	border: none;
	margin: 0;
	padding: 0;
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-moz-box-shadow: 0;
	-webkit-box-shadow: 0;
}

#application-form-index #mailform-box div.mfp_buttons #reset {
	display: block;
	width: 100%;
	background: url(../inquiry-form/images/btn-reset.png) no-repeat 0 0;
	font-size: 0;
	line-height: 0;
	text-indent: -9999px;
	padding: 24.138% 0 0;
	background-size: contain;
	-webkit-background-size: contain;
	-moz-background-size: contain;
}
#application-form-index #mailform-box div.mfp_buttons #confirm {
	display: block;
	width: 100%;
	background: url(../inquiry-form/images/btn-confirm.png) no-repeat 0 0;
	font-size: 0;
	line-height: 0;
	text-indent: -9999px;
	padding: 24.138% 0 0;
	background-size: contain;
	-webkit-background-size: contain;
	-moz-background-size: contain;
}
#application-form-index #mailform-box div.mfp_buttons #back {
	display: block;
	width: 100%;
	background: url(../inquiry-form/images/btn-back.png) no-repeat 0 0;
	font-size: 0;
	line-height: 0;
	text-indent: -9999px;
	padding: 24.138% 0 0;
	background-size: contain;
	-webkit-background-size: contain;
	-moz-background-size: contain;

}
#application-form-index #mailform-box div.mfp_buttons #send {
	display: block;
	width: 100%;
	background: url(../inquiry-form/images/btn-send.png) no-repeat 0 0;
	font-size: 0;
	line-height: 0;
	text-indent: -9999px;
	padding: 24.138% 0 0;
	background-size: contain;
	-webkit-background-size: contain;
	-moz-background-size: contain;

}

#application-form-index #policy {
	text-align: center;
	padding: 0 0 7.2%;
}

#application-form-index #caution {
	width: 94%;
	text-align: left;
	padding: 0 0 15.6%;
	margin: 0 auto;
}

#application-form-index #thanks-box {
	width: 94%;
	padding: 9.6% 0 15.6%;
	margin: 0 auto;
}
#application-form-index #thanks-box p {
	font-size: 1.4em;
	font-weight: bold;
	text-align: center;
}
}


@media print, screen and (min-width: 768px) {
#application-form-index #tel-box {
	width: 100%;
	background: #f0ece2;
	padding: 96px 0 102px;
}
#application-form-index #tel-box-inner {
	width: 940px;
	margin: 0 auto;
}
#application-form-index #tel-box h2 {
	display: block;
	background: url(../inquiry-form/images/head-tel.png) no-repeat 0 0;
	font-size: 0;
	line-height: 0;
	text-indent: -9999px;
	text-decoration: none;
	width: 442px;
	height: 25px;
	background-size: contain;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	margin: 0 auto 60px;
}

#application-form-index .dealer-group {
	overflow: hidden;
	position: relative;
	zoom: 1;
	width: 940px;
	margin: 0 auto;
}
#application-form-index .dealer-group-inner {
}
#application-form-index .dealer-box:nth-child(odd) {
	float: left;
	width: 455px;
}
#application-form-index .dealer-box:nth-child(even) {
	float: right;
	width: 455px;
}

#application-form-index .dealer-detail-box {
	background: #fff;
	padding: 36px 24px 24px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

#application-form-index .dealer-detail-box .area {
	padding: 0 0 32px;
}
#application-form-index .dealer-detail-box .area p {
	font-size: 24px;
	text-align: center;
	margin: 0 auto;
}

#application-form-index .dealer-detail-box h3#toshin {
	width: 166px;
	height: 32px;
	padding: 6px 0 30px;
	margin: 0 auto;
}
#application-form-index .dealer-detail-box h3#bluebox {
	width: 195px;
	height: 50px;
	padding: 0 0 18px;
	margin: 0 auto;
}

#application-form-index .dealer-detail-box .inquiry {
	padding: 32px 0 0;
}
#application-form-index .dealer-detail-box .inquiry #tel-detail {
	text-align: center;
}
#application-form-index .dealer-detail-box .inquiry #tel-detail p.tel {
	margin: 0 0 16px;
}
#application-form-index .dealer-detail-box .inquiry #tel-detail p.tel span {
	font-size: 32px;
	line-height: 1.0em;
	font-weight: bold;
	color: #556fb5;
}
#application-form-index .dealer-detail-box .inquiry #tel-detail p.tel span a {
	color: #556fb5;
	text-decoration: none;
}
#application-form-index .dealer-detail-box .inquiry #tel-detail p.tel img {
	width: 50px;
	height: auto;
	vertical-align: top;
	padding: 0;
}
#application-form-index .dealer-detail-box .inquiry #tel-detail p.time span {
	font-size: 18px;
}


#application-form-index #mailform-box {
	width: 100%;
	background: #fff;
	padding: 126px 0 50px;
}
#application-form-index #mailform-box-inner {
	width: 940px;
	margin: 0 auto;
}
#application-form-index #mailform-box h2 {
	display: block;
	background: url(../inquiry-form/images/head-mail.png) no-repeat 0 0;
	font-size: 0;
	line-height: 0;
	text-indent: -9999px;
	text-decoration: none;
	width: 442px;
	height: 25px;
	background-size: contain;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	margin: 0 auto 68px;
}

#application-form-index #mailform-box .attention,
#application-form-index #mailform-box .send_check {
	width: 100%;
	background: #eef3f9;
	font-size: 16px;
	line-height: 1.4em;
	text-align: center;
	padding: 32px 10px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0 auto 50px;
}
#application-form-index #mailform-box .attention span,
#application-form-index #mailform-box .send_check span {
	color: #922535;
}

#application-form-index #mailform-box table.mailform {
	margin: 0;
}
#application-form-index #mailform-box table.mailform tr,
#application-form-index #mailform-box div#mfp_phase_confirm .mfp_color {
	background-color: transparent !important;
}
#application-form-index #mailform-box table.mailform tr:hover {
	background-color: #eef3f9 !important;
}
#application-form-index #mailform-box table.mailform tr th {
	font-size: 16px;
	line-height: 1.4em;
	font-weight: normal;
	padding: 24px 40px 24px 30px;
	border-bottom: solid 1px #CCCCCC;
	vertical-align: middle;
	text-align: right;
	width: 210px;
}
#application-form-index #mailform-box table.mailform tr td {
	font-size: 16px;
	line-height: 1.4em;
	font-weight: normal;
	padding: 24px 30px 24px 0;
	border-bottom: solid 1px #CCCCCC;
	vertical-align: middle;
}
#application-form-index #mailform-box div#mfp_phase_confirm tr th {
	font-size: 16px;
	line-height: 1.4em;
	font-weight: normal;
	padding: 6px 40px 6px 30px;
	border-bottom: solid 1px #CCCCCC;
	vertical-align: middle;
	text-align: right;
	width: 210px;
}
#application-form-index #mailform-box div#mfp_phase_confirm tr td {
	font-size: 16px;
	line-height: 1.4em;
	font-weight: normal;
	padding: 6px 30px 6px 0;
	border-bottom: solid 1px #CCCCCC;
	vertical-align: middle;
}
#application-form-index #mailform-box table.mailform tr th img.must {
	width: 60px;
	height: 24px;
	float: left;
	margin: 0;
}
#application-form-index #mailform-box table.mailform label {
	text-decoration: none;
}
#application-form-index #mailform-box table.mailform #material li {
	padding: 0 32px 0 0;
}
#application-form-index #mailform-box table.mailform input[type=radio],
#application-form-index #mailform-box table.mailform input[type=checkbox] {
	transform-origin: right top;
	transform: scale( 1.2 , 1.2 );
	-webkit-transform-origin: right top;
	-webkit-transform: scale( 1.2 , 1.2 );
	-moz-transform-origin: right top;
	-moz-transform: scale( 1.2 , 1.2 );
}
#application-form-index #mailform-box table.mailform tr#adress li {
	margin: 0 0 0.8em;
}
#application-form-index #mailform-box table.mailform tr#adress select {
    width: 300px !important;
}
#application-form-index #mailform-box table.mailform tr#adress td span {
	display: inline-block;
	width: 4em;
	margin: 0 0.6em;
}

#application-form-index #mailform-box div.mfp_buttons ul {
	overflow: hidden;
	position: relative;
	zoom: 1;
	width: 520px;
}
#application-form-index #mailform-box div.mfp_buttons ul li:nth-child(odd) {
	float: left;
	width: 224px;
}
#application-form-index #mailform-box div.mfp_buttons ul li:nth-child(even) {
	float: right;
	width: 224px;
}
#application-form-index #mailform-box div.mfp_buttons input[type="button"] {
	border: none;
	margin: 0;
	padding: 0;
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-moz-box-shadow: 0;
	-webkit-box-shadow: 0;
}

#application-form-index #mailform-box div.mfp_buttons #reset {
	display: block;
	background: url(../inquiry-form/images/btn-reset.png) no-repeat 0 0;
	background-size: contain;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	font-size: 0;
	line-height: 0;
	text-indent: -9999px;
	text-decoration: none;
	width: 224px;
	height: 54px;
}
#application-form-index #mailform-box div.mfp_buttons #confirm {
	display: block;
	background: url(../inquiry-form/images/btn-confirm.png) no-repeat 0 0;
	background-size: contain;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	font-size: 0;
	line-height: 0;
	text-indent: -9999px;
	text-decoration: none;
	width: 224px;
	height: 54px;
}
#application-form-index #mailform-box div.mfp_buttons #back {
	display: block;
	background: url(../inquiry-form/images/btn-back.png) no-repeat 0 0;
	background-size: contain;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	font-size: 0;
	line-height: 0;
	text-indent: -9999px;
	text-decoration: none;
	width: 224px;
	height: 54px;
}
#application-form-index #mailform-box div.mfp_buttons #send {
	display: block;
	background: url(../inquiry-form/images/btn-send.png) no-repeat 0 0;
	background-size: contain;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	font-size: 0;
	line-height: 0;
	text-indent: -9999px;
	text-decoration: none;
	width: 224px;
	height: 54px;
}
input[type="button"] {  
	-webkit-transition: 0.3s;
	transition: 0.3s;
	backface-visibility: hidden; 
	-webkit-backface-visibility: hidden;
}
input[type="button"]:hover {  
	opacity: 0.7;
	filter: alpha(opacity=7);
}


#application-form-index #policy {
	font-size: 16px;
	text-align: center;
	padding: 36px 0 72px;
}

#application-form-index #caution {
	width: 940px;
	font-size: 16px;
	text-align: left;
	padding: 0 0 120px;
	margin: 0 auto;
}

#application-form-index #mfp_phase_confirm table th,
#application-form-index #mfp_phase_confirm table td {
	font-size: 14px;
	line-height: 1.2em;
}

#application-form-index #thanks-box {
	width: 940px;
	padding: 72px 0 156px;
	margin: 0 auto;
}
#application-form-index #thanks-box p {
	font-size: 18px;
	font-weight: bold;
	text-align: center;
}
}