@charset "UTF-8";
.tel2 sub{
	display: block;
    font-size: 13px;
    line-height: 1;
    font-weight: 500;
}
#header .fltR #hed_info .tel2 .tel_txt2{
	font-weight: 700;
}
.bnr {
	display: -ms-flexbox;
	display: flex;
	margin-right: -3.03030%; }
	.bnr .box {
	  position: relative;
	  overflow: hidden;
	  width: 30.3030%;
	  height: 20vw;
	  margin-right: 3.03030%; }
	  .bnr .box div {
	  	width: 100%;
	  	height: 100%;
	  }
	  .bnr .box .img1 {
		background: url(../images/common/img_4.jpg) center;
		background-size: cover;
		height: 100%;
		transition: -webkit-transform 700ms;
		transition: transform 700ms;
		transition: transform 700ms, -webkit-transform 700ms; }
		.bnr .box .img1:hover {
		  -webkit-transform: scale(1.1, 1.1);
		  transform: scale(1.1, 1.1); }
	  .bnr .box .img2 {
		background: url(../images/common/img_5.jpg) center;
		background-size: cover;
		height: 100%;
		transition: -webkit-transform 700ms;
		transition: transform 700ms;
		transition: transform 700ms, -webkit-transform 700ms; }
		.bnr .box .img2:hover {
		  -webkit-transform: scale(1.1, 1.1);
		  transform: scale(1.1, 1.1); }
	  .bnr .box .img3 {
		background: url(../images/common/img_6.jpg) center;
		background-size: cover;
		height: 100%;
		transition: -webkit-transform 700ms;
		transition: transform 700ms;
		transition: transform 700ms, -webkit-transform 700ms; }
		.bnr .box .img3:hover {
		  -webkit-transform: scale(1.1, 1.1);
		  transform: scale(1.1, 1.1); }
	  .bnr2 .box .img4 {
		background: url(../images/common/img_8.jpg) center;
		background-size: cover;
		height: 100%;
		transition: -webkit-transform 700ms;
		transition: transform 700ms;
		transition: transform 700ms, -webkit-transform 700ms; }
		.bnr2 .box .img4:hover {
		  -webkit-transform: scale(1.1, 1.1);
		  transform: scale(1.1, 1.1); }
	  .bnr2 .box .img5 {
		background: url(../images/common/img_9.jpg) center;
		background-size: cover;
		height: 100%;
		transition: -webkit-transform 700ms;
		transition: transform 700ms;
		transition: transform 700ms, -webkit-transform 700ms; }
		.bnr2 .box .img5:hover {
		  -webkit-transform: scale(1.1, 1.1);
		  transform: scale(1.1, 1.1); }
  .bnr2 .box {
    position: relative;
    overflow: hidden;
    width: 50%;
	height: 20vw;
    margin-top: 25px;}
    .bnr2 .box div {
    	width: 100%;
    	height: 100%;
    }
      .bnr2 .box a {
      display: block;
      height: 100%;
      width: 100%;
      opacity: 1; }
      .bnr2 .box a strong {
        text-align: center;
        width: 100%;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        color: #fff;
        font-size: 18px;
        font-weight: 600;
        letter-spacing: 0.2em;
        pointer-events: none; }
        .bnr2 .box a strong span {
          font-size: 14px;
          display: block; }

@media screen and (max-width: 900px) {
	.mgT50,.cont_3{
		margin-top: 20px !important;
	}
}

@media only screen and (max-width: 768px) {
	.cont_3 .box{
		width: 100% !important;
		float: none !important;
	}
	.cont_1{
		background-size: cover;
	}
	#global_header{
		position: relative;
		margin-top: 48px !important;
	}
	.cont_3 .box{
		margin-bottom: 20px !important;
	}
}

@media only screen and (max-width: 560px) {
	.bnr .box{
		margin-right: 0;
		width: 100%;
		height: 40vw;
		margin-bottom: 20px;
	}
	.bnr{
		display: block;
		margin-right: 0;
	}
	.bnr2 .box{
		margin-right: 0;
		width: 100%;
		height: 40vw;
	}
	.bnr2{
		display: block;
		margin-right: 0;
	}
}
@media only screen and (max-width: 468px) {
	#global_header{
		position: static;
		margin-top: 0 !important;
		z-index: 11;
	}
}