@charset "utf-8";
/* CSS Document */
* {
  padding: 0;
  margin: 0;
}

body{
	margin: 0px;
    padding: 0px;
	/* font:18px Helvetica, 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','游ゴシック','Yu Gothic',"メイリオ", Meiryo ,sans-serif;
  -webkit-text-size-adjust: none;*/
	font-family: メイリオ, Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
	font-size: 16px;
	margin: 0 auto;
}

#main{
	margin: 0 auto;
	 width: 100%;
	height: 100%;
	min-height: 100%;
     overflow: hidden;
	 background: #666;
}

#main02{
	margin: 0 auto;
	 width: 100%;
	height: 100vh;
	min-height: 100%;
     overflow: hidden;
	 background: #666;
}



.contents{
	width: 900px;
	height: 100%;
	margin: 0 auto;
	background: #fff;
}

.contents02{
	width: 900px;
	height: 100vh;
	margin: 0 auto;
	background: #fff;
}

.logo_top{
	width: 900px;
}

html {
	overflow-y: scroll;
	height: 100%;
	min-height: 100%;
	
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin: 0;
	padding: 0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style: normal;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption,th {
	text-align: left;
}
q:before,q:after {
	content: '';
}
object,
embed {
	vertical-align: top;
}
hr,legend {
	display: none;
}
h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
}
img,abbr,acronym,fieldset {
	border: 0;
}
li {
	list-style-type: none;
}
a:focus {
	outline: none;
}
img {
	vertical-align: bottom;
	margin: 0;
}
img a {
	border: 0;
}

/* style */


div#mf_header {
	width: 898px;
	margin: 0 auto;
	padding: 0;
}
div#mf_wrapper {
	width: 85%;
	margin: 0 auto;
	padding-bottom: 60px;
}

div#mf_wrapper02{
	text-align: center;
	margin: 0 auto;
	padding-bottom: 60px;
}

form#mailform {
	padding: 5px;
}
table.mailform {
	width: 100%;
}
table.mailform tr th,table.mailform tr td {
	text-align: left;
	font-weight: normal;
	font-size: 12px;
	border-bottom: solid 1px #999;
	padding: 10px 5px;
}
table.mailform tr th {
	width: 150px;
}
table.mailform tr th span {
	color: red;
	font-size: 11px;
}
table.mailform tr th p {
	margin: 0px;
	padding: 0px;
	font-size: 10px;
	color: #999999;
}
table.mailform tr td textarea {
	width: 100%;
	height: 120px;
}

div.kiyaku {
	font-size: 12px;
	text-align: left;
	width: 568px;
	margin: 20px auto 0;
	padding: 10px 16px;
	background: #E4F4FC;
	border: #62DAFF 1px solid;
}
div.kiyaku p,
div.kiyaku strong {
	margin: 0;
	line-height: 1.6;
}
.red {
	color: #F00;
}
p.center {
	text-align: center;
	margin: 20px auto 0;
	
}



p.thanks {
	font-size: 14px;
	padding: 60px 0 0;
	line-height: 1.6;
}
div.kiyakuLink {
	font-size: 12px;
	text-align: left;
	padding: 40px;
}
div.kiyakuLink p {
	margin: 1em 0 0.5em ;
	line-height: 1.7;
}

iframe {
	border: #CCC 1px solid;
	margin-top: 20px;
	margin-left: 194px;
}

.err_msg{
	display: none;
}

.big{
	font-size: 16px;
	font-weight:bold;
}

.bold{
	font-weight:bold;
}

input[type='checkbox'] {
/*	background-color: yellowgreen;*/
	margin-right: 8px;
	
}
label {
/*
	display: block;
	font-size: 110%;
*/
/*	float: left;*/
}
textarea {
	width: 100%;
	font-size: 110%;
	padding: 5px;
	border: solid 1px #999;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}
button {
	width: 100%;
	height: 50px;
	background-color: #cc0000;
	color: white;
	font-size: 100%;
	border-style: none;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

/*
---------- 必須項目 ----------*/
.required:after {
	content: "*";
	color: red;
/*	background-color: #cc0000;*/
	font-size: 11px;
/*
	padding: 5px;
	margin-left: 10px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
*/
}
/*
---------- エラーメッセージ ----------*/
.err_msg {
	display: none;
	font-size: 90%;
	color: red;
}
/*
---------- コメント ----------*/
.comment {
	padding-top: 10px;
	font-size: 90%;
	color: gray;
}
/*
---------- テーブル ----------*/
.tbl_form {
/*
	margin: 20px auto;
	width: 100%;
	text-align: left;
	border-collapse: collapse;
	font-size: 90%;
*/
}
.tbl_form th {
/*
	font-weight: 100;
	background-color: #eee;
	padding: 20px;
	width: 400px;
*/
/*	border: solid 1px #666;*/
}
.tbl_form td {
/*	border: solid 1px #666;*/
/*	padding: 20px;*/
}
.multiple_items {
	display: table;
	/*	background-color: yellowgreen;*/
	width: 100%;
}
.multiple_items li {
	display: table-cell;
}
/*
.multiple_items li:nth-child(odd) {
	width: 100px;
	padding-right: 10px;
}
.multiple_items li:nth-child(even) {
	padding-right: 30px;
}
*/
.multiple_items input {
	width: 200px;
}
/*
.tbl_form td:first-child {
	width: 40%;
	border: none;
	padding: 10px 5px;
}*/

.btn_hide {
	display: none;
}
.btn_show {
	display: inline;
}

/*サンクス画面の表示*/
.form_thanks {
	display: none;
}



/*お客様の声*/


#customer{
	width: 100%;
	height: 70px;
	background: #FFF08E;
	margin: 0 auto;
	margin-top: 30px;
}

#customer02{
	width: 100%;
	height: 100%;
	margin: 0 auto;
}

#customer_back{
	background: #FFFDC8;
	padding-bottom: 50px;
	padding-left: 10px;
}

.customer_dai{
	font-size: 25px;
	line-height: 70px;
	padding-left: 30px;
}

.sentence{
	font-size: 15px;
	margin: 0 0px 20px;
	padding: 5px 0;
}

.tex_left{
	text-align: left;
}

.customer_form{
	margin-left: 30px;
	width: 100%;
	
}

#inquiry_contents{
	width: 90%;
	height: 300px;
}

.td_haba{
	width: 60%;
	height: 25px;
	text-indent: 0.5em;
}


table.mailform02 {
	width: 100%;
}

table.mailform02 tr th{
	width: 200px;
	border: solid 1px #999;
	background: #FFFFFF;
}

table.mailform02 tr td{
	
}

table.mailform02 tr th,table.mailform02 tr td {
	text-align: left;
	font-weight: normal;
	font-size: 12px;
	padding: 10px 5px;
}


.btn_size{
	width: 100px;
	cursor: pointer!important;
}

/*送信完了画面*/
.thanks{
	text-align: center;
}

.sousin {
		text-decoration: none!important;
	}	


@media screen and ( max-width:750px ) {
	
	body{
		width: 100%;
	}
	
	.main{
		width: 100%;
	}
	
	.main02{
		width: 100%;
	}
	.contents{
		width: 100%;
	}
	
	.contents02{
		width: 100%;
	}
	
	.contents img{
		width: 100%;
	}
	.contents02 img{
		width: 100%;
	}
	

	.mf_wrapper{
		width: 100%;
	}
	
	.mf_wrapper02{
		width: 100%;
	}
	
	.kiyaku{
		width: 100%;
	}
	
	div.kiyaku {
	font-size: 12px;
	text-align: left;
	width: 98%;
	margin: 20px auto 0;
	padding: 3px;
	background: #E4F4FC;
	border: #62DAFF 1px solid;
}
div.kiyaku p,
div.kiyaku strong {
	margin: 0;
	line-height: 1.6;
}
.red {
	color: #F00;
}
p.center {
	text-align: center;
	margin: 20px auto 0;
	
}



p.thanks {
	font-size: 14px;
	padding: 60px 0 0;
	line-height: 1.6;
}
div.kiyakuLink {
	font-size: 9px;
	text-align: left;
	padding: 0px;
	width: 100%;
}
div.kiyakuLink p {
	margin: 10px auto 0;
	line-height: 1.7;
	width: 98%;
	
}

iframe {
	border: #CCC 1px solid;
	margin-top: 20px;
	margin-left: 0px;
	width: 98%;
	height: 50px;
}
	
	
/*アンケート*/

table.questionnaire {
	width: 100%;
}

table.questionnaire tr th,table.questionnaire tr td {
	text-align: left;
	font-weight: normal;
	font-size: 12px;
	border-bottom: solid 1px #999;
	padding: 10px 5px;
}

table.questionnaire tr th {
	width: 150px;
}

table.questionnaire tr th p {
	margin: 0px;
	padding: 0px;
	font-size: 10px;
	color: #999999;
}
table.questionnaire tr td textarea {
	width: 100%;
	height: 120px;
}

.hidari{
	text-align: left;
}

.pc {
    display: none;
}

.sp {
    display: block;
}	
	
	/*お客様の声*/
	
	div#mf_wrapper {
	width: 95%;
	margin: 0 auto;
	padding-bottom: 60px;
}

div#mf_wrapper02{
	text-align: center;
	margin: 0 auto;
	padding-bottom: 60px;
}
		


#customer{
	width: 100%;
	height: 70px;
	background: #FFF08E;
	margin-top: 30px;
}

#customer_back{
	background: #FFFDC8;
	padding-bottom: 50px;
	padding-left: 5px;
}
	
.customer_dai{
	font-size: 25px;
	line-height: 70px;
	padding-left: 30px;
}

.sentence{
	font-size: 15px;
	margin: 0 10px 20px;
	padding: 5px 0;
}

.tex_left{
	text-align: left;
}

.customer_form{
	margin-left: 5px;
	width: 98%;
}

#inquiry_contents{
	width: 90%;
	height: 200px;
}

.td_haba{
	width: 85%;
	height: 25px;
	text-indent: 0.5em;
}


table.mailform02 {
	width: 100%;
}

table.mailform02 tr th{
	width: 35%;
	border: solid 1px #999;
	background: #FFFFFF;
}

table.mailform02 tr td{
	width: 70%;
}

table.mailform02 tr th,table.mailform02 tr td {
	text-align: left;
	font-weight: normal;
	font-size: 12px;
	padding: 10px 5px;
}


.btn_size{
	width: 100px;
}	


}