@charset 'UTF-8';


/* 左右の aside をなくして広くマージンを取る */
.main-left, .article-main {
	width: 100%;
}

/**************************************************************************************************/

.home-eria {
    background-color: #fffeef;
    overflow: hidden;
    border: solid 1pX #336699;
    margin: 0 auto 2%;
    box-sizing: border-box;
}

.home-h3 {
    text-align: center;
    width: 100%;
    background: #3399ff;
    margin: 0;
    border-top: solid 5PX blue;
    border-bottom: solid 5PX blue;
    color: #fff;
    font-size: 2em;
}

.inquiry-form {
	margin: 3% 10%;
	padding-bottom: 3%;
	border: 2px solid #dddccd;
	border-radius: 10px;
	float: left;
	width: 80%;
	background-color: #fafafa;
}

.form-summary {
	background: #ffffff;
	width: 30%;
	margin: 3% auto 1%;
	padding: 5px 0;
	font-size: 18pt;
	text-align: center;
	border: 2px solid #aaa;
	border-radius: 20px;
	box-shadow: 0 -1px 0 rbga(255, 255, 255, 1) inset;
}

.home-eria p {
	text-align: center;
}

.description .required {
	color: #F00;
}

.must-item-info .required {
	color: #F00;
}

.input-inquiry .table-frame {
	display: table;
	width: 80%;
	margin: 0 auto;
}

.input-inquiry .table-frame .form-line {
	display: table-row;
	list-style-type: none;
}

.input-inquiry .table-frame .form-line .display-input-type {
	display: table-cell;
	text-align: right;
	vertical-align: top;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 20px;
}

.input-inquiry .table-frame .form-line .display-input-type .required {
	color: #F00;
}

.input-inquiry .table-frame .form-line .input-item {
	display: table-cell;
	vertical-align: bottom;
	text-align: left;
	padding-bottom: 20px;
}

.input-inquiry .table-frame .form-line .input-item .category-box {
	display: table-cell;
	left: 0;
	margin-left: 0;
	padding-left: 0;
	--webkit-padding-bottom: 5px;
	text-align: left;
	font-size: 12pt;
	width: 70%;
	height: 26px;
}

.input-inquiry .table-frame .form-line .input-item .category-box .category-item {
	font-size: 12pt;
	vertical-align: text-top;
}

.name{
	font-size: 15px;
	width: 60%;
}

.mail{
	font-size: 15px;
	width: 80%;
}

.input-inquiry .table-frame .form-line .input-item .inquiry-text {
	font-size: 12pt;
	width: 80%;
	height: 200px;
	line-height: 1.2em;
}

.input-inquiry .clickable-area .confilmation-check {
	display: inline-block;
	margin-right: 1%;
	text-align: center;
	vertical-align: middle;
}

.input-inquiry .form-button {
	margin-top: 1%;
	text-align: center;
}

.input-inquiry .form-button .button-design {
	border-radius: 10px;
	padding: 10px 20px;
}