
/* foorm
--------------------------------------------------------------------------------------------------------
*/
.form p{
	margin:10px 0 25px; 
}

.form p.required{
	color:#fa6565;
	margin-bottom:-30px;
	font-weight:bold;
}
.form p.required2{
	color:#fa6565;
	font-weight:bold;
}

@media only screen and  (max-width: 767px) {
.form p.required{
	color:#fa6565;
	margin-bottom:-10px;
}

}

.form input[type="text"] {
	border:1px solid #a4a4a4;
	padding:7px;
}

input .kibou{
	widh:60px;
}

.form-group .control-label {
	color:#fa6565;
	font-weight:bold;
}
@media only screen and  (min-width: 768px) {
.form-list {
	clear:both;
	margin-bottom:20px;
}

.form {
	max-width:100%;
	margin:10px auto;
	line-height:1.6;
}
}
.form-btn {
	max-width:450px;
	margin: 30px auto;
	text-align:center;
}
@media only screen and  (max-width: 767px) {
.form-btn {
	max-width:300px;
	margin: 20px auto 20px;
	text-align:center;
}

}
.check-page {
	margin-top:-20px;
	margin-bottom:50px;
	padding-bottom:40px;
	border-bottom:1px solid #e6e6e6;
	
}

.check-page2 {
	
	margin-bottom:30px;
	padding-bottom:20px;
	border-bottom:1px solid #e6e6e6;
	height:50px;
}

.both {
	clear:both;
}
.clearfix:after{
	content: "";
	clear: both;
	display: block;
}

.box{
	height:auto;
	overflow:hidden
}

.post-page {
	margin-bottom:20px;
	padding-bottom:20px;
	border-bottom:1px solid #e6e6e6;
}
.post-page2 {
	margin-bottom:20px;
	padding-bottom:20px;
	
}

@media only screen and  (max-width: 767px) {
.check-page {
	margin-bottom:5px;
	padding-bottom:5px;
	margin-top:0px;
}

.check-page2 {
	margin-bottom:5px;
	padding-bottom:5px;
	height:70px;
	border-bottom:1px solid #e6e6e6;
}
.post-page {
	margin-bottom:5px;
	padding-bottom:5px;
}
.post-page2 {
	margin-bottom:5px;
	padding-bottom:5px;
}
}

@media only screen and  (min-width: 768px) {
input[type="text"] ,input[type="email"] {
	width:80%;
}
.zipcode {
	width:30%;
}
}

.form-error font {
	margin-top:-20px;
}
.form-tel {
	font-size:25px;
	font-weight:bold;
	color:#8d8d8d;
}

@media only screen and  (max-width: 767px) {
.form-sp-bottom {
	margin-bottom:15px;
}
}

.input-btn-wrap {
	margin-top:-10px;
}
.form-caution {
	color:#e10000;
	font-weight:bold;
	border: 1px solid #e10000;
	padding:15px;
}

.bnr-area {
	margin-left:10px;
	margin-top:10px;
}
.bnr-area ul {
	margin:30px 0 0 0 ;
}
.bnr-area li {
	float:left;
	margin-right:5px;
	padding-right:5px;
}
@media only screen and  (max-width: 767px) {
.bnr-area {
	margin:0 auto;
}
.bnr-area ul {
	margin:0 auto;
}
	.bnr-area li {
	float:none;
	margin-bottom:5px;
}
}

@media (min-width: 768px) {
img.pc{ display: block !important;}
img.sp{ display: none !important;}
.switch-pc{ display: inline-block;}
.switch-sp{ display: none;}
}

@media only screen and (max-width: 767px) {
img.pc{ display: none !important;}
img.sp{ display: block !important;}
.switch-pc{ display: none;}
.switch-sp{ display: inline-block;}
}

.inline-nengou {
	display:inline;
}
.form-group .spacer-form {
	padding-right:4px;
	padding-left:4px;
	padding-right:1px;
	padding-left:1px;
}
.form-group .spacer-form2 {
	margin-right:15px;
	padding-left:4px;
}

.form-group .row {
	margin-left:0px;
	margin-right:0px;
}
.thanks-wrap {
	margin:20px 10px;
}

.head-border {
    display: flex;
    align-items: center;
	color:#fa6565;
	font-weight:bold;
	max-width:99%;
	margin:30px auto 50px;
	padding-bottom:30px;
	font-size:18px;
}
@media only screen and (max-width: 767px) {
.head-border {
	margin:30px auto 50px;
	padding-bottom:0px;
	font-size:16px;
}

}

.head-border:before,
.head-border:after {
    content: "";
    height: 2px;
    flex-grow: 1;
    background-color: #fa6565;
}

.head-border:before {
    margin-right: 1rem;
}

.head-border:after {
    margin-left: 1rem;
}
@media (min-width: 768px) {
.area-box {
	margin-bottom:30px;
}
}

.text-area-bottom {
	margin-bottom:10px;
	margin-top:10px;
	width:100%;
}
@media (min-width: 768px) {
.radio-wrap {
	margin-top:8px;
}
}

.va-b {
	vertical-align:bottom;
	margin-top:9px;
}

.form-line {
	height: 2px;
    background-color: #fa6565;
	margin:30px auto 50px;
}

/* ===============================================
	font
=============================================== */
@font-face {
	font-family: "iconvault";
	src: url("../font/icon.eot");
	src: url("../font/icon.eot?#iefix") format("embedded-opentype"),
	url("../font/icon.woff") format("woff"),
	url("../font/icon.ttf") format("truetype"),
	url("../font/icon.svg#iconvault") format("svg");
	font-weight: normal;
	font-style: normal;
}
#nav_sitemap .cat_name a:before {
	font-family: "iconvault";
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	text-decoration: inherit;
	color: #fa6565;
}
.icon-home:before { content: "\f100"; }
.icon-menu:before { content: "\f101"; }
.icon-access:before { content: "\f102"; }
.icon-blog:before { content: "\f103"; }
.icon-tel:before { content: "\f104 \A0"; }
.icon-navdown:before,
.nav_type02 li a:before { content: "\f105 \A0";}
.icon-mail:before { content: "\f106"; }
.icon-outlink:after { content: "\A0 \f107";}
.icon-news:before { content: "\f108"; }
.icon-arrow:before,
.nav_type01 li a:before,
#nav_sitemap .cat_name a:before {
	content: "\f109 \A0";
}
/* =======================================
	font-icon
======================================= */
@font-face {
	font-family: "icomoon";
	src:url("../font/icomoon.eot?oaptya");
	src:url("../font/icomoon.eot?#iefixoaptya") format("embedded-opentype"),
		url("../font/icomoon.woff?oaptya") format("woff"),
		url("../font/icomoon.ttf?oaptya") format("truetype"),
		url("../font/icomoon.svg?oaptya#icomoon") format("svg");
	font-weight: normal;
	font-style: normal;
}
[class^="icon-"], [class*=" icon-"] {
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.icon-access:before,
.icon-arrow-down5:before,
.icon-arrow-left5:before,
.icon-arrow-right5:before,
.icon-arrow-up5:before,
.icon-sitemap:before,
.icon-popup:before,
.icon-leaf:before,
.icon-clock:before,
.icon-arrow-left4:before,
.icon-arrow-down4:before,
.icon-arrow-up4:before,
.icon-arrow-right4:before,
.icon-arrow-left:before,
.icon-arrow-down:before,
.icon-arrow-up:before,
.icon-arrow-right:before,
.icon-arrow-left2:before,
.icon-arrow-down2:before,
.icon-arrow-up2:before,
.icon-arrow-right2:before,
.icon-arrow-left3:before,
.icon-arrow-down3:before,
.icon-arrow-up3:before,
.icon-arrow-right3:before {
	margin-right: 2px;
	vertical-align: middle;
	color: #fa6565;
}
.icon-access:before {
	content: "\e600";
}
.icon-arrow-down5:before {
	content: "\e611";
}
.icon-arrow-left5:before {
	content: "\e612";
}
.icon-arrow-right5:before {
	content: "\e613";
	font-size: 15px;
}
.icon-arrow-up5:before {
	content: "\e614";
}
.icon-home:before {
	content: "\e615";
}
.icon-sitemap:before {
	content: "\e617";
}
.icon-popup:before {
	content: "\e61b";
}
.icon-leaf:before {
	content: "\e619";
}
.icon-clock:before {
	content: "\e61a";
}
.icon-arrow-left4:before {
	content: "\e601";
}
.icon-arrow-down4:before {
	content: "\e602";
}
.icon-arrow-up4:before {
	content: "\e603";
}
.icon-arrow-right4:before {
	content: "\e604";
}
.icon-arrow-left:before {
	content: "\e605";
}
.icon-arrow-down:before {
	content: "\e606";
}
.icon-arrow-up:before {
	content: "\e607";
}
.icon-arrow-right:before {
	content: "\e608";
}
.icon-arrow-left2:before {
	content: "\e609";
}
.icon-arrow-down2:before {
	content: "\e60a";
}
.icon-arrow-up2:before {
	content: "\e60b";
}
.icon-arrow-right2:before {
	content: "\e60c";
}
.icon-arrow-left3:before {
	content: "\e60d";
}
.icon-arrow-down3:before {
	content: "\e60e";
}
.icon-arrow-up3:before {
	content: "\e60f";
}
.icon-arrow-right3:before {
	content: "\e610";
}