#fh5co-wrapper{
	padding: 60px 0 0 !important;
}
.oversea,.safety,.company{
	width: 90% !important;
	margin: 40px auto 80px;
	display: block;
	color: rgba(52,52,52,1.00) !important;
	border-collapse: collapse;
	border-spacing: none;
	position: relative;
	min-height: 600px;
}
.oversea .txt{
	background: #FFF;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 999;
	width: 50%;
	box-shadow: 0px 3px 10px rgba(0,0,0,.4);
	padding: 15px;
}
.oversea .swiper-container{
	position: absolute;
	right: 0;
	bottom:0;
	width: 600px;
	box-shadow: 0px 3px 10px rgba(0,0,0,.4);
	margin: 10px 10px 10px 10px;
}

.oversea p{
	width: 100%;
	padding: 15px 15px 0;
	float: left;
	color: rgba(52,52,52,1.00) !important;
	  font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
}
.oversea p a{
	margin: 30px auto 0;
	display: block;
}
.oversea p a img {
width: 100%;
	max-width: 250px;
	padding:1px;
border:1px solid #cccccc;
}
.oversea p a img:hover{
padding:1px;
border:1px solid rgba(108,195,221,1.00);
	opacity: 0.8;
}
.swiper-slide img{
	width: 100%;
}

.safety{
	clear: both;
}

.safety .txt{
	background: #FFF;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 999;
	width: 50%;
	box-shadow: 0px 3px 10px rgba(0,0,0,.4);
	padding: 15px;
}
.safety p{
	width: 100%;
	padding: 15px 15px 0 20px;
	float: left;
	color: rgba(52,52,52,1.00) !important;
	  font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
}
.safety .swiper-container{
	position: absolute;
	left: 0;
	bottom:0;
	width: 600px;
	box-shadow: 0px 3px 10px rgba(0,0,0,.4);
	margin: 10px 10px 10px 10px;
}



.company{
	box-shadow: 0px 3px 10px rgba(0,0,0,.4);
}
.company p{
		color: rgba(52,52,52,1.00) !important;
	padding: 15px 15px 0 20px;
	  font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
}
.company .txt{
	padding: 15px 20px 0;
}

.head_test {
        margin:40px 0 20px;                 /* デフォルトCSS打ち消し */
        font-size:  24px;           /* 文字サイズ指定 */
        border-bottom: solid 3px;   /* 線指定 */
        padding-bottom:  5px;       /* 余白指定 */
        margin-bottom: 15px;        /* 周りの余白指定 */
        position:  relative;        /* 位置調整 */
        font-weight:  normal;       /* 文字の太さ調整 */
    }
    .head_test:before {
        content:  '';                   /* 空白の要素を作る */
        width: 50px;                    /* 幅指定 */
        height: 3px;                    /* 高さ指定 */
        background-color: #42a6ff;      /* 背景色指定 */
        display:  block;                /* ブロック要素にする */
        position:  absolute;            /* 位置調整 */
        left:  0;                       /* 位置調整 */
        bottom: -3px;                   /* 位置調整 */
    }

h4 {
  position: relative;
  padding: 1rem 2rem calc(1rem + 10px);
  background: #63AAE7;
	margin: 10px 20px 0 ;
	font-size: 1.5em;
}

h4:before {
  position: absolute;
  top: -7px;
  left: -7px;
  width: 100%;
  height: 100%;
  content: '';
  border: 4px solid #000;
}
.container .row{
	padding-bottom: 50px !important;
}
.container .row .col-md-6{
	padding-bottom: 30px;
}



@media (max-width: 835px) {
#fh5co-wrapper{
	padding: 0 0 0 !important;
}
	
	.container .row{
		width: 100%;
		display: block;
		margin: 0 auto;
	}
.oversea,.safety,.company{
	width: 100% !important;
	margin: 10px auto 30px;
	min-height: 600px;
}
.oversea .txt,.safety .txt,.company .txt{
	position: static !important;
	z-index: 999;
	width: 100% !important;
	box-shadow: none;
	padding: 15px 5px 0;
}
	#fh5co-wrapper p{		  font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;}

	.company{
		box-shadow: none;
	}
	.oversea .swiper-container,.safety .swiper-container{
	position: static !important;
	width: 90%;
	box-shadow: 0px 3px 10px rgba(0,0,0,.4);
	margin: 10px auto 0;
}
	#footer .container .row{
		width: 100%;
		display: block;
		margin: 0 auto;
	}

}