@charset "utf-8";

/* -------------------------------------------------
	main-area
------------------------------------------------- */

#main-area {
	background-color: #edebec;
	position: relative;
}
#main-area .h2-wrapper {
	position: relative;
}
#main-area h2 {
	width: 100%;
	color: #7ac7f6;
	font-size: 38px;
	font-weight: bold;
	text-align: center;
	letter-spacing: 2px;
	line-height: 1em;
	text-shadow: 3px 3px 3px rgb(0 0 0 / 50%);
	position: absolute;
	left: 0;
	bottom: 30px;
	z-index: 60;
}

/* slick */

#fade-cont {
	height: 358px;
	overflow: hidden;
	position: relative;
	z-index: 50;
}

/* loopSlide (simply-scroll-container) */

#loop-slide {
	height: 135px;
	overflow: hidden;
	margin-top: 5px;
	opacity: 0;
}

/* -------------------------------------------------
	top-cont
------------------------------------------------- */

.top-cont {
	padding: 70px 0 75px 0;
}
.top-cont h2 {
	margin-bottom: 25px;
	text-align: center;
}
.top-cont .btn {
	margin-top: 20px;
}

/* -------------------------------------------------
	company-area
------------------------------------------------- */

#company-area {
	padding: 42px 0 50px 0;
	margin-top: 5px;
	background-color: #4ba2d4;
}
#company-area p.copy {
	color: #191919;
	margin-bottom: 15px;
}
#company-area .intro {
	font-size: 18px;
	color: #fff;
}

/* -------------------------------------------------
	news-area
------------------------------------------------- */

#news-area {
	background-color: #fef8e1;
}

#news-area .news,
#news-area .news2 {
	margin-bottom: 20px;
	border-bottom: solid 1px #d1d1d1;
}

#news-area .news li,
#news-area .news2 li {
	border-top: solid 1px #d1d1d1;
}
#news-area .news p {
	width: 100%;
	display: table;
	border-collapse: collapse;
}
#news-area .news .date{
	padding: 10px 0 0;
	display: table-cell;
	vertical-align: middle;
}
#news-area .news2 .date{
	padding: 10px 0 0;
	display: block;
}
#news-area .news a {
	padding: 0 0 10px;
	display: table-cell;
	vertical-align: middle;
}
#news-area .news2 a {
	padding: 0 0 10px;
	display: table-cell;
}
#news-area .news .date {
	width:  9em;
	text-align: center;
	border-top: solid 3px #d1d1d1;
}
#news-area .news2 .date {
	width:  9em;
	text-align: center;
	border-top: solid 3px #d1d1d1;
}
#news-area .news2 a {
	padding-left: 15px;
	text-align: left;
	border-top: solid 3px transparent;
}
/* add 160805 */
#news-area .news2 .nolink {
	padding: 0 0 10px;
	padding-left: 15px;
	text-align: left;
/*	border-top: solid 3px transparent;*/
	display: table-cell;
}
/* */
#news-area .news a {
	padding-left: 15px;
	text-align: left;
	border-top: solid 3px transparent;
}
#news-area .news a:hover {
	text-decoration: none;
}

#news-area .banner {
	margin-top: 45px;
}
#news-area .banner li {
	width: 48.6%;
	display: inline-block;
	background-color: #ffffff;
}
#news-area .banner li:nth-child(odd) {
	float: left;
}
#news-area .banner li:nth-child(even) {
	float: right;
}
#news-area .banner li a {
	border: solid 2px #d1d1d1;
	display: block;
}
#news-area .banner li a:hover {
	border-color: #a8a8a8;
	box-shadow: 0px 0px 3px 2px rgba(0, 0, 0, 0.2);
}

#news-area .button {
	text-align: center;
}
#news-area .button .btn {
	margin-top: 0;
}

/*2019-10-15追加*/
#news-area .banner-1 a{
	margin: 0 auto;
	border: solid 2px #d1d1d1;
	display: block;
	width: 48.6%;
}
#news-area .banner-1 a:hover{
	border-color: #a8a8a8;
	box-shadow: 0px 0px 3px 2px rgba(0, 0, 0, 0.2);
}

/* -------------------------------------------------
	business-area
------------------------------------------------- */

.parallax-like {
	background: url(../img/stats.jpg) no-repeat center center; /* DEFINE IMAGE PATH CAREFULLY*/
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	background: #000\9; /* IE8 以下 */
	-webkit-background-size: cover;
	background-size: cover;
	color: #fff;
	background-attachment: fixed;
}

.parallax-like .overlay {
	min-height: 450px;
	background: rgba(16, 75, 120,0.75);
	padding-top: 70px;
	padding-bottom: 75px;
}

.parallax-like .unit {
	width: 31.4%;
	margin-bottom: 20px;
	float: left;
}
.parallax-like .unit .image a {
	display: block;
}

.parallax-like .unit .image:hover {
    cursor: pointer;
    -webkit-transform: scale(1.04, 1.04);
    -ms-transform: scale(1.04, 1.04);
    transform: scale(1.04, 1.04);
    transition-duration: 0.2s;
    -webkit-transition-duration: 0.2s; /* Safari */
    z-index: 1;
    -webkit-box-shadow: 7px 7px 10px 0px rgba(50, 50, 50, 0.3);
    -moz-box-shadow: 7px 7px 10px 0px rgba(50, 50, 50, 0.3);
    box-shadow:7px 7px 10px 0px rgba(50, 50, 50, 0.3);
}


.parallax-like .main-inner2 section + section {
	margin-left: 2.9%;
}

.parallax-like .unit h3 {
	text-align: center;
	margin: 15px 0 10px;
}
.parallax-like .unit .btn-center {
	text-align: center;
}
.btn-center .btn {
	display:  inline-block;
}

/*.parallax-like .tocontents {
	text-align: center;
}
.parallax-like .tocontents .btn {
	margin: 0 17px;
}*/

/* -------------------------------------------------
	recruit-area
------------------------------------------------- */

#recruit-area {
	text-align: left;
	background-color: #ffffff;
}
#recruit-area .imgleft {
	width: 50%;
	float: left;
}
#recruit-area .unit2 {
	width: 47%;
	float: right;
}
#recruit-area p {
	text-align: left;
}
#recruit-area .btn {
	margin-top: 22px;
}

/* -------------------------------------------------
	office-area
------------------------------------------------- */

#office-area {
	text-align: center;
	background-color: #f6f4ed;
}
#office-area section {
	margin-bottom: 33px;
	display: block;
	position: relative;
}
#office-area .map {
	width: 48.6%;
}
#office-area iframe {
	width: 100%;
	border: solid 3px #ffffff;
}
#office-area .text {
	width: 47.4%;
	padding: 7px 0 7px 0;
	text-align: left;
	border-left: solid 10px #56a4da;
}
#office-area .text h3 {
	margin-bottom: 10px;
}
#office-area .text h3,
#office-area .text p {
	margin-left: 15px;
}
#office-area .button {
	position: absolute;
	left: 51.5%;
	top: 140px;
}