@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Poppins:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i');

main {padding-bottom:80px;background:url(../img/common/bg_lower.png)repeat-y;background-size:contain;}

/* topContact */
.topContact {padding: 70px 0 40px; background: url(../img/top/bg_contact.jpg);background-size:cover;}
.topContact img {vertical-align: top;}

/* topArea */
.topArea{background:#515813; padding: 10px 0;border-bottom:1px solid #fff;}
.topArea p{text-align:center;}

/* .titleArea */
.titleArea-company {
	padding: 150px 0;
	margin:0; 
	width: 100%; 
	background: url(../img/company/bg_company.jpg) no-repeat; background-size: cover;
	background-position: center bottom;
}
.titleArea-contact {
	padding: 150px 0;
	margin:0; 
	width: 100%; 
	background: url(../img/contact/bg_contact.jpg) no-repeat; background-size: cover;
	background-position: center bottom;
}
.titleArea-work {
	padding: 150px 0 100px;
	margin:0; 
	width: 100%; 
	background: url(../img/work/bg_work.jpg) no-repeat; background-size: cover;
}
.titleArea-recruit,
.titleArea-staff{
	padding: 150px 0 100px;
	margin:0; 
	width: 100%; 
	background: url(../img/recruit/bg_recruit.jpg) no-repeat; background-size: cover;
	background-position: center bottom;
}
.titleArea-bridge {
	padding: 150px 0 100px;
	margin:0; 
	width: 100%; 
	background: url(../img/bridge/bg_bridge.jpg) no-repeat; background-size: cover;
	background-position: center center;
}
.titleArea-house {
	padding: 150px 0 100px;
	margin:0; 
	width: 100%; 
	background: url(../img/house/bg_house.jpg) no-repeat; background-size: cover;
	background-position: center top;
}
.titleArea-reform {
	padding: 150px 0 100px;
	margin:0; 
	width: 100%; 
	background: url(../img/reform/bg_reform.jpg) no-repeat; background-size: cover;
	background-position: center bottom;
}
.titleArea-company h2,
.titleArea-contact h2,
.titleArea-work h2,
.titleArea-recruit h2,
.titleArea-bridge h2,
.titleArea-house h2,
.titleArea-reform h2,
.titleArea-staff h2{ 
	padding: 0;
	text-align: center;
}

.lower p {letter-spacing:0.05em;font-size:90%;line-height: 1.5; padding: 0 0 20px;}

/* contact */
.contact { padding: 0; background: #fff;}
.contact h3 {
	clear: both;
	margin-bottom: 20px;
	padding-bottom: 10px;	
	color: #1d262c;
	font-size: 24px;
	font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
	line-height: 1.3;
	border-bottom: 3px double #1d262c;
}
.contact h4{
	clear: both;
	margin:0 0 20px;
	font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;	
	font-size:1.2em;
	color: #7d0000;
	line-height: 1.1;
}
.contact .textArea {padding:80px 0 0;color:#429d8f;background:url(../img/contact/bg.png)no-repeat right top;}
.inq_table{width:100%;letter-spacing:0.05em;font-size:90%;position:relative;}
.inq_table th {width:200px;background:#cfe6e6;color:#1d262c;vertical-align:top;}
.inq_table th span {float:right;color:#e00;font-size:11px;padding:5px 5px;border-radius:5px;}
.inq_table td {padding:10px 15px;background:#f3f4f4;vertical-align:middle;}
.inq_table td p {padding-bottom:0;font-size:12px;color: #777;}
.inq_table td span {font-size: 12px;color:#777;margin-left:5px;}
.btn_send {border:none;background:#228f80;cursor:pointer;padding:12px;font-size:16px;color:#fff;font-weight: bold; width:200px;}
.btn_send:hover {opacity:0.8;}
.btn_reset {background:#9fde66;margin-left:20px; }
.btn_reset:hover {background:#888;}
.btn_back {background:#888;}
.btn_back:hover {background:#aaa;}
.send {margin:30px auto 10px;width:432px; }
.back {margin:50px auto;width:224px; }
.cont01 {width:96%;height:30px;border:2px solid #e4eeee;border-radius:4px;}
.cont02 {width:96%;height:180px;border:2px solid #e4eeee;border-radius:4px;}
.cont03 {width:60%;border:2px solid #e4eeee;border-radius:4px;}
.cont04 {width:40%;border:2px solid #e4eeee;border-radius:4px;}
.cont05 {width:10%;border:2px solid #e4eeee;border-radius:4px;}

.contact .privacy {padding:25px;background:#f3f4f4;}

/* company */
.company{ padding: 0;background:#fff;}
.company h3 {
	clear: both;
	margin-bottom: 30px;
	font-size: 24px;
	font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
	line-height: 1.3;
	text-align: center;
}
.company h4{
	clear: both;
	margin:0 0 30px;
	padding-bottom: 10px;	
	font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;	
	font-size:30px;
	color: #7d0000;
	line-height: 1.1;
}
.company h5{
	clear: both;
	margin:0 0 20px;
	padding: 15px;
	font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;	
	font-size:20px;
	line-height: 1.1;
	background:#1d262c;
	color: #fff;
}
.about_table {width:100%;letter-spacing:0.05em;font-size:90%;position:relative;margin-bottom:10px;line-height:1.5;}
.about_table th { width: 25%; background: #1d262c; vertical-align: middle; color: #fff; }
.about_table td { background: #f3f4f4; vertical-align: middle; color: #000; }
.company .googlemap {width:100%;height:300px;margin-bottom: 50px;}

/* work */
.titleArea-work ul {width:66%;padding: 50px 0 0;margin:0 auto;font-size: 14px;}
.titleArea-work ul a { color: #fff; text-decoration: none; }
.titleArea-work ul a:hover { color: #fff; text-decoration: underline; }
.titleArea-work ul li { display: inline-block; padding: 0 10px; line-height: 1.8; text-align: center; }
.titleArea-work ul li i { padding-left: 5px }

.work {padding: 0;}
.workArea {margin-bottom:50px;padding: 0;background:#fff;border: 1px solid #edefee;}
.workArea h3 {padding: 12px 15px 15px;color: #fff;background: url(../img/work/bg_ttl.png)no-repeat left top;}
.workArea .box {padding: 0 15px 15px;}
.workArea img {max-width:524px;float: left;vertical-align:bottom;}

/* recruit */
.recruit {padding: 0 0 50px;color: #1d262c;background:#fff;}
.recruit h3 {clear: both;margin-bottom: 30px;font-size: 30px;line-height: 1.3;}
.recruit h4 {clear: both;margin-bottom: 10px;padding-bottom: 5px;font-size: 24px;line-height: 1.3;border-bottom: 1px solid #1d262c;}
.recruit h4 i {padding-right:8px;}
.recruit h5 {clear: both;margin-bottom: 10px;font-size: 16px;font-weight: normal;line-height: 1.3;}
.recruit p {font-size: 16px;line-height: 1.8;padding: 0 0 40px;}
.recruit p span {font-size:14px;color:#999;}

/* bridge */
.bridge {padding: 0;color: #1d262c;background:#fff;}
.bridge h3 {margin-bottom: 30px;}
.bridge h4 {margin-bottom: 15px; font-size: 20px; line-height: 1.1;}
.bridge h4 span {font-size: 16px;}
.bridge .picArea {padding: 100px 0 50px;}
.bridge .picArea .col-06 img.pic { display: block; margin-bottom:50px;}

.bridge .privacy {padding:25px;background:#f3f4f4;}
.bridge .privacy h4{clear: both;margin:0 0 20px;font-size:1.2em;color: #7d0000;line-height: 1.1;}
.bridge .privacy p {line-height:1.8;}
.bridge .privacy p strong {font-weight: normal;background: linear-gradient(transparent 70%, #ffff66 70%);}

/* house */
.house {padding: 0;color: #1d262c;background:#fff;}
.house h3 {margin-bottom: 30px;}
.house .picArea {padding: 50px 0; background: url(../img/house/bg_top.png) no-repeat 95% top; position:relative; z-index: 100;}
.house img.pic-img { margin-top:-270px; position:relative; z-index: 10;}
.house .mt50 { border-bottom: 3px dotted #1d262c; }

.house .picArea2 {padding: 50px 0; border-bottom: 3px dotted #1d262c;}
.house .picArea2 .col-04 img {margin-bottom: 10px;}
.house .picArea2 .col-04 p {padding-bottom: 10px; text-align: center; }

.house .picArea3 {padding: 200px 0 50px; background:url(../img/house/bg_picArea3.jpg) no-repeat right top;border-bottom:3px dotted #1d262c;}
.house .picArea3 .box{ padding: 0; display: block; float: left; margin-bottom: 10px; width: 49%; height: 200px; }
.house .picArea3 .box:nth-of-type(1) {background: #fcfbe9;border: 3px solid #f39800;border-radius: 10px;}
.house .picArea3 .box:nth-of-type(2) {background: #fcfbe9;border: 3px solid #f37200;border-radius: 10px; float: right;}
.house .picArea3 .box:nth-of-type(3) {background: #fcfbe9;border: 3px solid #d840b6;border-radius: 10px;}
.house .picArea3 .box:nth-of-type(4) {background: #fcfbe9;border: 3px solid #f3003f;border-radius: 10px; float: right; }
.house .picArea3 .box:nth-of-type(1) h4{margin:0; padding: 10px;background: #f39800;}
.house .picArea3 .box:nth-of-type(2) h4{margin:0; padding: 10px;background: #f37200;}
.house .picArea3 .box:nth-of-type(3) h4{margin:0; padding: 10px;background: #d840b6;}
.house .picArea3 .box:nth-of-type(4) h4{margin:0; padding: 10px;background: #f3003f;}
.house .picArea3 h4 {margin:0 0 15px; font-size: 16px; line-height: 1.1; color: #fff;}
.house .picArea3 span {font-size: 14px;}
.house .picArea3 p {font-size: 90%; padding: 15px; color: #4a6e12; }

.house .faq {padding: 50px 0;}
.house .faq .box {margin-bottom: 15px; padding: 0;border:1px solid #eaeaea; border-radius: 10px; box-shadow: 0px 2px 2px 0px #d0e7c6;}
.house .faq .box h4 {padding: 10px;background: #eaeaea;font-size: 15px; line-height: 1.3;font-weight: normal;}
.house .faq .box p {padding: 10px 0 20px;background: #fafafa;font-size: 15px; line-height: 1.3;overflow: hidden;}
.house .faq .box span.blue{
	clear: left;
	color: #69abe3;
	font-size:30px;
	font-family: "poppins",sans-serif;
	display: block;
	float: left;
	padding: 5px 30px;
}
.house .faq .box span.red{
	clear: left;
	color: #e4007f;
	font-size:30px;
	font-family: "poppins",sans-serif;
	display: block;
	float: left;
	padding: 5px 30px;
}

/* reform */
.reform {padding: 0;color: #1d262c;background:#fff;}
.reform h3 {margin-bottom: 60px;}
.reform .picArea {padding: 50px 0 0; background: url(../img/reform/bg_top.png) no-repeat right top; }
.reform .picArea ul{margin-bottom:30px;}
.reform .picArea ul li {display:inline-block;line-height:1.7;padding:0 10px;}
.reform .picArea ul li i{padding-right:5px;}
.reform .picArea p{font-size:16px;line-height:1.7;}
.reform .picArea p i{padding-right:5px;}
.reform .picArea p span{font-size:17px;font-weight:bold;}
.reform .pb50 { border-bottom: 3px dotted #1d262c; }

.reform .flow {padding: 50px 0 70px; background: url(../img/reform/bg_2.png) no-repeat 90% top; border-bottom: 3px dotted #1d262c;}
.reform .flow blockquote {
    position: relative;
    padding: 0 0 3px;
    box-sizing: border-box;
    color: #1d262c;
    border-left: solid 120px #9bc820;
	border-radius: 20px;
    background: #c3ec52;
}
.reform .flow blockquote:before{
    display: inline-block;
    position: absolute;
    top: 50%;
    left: -105px;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    vertical-align: middle;
    content: "";
    font-family: "poppins",sans-serif;
    color: #fff;
    font-size: 30px;
    line-height: 1;
}
.reform .flow blockquote:nth-of-type(1):before{content: "STEP 1";}
.reform .flow blockquote:nth-of-type(2):before{content: "STEP 2";}
.reform .flow blockquote:nth-of-type(3):before{content: "STEP 3";}
.reform .flow blockquote:nth-of-type(4):before{content: "STEP 4";}
.reform .flow blockquote:nth-of-type(5):before{content: "STEP 5";}
.reform .flow blockquote:nth-of-type(6):before{content: "STEP 6";}
.reform .flow blockquote:nth-of-type(7):before{content: "STEP 7";}
.reform .flow blockquote:nth-of-type(8):before{content: "STEP 8";}
.reform .flow blockquote p {
    position: relative;
    padding: 17px 20px 15px;
    margin: 0;
    z-index: 3;
	font-size: 16px;
    line-height: 1.5;
}
.reform .flow blockquote p.white {
	padding: 15px 20px;
	background: #fff;
	border-left: 3px solid #c3ec52;
	border-right: 3px solid #c3ec52;
	border-bottom-right-radius: 20px;
}
.reform .flow .dotte { text-align: center; padding: 10px 0;}
.reform h3.sozai {
	clear: both;
	margin-bottom: 30px;
	font-size: 30px;
	font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
	line-height: 1.3;
}
.reform p.sozai {padding-bottom:50px;line-height: 1.8;}
.reform .sozaiArea {padding: 70px;color:#ddd;background:url(../img/reform/bg_sozai.jpg) no-repeat center top;background-size:cover;}
.reform .sozaiArea h3{margin-bottom: 30px;text-align:center;}
.reform .sozaiArea h4{margin-bottom: 20px; font-size:24px;color:#fbc247;line-height: 1.1;text-align: center;}
.reform .sozaiArea p{padding-bottom:50px;color: #ddd;line-height: 1.8;}
.reform .sozaiArea2 {padding:70px 0;}
.reform .sozaiArea2 h5 {
	clear: both;
	margin-bottom: 20px;
	font-size: 24px;
	font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
	line-height: 1.3;
	color: #9bc820;
}
.reform .sozaiArea2 p {padding-bottom:40px;color: #666;line-height: 1.8;}
.reform .sozaiArea2 p span {font-weight: bold;}





/* staff */
.staff {padding: 0 0 50px;color: #fff;background:#fff;}
.staff .col-04 {position:relative;}

@media screen and (max-width: 667px){
	
	.topArea { padding: 10px; }	
	.titleArea-company,
	.titleArea-contact,
	.titleArea-work,
	.titleArea-recruit,
	.titleArea-bridge,
	.titleArea-house,
	.titleArea-reform{margin: 0 0 20px; padding: 40px 10px 50px;}
	.titleArea-company h2,
	.titleArea-contact h2,
	.titleArea-work h2,
	.titleArea-recruit h2,
	.titleArea-bridge h2,
	.titleArea-house h2,
	.titleArea-reform h2{ display: block; width: 90%; margin: 0 auto; padding: 0; }
	.lower h3{ font-size: 18px; }
	.lower h4{ font-size: 15px; }
	.lower h5{ font-size: 14px; }

	.contact,.company,.work,.recruit,.bridge,.house,.reform{padding:0 5px 40px;}

	/* contact */
	.contact .textArea {background:none;}
	.cont03 {width:50%;}	
	.inq_table {font-size:13px;}
	.inq_table tr,
	.inq_table th,
	.inq_table td {display:block;width:auto;}
	.inq_table th,.inq_table td {padding:5px;}
	.inq_table th span {float:none; padding: 2px 0;}	
	.btn_send {width:100%;height:50px;}
	.btn_reset {margin:10px 0 0;}
	.send {margin:30px auto 10px;width:80%;}
	
	/* company */
	.about_table {font-size:13px;}
	.about_table th,.about_table td {padding:5px;}
	
	/* work */
	.titleArea-work ul {width:100%;padding: 20px 0 0;font-size: 13px;}	
	.titleArea-work ul li {width:33%; float: left;}	
	.workArea img {max-width:50%;}
	
	/* recruit */
	.recruit p {font-size:13px;line-height:1.5;}
	.recruit p span { font-size:13px;}
	
	/* house */
	.house .picArea {padding: 350px 0 50px; background: url(../img/house/bg_top.png) no-repeat center top; }
	.house img.pic-img { margin-top: -50px; position:relative; z-index: 10;}
	.house .mt50 img { margin-left: 0; margin-bottom: 10px; }
	.house .picArea3 .box {height: auto; width: 100%;}
	.house .picArea3 p {font-size: 13px; padding: 10px; }
	.house .picArea3 {
		padding: 300px 0 50px;
		background:url(../img/house/bg_picArea3.jpg) no-repeat center top;
		background-size: contain;
	}
	.house .faq .box h4 {font-size: 13px;}
	.house .faq .box p {font-size: 13px;}
	
	/* reform */
	.reform .picArea {padding: 350px 0 50px;background: url(../img/reform/bg_top.png) no-repeat center top;background-size: contain; }
	.reform .picArea p {font-size:13px;}
	.reform .picArea ul li {font-size:13px;}
	.reform .pb50 img { margin-left: 0; margin-bottom: 10px; }
	.reform .flow {padding: 180px 0 50px; background: url(../img/reform/bg_2.png) no-repeat center top; }	
	.reform .flow blockquote p {font-size:13px;}
	.reform .sozaiArea{padding:40px 10px}
	.reform h3.sozai{font-size:18px;}
	.reform .sozaiArea h4{font-size:14px;}
	.reform .sozaiArea p,.reform .sozaiArea2 p{font-size:14px;}
	.reform .sozaiArea2 h5{font-size:18px;}

}

@media screen and (max-width: 480px){


}

@media screen and (max-width: 375px){
		.house .picArea {padding: 400px 0 50px; }

		.reform .picArea {padding: 180px 0 50px; }


}





/* --------------- 2018-02-13 追加 ------------------------*/ 
	.point	{
		padding:0 0 0 0;
		margin:0 0 10px 0 ;
	}
	.point li	{
		font-size:14px;
		line-height: 1;
		letter-spacing: 1px;
		padding:10px 20px;
		background: linear-gradient(0deg, #1D8170 0%, #369589);
		margin:0 0 2px 0;
		color:white;
	}

	.point li:nth-child(even)	{
		font-size:14px;
		line-height: 1;
		letter-spacing: 1px;
		padding:10px 20px;
		background: linear-gradient(0deg, #93CA63 0%, #A6DE75);
		margin:0 0 2px 0;
	}

	.point li span	{
		color:#FEF95F;
		font-size:18px;
		font-weight:bold;
		font-family: 'Poppins', sans-serif;
		display:inline-block;
	}
	
	.point li span span	{
		color:#FEF95F;
		font-size:24px;
		font-weight:bold;
		padding:0 40px 0 10px;	
		font-family: 'Poppins', sans-serif;
		display:inline-block;
		font-style: italic;
		}
		
		
@media screen and (max-width: 667px){
	.point	{
	}
	.point li	{
		line-height: 1.4;
	}

	.point li:nth-child(even)	{
		line-height: 1.4;
	}

	.point li span	{
		display:block;
		padding:0 0 0 0;
		font-size:24px;
	}
	
	.point li span span	{
		color:#FEF95F;
		font-size:30px;
		font-weight:bold;
		padding:0 40px 0 10px;	
		font-family: 'Poppins', sans-serif;
		display:inline-block;
		font-style: italic;
		}

		
		.point li em:after	{
			content: '';display: block;	clear: both;
		}
	}




.staff .col-04 img {display:block;vertical-align:bottom;}
	.license *	{
		box-sizing: border-box;
	}
	
	.license	{
		background:#333840;
		width:100%;
		padding:10px;
		margin-bottom: 30px;
		height:380px;
	}
	
	.license h6	{
		font-size:16px;
		line-height: 1;
		font-weight:normal;
		letter-spacing:0.1em
	}

	.license h6 span	{
		font-size:0.6em;
	}



	.license ul li	{
		font-size:14px;
		line-height: 1.4;
		font-weight:normal;
	}

	.license ul li.title	{
		font-size:14px;
		line-height: 1;
		font-weight:bold;
		border-bottom:1px solid rgba(255, 255, 255, 0.2);
		padding:2em 0 0.5em 0;
		margin-bottom:0.5em
	}

@media screen and (max-width: 667px){
.staff .col-04	{width:50%;}
}


@media screen and (max-width: 480px){
.staff .col-04	{width:100%;}
.license	{
		height:auto;
		padding-bottom:30px;
	}


}

@media screen and (max-width: 375px){