﻿@charset "utf-8";
@import url(reset.css);
@import url(base.css);
@import url(common.css);

/*-------------------------------------------------------------------
	.contact_tel
-------------------------------------------------------------------*/
#content .contact_tel {
	overflow: hidden;
	background: url(../image/contact03.png) bottom right 103px no-repeat,    
		url(../image/contact_bg01.jpg) top center no-repeat,
		#E5F5FC;
	margin-bottom: 25px;
	padding: 90px 250px 42px 109px;
	word-break: break-all;
}
.c_tel {
	margin-top: 9px;
	background: url(../image/contact02.jpg) left no-repeat;
	padding-left: 40px;
	color: #0E54A9;
	font-weight: bold;
	font-family: 'Roboto', sans-serif;
	font-size: 3.57em;
	line-height: 1.0;
}
.c_tel .telno {
	color: #0E54A9;
}
.text_none {
	font-size: 0.85em;
	line-height: 2.2;
	margin-bottom: 25px;
}
.text_none .tellink {
	color: #0E54A9;
	font-weight: bold;
}
.text_none .telno {
	color: #0E54A9;
}
.text_none .sp01 {
	font-weight: bold;
	color: #FF8405;
}
.text01 {
	margin-left: -8px;
}
.text01 span {
	margin-left: 11px;
}
/*-------------------------------------------------------------------
	#mailform
-------------------------------------------------------------------*/
#mailform {
	margin-bottom: 70px;
}
#mailform #mailformpro {
	padding: 0;
}
#mailform table th {
	width: 216px;
}
#mailform th img {
 	vertical-align: baseline;
 	padding: 4px 0 0 9px;
}
#mailform table th,
#mailform table td {
	padding: 16px 19px;
}
#mailform table td label {
	margin: 0 20px 0 0;
	display: inline-block;
	/display: inline;
}
#mailform table td label.none {
	margin-right: 0;
}
#mailform table td label input {
	border:none;
	margin: 0 5px 0 0;
	vertical-align: -2px;
}
#mailform table td .short {
	width: 98px;
}
#mailform table td .middle {
	width: 510px;
}
#mailform table td .long {
	width: 510px;
}
#mailform table td input.name {
	width: 510px;
}
#mailform table td input.datepicker {
	width: 118px;
}
#mailform table td select {
	border: 1px solid #CCCCCC;
	height: 24px;
	margin-top: 2px;
	margin-bottom: 2px;
	font-family: inherit;
}
#mailform table td input.datepicker {
	margin-right: 10px;
}
#mailform table td input.postage {
	width: 510px;
	margin-bottom: 14px;
}
#mailform table td input.address {
	margin-bottom: 14px;
}
#mailform input[type='radio'] {
	display: none;
}
#mailform input[type='radio'] + label {
	display: inline-block;
	position: relative;
	padding-left: 25px;
	margin-right: 15px;
	cursor: pointer;
}
#mailform input[type='radio'] + label::before {
	content: '';
	position: absolute;
	top: 50%;
	left: 0;
	width: 12px;
	height: 12px;
	background: #FFF;
	border: 1px solid #B3B3B3;
	border-radius: 50%;
	margin-top: -8px;
}
#mailform input[type='radio'] + label::after {
	content: '';
	display: none;
	position: absolute;
	top: 50%;
	left: 3px;
	width: 8px;
	height: 8px;
	background: #B3B3B3;
	border-radius: 50%;
	margin-top: -5px;
}
#mailform input[type='radio']:checked + label::after {
	display: block;
}
#mailform table input[type="text"] {
	background: #F4F4F4;
	border: none;
	height: 30px;
	padding: 0 2px;
	margin-top: 5px;
	margin-bottom: 2px;
	font-family: inherit;
	line-height: 1.2;
}
#mailform table textarea {
	background-color: #F4F4F4;
	border: none;
	width: 510px;
	height: 198px;
	margin:  3px 0 3px;
	font-family: inherit;
	line-height: 1.6;
	resize: vertical;
}
#mailform p.submit {
	margin: 40px 0 0;
	text-align: center;
}
#mailform p.submit button {
	background: none;
	border: none;
	outline: none;
}


/*-------------------------------------------------------------------
	#privacy
-------------------------------------------------------------------*/
#privacy{
	font-size: 0.85em;
	letter-spacing: 0.1px;
	line-height: 2;
	margin-bottom: 70px;
}
#privacy ol {
	list-style-type: decimal;
}
#privacy ol {
	margin: 0 0 0 16px;
}
#privacy ol li {
	padding-top: 10px;
	padding-left: 8px;
}


/*-------------------------------------------------------------------
	thanks
-------------------------------------------------------------------*/
#thanks,
p.thanks {
	margin-bottom: 70px;
}
