@charset "UTF-8";
/* CSS Document */
html {overflow-x: hidden;overflow-y: auto;}
.billboard-style-02 {background: url("../img/about/about_mv_img01_pc.webp")no-repeat center/cover;}
.billboard-style-02 img {bottom: 5.5em;}
.billboard-style-02 h2 .sp01 {color: var(--color-08);}
.block .container .bg02 {display: block;width: 100%;height: 4.5em;margin-top: -16em;background: url("../img/about/about_bg03_pc.webp")no-repeat center / cover;position: absolute;z-index: 1;}
.block .container .bg02 {top: calc(100% + 10em);transform: skewY(8deg);}
.block .container .bg02::after {display: block;content: '';width: 100%;height: 120%;background: #fff;position: absolute;top: -10%;right: 0;}
.block .container .bg02.staging::after {width: 0;transition: all 0.5s ease-out;}
.block-about-01 .container:nth-child(1) {padding: 7em 0;position: relative;}
.block-about-01 .container:nth-child(1) div > p:nth-child(1) {font-size: 187.5%;font-weight: 600;letter-spacing: 0.1em;line-height: 1.666;}
.block-about-01 .container:nth-child(1) .bg01 {display: block;content: '';width: 42em;height: 42em;background: url("../img/about/about_bg01_pc.webp")no-repeat top right / contain;position: absolute;top: 0;right: 0;z-index: -1;transform: translate(26%, 26%);opacity: 0;}
.block-about-01 .container:nth-child(1) .bg01.staging {opacity: 1;transition: 0.4s linear 0.1s;}
.block-about-01 .container:nth-child(2) > div:nth-child(1) h3 {color: var(--color-08);font-size: 150%;font-weight: 600;text-align: center;letter-spacing: 0.6em;}
.block-about-01 .container:nth-child(2) > div:nth-child(1) ul {display: flex;flex-wrap: wrap;justify-content: center;margin: 3em -1em 0;}
.block-about-01 .container:nth-child(2) > div:nth-child(1) ul li {text-align: center;width: calc(33.333% - 2em); margin: 1em;padding: 1em;background: url("../img/about/about_bg02_pc.webp")no-repeat center/contain;}
.block-about-01 .container:nth-child(2) > div:nth-child(1) ul li:nth-child(1) {margin-left: 15%;}
.block-about-01 .container:nth-child(2) > div:nth-child(1) ul li:nth-child(2) {margin-right: 15%;}
.block-about-01 .container:nth-child(2) > div:nth-child(1) ul li div {padding: 1.5em;}
.block-about-01 .container:nth-child(2) > div:nth-child(1) ul li div h4 {color: var(--color-08);font-size: 93.75%;font-family: "Noto Sans JP", sans-serif;margin: 0.1em 0 0.5em;}
.block-about-01 .container:nth-child(2) > div:nth-child(1) ul li div h4::before {display: block;content: attr(data-title);font-size: 210%;font-family: "Noto Serif JP", serif;font-weight: 900;}
.block-about-01 .container:nth-child(2) > div:nth-child(1) ul li div p {font-size: 112.5%;line-height: 1.75;}
.block-about-01 .container:nth-child(2) > div:nth-child(2) {position: relative;}
.block-about-01 .container:nth-child(2) > div:nth-child(2) > div {display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;}
.block-about-01 .container:nth-child(2) > div:nth-child(2) > div div:nth-child(1) {width: 48%;padding-left: 3em;box-sizing: border-box;transform: translateY(-6em);}
.block-about-01 .container:nth-child(2) > div:nth-child(2) > div div:nth-child(2) {width: 50%;}
.block-about-01 .container:nth-child(2) > div:nth-child(2) > div div:nth-child(2) p:nth-child(1) {width: 9em;}
.block-about-01 .container:nth-child(2) > div:nth-child(2) > div div:nth-child(2) p:nth-child(2) {line-height: 2.5;margin-top: 2em;}
.block-about-01 .container:nth-child(2) > div:nth-child(2) > div div:nth-child(2) p:nth-child(3) {text-align: right;margin-top: 3em;}
.block-about-01 .container:nth-child(2) > div:nth-child(2) > div div:nth-child(2) p:nth-child(3) img {display: inline-block;margin-left: 1em;width: 10em;}
.block-about-02 .container:nth-child(1) {padding: 7em 0 2em;}
.block-about-02 .container:nth-child(1) h3::after {color: var(--color-08);}
.block-about-02 .container:nth-child(1) p {line-height: 2;text-align: center;margin-top: 2em;}
.block-about-02 .container:nth-child(2) {padding-bottom: 15em;position: relative;}
.block-about-02 .container:nth-child(2) ul {display: flex;flex-wrap: wrap;justify-content: space-between;margin: 4em 2em 0;}
.block-about-02 .container:nth-child(2) ul li {text-align: center;width: calc(33.333% + 6em);margin: 0 -3.5em;position: relative;}
.block-about-02 .container:nth-child(2) ul li::before {display: block;content: "";padding-top: calc(100% - 40px);background: url("../img/about/about_bg04_pc.webp")no-repeat center/contain;box-sizing: border-box;}
.block-about-02 .container:nth-child(2) ul li div {width: 100%;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);z-index: 100;}
.block-about-02 .container:nth-child(2) ul li h4 {color: var(--color-08);font-size: 93.75%;margin: 0.1em 0 0.5em;}
.block-about-02 .container:nth-child(2) ul li:last-child h4 {margin-top: -1.6em}
.block-about-02 .container:nth-child(2) ul li h4::before {display: block;content: attr(data-title);font-size: 210%;font-family: "Noto Serif JP", serif;font-weight: 900;}
.block-about-02 .container:nth-child(2) ul li p {font-size: 93.75%;line-height: 2;margin-top: 1em;}
.block-about-03 .movie{
	position: relative;
	margin:50px auto;
}
.block-about-03 video { width: 100%;}
.movie .play-btn{
	display: block;
	width: 20%;
	position: absolute;
	  top: 50%;
	  left: 50%;
	  transform: translateY(-50%) translateX(-50%);
	  -webkit- transform: translateY(-50%) translateX(-50%);
}
.movie .play-btn.playActive{display:none;}
.block-about-03 .container:nth-child(1) {padding: 5em 0 0;}
.block-about-03 .container:nth-child(1) h3::after {color: var(--color-08);}
.block-about-03 .container:nth-child(1) table {width: 100%;max-width: 600px;margin: 0 auto;}
.block-about-03 .container:nth-child(1) table tr {border-bottom: 1px solid #000;}
.block-about-03 .container:nth-child(1) table tr:first-child {border-top: 2px solid #000;}
.block-about-03 .container:nth-child(1) table tr:last-child {border-bottom: 2px solid #000;}
.block-about-03 .container:nth-child(1) table tr th,
.block-about-03 .container:nth-child(1) table tr td {line-height: 1.75;padding: 1em 0;}
.block-about-03 .container:nth-child(1) table tr th {text-align: justify;width: 7em;padding-right: 2.5em;}
.block-about-03 .container:nth-child(1) table tr td span {display: block;}
.block-about-03 .container:nth-child(1) table tr td span::before {display: inline-block;content: '◯';font-size: 62.5%;vertical-align: middle;line-height: 1;margin-right: 0.5em;}
.block-about-03 .container:nth-child(1) .bg03 {display: block;content: '';width: 100%;height: 42em;margin-top: -15em;background: url("../img/about/about_bg05_pc.webp")no-repeat top left / contain;position: relative;z-index: -1;}
.block-about-04 .container:nth-child(1) {padding: 0 0 6em;margin-top: -5em;}
.block-about-04 .container:nth-child(1) h3::after {color: var(--color-08);}
.block-about-04 .container:nth-child(1) p {text-align: center;}
.block-about-04 .container:nth-child(1) p:nth-of-type(1) {font-size: 156.25%;font-weight: 600;letter-spacing: 0.2em;margin-top: 1em;}
.block-about-04 .container:nth-child(1) p:nth-of-type(2) {margin-top: 0.5em;}
.block-about-04 .container:nth-child(1) #map iframe {width: 100%;height: 20em;margin-top: 1.5em;filter:grayscale(100%);-webkit-filter:grayscale(100%)}
@media only screen and (max-width: 1600px) {
  .block-about-03 .container:nth-child(1) .bg02 {height: 35em;margin-top: -10em;}
  .block-about-03 .container:nth-child(1) .bg03 {margin-top: -10em;}
}
@media only screen and (max-width: 1450px) {
  .block-about-01 .container:nth-child(1) .bg01 {width: 28em;height: 28em;}
  .block-about-01 .container:nth-child(2) > div:nth-child(1) ul li div h4::before {font-size: 150%;}
  .block-about-01 .container:nth-child(2) > div:nth-child(1) ul li div p {font-size: 100%;line-height: 1.5;}
}
@media only screen and (max-width: 1200px) {
  .billboard-style-02 h2::after {left: calc(50% - 2em);}
  .block-about-01 .container:nth-child(1) {padding: 1em 0 4em;}
  .block-about-01 .container:nth-child(1) .bg01 {top: -17em;}  
  .block-about-01 .container:nth-child(2) > div:nth-child(2) {padding: 4em 0;}
  .block-about-01 .container:nth-child(2) > div:nth-child(2) > div div:nth-child(1) {padding-left: 2em;transform: translateY(-2em);}
  .block-about-01 .container:nth-child(2) > div:nth-child(2) > div div:nth-child(2) p:nth-child(2) {line-height: 2;} 
}
@media only screen and (max-width: 1100px) {
  .block-about-03 .movie{margin-top: 20px;}
  .block-about-03 .container:nth-child(1) .bg03 {height: 31em;margin-top: -6em;}
}
@media only screen and (min-width: 768px) and (max-width: 1100px) {
  #contentsWrap {font-size: 1.6vw;}
  .block-service-01 .container:nth-child(1) div > p:nth-child(2) {font-size: 1.6vw;}
}
@media only screen and (min-width: 768px) {}
@media only screen and (max-width: 767px) {
  .billboard-style-02 {background: url("../img/about/about_mv_img01_sp.webp")no-repeat center/cover;}
  .block .container .bg02 {height: 1em;}
  .block-about-01 .container:nth-child(1) .bg01 {width: 17em;height: 15em;top: -19em;left: -2.5em;transform: none;}
  .block-about-01 .container:nth-child(1) {padding: 2em 0;}
  .block-about-01 .container:nth-child(1) > div > p:nth-child(1) {font-size: 112.5%;font-weight: 600;letter-spacing: 0;line-height: 2;text-align: center;}
  .block-about-01 .container:nth-child(2) {display: flex;flex-wrap: wrap;flex-direction: column-reverse;position: relative;}
  .block-about-01 .container:nth-child(2) > div:nth-child(1) h3 {font-size: 112.5%;letter-spacing: 0.1em;}
  .block-about-01 .container:nth-child(2) > div:nth-child(1) ul {margin: 1.5em 0 0;}
  .block-about-01 .container:nth-child(2) > div:nth-child(1) ul li {width: 100%;height: 38.5vw;margin: 0 0 1em !important;background: url(../img/about/about_bg02_sp.webp) no-repeat center / contain;position: relative;}
  .block-about-01 .container:nth-child(2) > div:nth-child(1) ul li div {width: 100%;padding: 2em 1em;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
  .block-about-01 .container:nth-child(2) > div:nth-child(1) ul li div h4::before {font-size: 200%;}
  .block-about-01 .container:nth-child(2) > div:nth-child(1) ul li div p {white-space: nowrap;}
  .block-about-01 .container:nth-child(2) > div:nth-child(1) ul li div p br {display: none !important;}
  .block-about-01 .container:nth-child(2) > div:nth-child(2) {padding: 1em 0 4em;position: static;}
  .block-about-01 .container:nth-child(2) > div:nth-child(2) > div {display: block;}
  .block-about-01 .container:nth-child(2) > div:nth-child(2) > div div:nth-child(1) {width: 70%;height: 20em;padding: 0;margin: 0 0 -3.5em auto;overflow-y: hidden;}
  .block-about-01 .container:nth-child(2) > div:nth-child(2) > div div:nth-child(2) {width: 100%;}
  .block-about-01 .container:nth-child(2) > div:nth-child(2) > div div:nth-child(2) p:nth-child(1)::before {content: '社長挨拶';color: var(--color-08);font-size: 112.5%;font-weight: 600;letter-spacing: 0.5em;}
  .block-about-01 .container:nth-child(2) > div:nth-child(2) > div div:nth-child(2) p:nth-child(1) img {display: none;}
  .block-about-01 .container:nth-child(2) > div:nth-child(2) > div div:nth-child(2) p:nth-child(2) {font-size: 93.75%;margin-top: 1em;}
  .block-about-01 .container:nth-child(2) > div:nth-child(2) > div div:nth-child(2) p:nth-child(3) {margin-top: 1em;}
  .block-about-01 .container:nth-child(2) > div:nth-child(2) > div div:nth-child(2) p:nth-child(3) img {width: 7em;margin-top: 1em;}
  .block-about-01 .container:nth-child(2) > div:nth-child(2) .bg02 {margin-top: -8em;}
  .block-about-02 .container:nth-child(1) p {text-align: left;}
  .block-about-02 .container:nth-child(2) {padding-bottom: 13em;}
  .block-about-02 .container:nth-child(2) ul {margin: 0 auto;width: 90%;}
  .block-about-02 .container:nth-child(2) ul li {width: 100%;margin: 0 0 -3em;}
  .block-about-02 .container:nth-child(2) ul li::before {padding-top: 100%;}
  .block-about-02 .container:nth-child(2) ul li p {line-height: 1.5;}
  .block-about-03 .container:nth-child(1) {padding: 0;}
  .block-about-03 .container:nth-child(1) table tr th {width: 6em;padding-right: 1em;}
  .block-about-03 .container:nth-child(1) .bg03 {height: 12em;margin-top: -3em;}
  .block-about-04 .container:nth-child(1) {padding: 0 0 3em;}
  .block-about-04 .container:nth-child(1) p:nth-of-type(1) {font-size: 125%;}
  .block-about-04 .container:nth-child(1) #map iframe {height: 100vw;}  
}
@media only screen and (max-width: 768px) and (orientation: landscape) {}