@charset "UTF-8";


.page-image { background-image: url(../image/page-image.jpg);}
#main .page-contentes .page-contents-wrap { width: 80% !important; margin: 40px auto 0;}

input:placeholder-shown,textarea:placeholder-shown{ color: silver; }
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{ color: silver; }
input:-moz-placeholder,textarea:-moz-placeholder{ color: silver; }
input::-moz-placeholder,textarea::-moz-placeholder{ color: silver; }
input:-ms-input-placeholder,textarea:-ms-input-placeholder{ color: silver; }
input[type="text"],input[type="password"],textarea{ box-sizing: border-box; padding: 15px; border-radius: 3px; border: 1px solid #dddddd; font-size: 1.14rem; }
select{ font-size: 1rem; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: transparent; position: relative; z-index: 1; padding: 5px 40px 5px 10px; border: 1px solid #cccccc; border-radius: 3px; background-color: #ffffff; }
select::-ms-expand{ display: none; }
#main .error-txt{ color: #dd0000; }
#main .view-form{ position: relative; }
#main .view-form .form-content{ max-width: 1000px; /*background-color: #ffffff;*/ margin-left: auto; margin-right: auto; }
#main .view-form .form-content .form-intro{ margin-bottom: 30px; }
#main .view-form .form-content .form-intro .marker{ color: #e95504; }
#main .view-form .form-content .form-list{ border: dotted #999999; border-width: 1px 0; }
#main .view-form .form-content .form-list .item{ display: -ms-flex; display: flex; align-items: center; padding: 20px 15px; }
#main .view-form .form-content .form-list .item+.item{ border-top: 1px dotted #999999; }
#main .view-form .form-content .form-list .item .field-head{ color: #424242; font-weight: bold; width: 220px; position: relative; padding-right: 80px; box-sizing: border-box; }
#main .view-form .form-content .form-list .item .field-body{ overflow: hidden; flex: 1; }
#main .view-form .form-content .form-list .item .field-head,
#main .view-form .form-content .form-list .item .field-body,
#main .view-form .form-content .form-list .item .field-body p{ font-size: 16px; }
#main .view-form .form-content .form-list .item .field-head .required{ font-size: 14px; line-height: 1.2; color: #ffffff; background-color: #e95504; font-weight: normal; padding: 0 5px; position: absolute; right: 40px; top: 50%; transform: translateY(-50%); }
#main .view-form .form-content .form-list .item .field-body .caption{ font-size: 14px; }
#main .view-form .form-content .form-list .item .field-body .sec{ margin-top: 15px; padding-top: 15px; border-top: 1px dotted #999999; }
#main .view-form .form-content .col-block{ display: block; }
#main .view-form .form-content label{ margin-right: 20px; cursor: pointer; }
#main .view-form .form-content input[name="name"],
#main .view-form .form-content input[name="kana"],
#main .view-form .form-content input[name="tel"]{ width: 61.54%; }
#main .view-form .form-content input[name="post_code"]{ width: 40%; }
#main .view-form .form-content input[name="address"],
#main .view-form .form-content input[name="email"]{ width: 98.46%; }
#main .view-form .form-content textarea[name="content"]{ width: 98.46%; height: 150px; }
#main .view-form .form-content .note{ margin-top: 50px; text-align: center; }
#main .view-form .form-content .note .txt{ font-size: 12px; }
#main .view-form .form-content .note .navi-list,
#main .view-note .navi-list{ margin-top: 20px; display: -ms-flex; display: flex; justify-content: center; }
#main .view-form .form-content .note .navi-list .item+.item,
#main .view-note .navi-list .item+.item{ margin-left: 10px; }
#main .view-form .form-content .note .submit-navi a,
#main .view-note .submit-navi a{ background: linear-gradient(to bottom, #88c6e2 0%,#009ce2 100%); display: inline-block; padding: 10px 20px; border: 1px solid #009ce2; border-radius: 3px; color: #ffffff; text-decoration: none; min-width: 80px; }
#main .view-form .form-content .note .prev-navi a,
#main .view-note .prev-navi a{ background: linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%); display: inline-block; padding: 10px 20px; border: 1px solid #d9d9d9; border-radius: 3px; color: #808080; text-decoration: none; min-width: 80px; }
#main .view-note{ position: relative; padding: 0 5%; text-align: center; }



@media screen and (max-width: 768px) {
	#main .page-contentes .page-contents-wrap { width: 100% !important; margin: 40px auto 0;}
	#main .view-form .form-content .form-intro{ margin-bottom: 10px; }
	#main .view-form .form-content .form-list .item{ display: block; padding: 20px 10px; }
	#main .view-form .form-content .form-list .item .field-head{ width: auto; padding-right: 0; }
	#main .view-form .form-content .form-list .item .field-head .required{ position: static; transform: none; margin-left: 5px; }
	#main .view-form .form-content input[name="name"],
	#main .view-form .form-content input[name="kana"],
	#main .view-form .form-content input[name="tel"]{ width: 98.46%; }
	#main .view-form .form-content input[name="post_code"]{ width: 60%; }
}