@charset "UTF-8";
body.about section.mission {
  background: #0b3551;
  display: flex;
  justify-content: space-between;
  padding: 5vw 4.7916666667vw 5vw 6.0416666667vw;
}
body.about section.mission h2 {
  color: #ffffff;
  font-family: "游明朝", "Yu Mincho", YuMincho, "Hiragino Mincho Pro", serif;
  font-size: 2.0833333333vw;
  font-weight: 700;
  margin-bottom: 4.2708333333vw;
}
body.about section.mission p {
  color: #ffffff;
  font-size: 1.25vw;
  line-height: 2;
  margin-bottom: 4.2708333333vw;
}
body.about section.mission .detail {
  align-items: center;
  border: 1px solid #ffffff;
  display: flex;
  height: 14.5833333333vw;
  justify-content: space-between;
  width: 52.1875vw;
}
body.about section.mission .detail .logo {
  margin: 0 5.2083333333vw 0 3.125vw;
  width: 9.375vw;
}
body.about section.mission .detail > dl {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 31.0416666667vw;
}
body.about section.mission .detail > dl > dt {
  align-items: center;
  color: #ffffff;
  display: flex;
  font-size: 1.09375vw;
  justify-content: space-between;
  line-height: 2.5vw;
  padding-right: 6.1458333333vw;
  width: 12.5vw;
}
body.about section.mission .detail > dl > dt::after {
  background: #ffffff;
  content: "";
  display: block;
  height: 1px;
  margin-right: -6.1458333333vw;
  width: 6.1458333333vw;
}
body.about section.mission .detail > dl > dd {
  color: #ffffff;
  font-size: 0.9375vw;
  line-height: 2.5vw;
  width: 18.2291666667vw;
}
body.about section.mission .photo {
  width: 24.0625vw;
}
body.about section.policy {
  background: -webkit-image-set(url("/assets/img/about/1x/photo_policy.jpg") 1x, url("/assets/img/about/1x/photo_policy.jpg") 2x) center no-repeat;
  background: image-set("/assets/img/about/1x/photo_policy.jpg" 1x, "/assets/img/about/1x/photo_policy.jpg" 2x) center no-repeat;
  background-size: cover;
  margin-bottom: 5.7291666667vw;
  min-height: 40.1041666667vw;
  padding: 3.3333333333vw 0 0 0;
  position: relative;
}
body.about section.policy::before {
  background: linear-gradient(180deg, #019B96 0%, #0B3551 100%);
  background-size: cover;
  bottom: 0px;
  content: "";
  display: block;
  left: 0px;
  opacity: 0.15;
  position: absolute;
  right: 0px;
  top: 0px;
}
body.about section.policy > .inner {
  position: relative;
}
body.about section.policy > .inner h2 {
  border-bottom: 1px solid #ffffff;
  color: #ffffff;
  font-family: "游明朝", "Yu Mincho", YuMincho, "Hiragino Mincho Pro", serif;
  font-size: 2.0833333333vw;
  font-weight: 700;
  margin: 0 auto 2.7083333333vw auto;
  padding-bottom: 3.3333333333vw;
  text-align: center;
  text-shadow: 3px 3px 3px rgba(0, 0, 0, 0.3);
  width: 36.4583333333vw;
}
body.about section.policy > .inner > p {
  color: #ffffff;
  font-family: "游明朝", "Yu Mincho", YuMincho, "Hiragino Mincho Pro", serif;
  font-size: 1.25vw;
  margin: 0 auto 5.2083333333vw auto;
  text-align: center;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
}
body.about section.policy > .inner > ul {
  display: table;
  margin: 0 auto 5.2083333333vw auto;
}
body.about section.policy > .inner > ul + p {
  margin-bottom: 0;
}
body.about section.policy > .inner > ul > li {
  color: #ffffff;
  font-family: "游明朝", "Yu Mincho", YuMincho, "Hiragino Mincho Pro", serif;
  font-size: 1.25vw;
  line-height: 1;
  margin: 0 auto 1.4583333333vw auto;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
}
body.about section.policy > .inner .caption {
  background: #000000;
  color: #ffffff;
  display: table;
  font-size: 1.25vw;
  font-style: italic;
  left: 0;
  line-height: 2.1875vw;
  padding: 0 0.5208333333vw;
  position: absolute;
  top: 1.5625vw;
}
body.about section.vision {
  margin-bottom: 5.2083333333vw;
}
body.about section.vision h2 {
  border-bottom: 1px solid #e2e2e2;
  color: #0b3551;
  font-family: "游明朝", "Yu Mincho", YuMincho, "Hiragino Mincho Pro", serif;
  font-size: 2.0833333333vw;
  font-weight: 700;
  line-height: 5vw;
  margin: 0 auto 1.1458333333vw auto;
  position: relative;
  text-align: center;
  width: 58.3333333333vw;
}
body.about section.vision h2::after {
  color: #e2e2e2;
  content: "Vision";
  display: block;
  font-size: 4.2708333333vw;
  font-style: italic;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
}
body.about section.vision > p {
  color: #0b3551;
  font-family: "游明朝", "Yu Mincho", YuMincho, "Hiragino Mincho Pro", serif;
  font-size: 1.25vw;
  margin-bottom: 3.125vw;
  text-align: center;
}
body.about section.vision .items {
  display: flex;
  justify-content: space-between;
  margin: auto;
  width: 58.3333333333vw;
}
body.about section.vision .items > dl {
  border: 1px solid #707070;
  width: 18.3333333333vw;
}
body.about section.vision .items > dl dd {
  margin-bottom: 0.8333333333vw;
}
body.about section.vision .items > dl dd img {
  max-width: none;
  width: 100%;
}
body.about section.vision .items > dl > dt {
  border-left: 0.3645833333vw solid #019b96;
  color: #0b3551;
  font-family: "游明朝", "Yu Mincho", YuMincho, "Hiragino Mincho Pro", serif;
  font-size: max(1.25vw, 16.8px);
  font-weight: 700;
  line-height: 1.5625vw;
  margin: 0 0 0.8333333333vw 1.0416666667vw;
}
body.about section.vision .items > dl .explain {
  font-size: max(0.9375vw, 12.6px);
  padding: 0 0.3125vw;
}
body.about section.slogan {
  background: #0b3551;
  margin-bottom: 5.2083333333vw;
  padding: 4.1666666667vw 0;
}
body.about section.slogan > .inner {
  margin: auto;
  position: relative;
  width: 58.3333333333vw;
}
body.about section.slogan > .inner .photo {
  width: 58.3333333333vw;
}
body.about section.slogan > .inner .slogan {
  bottom: 0.5208333333vw;
  display: table;
  left: 0.5208333333vw;
  position: absolute;
}
body.about section.slogan > .inner .slogan > dt {
  border-bottom: 1px solid #ffffff;
  color: #ffffff;
  font-family: "游明朝", "Yu Mincho", YuMincho, "Hiragino Mincho Pro", serif;
  font-size: 2.0833333333vw;
  font-weight: 700;
  line-height: 1;
  margin-bottom: 1.0416666667vw;
}
body.about section.slogan > .inner .slogan > dd {
  color: #ffffff;
  font-size: 1.25vw;
}
body.about section.slogan > .inner .caption {
  color: #ffffff;
  font-size: 5.0520833333vw;
  font-style: italic;
  position: absolute;
}
body.about section.slogan > .inner .caption.first {
  left: -20.3125vw;
  top: -3.8541666667vw;
}
body.about section.slogan > .inner .caption.second {
  bottom: -3.2291666667vw;
  right: -18.6458333333vw;
}
body.about section.fundamental {
  margin: 0 auto 5.2083333333vw auto;
  width: 58.3333333333vw;
}
body.about section.fundamental > dl dt {
  background: #f3f1ed;
  color: #0b3551;
  display: flex;
  font-family: "游明朝", "Yu Mincho", YuMincho, "Hiragino Mincho Pro", serif;
  font-size: 1.25vw;
  font-weight: 700;
  justify-content: space-between;
  line-height: 3.4375vw;
  margin-bottom: 1.5625vw;
  padding-left: 0.625vw;
  /*
  					&::after {
  						background: urls("/assets/img/about/1x/icon_addtion.svg") center no-repeat;
  						background-size: cover;
  						content: "";
  						display: block;
  						height: v(66);
  						width: v(75);
  					}
  */
}
body.about section.fundamental > dl > dd {
  font-size: 0.9375vw;
  line-height: 2;
  margin-bottom: 3.125vw;
}
body.about section.safety {
  align-items: center;
  display: flex;
  margin-bottom: 5.2083333333vw;
  min-height: 34.375vw;
  position: relative;
}
body.about section.safety > input {
  display: none;
}
body.about section.safety .links {
  margin: 0vw 1.0416666667vw 0vw 2.6041666667vw;
}
body.about section.safety .links > li > label {
  align-items: center;
  border: 1px solid #ffffff;
  color: #ffffff;
  display: flex;
  font-family: "游明朝", "Yu Mincho", YuMincho, "Hiragino Mincho Pro", serif;
  font-size: 1.25vw;
  font-weight: 700;
  justify-content: space-between;
  line-height: 5.1041666667vw;
  margin-bottom: 1.5625vw;
  padding-left: 3.75vw;
  position: relative;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
  width: 32.1875vw;
}
body.about section.safety .links > li > label::before {
  background: #ffffff;
  content: "";
  display: block;
  height: 1px;
  position: absolute;
  right: 0.625vw;
  transform: rotate(30deg);
  transform-origin: 100% 100%;
  width: 0.7291666667vw;
}
body.about section.safety .links > li > label::after {
  background: #ffffff;
  content: "";
  display: block;
  height: 1px;
  margin: 0 0.625vw 0 0.5208333333vw;
  width: 2.0833333333vw;
}
body.about section.safety::after {
  background: rgba(0, 0, 0, 0.15);
  bottom: 0px;
  content: "";
  display: block;
  left: 0px;
  position: absolute;
  right: 0px;
  top: 0px;
  z-index: -1;
}
body.about section.safety #case1 ~ .links .switch1::before {
  background: -webkit-image-set(url("/assets/img/about/1x/photo_safety1.jpg") 1x, url("/assets/img/about/1x/photo_safety1.jpg") 2x) center no-repeat;
  background: image-set("/assets/img/about/1x/photo_safety1.jpg" 1x, "/assets/img/about/1x/photo_safety1.jpg" 2x) center no-repeat;
  background-size: cover;
  bottom: 0px;
  content: "";
  display: block;
  left: 0px;
  opacity: 0;
  position: absolute;
  right: 0px;
  top: 0px;
  transition-duration: 0.5s;
  z-index: -2;
}
body.about section.safety #case1:checked ~ .links .switch1::before {
  opacity: 1;
}
body.about section.safety #case1:checked ~ .case1 {
  display: block;
}
body.about section.safety #case1:checked ~ .links label[for=case1] {
  background: #FFFFFF;
  color: #1d1d1d;
  text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.6);
}
body.about section.safety #case1:checked ~ .links label[for=case1]::before {
  background: #1d1d1d;
}
body.about section.safety #case1:checked ~ .links label[for=case1]::after {
  background: #1d1d1d;
}
body.about section.safety #case2 ~ .links .switch2::before {
  background: -webkit-image-set(url("/assets/img/about/1x/photo_safety2.jpg") 1x, url("/assets/img/about/1x/photo_safety2.jpg") 2x) center no-repeat;
  background: image-set("/assets/img/about/1x/photo_safety2.jpg" 1x, "/assets/img/about/1x/photo_safety2.jpg" 2x) center no-repeat;
  background-size: cover;
  bottom: 0px;
  content: "";
  display: block;
  left: 0px;
  opacity: 0;
  position: absolute;
  right: 0px;
  top: 0px;
  transition-duration: 0.5s;
  z-index: -2;
}
body.about section.safety #case2:checked ~ .links .switch2::before {
  opacity: 1;
}
body.about section.safety #case2:checked ~ .case2 {
  display: block;
}
body.about section.safety #case2:checked ~ .links label[for=case2] {
  background: #FFFFFF;
  color: #1d1d1d;
  text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.6);
}
body.about section.safety #case2:checked ~ .links label[for=case2]::before {
  background: #1d1d1d;
}
body.about section.safety #case2:checked ~ .links label[for=case2]::after {
  background: #1d1d1d;
}
body.about section.safety #case3 ~ .links .switch3::before {
  background: -webkit-image-set(url("/assets/img/about/1x/photo_safety3.jpg") 1x, url("/assets/img/about/1x/photo_safety3.jpg") 2x) center no-repeat;
  background: image-set("/assets/img/about/1x/photo_safety3.jpg" 1x, "/assets/img/about/1x/photo_safety3.jpg" 2x) center no-repeat;
  background-size: cover;
  bottom: 0px;
  content: "";
  display: block;
  left: 0px;
  opacity: 0;
  position: absolute;
  right: 0px;
  top: 0px;
  transition-duration: 0.5s;
  z-index: -2;
}
body.about section.safety #case3:checked ~ .links .switch3::before {
  opacity: 1;
}
body.about section.safety #case3:checked ~ .case3 {
  display: block;
}
body.about section.safety #case3:checked ~ .links label[for=case3] {
  background: #FFFFFF;
  color: #1d1d1d;
  text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.6);
}
body.about section.safety #case3:checked ~ .links label[for=case3]::before {
  background: #1d1d1d;
}
body.about section.safety #case3:checked ~ .links label[for=case3]::after {
  background: #1d1d1d;
}
body.about section.safety #case4 ~ .links .switch4::before {
  background: -webkit-image-set(url("/assets/img/about/1x/photo_safety4.jpg") 1x, url("/assets/img/about/1x/photo_safety4.jpg") 2x) center no-repeat;
  background: image-set("/assets/img/about/1x/photo_safety4.jpg" 1x, "/assets/img/about/1x/photo_safety4.jpg" 2x) center no-repeat;
  background-size: cover;
  bottom: 0px;
  content: "";
  display: block;
  left: 0px;
  opacity: 0;
  position: absolute;
  right: 0px;
  top: 0px;
  transition-duration: 0.5s;
  z-index: -2;
}
body.about section.safety #case4:checked ~ .links .switch4::before {
  opacity: 1;
}
body.about section.safety #case4:checked ~ .case4 {
  display: block;
}
body.about section.safety #case4:checked ~ .links label[for=case4] {
  background: #FFFFFF;
  color: #1d1d1d;
  text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.6);
}
body.about section.safety #case4:checked ~ .links label[for=case4]::before {
  background: #1d1d1d;
}
body.about section.safety #case4:checked ~ .links label[for=case4]::after {
  background: #1d1d1d;
}
body.about section.safety .case {
  display: none;
}
body.about section.safety .case .explain {
  margin-left: 9.6875vw;
  width: 43.4375vw;
}
body.about section.safety .case .explain > dt {
  border-bottom: 1px solid #ffffff;
  color: #ffffff;
  font-family: "游明朝", "Yu Mincho", YuMincho, "Hiragino Mincho Pro", serif;
  font-size: 2.0833333333vw;
  font-weight: 700;
  line-height: 1;
  margin-bottom: 1.25vw;
  padding-bottom: 0.9375vw;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
}
body.about section.safety .case .explain > dd {
  color: #ffffff;
  font-size: 1.25vw;
  line-height: 2;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
}
body.about section.safety .slogan {
  background: #000000;
  color: #ffffff;
  font-family: "游明朝", "Yu Mincho", YuMincho, "Hiragino Mincho Pro", serif;
  font-size: 2.0833333333vw;
  font-weight: 700;
  line-height: 4.2708333333vw;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
  width: 23.4375vw;
}
body.about section.sdgs {
  margin-bottom: 6.0416666667vw;
}
body.about section.sdgs > .inner {
  display: flex;
  margin: auto;
  width: 58.3333333333vw;
}
body.about section.sdgs > .inner .photo {
  align-items: center;
  background: #0b3551;
  display: flex;
  justify-content: center;
  min-width: 28.4375vw;
}
body.about section.sdgs > .inner .photo img {
  width: 26.5625vw;
}
body.about section.sdgs > .inner > dl {
  margin-left: 1.6666666667vw;
  padding: 2.6041666667vw 0;
}
body.about section.sdgs > .inner > dl > dt {
  border-bottom: 1px solid #1d1d1d;
  color: #0b3551;
  font-family: "游明朝", "Yu Mincho", YuMincho, "Hiragino Mincho Pro", serif;
  font-size: 1.5625vw;
  font-weight: 700;
  margin-bottom: 1.5625vw;
  padding-bottom: 1.5625vw;
}
body.about section.sdgs > .inner > dl > dd {
  font-size: 0.9375vw;
}
body.about section.sdgs > .inner > dl > dd > strong {
  color: #019b96;
}
body.about section.site {
  align-items: center;
  background: rgba(52, 95, 169, 0.12);
  display: flex;
  margin-bottom: 5.2083333333vw;
}
body.about section.site .photo {
  width: 50.9375vw;
}
body.about section.site > dl {
  margin-left: 4.1666666667vw;
  width: 20.1041666667vw;
}
body.about section.site > dl > dt {
  color: #0b3551;
  font-size: 1.25vw;
  font-weight: 700;
  margin-bottom: 0.8333333333vw;
}
body.about section.site > dl > dd {
  color: #0b3551;
  font-size: 0.9375vw;
  line-height: 2;
}
body.about section.supervisor {
  margin-bottom: 5.2083333333vw;
}
body.about section.supervisor > .inner {
  margin: auto;
  width: 58.3333333333vw;
}
body.about section.supervisor > .inner h2 {
  border-bottom: 1px solid #0b3551;
  color: #0b3551;
  font-family: "游明朝", "Yu Mincho", YuMincho, "Hiragino Mincho Pro", serif;
  font-size: 2.0833333333vw;
  font-weight: 700;
  margin-bottom: 3.75vw;
}
body.about section.supervisor > .inner .items {
  display: flex;
  justify-content: space-between;
}
body.about section.supervisor > .inner .items > dl {
  position: relative;
  width: 28.4375vw;
}
body.about section.supervisor > .inner .items > dl > dt {
  color: #ffffff;
  font-size: 1.25vw;
  font-weight: 700;
  margin: 1.3541666667vw 0 2.3958333333vw 1.875vw;
}
body.about section.supervisor > .inner .items > dl > dd {
  color: #ffffff;
  font-size: 0.9375vw;
  line-height: 2;
  margin: 0 0.5208333333vw 8.3333333333vw 0.5208333333vw;
}
body.about section.supervisor > .inner .items .confirm {
  background: #1864A5;
  border-radius: 12px;
}
body.about section.supervisor > .inner .items .confirm::after {
  background: url(/assets/img/about/1x/cut_confirm.png) center no-repeat;
  background-size: cover;
  bottom: 0;
  content: "";
  display: block;
  height: 9.21875vw;
  position: absolute;
  right: 1.0416666667vw;
  width: 7.7083333333vw;
}
body.about section.supervisor > .inner .items .family {
  background: #019b96;
  border-radius: 12px;
}
body.about section.supervisor > .inner .items .family::after {
  background: url(/assets/img/about/1x/cut_family.png) center no-repeat;
  background-size: cover;
  bottom: 0;
  content: "";
  display: block;
  min-height: 6.9270833333vw;
  min-width: 13.8020833333vw;
  position: absolute;
  right: 1.0416666667vw;
}
/*# sourceMappingURL=map/about.css.map */