@charset "utf-8";

/* section 1 */
.sec1{
	position:relative;
	background:#f2f2f2;
}

.sec1Box{
	padding:5em 0 4em 0;
}

.sec1Title{
	text-align:center;
}

.sec1Title h3{
	font-size:28px;
	letter-spacing:0.2em;
	line-height:100%;
}

.sec1Desc{
	text-align:center;
	margin:2em 0;
}

.sec1Desc p{
	font-size:16px;
	line-height:200%;
	letter-spacing:0.1em;
}

.circleHalf{
    background: url(../../img/company/bg/circle_half.png) no-repeat center center;
    position: absolute;
    z-index: 0;
	top:0;
	left:0;
    right: 0;
    margin:auto;
    height: 480px;
    width: 1126px;
}



/* section 2 */
.sec2Box{
	width:1000px;
	margin:8em auto 5.5em auto;
	position:relative;
}

.sec2Box:before{
	display: block;
    content: "";
    width: 214px;
    height: 1px;
    background: #3E8A28;
    position: absolute;
    top: 64px;
    right: -96px;
    -webkit-transform: rotate(-24deg);
            transform: rotate(-24deg);
}

.sec2Box:after{
    display: inline-block;
    content: "";
    width: 287px;
    height: 1px;
    background: #3E8A28;
    position: absolute;
    bottom: -40px;
    left: -184px;
    -webkit-transform: rotate(-24deg);
            transform: rotate(-24deg);
}

.sec2Title{
	text-align:center;
}

.sec2Title h3{
	font-size:28px;
	letter-spacing:0.2em;
	line-height:100%;
}

.sec2Desc{
	padding:2em 8em;
}

.sec2Desc p{
    font-size: 15px;
    line-height: 200%;
    letter-spacing: 0.06em;
    margin: 2.5em 0 0 0;
}

.sec2Sign{
	text-align:right;
	margin:3.5em 0 0 0;
}



/* section 3 */
.sec3Box{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap:wrap;
	    flex-wrap:wrap;
	-webkit-box-orient:horizontal;
	-webkit-box-direction:normal;
	    -ms-flex-direction:row;
	        flex-direction:row;
	-webkit-box-align:center;
	    -ms-flex-align:center;
	        align-items:center;
	-webkit-box-pack:center;
	    -ms-flex-pack:center;
	        justify-content:center;
}

.sec3Box img{
	width:100%;
	height:auto;
}

.sec3BoxTop{
	width:100%;
	box-sizing:border-box;
	padding:0 0 2px 0;
}

.sec3BoxLeft{
	width:50%;
	box-sizing:border-box;
	padding:0 1px 0 0;
}

.sec3BoxRight{
	width:50%;
	box-sizing:border-box;
	padding:0 0 0 1px;
}



/* section 4 */
.sec4{
	background:#f2f2f2 url("../../img/company/bg/sec4_bg.png") no-repeat top center;
	background-size:contain;
	padding:4em 0 6em 0;
}

.sec4Box{
	width:1000px;
	margin:0 auto;
}

.sec4Title{
	text-align:center;
}

.sec4Title h3{
	font-size:28px;
	letter-spacing:0.2em;
	line-height:100%;
}

.sec4Desc{
	position:relative;
	padding:3em 0;
}

.sec4Desc:after{
	display:inline-block;
	content:"";
	width:1px;
	height:128%;
	background:#3E8A28;

	position:absolute;
	top:0;
	left:20%;
}

.sec4List dl{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap:wrap;
	    flex-wrap:wrap;
	-webkit-box-orient:horizontal;
	-webkit-box-direction:normal;
	    -ms-flex-direction:row;
	        flex-direction:row;
	-webkit-box-align:center;
	    -ms-flex-align:center;
	        align-items:center;

	border-top:1px solid #3E8A28;
	padding:1em 0;
}

.sec4List ul li:last-child dl{
	border-bottom:1px solid #3E8A28;
}

.sec4List dt{
	width:20%;
	box-sizing:border-box;
	text-align:center;
}

.sec4List dt span{
	font-size:15px;
	letter-spacing:0.2em;
}

.sec4List dd{
	width:80%;
	box-sizing:border-box;
	padding:0 0 0 4em;
}

.sec4List dd p{
	font-size:15px;
	letter-spacing:0.2em;
}



/* section 5 */
.qCircle{
    background: url(../../img/home/bg/qcircle.png) no-repeat bottom right;
    position: absolute;
    z-index: 0;
    bottom: calc(3vh - 1px);
    right: 0;
    height: 810px;
    width: 904px;
    display: block;
}

.sec5Title{
	text-align:center;
	margin:0 0 2em 0;
}

.sec5Title h3{
	font-size:28px;
	letter-spacing:0.2em;
	line-height:100%;
}

.sec5Box{
	padding:5em 0 0 0;
}

.hAccess{
	position:relative;
	z-index:1;
}

.hAccessWrap{
	width:1200px;
	margin:0 auto;
}

.hAccess #map_canvas{
	width:95%;
	height:380px;
	margin:0 auto;
}



/*---------------------------------------------------------
 All SP 
---------------------------------------------------------*/
@media screen and (max-width: 639px) {

	/* sec1 */
	.circleHalf{
		width:100%;
	}

	.sec1Desc p{
		text-align:left;
		width:90%;
		margin:2em auto 0 auto;
	}

	.sec1Desc p br{
		display:none;
	}



	/* sec2 */
	.sec2Box{
		width:auto;
	}

	.sec2Desc{
		padding:1em;
	}

	.sec2Desc p{
		font-size:100%;
	}

	.sec2Desc p br{
		display:none;
	}

	.sec2Box:before{
		right:0;
	}

	.sec2Box:after{
		left:0;
	}



	/* sec4 */
	.sec4Box{
		width:auto;
		padding:0 1em;
	}



	/* sec5 */
	.hAccessWrap{
		width:auto;
	}



}

/*---------------------------------------------------------
 Portrait 
---------------------------------------------------------*/
@media screen and (max-width:479px) {

	/* sec1 */
	.sec1{
		padding:2em 0;
	}

	.sec1Box{
		padding:0;
	}

	.sec1Desc{
		padding:0 1em;
	}

	.sec1Desc p{
		text-align:left;
	}

	.sec1Desc p br{
		display:none;
	}



	/* sec2 */
	.sec2Box{
		margin:3em auto;
	}

	.sec2Desc p{
		text-align:left;
	}
	
	.sec2Desc p br{
		display:none;
	}



	/* sec4 */
	.sec4Box{
		width:auto;
		padding:0 1em;
	}

	.sec4Desc{
		padding:3em 0 0 0;
	}

	.sec4List dt{
		width:30%;
	}

	.sec4List dd{
		width:70%;
		padding:0 0 0 1em;
	}

	.sec4Desc:after{
		left:32%;
	}

	.sec4List dt span,
	.sec4List dd p{
		font-size:90%;
	}



}



