/*
==========================================================================
  STATIC PAGE --Layout base / main
========================================================================== */

/* BASE
----------------------------------------------------------------- */
/* inner*/
.container {
	width: 100%;
	max-width: 100%;
	margin: 0 auto;
	overflow: hidden;
}
.l-inner {
  max-width: 1004px;
  margin: 0 auto;
}
.l-inner_middle {
  max-width: 1367px;
  margin: 0 auto;
}
.l-wrapper {
  margin: 0 auto;
  max-width: 1440px;
  width: 100%;
}

.l-inner_base {
	max-width: 1000px;
	margin: 0 auto;
}
.l-inner_base2 {
	max-width: 1100px;
	margin: 0 auto;
}

@media screen and (max-width: 768px) {
  .l-inner {
    max-width: 100%;
    padding: 0 4%;
  }
  .l-inner_middle {
    max-width: 100%;
    padding: 0 4%;
  }
  .l-wrapper {
	  max-width: 100%;
	  margin: 0 auto;
	  overflow: hidden;
	}
	.l-inner_base {
		max-width: 100%;
		margin: 0 auto;
		padding: 0 20px;
	}
}

/* TOP
----------------------------------------------------------------- */
/* mainvisual */
.l-mainvisual-area {
	width: 100%;
	height: 820px;
}
.l-mainvisual-area .mv_video-area {
	width: 100%;
	height: 820px;
  position: relative;
}
.l-mainvisual-area .mv-video {
  position: absolute;
  z-index: 10;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  min-width: 100%;
  min-width: 100vw;
  max-height: 820px;
	min-height: 820px;
	background-size: cover;
}
.l-mainvisual-area .l-copy {
   position: relative;
}
.l-mainvisual-area .l-copy_main {
  position: absolute;
  z-index: 70;
  top: 420px;
}
.l-mainvisual-area .l-copy_sub {
  position: absolute;
  z-index: 35;
  top: 400px;
  left: 33%;
}
.l-mainvisual-area .l-copy_sub .inner{
	height: 240px;
	width: 100%;
	position: relative;
	
}

@media screen and (max-width: 1024px) {
	.l-mainvisual-area {
		height: 820px;
	}
	.l-mainvisual-area .mv_video-area {
		width: 100%;
		height: 830px;
	}
	.l-mainvisual-area .l-copy_main {
		top: 210px;
	   }
	.l-mainvisual-area .l-copy_sub {
		left: 5%;
	  }
}

@media screen and (max-width: 768px) {
	.l-mainvisual-area {
		width: 100%;
		/*height: 1140px;*/
	}
	.l-mainvisual-area .mv_video-area {
		width: 100%;
		/*height: 1140px;*/
		position: relative;
	}
	.l-mainvisual-area .mv-video {
		/*max-height: 1140px;
		min-height: 1140px;*/
	}
  .l-mainvisual-area .l-copy.l-inner {
    margin: 0 4%;
  }
  
  .l-mainvisual-area .l-copy_sub {
    /*top: 68vh;*/
	top: calc( 50% - 70px );
  }
  .l-mainvisual-area .l-copy_sub {
	left: 3%;
  }
}

@media screen and (max-width: 480px) {
	.l-mainvisual-area {
		width: 100%;
		height: 575px;
	}
	.l-mainvisual-area .mv_video-area {
		width: 100%;
		height: 575px;
		position: relative;
	}
	.l-mainvisual-area .mv-video {
		max-height: 575px;
		min-height: 575px;
	}
  .l-mainvisual-area .l-copy_main {
    top: 25vh;
  }
  .l-mainvisual-area .l-copy_sub {
    top: 43vh;
  }
}

@media screen and (max-width: 375px) {
	.l-mainvisual-area {
		width: 100%;
		height: 575px;
	}
	.l-mainvisual-area .mv_video-area {
		width: 100%;
		height: 575px;
		position: relative;
	}
	.l-mainvisual-area .mv-video {
		max-height: 575px;
		min-height: 575px;
	}
}

/* topics */
.l-topics-area {
	position: relative;
	z-index: 0;
  padding: 80px 0 40px;
}

.l-topics-title-box {
	width: 20%;
}

.l-topics-contents {
	width: 80%;
}

.l-topics_item {
	margin-bottom: 20px;
}

.l-topics_item .l-topics_link {
	display: flex;
	align-content: center;
	align-items: center;
	padding: 10px 0;
}

.l-topics-area .l-topics_link .time {
	display: inline-block;
	margin: 0 15px 0;
}

.l-topics-area .l-topics_link .u-label {
	min-width: 125px;
}

.l-topics-area .c-btn {
	margin: 0 0 0 auto;
	width: 100%;
	max-width: 150px;
}

@media screen and (max-width: 768px) {
	.l-topics-area {
		position: relative;
		padding: 50px 0;
	}

	.l-topics-inner {
		flex-wrap: wrap;
	}

	.l-topics-title-box {
		width: 100%;
	}

	.l-topics-contents {
		width: 100%;
	}

	.l-topics-list {
		margin-bottom: 40px;
	}

	.l-topics_item {
		margin-bottom: 10px;
	}

	.l-topics_item .l-topics_link {
		padding: 15px 0;
		display: block;
	}

	.l-topics-area .l-topics_link .time {
		margin: 0 15px 10px 0;
	}
	.l-topics-area .l-topics_link .u-label {
		margin: 0 15px 10px 0;
	}

	.topics-content {
		display: block;
	}

  .l-topics-area .c-btn {
    margin: 0 0 0 auto;
    width: 100%;
    max-width: 100%;
  }
}

/* strength */
.l-strengeth-area {
	position: relative;
	z-index: 12;
}

/*swiper css*/
.swiper-container {
	width: 100%;
	height: 765px;
	position: relative;
}

.swiper-wrapper {
	max-width: 1000px;
	height: 765px;
}

.slide_title_box {
	position: absolute;
	width: 100%;
	max-width: 1000px;
	top: 50px;
	z-index: 10;
	margin: 0 auto;
	text-align: center;
}

.strength_slide {
	padding: 50px 0;
}

.strength_slide_contents {
	position: absolute;
	width: 100%;
	max-width: 1000px;
	top: 287px;
	margin: 0 auto;
	z-index: 10;
  justify-content: center;
}

.strength_slide02 .strength_slide_contents,
.strength_slide04 .strength_slide_contents,
.strength_slide07 .strength_slide_contents {
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
}

.strength_slide_contents .strength-headding {
  margin: 0 0 30px;
}
.strength_slide02 .strength-headding,
.strength_slide04 .strength-headding,
.strength_slide07 .strength-headding {
	text-align: right;
}

.strength_slide_contents .img_box {
	width: 28%;
	padding: 75px 0;
}
.strength_slide02 .img_box {
	width: 28%;
	padding: 75px 0 75px 100px;
}
.strength_slide04 .img_box {
	width: 48%;
	padding: 75px 0 75px 100px;
}
.strength_slide07 .img_box {
	width: 28%;
	padding: 75px 0 75px 100px;
}

.strength_slide_contents .strength-text-box {
	width: 60%;
	padding: 75px 0 0 40px;
}
.strength_slide02 .strength-text-box {
	width: 60%;
	padding: 75px 40px 0 0;
}
.strength_slide04 .strength-text-box {
	width: 50%;
	padding: 75px 40px 0 0;
}
.strength_slide07 .strength-text-box {
	width: 60%;
	padding: 75px 40px 0 0;
}

.strength_slide_contents .u-text {
  margin-bottom: 30px;
}
.strength_slide02 .u-text,
.strength_slide04 .u-text,
.strength_slide07 .u-text {
	text-align: right;
}

.strength_slide_contents .c-btn {
  width: 100%;
  max-width: 148px;
  margin: 0 auto 0 0;
}
.strength_slide02 .c-btn,
.strength_slide04 .c-btn,
.strength_slide07 .c-btn {
	margin: 0 0 0 auto;
}

.strength_slide_contents .c-btn .c-btn_detail {
	border: 1px solid #fff;
}
.strength_slide_contents .c-btn .c-btn_detail::after {
	font-size: 20px;
  top: 15%;
  right: 5px;
}
.strength_slide_contents .c-btn a {
  padding: 10px;
}
.strength_slide08 .strength_slide_contents .c-btn {
	max-width: 250px;
}

@media screen and (max-width: 768px) {
	.swiper-container {
		width: 100%!important;
		margin: 0 auto;
		height: 710px;
	}

	.swiper-container > .l-inner_base {
		padding: 0;
	}

	.swiper-wrapper {
		max-width: 100%;
		margin: 0 auto;
		min-height: initial;
		height: 100%;
		max-height: 710px;
	}

	.slide_title_box {
		width: 100%;
		max-width: 100%;
		top: 50px;
		margin: 0 auto;
		text-align: center;
	}

	.strength_slide {
		 width: 100% !important;
		/*max-width: 100% !important;*/
		margin: 0 auto !important;
		padding: 0 10px;
	}

	.strength_slide > .l-inner_base {
		padding: 0;
	}

	.strength_slide_contents {
		width: 100%;
		max-width: 100%;
		top: 287px;
		margin: 0 auto;
		/* padding: 0 10px; */
		flex-wrap: wrap;
	}

	.strength_slide_contents .strength-text-box .strength-headding {
		margin: 0 0 60px;
	}

	.strength_slide .strength-text-box .strength-headding {
		text-align: initial;
		margin: 20px auto 30px;
		padding: 60px 60px 10px 60px;
	}
	.strength_slide01 .strength-text-box .strength-headding {
		/*margin: 0 auto 60px 40px;*/
	}
	.strength_slide02 .strength-text-box .strength-headding {
		/*margin: 0 auto 60px 40px;*/
	}
	.strength_slide03 .strength-text-box .strength-headding {
		/*margin: 0 auto 60px 60px;*/
	}
	.strength_slide04 .strength-text-box .strength-headding {
		/*margin: 0 auto 60px 100px;*/
	}
	.strength_slide05 .strength-text-box .strength-headding {
		/*margin: 0 auto 60px 115px;*/
	}
	.strength_slide06 .strength-text-box .strength-headding {
		/*margin: 0 auto 60px 80px;*/
	}
	.strength_slide07 .strength-text-box .strength-headding {
		/*margin: 0 auto 60px 100px;*/
	}
	.strength_slide08 .strength-text-box .strength-headding {
		/*margin: 0 auto 60px 95px;*/
	}

	.strength_slide_contents .img_box {
		width: 30%;
		max-width: 178px;
		margin: 0 auto;
		padding: 0;
	}

	.strength_slide01 .img_box {
		width: 30%;
	}
	.strength_slide02 .img_box {
		width: 30%;
	}
	.strength_slide03 .img_box {
		width: 30%;
	}
	.strength_slide04 .img_box {
		width: 40%;
	}
	.strength_slide05 .img_box {
		width: 40%;
	}
	.strength_slide06 .img_box {
		width: 40%;
		max-width: 178px;
	}
	.strength_slide07 .img_box {
		width: 40%;
	}
	.strength_slide08 .img_box {
		width: 40%;
	}

	.strength_slide_contents .strength-text-box {
		width: 100%;
		padding: 40px 0 20px;
	}

	.strength_slide_contents .u-text {
		display: none;
	}

	.strength_slide_contents .ttl-01::after,
	.strength_slide_contents .ttl-02::after,
	.strength_slide_contents .ttl-07::after {
		bottom: 35px;
	}

	.strength_slide_contents .c-btn {
		width: 100%;
		max-width: 100%;
		margin: 0 auto;
	}
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
	.swiper-container .l-inner_base::before {
		content: "";
		width: 100%;
		height: 100%;
		max-width: 1024px;
		pointer-events: none;
		background-size: 100%;
	}

	.slide_title_box {
		width: 100%;
		max-width: 1005px;
		margin: 0 auto;
	}

	.strength_slide_contents {
		width: 100%;
		max-width: 1005px;
		margin: 0 auto;
		padding: 0 10px;
	}
}

 /* @media screen and (min-width: 1441px) and (max-width: 1919px) {
	 	.swiper-container {
			height: 100%;
			min-height: 765px;
		}
		.swiper-wrapper {
			max-width: 1000px;
    	max-height: 1054px;
		}
 }
	@media screen and (min-width: 1920px) {
		.swiper-container {
			height: 100%;
			min-height: 765px;
		}
		.swiper-wrapper {
			max-height: 1354px;
		}
	} */

/* material */
.l-material-area {
  position: relative;
	z-index: 10;
	background: linear-gradient(-110deg, #e8eef4 46%, #fff 42%);
	padding: 30px 0 95px;
}
.l-material-area .l-material-list {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.l-material-area .l-title-box {
	margin-bottom: 30px;
}

.l-material-area .l-material_item {
	width: calc( 100 / 3 );
  	position: relative;
	z-index: 0;
	overflow: hidden;
  	margin-bottom: 30px;
}

.l-material-area .l-material_item picture {
	width: 100%;
	height: 100%;
	display: block;
	position: relative;
	z-index: 1;
  	max-height: 181px;
}

.l-material-area .l-material_item picture::after {
	content: "";
  display: block;
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(230, 230, 230, 0.8);
  width: 100%;
  height: 100%;
}


@media screen and (max-width: 768px) {
	.l-material-area {
		margin: 40px  0 0 0;
		padding: 45px 0 55px;
	}
	.l-material-area .l-material_item {
		width: 48%;
    position: relative;
	}
	.l-material-area .l-material_item picture {
    position: relative;
    width: 100%;
    height: 100%;
    min-height: 90px;
	}
  .l-material-area .l-material_item picture::after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	}
	.l-material-area .l-material_item .material-text {
    width: 100%;
    position: absolute;
		z-index: 3;
	}
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
	.l-material-area .l-material_item {
		width: calc(100% / 4 - 10px);
	}
}

@media screen and (min-width: 376px) and (max-width: 480px) {
  .l-material-area .l-material_item picture {
    max-height: 15vh;
  }
}

@media screen and (min-width: 321px) and (max-width: 375px) {
  .l-material-area .l-material_item picture {
    max-height: 90px;
  }
}

@media screen and (max-width: 320px) {
  .l-material-area.l-material_item .material-text {
    font-size: 10px;
  }
  .l-material-area .l-material_item picture {
    max-height: 11.5vh;
  }
}

/* handling */
.l-handling-area {
	position: relative;
	z-index: 0;
	width: 100%;
	margin: 0 auto;
	padding: 55px 0;
	overflow-y: hidden;
}
.l-handling-area .l-inner {
	position: relative;
	padding: 0 90px;
}
.l-handling-area .l-inner::before {
	content: "";
	display: block;
	position: absolute;
	width: 832px;
	height: 292px;
	background: url(../image/top/plane_line_img_01.png) no-repeat;
	left: -500px;
	top: 0;
	z-index: 1;
}
.l-handling-area .l-inner::after {
	content: "";
	display: block;
	position: absolute;
	width: 459px;
	height: 464px;
	background: url(../image/top/plane_line_img_02.png) no-repeat;
	right: -300px;
	top: 0;
	z-index: 1;
}

.l-handling-area .l-handling-box {
	position: relative;
  z-index: 2;
  padding: 30px  120px;
}
.l-handling-area .l-handling-box .u-text {
	margin-bottom: 30px;
}

@media screen and (max-width: 768px) {
	.l-handling-area {
		margin: 0 auto;
		padding: 55px 0;
	}
	.l-handling-area .l-inner {
		padding: 0 4%;
	}
	.l-handling-area .l-handling-box .u-text {
		  margin-bottom: 20px;
	 }
	.l-handling-area .c-btn {
		width: 100%;
		max-width: 100%;
	}
}
/* blog */
.l-blog-area {
	position: relative;
	z-index: 0;
	overflow: hidden;
	width: 100%;
	margin: 0 auto;
	/*padding: 55px 0;*/
	background: url(../image/top/blog_bg.jpg) no-repeat;
	background-size: cover;
	background-position: center;
}
.l-blog-area .l-inner {
	position: relative;
	height: 340px;
	padding: 0 90px;
}
.l-blog-area .c-btn{
	width: 100%;
	font-size: 1.2rem;
	position: absolute;
	bottom: -20px;
	left: 0;
}
.l-blog-area .c-btn:hover{
	opacity: 0.9;
	transition: 0.2s;
}

.l-blog-area .btn_pc{
	display: inline-block;
}
.l-blog-area .btn_sp{
	display: none;
}

@media screen and (max-width: 768px) {
	.l-blog-area {
		margin: 0 auto;
		padding: 55px 0;
	}
	.l-blog-area .l-inner {
		padding: 0 4%;
		height: 150px;
	}
	.l-blog-area .c-btn{
		width: 95%;
		position: absolute;
		height: 100%;
		bottom: 0px;
		left: 0;
		right: 0;
		margin: auto;
	}
	.l-blog-area .btn_pc{
		display: none;
	}
	.l-blog-area .btn_sp{
		display: inline-block;
	}
}



/* contact */
.l-contact-area {
	padding: 90px 0;
}
.l-contact-area .l-inner_middle {
	padding: 0 50px;
}
.l-contact-area .c-text-box {
	max-width: 450px;
	margin-left: 120px;
}
.l-contact-area .estimate-headding {
	margin-bottom: 36px;
}
.l-contact-area .contact-headding {
	margin-bottom: 40px;
}
.l-contact-area .l-estimate-box {
	margin-bottom: 100px;
}
.l-contact-area .l-estimate-box .u-text-box {
	margin-left: 70px;
}
.l-contact-area .l-estimate-box .u-text {
	max-width: 450px;
	margin-bottom: 60px;
}
.l-contact-area .l-estimate-box .c-btn {
	margin-left: 0;
}
.l-contact-area .l-contact-box .u-text {
	margin-bottom: 40px;
}
.l-contact-area .u-text_small {
	margin-left: 15px;
}
.l-contact-area .l-contact-box {
	padding: 30px 0;
}
.l-contact-area .l-contact-box .c-btn {
	width: 100%;
	max-width: 770px;
}

@media screen and  (max-width: 768px) {
	.l-contact-area {
		padding: 50px 0 0;
		margin-bottom: 120px;
	}

	.l-contact-area .l-inner_middle {
		padding: 0;
	}

	.l-inner.l-inner_sp {
		padding: 0;
	}

	.l-contact-area .estimate-headding {
		margin-bottom: 30px;
	}

	.l-contact-area .contact-headding {
		margin-bottom: 30px;
	}

	.l-contact-area .l-estimate-box {
		margin-bottom: 30px;
	}
	.l-contact-area .estimate-headding {
		padding: 0 4%;
	}

	.l-contact-area .l-contact-box {
		padding: 30px;
	}

	.l-contact-area .l-estimate-box .u-text-box {
		order: 1;
		max-width: 100%;
		margin-left: 0;
	}

	.l-contact-area .l-estimate-box .u-img-box {
		display: none;
	}

	.l-contact-area .l-estimate-box .u-text {
		padding: 0 4% 270px 4%;
		margin-bottom: 20px;
	}
 .l-contact-area .l-contact-box .u-text {
		margin-bottom: 20px;
	}

  .l-contact-area .u-text_small {
		margin-left: 40vw;
	}

	.l-contact-area .u-tel {
		width: 85%;
	}

  .l-contact-area .l-contact-box .c-btn {
    width: 100%;
    max-width: 100%;
	}

	.l-contact-area .l-contact-box .c-btn .c-btn_detail::after {
		top: 20%;
		right: 10px;
		font-size: 20px;
	}

	@media screen and (min-width: 375px) and (max-width: 480px) {
		.l-contact-area .l-estimate-box .u-text {
			margin-bottom: 20px;
		}
	}
	.l-contact-area .l-estimate-box .c-btn {
		margin: 0 auto;
	}
}

@media screen and  (min-width: 768px) and (max-width: 1023px) {
	.l-contact-area .l-estimate-box {
		margin-bottom: 30px;
	}
	.l-contact-area .l-estimate-box .u-text-box {
		max-width: 100%;
		margin-left: auto;
	}
	.l-contact-area .l-estimate-box .u-img-box {
		display: block;
		margin: 0 auto 0 -120px;
	}
	.l-contact-area .l-estimate-box .u-text {
		padding: 0 4% 230px 4%;
		margin-bottom: 20px;
	}
}

/* STRENGTH
----------------------------------------------------------------- */
.strength-area {
	margin: 0 0 0 auto;
}

.strength-area.strength01 {
	max-width: 1140px;
	margin: 0 0 0 auto;
	padding: 0 0 335px 0;
}
.strength-area.strength02 {
	max-width: 1300px;
	margin: -230px auto 0 0;
	padding: 0;
}
.strength-area.strength03 {
	max-width: 1300px;
	margin: 90px 0 0 auto;
}
.strength-area.strength04 {
	max-width: 1300px;
	padding: 0 0 300px 0;
	margin: 60px auto 0 0;
	position: relative;
}
.strength-area.strength05 {
	max-width: 1300px;
	margin: -180px 0 0 auto;
	padding: 0;
}
.strength-area.strength06 {
	max-width: 1300px;
	padding: 0;
	margin: 60px auto 0 0;
}
.strength-area.strength07 {
	max-width: 1300px;
	margin: 90px 0 0 auto;
	padding: 0;
	position: relative;
}
.strength-area.strength08 {
	max-width: 1300px;
	padding: 0;
	margin: 90px auto 90px 0;
}

.strength01 .strength-box {
	margin: 0 auto 0 -160px;
	padding: 225px 0;
}
.strength02 .strength-box {
	margin: 0 auto 0 0;
	padding: 135px 0 220px;
}
.strength03 .strength-box {
	padding: 100px 0 120px;
}
.strength04 .strength-box {
	margin: 0 auto 0 0;
	padding: 140px 0 150px;
}
.strength05 .strength-box {
	margin: 0 auto 0 0;
	padding: 110px 0 150px;
}
.strength06 .strength-box {
	margin: 0 auto 0 0;
	padding: 125px 0 153px;
}
.strength07 .strength-box {
	margin: 0 auto 0 0;
	padding: 70px 0 115px;
}
.strength08 .strength-box {
	margin: 0 auto 0 0;
	padding: 80px 0 80px;
}

.strength01 .l-inner_base {
	justify-content: space-between;
	flex-direction: row-reverse;
}
.strength02 .l-inner_base {
	justify-content: space-between;
}
.strength03 .l-inner_base {
	justify-content: space-between;
	flex-direction: row-reverse;
}
.strength04 .l-inner_base {
	justify-content: space-between;
}
.strength05 .l-inner_base {
	justify-content: space-between;
	flex-direction: row-reverse;
}
.strength06 .l-inner_base {
	justify-content: space-between;
	flex-direction: row-reverse;
}
.strength07 .l-inner_base {
	justify-content: space-between;
}
.strength08 .l-inner_base {
	flex-direction: row-reverse;
	justify-content: space-between;
}

.strength01 .strength-text-box {
	width: 100%;
	max-width: 615px;
	padding: 0 30px;
}
.strength02 .strength-text-box {
	width: 100%;
	max-width: 600px;
	margin: 0;
	padding: 0 30px;
}
.strength03 .strength-text-box {
	width: 100%;
	max-width: 615px;
  padding: 0 30px;
}
.strength04 .strength-text-box {
	width: 100%;
	max-width: 600px;
	margin: 0 0 0 auto;
	padding: 10px 30px 20px;
}
.strength05 .strength-text-box {
	width: 100%;
	max-width: 615px;
  padding: 0 30px;
}
.strength06 .strength-text-box {
	width: 100%;
	max-width: 600px;
  padding: 0 0 0 30px;
}
.strength07 .strength-text-box {
	width: 100%;
	max-width: 600px;
	padding: 0 30px 0 0;
}
.strength08 .strength-text-box {
	width: 100%;
	max-width: 460px;
  margin: 0;
  padding: 0 0 0 30px;
}

.strength-img-box {
	width: 40%;
  margin: 110px 0px 0 100px;
}

.strength02 .strength-img-box {
	width: 100%;
	max-width: 310px;
  margin: 100px 0 0 60px;
}
.strength03 .strength-img-box {
	width: 100%;
	max-width: 400px;
	margin: 220px 0 0 20px;
}
.strength04 .strength-img-box {
	width: 100%;
	max-width: 310px;
  margin: 110px 0 0 60px;
}
.strength05 .strength-img-box {
	width: 100%;
	max-width: 400px;
	margin: 150px 0px 0 30px;
}
.strength06 .strength-img-box {
	width: 100%;
	max-width: 400px;
	margin: 200px 0px 0 170px;
}
.strength07 .strength-img-box {
	width: 100%;
	max-width: 376px;
	margin: 220px 0 0 60px;
}
.strength08 .strength-img-box {
	width: 100%;
	max-width: 300px;
	margin: 200px 0px 0 160px;
}

.strength-headding {
	margin: 100px 0 50px;
	position: relative;
}
.strength-headding::after {
	position: absolute;
	bottom: 65px;
	left: 0;
	display: block;
	width: 81px;
	height: 75px;
}

@media screen and (max-width: 768px) {
	.strength-area {
		margin: 0 auto;
		max-width: 100%;
		padding: 0;
	}
	.strength-area.strength01 {
		margin: 0 auto;
		padding: 0;
	}
	.strength-area.strength02 {
		margin: 0 auto;
		padding: 0;
	}
	.strength-area.strength03 {
		margin: 0 auto;
		padding: 0;
	}
	.strength-area.strength04 {
		margin: 0 auto;
		padding: 0;
	}
	.strength-area.strength05 {
		margin: 0 auto;
		padding: 0;
	}
	.strength-area.strength06 {
		margin: 0 auto;
		padding: 0;
	}
	.strength-area.strength07 {
		margin: 0 auto;
		padding: 0;
	}
	.strength-area.strength08 {
		margin: 0 auto;
		padding: 0;
	}

	.strength01 .strength-box {
		margin: 0 auto;
		padding: 125px 0 110px;
	}
	.strength02 .strength-box {
		margin: 0 auto;
		padding: 120px 0 110px;
	}
	.strength03 .strength-box {
		padding: 80px 0 56px;
	}
	.strength04 .strength-box {
		margin: 0 auto 0 0;
		padding: 90px 0 48px;
	}
	.strength05 .strength-box {
		margin: 0 auto 0 0;
		padding: 140px 0 170px;
	}
	.strength06 .strength-box {
		margin: 0 auto 0 0;
		padding: 80px 0 80px;
	}
	.strength07 .strength-box {
		margin: 0 auto 0 0;
		padding: 80px 0 60px;
	}
	.strength08 .strength-box {
		margin: 0 auto 0 0;
		padding: 80px 0 120px;
	}

	.order1 {
		-webkit-box-ordinal-group:1;
		-ms-flex-order:1;
		-webkit-order:1;
		order:1;
	}
	.order2 {
		-webkit-box-ordinal-group:2;
		-ms-flex-order:2;
		-webkit-order:2;
		order:2;
	}

	.strength-area .l-inner_base {
		flex-wrap: wrap;
	}

	.strength-text-box {
		padding: 0 10px;
	}

	.strength01 .strength-text-box {
		width: 100%;
		max-width: 100%;
		padding: 0;
	  margin-bottom: 0;
	}
	.strength02 .strength-text-box {
		width: 100%;
		max-width: 100%;
		margin: 0 auto;
		padding: 50px 0 0;
	}
	.strength03 .strength-text-box {
		width: 100%;
		max-width: 100%;
		padding: 50px 0 20px;
	}
	.strength04 .strength-text-box {
		width: 100%;
		max-width: 100%;
		margin: 0 0 0 auto;
		padding: 50px 0 75px;
	}
	.strength05 .strength-text-box {
		width: 100%;
		max-width: 100%;
		padding: 50px 0 0;
	}
	.strength06 .strength-text-box {
		width: 100%;
		max-width: 100%;
		margin: 0 0 0 auto;
		padding: 45px 0 0px;
	}
	.strength07 .strength-text-box {
		width: 100%;
		max-width: 100%;
		padding: 50px 0 20px;
	}
	.strength08 .strength-text-box {
		width: 100%;
		max-width: 100%;
		margin: 0 auto;
		padding: 45px 0 0;
	}

	.strength07 .strength-text-box .u-text {
		width: 100%;
		max-width: 100%;
	}
	.strength08 .strength-text-box .u-text {
		width: 100%;
		max-width: 100%;
	}

	.strength-img-box {
		width: 25%;
		max-width: 170px;
		display: flex;
    justify-content: center;
    margin: 0 auto 60px;
	}
	.strength01 .strength-img-box {
		width: 30%;
	}
	.strength02 .strength-img-box {
		margin: 0 auto;
		width: 30%;
	}
	.strength03 .strength-img-box {
		width: 50%;
		margin: 0 auto;
	}
	.strength04 .strength-img-box {
		width: 50%;
		margin: 0 auto;
	}
	.strength05 .strength-img-box {
		width: 50%;
		margin: 0 auto;
	}
	.strength06 .strength-img-box {
		width: 75%;
		margin: 0 auto;
	}
	.strength07 .strength-img-box {
		width: 45%;
		margin: 0 auto;
	}
	.strength08 .strength-img-box {
		width: 40%;
		margin: 0 auto;
	}

	.strength-headding {
		margin: 0 0 15px;
	}
	.strength-headding::after {
		bottom: 35px;
		width: 50px;
    	height: 40px;
	}
}

@media screen and (min-width: 769px) and (max-width: 1024px)  {
	.strength01 .strength-box {
		margin: 0 auto;
	}
}

/* COMPANY
----------------------------------------------------------------- */
/* index.html ------------**/
.page-company {
	position: relative;
}
.company-page-link-area {
	padding: 0 0 50px;
}
.company-link-list {
	/* width: calc(100/4); */
	justify-content: space-between;
}
.company-link-list .c-page-link {
	width: 227px;
	max-width: 100%;
}

.greeting-area {
	margin-top: 60px;
	position: relative;
}
.message-list {
	position: absolute;
	justify-content: space-between;
	align-items: center;
	max-height: 100%;
	height: 420px;
}
.message-img-box {
  width: 50vw;
	top: 0;
	left: 0;
}
.message-text-box {
	width: 500px;
	margin: 0 auto 0 0 ;
	padding: 0 0 0 60px;
}
.greeting-text-box {
	position: static;
	padding: 440px 0 60px 0;
}

.info-area {
	padding: 50px 0 80px;
}
.info-text-box  {
	padding: 30px;
	margin: 0 0 40px 0;
}

.info-d-list {
	width: 100%;
}

.info-list-ttl {
	width: 30%;
	margin: 0 0 3px 0;
}
.info-list-data {
	width: 70%;
	margin: 0 0 3px 0;
}

.policy-area {
  width: 100vw;
	padding: 45px 0 75px;
  margin: 0 calc(50% - 50vw);
}
.policy-list-area {
	width: 100%;
	height: 100%;
}
.policy-list {
	width: 100%;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	-ms-flex-line-pack: center;
	align-content: center;
}
.policy-list-ttl {
	width: 30%;
	padding: 25px 0;
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.policy-list-data {
	width: 70%;
	padding: 35px 30px;
}

.organization-area {
	padding: 60px 0;
}

.guide-link-area {
	padding: 90px 0;
}
.guide-link-list {
	justify-content: space-between;
}
.guide-link-list .c-page-link {
	width: 190px;
	max-width: 100%;
}

@media screen and (max-width: 768px) {
	.company-page-link-area {
		padding: 0;
	}
	.company-link-list {
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.company-link-list .link-item {
		width: 100%;
		max-width: 160px;
		margin: 0 5px 20px 0;
	}
	.company-link-list .link-item:nth-child(even) {
		margin-right: 0;
	}

	.greeting-area {
		position: relative;
	}
	.message-list {
		position: static;
		flex-wrap: wrap;
		max-height: 100%;
		height: auto;
	}
	.message-img-box {
		width: 100%;
		margin: 0 14% 0 0;
	}
	.message-text-box {
		width: 100%;
		max-width: 360px;
		margin: 25px auto 0 0;
		padding: 0 0 0 30px;
	}
	.greeting-text-box {
		position: static;
		padding: 35px 0 40px 10px;
	}

	.info-area {
		padding: 60px 0 55px;
	}
	.info-text-box  {
		padding: 20px 15px;
		margin: 0 0 35px 0;
	}
	.info-list {
		flex-wrap: wrap;
		border-bottom: 1px solid #d2d2d2;
		margin: 0 0 15px 0;
	}
	.info-list-ttl {
		width: 100%;
		padding: 0 0 15px 0;
		margin: 00;
	}
	.info-list-data {
		width: 100%;
		padding: 0 0 20px 0;
		margin: 0 0 3px 0;
	}
	.info-list-box {
		margin: 0 0 35px;
	}
	.info-list-box:last-of-type {
		margin: 0;
	}

	.policy-area {
		width: 100%;
		padding: 40px 0 60px;
	}
	.policy-list {
		flex-wrap: wrap;
	}
	.policy-list-ttl {
		width: 100%;
		padding: 15px 0;
		position: relative;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	}
	.policy-list-data {
		width: 100%;
		padding: 15px;
	}

	.organization-area {
		padding: 100px 0;
	}

	.guide-link-area {
		padding: 35px 0 40px;
	}
	.guide-link-list  {
		flex-wrap: wrap;
	}
	.guide-link-list .link-item {
		width: 100%;
		max-width: 160px;
		margin-bottom: 15px;
	}
}

@media screen and (min-width: 376px) and (max-width: 767px) {
	.company-link-list .link-item {
		max-width: 48%;
	}
	.company-link-list .link-item:nth-child(even) {
		margin-right: 0;
	}

	.guide-link-area {
		padding: 35px 0 40px;
	}
	.guide-link-list  {
		flex-wrap: wrap;
	}
	.guide-link-list .link-item {
		max-width: 180px;
		margin-bottom: 15px;
	}
}

@media screen and (min-width: 320px) and (max-width: 374px) {
	.company-link-list .link-item {
		max-width: 135px;
	}
	.company-link-list .link-item:nth-child(even) {
		margin-right: 0;
	}
}


/* history  **************************
------------------------------------*/
.history-table .c-main-d-list__ttl{
	padding: 20px;
}
.history-table .c-main-d-list__data {
	padding: 20px;
}

@media screen and  (max-width: 768px) {
	.history-table .c-main-d-list__ttl{
		padding: 15px;
	}
	.history-table .c-main-d-list__data {
		padding: 15px 15px 30px;
	}
}

/* office  **************************
------------------------------------*/
.office_ja_area {
	padding: 0 0 40px;
}
.office-headding {
	position: relative;
	margin-bottom: 90px;
}

.machine-desc-area {
	width: 100vw;
  margin: 0 calc(50% - 50vw);
	padding: 60px 0 250px;
	line-height: 1.5;
	position: relative;
}
.machine-desc-area .l-inner_base {
	position: relative;
}
.machine-inner {
	margin: 0 auto;
	flex-wrap: wrap;
	position: relative;
	z-index: 0;
}
.machine-box {
	width: 100%;
	flex-wrap: wrap;
	justify-content: space-between;
}
.machine-box-title {
	width: 35%;
}
.machine-list {
	width: 65%;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 0 auto 40px;
}
.machine-list .machine-list_item{
	width: 50%;
}
.machine-in-box-per {
	justify-content: space-between;
}
.machin-in-box {
	width: 48%;
}

.office_os_area {
	padding: 100px 0 0;
}

@media screen and  (max-width: 768px) {
	.office_ja_area {
		padding: 0 0 40px;
	}
	.office-headding {
		margin-bottom: 50px;
	}

	.machine-desc-area {
		padding: 45px 0 160px;
	}
	.machine-inner {
		flex-wrap: wrap;
	}
	.machine-box {
		width: 100%;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.machine-box-title {
		width: 100%;
		margin-bottom: 20px;
	}
	.machine-list {
		width: 100%;
		margin: 0 auto 40px;
	}
	.machine-list .machine-list_item{
		width: 100%;
	}
	.machine-in-box-per {
		justify-content: space-between;
	}
	.machin-in-box {
		width: 50%;
	}

	.office_os_area {
		padding: 100px 0 0;
	}
}

@media screen and  (min-width: 480px) and (max-width: 768px) {
	.machine-list_item {
		width: 50%;
	}
}

/* delivery  **************************
------------------------------------*/
.delivery-headding {
  margin-bottom: 60px;
}

.squere-frame-box {
	position: relative;
	z-index: 2;
	width: 100%;
	padding: 70px 40px 40px;
	margin-bottom: 40px;
}

.square-buble-box {
	position: relative;
	z-index: 0;
  width: 100%;
  max-width: 675px;
  margin: -120px auto 30px;
  padding: 20px;
}

.delively-flow-area {
	margin: 0 0 50px;
}
.delivery-flow-list {
	justify-content: space-between;
}
.delivery-flow-ttl {
	width: 30%;
	margin-bottom: 20px;
	padding: 30px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: relative;
}
.delivery-flow-data {
	width: 70%;
	padding: 20px;
	margin-bottom: 20px;
}

.delivery-title-area {
	width: 100vw;
  margin: 0 calc(50% - 50vw) 60px;
	padding: 45px 0 80px;
}

.steel-introduce-area {
	margin-bottom: 20px;
}
.steel-figure-area {
	margin-bottom: 40px;
}
.steel-headding {
	margin-bottom: 20px;
}

.delivery-office-list {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.delivery-office-list .office-img-box {
	position: relative;
}
.delivery-office-list .area-name {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.delivery-os-service-area {
	width: 100vw;
  margin: 0 calc(50% - 50vw);
	padding: 50px 0 0;
}
.u-headding.service-headding {
	margin-bottom: 20px;
}
.os-service-box {
	margin-bottom: 45px;
	justify-content: space-between;
}
.os-service-list {
	padding: 30px 30px 0;
	width: 100%;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
}
.os-service-list.list_blue {
	width: 37%;
}
.os-service-list.list_green {
	width: 60%;
}
.os-service_item {
	width: 100%;
	max-width: 140px;
	padding: 20px;
	margin-bottom: 30px;
}
.sv-long {
	width: 100%;
	max-width: 530px;
}
.service-point-list {
	margin: 0 auto;
	padding: 0 80px;
}
.service-point_item {
	display: block;
	position: relative;
	padding: 0 0 0 30px;
}

.os-gallery-list.com-gallery-list {
  position: relative;
  top: 70px;
}

.os-gallery_item {
	width: 32%;
	margin: 0 10px 0;
}

@media screen and  (max-width: 768px) {
	.square-buble-box {
		margin: -100px auto 30px;
	}
	.squere-frame-box {
		padding: 70px 10px 30px;
	}

	.delively-flow-area {
		margin: 0 auto 30px;
	}
	.delivery-flow-list {
		flex-wrap: wrap;
	}
	.delivery-flow-ttl {
		width: 100%;
		margin-bottom: 20px;
		padding: 10px 0;
	}
	.delivery-flow-data {
		width: 100%;
		padding: 0;
		margin-bottom: 20px;
	}

	.steel-gallery-list {
		margin-bottom: 45px;
	}
	.steel-figure-area {
		margin-bottom: 30px;
	}

	.delivery-office-list .office-name {
		margin-bottom: 10px;
	}
	.delivery-office-list {
		margin-bottom: 30px;
	}

	.delivery-os-service-area {
		padding: 30px 0 0;
	}
	.os-service-list {
		padding: 20px 20px 0;
		margin: 0 auto 20px;
	}
	.os-service_item {
		width: 100%;
		max-width: 140px;
		padding: 15px 0;
		margin-bottom: 20px;
	}
	.os-service-list.list_blue {
		width: 100%;
		align-items: center;
	}
	.os-service-list.list_green {
		width: 100%;
		align-items: center;
	}
	.os-service-box {
		flex-wrap: wrap;
	}
	.os-service-list {
		width: 100%;
	}

	.service-point-list {
		margin: 0 auto 30px;
		padding: 0;
	}
	.service-point_item {
		padding: 0 0 0 30px;
		margin: 0 0 20px 0;
	}

	.os-gallery-list.com-gallery-list {
  	top: 0;
	}
	.os-gallery_item {
		width: 100%;
	}
}

@media screen and  (max-width: 320px) {
	.list_blue .os-service_item,
	.list_green .os-service_item {
		width: 48%;
	}
}

/* EQUIPMENT  **************************
------------------------------------*/
.processing-list {
	width: 1305px;
}

.processing-img-box {
  width: 586px;
}

.processing-txt-box {
	width: 950px;
	margin-right: auto;
}

.processing-list-01 {
	height: 650px;
	margin-left: 135px;
	position: relative;
	top: 0;
}

.processing-list-01 .processing-img-box {
	position: absolute;
	z-index: 2;
	top: 0;
	left: 0;
}

.processing-list-01 .processing-txt-box {
	position: absolute;
	z-index: 1;
	top: 60px;
	right: 0;
	padding: 45px 230px 45px 250px;
}

.processing-txt-box .u-text {
	margin-bottom: 60px;
}

.processing-list-02 {
	height: 600px;
	margin-right: 135px;
	position: relative;
}

.processing-list-02 .processing-img-box {
	position: absolute;
	z-index: 2;
	top: 0;
	right: 0;
}

.processing-list-02 .processing-txt-box {
	position: absolute;
	z-index: 1;
	top: 60px;
	left: 0;
	padding: 45px 250px 45px 220px;
}

.processing-img-list {
	justify-content: space-between;
}

.processing-img_item {
	width: 48.5%;
}

.equipment-processing-area .c-btn {
	margin-bottom: 70px;
}

.machine-img-list {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 30px;
}

.machine_item {
  width: calc(100%/3);
}

.machine_item .machine-img-box {
  margin-bottom: 25px;
}

.machine-text-box {
  margin: 0 auto;
}

.table-box {
	width: 100%;
  padding: 30px 50px;
  margin-bottom: 20px;
}

.machine-table {
	width: 100%;
	max-width: 885px;
	margin: 0 auto;
	border-collapse: collapse;
}

@media screen and (max-width: 768px) {
	.processing-list {
		width: 100%;
	}

	.processing-img-box {
		width: 100%;
		padding: 0 20px;
	}

	.processing-txt-box {
		width: 100%;
		margin-right: initial;
	}

	.processing-list-01 {
		height: 775px;
		margin-left: initial;
		top: 0;
	}

	.processing-list-01 .processing-img-box {
		position: absolute;
		top: 0;
		left: 0;
	}

	.processing-list-01 .processing-txt-box {
		position: absolute;
		top: 60px;
		right: 0;
		padding: 290px 20px 45px 20px;
	}

	.processing-txt-box .u-text {
		margin-bottom: 50px;
	}

	.processing-list-02 {
		height: 775px;
	}

	.processing-list-02 .processing-img-box {
		top: 70px;
		right: 0;
	}

	.processing-list-02 .processing-txt-box {
		top: 120px;
		left: 0;
		padding: 290px 20px 45px 20px;
	}

	.processing-img-list {
		justify-content: space-between;
	}

	.processing-img_item {
		width: 48.5%;
	}

	.equipment-processing-area .c-btn {
		margin-top: 60px;
	}

	.machine-img-list {
		flex-wrap: wrap;
		margin-bottom: 30px;
	}

	.machine_item {
		width: 100%;
		text-align: center;
		margin:  0 auto 50px;
	}
	.machine_item:last-child {
		margin-bottom: 0;
	}

	.machine_item .machine-img-box {
		text-align: center;
		margin-bottom: 25px;
	}

	.machine-text-box {
		margin: 0 auto;
	}

	.table-box {
		width: 100%;
		padding: 0;
	}

	.table-box .machine-table {
		width: 100%;
		padding: 0;
		margin-bottom: 20px;
	  display: block;
		overflow-x: scroll;
		white-space: nowrap;
		-webkit-overflow-scrolling: touch;
	}
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
	.processing-list {
		width: 100%;
	}

	.processing-img-box {
		width: 45%;
		max-width: 586px;
	}

	.processing-txt-box {
		width: 80%;
		max-width: 950px;
		margin-right: auto;
		padding: 45px 20px 30px 200px;
	}

	.processing-list-01 {
		height: 600px;
		margin-left: 0;
		position: relative;
		top: 0;
	}

	.processing-list-01 .processing-img-box {
		position: absolute;
		z-index: 2;
		top: 0;
		left: 0;
	}

	.processing-list-01 .processing-txt-box {
		width: 80%;
		top: 60px;
		right: 0;
		padding: 45px 20px 30px 200px;
	}

	.processing-txt-box .u-text {
		margin-bottom: 60px;
	}

	.processing-list-02 {
		height: 490px;
		margin-right: 135px;
		position: relative;
	}

	.processing-list-02 .processing-img-box {
		position: absolute;
		z-index: 2;
		top: 0;
		right: 0;
	}

	.processing-list-02 .processing-txt-box {
		top: 60px;
		left: 0;
		padding: 45px 180px 30px 20px;
	}

	.processing-img-list {
		justify-content: space-between;
	}

	.processing-img_item {
		width: 48.5%;
	}

	.equipment-processing-area .c-btn {
		margin-top: 60px;
	}

	.machine-img-list {
		justify-content: space-between;
		align-items: center;
		margin-bottom: 30px;
	}

	.machine_item {
		width: 30%;
	}

	.machine_item .machine-img-box {
		margin-bottom: 25px;
	}

	.machine-text-box {
		margin: 0 auto;
	}

	.table-box {
		width: 100%;
		padding: 30px 50px;
		margin-bottom: 20px;
	}

	.machine-table {
		width: 100%;
		max-width: 885px;
		margin: 0 auto;
	}

	.table-box .machine-table {
		padding: 0 30px;
	}
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
	.processing-list-01 .processing-txt-box {
		padding: 45px 20px 30px 280px;
	}

	.processing-list-02 .processing-txt-box {
		padding: 45px 280px 30px 20px;
	}
}

/* MATRIALS
----------------------------------------------------------------- */
.materials-introduce-area .materials-table-area {
	margin-bottom: 120px;
}

.materials-introduce-area .materials-table-dsc-box {
	max-width: 1194px;
	margin: 0 auto;
	padding: 45px 0 300px;
	position: relative;
}

.materials-introduce-area .materials-headding {
	margin-bottom: 80px;
}

.materials-introduce-area .l-material-area .l-material-list {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.materials-introduce-area .l-material-area .l-title-box {
	margin-bottom: 30px;
}

.materials-introduce-area .l-material-area .l-material_item {
	width: calc( 100 / 3 );
  	position: relative;
	z-index: 0;
	overflow: hidden;
  	margin-bottom: 30px;
}

.materials-introduce-area .l-material-area .l-material_item picture {
	width: 100%;
	height: 100%;
	display: block;
	position: relative;
	z-index: 1;
  	max-height: 181px;
}

.materials-introduce-area .l-material-area .l-material_item picture::after {
	content: "";
  display: block;
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(230, 230, 230, 0.8);
  width: 100%;
  height: 100%;
}

.materials-introduce-area .l-material-area {
	margin: -280px auto 0;
	padding: 0 70px;
	background: none;
}

.materials-introduce-area .l-material_item {
	width: calc(100% / 4 - 10px);
}

.materials-introduce-area .l-material_item .responsiv-image img {
	display: block;
}


.materials-introduce-area .l-material_item .responsiv-image img {
	display: block;
}

.materials-introduce-area .l-material-area .l-material_item picture {
  cursor: pointer;
  transition-duration: .5s;
}

.materials-introduce-area .l-material-area .l-material_item:hover picture {
  -webkit-transform: scale(1.2, 1.2);
  transform: scale(1.2, 1.2);
  transition-duration: .5s;
}


.materials-ttl-box {
	position: relative;
	z-index: 1;
	width: 100%;
	max-width: 100%;
	padding: 50px 0;
	margin: 0 auto 50px;
	height: 160px;
	max-height: 100%;
}

.materials-contents-title {
	position: absolute;
	z-index: 4;
	width: 100%;
}
.materials-ttl-image {
	position: absolute;
	z-index: 2;
	top: 0;
	left: 0;
	width: 100%;
	max-width: 100%;
}

.materials-ttl-image::before {
	position: absolute;
	z-index: 3;
	content: "";
	top: 0;
	left: 0;
	width: 100%;
	height: 97%;
	background-color:rgba(0, 71, 157, 0.7);
	background-image:-moz-linear-gradient(-45deg,rgba(0, 95, 148, .25),rgba(0, 95, 148, .25) 25%,rgba(0, 71, 157, 0.7) 25%,rgba(0, 71, 157, 0.7) 50%,
rgba(0, 95, 148, .25) 50%,
rgba(0, 95, 148, .25) 75%,
rgba(0, 71, 157, 0.7) 75%,
rgba(0, 71, 157, 0.7) 100%
);
	background-image:-webkit-linear-gradient(-45deg,rgba(0, 95, 148, .25),rgba(0, 95, 148, .25) 25%,
rgba(0, 71, 157, 0.7) 25%,
rgba(0, 71, 157, 0.7) 50%,
rgba(0, 95, 148, .25) 50%,
rgba(0, 95, 148, .25) 75%,
rgba(0, 71, 157, 0.7) 75%,
rgba(0, 71, 157, 0.7) 100%
);
background-image:-ms-linear-gradient(-45deg,rgba(0, 95, 148, .25),rgba(0, 95, 148, .25) 25%,
rgba(0, 71, 157, 0.7) 25%,
rgba(0, 71, 157, 0.7) 50%,
rgba(0, 95, 148, .25) 50%,
rgba(0, 95, 148, .25) 75%,
rgba(0, 71, 157, 0.7) 75%,
rgba(0, 71, 157, 0.7) 100%
);
background-image:linear-gradient(-45deg,rgba(0, 95, 148, .25),rgba(0, 95, 148, .25) 25%,
rgba(0, 71, 157, 0.7) 25%,
rgba(0, 71, 157, 0.7) 50%,
rgba(0, 95, 148, .25) 50%,
rgba(0, 95, 148, .25) 75%,
rgba(0, 71, 157, 0.7) 75%,
rgba(0, 71, 157, 0.7) 100%
);
}

.materials-img-box {
	margin-bottom: 70px;
}

.materials-detail-link-list {
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: center;
	margin-bottom: 30px;
}

.materials-detail-link_item {
	width: calc(100% / 5 - 10px);
	margin-bottom: 10px;
	max-width: 190px;
}

.materials-detail-link {
	padding: 20px;
	text-align: left;
	position: relative;
}

@media screen and (max-width: 768px) {
	.materials-table-area {
		margin-bottom: 120px;
	}

	.materials-introduce-area .materials-table-dsc-box {
		padding: 45px 0;
	}

	.materials-table-dsc-box {
		padding: 45px 10px;
	}

	.materials-headding {
		margin-bottom: 50px;
	}

	.materials-introduce-area .l-material-area {
		margin: 20px auto 0;
		padding: 0px;
	}

	.materials-introduce-area .l-material_item {
		width: 48%;
	}

	.materials-introduce-area .l-material_item .responsiv-image::after {
		height: 127%;
	}

	.materials-ttl-box {
		width: 100%;
		max-width: 100%;
		padding: 0;
		margin: 0 auto 80px;
		height: 100%;
	}

	.materials-contents-title {
		width: 100%;
		max-width: 100%;
		height: 100%;
		max-height: 100%;
		padding: 0;
		margin: 0 auto;
	}

	.materials-detail-link-list {
		flex-wrap: wrap;
		margin-bottom: 30px;
	}

	.materials-detail-link_item {
		width: calc(100% / 2 - 10px);
		margin-bottom: 10px;
	}

	.materials-detail-link {
		font-size: 15px;
	}
}

/* detail ***********************
------------------------------------*/
.materials-detail-list {
	justify-content: space-between;
	margin-bottom: 50px;
}

.materials-detail-img-box {
	width: 48%;
}

.materials-detail-text-box {
	width: 48%;
}

.materials-name {
	padding: 10px 20px;
	text-align: left;
	margin-bottom: 20px;
}

.materials-detail-ttl {
	padding-left: 25px;
}

.materials-detail-ttl::before {
	position: absolute;
	left: 0;
}

.material-contact-box {
	padding: 20px 0 50px;
	margin-bottom: 30px;
}

.material-contact-box .square-buble-box {
	max-width: 330px;
	margin: -40px  0 25px 30px;
	padding: 10px 20px;
}

.material-contact-box .u-tel {
	text-align: center;
	margin-bottom: 20px;
}

.material-contact-box .u-tel .u-text_small {
	display: inline-block;
	padding-left: 10px;
}

.material-contact-box .c-btn {
	width: 100%;
	max-width: 772px;
}

.materials-detail-ttl {
	margin-bottom: 10px;
}
.materials-detail-data {
	margin-bottom: 30px;
}

.materials-detail-data .u-text {
	margin-bottom: 20px;
}

.materials-detail-data .table-box {
	width: 100%;
	padding: 0;
}

.materials-table {
	width: 100%;
	max-width: 100%;
}

.materials-table tr {
  border-top: 1px solid #b4b4b4;
  border-bottom: 1px solid #b4b4b4;
  text-align: left;
}

.materials-table th,
.materials-table td {
  padding: 20px 10px;
}

.materials-table th:first-child,
.materials-table td:first-child {
	padding:  10px 50px;
}

@media screen and (max-width: 768px) {
	.materials-detail-list {
		justify-content: space-between;
		flex-wrap: wrap;
		margin-bottom: 50px;
	}

	.materials-detail-img-box {
		width: 100%;
	}

	.materials-detail-text-box {
		width: 100%;
	}

	.materials-name {
		margin-bottom: 20px;
	}

	.materials-name {
		padding: 10px 20px;
		text-align: left;
		margin-bottom: 20px;
	}

	.materials-detail-ttl {
		padding-left: 25px;
	}

	.materials-detail-ttl::before {
		position: absolute;
		left: 0;
	}

	.material-contact-box {
		padding: 20px 0 30px;
		margin-bottom: 20px;
	}

	.material-contact-box .square-buble-box {
		max-width: 300px;
		margin: -40px  0 25px 15px;
		padding: 10px 20px;
	}

	.material-contact-box .u-tel {
		text-align: center;
		margin-bottom: 20px;
	}

	.material-contact-box .u-tel .u-text_small {
		display: block;
		padding-left: 10px;
	}

	.material-contact-box .c-btn {
		width: 90%;
		max-width: 100%;
	}

	.materials-detail-ttl {
		font-size: 18px;
		margin-bottom: 10px;
	}
	.materials-detail-data {
		font-size: 15px;
		margin-bottom: 30px;
	}

	.materials-detail-data .u-text {
		margin-bottom: 20px;
	}

	.materials-table tbody {
		display: -webkit-box;
  	display: -ms-flexbox;
		display: flex;
	}

	.materials-table tr {
		display: block;
		width: 50%;
		text-align: left;
	}

	.materials-table th,
	.materials-table td {
		display: block;
		padding: 20px 10px;
	}

	.materials-table th:first-child,
	.materials-table td:first-child {
		padding: 20px 10px;
	}

	.materials-img-box {
		margin-bottom: 70px;
	}

	.materials-table-area .table-box {
		width: 100%;
		padding: 0;
	}

	.table-box .materials-table {
		width: 100%;
		padding: 0;
		margin-bottom: 20px;
	}
}


/* RECRUIT
----------------------------------------------------------------- */
.reqruit-area {
	padding: 0 0 90px;
}
.reqruit-headding {
	margin-bottom: 60px;
}
.reqruit-table .c-main-d-list__ttl{
	padding: 20px;
}
.reqruit-table .c-main-d-list__data {
	padding: 20px;
}

.reqruit-table .text {
	margin-bottom: 10px;
}

.reqruit-table .text-list {
	margin-bottom: 10px;
}

.reqruit-table .text-d-list {
  margin-bottom: 30px;
}

.reqruit-table .text-d-list_ttl {
	margin-bottom: 10px;
}

@media screen and  (max-width: 768px) {
	.reqruit-table .c-main-d-list__ttl{
		padding: 15px;
	}
	.reqruit-table .c-main-d-list__data {
		padding: 15px 15px 30px;
	}
}

/* PRIVACY
----------------------------------------------------------------- */
.page-privacy .en-ttl {
  text-align: center;
  color: #00479d;
  font-size: 40px;
  font-weight: 700;
}
.page-privacy .m-ttl {
  margin: 0 0 40px;
  text-align: center;
  font-size: 24px;
  font-weight: 700;
}
.page-privacy .textarea .ttl {
  margin: 0 0 30px;
  color: #00479d;
  font-size: 20px;
  border-left: 5px solid #00479d;
  padding: 0 0 0 15px;
}
.page-privacy .textarea .text {
  margin: 0 0 50px;
}
.page-privacy .textarea .text span {
  display: block;
  margin: 0 0 30px
}
.page-privacy .textarea .text a {
  width: auto;
  display: inline-block;
  text-decoration: underline;
}
.page-privacy .textarea .text span.sub-ttl {
  font-size: 18px;
  font-weight: 700;
  margin: 0 0 5px
}
.page-privacy .textarea .text.right {
  text-align: right;
}

@media screen and (max-width: 768px) {
  .page-privacy .en-ttl {
    font-size: 26px;
  }
  .page-privacy .m-ttl {
    margin: 0 0 20px;
    font-size: 18px;
  }
  .page-privacy .textarea .ttl {
    margin: 0 0 20px;
    color: #00479d;
    font-size: 18px;
    border-left: 4px solid #00479d;
    padding: 0 0 0 10px;
  }
  .page-privacy .textarea .text {
    margin: 0 0 30px;
  }
  .page-privacy .textarea .text span {
    margin: 0 0 20px
  }
  .page-privacy .textarea .text span.sub-ttl {
    font-size: 16px;
  }
}

/* SITEMAP
----------------------------------------------------------------- */
.page-sitemap .sitemap-area {
	padding: 0 0 90px;
}
.page-sitemap .en-ttl {
  text-align: center;
  color: #00479d;
  font-size: 40px;
  font-weight: 700;
}
.page-sitemap .m-ttl {
  margin: 0 0 40px;
  text-align: center;
  font-size: 24px;
  font-weight: 700;
}
.page-sitemap .maplist li {
  border-bottom: 3px solid #00479d;
  padding: 0  0 30px;
  margin: 0 0 30px;
}
.page-sitemap .maplist li a {
  text-decoration: underline;
  font-size: 18px;
  font-weight: 700;
}
.page-sitemap .maplist ul {
  margin: 20px 50px 0;
}
.page-sitemap .maplist li ul li {
  padding: 0 0 20px;
  border-bottom:1px solid #ccc;
}
.page-sitemap .maplist li ul li a {
  font-size: 16px;
  font-weight: 400;
}
@media screen and (max-width: 768px) {
	.page-sitemap .sitemap-area {
		padding: 0 0 55px;
	}
  .page-sitemap.en-ttl {
    font-size: 26px;
  }
  .page-sitemap.m-ttl {
    margin: 0 0 20px;
    font-size: 18px;
  }
  .page-sitemap .maplist li {
    border-bottom: 2px solid #00479d;
    padding: 0  0 20px;
    margin: 0 0 20px;
  }
  .page-sitemap .maplist li a {
    font-size: 16px;
  }
  .page-sitemap .maplist ul {
    margin: 15px 10px 0;
  }
  .page-sitemap .maplist li ul li {
    padding: 0 0 15px;
  }
  .page-sitemap .maplist li ul li a {
    font-size: 14px;
  }
}