@charset "utf-8";

.complete #contents{
	font-size: 14px;
	font-size:1.4rem;
	line-height: 1.7;
}

/* #contactform
------------------------------ */
div#contactform input{ font-family: verdana,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,Osaka,'ＭＳ Ｐゴシック','MS P Gothic',sans-serif !important; }

div#contactform dl{ 
	border-bottom: solid 1px #e8eaed;
	margin: 15px 0 0 0;
	padding: 0 0 15px 0;}

div#contactform dl.first{ 
	border-top: solid 1px #e8eaed;
	margin-top: 25px;
	padding-top: 15px;}

div#contactform dl dt {
	float: left;
	padding-top: 10px;
	width: 140px;
}

div#contactform dl dd {
	float: left;
	width: 510px;
}

.confirm div#contactform dl dt {
	padding-top: 0;
	width: 260px;
}
.confirm div#contactform dl dd {
	width: 390px;
}

div#contactform dl.noFl dt {
	float: none;
	padding-top: 0;
	margin-bottom: 5px;
	width: auto;
}
div#contactform dl.noFl dd {
	float: none;
	width: auto;
}


@media screen and (max-width: 700px){
div#contactform dl dt {
	float: none;
	padding-top: 0;
	margin-bottom: 6px;
	width: auto;
}
div#contactform dl dd {
	float: none;
	width: auto;
}

.confirm div#contactform dl dt,
.confirm div#contactform dl dd {
	width: auto;
}
}

/* #contactform type="text"
------------------------------ */
div#contactform input[type="text"]{
padding: 10px 40px !important;
width: 100%;
vertical-align: middle;
color: #333;
border: 1px solid #c8c8c8;
-webkit-border-radius: 3px;
border-radius: 3px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

*+html body div#contactform input[type="text"]{/* IE7.x */
padding: 5px 3px 0 3px !important;
height: 22px;
border: 1px solid #c8c8c8
}

div#contactform input[type="text"]{/* IE8.x */
border: 1px solid #c8c8c8
}


/* #contactform type="radio"
------------------------------ */
div#contactform input[type="radio"]{
margin-right: 10px;
}

/* #contactform textarea
------------------------------ */
div#contactform textarea{
width: 100%;
padding: 10px 15px 10px 40px;
border:1px solid #c8c8c8;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-border-radius: 3px;
border-radius: 3px;
resize: vertical;
}

/* #contactform .list
------------------------------ */
#contactform ul.list {
	margin-bottom: 0;
}

#contactform ul.list li {
	position: relative;
	padding: 0 15px 5px 25px;
	line-height: 1.3;
	float: left;
}

/* #contactform for iCheck
------------------------------ */
.icheckbox_flat-blue,
.iradio_flat-blue{
    position: absolute;
    top: 0;
    left: 0;
}

/* #contactform .attention
------------------------------ */
.attention{
font-size: 77%;
margin: 10px 0 0 !important;
padding: 5px !important;
background-color: #EFEFEF;
}
.attention li{
background: none !important;
}

span.attention{
padding: 5px 20px!important;
background-color: #ffebe7;
display:block;
}

/* .btn-send
------------------------------ */
#contents .btn-send{
	text-align: center;
	margin-top: 40px;
}

#contents .btn-send li{
	padding: 0;
	display: inline;
	margin: 0 20px
}

/* .box01
------------------------------ */
.box01 {
	padding: 14px;
	border: solid 3px #e5e5e5;
}

.box01 h2 {
	font-size: 15px;
	font-size: 1.5rem;
	color: #1d6cc5;
    padding: 0;
	margin-bottom: 0.2em;
}

/* ---------- 個人情報保護方針 ---------- */
#privacy-box
{
	margin-top: 3em;
	width: 100%;
	margin: 2em auto 50px auto;
	overflow: auto;
}

#privacy-box h2 {
	font-size: 16px;
	font-size: 1.6rem;
	color: #1d6cc5;
    padding: 0;
	margin-bottom: 0.5em;
}

#privacy-box .summary
{
	border: 1px solid #CCCCCC;
	width: 100%;
	height: 150px;
	padding: 10px;
	overflow: auto;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/* .btnClose
------------------------------ */
.btnClose a{
	display: block;
	margin: 0 auto;
	width: 120px;
	height: 50px;
	background: url(../img/btn_close02.png) left top;
	overflow: hidden;
	text-indent: -200px;
}

.btnClose a:hover,
.btnClose a:active {
	background: url(../img/btn_close02.png) left bottom;
}
