@charset "UTF-8";
/* CSS Document */

body {
	}
	
strong{display:block;}
	
.img_text_box_block{
	margin:0 0 15px;}

.img_text_box_block p{
position:relative;
padding:0 0 0 260px;
min-height:200px!important;}

/*  -------------------テーブルデザイン-------------------  */

#contact_box table tr th span{
	color:#D32F6E;
	margin:5px;}



/*  -------------------フォームデザイン-------------------  */

/* 各選択 */

#contact_box ul{
width:auto;
padding:10px;
}

#contact_box ul li{
border-bottom:1px solid #CCCCCC;
}

#contact_box ul li label{
display:block;
padding:10px 0;
font-size:15px;
font-weight:bold;
}

#contact_box ul li label .input_select{
margin:0 10px 0 0;
}


/* 各入力、郵便番号 */

#contact_box input.input_text,
#contact_box input.input_text_yubin{
width:95%;
border:1px solid #CCCCCC;
}

#contact_box input.input_text_half{
width:42.5%;
border:1px solid #CCCCCC;
}

/* 郵便番号の上書き */

#contact_box input.input_text_yubin{
width:45%;
margin:0 0 15px;
}

/* テキストエリアの上書き */

#contact_box textarea{
height:5em;
width:95%;
border:1px solid #CCCCCC;
}

/* 簡単住所入力ボタン */

#contact_box input.yubin_btn{
width:8em;
margin:0 auto 3px;
background:#ED6C8E;
border:1px solid #ED6C8E;
-webkit-border-radius:3px;/* Safari,Chrome,ブラウザ用 */
-moz-border-radius:3px;/* Firefox用 */
padding:2px 0;
text-align:center;
font-size:12px;
font-weight:bold;
color:#FFF;
}

/* ユーザビリティ：選択すると背景と文字の大きさが変わる。 */
#contact_box input.input_text_half:focus,
#contact_box input.input_text_half:hover,
#contact_box input.input_text:focus,
#contact_box input.input_text:hover,
#contact_box input.input_text_yubin:focus,
#contact_box input.input_text_yubin:hover{
background:#E8D8FF;
}


@media screen and (max-width: 768px) and (min-width: 0px){
#contact_box input.input_text_half:focus,
#contact_box input.input_text_half:hover,
#contact_box input.input_text:focus,
#contact_box input.input_text:hover,
#contact_box input.input_text_yubin:focus,
#contact_box input.input_text_yubin:hover{
font-size:160%;
}	
}

/* テキストエリアのユーザビリティ：選択すると背景と入力エリアの高さが変わる。 */

#contact_box textarea:focus,
#contact_box textarea:hover{
background:#E8D8FF;
}


@media screen and (max-width: 768px) and (min-width: 0px){
#contact_box textarea:focus,
#contact_box textarea:hover{
height:15em;
}
}

/*  -------------------プライバシーポリシーテキスト-------------------  */

.privacy_text{
	padding:20px;
	text-align:center;}
	
.privacy_text a{ text-decoration:underline;}

.privacy_text label{
background-color:#ED6C8E;
padding:5px 15px;
-webkit-border-radius:3px;/* Safari,Chrome,ブラウザ用 */
-moz-border-radius:3px;/* Firefox用 */
font-weight:bold;
color:#FFF;
}

@media screen and (max-width: 768px) and (min-width: 0px){
.privacy_text label{
	width:8em;
	display:block;
	margin:5px auto;
}
}


.check_text{
	text-align:center;
	padding:0;}

/*  -------------------送信ボタン-------------------  */

#contact_box .submit{
padding:10px 0 25px;}

#contact_box .submit input{
width:95%;
margin:0 auto;
display:block;
background-color:#ED6B8E;
border:1px solid #ED6B8E;
-webkit-border-radius:10px;/* Safari,Chrome,ブラウザ用 */
-moz-border-radius:10px;/* Firefox用 */
padding:15px 0;
text-align:center;
font-size:18px;
font-weight:bold;
color:#FFF;
}

#contact_box .submit input{
width:95%;
}


/*  -------------------送信確認画面-------------------  */
p.transmit { margin:20px 0 10px; text-align:center;}