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


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

下層共通

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

main.main-content section:not(#contacts) .inner{
	max-width: 1000px;
}

#c-form #back-btn,
#c-form #contacts,
#c-form footer{
	display: none;
}

/* mv周り */
.visual{
	display: block;
	padding: 200px 20px 140px;
	margin-bottom: 0;
	background: url(../../img/about/mv.jpg)no-repeat center bottom;
	background-size: cover;
	box-sizing: border-box;
	text-align: center;
	position: relative;
}
.visual .mv-inner{
	width: 100%;
	max-width: 1200px;
	padding: 20px;
	margin: -50px auto 0;
	box-sizing: border-box;
}
.visual .mv-inner h1{
	font-size: 36px;
	font-weight: bold;
	color: #fff;
}
.visual .mv-inner p{
	display: inline-block;
	padding-top: 15px;
	font-size: 20px;
	color:#F0A23C
}
.visual ul{
	display: flex;
	padding: 10px 40px;
	background: #fff;
	position: absolute;
	right: 0;
	bottom: 0;
}
.visual ul li{
	display: flex;
	align-content: center;
	align-items: center;
	padding-right: 19px;
	background: url('../img/arrow/pankuzu.svg')no-repeat center right 6px;
	background-size: 5px;
}
.visual ul li:last-child{
	padding-right: 0;
	background: none;
}
.visual ul a{
	font-size: 12px;
	line-height: 1;
	color: #707070;
}

/* セクション見出し */
main.main-content .section-ttl{
	width: 100%;
	text-align: left;
	font-size: 30px;
	margin-bottom: 30px;
}
main.main-content .section-ttl ~ .center{
	font-size: 20px;
	line-height: 2;
	margin-bottom: 50px;
}
main.main-content .section-ttl .green{
	font-size: 20px;
}

/* セクション見出し2 */
main.main-content .section-ttl-2{
	padding-top: 45px;
	font-size: 25px;
	line-height: 1.2;
}
main.main-content .section-ttl-2 .small{
	font-size: 14px;
	font-weight: normal;
	color: #707070;
}
main.main-content .section-ttl-2 .orange{
	font-size: 35px;
	color: #FD9E0D;
}

/* 汎用 */
main.main-content .center{
	text-align: center;
}

@media (max-width: 768px){
	.visual{
		padding: 140px 20px 90px;
	}
	.visual .mv-inner h1{
		font-size: 30px;
	}
	.visual .mv-inner p{
		padding-top: 10px;
		font-size: 15px;
	}
	main.main-content .section-ttl{
		margin-bottom: 20px;
		font-size: 22px;
	}
	main.main-content .section-ttl ~ .center{
		font-size: 16px;
	}
}


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

#c-form

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

/* .intro */
#c-form main.main-content > section.intro {
	margin-bottom: 0;
}
#c-form .intro .section-ttl{
	margin-bottom: 35px;
}
#c-form .intro p{
	font-size: 18px;
	margin-bottom:25px;
}

/* .privacy */
#c-form .privacy .ttl-area {
	padding-bottom: 15px;
	border-bottom: solid 2px #FF9E0D;
	margin-bottom: 35px;
}
#c-form .privacy .ttl-area h3{
	font-size: 26px;
	font-weight: bold;
}
#c-form .privacy .ttl{
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 15px;
}
#c-form .privacy p{
	line-height: 2;
	margin-bottom: 40px;
}
#c-form .privacy p:last-child{
	margin-bottom: 0;
}


#c-form .main-content section.form .inner .orange{
	padding-bottom: 10px;
	margin-bottom: 20px;
	border-bottom: solid 2px #FF9E0D;
	font-size: 24px;
	font-weight: bold;
}

#c-form .visual{
	background: url(../../img/contact/mv.jpg)no-repeat center bottom;
	background-size: cover;
}
#c-form .main-content section .inner .requir {
	color:#FF9E0D;
	font-weight: bold;
}
#c-form .main-content section.form .inner{
}
#c-form .main-content section.form .inner .border{
	padding: 10px 45px 35px;
	margin-bottom: 50px;
	border:solid 4px #D6D6D6 ;
}
#c-form .main-content section.form .inner table{
	width: 100%;
	margin-bottom: 60px;
}
#c-form .main-content section.form .inner table tr {
	max-width: 900px;
	display: flex;
	align-content: center;
	align-items: center;
	padding: 30px 0px;
	background: url(../img/form-line.svg)no-repeat center bottom;
	background-size: contain;
	border-bottom: dotted 2px #DBDBDB;
}
#c-form .main-content section.form .inner table tr.top-line {
	align-items: flex-start;
}
#c-form .main-content section.form .inner table tr:last-child {
	background:none;
	padding-bottom: 50px;
}
#c-form .main-content section.form .inner table tr.vertocal-top {
	align-items: flex-start;
}
#c-form .main-content section.form .inner table tr .requir{
	padding:4px 8px;
}
#c-form .main-content section.form .inner table tr th{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-start;
	width: 32%;
	height: 100%;
	padding-right:20px;
	font-size: 20px;
	font-weight: bold;
	color: #000000;
}
#c-form .main-content section.form .inner table tr td{
	width: 68%;
	font-size:16px;
}
#c-form .main-content section.form .inner table tr td.youbou > span{
	display:block;
}
#c-form .main-content section.form .inner table tr td.youbou .horizontal-item + .horizontal-item{
	margin-left: 0;
}
#c-form .main-content section.form .inner td.youbou > span:nth-child(1) .mwform-checkbox-field-text:after {
    content: '(マンション営繕工事に関するパンフレット)';
    width: 100%;
    padding-left: 0;
    font-size: 13px;
    display: block;
    box-sizing: border-box;
}
#c-form .main-content section.form .inner table tr.form-checkbox td{
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	align-content: flex-start;
	justify-content: flex-start;
}
#c-form .main-content section.form .inner table tr.form-checkbox td > span{
	width: 49%;
}
#c-form .main-content section.form .inner table tr.form-checkbox td > span:nth-child(odd){
	margin-left: 0;
}
#c-form .main-content section.form .inner table tr.form-checkbox td p.info{
	width: 100%;
	margin-bottom: 7px;
}
#c-form .main-content section.form .inner input[type="text"],
#c-form .main-content section.form .inner textarea{
	max-width: 600px;
}
#c-form .main-content section.form .inner input[type="text"].short-s-input{
	width: 10%;
	margin-left: 50px;
	margin-right: 10px;
}
#c-form .main-content section.form .inner input[type="text"]:first-child.short-s-input{
	margin-left: 0px;
}
#c-form .main-content section.form .inner input[type="text"].short-input{
	width: 30%;
}
#c-form .main-content section.form .inner input[type="text"].middle-input{
	width: 85%;
}

#c-form .main-content section.form .inner table tr td .clm2{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	align-content: center;
	margin-bottom: 10px;
}
#c-form .main-content section.form .inner table tr td .clm2 input[type="text"],
#c-form .main-content section.form .inner table tr td .clm2 select{
	margin-left: 25px;
}
#c-form .main-content section.form .inner table tr td .clm2 select{
	padding: 15px;
	border:solid 2px #D6D6D6;
}
#c-form .main-content section.form .inner input[type="text"],
#c-form .main-content section.form .inner textarea{
	width: 100%;
	padding: 15px;
	border:solid 2px #D6D6D6;
	box-sizing: border-box;
}
#c-form .main-content section.form .inner input[type="checkbox"]{
	display: none;
}
#c-form .main-content section.form .inner input[type="checkbox"] + label{
	display: inline-block;
	cursor: pointer;
	position: relative;
	padding-left: 30px;
	margin-right: 10px;
	margin-bottom: 5px;
}
#c-form .main-content section.form .inner .form-checkbox p:nth-child(2n) input[type="checkbox"] + label{
	margin-right: 0;
}
#c-form .main-content section.form .inner input[type="checkbox"] + label:before { 
	content: "";
	display: block;
	width: 20px;
	height: 20px;
	position: absolute;
	margin-right: 7px;
	background: #EEEEEE;
	border-radius: 45px;
	top: 3px;
	left: 0;
}
#c-form .main-content section.form .inner input[type="checkbox"]:checked + label.checkbox01:before {
	content: "";
	display: flex;
	justify-content: center;
	align-items: center;
	align-content: center;
	width: 12px;
	height: 12px;
	background:#FF9E0D;
	border:solid 4px #EEEEEE;
	border-radius: 50px;
}
#c-form .main-content section.form .inner td .mwform-checkbox-field-text{
	display: inline-block;
	flex-wrap: wrap;
	cursor: pointer;
	position: relative;
	width: auto;
	padding-left: 25px;
	margin-right: 0;
	margin-bottom: 7px;
}
#c-form .main-content section.form .inner td .mwform-checkbox-field-text:before { 
	content: "";
	display: block;
	width: 20px;
	height: 20px;
	margin-right: 7px;
	background: #EEEEEE;
	border-radius: 45px;
	position: absolute;
	top: 3px;
	left: 0;
}
#c-form .main-content section.form .inner input[type="checkbox"]:checked + .mwform-checkbox-field-text:before {
	content: "";
	display: flex;
	justify-content: center;
	align-items: center;
	align-content: center;
	width: 12px;
	height: 12px;
		background:#FF9E0D;
	border:solid 4px #EEEEEE;
	border-radius: 50px;
}

#c-form .main-content section.form .inner table:last-child{
	margin-bottom: 10px;
}
#c-form .main-content section.form .inner table:last-child tr:last-child{
	padding-bottom: 0;
	border-bottom: 0;
}
@media screen and (max-width: 900px){
	tr.form-checkbox p{
		width: 100%;
	}
	#c-form .main-content section.form .inner input[type="checkbox"] + label{
		margin-right: 0px;
	}
}

#c-form.c-form section.recruit .inner p{
	margin-bottom: 20px;
	font-size: 20px;
	line-height: 1.7;
}
#c-form.c-form section.recruit .inner p span:not(.requir){
	color: #E87F24;
	font-weight: bold;
}

@media screen and (max-width: 950px){
	main.main-content section.form .inner{
		padding-left: 0;
		padding-right: 0;
	}
	#c-form .main-content section.form .inner table{
		margin-bottom: 30px;
	}
	#c-form .main-content section.form .inner .orange{
		font-size: 20px;
	}
	#c-form .main-content section.form .inner table tr{
		padding: 20px 0;
	}
	#c-form .main-content section.form .inner table tr.form-checkbox td{
		display: block;
	}
	#c-form .main-content section.form .inner table tr.form-checkbox td p{
		width: 100%;
	}
	#c-form .main-content section.form .inner table tr.form-checkbox td p.info{
		font-size: 14px;
	}
	#c-form.c-form section.recruit .inner p{
		font-size: 16px;
	}
	#c-form .main-content section.form {
		width: calc(100% - 20px);
		margin: 0 auto;
	}
	#c-form .main-content section.form .inner .border{
		padding: 10px 20px 20px;
	}
	#c-form .main-content section.form .inner table tr{
		flex-wrap: wrap;
	}
	#c-form .main-content section.form .inner table tr:first-child{
		padding-top: 10px;
	}
	#c-form .main-content section.form .inner table tr:last-child{
		border: none;
	}
	#c-form .main-content section.form .inner table tr th,
	#c-form .main-content section.form .inner table tr td{
		width: 100%;
	}
	#c-form .main-content section.form .inner table tr th{
		justify-content: flex-start;
		font-size: 18px;
		margin-bottom:10px;
	}
	#c-form .main-content section.form .inner table tr th span{
		margin-left:10px;
	}
	#c-form .main-content section.form .inner table tr td{
		flex-wrap: wrap;
	}
	#c-form .main-content section.form .inner table tr.form-checkbox td > span,
	.mw_wp_form .horizontal-item + .horizontal-item{
		display:block;
		width: 100%;
		font-size: 16px;
		margin-left:0;
		margin-bottom: 7px;
	}
	#c-form .main-content section.form .inner table tr td .clm2 input[type="text"],
	#c-form .main-content section.form .inner table tr td .clm2 select{
		width: 100%;
		margin-top: 5px;
		margin-left: 0;
		margin-bottom: 15px;
	}
	#c-form .main-content section.form .inner input[type="text"].short-s-input{
		width: 20%;
		margin-left: 20px;
	}
	.more-btn, input[type="submit"].more-btn{
		max-width: 90%;
	}
}