@charset "UTF-8";

#loader {
	display: none;
	position: fixed;
	top: 50%;
	left: 50%;
	z-index: 10;
}
#loader p {
	position: relative;
	margin: -35px 0 0 -20px;
	width: 40px;
	height: 40px;
	background: url(../img/loader.gif) no-repeat;
	background-size: cover;
	overflow: visible;
}
#loader #loader_text {
	position: absolute;
	display: block;
	width: 200px;
	top: 50px;
	left: -80px;
	line-height: 20px;
	text-align: center;
}
@media screen and (max-width: 600px) {
#loader {
	display: none;
	position: fixed;
	top: 50%;
	left: 50%;
	z-index: 10;
}
#loader p {
	position: relative;
	margin: -35px 0 0 -20px;
	width: 40px;
	height: 40px;
	background: url(../img/loader.gif) no-repeat;
	background-size: 40px;
	overflow: visible;
}
#loader #loader_text {
	position: absolute;
	display: block;
	width: 200px;
	top: 50px;
	left: -80px;
	line-height: 20px;
	text-align: center;
}
}
#msg {
	cursor: pointer;
	position: fixed;
	display: none;
	max-width: 300px;
	padding: 20px;
	word-wrap: break-word;
	color: #fff;
	text-shadow: 0 1px 0 #000;
	border-radius: 10px;
	background: rgba(50,50,50,0.7);
	z-index: 50;
}
#lock {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0);
	z-index: 1;
}

input[type=button],input[type=submit] {
	display: block;
	margin: 60px auto 0 auto;
	color: #fff;
	background: #F08228;
	-webkit-appearance: none;
}

input[type=button].over,input[type=submit].over {
	opacity: 0.6;
}

#hint {
	padding-bottom: 300px;
}




body {
	background-color: #f5f3ee;
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",  Osaka, sans-serif;
	font-size: 16px;
	color: #333;
}

.main {
	width: 970px;
	margin: 0 auto;
	background-color: #ffffff;
	padding: 20px;
	text-align: center;
	margin-top: 137px;
}

.sp-area {
	display: none;
}

p {
	line-height: 1.5;
}

span.redbold {
	color: #cc1100;
	font-weight: bold;
}

/*******************************
スマホレイアウト
*******************************/
@media screen and (max-width: 600px) {
.pc-area{
	display: none;
}
.sp-area{
	display: block;
}
.global-header-sp {
	position: fixed;
	padding: 0;
    margin: 0 auto;
    width: auto;
}
.fixed {
    position: fixed;
    top: 0;
    left: 0;
}
img {
	max-width: 100%;
}
table {
	width: 100%;
}
body {
	background-color: none;
}
.main {
	width: auto;
	padding: 0;
	margin-top:0;
}
iframe {
	width: 300px;
	height: auto;
}
}




/*******************************
７つの機能
*******************************/

body div.function img {
	line-height: 0;
	margin-bottom: -2px;
}
/*******************************
スマホ版個別要素パディング
*******************************/
@media screen and (max-width: 600px) {
	.button {	
		margin: 0 30px;
	}
	p {
		padding: 0 20px;
	}
}
/*******************************
ヘッダー
*******************************/

header {
	background-color: #fff;
	min-height: 70px;
	padding: 20px 0;
	border-bottom: 1px solid #d0caca;
	margin-bottom: 18px;
}
header .header-element .rogo {
	margin: 0 auto;
	width: 970px;
}
header .header-element .rogo img {
	float: left;
}
div.global-header-pc {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
}

@media screen and (max-width: 600px) {
	header {
		margin-bottom: 0;
		border: none;
		padding-bottom: 0;
	}
	div.global-header-pc{
		position: inherit;
	}
}

/*******************************
テキスト部分の配置
*******************************/
div.main div.worries p,div.best5 p,div.resolution p,div.message p {
	text-align: left;
	line-height: 2;
}
div.main div.about-herumoa p {
	line-height: 2;
}

@media screen and (max-width: 600px) {
	div.main div.worries p,div.best5 p,div.resolution p,div.message p,div.about-herumoa p {
	line-height: 1.5;
	text-align: left;
	}
	div.main div.about-herumoa p {
		line-height: 1.5;
	}
}
/*******************************
お客様喜びの声
*******************************/
div.main div.voice div.float-left {
	float: left;
}
div.main div.voice {
	margin-bottom: 60px;
}
div.main div.voice p {
	text-align: left;
	line-height: 2;
}
@media screen and (max-width: 600px) {
	div.main div.voice p {
		line-height: 1.5;
	}
	div.main div.voice {
	margin-bottom: 0px;
}
}


/*******************************
お問い合わせフォーム

div.main form table,tr,td {
	text-align: center;
	border: 1px solid #eaebed;
}
div.main form table td.form-title {
	background-color: #f6f6f6;
	font-weight: bold;
}
div.main form table {
	margin: 0 auto;
	width: 700px;
	font-size: 18px;
}
div.main form table input {
	font-size: 18px;
	width: 600px;
	border: 1px solid #cdcdcd;
	height: 41px;
	border-radius: 5px;
}
div.main form table textarea {
	font-size: 18px;
	width: 600px;
	border: 1px solid #cdcdcd;
	height: 41px;
	border-radius: 5px;
}
div.main form table tr {
	height: 57px;
}

@media screen and (max-width: 600px){
	div.main form table {
		width: auto;
		margin: 0 20px;
	}
	div.main form table textarea{
		width: auto;
	}
	div.main form table input {
		width: auto;
	}
}

form#asumeru_form th {
	background-color: #f6f6f6;
	width: 40%;
	font-size: 14px;
	line-height: 1.5;
}
fieldset {
	border: none;
}
form {
	font-size: 18px;
	width: auto;
}
input, textarea{
	padding: 10px;
	border: solid 1px #ccc;
	background-color: #FFF;
	border-radius: 3px;
	box-sizing: inherit;
	line-height:inherit;
	font-size: 18px;
}
form#asumeru_form td {
	text-align: left;
}
form p.center-text input {
	border: none;
}
form tr.odd {
	background-color: #f0f0f0;
}

form table {
	table-layout: fixed;
}


@media screen and (max-width: 600px){
	form table {
		width: auto;
	}
}

*******************************/





/*******************************
dl,dt,dd
*******************************/

form p{
	font-size: 14px;
}

form dl {
	background-color: #f6f6f6;
	width: 100%;
	font-size: 14px;
	line-height: 1.5;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}
form dl:first-child {
	border: 1px solid #ddd;
}

dl.odd {
	background-color: f0f0f0;
}
fieldset {
	border: none;
}
form {
	font-size: 18px;
	width: auto;
}
input, textarea{
	padding: 10px;
	border: solid 1px #ccc;
	background-color: #FFF;
	border-radius: 3px;
	box-sizing: inherit;
	line-height:inherit;
	font-size: 18px;
}
form#asumeru_form dd {
	text-align: left;
}
form p.center-text input {
	border: none;
}
form dl.odd {
	background-color: #f0f0f0;
}

form table {
	table-layout: fixed;
}

dl {
	margin: 0;
	text-align: inherit;

}
dt {
  float : left;
  clear : both;
  width : 40%;
  text-align: inherit;
  border-width : 1 0 0 0; /* 上線だけ */
  border-color:#ddd;
  font-weight : bold;
  padding : 5px;

}
dd {
  /* dtの幅だけ横にずらしておく */
  margin-left : 400px;
  
  /* dlやdtとは異なった背景色を用いる */
  background-color : #fff;
  padding : 5px;
  border-left: 1px solid #ddd;
}
.odd dd {
	background-color: #f0f0f0;
}

form dt {
	margin-top: 15px;
}
form input[name=sei], form input[name=mei] {
	width: 30%;
}
form input[name=mail], form input[name=pass] {
	width: 75%;
}
@media screen and (max-width: 600px){
	dt {
		float: none;
		text-align: center;
		background-color: #f6f6f6;
		width: auto;
		padding: 10px 0;
	}
	dd{
		margin-left: 0;
		padding: 10px 0; 
		padding-left: 10px;
		border: none;
	}
	input {
		margin: 0 auto 10px auto;
		width: 90%;
		
	}
	input[name=sei], input[name=mei] {
		width: 30%;
		
	}
	form input[name=mail], form input[name=pass] {
		width: 90%;
	}
	input.lp_btn {
		width: auto;
	}
	input#touroku_mail {
		width: 90%;
	}
	input#touroku_free7_0 {
		width: auto;
		margin-right: 20px;
	}
	input#touroku_free7_1{
		width: auto;
		margin-right: 20px;
	}

	.odd dd{
		background-color: #fff;
	}
	.toroku-yes-no dt {
		background-color: #ffffcc;
	}
	form .pad01 dt {
	margin-top: 0;
	}
	form .pad02 dt {
	margin-top: 0;
	}
	form .pad03 dt {
	margin-top: 0;
	}
}





.clearfix: after {
	content: ".";  /* 新しいコンテンツ */
	display: block;
	clear: both;
	height: 0;
	visibility: hidden; /* 非表示に */
}
.clearfix {
	min-height: 1px;
	overflow: hidden;
}