@charset "utf-8";

@charset "utf-8";



/* ------------------------------------------

このサイトについて

------------------------------------------ */
#area #container #sidebar{
	display:none;
}
#area #container > #pageTop .sp{
	display:none;
}
#area #container #wrapper #content{
	width:100% !important;
	float:none;
	margin:0 auto;
}
#area #container #wrapper #content *{
	line-height:1.8 !important;
}
#area #container #wrapper #content .linkList h2{
	margin:0 0 30px;
	padding:0 0 8px;
	border-bottom:1px solid #d3d3d3;
	font-size:1.1rem;
}
#area #container #wrapper #content .linkList p{
	display:none;
}
#area #container #wrapper #content p.about-lead{
	width:auto;
	margin:0 0 20px;
	padding:0 15px 0;
}
#area #container #wrapper #content p.about-company{
	width:auto;
	padding:0 15px 25px;
}
#area #container #wrapper #content dl.about-body{
	padding:0;
	border-top:1px solid #d3d3d3;
}
#area #container #wrapper #content dl.about-body dt{
	display:block;
	margin:0 15px;
	padding:25px 0;
	height:1;
	font-weight:bold;
	font-size:1.1rem;
}
#area #container #wrapper #content dl.acc dt{
	background:url('../images/btn_open.png') no-repeat right center;
	cursor:pointer;
}
#area #container #wrapper #content dl.acc dt.close{
	background:url('../images/btn_close.png') no-repeat right center;
	cursor:pointer;
}
#area #container #wrapper #content dl.about-body dd{
	display:block;
	padding:0 15px 25px;
}
#area #container #wrapper #content dl.about-body.contact dd{
	padding:0 15px;
}
#area #container #wrapper #content dl.acc dd{
	display:none;
}
#area #container #wrapper #content dl.about-body dd ol li{
	list-style-type:decimal;
	margin:0 0 0 1.5em;
}
#area #container #wrapper #content dl.about-body dd ul li{
	list-style-type:disc;
	margin:0 0 0 1.5em;
	padding:0;
}
#area #container #wrapper #content dl.contact img.call{
	display:inline-block;
	margin:8px 0 10px 0 !important;
}


.linkList h1 {
	width: 956px;
	height: 42px;
	font-size: 24px;
	border-bottom: 5px solid #9a0000;
	margin-bottom: 22px;
}


/* ------------------------------------------

コンテンツ内のリンク設定

------------------------------------------ */
#area #container #wrapper #content a.allow{
	padding:0 0 0 1.2em;
	background:url('../images/icon_allow.png') no-repeat left center;
	background-size:0.5em auto;
}
#area #container #wrapper #content a:link {
	text-decoration:underline;
	color: #333;
}
#area #container #wrapper #content a:visited {
    text-decoration:underline;
	color: #333;
}
#area #container #wrapper #content a:hover {
    text-decoration:underline;
	color: #F60;
}
#area #container #wrapper #content a:active {
    text-decoration:underline;
	color: #F60;
}



/* ------------------------------------------

ヘッダー・フッターの表示切替

------------------------------------------ */
#headerSp {
	display: none;
}
#footerSp {
	display: none;
}


/*  */

.form-wrap{
	width:100%;
	margin:50px auto;
	padding:0;
}

.form-group{
	background-color:#FDF7E0;
}

.form-group .col-sm-10{
	background-color:#fff;
}

.form-attention{
	font-size:1.4rem;
	margin:0 0 15px;
	padding:0;
}

.form-attention span{ color: #990000; font-weight: bold; }

.control-label i{
	margin:0;
	padding:0;
	color:#990000 !important;
	font-size:10px;
}

.form-input-inline{ display: inline; }
.form-input-block{ display:block; }

@media screen and (max-width:768px){
	input,select,button,textarea,.input-group{ margin-bottom:0.5em; }
	.form-imput-twostage{ margin-bottom:0.5em; }
}
@media screen and (min-width:769px){
	.form-imput-twostage{ margin-bottom:0.5em; }
}

.last-box{
	margin-bottom:50px;
}

.form-wrap hr {
	margin-top:5%;
	margin-bottom:5%;
	border: 0;
	border-top: 1px solid #ccc;
}

.form-wrap label{
	font-size:12px;
	font-weight: 700;
	color:#777;
}

.form-wrap label.radio-inline{ font-size:14px;color:#555; }



#mailformpro{
	width: 100%;
	max-width:100%;
	overflow: hidden;
}
.form-wrap table{
	width: 100%;
	margin: 0 0 30px;
	padding: 0;
	border:solid 1px #ddd;
}

.form-wrap table tbody{
	width: 100%;
	max-width:100%;
}

.form-wrap tr{
	border-bottom: solid 1px #ddd;
}

@media screen and (max-width: 767px){
	.form-wrap .list-area,
	.form-wrap .input-area{
		width: 100%;
		max-width:370px;
		display: block;
	}
}

@media screen and (max-width: 413px){
	.form-wrap .list-area,
	.form-wrap .input-area{
		width: 100%;
		max-width:335px;
		display: block;
	}
}
@media screen and (max-width: 320px){
	.form-wrap .list-area,
	.form-wrap .input-area{
		max-width:286px;
	}
}

.form-wrap .list-area{
	padding:15px;
	background-color:#FDF7E0;
	text-align:left;
}

.form-wrap .list-area:after {
	content: "";
	display: block;
	clear: both;
}

.form-wrap .list-area .control-label{
	padding-top: 0;
	font-size: 14px;
	font-weight: bold;
	color: #333;
	border: none;
}

.must-icon{
	display: inline-block;
	float: right;
	width: auto !important;
}

.form-wrap .input-area{
	padding: 15px;
}
.form-wrap .submit-area{
	padding:15px;
	text-align: center;
}

@media screen and (min-width: 768px){
	.form-wrap .list-area{
		width: 200px;
		padding:15px;
	}
	.form-wrap .input-area{
		width:auto;
		border-left: solid 1px #ddd;
	}
}

/*  */