body.body .company-page {
  overflow: hidden;
}
body.body .company-page .common-main-page-box .inner .left-box .text-box .icon-box {
  background: #f0f5f5;
  color: #1e277e;
}
body.body .company-page .top-catch {
  font-size: 1.5rem;
  font-weight: 500;
  letter-spacing: 0.2em;
  line-height: 1.5em;
  color: #00afec;
}
body.body .company-page .news-area {
  margin-top: 13.8888888889vh;
}
body.body .company-page .news-area .inner {
  max-width: 1920px;
  margin: 0 auto;
}
body.body .company-page .news-area .inner .double-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
body.body .company-page .news-area .inner .double-box .image-box {
  width: 56%;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
body.body .company-page .news-area .inner .double-box .image-box .image {
  width: 100%;
}
body.body .company-page .news-area .inner .double-box .image-box .image img {
  display: block;
  width: 100%;
}
body.body .company-page .news-area .inner .double-box .text-box {
  margin-left: 90px;
  width: 490px;
  max-width: 65.306122449%;
}
@media (max-width: 1400px) {
  body.body .company-page .news-area .inner .double-box .text-box {
    margin-left: 6.4285714286%;
  }
}
body.body .company-page .news-area .inner .double-box .text-box .text-inner {
  padding-left: 6.5306122449%;
  width: 69.5918367347%;
}
body.body .company-page .news-area .inner .double-box .text-box .text-inner .common-title {
  text-align: left;
  padding-bottom: 0;
}
body.body .company-page .news-area .inner .double-box .text-box .text-inner .common-title .en {
  margin-top: 0.5em;
}
body.body .company-page .news-area .inner .double-box .text-box .text-inner .news-contents {
  margin-top: 3.8888888889vh;
  border-bottom: 1px solid #1e277e;
  padding-bottom: 2.2222222222vh;
}
body.body .company-page .news-area .inner .double-box .text-box .text-inner .news-contents ul li a {
  display: block;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
}
body.body .company-page .news-area .inner .double-box .text-box .text-inner .news-contents ul li a .info-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
body.body .company-page .news-area .inner .double-box .text-box .text-inner .news-contents ul li a .info-box time {
  font-size: 1.125rem;
  font-family: "Roboto Slab", serif;
  color: #1e277e;
  letter-spacing: 0.1em;
  margin-right: 10px;
}
body.body .company-page .news-area .inner .double-box .text-box .text-inner .news-contents ul li a .info-box .category {
  color: #fff;
  background: #00afec;
  display: block;
  line-height: 20px;
  padding: 0 10px;
  border-radius: 4px;
  font-size: 0.8125rem;
  letter-spacing: 0.05em;
}
body.body .company-page .news-area .inner .double-box .text-box .text-inner .news-contents ul li a .title-box {
  margin-top: 10px;
}
body.body .company-page .news-area .inner .double-box .text-box .text-inner .news-contents ul li a .title-box .title {
  font-size: 0.9375rem;
  letter-spacing: 0.0253333333em;
  line-height: 1.5333333333em;
  text-align: justify;
  text-justify: inter-ideograph;
}
body.body .company-page .news-area .inner .double-box .text-box .text-inner .news-contents ul li a:hover {
  opacity: 0.6;
}
body.body .company-page .news-area .inner .double-box .text-box .text-inner .common-link {
  margin-top: 4.4444444444vh;
}
body.body .company-page .company-area {
  margin-top: 11.6666666667vh;
}
body.body .company-page .company-area .inner {
  margin: 0 auto;
  width: 980px;
  max-width: 80%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}
body.body .company-page .company-area .inner:after {
  content: "";
  display: block;
  padding-top: 51.4285714286%;
}
body.body .company-page .company-area .inner .text-box {
  width: 34.7959183673%;
}
body.body .company-page .company-area .inner .text-box .common-title {
  text-align: left;
  border-bottom: 1px solid #1e277e;
}
body.body .company-page .company-area .inner .text-box .common-title .en {
  margin-top: 0.5em;
}
body.body .company-page .company-area .inner .text-box .image-box {
  position: absolute;
  top: 0;
  left: 41.9387755102%;
  width: 72.4489795918%;
}
body.body .company-page .company-area .inner .text-box .image-box img {
  display: block;
  width: 100%;
}
body.body .company-page .company-area .inner .text-box .text-inner {
  margin-top: 3.8888888889vh;
}
body.body .company-page .company-area .inner .text-box .text-inner .common-text {
  margin-top: 1.8888888889vh;
}
body.body .company-page .company-area .inner .text-box .text-inner .common-link {
  margin-top: 6.1111111111vh;
}
body.body .company-page .bg-right {
  width: 40.7857142857%;
  height: 625px;
  margin-top: -228px;
  margin-bottom: -397px;
  position: relative;
  margin-left: auto;
  z-index: -1;
  background: #f0f5f5;
}
body.body .company-page .office-area .inner {
  width: 980px;
  max-width: 80%;
  margin: 11.1111111111vh auto 0;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
body.body .company-page .office-area .inner:before {
  content: "";
  display: block;
  padding-top: 54.0816326531%;
}
body.body .company-page .office-area .inner .text-box {
  width: 46.5306122449%;
}
body.body .company-page .office-area .inner .text-box .common-title {
  width: 341px;
  max-width: 100%;
  text-align: left;
  border-bottom: 1px solid #1e277e;
}
body.body .company-page .office-area .inner .text-box .image-box {
  position: absolute;
  top: 0;
  left: 0;
  width: 45.7142857143%;
}
body.body .company-page .office-area .inner .text-box .image-box img {
  width: 100%;
  display: block;
}
body.body .company-page .office-area .inner .text-box .text-inner {
  margin-top: 5.1111111111vh;
}
body.body .company-page .double-link-box {
  position: relative;
  margin-top: 10.5555555556vh;
  padding-top: 16.6666666667vh;
  padding-bottom: 11.6666666667vh;
}
body.body .company-page .double-link-box:before {
  content: "";
  display: block;
  width: 71.0714285714%;
  position: absolute;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
  background: rgba(0, 175, 236, 0.12);
}
body.body .company-page .double-link-box .inner {
  width: 980px;
  max-width: 80%;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
body.body .company-page .double-link-box .inner section {
  width: 45.7142857143%;
}
body.body .company-page .double-link-box .inner section .image img {
  width: 100%;
  display: block;
}
body.body .company-page .double-link-box .inner section .common-title {
  margin-top: 2.2222222222vh;
  border-bottom: 1px solid #1e277e;
}
body.body .company-page .double-link-box .inner section .common-text {
  text-align: center;
  margin-top: 2vh;
}
body.body .company-page .double-link-box .inner section .common-link {
  margin: 2.7777777778vh auto 0;
}
body.body .company-page .our-service {
  margin-top: 11.1111111111vh;
}
body.body .company-page .our-service .inner {
  width: 980px;
  max-width: 80%;
  margin: 0 auto;
}
body.body .company-page .our-service .inner .pc-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 4.4444444444vh;
}
body.body .company-page .our-service .inner .pc-list li {
  width: 23.4693877551%;
}
body.body .company-page .our-service .inner .pc-list li a .image {
  position: relative;
  z-index: 0;
}
body.body .company-page .our-service .inner .pc-list li a .image:before {
  content: "MORE";
  font-family: "Roboto Slab", serif;
  font-size: 1.0625rem;
  letter-spacing: 0.1em;
  color: #1e277e;
  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;
  text-align: center;
  background: rgba(255, 255, 255, 0.7);
  opacity: 0;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
body.body .company-page .our-service .inner .pc-list li a .image img {
  display: block;
  width: 100%;
}
body.body .company-page .our-service .inner .pc-list li a .common-title {
  margin-top: 2.4444444444vh;
  border-bottom: 1px solid #1e277e;
}
body.body .company-page .our-service .inner .pc-list li a .common-title .jp {
  font-size: 1.125rem;
  -webkit-transition: color 0.2s, border-color 0.2s;
  transition: color 0.2s, border-color 0.2s;
}
body.body .company-page .our-service .inner .pc-list li a .common-title .en {
  font-size: 0.875rem;
  -webkit-transition: color 0.2s, border-color 0.2s;
  transition: color 0.2s, border-color 0.2s;
}
body.body .company-page .our-service .inner .pc-list li a:hover .image:before {
  opacity: 1;
}
body.body .company-page .our-service .inner .pc-list li a:hover .common-title {
  border-color: #00afec;
}
body.body .company-page .our-service .inner .pc-list li a:hover .common-title .jp, body.body .company-page .our-service .inner .pc-list li a:hover .common-title .en {
  color: #00afec;
}
body.body .company-page .our-service .inner .common-link {
  margin: 5vh auto 0;
}
body.body .company-page .sustainability-area {
  margin-top: 13.8888888889vh;
  position: relative;
  padding-bottom: 11.1111111111vh;
}
body.body .company-page .sustainability-area:after {
  content: "";
  z-index: -1;
  height: calc(100% - 47px);
  display: block;
  width: 71.0714285714%;
  right: 0;
  bottom: 0;
  background: #f0f5f5;
  position: absolute;
}
body.body .company-page .sustainability-area .inner {
  max-width: 1920px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
body.body .company-page .sustainability-area .inner:after {
  content: "";
  display: block;
  padding-top: 29.2857142857%;
  width: 55%;
}
body.body .company-page .sustainability-area .inner .text-box {
  width: 341px;
  max-width: 24.3571428571%;
  margin-right: 78px;
}
@media (max-width: 1400px) {
  body.body .company-page .sustainability-area .inner .text-box {
    margin-right: 5.5714285714%;
  }
}
body.body .company-page .sustainability-area .inner .text-box .image {
  position: absolute;
  top: 0;
  right: 0;
  width: 55%;
}
body.body .company-page .sustainability-area .inner .text-box .image img {
  width: 100%;
}
body.body .company-page .sustainability-area .inner .text-box .common-title {
  text-align: left;
  border-bottom: 1px solid #1e277e;
}
body.body .company-page .sustainability-area .inner .text-box .text-inner .top-catch {
  margin-top: 3.3333333333vh;
}
body.body .company-page .sustainability-area .inner .text-box .text-inner .common-text {
  margin-top: 2vh;
  text-align: justify;
  text-justify: inter-ideograph;
}
body.body .company-page .sustainability-area .inner .text-box .text-inner .common-link {
  margin-top: 3.1111111111vh;
}
@media (min-width: 769px) {
  body.body.page-company {
    padding-top: 0;
  }
  body.body.page-company .main-header {
    -webkit-transition: -webkit-transform 0.2s;
    transition: -webkit-transform 0.2s;
    transition: transform 0.2s;
    transition: transform 0.2s, -webkit-transform 0.2s;
    -webkit-transform: translate(0, -100%);
            transform: translate(0, -100%);
  }
  body.body.on-scroll.page-company .main-header {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}

@media (max-width: 768px) {
  body.body .company-page .top-catch {
    font-size: 1.375rem;
  }
  body.body .company-page .news-area .inner .double-box {
    display: block;
  }
  body.body .company-page .news-area .inner .double-box .image-box {
    width: 100%;
  }
  body.body .company-page .news-area .inner .double-box .text-box {
    width: 80%;
    max-width: none;
    margin: 3.8888888889vh auto 0;
  }
  body.body .company-page .news-area .inner .double-box .text-box .text-inner {
    padding-left: 0;
    width: 100%;
  }
  body.body .company-page .news-area .inner .double-box .text-box .text-inner .common-title {
    text-align: center;
  }
  body.body .company-page .news-area .inner .double-box .text-box .text-inner .common-link {
    margin-left: auto;
    margin-right: auto;
  }
  body.body .company-page .company-area .inner {
    display: block;
  }
  body.body .company-page .company-area .inner:after {
    display: none;
  }
  body.body .company-page .company-area .inner .text-box {
    width: 100%;
  }
  body.body .company-page .company-area .inner .text-box .image-box {
    position: relative;
    left: auto;
    width: 100%;
    margin-top: 30px;
  }
  body.body .company-page .bg-right {
    width: 56.75%;
    height: 760px;
    margin-top: -386px;
    margin-bottom: -374px;
  }
  body.body .company-page .office-area .inner {
    display: block;
  }
  body.body .company-page .office-area .inner:before {
    display: none;
  }
  body.body .company-page .office-area .inner .text-box {
    width: 100%;
  }
  body.body .company-page .office-area .inner .text-box .common-title {
    text-align: center;
  }
  body.body .company-page .office-area .inner .text-box .image-box {
    width: 75%;
    margin: 30px auto 0;
    position: static;
  }
  body.body .company-page .office-area .inner .text-box .text-inner .common-link {
    margin-left: auto;
    margin-right: auto;
  }
  body.body .company-page .double-link-box:before {
    width: 100%;
    height: 677px;
  }
  body.body .company-page .double-link-box .inner {
    display: block;
  }
  body.body .company-page .double-link-box .inner section {
    width: 100%;
  }
  body.body .company-page .double-link-box .inner section + section {
    margin-top: 65px;
  }
  body.body .company-page .our-service .inner {
    width: 100%;
    max-width: 100%;
  }
  body.body .company-page .our-service .inner .sp-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-top: 10px;
  }
  body.body .company-page .our-service .inner .sp-list li {
    width: 23.5%;
  }
  body.body .company-page .our-service .inner .sp-list li img {
    width: 100%;
  }
  body.body .company-page .our-service .inner .pc-list {
    display: block;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
  }
  body.body .company-page .our-service .inner .pc-list li {
    width: 266px;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
  }
  body.body .company-page .our-service .inner .pc-list li a .common-title .jp {
    font-size: 1.0625rem;
  }
  body.body .company-page .our-service .inner .pc-list li a .common-title .en {
    font-size: 0.8125rem;
  }
  body.body .company-page .our-service .inner .pc-list li + li {
    margin-top: 10px;
  }
  body.body .company-page .sustainability-area .inner {
    width: 100%;
  }
  body.body .company-page .sustainability-area .inner:after {
    display: none;
  }
  body.body .company-page .sustainability-area .inner .text-box {
    width: 100%;
    max-width: none;
    margin-right: 0;
  }
  body.body .company-page .sustainability-area .inner .text-box .common-title {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
  }
  body.body .company-page .sustainability-area .inner .text-box .image {
    width: 100%;
    position: static;
    margin-top: 30px;
  }
  body.body .company-page .sustainability-area .inner .text-box .text-inner {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
  }
  body.body .company-page .sustainability-area .inner .text-box .text-inner .common-link {
    margin-left: auto;
    margin-right: auto;
  }
}
/*
@import "scss/import/sustainability-footer";

$windowBase: 400;
@mixin fsize($font-size, $line-height: null) {
	font-size: ($font-size/16) + rem;
	@if ($line-height !=null) {
		line-height: ($line-height/16) + rem;
	}
}
@mixin fsize-sp($font-size, $line-height: null) {
	font-size: vwsp($font-size);
	@if ($line-height !=null) {
		line-height: vwsp($line-height);
	}
}
@function vwsp($pixel) {
	@return ($pixel/$windowBase) * 100vw;
}
.en {
	font-family: $font-slab;
}

.page-company {
	.page {
		&-header {
			text-align: center;
			display: flex;
			justify-content: space-between;
			align-items: center;
			&-wrapper {
				width: (490/1400) * 100%;
				justify-content: center;
				align-items: center;
				margin-left: 40px;
			}
			&-logo {
				width: (92/490) * 100%;
				margin: 0 auto 52px;
				img {
					width: 100%;
				}
			}
			&-image {
				width: (910/1400) * 100%;
				margin-left: 20px;
				img {
					width: 100%;
				}
			}
			.scroll {
				width: 55px;
				display: block;
				margin: auto;
				img {
					width: 100%;
				}
			}
		}
		&-title {
			background-color: $color-light_blue3;
			color: $theme-color;
			padding: 13px 46px;
			display: flex;
			justify-content: flex-start;
			align-items: center;
			margin: 0 auto 115px;
			max-width: 260px;

			&-left {
				width: 40px;
				margin-right: 11px;
				img {
					width: 100%;
				}
			}
			&-right {
				text-align: left;
				.ja {
					@include fsize(16);
					margin-bottom: 8px;
					letter-spacing: 0.15em;
					font-weight: bold;
				}
				.en {
					@include fsize(14);
					letter-spacing: 0.1em;
					font-weight: normal;
				}
			}
		}
		&-catch {
			color: $theme-color;
			@include fsize(24, 44);
			font-weight: 500;
			letter-spacing: 0.35em;
			width: (275/490) * 100%;
			margin: 0 auto 55px;
			.light-blue {
				color: $color-light_blue;
			}
		}
	}
	.common-link {
		margin-top: 30px;
	}

	.content {
		&-item {
		}
		&-wrapper {
		}
		&-title {
			.ja {
				@include fsize(23);
				color: $theme-color;
				font-weight: bold;
				letter-spacing: 0.2em;
				margin-bottom: 10px;
			}
			.en {
				@include fsize(15);
				color: #808080;
				letter-spacing: 0.1em;
			}
			&:not(.info-title) {
				padding-bottom: 18px;
				margin-bottom: 41px;
				border-bottom: 1px solid $theme-color;
			}
			&.info-title {
				margin-bottom: 44px;
			}
		}
		&-catch {
			@include fsize(24, 36);
			color: $color-light_blue;
			font-weight: 500;
			letter-spacing: 0.2em;
			margin-bottom: 24px;
		}
		&-summary {
			@include fsize(15, 30);
		}
	}
	.content-item01 {
		margin: 253px 0 103px;
		background-image: url(../image/company/top/image01.jpg);
		background-image: -webkit-image-set(
			url(../image/company/top/image01.jpg) 1x,
			url(../image/company/top/image01@2x.jpg) 2x
		);
		background-repeat: no-repeat;
		background-position: left center;
		background-size: (784/1400) * 100% auto;
		.content {
			&-wrapper {
				position: relative;
				padding: 0 40px;
				width: 980+80px;
				max-width: 100%;
				margin: auto;
				display: flex;
				justify-content: flex-end;
				align-items: center;
			}
			&-left {
			}

			&-right {
				width: (308/980) * 100%;
				max-width: 308px;
				padding: 67px 0 54px;
			}
		}
		.news {
			&-item {
				padding-bottom: 26px;
				border-bottom: 1px solid $theme-color;
			}
			.double-box {
				display: flex;
				justify-content: flex-start;
				align-items: center;
				margin-bottom: 16px;
			}
			time {
				font-family: $font-slab;
				@include fsize(18);
				color: $theme-color;
				letter-spacing: 0.1em;
				margin-right: 11px;
			}
			.category {
				color: #fff;
				@include fsize(13);
				letter-spacing: 0.05em;
				padding: 6px 15px;
				border-radius: 4px;
			}
			.title {
				@include fsize(15);
				letter-spacing: 0.025em;
			}
			&-link {
				display: block;
				transition: 0.2s opacity;
				&:hover {
					opacity: 0.5;
				}
			}
		}
	}
	.content-item02 {
		margin-bottom: 105px;
		position: relative;
		padding-bottom: 85px;
		background-image: url(../image/company/top/image02.jpg);
		background-image: -webkit-image-set(
			url(../image/company/top/image02.jpg) 1x,
			url(../image/company/top/image02@2x.jpg) 2x
		);
		background-repeat: no-repeat;
		background-position: right 69px center;
		background-size: (710/1400) * 100% auto;
		.content {
			&-wrapper {
				padding: 0 40px;
				width: 980+80px;
				max-width: 100%;
				margin: auto;
				display: flex;
				justify-content: space-between;
				align-items: center;
			}
			&-left {
				padding: 85px 0;
				width: (341/980) * 100%;
			}
			&-right {
				width: (710/980) * 100%;
				max-width: 710px;
				position: absolute;
				right: 69px;
			}
		}
		.bg-01 {
			position: absolute;
			z-index: -1;
			top: 285px;
			right: 0;
			height: 100%;
			background-color: $color-light_blue3;
			width: (571/1400) * 100%;
		}
	}
	.content-item03 {
		margin-bottom: 95px;
		.content {
			&-wrapper {
				padding: 0 40px;
				width: 980+80px;
				max-width: 100%;
				margin: auto;
				display: flex;
				justify-content: flex-start;
			}
			&-left {
				width: (448/980) * 100%;
				img {
					width: 100%;
				}
			}
			&-right {
				width: (340/980) * 100%;
				margin-left: 75px;
			}
		}
	}
	.content-item04 {
		padding: 155px 0 104px;
		position: relative;
		margin-bottom: 103px;
		.content {
			&-wrapper {
				padding: 0 40px;
				width: 980+80px;
				max-width: 100%;
				margin: auto;
				display: flex;
				justify-content: space-between;
				text-align: center;
				align-items: stretch;
			}
			&-left,
			&-right {
				width: (448/980) * 100%;
				display: flex;
				flex-direction: column;
			}
			&-image {
				img {
					display: block;
					width: 100%;
				}
			}
			&-title {
				margin-top: 25px;
			}
			&-summary {
				margin-bottom: 32px;
			}
		}
		.common-link {
			margin: 0 auto;
		}
		.bg-02 {
			position: absolute;
			z-index: -1;
			top: 0;
			left: 0;
			height: 100%;
			background-color: $color-light_blue012;
			width: (995/1400) * 100%;
		}
	}
	.content-item05 {
		.content {
			&-wrapper {
				padding: 0 40px;
				width: 980+80px;
				max-width: 100%;
				margin: auto;
				display: flex;
				justify-content: space-between;
				align-items: stretch;
			}
			&-title {
				margin: 0;
				padding: 27px 0 42px;
				text-align: center;
				transition: 0.2s color;
				.ja {
					@include fsize(18, 24);
				}
				.en {
					@include fsize(14);
				}
			}
			&-part {
				width: (230/980) * 100%;
				display: flex;
				justify-content: space-between;
				flex-direction: column;
				&:hover {
					.content-image {
						&::before,
						&::after {
							opacity: 1;
						}
					}
					.content-title {
						border-color: $color-light_blue;
						.ja {
							color: $color-light_blue;
						}
						.en {
							color: $color-light_blue;
						}
					}
				}
			}
			&-image {
				position: relative;
				img {
					width: 100%;
				}
				&::before {
					content: "";
					display: block;
					width: 100%;
					height: 100%;
					opacity: 0;
					position: absolute;
					background-color: rgba(255, 255, 255, 0.7);
					z-index: 1;
					transition: 0.2s opacity;
				}
				&::after {
					content: "MORE";
					font-family: $font-slab;
					letter-spacing: 0.1em;
					color: $theme-color;
					opacity: 0;
					position: absolute;
					top: 50%;
					left: 50%;
					transform: translate(-50%, -50%);
					z-index: 1;
					transition: 0.2s opacity;
					@include fsize(17);
				}
			}
		}
		.common-link {
			margin: 48px auto 0;
		}
	}
	.content-item06 {
		position: relative;
		margin: 124px 0 103px;
		background-image: url(../image/company/top/image10.jpg);
		background-image: -webkit-image-set(
			url(../image/company/top/image10.jpg) 1x,
			url(../image/company/top/image10@2x.jpg) 2x
		);
		background-repeat: no-repeat;
		background-position: right center;
		background-size: (770/1400) * 100% auto;
		.content {
			&-wrapper {
				padding: 0 40px;
				width: 980+80px;
				max-width: 100%;
				margin: auto;
				display: flex;
				justify-content: flex-start;
			}
			&-left {
				width: (341/980) * 100%;
				padding: 35px 0 39px;
			}
		}

		.bg-03 {
			position: absolute;
			z-index: -1;
			top: 35px;
			right: 0;
			height: 100%;
			background-color: $color-light_blue3;
			width: (995/1400) * 100%;
		}
	}
}

@media (max-width: 768px) {
	.page-company {
		.common-link {
			margin: vwsp(30) auto 0;
		}
		.page {
			&-header {
				flex-direction: column-reverse;
				&-wrapper {
					width: 100%;
					padding: 0;
					margin: 0 auto;
				}
				&-image {
					width: 100%;
					margin: 0;
				}
				&-logo {
					display: none;
				}
				.scroll {
					display: none;
				}
			}
			&-catch {
				width: vwsp(244);
				margin: vwsp(44) auto vwsp(35);
				padding: 0;
				@include fsize-sp(21, 35);
				font-weight: bold;
			}
			&-title {
				width: vwsp(260);
				margin-bottom: 0;
				max-width: none;
				padding: vwsp(13) vwsp(40);
				&-left {
					width: vwsp(40);
					height: vwsp(40);
					margin-right: vwsp(14);
				}
				&-right {
					.ja {
						@include fsize-sp(16);
						margin-bottom: vwsp(9);
					}
					.en {
						@include fsize-sp(14);
					}
				}
			}
		}
		.content {
			&-right {
				max-width: none;
				padding: 0;
			}
			&-title {
				&.info-title {
					margin-bottom: vwsp(44);
				}
				&:not(.info-title) {
					padding-bottom: vwsp(21);
					margin-bottom: vwsp(32);
				}
				.ja {
					@include fsize-sp(20);
					margin-bottom: vwsp(10);
				}
				.en {
					@include fsize-sp(14);
				}
			}
			&-catch {
				@include fsize-sp(22, 34);
			}
			&-summary {
				@include fsize-sp(14, 26);
			}
		}

		.content-item01 {
			margin: vwsp(68) auto 0;
			background: none;
			&::before {
				content: "";
				display: block;
				width: 100%;
				height: vwsp(194);
				background-image: url(../image/company/top/image01.jpg);
				background-image: -webkit-image-set(
					url(../image/company/top/image01.jpg) 1x,
					url(../image/company/top/image01@2x.jpg) 2x
				);
				background-repeat: no-repeat;
				background-position: center;
				background-size: 100% vwsp(194);
			}
			.content {
				&-wrapper {
					display: block;
					padding: 0;
					margin-top: vwsp(42);
				}
				&-right {
					width: 80vw;
					max-width: none;
					margin: 0 auto;
					padding: 0;
				}
				&-title {
					text-align: center;
				}
			}
			.news {
				position: relative;
				&-item {
					padding-bottom: 0;
				}
				&-link {
					padding: 0 vwsp(51) vwsp(25) vwsp(18);
				}
				.double-box {
					margin-bottom: vwsp(15);
				}
				time {
					@include fsize-sp(18);
				}
				.category {
					@include fsize-sp(13);
					padding: vwsp(5) vwsp(15);
					border-radius: vwsp(4);
				}
				.title {
					@include fsize-sp(15, 23);
				}
				&::after {
					content: "";
					display: block;
					position: absolute;
					background-image: url(../image/company/top/arrow-news.svg);
					background-size: vwsp(19) vwsp(6);
					width: vwsp(19);
					height: vwsp(6);
					top: 50%;
					right: 0;
					transform: translateX(-50%);
				}
			}
		}
		.content-item02 {
			margin: vwsp(92) auto 0;
			padding: 0;
			background: none;

			.content {
				&-title {
					width: 80vw;
					margin: 0 auto vwsp(32);
				}
				&-wrapper {
					display: block;
					padding: 0;
					width: 100%;
					margin: auto;
					&::before {
						content: "";
						display: block;
						width: 100%;
						height: vwsp(256);
						background-image: url(../image/company/top/image02.jpg);
						background-image: -webkit-image-set(
							url(../image/company/top/image02.jpg) 1x,
							url(../image/company/top/image02@2x.jpg) 2x
						);
						background-repeat: no-repeat;
						background-position: center right;
						background-size: vwsp(360) vwsp(256);
					}
				}

				&-left {
					width: 80vw;
					margin: 0 auto 0;
					padding: vwsp(37) 0 0;
				}
				&-right {
					margin: 0;
				}
				&-catch {
					@include fsize-sp(22, 34);
				}
				&-summary {
					@include fsize-sp(14, 26);
				}
			}
			.common-link {
				margin: vwsp(34) 0 0;
			}
			.bg-01 {
				width: vwsp(227);
				height: 150%;
				top: 7.5%;
			}
		}
		.content-item03 {
			margin: vwsp(90) auto vwsp(158);
			display: block;
			.content {
				&-wrapper {
					display: block;
				}
				&-left {
					width: vwsp(240);
					margin: auto;
				}
				&-right {
					width: 80vw;
					margin: auto;
				}
			}
		}
		.content-item04 {
			padding: 0;
			margin-bottom: vwsp(112);
			.content {
				&-title {
					margin-top: vwsp(25);
				}
				&-wrapper {
					display: block;
				}
				&-left {
					width: 100%;
				}
				&-right {
					margin-top: vwsp(67);
					width: 100%;
				}
				&-summary {
					margin-bottom: vwsp(25);
					@include fsize-sp(14, 26);
				}
			}
			.bg-02 {
				width: 100%;
				height: 75%;
				top: -7.5%;
			}
		}
		.content-item05 {
			.content {
				&-wrapper {
					padding: 0;
				}
				&-title-sp {
					margin: vwsp(3) auto 0;
				}
				&-title.info-title {
					margin-bottom: 0;
					padding-top: 0;
					.ja {
						@include fsize-sp(20);
					}
					.en {
						@include fsize-sp(14);
					}
				}
				&-title:not(.info-title) {
					width: vwsp(266);
					margin: auto;
					padding: vwsp(31) 0 vwsp(13);
					.ja {
						@include fsize-sp(17);
					}
					.en {
						@include fsize-sp(13);
					}
				}
				&-part {
					width: vwsp(94);
				}
			}
		}
		.content-item06 {
			background: none;
			margin: vwsp(100) auto vwsp(151);
			.content {
				&-title {
					width: 80vw;
					margin: 0 auto vwsp(31);
				}
				&-wrapper {
					width: 100%;
					padding: 0;
					margin: 0 auto;
					display: block;
					&::before {
						content: "";
						display: block;
						width: 100%;
						height: vwsp(213);
						background-image: url(../image/company/top/image10.jpg);
						background-image: -webkit-image-set(
							url(../image/company/top/image10.jpg) 1x,
							url(../image/company/top/image10@2x.jpg) 2x
						);
						background-repeat: no-repeat;
						background-position: center right;
						background-size: 100% vwsp(213);
					}
				}

				&-left {
					width: 80vw;
					margin: auto;
					padding: vwsp(36) 0 vwsp(31);
				}
			}
			.common-link {
				margin: vwsp(30) 0 0;
			}
		}
	}
}
*/