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

input[type="submit"], input[type="button"], input[type="reset"] {
  -webkit-appearance: none;
  border-radius: 0;
}

.test1 {
  -webkit-transition: all 0.4s cubic-bezier(0.33, 1, 0.68, 1);
  transition: all 0.4s cubic-bezier(0.33, 1, 0.68, 1);
  -webkit-transition: all .4s ease-out;
  transition: all .4s ease-out;
  -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, #00486e 0%, #00789b 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共通ここまで***/
.container {
  width: 90%;
  max-width: 1100px;
  margin: 0 auto;
}

.head {
  box-sizing: border-box;
  text-align: center;
  max-width: 1100px;
  margin: 0 auto;
  position: relative;
  top: 0;
  left: 0;
}

.head .bg_img div {
  transition: all .8s ease-out;
  transform: scale(0);
  opacity: 0;
}

.head .bg_img div.active {
  transform: scale(1);
  opacity: 1;
}

.head .bg_img img {
  width: 100%;
}

.head h1 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.head h1 img {
  max-width: 589px;
  width: 94.8%;
}

.head_text {
  margin-top: 50px;
}

@media screen and (min-width: 801px) {
  .head_text {
    text-align: center;
  }
}

@media screen and (max-width: 800px) {
  .head_text {
    font-size: 4.2vw;
  }
}

.section02 {
  margin-top: 130px;
}

@media screen and (max-width: 800px) {
  .section02 {
    margin-top: 80px;
  }
}

.section02 h2 {
  text-align: center;
}

.section02 .container {
  width: 80%;
}

.section02 .sec02_block {
  align-items: center;
  margin-top: 40px;
}

@media screen and (min-width: 801px) {
  .section02 .sec02_block {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    margin-top: 70px;
  }
}

@media screen and (min-width: 801px) {
  .section02 dt {
    max-width: 570px;
    width: 51%;
  }
}

@media screen and (max-width: 800px) {
  .section02 dt {
    width: 100vw;
    margin: 0 calc(50% - 50vw);
  }
}

.section02 dd {
  letter-spacing: 0.05em;
  line-height: 1.8em;
}

@media screen and (min-width: 801px) {
  .section02 dd {
    max-width: 480px;
    width: 43%;
    margin-right: 52px;
  }
}

@media screen and (max-width: 800px) {
  .section02 dd {
    margin-top: 24px;
  }
}

.section02 p.line160 {
  line-height: 160%;
}

.section03 {
  margin-top: 130px;
  margin-bottom: 140px;
}

@media screen and (max-width: 800px) {
  .section03 {
    margin-top: 100px;
  }
}

.section03 > .container {
  width: 81.334%;
}

.section03 h2 {
  text-align: center;
}

.section03 .intro_text {
  line-height: 1.6em;
}

@media screen and (min-width: 801px) {
  .section03 .intro_text {
    max-width: 560px;
    text-align: center;
    margin: 40px auto 0;
  }
}

@media screen and (max-width: 800px) {
  .section03 .intro_text {
    width: 100%;
    margin: 24px auto 0;
  }
}

.section03 .sp_only.f16 {
  text-align: center;
  margin-top: 32px;
}

.section03 .intro_nav_wrap {
  margin-top: 72px;
  position: relative;
  top: 0;
  left: 0;
}

@media screen and (max-width: 800px) {
  .section03 .intro_nav_wrap {
    margin-top: 24px;
  }
}

.section03 .nav_bg {
  width: 100%;
}

.section03 .circle {
  position: absolute;
  z-index: 10;
}

.section03 .circle.circle--01 {
  top: 45%;
  left: 46.2%;
  width: 7.5%;
}

@media screen and (max-width: 800px) {
  .section03 .circle.circle--01 {
    top: 47.5%;
    left: 39.5%;
    width: 19%;
  }
}

.section03 .circle.circle--02 {
  top: 25%;
  left: 58.2%;
  width: 7.5%;
}

@media screen and (max-width: 800px) {
  .section03 .circle.circle--02 {
    top: 30.5%;
    left: 79%;
    width: 21%;
  }
}

.section03 .circle.circle--03 {
  top: 61%;
  left: 47.2%;
  width: 5.5%;
}

@media screen and (max-width: 800px) {
  .section03 .circle.circle--03 {
    top: 61.5%;
    left: 42%;
    width: 15.8%;
  }
}

.section03 .circle.circle--04 {
  top: 42%;
  left: 54.2%;
  width: 7.5%;
}

@media screen and (max-width: 800px) {
  .section03 .circle.circle--04 {
    top: 41.5%;
    left: 61.2%;
    width: 21.5%;
  }
}

.section03 .nav {
  position: absolute;
}

.section03 .nav .nav_btn {
  position: relative;
  top: 0;
  left: 0;
}

.section03 .nav .nav_btn:before, .section03 .nav .nav_btn:after {
  content: "";
  position: absolute;
  z-index: 11;
}

.section03 .nav .nav_btn:after {
  width: 7px;
  height: 7px;
  border-radius: 100%;
}

@media screen and (max-width: 800px) {
  .section03 .nav .nav_btn:after {
    width: 10px;
    height: 10px;
  }
}

.section03 .nav .nav_btn:before {
  width: 20%;
  height: 1px;
  transform: rotate(10%);
}

.section03 .nav.nav--01 {
  top: 18%;
  left: 0%;
  width: 27%;
}

@media screen and (max-width: 800px) {
  .section03 .nav.nav--01 {
    top: 20%;
    left: 0%;
    width: 77.5%;
  }
}

.section03 .nav.nav--01 .nav_desc {
  width: 82%;
  margin: 0 auto 8%;
}

.section03 .nav.nav--01 .nav_btn:after {
  background-color: #908447;
  bottom: 10%;
  right: -72.5%;
}

@media screen and (max-width: 800px) {
  .section03 .nav.nav--01 .nav_btn:after {
    bottom: -159%;
    right: 39%;
  }
}

.section03 .nav.nav--01 .nav_btn:before {
  background-color: #908447;
  transform: skew(-33deg, 6deg);
  bottom: 29%;
  right: -71%;
  width: 66%;
}

@media screen and (max-width: 800px) {
  .section03 .nav.nav--01 .nav_btn:before {
    transform: skew(-53deg, 68deg);
    bottom: -94%;
    right: 41%;
    width: 12%;
    height: 6%;
    max-height: 4px;
    border-bottom: 1px solid #fff;
    border-top: 1px solid #fff;
  }
}

.section03 .nav.nav--02 {
  top: -6%;
  right: 0%;
  width: 30%;
}

@media screen and (max-width: 800px) {
  .section03 .nav.nav--02 {
    top: 6.7%;
    right: 0%;
    width: 59.5%;
  }
}

.section03 .nav.nav--02 .nav_desc {
  width: 81%;
  margin: 0 0 3% 4%;
}

.section03 .nav.nav--02 .nav_btn:after {
  background-color: #50747D;
  left: -16%;
  bottom: 14%;
}

@media screen and (max-width: 800px) {
  .section03 .nav.nav--02 .nav_btn:after {
    left: 71.5%;
    bottom: -131%;
  }
}

.section03 .nav.nav--02 .nav_btn:before {
  background-color: #50747D;
  transform: skew(-33deg, -16deg);
  width: 12%;
  left: -15%;
  top: 66%;
}

@media screen and (max-width: 800px) {
  .section03 .nav.nav--02 .nav_btn:before {
    transform: skew(-53deg, 60deg);
    top: auto;
    left: auto;
    bottom: -77%;
    right: 26%;
    width: 18%;
    height: 6%;
    max-height: 4px;
    border-bottom: 1px solid #fff;
    border-top: 1px solid #fff;
  }
}

.section03 .nav.nav--03 {
  bottom: -4%;
  left: 0%;
  width: 33%;
}

@media screen and (max-width: 800px) {
  .section03 .nav.nav--03 {
    bottom: 8%;
    left: 0%;
    width: 80%;
  }
}

.section03 .nav.nav--03 .nav_desc {
  width: 65%;
  margin: 0 auto 5%;
}

.section03 .nav.nav--03 .nav_btn:after {
  background-color: #61846C;
  top: -167%;
  right: -45.5%;
}

@media screen and (max-width: 800px) {
  .section03 .nav.nav--03 .nav_btn:after {
    top: -54%;
    right: 41.5%;
  }
}

.section03 .nav.nav--03 .nav_btn:before {
  background-color: #61846C;
  transform: skew(-33deg, -43deg);
  bottom: 167%;
  right: -44.5%;
  width: 38%;
  height: 4px;
}

@media screen and (max-width: 800px) {
  .section03 .nav.nav--03 .nav_btn:before {
    transform: skew(0, -55deg);
    bottom: 125%;
    right: 44%;
    width: 7%;
    height: 10%;
    max-height: 10px;
    border-bottom: 2px solid #fff;
    border-top: 2px solid #fff;
  }
}

.section03 .nav.nav--04 {
  bottom: 10%;
  right: 0%;
  width: 28%;
}

@media screen and (max-width: 800px) {
  .section03 .nav.nav--04 {
    bottom: -6%;
    right: 0%;
    width: 66%;
  }
}

.section03 .nav.nav--04 .nav_desc {
  width: 97%;
  margin: 0 0 5% 0;
}

.section03 .nav.nav--04 .nav_btn:after {
  background-color: #B01949;
  left: -45%;
  top: -270%;
}

@media screen and (max-width: 800px) {
  .section03 .nav.nav--04 .nav_btn:after {
    left: 60%;
    top: -379%;
  }
}

.section03 .nav.nav--04 .nav_btn:before {
  background-color: #B01949;
  transform: skew(-33deg, 50deg);
  width: 39%;
  left: -44%;
  top: -119%;
}

@media screen and (max-width: 800px) {
  .section03 .nav.nav--04 .nav_btn:before {
    transform: skew(-9deg, -104deg);
    top: -195%;
    left: 62.5%;
    width: 24%;
    height: 13%;
    max-height: 11px;
    border-bottom: 2px solid #fff;
    border-top: 2px solid #fff;
  }
}

.section03 .sec03_block {
  margin-top: 60px;
  box-sizing: border-box;
  overflow: hidden;
  padding: 20px 0;
}

.section03 .sec03_block .container {
  padding: 120px 3% 60px 8%;
  position: relative;
  top: 0;
  left: 0;
}

@media screen and (max-width: 800px) {
  .section03 .sec03_block .container {
    padding: 56px 4.5% 56px 10%;
  }
}

.section03 .sec03_block .container:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100%;
  z-index: -1;
  box-shadow: 0 5px 20px rgba(42, 42, 42, 0.2);
}

.section03 .sec03_block--reverse .container {
  padding: 120px 8% 60px 3%;
}

@media screen and (max-width: 800px) {
  .section03 .sec03_block--reverse .container {
    padding: 56px 10% 56px 4.5%;
  }
}

.section03 .sec03_block--reverse .container:after {
  content: "";
  left: auto;
  right: 0;
}

.section03 .sec03_block.sec03_block--1 {
  margin-top: 100px;
}

@media screen and (max-width: 800px) {
  .section03 .sec03_block.sec03_block--1 {
    margin-top: 72px;
  }
}

.section03 .sec03_block.sec03_block--1 .container:after {
  background: #F7FAF8;
}

.section03 .sec03_block.sec03_block--2 .container:after {
  background: #F8ECF0;
}

.section03 .sec03_block.sec03_block--3 .container:after {
  background: #E9EDEF;
}

.section03 .sec03_block.sec03_block--4 .container:after {
  background: #F4F2EC;
}

.section03 .sec03_block .container {
  max-width: 1100px;
}

.section03 .sec03_block .block_desc_wrap {
  font-family: 'Noto Sans JP';
}

@media screen and (min-width: 801px) {
  .section03 .sec03_block .block_intro {
    display: flex;
  }
}

@media screen and (min-width: 801px) {
  .section03 .sec03_block .block_intro dt {
    max-width: 483px;
    margin-right: 48px;
    width: 52%;
  }
}

@media screen and (min-width: 801px) {
  .section03 .sec03_block .block_intro dd {
    max-width: 384px;
    width: 41%;
  }
}

@media screen and (max-width: 800px) {
  .section03 .sec03_block .block_intro dd {
    margin-top: 32px;
  }
}

@media screen and (max-width: 800px) {
  .section03 .sec03_block .block_intro dd.sp_only {
    margin-top: 8px;
  }
}

.section03 .sec03_block .block_intro h3 {
  position: relative;
  top: 0;
  left: 0;
  display: inline-block;
  font-weight: bold;
}

.section03 .sec03_block .block_intro h3:after {
  content: "";
  position: absolute;
  bottom: -12px;
  left: 0;
  height: 1px;
  width: 100%;
}

@media screen and (max-width: 800px) {
  .section03 .sec03_block .block_intro h3:after {
    bottom: -8px;
  }
}

.section03 .sec03_block .block_intro p {
  margin-top: 30px;
  line-height: 1.8em;
  letter-spacing: 0.05em;
}

@media screen and (max-width: 800px) {
  .section03 .sec03_block .block_intro p {
    margin-top: 0;
  }
}

.section03 .sec03_block.sec03_block--1 .block_intro h3:after {
  background: #61846C;
}

.section03 .sec03_block.sec03_block--2 .block_intro h3:after {
  background: #B01949;
}

.section03 .sec03_block.sec03_block--3 .block_intro h3:after {
  background: #50747D;
}

.section03 .sec03_block.sec03_block--4 .block_intro h3:after {
  background: #908447;
}

.section03 .sec03_block .block_desc_wrap {
  letter-spacing: 0.05em;
}

@media screen and (min-width: 801px) {
  .section03 .sec03_block .block_desc_wrap {
    display: flex;
    margin-top: 110px;
  }
}

@media screen and (max-width: 800px) {
  .section03 .sec03_block .block_desc_wrap {
    margin-top: 56px;
  }
}

@media screen and (min-width: 801px) {
  .section03 .sec03_block .block_desc_wrap .desc_info {
    max-width: 400px;
    width: 47%;
    margin-right: 6%;
  }
}

@media screen and (min-width: 801px) {
  .section03 .sec03_block .block_desc_wrap .desc_info2 {
    max-width: 400px;
    width: 38%;
    margin-right: 6%;
  }
}

.section03 .sec03_block .block_desc_wrap .info_block {
  margin-top: 45px;
}

@media screen and (max-width: 800px) {
  .section03 .sec03_block .block_desc_wrap .info_block {
    margin-top: 32px;
  }
}

.section03 .sec03_block .block_desc_wrap .info_block:first-child {
  margin-top: 0;
}

.section03 .sec03_block .block_desc_wrap .info_block h4 {
  display: inline-block;
  border-radius: 1000px;
  color: #fff;
  font-weight: bold;
  box-sizing: border-box;
  padding: 8px 18px;
}

@media screen and (max-width: 800px) {
  .section03 .sec03_block .block_desc_wrap .info_block h4 {
    padding: 4px 16px;
  }
}

.section03 .sec03_block .block_desc_wrap .info_block dd {
  margin-top: 20px;
}

@media screen and (max-width: 800px) {
  .section03 .sec03_block .block_desc_wrap .info_block dd {
    margin-top: 8px;
  }
}

.section03 .sec03_block .block_desc_wrap .info_block ul li {
  margin-top: 8px;
}

.section03 .sec03_block .block_desc_wrap .info_block ul li:first-child {
  margin-top: 0;
}

.section03 .sec03_block .block_desc_wrap .info_block ul.block_flex {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.section03 .sec03_block .block_desc_wrap .info_block ul.block_flex li {
  width: 42%;
}

@media screen and (max-width: 800px) {
  .section03 .sec03_block .block_desc_wrap .info_block ul.block_flex li {
    width: 46%;
  }
}

.section03 .sec03_block .block_desc_wrap .info_block ul.block_flex li:first-child, .section03 .sec03_block .block_desc_wrap .info_block ul.block_flex li:nth-child(2) {
  margin-top: 0;
}

@media screen and (min-width: 801px) {
  .section03 .sec03_block .block_desc_wrap .desc_content {
    max-width: 400px;
    width: 47%;
  }
}

@media screen and (max-width: 800px) {
  .section03 .sec03_block .block_desc_wrap .desc_content {
    margin-top: 56px;
  }
}

@media screen and (min-width: 801px) {
  .section03 .sec03_block .block_desc_wrap .desc_content.desc_content--500 {
    max-width: 500px;
    width: 54%;
  }
}

.section03 .sec03_block .block_desc_wrap .desc_content.desc_content--500 p.letter {
  letter-spacing: 0em;
}

@media screen and (min-width: 801px) {
  .section03 .sec03_block .block_desc_wrap .desc_content2 {
    max-width: 450px;
    width: 50%;
  }
}

@media screen and (max-width: 800px) {
  .section03 .sec03_block .block_desc_wrap .desc_content2 {
    margin-top: 56px;
  }
}

@media screen and (min-width: 801px) {
  .section03 .sec03_block .block_desc_wrap .desc_content2.desc_content--500 {
    max-width: 500px;
    width: 54%;
  }
}

.section03 .sec03_block.sec03_block--1 .info_block h4 {
  background: #61846C;
}

.section03 .sec03_block.sec03_block--2 .info_block h4 {
  background: #B01949;
}

.section03 .sec03_block.sec03_block--3 .info_block h4 {
  background: #50747D;
}

.section03 .sec03_block.sec03_block--4 .info_block h4 {
  background: #908447;
}

.section03 .sec03_block .desc_content .desc_content_title {
  font-weight: bold;
  letter-spacing: 0.05em;
}

.section03 .sec03_block .desc_content .desc_content_text {
  margin-top: 30px;
  line-height: 1.8em;
}

.section03 .sec03_block .desc_content .desc_text_wrap {
  margin-top: 30px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

@media screen and (max-width: 800px) {
  .section03 .sec03_block .desc_content .desc_text_wrap {
    flex-direction: column;
  }
}

.section03 .sec03_block .desc_content .desc_text_wrap p {
  line-height: 1.8em;
}

@media screen and (min-width: 801px) {
  .section03 .sec03_block .desc_content .desc_text_wrap p {
    max-width: 190px;
    width: 46%;
  }
}

@media screen and (min-width: 801px) {
  .section03 .sec03_block .desc_content .desc_text_wrap .desc_text_wrap_img {
    max-width: 77px;
    width: 12%;
    margin: 0 2% 0 0;
  }
}

@media screen and (max-width: 800px) {
  .section03 .sec03_block .desc_content .desc_text_wrap .desc_text_wrap_img {
    width: 40px;
    margin: 8px auto;
  }
}

.section03 .sec03_block .desc_content .desc_content_img {
  margin-top: 24px;
  width: 100%;
}

.section03 .sec03_block .desc_content .desc_content_img.par80 {
  width: 80%;
}

@media screen and (max-width: 800px) {
  .section03 .sec03_block .desc_content .desc_content_img.par80 {
    width: 100%;
  }
}

@media screen and (min-width: 801px) {
  .section03 .sec03_block .desc_content .desc_content_img.desc_content_img--400 {
    max-width: 400px;
    width: 80%;
  }
}

.section03 .sec03_block .desc_content .desc_content_img figcaption {
  width: 100%;
  margin-top: 18px;
}

@media screen and (min-width: 801px) {
  .section03 .sec03_block .desc_content .desc_content_img figcaption {
    width: 120%;
  }
}

.section03 .sec03_block .desc_content p.f12 {
  margin-top: 24px;
}

@media screen and (max-width: 800px) {
  .section03 .sec03_block .desc_content p.f12 {
    margin-top: 16px;
  }
}

.section03 .sec03_block.sec03_block--1 .desc_content_title {
  color: #61846C;
}

.section03 .sec03_block.sec03_block--2 .desc_content_title {
  color: #B01949;
}

.section03 .sec03_block.sec03_block--3 .desc_content_title {
  color: #50747D;
}

.section03 .sec03_block.sec03_block--4 .desc_content_title {
  color: #908447;
}

.onmouse2 {
  transition: all .4s ease-out;
  display: block;
}

.onmouse2:hover {
  opacity: 0.5;
}

.botan_all:hover > div.nav .botan_onmouse .base {
  opacity: 0;
}

@media screen and (max-width: 800px) {
  .botan_all:hover > div.nav .botan_onmouse .base {
    opacity: 1;
  }
}

.botan_all:hover > div.nav .botan_onmouse .base_on {
  opacity: 1;
}

@media screen and (max-width: 800px) {
  .botan_all:hover > div.nav .botan_onmouse .base_on {
    opacity: 0;
  }
}

.botan_all .botan_onmouse {
  position: relative;
}

.botan_all .botan_onmouse .base {
  position: relative;
  opacity: 1;
  transition: all .4s ease-out;
}

.botan_all .botan_onmouse .base_on {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  opacity: 0;
  transition: all .4s ease-out;
}

.ccon02 {
  transition: all .2s ease-out;
  transform: scale(0);
  transition-delay: 0.0s;
}

.ccon02.active {
  transform: scale(1);
}

.ccon01 {
  transition: all .2s ease-out;
  transform: scale(0);
  transition-delay: 0.2s;
}

.ccon01.active {
  transform: scale(1);
}

.ccon04 {
  transition: all .2s ease-out;
  transform: scale(0);
  transition-delay: 0.4s;
}

.ccon04.active {
  transform: scale(1);
}

.ccon03 {
  transition: all .2s ease-out;
  transform: scale(0);
  transition-delay: 0.6s;
}

.ccon03.active {
  transform: scale(1);
}

.fade_icon02 {
  transition: all .3s ease-out;
  opacity: 0;
  transition-delay: 0.8s;
}

.fade_icon02.active {
  opacity: 1;
}

.fade_icon01 {
  transition: all .3s ease-out;
  opacity: 0;
  transition-delay: 1.1s;
}

.fade_icon01.active {
  opacity: 1;
}

.fade_icon04 {
  transition: all .3s ease-out;
  opacity: 0;
  transition-delay: 1.4s;
}

.fade_icon04.active {
  opacity: 1;
}

.fade_icon03 {
  transition: all .3s ease-out;
  opacity: 0;
  transition-delay: 1.7s;
}

.fade_icon03.active {
  opacity: 1;
}

.lineanime::after {
  width: 0% !important;
  transition: all .6s ease-out;
  transition-delay: 0.6s;
}

.lineanime.active::after {
  width: 100% !important;
}

.fade__side__left {
  transition: all 1s cubic-bezier(0.33, 1, 0.68, 1);
  transform: translate(75px, 0%);
  opacity: 0;
}

.fade__side__left.active {
  transform: translate(0px, 0%);
  opacity: 1;
}

.fade__side__right {
  transition: all 1s cubic-bezier(0.33, 1, 0.68, 1);
  transform: translate(-75px, 0%);
  opacity: 0;
}

.fade__side__right.active {
  transform: translate(0px, 0%);
  opacity: 1;
}

.info_link_icon {
  position: relative;
  display: inline-block;
}

.info_link_icon::after {
  content: "";
  position: absolute;
  top: 50%;
  left: calc(100% + 15px);
  transform: translate(0px, -50%);
  width: 14px;
  height: 14px;
  background-image: url(../images/functionality/yaji_kiji.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.overflow_contena {
  width: 100%;
  overflow: hidden;
}