@charset "UTF-8";
@font-face {
  font-family: "HeiseiKaku-Thin";
  src: url(fonts/HeiseiKakuGoStd-W3.otf) format("otf");
  font-weight: 500;
}
@font-face {
  font-family: "HeiseiKaku-Bold";
  src: url(fonts/HeiseiKakuGoStd-W7.otf) format("otf");
  font-weight: 600;
}
html {
  box-sizing: border-box;
  scroll-behavior: smooth;
  font-family: "Noto Sans JP", sans-serif;
}

* {
  margin: 0;
  padding: 0;
}

*,
*:before,
*:after {
  box-sizing: border-box;
}

input,
textarea,
select,
button {
  outline: none;
}

input {
  line-height: normal;
}

label,
button {
  cursor: pointer;
}

a {
  text-decoration: none;
}

img {
  display: block;
  max-width: 100%;
}

body {
  scroll-behavior: smooth;
  font-family: "Noto Sans JP", sans-serif;
  min-height: 100vh;
}

.wrapper {
  margin: 0 auto;
  position: relative;
}

@media screen and (max-width: 768px) {
  .un-breakline-mb br {
    display: none;
  }
  .breakline-mb br {
    display: block;
  }
  .br-mb {
    display: block;
  }
  .br-dt {
    display: none;
  }
}
.line_title {
  width: 90px;
  height: 5px;
  margin: 20px auto 40px;
  background: #03155c;
}

@media screen and (min-width: 769px) {
  .un-breakline-dt br {
    display: none;
  }
  .breakline-dt br {
    display: block;
  }
  .br-mb {
    display: none;
  }
  .br-dt {
    display: block;
  }
}
.header .header-top {
  position: relative;
}
.header .header-top .header-top_img-dt {
  display: block;
  width: -webkit-fill-available;
}
.header .header-top .header-top_img-mb {
  display: none;
}
.header .header-top .header-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 230px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  font-family: "HeiseiKaku-Thin", sans-serif;
}
.header .header-top .header-content h1,
.header .header-top .header-content h2 {
  color: #fb9e27;
  font-size: 48px;
}
.header .header-top .header-content h2 {
  font-size: 39px;
}
.header .header-top .header-content h2 span {
  color: white;
}
.header .header-img-mb {
  display: block;
  width: -webkit-fill-available;
}
.header .header-button {
  background-color: #f2f2f2;
  height: 275px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.header .header-button .btn_pc {
  cursor: pointer;
}
.header .header-button p {
  margin-top: 20px;
  font-size: 18px;
  font-weight: 500;
}

@media screen and (max-width: 768.01px) {
  .header .header-top {
    position: relative;
  }
  .header .header-top .header-top_img-dt {
    display: none;
  }
  .header .header-top .header-top_img-mb {
    display: block;
    width: 100%;
  }
  .header .header-top .header-content {
    width: 100%;
  }
  .header .header-top .header-content h1,
.header .header-top .header-content h2 {
    color: #fb9e27;
    font-size: 58px;
  }
  .header .header-top .header-content h3 {
    font-size: 33px;
  }
  .header .header-top .header-content h2 {
    font-size: 39px;
  }
  .header .header-top .header-content h2 span {
    color: white;
  }
  .header .header-button {
    display: none;
  }
}
@media screen and (max-width: 415px) {
  .header .header-top .header-content h1,
.header .header-top .header-content h2 {
    color: #fb9e27;
    font-size: 28px;
  }
  .header .header-top .header-content h3 {
    font-size: 23px;
  }
  .header .header-top .header-content h2 {
    font-size: 19px;
  }
  .header .header-top .header-content h2 span {
    color: white;
  }
}
.invest-feature {
  padding-bottom: 100px;
  background: url("images/invest-bg.png") no-repeat 0 0;
  background-size: cover;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.invest-feature .invest-feature_container {
  text-align: center;
}
.invest-feature .invest-feature_container .invest-feature_title {
  font-family: "HeiseiKaku-Bold", sans-serif;
  font-size: 48px;
  color: white;
  margin-top: 90px;
}
.invest-feature .invest-feature_container .line_title {
  width: 90px;
  height: 5px;
  margin: 20px auto 40px;
  background: white;
  color: white;
}
.invest-feature .invest-feature_container .invest-feature_discription {
  font-weight: bold;
  margin-bottom: 60px;
  color: white;
  text-align: center;
  font-size: 24px;
}
.invest-feature .invest-feature_container .invest-feature_boxes {
  display: grid;
  grid-template-columns: 300px 300px 300px;
  justify-content: center;
  -moz-column-gap: 50px;
       column-gap: 50px;
}
.invest-feature .invest-feature_container .invest-feature_boxes .invest-feature_box {
  padding-bottom: 30px;
  position: relative;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: white;
}
.invest-feature .invest-feature_container .invest-feature_boxes .invest-feature_box .invest-feature_box_number {
  position: absolute;
  top: -12%;
}
.invest-feature .invest-feature_container .invest-feature_boxes .invest-feature_box .invest-feature_box_span {
  position: absolute;
  top: -25px;
  color: white;
  font-size: 30px;
}
.invest-feature .invest-feature_container .invest-feature_boxes .invest-feature_box .invest-feature_box_icon {
  margin-top: 25%;
  margin-bottom: 40px;
}
.invest-feature .invest-feature_container .invest-feature_boxes .invest-feature_box p {
  line-height: 2;
  font-weight: 500;
}
.invest-feature .invest-feature_container .invest-feature_boxes .invest-feature_box p .invest-feature_box_description_blue {
  color: #03155c;
}
.invest-feature .invest-feature_container .invest-feature_boxes .invest-feature_box p .invest-feature_box_description_orange {
  color: #fb8624;
}
.invest-feature .invest-feature_container .invest-feature_boxes .invest-feature_box.box2 .invest-feature_box_icon {
  margin-top: 100px;
}
.invest-feature .invest-feature_container .invest-feature_boxes .invest-feature_box.box3 .invest-feature_box_icon {
  margin-top: 110px;
}

@media only screen and (min-width: 800px) and (max-width: 1080px) {
  .invest-feature {
    height: auto;
  }
  .invest-feature .invest-feature_container .invest-feature_title:after {
    margin: 0 42%;
  }
  .invest-feature .invest-feature_container .invest-feature_discription {
    width: 70%;
    margin: 0 auto 15%;
  }
  .invest-feature .invest-feature_container .invest-feature_discription {
    margin-bottom: 20%;
  }
  .invest-feature .invest-feature_container .invest-feature {
    grid-template-columns: 350px 350px;
    row-gap: 150px;
    margin-bottom: 50px;
  }
  .invest-feature .invest-feature_container .invest-feature .invest-feature_box {
    width: auto;
    height: 500px;
  }
  .invest-feature .invest-feature_container .invest-feature .invest-feature_box .invest-feature_box_number {
    position: absolute;
    top: -14%;
  }
  .invest-feature .invest-feature_container .invest-feature .invest-feature_box .invest-feature_box_number img {
    width: 150px;
  }
  .invest-feature .invest-feature_container .invest-feature .invest-feature_box .invest-feature_box_icon {
    margin-top: 30%;
  }
  .invest-feature .invest-feature_container .invest-feature .invest-feature_box .invest-feature_box_icon img {
    width: 150px;
  }
  .invest-feature .invest-feature_container .invest-feature .invest-feature_box p {
    width: 250px;
    font-size: 20px;
  }
  .invest-feature .invest-feature_container .invest-feature_box.box2 .invest-feature_box_icon {
    margin-top: 35% !important;
  }
  .invest-feature .invest-feature_container .invest-feature_box.box3 .invest-feature_box_icon {
    margin-top: 40% !important;
  }
}
@media only screen and (min-width: 769px) and (max-width: 800px) {
  .invest-feature .invest-feature_container .invest-feature_title:after {
    margin: 0 42%;
  }
  .invest-feature .invest-feature_container .invest-feature_discription {
    width: 70%;
    margin: 0 auto 15%;
  }
}
@media only screen and (max-width: 768px) {
  .invest-feature .invest-feature_container .invest-feature_title {
    font-size: 72px;
    margin-left: auto;
    margin-right: auto;
    width: 78%;
  }
  .invest-feature .invest-feature_container .invest-feature_title:after {
    margin: 15px 29%;
    width: 110px;
    border: 3px solid white;
  }
  .invest-feature .invest-feature_container .invest-feature_discription {
    width: 76%;
    margin-left: auto;
    margin-right: auto;
    font-size: 32px;
    margin-bottom: 100px;
  }
  .invest-feature .invest-feature_container .invest-feature_boxes {
    grid-template-columns: 620px;
    row-gap: 120px;
  }
  .invest-feature .invest-feature_container .invest-feature_boxes .invest-feature_box {
    height: 640px;
    margin-bottom: 80px;
  }
  .invest-feature .invest-feature_container .invest-feature_boxes .invest-feature_box .invest-feature_box_number {
    top: -12%;
  }
  .invest-feature .invest-feature_container .invest-feature_boxes .invest-feature_box .invest-feature_box_number img {
    width: 150px;
  }
  .invest-feature .invest-feature_container .invest-feature_boxes .invest-feature_box .invest-feature_box_span {
    font-size: 45px;
    top: -6%;
  }
  .invest-feature .invest-feature_container .invest-feature_boxes .invest-feature_box .invest-feature_box_icon img {
    width: 200px;
  }
  .invest-feature .invest-feature_container .invest-feature_boxes .invest-feature_box p {
    line-height: normal;
    font-size: 40px;
  }
  .invest-feature .invest-feature_container .invest-feature_boxes .invest-feature_box.box2 .invest-feature_box_icon,
.invest-feature .invest-feature_container .invest-feature_boxes .invest-feature_box.box3 .invest-feature_box_icon {
    margin-top: 190px;
    padding-bottom: 20px;
  }
}
@media only screen and (max-width: 415px) {
  .invest-feature {
    padding-bottom: 20px;
  }
  .invest-feature .invest-feature_container {
    width: 95%;
  }
  .invest-feature .invest-feature_container .invest-feature_title {
    font-size: 34px;
    width: 70%;
    margin: 80px auto 25px;
  }
  .invest-feature .invest-feature_container .invest-feature_title:after {
    margin: 20px 24%;
    width: 70px;
  }
  .invest-feature .invest-feature_container .invest-feature_discription {
    font-size: 16px;
    width: 85%;
    margin: 0 auto 90px;
  }
  .invest-feature .invest-feature_container .invest-feature_boxes {
    row-gap: 40px;
    grid-template-columns: repeat(auto-fill, 300px);
  }
  .invest-feature .invest-feature_container .invest-feature_boxes .invest-feature_box {
    height: 340px;
    margin-bottom: 80px;
  }
  .invest-feature .invest-feature_container .invest-feature_boxes .invest-feature_box .invest-feature_box_number {
    top: -15%;
  }
  .invest-feature .invest-feature_container .invest-feature_boxes .invest-feature_box .invest-feature_box_number img {
    width: 110px;
  }
  .invest-feature .invest-feature_container .invest-feature_boxes .invest-feature_box .invest-feature_box_span {
    font-size: 30px;
  }
  .invest-feature .invest-feature_container .invest-feature_boxes .invest-feature_box .invest-feature_box_icon img {
    width: 100%;
  }
  .invest-feature .invest-feature_container .invest-feature_boxes .invest-feature_box p {
    font-size: 16px;
  }
  .invest-feature .invest-feature_container .invest-feature_boxes .invest-feature_box .invest-feature_box:last-child {
    margin-bottom: 60px;
  }
  .invest-feature .invest-feature_container .invest-feature_boxes .invest-feature_box.box2 .invest-feature_box_icon,
.invest-feature .invest-feature_container .invest-feature_boxes .invest-feature_box.box3 .invest-feature_box_icon {
    margin-top: 100px;
  }
}
.mirukoto {
  background: url(../styles/images/mirukoto-bg.png);
  background-size: cover;
  background-repeat: no-repeat;
  height: 556px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.mirukoto .mirukoto-title-mb {
  display: none;
  font-family: "HeiseiKaku-Bold", sans-serif;
  font-size: 72px;
  padding-bottom: 30px;
  color: #03155c;
}
.mirukoto .mirukoto-content {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  padding: 0 95px 90px;
  color: #03155c;
  max-width: 900px;
  height: 430px;
  background-color: #ffffff;
  opacity: 0.85;
}
.mirukoto .mirukoto-content h1 {
  font-family: "HeiseiKaku-Bold", sans-serif;
  font-size: 48px;
  padding-bottom: 30px;
}
.mirukoto .mirukoto-content p {
  font-weight: 300;
  letter-spacing: -2px;
  line-height: 36px;
  font-size: 18px;
}

@media screen and (max-width: 768.01px) {
  .mirukoto {
    background: url(../styles/images/mirukoto-bg-mb.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%;
    height: 940px;
    margin-top: 60px;
    flex-direction: column;
  }
  .mirukoto .mirukoto-title-mb {
    display: block;
  }
  .mirukoto .mirukoto-content {
    display: block;
    margin: 0 40px;
    height: 555px;
    padding: 26px;
  }
  .mirukoto .mirukoto-content .mirukoto-title-dt {
    display: none;
  }
  .mirukoto .mirukoto-content p {
    line-height: 42px;
    font-size: 24px;
  }
}
@media screen and (max-width: 415px) {
  .mirukoto {
    margin-top: -140px;
    background: url(../styles/images/mirukoto-bg-mb.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50%;
    height: 750px;
    flex-direction: column;
  }
  .mirukoto .mirukoto-title-mb {
    padding-bottom: 0;
    display: block;
    font-size: 34px;
  }
  .mirukoto .mirukoto-content {
    display: block;
    margin: 0 20px;
    margin-bottom: 20px;
    margin-top: 35px;
    height: 290px;
    padding: 24px;
  }
  .mirukoto .mirukoto-content .mirukoto-title-dt {
    display: none;
  }
  .mirukoto .mirukoto-content p {
    line-height: 24px;
    font-size: 12px;
    letter-spacing: 0;
  }
}
@media screen and (max-width: 393px) {
  .mirukoto {
    margin-top: -160px;
  }
  .mirukoto .mirukoto-title-mb {
    margin-top: 30px;
  }
  .mirukoto .mirukoto-content {
    height: 290px;
    padding: 15px;
    margin-top: 30px;
  }
}
.invest-tokubetsu {
  padding-bottom: 50px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: #f4f4f4;
}
.invest-tokubetsu .invest-tokubetsu_title {
  font-family: "HeiseiKaku-Bold", sans-serif;
  font-size: 48px;
  color: #03155c;
  margin-top: 90px;
}
.invest-tokubetsu .invest-tokubetsu_list {
  width: 900px;
  display: flex;
  justify-content: space-between;
}
.invest-tokubetsu .invest-tokubetsu_list .invest-tokubetsu_list_box {
  width: 425px;
  display: flex;
  flex-direction: column;
  margin-bottom: 40px;
}
.invest-tokubetsu .invest-tokubetsu_list .invest-tokubetsu_list_box .invest-tokubetsu_list_box_image {
  display: flex;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: auto;
}
.invest-tokubetsu .invest-tokubetsu_list .invest-tokubetsu_list_box .invest-tokubetsu_list_box_information {
  display: flex;
  flex-direction: column;
}
.invest-tokubetsu .invest-tokubetsu_list .invest-tokubetsu_list_box .invest-tokubetsu_list_box_information button {
  font-family: "HeiseiKaku-Bold", sans-serif;
  font-weight: 600;
  font-size: 18px;
  background-color: #fb8624;
  color: white;
  width: 160px;
  border-radius: 4px;
  padding: 10px 0;
  margin: 24px 0;
  border-width: 0;
}
.invest-tokubetsu .invest-tokubetsu_list .invest-tokubetsu_list_box .invest-tokubetsu_list_box_information .invest-tokubetsu_list_box-information_title {
  font-weight: 600;
  font-size: 24px;
}

@media only screen and (max-width: 768px) {
  .invest-tokubetsu .invest-tokubetsu_title {
    font-size: 72px;
  }
  .invest-tokubetsu .invest-tokubetsu_title::after {
    margin: 15px 20%;
  }
  .invest-tokubetsu .invest-tokubetsu_list {
    width: 81%;
    display: flex;
    flex-direction: column;
  }
  .invest-tokubetsu .invest-tokubetsu_list .invest-tokubetsu_list_box {
    width: 100%;
    flex-direction: column;
    margin-top: 50px;
  }
  .invest-tokubetsu .invest-tokubetsu_list .invest-tokubetsu_list_box .invest-tokubetsu_list_box_image {
    justify-content: center;
  }
  .invest-tokubetsu .invest-tokubetsu_list .invest-tokubetsu_list_box .invest-tokubetsu_list_box_image img {
    width: 622px;
  }
  .invest-tokubetsu .invest-tokubetsu_list .invest-tokubetsu_list_box .invest-tokubetsu_list_box_information {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding-left: 0;
  }
  .invest-tokubetsu .invest-tokubetsu_list .invest-tokubetsu_list_box .invest-tokubetsu_list_box_information button {
    width: 310px;
    margin-top: 30px;
    font-size: 36px;
  }
  .invest-tokubetsu .invest-tokubetsu_list .invest-tokubetsu_list_box .invest-tokubetsu_list_box_information .invest-tokubetsu_list_box-information_title {
    font-size: 44px;
  }
}
@media only screen and (max-width: 415px) {
  .invest-tokubetsu {
    margin-top: -130px;
  }
  .invest-tokubetsu .invest-tokubetsu_title {
    font-size: 40px;
  }
  .invest-tokubetsu .invest-tokubetsu_list .invest-tokubetsu_list_box {
    margin-top: 20px;
  }
  .invest-tokubetsu .invest-tokubetsu_list .invest-tokubetsu_list_box .invest-tokubetsu_list_box_information {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding-left: 0;
  }
  .invest-tokubetsu .invest-tokubetsu_list .invest-tokubetsu_list_box .invest-tokubetsu_list_box_information button {
    width: 160px;
    margin-top: 30px;
    font-size: 18px;
  }
  .invest-tokubetsu .invest-tokubetsu_list .invest-tokubetsu_list_box .invest-tokubetsu_list_box_information .invest-tokubetsu_list_box-information_title {
    font-size: 18px;
  }
}
@media only screen and (max-width: 393px) {
  .invest-tokubetsu {
    margin-top: -155px;
  }
}
.interview {
  margin: 0 auto;
  position: relative;
}
.interview .interview-bg-dt {
  display: block;
  width: 100%;
}
.interview .interview-bg-mb {
  display: none;
}
.interview .interview-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: absolute;
  top: 43%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.interview .interview-content .interview_title {
  font-family: "HeiseiKaku-Bold", sans-serif;
  font-size: 48px;
  color: #03155c;
  margin-top: 90px;
}
.interview .interview-content .interview-boxes {
  display: flex;
  justify-content: space-between;
  width: 900px;
}
.interview .interview-content .interview-boxes .interview-box {
  width: 280px;
}
.interview .interview-content .interview-boxes .interview-box .interview-box-user_detail {
  margin-left: 25px;
  color: #03155c;
}
.interview .interview-content .interview-boxes .interview-box .interview-box-user_detail button {
  font-family: "HeiseiKaku-Bold", sans-serif;
  font-weight: 600;
  font-size: 18px;
  background-color: #fb8624;
  color: white;
  width: 160px;
  border-radius: 4px;
  padding: 10px 0;
  margin: 30px 0 24px;
  border-width: 0;
}
.interview .interview-content .interview-boxes .interview-box .interview-box-user_detail .user_detail h1 {
  font-size: 24px;
  font-weight: bold;
}
.interview .interview-content .interview-boxes .interview-box .interview-box-user_detail .user_detail-company {
  padding-bottom: 15px;
  font-weight: bold;
}
.interview .interview-content .interview-boxes .interview-box .interview-box-user_detail .user_detail-office {
  font-size: 20px;
}

.header-button {
  background-color: #f2f2f2;
  height: 275px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.header-button .btn_pc {
  cursor: pointer;
}
.header-button p {
  margin-top: 20px;
  font-size: 18px;
  font-weight: 500;
}

@media screen and (max-width: 769px) {
  .interview .interview-bg-dt {
    display: none;
  }
  .interview .interview-bg-mb {
    display: block;
    width: 100%;
  }
  .interview .interview-content {
    top: 48%;
  }
  .interview .interview-content .interview_title {
    text-align: center;
    font-size: 72px;
    margin-top: 0;
  }
  .interview .interview-content .interview-boxes {
    flex-direction: column;
    width: 500px;
  }
  .interview .interview-content .interview-boxes .interview-box {
    max-width: 620px;
    margin-bottom: 47px;
  }
  .interview .interview-content .interview-boxes .interview-box .interview-box-user img {
    width: 180%;
    max-width: unset;
  }
  .interview .interview-content .interview-boxes .interview-box .interview-box-user_detail {
    margin-left: -50px;
  }
  .interview .interview-content .interview-boxes .interview-box .interview-box-user_detail button {
    font-size: 36px;
    width: 310px;
    margin-top: 40px;
  }
  .interview .interview-content .interview-boxes .interview-box .interview-box-user_detail .user_detail-office {
    font-size: 38px;
  }
  .header-button {
    display: none !important;
  }
}
@media only screen and (max-width: 415px) {
  .interview .interview-bg-mb {
    height: 2000px;
  }
  .interview .interview-content {
    top: 48%;
  }
  .interview .interview-content .interview_title {
    text-align: center;
    font-size: 40px;
    margin-top: 80px;
  }
  .interview .interview-content .interview-boxes {
    flex-direction: column;
    width: 95%;
  }
  .interview .interview-content .interview-boxes .interview-box {
    max-width: 620px;
    margin-bottom: 47px;
  }
  .interview .interview-content .interview-boxes .interview-box .interview-box-user img {
    width: 100%;
    max-width: unset;
  }
  .interview .interview-content .interview-boxes .interview-box .interview-box-user_detail {
    margin-left: -50px;
  }
  .interview .interview-content .interview-boxes .interview-box .interview-box-user_detail button {
    width: 160px;
    margin: 30px 0 24px;
    font-size: 18px;
  }
  .interview .interview-content .interview-boxes .interview-box .interview-box-user_detail .user_detail-office {
    font-size: 18px;
  }
}
@media only screen and (max-width: 391px) {
  .interview .interview-content {
    top: 48%;
  }
  .interview .interview-content .interview-boxes .interview-box .interview-box-user_detail {
    margin-left: -20px;
  }
  .interview .interview-content .interview-boxes .interview-box .interview-box-user_detail .user_detail .user_detail-company {
    font-size: 23px;
  }
}
.how-to-use {
  display: flex;
  flex-direction: column;
  align-items: center;
  background: linear-gradient(to bottom, #99bde8, #dae8f9);
}
.how-to-use .how-to-use_title {
  font-family: "HeiseiKaku-Bold", sans-serif;
  font-size: 48px;
  color: white;
  margin-top: 70px;
}
.how-to-use .line_title {
  width: 90px;
  height: 5px;
  margin: 20px auto 40px;
  background: white;
}
.how-to-use .how-to-use_discription {
  font-weight: bold;
  margin-bottom: 60px;
  color: white;
  text-align: center;
  font-size: 20px;
}
.how-to-use .how-to-use_images {
  width: 100%;
}
.how-to-use .how-to-use_images .how-to-use_images_box {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 40px;
}
.how-to-use .how-to-use_images .how-to-use_images_box .how-to-use_images_box_description {
  opacity: 0.9;
  width: 505px;
  background-color: white;
  height: 200px;
  padding: 30px 10px 30px 30px;
  z-index: 10;
}
.how-to-use .how-to-use_images .how-to-use_images_box .how-to-use_images_box_description h4,
.how-to-use .how-to-use_images .how-to-use_images_box .how-to-use_images_box_description h1 {
  color: #03155c;
}
.how-to-use .how-to-use_images .how-to-use_images_box .how-to-use_images_box_description h4 {
  font-size: 18px;
  margin-bottom: 15px;
}
.how-to-use .how-to-use_images .how-to-use_images_box .how-to-use_images_box_description h1 {
  font-size: 28px;
  margin-bottom: 22px;
}
.how-to-use .how-to-use_images .how-to-use_images_box .how-to-use_images_box_description p {
  font-size: 16px;
  font-weight: 300;
}
.how-to-use .how-to-use_images .how-to-use_images_box .how-to-use_images_box_image {
  background-color: white;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}
.how-to-use .how-to-use_images .how-to-use_images_box .how-to-use_images_box_image img {
  max-width: 100%;
  height: auto;
}
.how-to-use .how-to-use_images .how-to-use_images_box.box4 .how-to-use_images_box_description {
  height: 239px;
}
.how-to-use .how-to-use_images .how-to-use_images_box.box1 .how-to-use_images_box_description,
.how-to-use .how-to-use_images .how-to-use_images_box.box3 .how-to-use_images_box_description,
.how-to-use .how-to-use_images .how-to-use_images_box.box5 .how-to-use_images_box_description {
  margin-top: 20%;
  margin-right: -13%;
}
.how-to-use .how-to-use_images .how-to-use_images_box.box1 .how-to-use_images_box_image,
.how-to-use .how-to-use_images .how-to-use_images_box.box3 .how-to-use_images_box_image,
.how-to-use .how-to-use_images .how-to-use_images_box.box5 .how-to-use_images_box_image {
  margin-bottom: 80px;
}
.how-to-use .how-to-use_images .how-to-use_images_box.box2,
.how-to-use .how-to-use_images .how-to-use_images_box.box4,
.how-to-use .how-to-use_images .how-to-use_images_box.box6 {
  justify-content: flex-start;
}
.how-to-use .how-to-use_images .how-to-use_images_box.box2 .how-to-use_images_box_description,
.how-to-use .how-to-use_images .how-to-use_images_box.box4 .how-to-use_images_box_description,
.how-to-use .how-to-use_images .how-to-use_images_box.box6 .how-to-use_images_box_description {
  margin-top: 19%;
  margin-left: -14%;
}
.how-to-use .how-to-use_images .how-to-use_images_box.box2 .how-to-use_images_box_image,
.how-to-use .how-to-use_images .how-to-use_images_box.box4 .how-to-use_images_box_image,
.how-to-use .how-to-use_images .how-to-use_images_box.box6 .how-to-use_images_box_image {
  margin-bottom: 80px;
}

@media only screen and (min-width: 800px) and (max-width: 1080px) {
  .how-to-use .how-to-use_images .how-to-use_images_box .how-to-use_images_box_description {
    width: auto;
  }
  .how-to-use .how-to-use_images .how-to-use_images_box.box1 .how-to-use_images_box_description,
.how-to-use .how-to-use_images .how-to-use_images_box.box3 .how-to-use_images_box_description,
.how-to-use .how-to-use_images .how-to-use_images_box.box5 .how-to-use_images_box_description {
    margin-top: 35%;
    margin-right: -15%;
  }
  .how-to-use .how-to-use_images .how-to-use_images_box.box1 .how-to-use_images_box_image,
.how-to-use .how-to-use_images .how-to-use_images_box.box3 .how-to-use_images_box_image,
.how-to-use .how-to-use_images .how-to-use_images_box.box5 .how-to-use_images_box_image {
    background-color: white;
    margin-bottom: 20px;
  }
  .how-to-use .how-to-use_images .how-to-use_images_box.box2,
.how-to-use .how-to-use_images .how-to-use_images_box.box4,
.how-to-use .how-to-use_images .how-to-use_images_box.box6 {
    justify-content: flex-start;
  }
  .how-to-use .how-to-use_images .how-to-use_images_box.box2 .how-to-use_images_box_description,
.how-to-use .how-to-use_images .how-to-use_images_box.box4 .how-to-use_images_box_description,
.how-to-use .how-to-use_images .how-to-use_images_box.box6 .how-to-use_images_box_description {
    margin-top: 35%;
    margin-left: -15%;
  }
  .how-to-use .how-to-use_images .how-to-use_images_box.box2 .how-to-use_images_box_image,
.how-to-use .how-to-use_images .how-to-use_images_box.box4 .how-to-use_images_box_image,
.how-to-use .how-to-use_images .how-to-use_images_box.box6 .how-to-use_images_box_image {
    background-color: white;
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 768px) {
  .how-to-use {
    padding-bottom: 40px;
  }
  .how-to-use .how-to-use_title {
    font-size: 72px;
  }
  .how-to-use .how-to-use_title:after {
    margin: 12px 7%;
  }
  .how-to-use .how-to-use_discription {
    font-size: 32px;
  }
  .how-to-use .how-to-use_images .how-to-use_images_box .how-to-use_images_box_description {
    width: 85%;
  }
  .how-to-use .how-to-use_images .how-to-use_images_box.box1 .how-to-use_images_box_description,
.how-to-use .how-to-use_images .how-to-use_images_box.box3 .how-to-use_images_box_description,
.how-to-use .how-to-use_images .how-to-use_images_box.box5 .how-to-use_images_box_description {
    margin-top: 35%;
    margin-right: -70%;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
  }
  .how-to-use .how-to-use_images .how-to-use_images_box.box1 .how-to-use_images_box_description h4,
.how-to-use .how-to-use_images .how-to-use_images_box.box3 .how-to-use_images_box_description h4,
.how-to-use .how-to-use_images .how-to-use_images_box.box5 .how-to-use_images_box_description h4 {
    font-size: 22px;
    margin-bottom: 0;
  }
  .how-to-use .how-to-use_images .how-to-use_images_box.box1 .how-to-use_images_box_description h1,
.how-to-use .how-to-use_images .how-to-use_images_box.box3 .how-to-use_images_box_description h1,
.how-to-use .how-to-use_images .how-to-use_images_box.box5 .how-to-use_images_box_description h1 {
    font-size: 30px;
    margin-bottom: 0;
  }
  .how-to-use .how-to-use_images .how-to-use_images_box.box1 .how-to-use_images_box_description p,
.how-to-use .how-to-use_images .how-to-use_images_box.box3 .how-to-use_images_box_description p,
.how-to-use .how-to-use_images .how-to-use_images_box.box5 .how-to-use_images_box_description p {
    font-size: 20px;
  }
  .how-to-use .how-to-use_images .how-to-use_images_box.box1 .how-to-use_images_box_image,
.how-to-use .how-to-use_images .how-to-use_images_box.box3 .how-to-use_images_box_image,
.how-to-use .how-to-use_images .how-to-use_images_box.box5 .how-to-use_images_box_image {
    width: 80%;
    background-color: white;
    margin-bottom: 20px;
  }
  .how-to-use .how-to-use_images .how-to-use_images_box.box2,
.how-to-use .how-to-use_images .how-to-use_images_box.box4,
.how-to-use .how-to-use_images .how-to-use_images_box.box6 {
    justify-content: flex-start;
  }
  .how-to-use .how-to-use_images .how-to-use_images_box.box2 .how-to-use_images_box_description,
.how-to-use .how-to-use_images .how-to-use_images_box.box4 .how-to-use_images_box_description,
.how-to-use .how-to-use_images .how-to-use_images_box.box6 .how-to-use_images_box_description {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    margin-top: 35%;
    margin-left: -70%;
  }
  .how-to-use .how-to-use_images .how-to-use_images_box.box2 .how-to-use_images_box_description h4,
.how-to-use .how-to-use_images .how-to-use_images_box.box4 .how-to-use_images_box_description h4,
.how-to-use .how-to-use_images .how-to-use_images_box.box6 .how-to-use_images_box_description h4 {
    font-size: 22px;
    margin-bottom: 0;
  }
  .how-to-use .how-to-use_images .how-to-use_images_box.box2 .how-to-use_images_box_description h1,
.how-to-use .how-to-use_images .how-to-use_images_box.box4 .how-to-use_images_box_description h1,
.how-to-use .how-to-use_images .how-to-use_images_box.box6 .how-to-use_images_box_description h1 {
    font-size: 30px;
    margin-bottom: 0;
  }
  .how-to-use .how-to-use_images .how-to-use_images_box.box2 .how-to-use_images_box_description p,
.how-to-use .how-to-use_images .how-to-use_images_box.box4 .how-to-use_images_box_description p,
.how-to-use .how-to-use_images .how-to-use_images_box.box6 .how-to-use_images_box_description p {
    font-size: 20px;
  }
  .how-to-use .how-to-use_images .how-to-use_images_box.box2 .how-to-use_images_box_image,
.how-to-use .how-to-use_images .how-to-use_images_box.box4 .how-to-use_images_box_image,
.how-to-use .how-to-use_images .how-to-use_images_box.box6 .how-to-use_images_box_image {
    width: 80%;
    background-color: white;
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 414px) {
  .how-to-use {
    padding-bottom: 40px;
  }
  .how-to-use .how-to-use_discription {
    width: 85%;
    margin: 0 auto 40px;
    font-size: 16px;
  }
  .how-to-use .how-to-use_title {
    font-size: 35px;
  }
  .how-to-use .how-to-use_title:after {
    margin: 10px 1%;
  }
  .how-to-use .how-to-use_images .how-to-use_images_box .how-to-use_images_box_description {
    padding: 15px 20px;
  }
  .how-to-use .how-to-use_images .how-to-use_images_box .how-to-use_images_box_description h4 {
    font-size: 14px !important;
  }
  .how-to-use .how-to-use_images .how-to-use_images_box .how-to-use_images_box_description h1 {
    font-size: 24px !important;
  }
  .how-to-use .how-to-use_images .how-to-use_images_box .how-to-use_images_box_description p {
    font-size: 12px !important;
  }
}
.annai {
  margin: 0 auto;
  background-color: #f2f2f2;
}
.annai .annai-content {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.annai .annai-content .annai_title {
  font-family: "HeiseiKaku-Bold", sans-serif;
  font-size: 48px;
  color: #03155c;
  margin-top: 90px;
}
.annai .annai-content .annai_title-sub {
  color: #03155c;
  letter-spacing: -2px;
  font-size: 24px;
  text-align: center;
}
.annai .annai-content .annai-boxes {
  margin-top: 60px;
  display: flex;
  justify-content: space-between;
  width: 1000px;
  height: 700px;
}
.annai .annai-content .annai-boxes .annai-box {
  position: relative;
  width: 310px;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  align-items: center;
}
.annai .annai-content .annai-boxes .annai-box .annai-box-user {
  position: absolute;
  top: 0;
  z-index: 10;
}
.annai .annai-content .annai-boxes .annai-box .annai-box-user_detail {
  position: absolute;
  z-index: 1;
  top: 275px;
  height: 425px;
  width: 310px;
  background: #ffffff;
  color: #03155c;
  padding: 100px 20px 0;
}
.annai .annai-content .annai-boxes .annai-box .annai-box-user_detail .user_detail-title {
  font-size: 17px;
  margin-top: 20px;
  height: 40px;
  border-bottom: 1px solid #03155c;
}
.annai .annai-content .annai-boxes .annai-box .annai-box-user_detail .user_detail-title.box3::after {
  content: "僅少";
  color: white;
  display: inline-block;
  position: absolute;
  top: 120px;
  right: 62px;
  padding: 0 3px;
  width: 40px;
  height: 27px;
  background-color: #60060f;
}
.annai .annai-content .annai-boxes .annai-box .annai-box-user_detail .user_detail {
  margin-top: 15px;
}
.annai .annai-content .annai-boxes .annai-box .annai-box-user_detail .user_detail .user_detail-up .user_detail-name {
  font-size: 18px;
  font-weight: bold;
}
.annai .annai-content .annai-boxes .annai-box .annai-box-user_detail .user_detail .user_detail-down {
  margin-top: 20px;
}
.annai .annai-content .annai-boxes .annai-box .annai-box-user_detail .user_detail .user_detail-down .user_detail-position {
  font-size: 18px;
  font-weight: 400;
}
.annai .annai-content .annai-button {
  height: 255px;
  display: flex;
  align-items: center;
}
.annai .annai-content .annai-button .annai-button_content {
  margin-bottom: 20px;
}
.annai .annai-content .annai-button .annai-button_content button {
  width: 400px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px 0 20px 20px;
  border: 2px solid #03155c;
}
.annai .annai-content .annai-button .annai-button_content button p {
  color: #03155c;
  font-size: 20px;
  font-weight: bold;
}
.annai .annai-content .annai-button .annai-button_content button img {
  margin-left: 40px;
}

.header-button {
  background-color: #f2f2f2;
  height: 275px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.header-button .btn_pc {
  cursor: pointer;
}
.header-button p {
  margin-top: 20px;
  font-size: 18px;
  font-weight: 500;
}

@media screen and (max-width: 769px) {
  .annai .annai-content .annai_title {
    text-align: center;
  }
  .annai .annai-content .annai-boxes {
    margin-top: -40px;
    flex-direction: column;
    width: 90%;
  }
  .annai .annai-content .annai-boxes .annai-box {
    margin-bottom: 192%;
    position: relative;
    width: 100%;
    display: flex;
  }
  .annai .annai-content .annai-boxes .annai-box .annai-box-user {
    width: 75%;
    top: 100px;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .annai .annai-content .annai-boxes .annai-box .annai-box-user img {
    width: 100%;
  }
  .annai .annai-content .annai-boxes .annai-box .annai-box-user_detail {
    top: 625px;
    height: 700px;
    width: 90%;
    padding: 100px 50px 0;
  }
  .annai .annai-content .annai-boxes .annai-box .annai-box-user_detail .user_detail-title {
    font-size: 35px;
    margin-top: 140px;
    height: 70px;
  }
  .annai .annai-content .annai-boxes .annai-box .annai-box-user_detail .user_detail-title.box3::after {
    top: 240px;
    right: 80px;
    width: 78px;
    height: 50px;
  }
  .annai .annai-content .annai-boxes .annai-box .annai-box-user_detail .user_detail {
    margin-top: 25px;
  }
  .annai .annai-content .annai-boxes .annai-box .annai-box-user_detail .user_detail .user_detail-up .user_detail-name {
    font-size: 35px;
  }
  .annai .annai-content .annai-boxes .annai-box .annai-box-user_detail .user_detail .user_detail-down {
    margin-top: 40px;
  }
  .annai .annai-content .annai-boxes .annai-box .annai-box-user_detail .user_detail .user_detail-down .user_detail-position {
    line-height: 53px;
    font-size: 34px;
  }
  .annai .annai-content .annai-boxes .annai-box.box3 .annai-box-user_detail {
    height: 800px;
  }
  .annai .annai-content .annai-button {
    width: 100%;
    margin-top: 436%;
  }
  .annai .annai-content .annai-button .annai-button_content {
    display: flex;
    justify-content: center;
    width: 100%;
  }
  .annai .annai-content .annai-button .annai-button_content button {
    width: 81%;
    padding: 20px 0 20px 20px;
    border: 2px solid #03155c;
  }
}
@media screen and (max-width: 415px) {
  .annai .annai-content .annai_title {
    text-align: center;
    font-size: 34px;
  }
  .annai .annai-content .annai_title-sub {
    font-size: 16px;
    font-weight: bold;
  }
  .annai .annai-content .annai-boxes {
    margin-top: -40px;
    flex-direction: column;
    width: 90%;
  }
  .annai .annai-content .annai-boxes .annai-box {
    margin-bottom: 200%;
    position: relative;
    width: 100%;
    display: flex;
  }
  .annai .annai-content .annai-boxes .annai-box .annai-box-user {
    width: 75%;
    top: 100px;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .annai .annai-content .annai-boxes .annai-box .annai-box-user img {
    width: 100%;
  }
  .annai .annai-content .annai-boxes .annai-box .annai-box-user_detail {
    top: 370px;
    height: 440px;
    width: 90%;
    padding: 100px 40px 0;
  }
  .annai .annai-content .annai-boxes .annai-box .annai-box-user_detail .user_detail-title {
    font-size: 24px;
    margin-top: 45px;
    height: 50px;
  }
  .annai .annai-content .annai-boxes .annai-box .annai-box-user_detail .user_detail-title.box3::after {
    top: 240px;
    right: 80px;
    width: 75px;
    height: 50px;
  }
  .annai .annai-content .annai-boxes .annai-box .annai-box-user_detail .user_detail {
    margin-top: 25px;
  }
  .annai .annai-content .annai-boxes .annai-box .annai-box-user_detail .user_detail .user_detail-up .user_detail-name {
    font-size: 20px;
  }
  .annai .annai-content .annai-boxes .annai-box .annai-box-user_detail .user_detail .user_detail-down {
    margin-top: 30px;
  }
  .annai .annai-content .annai-boxes .annai-box .annai-box-user_detail .user_detail .user_detail-down .user_detail-position {
    line-height: 29px;
    font-size: 17px;
  }
  .annai .annai-content .annai-boxes .annai-box.box3 .annai-box-user_detail {
    height: 500px;
  }
  .annai .annai-content .annai-boxes .annai-box.box3 .annai-box-user_detail .user_detail-title.box3 {
    font-size: 20px;
  }
  .annai .annai-content .annai-boxes .annai-box.box3 .annai-box-user_detail .user_detail-title.box3::after {
    top: 146px;
    right: 35px;
    width: 47px;
    height: 30px;
  }
  .annai .annai-content .annai-button {
    width: 100%;
    height: 200px;
    margin-top: 400%;
  }
  .annai .annai-content .annai-button .annai-button_content {
    display: flex;
    justify-content: center;
    width: 100%;
  }
  .annai .annai-content .annai-button .annai-button_content button {
    width: 81%;
    padding: 20px 0 20px 20px;
    border: 2px solid #03155c;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .annai .annai-content .annai-button .annai-button_content button p {
    color: #03155c;
    font-size: 16px;
  }
}
@media screen and (max-width: 391px) {
  .annai .annai-content .annai_title {
    text-align: center;
  }
  .annai .annai-content .annai-boxes {
    margin-top: -85px;
    flex-direction: column;
    width: 90%;
  }
  .annai .annai-content .annai-boxes .annai-box {
    margin-bottom: 205%;
    position: relative;
    width: 100%;
    display: flex;
  }
  .annai .annai-content .annai-boxes .annai-box .annai-box-user {
    width: 75%;
    top: 145px;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .annai .annai-content .annai-boxes .annai-box .annai-box-user img {
    width: 100%;
  }
  .annai .annai-content .annai-boxes .annai-box .annai-box-user_detail {
    top: 370px;
    width: 90%;
    padding: 100px 40px 0;
  }
  .annai .annai-content .annai-boxes .annai-box .annai-box-user_detail .user_detail-title {
    font-size: 20px;
    margin-top: 55px;
    height: 50px;
  }
  .annai .annai-content .annai-boxes .annai-box .annai-box-user_detail .user_detail-title.box3::after {
    top: 240px;
    right: 80px;
    width: 75px;
    height: 50px;
  }
  .annai .annai-content .annai-boxes .annai-box .annai-box-user_detail .user_detail {
    margin-top: 25px;
  }
  .annai .annai-content .annai-boxes .annai-box .annai-box-user_detail .user_detail .user_detail-up .user_detail-name {
    font-size: 18px;
  }
  .annai .annai-content .annai-boxes .annai-box .annai-box-user_detail .user_detail .user_detail-down .user_detail-position {
    font-size: 14px;
  }
  .annai .annai-content .annai-boxes .annai-box.box3 .annai-box-user_detail .user_detail-title.box3 {
    font-size: 18px;
  }
  .annai .annai-content .annai-boxes .annai-box.box3 .annai-box-user_detail .user_detail-title.box3::after {
    top: 155px;
    right: 35px;
    width: 42px;
    height: 30px;
  }
  .annai .annai-content .annai-button {
    margin-top: 415%;
    height: 150px;
  }
  .annai .annai-content .annai-button .annai-button_content button {
    padding: 10px;
  }
  .annai .annai-content .annai-button .annai-button_content button p {
    margin-right: -20px;
  }
}
.past {
  background: url("images/past.png") no-repeat;
  background-position: 80%;
  background-size: cover;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 100px;
}
.past .past_title {
  text-align: center;
  font-family: "HeiseiKaku-Bold", sans-serif;
  font-size: 52px;
  color: #03155c;
  margin-top: 90px;
}
.past .past_discription {
  font-weight: bold;
  margin-bottom: 60px;
  color: #03155c;
  text-align: center;
  font-size: 20px;
}
.past .past_table_header {
  grid-area: header;
}
.past .past_table_content_left {
  grid-area: left;
}
.past .past_table_content_right {
  grid-area: right;
}
.past .past_table_footer {
  grid-area: footer;
}
.past .past_table {
  width: 990px;
  display: grid;
  border: 1px solid #76b7cc;
  grid-template-areas: "header header header header" "left left right right" "footer footer footer footer";
  background-color: white;
  gap: 10px;
  margin-bottom: 30px;
}
.past .past_table .past_table_header {
  color: white;
  font-size: 24px;
  background-color: #76b7cc;
  padding: 20px 0;
  margin-bottom: 10px;
}
.past .past_table .past_table_content_left {
  margin-left: 15%;
}
.past .past_table .past_table_content_right,
.past .past_table .past_table_content_left {
  text-align: left;
  font-weight: 500;
}
.past .past_table .past_table_footer {
  font-weight: 500;
  margin-bottom: 30px;
}
.past .past_table > div {
  text-align: center;
}
.past .past_table_member {
  width: 990px;
  display: grid;
  grid-template-columns: 1fr;
  margin-bottom: 40px;
}
.past .past_table_member .past_table_member_header {
  text-align: center;
  background-color: #fb8624;
  color: white;
  font-weight: 500;
  padding: 15px 0;
  font-size: 24px;
}
.past .past_table_member .past_table_member_content img {
  width: 100%;
  height: auto;
}
.past .past_table_member .past_table_member_content .past_table_member_content_small {
  display: none;
}

@media only screen and (min-width: 800px) and (max-width: 1080px) {
  .past .past_title {
    width: 80%;
  }
  .past .past_title:after {
    margin: 0 36%;
  }
  .past .past_table_member {
    margin-bottom: 40px;
  }
}
@media only screen and (max-width: 768px) {
  .past .past_title {
    width: 76%;
    font-size: 72px;
    text-align: center;
  }
  .past .past_title:after {
    margin: 15px 30%;
    border: 3px solid #03155c;
    width: 110px;
  }
  .past .past_discription {
    font-size: 32px;
  }
  .past .past_table {
    width: 85%;
    gap: 0;
    grid-template-areas: "header header" "left left" " right right" "footer footer";
  }
  .past .past_table .past_table_header {
    font-size: 40px;
  }
  .past .past_table .past_table_content_left {
    margin-top: 30px;
  }
  .past .past_table .past_table_content_right,
.past .past_table .past_table_content_left,
.past .past_table .past_table_footer {
    text-align: left;
    padding: 0;
    margin-left: 20px;
    font-size: 26px;
  }
  .past .past_table .past_table_footer {
    margin-left: 25px;
  }
  .past .past_table_member {
    width: 85%;
  }
  .past .past_table_member .past_table_member_header {
    font-size: 40px;
  }
  .past .past_table_member .past_table_member_content .past_table_member_content_small {
    display: block;
  }
  .past .past_table_member .past_table_member_content .past_table_member_content_large {
    display: none;
  }
}
@media only screen and (max-width: 415px) {
  .past .past_title {
    width: 76%;
    font-size: 35px;
  }
  .past .past_title:after {
    margin: 15px 29%;
    width: 75px;
  }
  .past .past_discription {
    width: 82%;
    font-size: 16px;
  }
  .past .past_table .past_table_header {
    font-size: 24px;
  }
  .past .past_table .past_table_content_left,
.past .past_table .past_table_content_right,
.past .past_table .past_table_footer {
    font-size: 16px;
  }
  .past .past_table_member {
    margin-bottom: 60px;
  }
  .past .past_table_member .past_table_member_header {
    font-size: 24px;
  }
}
.content {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.content .content_title {
  font-family: "HeiseiKaku-Bold", sans-serif;
  font-size: 52px;
  color: #03155c;
  margin-top: 45px;
  margin-bottom: 50px;
}
.content .content_list {
  display: grid;
  grid-template-columns: repeat(5, 190px);
  justify-content: center;
  -moz-column-gap: 10px;
       column-gap: 10px;
}
.content .content_list .content_list_box_mb {
  display: none;
}
.content .content_list .content_list_box {
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: #d0dddc;
  position: relative;
  height: 384px;
}
.content .content_list .content_list_box .content_list_box_image .content_list_box_image_arrow-right {
  display: none;
}
.content .content_list .content_list_box p {
  font-weight: 400;
  margin-top: 25px;
  font-size: 16px;
  margin-bottom: 35px;
  color: #03155c;
}
.content .content_list .content_list_box .content_listBox_box_number {
  position: absolute;
  color: white;
  top: 20px;
  font-size: 40px;
}
.content .content_list .content_list_box .content_listBox_box_icon {
  width: 115px;
  background-color: white;
  height: 115px;
  border-radius: 50%;
  padding: 10px;
}
.content .content_list .content_list_box .content_listBox_box_icon img {
  width: 100%;
  height: auto;
}
.content .content_list .content_list_box.box2 p,
.content .content_list .content_list_box.box3 p {
  margin-top: 40px;
  margin-bottom: 45px;
}

@media only screen and (min-width: 800px) and (max-width: 1080px) {
  .content .content_list {
    grid-template-columns: 1fr 1fr 1fr;
    -moz-column-gap: 30px;
         column-gap: 30px;
    row-gap: 30px;
  }
}
@media only screen and (max-width: 768px) {
  .content {
    margin: 0 auto;
    width: 95%;
    padding-bottom: 50px;
  }
  .content .content_list {
    grid-template-columns: 1fr;
    row-gap: 20px;
    width: 90%;
  }
  .content .content_list .content_list_box {
    height: 220px;
    width: 100%;
    justify-content: space-between;
    flex-direction: unset;
  }
  .content .content_list .content_list_box .content_listBox_box_number {
    top: 80px;
    left: 35px;
  }
  .content .content_list .content_list_box .content_listBox_box_icon {
    margin-right: 15px;
  }
  .content .content_list .content_list_box .content_list_box_image .content_list_box_image_arrow-down {
    display: none;
  }
  .content .content_list .content_list_box .content_list_box_image .content_list_box_image_arrow-right {
    display: block;
  }
  .content .content_list .content_list_box p {
    font-size: 28px;
    margin-left: 20px;
    margin-right: 20px;
  }
}
@media only screen and (max-width: 415px) {
  .content {
    padding-bottom: 20px;
  }
  .content .content_title {
    font-size: 35px;
  }
  .content .content_list {
    row-gap: 10px;
  }
  .content .content_list .content_list_box {
    display: none;
  }
  .content .content_list .content_list_box_mb {
    width: 100%;
    display: flex;
    position: relative;
    background-color: #d0dddc;
    align-items: center;
  }
  .content .content_list .content_list_box_mb .content_list_box_image {
    width: 25%;
  }
  .content .content_list .content_list_box_mb .content_list_box_image img {
    width: 100%;
  }
  .content .content_list .content_list_box_mb span {
    position: absolute;
    left: 20px;
    top: 40%;
    color: white;
    font-size: 20px;
  }
  .content .content_list .content_list_box_mb .content_listBox_box_text {
    font-weight: bold;
    font-size: 14px;
    width: 60%;
    text-align: center;
    color: #03155c;
  }
  .content .content_list .content_list_box_mb .content_listBox_box_icon {
    margin-right: 10px;
    width: 20%;
    width: 68px;
    background-color: white;
    height: 65px;
    border-radius: 50%;
    padding: 5px;
  }
  .content .content_list .content_list_box_mb .content_listBox_box_icon img {
    width: 100%;
    height: auto;
  }
  .content .content_list .content_list_box {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
  }
  .content .content_list .content_list_box p {
    font-size: 14px;
    margin-left: -10px;
    margin-bottom: 25px;
    margin-right: 0;
  }
  .content .content_list .content_list_box .content_list_box_image .content_list_box_image_arrow-right {
    width: 70%;
  }
  .content .content_list .content_list_box .content_listBox_box_number {
    top: 45px;
    font-size: 25px;
  }
  .content .content_list .content_list_box .content_listBox_box_icon {
    width: 90px;
    height: 90px;
  }
  .content .content_list .content_list_box.box2 .content_listBox_box_icon,
.content .content_list .content_list_box.box3 .content_listBox_box_icon {
    margin-left: 15px;
  }
}
@media only screen and (max-width: 376px) {
  .content .content_list .content_list_box p {
    margin-bottom: 10px;
    margin-top: 15px;
  }
  .content .content_list .content_list_box .content_listBox_box_number {
    top: 38px;
    left: 20px;
  }
  .content .content_list .content_list_box.box2 p,
.content .content_list .content_list_box.box3 p {
    margin-top: 20px;
    margin-bottom: 25px;
  }
}
.invest-asia {
  background: url("images/invest-asia.png") no-repeat 0 0;
  background-size: cover;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.invest-asia .invest-asia_title {
  font-family: "HeiseiKaku-Bold", sans-serif;
  font-size: 52px;
  color: #03155c;
  margin-top: 90px;
}
.invest-asia .invest-asia_discription {
  max-width: 700px;
  margin-bottom: 35px;
}
.invest-asia .invest-asia_discription p {
  font-weight: bold;
}
.invest-asia .invest-asia_discription a {
  text-decoration: none;
}
.invest-asia .invest-asia_discription a .invest-asia_discription_link {
  color: #fb8624;
  font-weight: 600;
}
.invest-asia .invest-asia_discription img {
  width: 100%;
  height: auto;
  margin: 20px 0;
}
.invest-asia .invest-asia_distribution {
  display: flex;
  align-items: center;
  width: 73%;
  justify-content: space-evenly;
  margin-bottom: 40px;
  padding-bottom: 40px;
  border-bottom: 2px dashed #03155c;
}
.invest-asia .invest-asia_distribution .invest-asia_distribution_country,
.invest-asia .invest-asia_distribution .invest-asia_distribution_destination {
  text-align: center;
}
.invest-asia .invest-asia_distribution .invest-asia_distribution_country img,
.invest-asia .invest-asia_distribution .invest-asia_distribution_destination img {
  width: 100%;
  height: auto;
}
.invest-asia .invest-asia_distribution .invest-asia_distribution_country p,
.invest-asia .invest-asia_distribution .invest-asia_distribution_destination p {
  font-size: 20px;
  color: #03155c;
  font-weight: 600;
  margin-bottom: 20px;
}

@media only screen and (min-width: 800px) and (max-width: 1080px) {
  .invest-asia .invest-asia_title:after {
    margin: 0 19%;
  }
}
@media only screen and (max-width: 768px) {
  .invest-asia .invest-asia_title {
    width: 70%;
    font-size: 72px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
  }
  .invest-asia .invest-asia_title:after {
    margin: 0 25%;
  }
  .invest-asia .invest-asia_discription {
    max-width: 622px;
  }
  .invest-asia .invest-asia_discription p {
    font-size: 20px;
  }
  .invest-asia .invest-asia_distribution {
    width: 90%;
  }
  .invest-asia .invest-asia_distribution .invest-asia_distribution_country img,
.invest-asia .invest-asia_distribution .invest-asia_distribution_destination img {
    width: 90%;
  }
}
@media only screen and (max-width: 415px) {
  .invest-asia .invest-asia_title {
    font-size: 34px;
    width: 61%;
  }
  .invest-asia .invest-asia_title:after {
    margin: 15px 16%;
  }
  .invest-asia .invest-asia_distribution {
    width: 85%;
    margin-bottom: 0;
  }
  .invest-asia .invest-asia_distribution .invest-asia_distribution_country img,
.invest-asia .invest-asia_distribution .invest-asia_distribution_destination img {
    width: 80%;
    margin-left: 15px;
  }
  .invest-asia .invest-asia_discription {
    width: 80%;
  }
  .invest-asia .invest-asia_discription p {
    font-size: 14px;
  }
}
@media only screen and (max-width: 376px) {
  .invest-asia .invest-asia_title {
    width: 65%;
  }
  .invest-asia .invest-asia_title:after {
    margin: 15px 18%;
  }
}
footer {
  display: flex;
  justify-content: space-around;
  align-items: center;
  margin: 30px 0;
}
footer .footer_copyright {
  font-size: 14px;
  text-align: center;
  color: #707070;
}

@media only screen and (max-width: 768px) {
  footer {
    flex-direction: column;
    margin-top: 40px;
    margin-bottom: 30%;
  }
  footer .footer_copyright {
    margin-top: 40px;
    font-size: 23px;
    color: #707070;
  }
}
@media only screen and (max-width: 414px) {
  footer {
    text-align: center;
    margin-bottom: 30%;
  }
  footer .footer_logo {
    width: 90%;
    display: flex;
    justify-content: center;
  }
  footer .footer_copyright {
    margin-top: 10px;
  }
  footer .footer_copyright p {
    font-size: 10px;
  }
}
.free-btn_mobile {
  display: none;
  padding: 10px 0;
  flex-direction: column;
  background-color: #767676;
  padding-top: 20px;
  width: 100%;
}
.free-btn_mobile img {
  margin: 0 auto;
  padding-top: 10px;
  width: 90%;
  cursor: pointer;
}
.free-btn_mobile p {
  text-align: center;
  color: white;
  font-size: 20px;
}

.company-profile {
  display: flex;
  flex-direction: column;
  align-items: center;
  background: url("images/footer.png") no-repeat 0 0;
  background-size: cover;
}
.company-profile .company-profile_title {
  font-family: "HeiseiKaku-Bold", sans-serif;
  font-size: 52px;
  color: white;
  margin-top: 90px;
}
.company-profile .line_title {
  width: 90px;
  height: 5px;
  margin: 20px auto 40px;
  background: white;
}
.company-profile .company-profile_detail {
  width: 60%;
  margin-bottom: 40px;
  margin-left: 20px;
  margin-right: 20px;
}
.company-profile .company-profile_detail .company-profile_detail_address-mb {
  display: none;
}
.company-profile .company-profile_detail a {
  text-decoration: none;
}
.company-profile .company-profile_detail h5 {
  padding: 10px 25px;
  width: 100%;
  background-color: white;
  color: #03155c;
  font-size: 20px;
  margin-bottom: 10px;
}
.company-profile .company-profile_detail p,
.company-profile .company-profile_detail a {
  color: white;
  padding-left: 25px;
}
.company-profile .company-profile_detail:last-child {
  margin-bottom: 80px;
}

.application {
  position: fixed;
  right: 0px;
  bottom: 0px;
  margin-bottom: 15px;
  z-index: 15;
}
.application img {
  background: transparent;
  cursor: pointer;
}

@media only screen and (min-width: 769px) and (max-width: 800px) {
  .free-btn_mobile {
    display: none;
  }
}
@media only screen and (min-width: 800px) and (max-width: 1080px) {
  .free-btn_mobile {
    display: none;
  }
  .invest-asia .invest-asia_title:after {
    margin: 0 19%;
  }
}
@media only screen and (max-width: 768px) {
  .free-btn_mobile {
    display: flex;
    z-index: 20;
    position: fixed;
    bottom: -12px;
    width: 100%;
  }
  .free-btn_mobile .free-button .btn_mb {
    width: 90%;
    display: inline-block;
  }
  .free-btn_mobile .free-button p {
    font-size: 20px;
  }
  .invest-button .free-button .btn_pc {
    display: none;
  }
  .company-profile .company-profile_title {
    font-size: 72px;
  }
  .company-profile .company-profile_title:after {
    margin: 0 10%;
  }
  .company-profile .company-profile_detail {
    width: 90%;
  }
  .company-profile .company-profile_detail .company-profile_detail_address-mb {
    display: block;
  }
  .company-profile .company-profile_detail .company-profile_detail_address {
    display: none;
  }
  .company-profile .company-profile_detail h5 {
    font-size: 30px;
  }
  .company-profile .company-profile_detail p {
    font-size: 22px;
  }
  .application {
    display: none;
  }
}
@media only screen and (max-width: 414px) {
  .free-btn_mobile {
    padding: 10px 0;
  }
  .free-btn_mobile img {
    padding-top: 0;
  }
  .free-btn_mobile p {
    font-size: 10px;
    margin-bottom: 10px;
  }
  .company-profile .company-profile_title {
    font-size: 52px;
  }
  .company-profile .company-profile_title:after {
    margin: 0 15%;
  }
  .company-profile .company-profile_detail {
    width: 80%;
  }
  .company-profile .company-profile_detail h5 {
    font-size: 16px;
  }
  .company-profile .company-profile_detail p,
.company-profile .company-profile_detail a {
    font-size: 15px;
    padding-left: 0;
  }
  .application button {
    width: 250px;
    padding: 10px 0;
  }
}/*# sourceMappingURL=styles.css.map */