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

* {
margin:0;
padding:0;
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.clearfix:after {
content:"."; 
display:block;
clear:both;
height:0;
visibility:hidden;
}

.clearfix {min-height:1px;}

img {
border:0;
vertical-align:bottom;
}

fieldset {border:0;}

input {display:inline;}

.notice_error {
color:#ff3d40;
}

/*========================================================================================================================
for Smartphone 
========================================================================================================================*/

@media all and (max-width:640px) {

#order_form .content {
margin:7em 0 0;
}

#order_form h2 {
font-size:24px;
font-weight:400;
letter-spacing:2px;
line-height:1em;
text-align:center;
}

#order_form h2 span {
border-bottom:4px #5eafe1 solid;
display:inline-block;
padding:0 0 7px;
}

form {
border:1px #aaa solid;
margin:2em auto;
padding:1em 0;
width:90%;
}

.form_item .title {
font-size:1.2em;
font-weight:400;
display:block;
margin:0  0 0.5em;
}

#order_form .form_item {
border-top:1px #ddd solid;
margin:1em 1em 0;
padding:1em 0 0;
}

#order_form .form_item:first-child {
border:0;
margin:0 1em;
}

.form_item input.text {
border: 1px #ddd solid;
border-radius:0.2em;
padding:0.2em 0.5em;
width:95%;
-webkit-appearance:none;
font-size:16px;
}

.seisakubutsu_list_block .form-check {display:block;}

.seisakubutsu_list_block {
margin:1em 0 0;
}

.seisakubui_list_block {
float:left;
margin:0 0 20px 0;
width:100%;
}

.seisakubui_list_block .form-check {width:10%;}

.seisakubui_list_block .form-check .number_up {
background:#ffcece;
border-radius:5px 5px 0 0;
display:block;
text-align:center;
width:100%;
}

.seisakubui_list_block .form-check .checkbox_up {
background:#f8f8f8;
border-radius:0 0 5px 5px;
display:block;
text-align:center;
width:100%;
}

.seisakubui_list_block .form-check .number {
background:#ffcece;
border-radius:0 0 5px 5px;
display:block;
text-align:center;
width:100%;
}

.seisakubui_list_block .form-check .checkbox {
background:#f8f8f8;
border-radius:5px 5px 0 0;
display:block;
text-align:center;
width:100%;
}

.seisakubui_list_block .form-check {display:inline-block;}

#seisaku_plan label {
display:block;
}

#seisaku_plan .form-check-label,
#seisaku_shurui .form-check-label {
display:block;
margin:0 0 0.5em;
}

#seisaku_plan .form-check-label:last-child,
#seisaku_shurui .form-check-label:last-child {
margin:0;
}

#seisakubutsu .form-check {
display:block;
margin:0.5em 0 0;
}

#seisaku_shurui label {
display:block;
}

#contact_textarea textarea {
width:90%;
height:15em;
border: 1px #ddd solid;
border-radius:0.2em;
padding:0.2em 0.5em;
width:95%;
-webkit-appearance:none;
font-size:16px;
}

#kiyaku_content {
border:1px #ddd solid;
margin: 1em 0;
height:10em;
overflow: scroll;
padding:1em;;
}

#kiyaku_content h3  {
font-size:1em;
font-weight:700;
}

#kiyaku_content p {
font-size:0.8em;
margin:0 0 1em;
}

.submit_button {
margin:40px auto 0;
text-align:center;
}

.submit_button button {
border:0;
background:#fcff1b;
border-radius:100px;
display:inline-block;
line-height:0;
font-size:15px;
padding:25px 60px;
}

}

/*==================================================================================================================================
for PC 
==================================================================================================================================*/

@media all and (min-width:641px) {

#order_form .content {
margin:200px auto 0;
width:960px;
}

#order_form .content h2 {
border-bottom:4px #5eafe1 solid;
display:inline-block;
font-size:24px;
font-weight:400;
letter-spacing:2px;
margin:0 auto;
line-height:1em;
padding:0;
}

#order_form .content h2 span {
display:inline-block;
margin:0 auto;
padding:0 0 7px;
}

form {
border:1px #aaa solid;
margin:50px auto;
padding:40px;
width:700px;
}

#order_form .form_item {
border-top:1px #ddd solid;
margin:20px 0 0;
padding:20px 0 0;
}

#order_form .form_item:first-child {
border:0;
margin:0;
}

.form_item .title {
font-size:1em;
font-weight:400;
display:block;
margin:0  0 0.5em;
}

.form_item label {display:block;}

.form_item input.text {
border: 1px #ddd solid;
border-radius:0.2em;
padding:5px 10px;
width:680px;
-webkit-appearance:none;
font-size:1em;
}

#contact_textarea textarea {
height:15em;
border: 1px #ddd solid;
border-radius:0.2em;
padding:5px 10px;
width:680px;
-webkit-appearance:none;
font-size:1em;
}

.seisakubui_list_block_title {display:none;}

.seisakubutsu_list_block {margin:0 40px 20px 0;}

.seisakubutsu_list_block .form-check {display:inline-block;}

.seisakubui_list_block {
float:left;
margin:0 0 20px 0;
width:50%;
}

.seisakubui_list_block .form-check {width:10%;}

.seisakubui_list_block .form-check .number_up {
background:#ffcece;
border-radius:5px 5px 0 0;
display:block;
text-align:center;
width:100%;
}

.seisakubui_list_block .form-check .checkbox_up {
background:#f8f8f8;
border-radius:0 0 5px 5px;
display:block;
text-align:center;
width:100%;
}

.seisakubui_list_block .form-check .number {
background:#ffcece;
border-radius:0 0 5px 5px;
display:block;
text-align:center;
width:100%;
}

.seisakubui_list_block .form-check .checkbox {
background:#f8f8f8;
border-radius:5px 5px 0 0;
display:block;
text-align:center;
width:100%;
}

#seisakubui .notice_error {float:left;}

.seisakubui_list_block .form-check {display:inline-block;}

#kiyaku_content {
border:1px #ddd solid;
margin: 1em 0;
height:10em;
overflow: scroll;
padding:1em;;
}

#kiyaku_content h3  {
font-size:1em;
font-weight:700;
}

#kiyaku_content p {
font-size:12px;
margin:0 0 1em;
}

#thankspage {text-align:center;}


#form_upload input {
}

.submit_button {
margin:40px auto 0;
text-align:center;
}

.submit_button button {
border:0;
background:#fcff1b;
border-radius:100px;
display:inline-block;
line-height:0;
font-size:15px;
padding:25px 60px;
}

}