@charset "UTF-8";
img {
  width: 100%;
}

.test1 {
  -webkit-transition: all 0.4s cubic-bezier(0.33, 1, 0.68, 1) 0.01s;
  transition: all 0.4s cubic-bezier(0.33, 1, 0.68, 1) 0.01s;
  -webkit-transition: all 0.4s ease-out 0.01s;
  transition: all 0.4s ease-out 0.01s;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  transform: scale(1);
  transform: rotate(-45deg);
  border-radius: 50%;
  animation: Flash1 1s infinite;
  animation: beyooon_a 1s forwards;
  animation: beyooon_b 1s forwards;
  font-family: "Noto Serif JP", serif;
  background: linear-gradient(90deg, rgb(0, 72, 110) 0%, rgb(0, 120, 155) 100%);
}

@keyframes Flash1 {
  50% {
    opacity: 0;
  }
}
@keyframes beyooon_a {
  0% {
    transform: translate(-50%, 0%) scale(0.5);
  }
  16% {
    opacity: 1;
    transform: translate(-50%, 0%) scale(1.22);
  }
  28% {
    transform: translate(-50%, 0%) scale(1);
  }
  88% {
    transform: translate(-50%, 0%) scale(1);
  }
  100% {
    opacity: 1;
    transform: translate(-50%, 0%) scale(1);
  }
}
@keyframes beyooon_b {
  0% {
    transform: scale(0.5);
  }
  16% {
    transform: scale(1.32);
  }
  28% {
    transform: scale(0.87);
  }
  44% {
    transform: scale(1.05);
  }
  59% {
    transform: scale(0.98);
  }
  73% {
    transform: scale(1.01);
  }
  88% {
    transform: scale(1);
  }
  100% {
    transform: scale(1);
  }
}
.test {
  content: "\f105";
  font-family: FontAwesome;
}

.shadow {
  text-shadow: 1px 2px 2px rgba(0, 0, 0, 0.4), 1px 3px 3px rgba(0, 0, 0, 0.4), 1px 2px 3px rgba(0, 0, 0, 0.4);
}

/**scss共通ここまで***/
body {
  background: #e0dcd3;
}

.section__in {
  width: 87%;
  max-width: 850px;
  margin: 0 auto;
}

/******************************************************************/
.photobox_animes {
  width: 100%;
  position: relative;
  overflow: hidden;
}
.photobox_animes .imgbox {
  width: 100%;
  position: relative;
  z-index: 1;
  transform: scale(1.1);
  transition: all 3s cubic-bezier(0.33, 1, 0.68, 1) 0.01s;
}
.photobox_animes .imgbox .movie_contena {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 10;
  top: 0;
  left: 0;
}
.photobox_animes .imgbox .movie_contena #movie001 {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.photobox_animes .imgbox .base {
  position: relative;
  z-index: 5;
}
.photobox_animes .imgbox .base .lastcolor {
  filter: grayscale(100%);
  transition-duration: 2s;
  transition-timing-function: linear;
  transition-delay: 0.75s;
}
.photobox_animes .imgbox .base .lastcolor.active {
  filter: grayscale(0%);
}
.photobox_animes .imgbox .base_off {
  position: relative;
  z-index: 5;
  opacity: 0;
}
.photobox_animes .imgbox .base_on {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 3;
}
.photobox_animes .imgbox .base_sky01 {
  position: absolute;
  width: 136.4%;
  top: 0;
  left: 0;
  z-index: 4;
  transform: scale(1);
}
@media screen and (max-width:800px) {
  .photobox_animes .imgbox .base_sky01 {
    width: 189%;
  }
}
.photobox_animes .imgbox .base_sky01.active {
  left: -16.4%;
  transition: all 20s linear;
  transform: scale(1.35);
}
@media screen and (max-width:800px) {
  .photobox_animes .imgbox .base_sky01.active {
    left: -49%;
    transition: all 20s linear;
  }
}
.photobox_animes .imgbox .base_sky01 .base_sky01__in {
  opacity: 1;
  transition: all 1.5s linear;
}
.photobox_animes .imgbox .base_sky01 .base_sky01__in.active {
  opacity: 0;
}
.photobox_animes .imgbox .base_sky02 {
  position: absolute;
  width: 136.4%;
  top: 0;
  left: 0%;
  z-index: 3;
  transform: scale(1);
}
@media screen and (max-width:800px) {
  .photobox_animes .imgbox .base_sky02 {
    width: 189%;
  }
}
.photobox_animes .imgbox .base_sky02.active {
  left: -16.4%;
  transition: all 20s linear;
  transform: scale(1.25);
}
@media screen and (max-width:800px) {
  .photobox_animes .imgbox .base_sky02.active {
    left: -49%;
    transition: all 20s linear;
  }
}
.photobox_animes .imgbox .base_sky02 .base_sky01__in {
  opacity: 1;
  transition: all 1.5s linear;
}
.photobox_animes .imgbox .base_sky02 .base_sky01__in.active {
  opacity: 0;
}
.photobox_animes.active .imgbox {
  transform: scale(1);
}
.photobox_animes.active .mask01 {
  height: 0;
}
.photobox_animes.active .mask02 {
  width: 0;
}
.photobox_animes.active .mask03 {
  height: 0;
}
.photobox_animes.active .mask04 {
  width: 0;
}
.photobox_animes .mask01 {
  position: absolute;
  top: -2px;
  left: 0;
  width: 100%;
  height: 19%;
  background-color: rgb(0, 0, 0);
  z-index: 10;
  transition: 4s cubic-bezier(0.11, 1.21, 0, 0.97);
}
@media screen and (max-width:800px) {
  .photobox_animes .mask01 {
    height: 25%;
  }
}
.photobox_animes .mask02 {
  position: absolute;
  top: 0;
  right: -2px;
  width: 5.44%;
  height: 100%;
  background-color: rgb(0, 0, 0);
  z-index: 10;
  transition: 4s cubic-bezier(0.11, 1.21, 0, 0.97);
}
@media screen and (max-width:800px) {
  .photobox_animes .mask02 {
    width: 15%;
  }
}
.photobox_animes .mask03 {
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 100%;
  height: 19%;
  background-color: rgb(0, 0, 0);
  z-index: 10;
  transition: 4s cubic-bezier(0.11, 1.21, 0, 0.97);
}
@media screen and (max-width:800px) {
  .photobox_animes .mask03 {
    height: 25%;
  }
}
.photobox_animes .mask04 {
  position: absolute;
  top: 0;
  left: -2px;
  width: 5.44%;
  height: 100%;
  background-color: rgb(0, 0, 0);
  z-index: 10;
  transition: 4s cubic-bezier(0.11, 1.21, 0, 0.97);
}
@media screen and (max-width:800px) {
  .photobox_animes .mask04 {
    width: 15%;
  }
}

/**********************************************************************/
.photobox_animes01 {
  margin-bottom: 60px;
}
@media screen and (max-width:1300px) {
  .photobox_animes01 {
    margin-bottom: 12.3076923077%;
  }
}
@media screen and (max-width:800px) {
  .photobox_animes01 {
    margin-bottom: 16%;
  }
}

.photobox_animes02 {
  margin-bottom: 60px;
}
@media screen and (max-width:1300px) {
  .photobox_animes02 {
    margin-bottom: 12.3076923077%;
  }
}
@media screen and (max-width:800px) {
  .photobox_animes02 {
    margin-bottom: 16%;
  }
}

.photobox_animes03 {
  margin-bottom: 60px;
}
@media screen and (max-width:1300px) {
  .photobox_animes03 {
    margin-bottom: 12.3076923077%;
  }
}
@media screen and (max-width:800px) {
  .photobox_animes03 {
    margin-bottom: 16%;
  }
}

.comingbox01 {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: 140px;
}
@media screen and (max-width:1300px) {
  .comingbox01 {
    margin-bottom: 10.7692307692%;
  }
}
@media screen and (max-width:800px) {
  .comingbox01 {
    width: 80%;
    margin: 0 auto 0 auto;
    margin-bottom: 36.2666666667%;
  }
}
.comingbox01 .text {
  width: 100%;
  font-weight: 300;
  position: relative;
  z-index: 15;
}
.comingbox01 .text .textin {
  /*margin-top: 2em;*/
  width: 120%;
  margin-left: 0;
  margin-right: -20%;
}
@media screen and (max-width:800px) {
  .comingbox01 .text .textin {
    width: 100%;
    margin-right: 0%;
  }
}
.comingbox01 .text .textin01 {
  letter-spacing: 0.25em;
  margin-bottom: 0.5em;
}
.comingbox01 .text .textin02 {
  letter-spacing: 0.15em;
  margin-bottom: 5em;
}
.comingbox01 .text .botanleft {
  text-align: left;
}
.comingbox01 .text a {
  display: inline-block;
  width: 17.5em;
  position: relative;
  line-height: 100%;
  padding-bottom: 0.5em;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  color: #fff;
  letter-spacing: 0.05em;
}
.comingbox01 .text a::after {
  content: "";
  width: 0.5em;
  height: 1em;
  position: absolute;
  top: calc(50% - 0.4em);
  right: 0.1em;
  background: url(../images/icon_yaji.svg) no-repeat center;
  background-size: contain;
  transform: translate(0, -50%);
}

.comingbox02 {
  width: 100%;
  text-align: right;
  margin-bottom: 140px;
}
@media screen and (max-width:1300px) {
  .comingbox02 {
    margin-bottom: 10.7692307692%;
  }
}
@media screen and (max-width:800px) {
  .comingbox02 {
    width: 80%;
    margin: 0 auto 0 auto;
    margin-bottom: 36.2666666667%;
  }
}
.comingbox02 .text {
  display: inline-block;
  font-weight: 300;
  position: relative;
  z-index: 15;
  text-align: left;
}
.comingbox02 .text .textin {
  /*margin-top: 2em;*/
  width: 120%;
  margin-left: 0;
  margin-right: -20%;
}
@media screen and (max-width:800px) {
  .comingbox02 .text .textin {
    width: 100%;
    margin-right: 0%;
  }
}
.comingbox02 .text .textin01 {
  letter-spacing: 0.25em;
  margin-bottom: 0.5em;
}
.comingbox02 .text .textin02 {
  letter-spacing: 0.15em;
  margin-bottom: 5em;
}
.comingbox02 .text .botanleft {
  text-align: left;
}
.comingbox02 .text a {
  display: inline-block;
  width: 17.5em;
  position: relative;
  line-height: 100%;
  padding-bottom: 0.5em;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  color: #fff;
  letter-spacing: 0.05em;
}
.comingbox02 .text a::after {
  content: "";
  width: 0.5em;
  height: 1em;
  position: absolute;
  top: calc(50% - 0.4em);
  right: 0.1em;
  background: url(../images/icon_yaji.svg) no-repeat center;
  background-size: contain;
  transform: translate(0, -50%);
}

/*********************************************************/
.movetext {
  opacity: 0;
}

.movetext span {
  opacity: 0;
  display: inline-block;
  transform: translate(-15px, 0px) scale(1.5);
  filter: blur(6px);
}

.movetext span.active {
  opacity: 1;
  transform: translate(0%, 0px) scale(1);
  filter: blur(0px);
  transition: all 0.8s cubic-bezier(0.33, 1, 0.68, 1);
}

.movetext2 {
  opacity: 0;
  transition: all 0.6s cubic-bezier(0.33, 1, 0.68, 0.8);
}

.movetext2.active {
  opacity: 1;
  transition: all 0.6s cubic-bezier(0.33, 1, 0.68, 0.01);
}

.movetext2.active2 {
  opacity: 0;
  transition: all 0.6s cubic-bezier(0.33, 1, 0.68, 0.01);
}

.movetext2 span {
  opacity: 0;
  display: inline-block;
  transform: translate(0px, -15px) scale(1.5);
  filter: blur(6px);
  transition: all 0.8s cubic-bezier(0.33, 1, 0.68, 0.01);
}

.movetext2.active span {
  opacity: 1;
  transform: translate(0%, 0px) scale(1);
  filter: blur(0px);
  transition: all 0.8s cubic-bezier(0.33, 1, 0.68, 1);
}

/**************************************************************/
#section01 {
  width: 100%;
  position: relative;
  z-index: 10;
  background-color: #000;
  color: #fff;
  padding: 290px 0 65px 0;
}
@media screen and (max-width:800px) {
  #section01 {
    padding: 200px 0 80px 0;
  }
}
#section01 .section__in {
  width: 90%;
  max-width: 900px;
  margin: 0 auto;
}
#section01 .sub_text {
  text-align: left;
  margin-bottom: 0.75em;
  letter-spacing: 0.05em;
}
#section01 .main_text {
  text-align: left;
  letter-spacing: 0.15em;
}

#section02 {
  width: 100%;
  background-color: #000;
  position: relative;
  z-index: 5;
}
#section02 .manis {
  position: absolute;
  top: calc(100% + 0px);
  left: 0;
  width: 100%;
  padding: 0.5em 0.5em;
  text-align: right;
  color: #fff;
}

#section03 {
  width: 100%;
  background-color: #000;
  position: relative;
  overflow: hidden;
  color: #fff;
  padding: 90px 0 100px 0;
}
@media screen and (max-width:800px) {
  #section03 {
    padding: 80px 0 50px 0;
  }
}
#section03 .section__in {
  width: 90%;
  max-width: 900px;
  margin: 0 auto;
}
#section03 .subnavlist {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
#section03 .subnavlist a {
  display: block;
  width: 19.22%;
  border: 1px solid #ccc;
  text-align: center;
  padding: 1em 0 0.8em 0;
  display: flex;
  align-items: center;
  line-height: 150%;
  transition: all 0.4s cubic-bezier(0.37, 0, 0.63, 1) 0.01s;
}
@media screen and (max-width:800px) {
  #section03 .subnavlist a {
    width: 48.5%;
    padding: 0.35em 0 0.25em 0;
    min-height: 5em;
    margin-bottom: 2.5vw;
  }
}
#section03 .subnavlist a span {
  width: 100%;
  display: inline-block;
  text-align: center;
  color: #fff;
}
@media screen and (max-width:800px) {
  #section03 .subnavlist a span {
    line-height: 140%;
  }
}
#section03 .subnavlist a.active {
  background-color: #806e23;
}
#section03 .subnavlist a:hover {
  background-color: #806e23;
}

#section03_under {
  width: 100%;
  background-color: #000;
  position: relative;
  overflow: hidden;
  color: #fff;
  padding: 90px 0 20px 0;
}
@media screen and (max-width:800px) {
  #section03_under {
    padding: 80px 0 15px 0;
  }
}
#section03_under .section__in {
  width: 90%;
  max-width: 950px;
  margin: 0 auto;
  padding-bottom: 80px;
}
@media screen and (max-width:800px) {
  #section03_under .section__in {
    padding-bottom: 45px;
  }
}
#section03_under .attens {
  width: 90%;
  max-width: 950px;
  margin: 0 auto;
}
#section03_under .subnavlist {
  width: 100%;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
#section03_under .subnavlist a {
  display: block;
  width: 32.66%;
  margin: 0 0.33% 6px 0.33%;
  border: 1px solid #ccc;
  text-align: center;
  padding: 1em 0 0.8em 0;
  display: flex;
  align-items: center;
  line-height: 150%;
  transition: all 0.4s cubic-bezier(0.37, 0, 0.63, 1) 0.01s;
}
@media screen and (max-width:800px) {
  #section03_under .subnavlist a {
    width: 100%;
    padding: 0.5em 0 0.55em 0;
    min-height: 0em;
    margin-bottom: 1.5vw;
  }
}
#section03_under .subnavlist a span {
  width: 100%;
  display: inline-block;
  text-align: center;
  color: #fff;
}
@media screen and (max-width:800px) {
  #section03_under .subnavlist a span {
    line-height: 140%;
  }
}
#section03_under .subnavlist a.active {
  background-color: #806e23;
}
#section03_under .subnavlist a:hover {
  background-color: #806e23;
}

#section04 {
  width: 100%;
  background-color: #000;
  position: relative;
  color: #fff;
  padding: 1px 0;
}
#section04 .section__in {
  width: 90%;
  max-width: 900px;
  margin: 0 auto;
}
#section04 ul {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
#section04 ul li {
  width: 30.6%;
  margin-bottom: 60px;
}
@media screen and (max-width:800px) {
  #section04 ul li {
    width: 48.5%;
    margin-bottom: 30px;
  }
}
#section04 ul li.long3 {
  width: 100%;
}
#section04 ul li.long2 {
  width: 65.22%;
}
@media screen and (max-width:800px) {
  #section04 ul li.long2 {
    width: 100%;
  }
}
#section04 ul li.whites {
  background-color: #fff;
  color: #000;
  padding: 0.75em;
}
#section04 ul figure {
  position: relative;
}
#section04 ul figure figcaption {
  color: #fff;
  position: absolute;
  bottom: 8px;
  right: 8px;
  line-height: 120%;
}
#section04 ul figure figcaption.black {
  color: #000;
}

h2.base {
  text-align: center;
  margin-bottom: 75px;
}
@media screen and (max-width:800px) {
  h2.base {
    margin-bottom: 35px;
  }
}
h2.base .bigs {
  font-weight: 400;
  line-height: 140%;
}
h2.base .jpn {
  text-align: center;
}

.namse {
  line-height: 140%;
  padding: 0.85em 0 0.75em 0;
}
@media screen and (max-width:800px) {
  .namse.t3 {
    display: flex;
    align-items: center;
    min-height: 4.4em;
  }
}

.namse2 {
  line-height: 140%;
  padding: 0em 0 0.75em 0;
}
@media screen and (max-width:800px) {
  .namse2.t3 {
    display: flex;
    align-items: center;
    min-height: 4.4em;
  }
}

.setutext {
  line-height: 150%;
}
.setutext .minis {
  font-size: 70%;
  line-height: 120%;
}

.setutext_minis {
  margin-top: 0.5em;
  line-height: 140%;
}

.setutext2 {
  line-height: 150%;
  margin-bottom: 0.6em;
}
.setutext2 .minis {
  font-size: 70%;
  line-height: 120%;
}

.atens_right_minis {
  text-align: right;
  margin-top: 0.5em;
}

#section04_eq2 {
  width: 100%;
  background-color: #000;
  position: relative;
  color: #fff;
  padding: 1px 0;
}
#section04_eq2 .section__in {
  width: 90%;
  max-width: 900px;
  margin: 0 auto;
}
#section04_eq2 h3 {
  width: 100%;
  text-align: center;
  color: #fff;
  line-height: 100%;
  padding: 0.35em 0 0.45em 0;
  background-color: #322a29;
  margin-bottom: 3em;
}
@media screen and (max-width:800px) {
  #section04_eq2 h3 {
    margin-bottom: 1.5em;
  }
}
#section04_eq2 h3.second {
  margin-top: 100px;
}
#section04_eq2 ul.c3 {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
#section04_eq2 ul.c3 li {
  width: 30.6%;
  margin-bottom: 60px;
}
@media screen and (max-width:800px) {
  #section04_eq2 ul.c3 li {
    width: 48.5%;
    margin-bottom: 30px;
  }
}
#section04_eq2 ul.c3 li.left01 {
  width: 28.8%;
  border-right: 1px solid #ccc;
  padding-right: 1em;
}
@media screen and (max-width:800px) {
  #section04_eq2 ul.c3 li.left01 {
    width: 100%;
    padding: 0 0 1em 0;
    border-right: 0;
    border-bottom: 1px solid #ccc;
    margin-bottom: 0;
  }
}
#section04_eq2 ul.c3 li.right01 {
  width: 71.2%;
  padding-left: 1em;
}
@media screen and (max-width:800px) {
  #section04_eq2 ul.c3 li.right01 {
    width: 100%;
    padding: 0em 0 0em 0;
  }
}
#section04_eq2 ul.c3 li.eq2bigphoto {
  width: 56%;
  margin: 0 22% 60px 22%;
}
@media screen and (max-width:800px) {
  #section04_eq2 ul.c3 li.eq2bigphoto {
    width: 70%;
    margin: 0 15% 60px 15%;
  }
}
@media screen and (max-width:800px) {
  #section04_eq2 ul.c3 li.eq2bigphoto.nobottom {
    width: 70%;
    margin: 0 15% 15px 15%;
  }
}
#section04_eq2 ul.c3 li.long3 {
  width: 100%;
}
#section04_eq2 ul.c3 li.long2 {
  width: 65.22%;
}
@media screen and (max-width:800px) {
  #section04_eq2 ul.c3 li.long2 {
    width: 100%;
  }
}
#section04_eq2 ul.c3 li.whites {
  background-color: #fff;
  color: #000;
  padding: 0.75em;
}
#section04_eq2 ul.c3 figure {
  position: relative;
}
#section04_eq2 ul.c3 figure figcaption {
  color: #fff;
  position: absolute;
  bottom: 8px;
  right: 8px;
  line-height: 120%;
}
#section04_eq2 ul.c3 figure figcaption.black {
  color: #000;
}
#section04_eq2 .clum2box {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
#section04_eq2 .clum2box .left {
  width: 65.3%;
}
@media screen and (max-width:800px) {
  #section04_eq2 .clum2box .left {
    width: 100%;
  }
}
#section04_eq2 .clum2box .left ul {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
#section04_eq2 .clum2box .left ul li {
  width: 47.5%;
  margin-bottom: 60px;
}
@media screen and (max-width:800px) {
  #section04_eq2 .clum2box .left ul li {
    width: 48.5%;
    margin-bottom: 30px;
  }
}
#section04_eq2 .clum2box .right {
  width: 30.6%;
}
@media screen and (max-width:800px) {
  #section04_eq2 .clum2box .right {
    width: 100%;
  }
}
#section04_eq2 .clum2box .right ul {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
#section04_eq2 .clum2box .right ul li {
  width: 100%;
  margin-bottom: 60px;
}
@media screen and (max-width:800px) {
  #section04_eq2 .clum2box .right ul li {
    width: 48.5%;
    margin-bottom: 30px;
  }
}
#section04_eq2 .clum2box .right ul li .lines {
  border-bottom: 1px solid #ccc;
  margin-bottom: 1em;
  margin-top: 1em;
}

#section04_eq3 {
  width: 100%;
  background-color: #000;
  position: relative;
  color: #fff;
  padding: 1px 0;
}
#section04_eq3 .section__in {
  width: 90%;
  max-width: 900px;
  margin: 0 auto;
}
#section04_eq3 h3 {
  width: 100%;
  text-align: center;
  color: #fff;
  line-height: 100%;
  padding: 0.35em 0 0.45em 0;
  background-color: #322a29;
  margin-bottom: 3em;
}
@media screen and (max-width:800px) {
  #section04_eq3 h3 {
    margin-bottom: 1.5em;
  }
}
#section04_eq3 h3.second {
  margin-top: 100px;
}
#section04_eq3 ul.c3 {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
#section04_eq3 ul.c3 li {
  width: 30.6%;
  margin-bottom: 60px;
}
@media screen and (max-width:800px) {
  #section04_eq3 ul.c3 li {
    width: 48.5%;
    margin-bottom: 30px;
  }
}
@media screen and (max-width:800px) {
  #section04_eq3 ul.c3 li.l01 {
    order: 1;
  }
}
@media screen and (max-width:800px) {
  #section04_eq3 ul.c3 li.l02 {
    order: 3;
  }
}
@media screen and (max-width:800px) {
  #section04_eq3 ul.c3 li.l03 {
    order: 2;
  }
}
@media screen and (max-width:800px) {
  #section04_eq3 ul.c3 li.l04 {
    order: 4;
  }
}
@media screen and (max-width:800px) {
  #section04_eq3 ul.c3 li.l05 {
    order: 5;
  }
}
@media screen and (max-width:800px) {
  #section04_eq3 ul.c3 li.l06 {
    order: 6;
  }
}
@media screen and (max-width:800px) {
  #section04_eq3 ul.c3 li.l07 {
    order: 7;
  }
}
@media screen and (max-width:800px) {
  #section04_eq3 ul.c3 li.l08 {
    order: 8;
  }
}
@media screen and (max-width:800px) {
  #section04_eq3 ul.c3 li.l09 {
    order: 9;
  }
}
@media screen and (max-width:800px) {
  #section04_eq3 ul.c3 li.l10 {
    order: 10;
  }
}
@media screen and (max-width:800px) {
  #section04_eq3 ul.c3 li.l11 {
    order: 11;
  }
}
@media screen and (max-width:800px) {
  #section04_eq3 ul.c3 li.l12 {
    order: 12;
  }
}
@media screen and (max-width:800px) {
  #section04_eq3 ul.c3 li.l13 {
    order: 13;
  }
}
#section04_eq3 ul.c3 li.left01 {
  width: 28.8%;
  border-right: 1px solid #ccc;
  padding-right: 1em;
}
@media screen and (max-width:800px) {
  #section04_eq3 ul.c3 li.left01 {
    width: 100%;
    padding: 0 0 1em 0;
    border-right: 0;
    border-bottom: 1px solid #ccc;
    margin-bottom: 0;
  }
}
#section04_eq3 ul.c3 li.right01 {
  width: 71.2%;
  padding-left: 1em;
}
@media screen and (max-width:800px) {
  #section04_eq3 ul.c3 li.right01 {
    width: 100%;
    padding: 0em 0 0em 0;
  }
}
#section04_eq3 ul.c3 li.eq2bigphoto {
  width: 56%;
  margin: 0 22% 60px 22%;
}
@media screen and (max-width:800px) {
  #section04_eq3 ul.c3 li.eq2bigphoto {
    width: 70%;
    margin: 0 15% 60px 15%;
  }
}
@media screen and (max-width:800px) {
  #section04_eq3 ul.c3 li.eq2bigphoto.nobottom {
    width: 70%;
    margin: 0 15% 15px 15%;
  }
}
#section04_eq3 ul.c3 li.long3 {
  width: 100%;
}
#section04_eq3 ul.c3 li.long2 {
  width: 65.22%;
}
@media screen and (max-width:800px) {
  #section04_eq3 ul.c3 li.long2 {
    width: 100%;
  }
}
#section04_eq3 ul.c3 li.whites {
  background-color: #fff;
  color: #000;
  padding: 0.75em;
}
#section04_eq3 ul.c3 figure {
  position: relative;
}
#section04_eq3 ul.c3 figure figcaption {
  color: #fff;
  position: absolute;
  bottom: 8px;
  right: 8px;
  line-height: 120%;
}
#section04_eq3 ul.c3 figure figcaption.black {
  color: #000;
}
#section04_eq3 ul.c3 figure figcaption.outtext {
  bottom: calc(-1em - 3px);
  right: 0px;
}
#section04_eq3 ul.c3b {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
#section04_eq3 ul.c3b li {
  width: 30.6%;
  margin-bottom: 60px;
}
@media screen and (max-width:800px) {
  #section04_eq3 ul.c3b li {
    width: 48.5%;
    margin-bottom: 30px;
  }
}
@media screen and (max-width:800px) {
  #section04_eq3 ul.c3b li.l03 {
    width: 100%;
  }
  #section04_eq3 ul.c3b li.l03 figure {
    width: 80%;
    margin: 0 auto;
  }
}
#section04_eq3 ul.c3b li.left01 {
  width: 28.8%;
  border-right: 1px solid #ccc;
  padding-right: 1em;
}
@media screen and (max-width:800px) {
  #section04_eq3 ul.c3b li.left01 {
    width: 100%;
    padding: 0 0 1em 0;
    border-right: 0;
    border-bottom: 1px solid #ccc;
    margin-bottom: 0;
  }
}
#section04_eq3 ul.c3b li.right01 {
  width: 71.2%;
  padding-left: 1em;
}
@media screen and (max-width:800px) {
  #section04_eq3 ul.c3b li.right01 {
    width: 100%;
    padding: 0em 0 0em 0;
  }
}
#section04_eq3 ul.c3b li.eq2bigphoto {
  width: 56%;
  margin: 0 22% 60px 22%;
}
@media screen and (max-width:800px) {
  #section04_eq3 ul.c3b li.eq2bigphoto {
    width: 70%;
    margin: 0 15% 60px 15%;
  }
}
@media screen and (max-width:800px) {
  #section04_eq3 ul.c3b li.eq2bigphoto.nobottom {
    width: 70%;
    margin: 0 15% 15px 15%;
  }
}
#section04_eq3 ul.c3b li.long3 {
  width: 100%;
}
#section04_eq3 ul.c3b li.long2 {
  width: 65.22%;
}
@media screen and (max-width:800px) {
  #section04_eq3 ul.c3b li.long2 {
    width: 100%;
  }
}
#section04_eq3 ul.c3b li.whites {
  background-color: #fff;
  color: #000;
  padding: 0.75em;
}
#section04_eq3 ul.c3b figure {
  position: relative;
}
#section04_eq3 ul.c3b figure figcaption {
  color: #fff;
  position: absolute;
  bottom: 8px;
  right: 8px;
  line-height: 120%;
}
#section04_eq3 ul.c3b figure figcaption.black {
  color: #000;
}
#section04_eq3 ul.c3b figure figcaption.outtext {
  bottom: calc(-1em - 3px);
  right: 0px;
}
#section04_eq3 .clum2box {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
#section04_eq3 .clum2box .left {
  width: 65.3%;
}
@media screen and (max-width:800px) {
  #section04_eq3 .clum2box .left {
    width: 100%;
  }
}
#section04_eq3 .clum2box .left ul {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
#section04_eq3 .clum2box .left ul li {
  width: 47.5%;
  margin-bottom: 60px;
}
@media screen and (max-width:800px) {
  #section04_eq3 .clum2box .left ul li {
    width: 48.5%;
    margin-bottom: 30px;
  }
}
#section04_eq3 .clum2box .right {
  width: 30.6%;
}
@media screen and (max-width:800px) {
  #section04_eq3 .clum2box .right {
    width: 100%;
  }
}
#section04_eq3 .clum2box .right ul {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
#section04_eq3 .clum2box .right ul li {
  width: 100%;
  margin-bottom: 60px;
}
@media screen and (max-width:800px) {
  #section04_eq3 .clum2box .right ul li {
    width: 48.5%;
    margin-bottom: 30px;
  }
}
#section04_eq3 .clum2box .right ul li .lines {
  border-bottom: 1px solid #ccc;
  margin-bottom: 1em;
  margin-top: 1em;
}

#section04_eq4 {
  width: 100%;
  background-color: #000;
  position: relative;
  color: #fff;
  padding: 1px 0;
}
#section04_eq4 .section__in {
  width: 90%;
  max-width: 900px;
  margin: 0 auto;
}
#section04_eq4 h3 {
  width: 100%;
  text-align: center;
  color: #fff;
  line-height: 100%;
  padding: 0.35em 0 0.45em 0;
  background-color: #322a29;
  margin-bottom: 3em;
}
@media screen and (max-width:800px) {
  #section04_eq4 h3 {
    margin-bottom: 1.5em;
  }
}
#section04_eq4 h3.second {
  margin-top: 100px;
}
#section04_eq4 ul.c3 {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
#section04_eq4 ul.c3 li {
  width: 30.6%;
  margin-bottom: 60px;
}
@media screen and (max-width:800px) {
  #section04_eq4 ul.c3 li {
    width: 48.5%;
    margin-bottom: 30px;
  }
}
#section04_eq4 ul.c3 li.left01 {
  width: 28.8%;
  border-right: 1px solid #ccc;
  padding-right: 1em;
}
@media screen and (max-width:800px) {
  #section04_eq4 ul.c3 li.left01 {
    width: 100%;
    padding: 0 0 1em 0;
    border-right: 0;
    border-bottom: 1px solid #ccc;
    margin-bottom: 0;
  }
}
#section04_eq4 ul.c3 li.right01 {
  width: 71.2%;
  padding-left: 1em;
}
@media screen and (max-width:800px) {
  #section04_eq4 ul.c3 li.right01 {
    width: 100%;
    padding: 0em 0 0em 0;
  }
}
#section04_eq4 ul.c3 li.eq2bigphoto {
  width: 56%;
  margin: 0 22% 60px 22%;
}
@media screen and (max-width:800px) {
  #section04_eq4 ul.c3 li.eq2bigphoto {
    width: 70%;
    margin: 0 15% 60px 15%;
  }
}
@media screen and (max-width:800px) {
  #section04_eq4 ul.c3 li.eq2bigphoto.nobottom {
    width: 70%;
    margin: 0 15% 15px 15%;
  }
}
#section04_eq4 ul.c3 li.long3 {
  width: 100%;
}
#section04_eq4 ul.c3 li.long2 {
  width: 65.22%;
}
@media screen and (max-width:800px) {
  #section04_eq4 ul.c3 li.long2 {
    width: 100%;
  }
}
#section04_eq4 ul.c3 li.long_hafe {
  width: 48.5%;
}
@media screen and (max-width:800px) {
  #section04_eq4 ul.c3 li.long_hafe {
    width: 100%;
  }
}
#section04_eq4 ul.c3 li.type01_left {
  width: 65.72%;
}
@media screen and (max-width:800px) {
  #section04_eq4 ul.c3 li.type01_left {
    width: 100%;
  }
}
#section04_eq4 ul.c3 li.type01_right {
  width: 30.88%;
}
@media screen and (max-width:800px) {
  #section04_eq4 ul.c3 li.type01_right {
    width: 100%;
  }
}
#section04_eq4 ul.c3 li.type02_left {
  width: 56.33%;
}
@media screen and (max-width:800px) {
  #section04_eq4 ul.c3 li.type02_left {
    width: 100%;
  }
}
#section04_eq4 ul.c3 li.type02_mid {
  width: 56.33%;
}
@media screen and (max-width:800px) {
  #section04_eq4 ul.c3 li.type02_mid {
    width: 48.5%;
  }
}
#section04_eq4 ul.c3 li.type02_right {
  width: 39.55%;
}
@media screen and (max-width:800px) {
  #section04_eq4 ul.c3 li.type02_right {
    width: 48.5%;
  }
}
#section04_eq4 ul.c3 li.whites {
  background-color: #fff;
  color: #000;
  padding: 0.75em;
}
#section04_eq4 ul.c3 figure {
  position: relative;
}
#section04_eq4 ul.c3 figure figcaption {
  color: #fff;
  position: absolute;
  bottom: 8px;
  right: 8px;
  line-height: 120%;
}
#section04_eq4 ul.c3 figure figcaption.black {
  color: #000;
}
#section04_eq4 ul.c3 figure figcaption.outtext {
  bottom: calc(-1em - 3px);
  right: 0px;
}
#section04_eq4 ul.c3 .inclums {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin-top: 1em;
}
@media screen and (max-width:800px) {
  #section04_eq4 ul.c3 .inclums {
    align-items: flex-start;
  }
}
#section04_eq4 ul.c3 .inclums .photo {
  width: 48%;
}
#section04_eq4 ul.c3 .inclums .text {
  width: 48%;
}
#section04_eq4 ul.c3 .inclums .atens {
  margin-top: 0.5em;
  width: 110%;
  margin-right: -10%;
}
#section04_eq4 ul.c3b {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
#section04_eq4 ul.c3b li {
  width: 30.6%;
  margin-bottom: 60px;
}
@media screen and (max-width:800px) {
  #section04_eq4 ul.c3b li {
    width: 48.5%;
    margin-bottom: 30px;
  }
}
@media screen and (max-width:800px) {
  #section04_eq4 ul.c3b li.l03 {
    width: 100%;
  }
  #section04_eq4 ul.c3b li.l03 figure {
    width: 80%;
    margin: 0 auto;
  }
}
#section04_eq4 ul.c3b li.left01 {
  width: 28.8%;
  border-right: 1px solid #ccc;
  padding-right: 1em;
}
@media screen and (max-width:800px) {
  #section04_eq4 ul.c3b li.left01 {
    width: 100%;
    padding: 0 0 1em 0;
    border-right: 0;
    border-bottom: 1px solid #ccc;
    margin-bottom: 0;
  }
}
#section04_eq4 ul.c3b li.right01 {
  width: 71.2%;
  padding-left: 1em;
}
@media screen and (max-width:800px) {
  #section04_eq4 ul.c3b li.right01 {
    width: 100%;
    padding: 0em 0 0em 0;
  }
}
#section04_eq4 ul.c3b li.eq2bigphoto {
  width: 56%;
  margin: 0 22% 60px 22%;
}
@media screen and (max-width:800px) {
  #section04_eq4 ul.c3b li.eq2bigphoto {
    width: 70%;
    margin: 0 15% 60px 15%;
  }
}
@media screen and (max-width:800px) {
  #section04_eq4 ul.c3b li.eq2bigphoto.nobottom {
    width: 70%;
    margin: 0 15% 15px 15%;
  }
}
#section04_eq4 ul.c3b li.long3 {
  width: 100%;
}
#section04_eq4 ul.c3b li.long2 {
  width: 65.22%;
}
@media screen and (max-width:800px) {
  #section04_eq4 ul.c3b li.long2 {
    width: 100%;
  }
}
#section04_eq4 ul.c3b li.whites {
  background-color: #fff;
  color: #000;
  padding: 0.75em;
}
#section04_eq4 ul.c3b figure {
  position: relative;
}
#section04_eq4 ul.c3b figure figcaption {
  color: #fff;
  position: absolute;
  bottom: 8px;
  right: 8px;
  line-height: 120%;
}
#section04_eq4 ul.c3b figure figcaption.black {
  color: #000;
}
#section04_eq4 ul.c3b figure figcaption.outtext {
  bottom: calc(-1em - 3px);
  right: 0px;
}
#section04_eq4 .clum2box {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
#section04_eq4 .clum2box .left {
  width: 65.3%;
}
@media screen and (max-width:800px) {
  #section04_eq4 .clum2box .left {
    width: 100%;
  }
}
#section04_eq4 .clum2box .left ul {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
#section04_eq4 .clum2box .left ul li {
  width: 47.5%;
  margin-bottom: 60px;
}
@media screen and (max-width:800px) {
  #section04_eq4 .clum2box .left ul li {
    width: 48.5%;
    margin-bottom: 30px;
  }
}
#section04_eq4 .clum2box .right {
  width: 30.6%;
}
@media screen and (max-width:800px) {
  #section04_eq4 .clum2box .right {
    width: 100%;
  }
}
#section04_eq4 .clum2box .right ul {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
#section04_eq4 .clum2box .right ul li {
  width: 100%;
  margin-bottom: 60px;
}
@media screen and (max-width:800px) {
  #section04_eq4 .clum2box .right ul li {
    width: 48.5%;
    margin-bottom: 30px;
  }
}
#section04_eq4 .clum2box .right ul li .lines {
  border-bottom: 1px solid #ccc;
  margin-bottom: 1em;
  margin-top: 1em;
}
#section04_eq4 .lines {
  width: 100%;
  padding-top: 60px;
  border-bottom: 1px solid #ccc;
  margin-bottom: 60px;
}
@media screen and (max-width:800px) {
  #section04_eq4 .lines {
    padding-top: 30px;
    border-bottom: 1px solid #ccc;
    margin-bottom: 30px;
  }
}
#section04_eq4 .logoclum {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
#section04_eq4 .logoclum .logos {
  width: 22.77%;
}
@media screen and (max-width:800px) {
  #section04_eq4 .logoclum .logos {
    width: 50%;
    margin: 0 25% 1em 25%;
  }
}
#section04_eq4 .logoclum .text {
  width: 73.88%;
}
@media screen and (max-width:800px) {
  #section04_eq4 .logoclum .text {
    display: none;
  }
}
#section04_eq4 .logoclum .text .mids {
  margin-bottom: 0.5em;
}
@media screen and (max-width:800px) {
  #section04_eq4 .logoclum .text .mids {
    text-align: center;
  }
}
#section04_eq4 .photobox {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-top: 60px;
  flex-wrap: wrap;
}
@media screen and (max-width:800px) {
  #section04_eq4 .photobox {
    margin-top: 15px;
  }
}
#section04_eq4 .photobox .items {
  width: 49.5%;
}
@media screen and (max-width:800px) {
  #section04_eq4 .photobox .items {
    width: 100%;
    margin-bottom: 2vw;
  }
}
#section04_eq4 .midsss {
  margin-bottom: 0.5em;
}
@media screen and (max-width:800px) {
  #section04_eq4 .midsss {
    text-align: center;
  }
}

#section04_eq5 {
  width: 100%;
  background-color: #000;
  position: relative;
  color: #fff;
  padding: 1px 0;
}
#section04_eq5 .section__in {
  width: 90%;
  max-width: 900px;
  margin: 0 auto;
}
#section04_eq5 .whitebox {
  width: 100%;
  background-color: #f1f0f0;
  padding: 50px 28px;
  color: #000;
  margin-bottom: 35px;
}
@media screen and (max-width:800px) {
  #section04_eq5 .whitebox {
    padding: 7.5vw 5vw 5vw 5vw;
  }
}
#section04_eq5 .titles {
  width: 75.9%;
  margin: 0 auto 35px auto;
}
@media screen and (max-width:800px) {
  #section04_eq5 .titles {
    width: 85%;
  }
}
#section04_eq5 .secubox {
  width: 100%;
  max-width: 610px;
  margin: 0 auto 20px auto;
}
@media screen and (max-width:800px) {
  #section04_eq5 .secubox {
    overflow-x: scroll;
  }
}
@media screen and (max-width:800px) {
  #section04_eq5 .secubox .inimgs {
    width: 650px;
  }
}
#section04_eq5 .secuboxtext {
  text-align: right;
  width: 100%;
  max-width: 610px;
  margin: 0 auto 40px auto;
}
@media screen and (max-width:800px) {
  #section04_eq5 .secuboxtext {
    text-align: left;
  }
}
#section04_eq5 h4.base {
  text-align: center;
  margin-bottom: 30px;
}
@media screen and (max-width:800px) {
  #section04_eq5 h4.base {
    margin-bottom: 20px;
  }
}
#section04_eq5 h4.base .bigs {
  font-weight: 400;
  line-height: 140%;
}
#section04_eq5 h4.base .jpn {
  text-align: center;
}
#section04_eq5 h4.base.second {
  margin-top: 100px;
}
@media screen and (max-width:800px) {
  #section04_eq5 h4.base.second {
    margin-top: 60px;
  }
}
#section04_eq5 .base_text_type01 {
  text-align: center;
  line-height: 160%;
  margin-bottom: 60px;
}
@media screen and (max-width:800px) {
  #section04_eq5 .base_text_type01 {
    margin-bottom: 30px;
  }
}
#section04_eq5 h3 {
  width: 100%;
  text-align: center;
  color: #fff;
  line-height: 100%;
  padding: 0.35em 0 0.45em 0;
  background-color: #322a29;
  margin-bottom: 3em;
}
@media screen and (max-width:800px) {
  #section04_eq5 h3 {
    margin-bottom: 1.5em;
  }
}
#section04_eq5 h3.second {
  margin-top: 100px;
}
#section04_eq5 ul.c3 {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
#section04_eq5 ul.c3 li {
  width: 30.6%;
  margin-bottom: 60px;
}
@media screen and (max-width:800px) {
  #section04_eq5 ul.c3 li {
    width: 48.5%;
    margin-bottom: 30px;
  }
}
#section04_eq5 ul.c3 li.left01 {
  width: 28.8%;
  border-right: 1px solid #ccc;
  padding-right: 1em;
}
@media screen and (max-width:800px) {
  #section04_eq5 ul.c3 li.left01 {
    width: 100%;
    padding: 0 0 1em 0;
    border-right: 0;
    border-bottom: 1px solid #ccc;
    margin-bottom: 0;
  }
}
#section04_eq5 ul.c3 li.right01 {
  width: 71.2%;
  padding-left: 1em;
}
@media screen and (max-width:800px) {
  #section04_eq5 ul.c3 li.right01 {
    width: 100%;
    padding: 0em 0 0em 0;
  }
}
#section04_eq5 ul.c3 li.eq2bigphoto {
  width: 56%;
  margin: 0 22% 60px 22%;
}
@media screen and (max-width:800px) {
  #section04_eq5 ul.c3 li.eq2bigphoto {
    width: 70%;
    margin: 0 15% 60px 15%;
  }
}
@media screen and (max-width:800px) {
  #section04_eq5 ul.c3 li.eq2bigphoto.nobottom {
    width: 70%;
    margin: 0 15% 15px 15%;
  }
}
#section04_eq5 ul.c3 li.long3 {
  width: 100%;
}
#section04_eq5 ul.c3 li.long2 {
  width: 65.22%;
}
@media screen and (max-width:800px) {
  #section04_eq5 ul.c3 li.long2 {
    width: 100%;
  }
}
#section04_eq5 ul.c3 li.long_hafe {
  width: 48.5%;
}
@media screen and (max-width:800px) {
  #section04_eq5 ul.c3 li.long_hafe {
    width: 48.5%;
  }
}
#section04_eq5 ul.c3 li.long_hafe2 {
  width: 48.5%;
}
@media screen and (max-width:800px) {
  #section04_eq5 ul.c3 li.long_hafe2 {
    width: 100%;
  }
}
#section04_eq5 ul.c3 li.long_hafe3a {
  width: 36.68%;
}
@media screen and (max-width:800px) {
  #section04_eq5 ul.c3 li.long_hafe3a {
    width: 100%;
  }
}
#section04_eq5 ul.c3 li.long_hafe3b {
  width: 27.57%;
}
@media screen and (max-width:800px) {
  #section04_eq5 ul.c3 li.long_hafe3b {
    width: 48.5%;
  }
}
#section04_eq5 ul.c3 li.lines {
  width: 100%;
  border-bottom: 1px solid #333;
  margin-bottom: 40px;
}
@media screen and (max-width:800px) {
  #section04_eq5 ul.c3 li.lines {
    margin-bottom: 30px;
    border-bottom: 0;
    margin-bottom: 20px;
  }
}
#section04_eq5 ul.c3 li.lines_secu {
  width: 100%;
  border-bottom: 1px solid #333;
  margin-bottom: 40px;
}
@media screen and (max-width:800px) {
  #section04_eq5 ul.c3 li.lines_secu {
    margin-bottom: 20px;
  }
}
#section04_eq5 ul.c3 li.type01_left1 {
  width: 48.5%;
  margin-bottom: 0;
}
@media screen and (max-width:800px) {
  #section04_eq5 ul.c3 li.type01_left1 {
    width: 100%;
    margin-bottom: 40px;
  }
}
#section04_eq5 ul.c3 li.type01_left1.last {
  margin-bottom: 0;
}
@media screen and (max-width:800px) {
  #section04_eq5 ul.c3 li.type01_left1.last {
    margin-bottom: 0;
  }
}
#section04_eq5 ul.c3 li.type01_left {
  width: 48.5%;
}
@media screen and (max-width:800px) {
  #section04_eq5 ul.c3 li.type01_left {
    width: 100%;
  }
}
#section04_eq5 ul.c3 li.type01_left.last {
  margin-bottom: 0;
}
@media screen and (max-width:800px) {
  #section04_eq5 ul.c3 li.type01_left.last {
    margin-bottom: 0;
  }
}
#section04_eq5 ul.c3 li.type01_right {
  width: 30.88%;
}
@media screen and (max-width:800px) {
  #section04_eq5 ul.c3 li.type01_right {
    width: 100%;
  }
}
#section04_eq5 ul.c3 li.type02_left {
  width: 56.33%;
}
@media screen and (max-width:800px) {
  #section04_eq5 ul.c3 li.type02_left {
    width: 100%;
  }
}
#section04_eq5 ul.c3 li.type02_mid {
  width: 56.33%;
}
@media screen and (max-width:800px) {
  #section04_eq5 ul.c3 li.type02_mid {
    width: 48.5%;
  }
}
#section04_eq5 ul.c3 li.type02_right {
  width: 39.55%;
}
@media screen and (max-width:800px) {
  #section04_eq5 ul.c3 li.type02_right {
    width: 48.5%;
  }
}
#section04_eq5 ul.c3 li.whites {
  background-color: #fff;
  color: #000;
  padding: 0.75em;
}
#section04_eq5 ul.c3 figure {
  position: relative;
}
#section04_eq5 ul.c3 figure figcaption {
  color: #fff;
  position: absolute;
  bottom: 8px;
  right: 8px;
  line-height: 120%;
}
#section04_eq5 ul.c3 figure figcaption.black {
  color: #000;
}
#section04_eq5 ul.c3 figure figcaption.outtext {
  bottom: calc(-1em - 3px);
  right: 0px;
}
#section04_eq5 ul.c3 .inclums {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
@media screen and (max-width:800px) {
  #section04_eq5 ul.c3 .inclums {
    align-items: flex-start;
  }
}
#section04_eq5 ul.c3 .inclums .photo {
  width: 48%;
}
#section04_eq5 ul.c3 .inclums .text {
  width: 48%;
}
#section04_eq5 ul.c3 .inclums .atens {
  margin-top: 0.5em;
  width: 110%;
  margin-right: -10%;
}
#section04_eq5 .inclum {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
#section04_eq5 .inclum figure {
  width: 48.5%;
}
@media screen and (max-width:800px) {
  #section04_eq5 .inclum figure {
    width: 100%;
    order: 1;
  }
}
#section04_eq5 .inclum .text {
  width: 48.5%;
}
@media screen and (max-width:800px) {
  #section04_eq5 .inclum .text {
    width: 100%;
    order: 2;
  }
}
#section04_eq5 .inclum .text .imgs {
  margin: 1em 0;
}
#section04_eq5 .inclum .unders {
  width: 120%;
  margin-right: -20%;
}
#section04_eq5 ul.c3b {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
#section04_eq5 ul.c3b li {
  width: 30.6%;
  margin-bottom: 60px;
}
@media screen and (max-width:800px) {
  #section04_eq5 ul.c3b li {
    width: 48.5%;
    margin-bottom: 30px;
  }
}
@media screen and (max-width:800px) {
  #section04_eq5 ul.c3b li.l03 {
    width: 100%;
  }
  #section04_eq5 ul.c3b li.l03 figure {
    width: 80%;
    margin: 0 auto;
  }
}
#section04_eq5 ul.c3b li.left01 {
  width: 28.8%;
  border-right: 1px solid #ccc;
  padding-right: 1em;
}
@media screen and (max-width:800px) {
  #section04_eq5 ul.c3b li.left01 {
    width: 100%;
    padding: 0 0 1em 0;
    border-right: 0;
    border-bottom: 1px solid #ccc;
    margin-bottom: 0;
  }
}
#section04_eq5 ul.c3b li.right01 {
  width: 71.2%;
  padding-left: 1em;
}
@media screen and (max-width:800px) {
  #section04_eq5 ul.c3b li.right01 {
    width: 100%;
    padding: 0em 0 0em 0;
  }
}
#section04_eq5 ul.c3b li.eq2bigphoto {
  width: 56%;
  margin: 0 22% 60px 22%;
}
@media screen and (max-width:800px) {
  #section04_eq5 ul.c3b li.eq2bigphoto {
    width: 70%;
    margin: 0 15% 60px 15%;
  }
}
@media screen and (max-width:800px) {
  #section04_eq5 ul.c3b li.eq2bigphoto.nobottom {
    width: 70%;
    margin: 0 15% 15px 15%;
  }
}
#section04_eq5 ul.c3b li.long3 {
  width: 100%;
}
#section04_eq5 ul.c3b li.long2 {
  width: 65.22%;
}
@media screen and (max-width:800px) {
  #section04_eq5 ul.c3b li.long2 {
    width: 100%;
  }
}
#section04_eq5 ul.c3b li.whites {
  background-color: #fff;
  color: #000;
  padding: 0.75em;
}
#section04_eq5 ul.c3b figure {
  position: relative;
}
#section04_eq5 ul.c3b figure figcaption {
  color: #fff;
  position: absolute;
  bottom: 8px;
  right: 8px;
  line-height: 120%;
}
#section04_eq5 ul.c3b figure figcaption.black {
  color: #000;
}
#section04_eq5 ul.c3b figure figcaption.outtext {
  bottom: calc(-1em - 3px);
  right: 0px;
}
#section04_eq5 .ttl {
  margin-bottom: 1em;
}
@media screen and (max-width:800px) {
  #section04_eq5 .ttl {
    margin-bottom: 0.5em;
  }
}
#section04_eq5 .basesub {
  margin-bottom: 1em;
}
#section04_eq5 .secumarubox {
  margin-bottom: 6em;
}
@media screen and (max-width:800px) {
  #section04_eq5 .secumarubox {
    margin-bottom: 3em;
  }
}
#section04_eq5 .secumarubox span.maru {
  width: 1em;
  height: 1em;
  display: inline-block;
  border-radius: 50%;
  background-color: #852622;
  margin-right: 0.25em;
}
#section04_eq5 .inclumsecu {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
#section04_eq5 .inclumsecu .inclumsecu--text {
  width: 48.5%;
}
@media screen and (max-width:800px) {
  #section04_eq5 .inclumsecu .inclumsecu--text {
    width: 100%;
    margin-bottom: 5vw;
  }
}
#section04_eq5 .inclumsecu .inclumsecu--photo {
  width: 48.5%;
  position: relative;
}
@media screen and (max-width:800px) {
  #section04_eq5 .inclumsecu .inclumsecu--photo {
    width: 60%;
    margin: 0 20% 30px 20%;
  }
}
#section04_eq5 .inclumsecu .inclumsecu--photo figure {
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
}
@media screen and (max-width:800px) {
  #section04_eq5 .inclumsecu .inclumsecu--photo figure {
    position: relative;
    bottom: auto;
    left: auto;
  }
}
#section04_eq5 .inclumsecu2 {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: flex-end;
}
#section04_eq5 .inclumsecu2 .inclumsecu--text {
  width: 48.5%;
}
#section04_eq5 .inclumsecu2 .inclumsecu--photo {
  width: 48.5%;
  position: relative;
}
#section04_eq5 .secclums {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
#section04_eq5 .secclums .left {
  width: 48.6%;
}
@media screen and (max-width:800px) {
  #section04_eq5 .secclums .left {
    width: 100%;
    order: 2;
  }
}
#section04_eq5 .secclums .left ul.leftlist {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
#section04_eq5 .secclums .left ul.leftlist li {
  width: 47%;
  margin-bottom: 30px;
}
@media screen and (max-width:800px) {
  #section04_eq5 .secclums .left ul.leftlist li {
    width: 48.5%;
    margin-bottom: 30px;
  }
}
#section04_eq5 .secclums .right {
  width: 48.6%;
}
@media screen and (max-width:800px) {
  #section04_eq5 .secclums .right {
    width: 100%;
    margin: 0 0% 30px 0%;
    order: 1;
  }
}
#section04_eq5 .secclums .right figure {
  width: 82.2%;
  margin: 0 auto;
}
#section04_eq5 .nemes {
  line-height: 140%;
  padding: 0.85em 0 0.75em 0;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
#section04_eq5 .nemes .icons {
  width: 1.5em;
  margin-right: 0.5em;
}
@media screen and (max-width:800px) {
  #section04_eq5 .nemes.t3 {
    display: flex;
    align-items: center;
    min-height: 4.4em;
  }
}
#section04_eq5 .lastlist {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 30px;
}
#section04_eq5 .lastlist li {
  width: 22.5%;
  margin-bottom: 30px;
}
@media screen and (max-width:800px) {
  #section04_eq5 .lastlist li {
    width: 48.5%;
    margin-bottom: 30px;
  }
}/*# sourceMappingURL=equipment.css.map */