/*================================================
 *  CSSリセット
 ================================================*/
html, body, h1, h2, h3, h4, ul, ol, dl, li, dt, dd, p, div, span, img, a, table, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: normal;
	font-size: 100%;
	vertical-align:baseline;
	box-sizing: border-box;	
}

article, header, footer, aside, figure, figcaption, nav, section { 
  display:block;
}

body {
  line-height: 1;
  text-size-adjust: 100%;
}

ol, ul {
  list-style: none;
  list-style-type: none;
  margin-bottom: 1em;
}

img {
	-ms-interpolation-mode: bicubic;
	vertical-align:bottom;
}





/*================================================
 *  一般・共通設定
 ================================================*/
html {
	font-size: 62.5%;/* -> 10px; */
}
body {
	font-size: 1.6em;/* -> 16px; */
	line-height: 1.8em;/* -> 18px; */
	
	color:#545047;
	font-family:"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	background:#fff;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
} 



@media screen and (max-width:767px) {/*スマホでは非表示に*/
.spno {
display:none;
}
}

@media screen and (min-width:768px) {/*PCでは非表示に*/
.pcno {
display:none;
}
}




/*================================================
 *  基本
 ================================================*/
a {
	color:#545047;
	text-decoration:none;
}


@media screen and (min-width:572px) {/*PCでは改行させない*/
.spbr{
  display:none;
 }
}	
	


.center{
	text-align:center;
	display: block;
}


p {
	margin:0 0 0em 0;
	margin-bottom: 1em;
	line-height: 1.8em;
}

strong {
	font-weight:bold;
}

.red{
		color:#d45451;
}

.blue{
		color:#4b8cff;
}

h1{
    display: block;
    font-size: 1.4em;
    font-weight: bold;
	margin-top: 1em;
	margin-bottom: 1.5em;	
}

h2{
    display: block;
    font-size: 1.3em;
    font-weight: bold;
	margin-top: 1em;
	margin-bottom: 1.5em;	
}


/*================================================
 *  移植
 ================================================*/
 
#main_yoyaku_kakunin {
	max-width:728px;
	margin:0 auto;
	line-height:120%;
	background:#fff;
	padding: 10px;
	font-size: 1.6rem;
	
}

.yoyaku_img img{
	display: block;
    margin: 0 auto 0 auto;
    max-width: 100%;
    height: auto;
}


table.formTable{
	max-width:645px;	
	width:100%;
	margin:0 auto;
	border-collapse:collapse;
	font-size: 1.4rem;
	line-height: 120%;
	color:#555;
	margin-bottom: 14px;

}
table.formTable td,table.formTable th{
	border:1px solid #ccc;
	padding:10px;
	vertical-align:middle;
}
table.formTable th{
	width:35%;
	font-weight:normal;
	background:#efefef;
	text-align:left;
}
p.error_messe{
	margin:5px 0;
	color:red;
}
/*　簡易版レスポンシブ用CSS（必要最低限のみとしています。ブレークポイントも含め自由に設定下さい）　*/
@media screen and (max-width:572px) {
#main_yoyaku_kakunin {
	width:100%;
	margin:0 auto;
}
table.formTable th, table.formTable td {
	width:auto;
	display:block;
}
table.formTable th {
	margin-top:5px;
	border-bottom:0;
}
input[type="submit"], input[type="reset"], input[type="button"] {
	display:block;
	width:100%;
	height:40px;
	margin-bottom: 15px;
}
}




/*================================================
 *  問い合わせフォームのinput
 ================================================*/

.toiawase select{
	padding: 9px 10px;
	font-size:1.6rem;
	width: 100%;
}
	 
 
.toiawase > table.formTable th .hissu, .no_hissu{
font-weight: bold;
}

/*　「必須」の装飾　*/	
.toiawase > table.formTable th .hissu::after{
    margin-left: 1em;
    content: '必須';
    display: inline-block;
    background: #e00429;
    color: #fff;
    font-weight: normal;
    font-size: 1rem;
    line-height: 1;
    position: relative;
	padding: 0.2em 1em;
    top: -1px;
}


.toiawase input[type="text"],
.toiawase input[type="tel"],
.toiawase input[type="email"]{
	border: 1px solid #d9d9d9;
    box-shadow: inset 0.5px 0.866px 2px 0px rgba(5, 1, 2, 0.25);
    padding: 9px 10px;
}


@media screen and (max-width:572px) {
/*　スマホ100％　*/
.toiawase input[type="text"],
.toiawase input[type="tel"],
.toiawase input[type="email"]{
	width:100%;
	box-sizing: border-box;
}
/*　様の分　*/
.name > input[type="text"]{
	width:47%;
	box-sizing: border-box;
}

}

.toiawase textarea{
	width:100%;
	box-sizing: border-box;
	border: 1px solid #d9d9d9;
    box-shadow: inset 0.5px 0.866px 2px 0px rgba(5, 1, 2, 0.25);

}