@charset "UTF-8";

body.fixed {
  height: 100%;
  position: fixed;
  width: 100%;
}

#gnav-content {
  overflow-y: scroll;
}

:root {
  --main-sp-ttl: 28px;
  --main-sp-txt: 20px;
}

/* commom */
body {
  color: #212121;
  font-family: Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",
  "メイリオ", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  margin: 0;
}

/* ↓↓↓　season-color ↓↓↓　*/

/* ボーダー */
.season-color-border01 {
  border: 2px solid #e50011;
}

.season-color-border01-thin {
  border: 1px solid #e50011;
}

.season-color-border02 {
  border: 2px solid #ffd3d6;
}

.season-color-border03 {
  border: 2px solid #212121;
}

.season-color-border03-thin {
  border: 1px solid #212121;
}

.season-color-border04 {
  border: 2px solid #f66;
}

.season-color-border04-thin {
  border: 1px solid #f66;
}

.season-color-border05 {
  border: 2px solid #e41c2b;
}

.season-color-border06 {
  border: 2px solid #173f7f;
}

.season-color-border07 {
  border: 2px solid #7e7d7a;
}

.season-color-border08 {
  border: 2px solid #803e85;
}

.season-color-border09-thin {
  border: 1px solid #6e6e6e;
}

.season-color-border10-thin {
  border: 1px solid #ccc;
}

.season-color-border11 {
  border: 2px solid #ea5d4d;
}

.season-color-border12-thin {
  border: 1px solid #aba9a9;
}

.season-color-border13 {
  border: 2px solid #5e8bc8;
}

.season-color-border14 {
  border: 2px solid #999;
}

.season-color-border15 {
  border: 2px solid #fadfe4;;
}

/* 文字カラー */

.season-color-moji {
  color: #e50011;
}

.season-color-moji02 {
  color: #fff;
}

.season-color-moji03 {
  color: #212121;
}

.season-color-moji04 {
  color: #f66;
}

.season-color-moji05 {
  color: #183f7f;
}

.season-color-moji06 {
  color: #173f7f;
}

.season-color-moji07 {
  color: #e9424a;
}

.season-color-moji08 {
  color: #e8363f;
}

.season-color-moji09 {
  color: #803e85;
}

.season-color-moji10 {
  color: #9e9e9e;
}

.season-color-moji11 {
  color: #d01;
}

.season-color-moji12 {
  color: #f00;
}

.season-color-moji13 {
  color: #00f;
}

.season-color-moji14 {
  color: #006;
}

.season-color-moji15 {
  color: #172d47;
}

.season-color-moji16 {
  color: #28405e;
}

.season-color-moji17 {
  color: #f3c;
}

.season-color-moji18 {
  color: #006400;
}

.season-color-moji19 {
  color: #06529d;
}

.season-color-moji20 {
  color: #5e8bc8;
}

.season-color-moji21 {
  color: #999;
}

/* 背景色 */
.season-color-background01 {
  background: #e50011;
}

.season-color-background02 {
  background: #fdf7f7;
}

.season-color-background03 {
  background: #ededed;
}

.season-color-background04 {
  background: #ac8654;
}

.season-color-background05 {
  background: #6e6e6e;
}

.season-color-background06 {
  background: #fff;
}

.season-color-background07 {
  background: #f5f5f5;
}

.season-color-background08 {
  background: #404040;
}

.season-color-background09 {
  background: #f66;
}

.season-color-background10 {
  background: #e60012;
}

.season-color-background11 {
  background: #183f7f;
}

.season-color-background12 {
  background: #e41c2b;
}

.season-color-background13 {
  background: #f8f8f8;
}

.season-color-background14 {
  background: #f1f1f1;
}

.season-color-background15 {
  background: #f1f1f1;
}

.season-color-background16 {
  background: #fadfe4;
}

.season-color-background17 {
  background: #fadfe4;
}

.season-color-background18 {
  background: #ff9;
}

.season-color-background19 {
  background: #5e8bc8;
}

.season-color-background20 {
  background: #ccc;
}

.season-color-background21 {
  background: #f3f3f3;
}

.season-color-background22 {
  background: #faeeee;
}

.season-color-background23 {
  background: #d60011;
}


/* 個々のボーダーの指定 */

.season-color-bottom-border-bold {
  border-bottom: 2px solid #e50011;
}

.season-color2-bottom-border-bold {
  border-bottom: 2px solid #d01;
}

.season-color-top-border-normal {
  border-top: 1px solid #e50011;
}

.season-color-left-border-bold {
  border-left: 2px solid #e50011;
}

.season-color-left-border-thin {
  border-left: 1px solid #e50011;
}

.season-color-top-border-bold {
  border-top: 2px solid #e50011;
}

.season-color2-top-border-bold {
  border-top: 2px solid #ede9df;
}

/* ↑↑↑　season-color ↑↑↑　*/

p {
  font-size: 15px;
}

h2 {
  font-size: 26px;
  font-weight: bold;
  line-height: 1.2;
  margin: 0;
  text-align: center;
}

a:hover {
  opacity: .7;
}

.wrapper {
  margin: 0 auto;
}

.container {
  margin: 0 auto;
  max-width: 100%;
  position: relative;
  width: 1240px;
}

ul {
  list-style: none;
}

.btn {
  background-color: #fff;
  border-radius: 4px;
  display: block;
  font-size: 15px;
  line-height: 1.2;
  margin: 17px auto 0;
  padding: 8px 0;
  text-align: center;
  width: 166px;
}

.see_more.btn {
  font-family: "Noto Sans JP", sans-serif;
}

@media screen and (max-width: 750px) {
  .btn {
    font-size: var(--main-sp-ttl);
    line-height: 1.9;
    width: 90%;
  }
}

@media screen and (max-width: 615px) {
  .btn {
    font-size: var(--main-sp-txt);
    line-height: 1.9;
    width: 75%;
  }
}

@media screen and (max-width: 500px) {
  .btn {
    font-size: 4vw;
    line-height: 1.2;
    padding: 12px 0;
    width: 55%;
  }
}

.btn::before {
  content: url(../img/common/arrow-pink.png);
  padding-right: 10px;
  vertical-align: middle;
}

@media screen and (max-width: 750px) {
  .btn::before {
    background-image: url(/img/common/arrow-pink-sp.png);
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    display: inline-block;
    height: 16px;
    margin-right: 10px;
    position: relative;
    top: -3px;
    vertical-align: middle;
    width: 16px;
  }
}

.sub_title {
  font-size: 12px;
  font-weight: bold;
  text-align: center;
}

@media screen and (max-width: 750px) {
  .sub_title {
    font-size: 20px;
  }
}

.title p {
  font-size: 18px;
  line-height: 1.9;
  padding-top: 10px;
}

@media screen and (max-width: 877px) {
  .title p {
    font-size: 15px;
  }
}

@media screen and (max-width: 750px) {
  .title p {
    font-size: var(--main-sp-txt);
    letter-spacing: .1re;
    line-height: 1.9;
    padding-left: 15px;
    padding-top: 10px;
  }
}

.title p::before {
  content: url(../img/common/arrow.png);
  padding-right: 5px;
  position: relative;
  vertical-align: middle;
}

@media screen and (max-width: 750px) {
  .title p::before {
    background-image: url(/img/common/arrow.png);
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    display: inline-block;
    height: 16px;
    margin-right: 10px;
    position: relative;
    vertical-align: middle;
    width: 16px;
  }
}

/* header */

.head_line {
  height: 4px;
}

.two-years.head_line.season-color-background01 {
  height: 2px;
  margin-bottom: 46px;
  margin-top: 56px;
}

.employee-interview-page.head_line.season-color-background01 {
  height: 2px;
  margin-bottom: 67px;
  margin-top: 115px;
}

@media screen and (max-width: 750px) {
  header h1 img {
    margin-left: 10px;
    min-width: 100px;
  }
}

@media screen and (max-width: 525px) {
  header h1 img {
    margin-right: 10px;
    width: 160px;
  }
}

@media screen and (max-width: 360px) {
  header h1 img {
    margin-right: 10px;
    width: 130px;
  }
}

.header_container {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
  margin-top: 8px;
  width: calc(100% - 26px);
}

header .container {
  align-items: center;
  display: flex;
  justify-content: space-between;
}

header .menu {
  max-width: 80%;
}

@media screen and (max-width: 925px) {
  .header_container {
    width: calc(100% - 20px);
  }

  header .menu {
    max-width: 80%;
  }
}

@media screen and (max-width: 925px) {
  .header_container {
    width: calc(100% - 10px);
  }

  header .menu {
    max-width: 80%;
  }
}

@media screen and (max-width: 750px) {
  .header_container {
    align-items: center;
    display: flex;
    margin: 0 auto;
    width: calc(100% - 4px);
  }

  header .menu {
    display: none;
  }
}

header .menu ul {
  align-items: center;
  display: flex;
}

header .menu li {
  margin-right: 7px;
}

header .menu li:last-child {
  margin-right: 0;
}

header .menu li.space_litter {
  margin-right: 5px;
}

header .back_to_top {
  display: block;
  font-size: 11px;
  line-height: 2.5;
  margin-right: 3px;
  text-align: right;
  width: 100px;
}

@media screen and (max-width: 925px) {
  header .back_to_top {
    font-size: 10px;
    line-height: 2;
    margin-right: 1px;
    width: 70px;
  }
}

header .back_to_top::before {
  content: url(../img/common/arrow.png);
  padding-right: 3px;
  position: relative;
  top: 1px;
  vertical-align: middle;
}

header .inquiry {
  border: 1px solid #ddd;
  border-radius: 2px;
  box-sizing: border-box;
  display: inline-block;
  font-size: 13px;
  line-height: 2;
  padding: 10px 0;
  text-align: center;
  width: 101px;
}

@media screen and (max-width: 925px) {
  header .inquiry {
    font-size: 12px;
    line-height: 2;
    padding: 6px 0;
    width: 70px;
  }
}

header .risk {
  background-color: #f4f4f4;
  border: 1px solid #212121;
  border-radius: 2px;
  box-sizing: border-box;
  display: inline-block;
  font-size: 13px;
  font-weight: bold;
  line-height: 2;
  padding: 10px 11px 8px 0;
  position: relative;
  text-align: right;
  width: 224px;
}

@media screen and (max-width: 925px) {
  header .risk {
    font-size: 10px;
    padding: 8px 5px 6px 0;
    width: 170px;
  }
}

header .risk::before {
  content: url(../img/common/icon_risk.png);
  left: 17px;
  position: absolute;
  top: 10px;
}

@media screen and (max-width: 750px) {
  header .risk::before {
    content: none;
  }
}

@media screen and (max-width: 925px) {
  header .risk::before {
    left: 10px;
    position: absolute;
    top: 5px;
  }
}

.login {
  border-radius: 2px;
  box-sizing: border-box;
  display: inline-block;
  font-size: 12px;
  font-weight: bold;
  line-height: 1.3;
  padding: 7px 10px 4px 34px;
  position: relative;
  text-align: left;
  width: 120px;
}

@media screen and (max-width: 925px) {
  header .login {
    font-size: 11px;
    padding: 4px 6px 1px 34px;
    position: relative;
    width: 110px;
  }
}

.login::before {
  content: url(../img/common/icon_login.png);
  left: 10px;
  position: absolute;
  top: 10px;
}

@media screen and (max-width: 925px) {
  header .login::before {
    left: 10px;
    position: absolute;
    top: 6px;
  }
}

.login_w {
  border-radius: 2px;
  box-sizing: border-box;
  color: #fff;
  display: inline-block;
  font-size: 11px;
  font-weight: bold;
  line-height: 1.3;
  padding: 7px 5px 4px 34px;
  position: relative;
  text-align: left;
  width: 120px;
}

@media screen and (max-width: 925px) {
  header .login_w {
    font-size: 11px;
    padding: 4px 4px 1px 34px;
    position: relative;
    width: 110px;
  }
}

.login_w::before {
  content: url(../img/common/icon_login_w.png);
  left: 10px;
  padding-right: 5px;
  position: absolute;
  top: 10px;
}

@media screen and (max-width: 925px) {
  header .login_w::before {
    left: 10px;
    position: absolute;
    top: 6px;
  }
}

.row_sp {
  display: none;
}

/* humb-menu */

.humb-menu {
  display: none;
}

@media screen and (max-width: 750px) {
  .header_container {
    height: 65px;
  }

  .nav-area {
    display: none;
  }

  .main-image {
    display: none;
  }

  .row_sp {
    display: block;
  }

  @media screen and (max-width: 685px) {
    .row_sp .row_container li.account {
      padding: 11px 0 1px;
      width: 25%;
    }
  }

  @media screen and (max-width: 495px) {
    .row_sp .row_container li.account {
      height: 48px;
    }
  }

  .row_sp .row_container li.store {
    font-size: 2vw;
    font-weight: bold;
    height: 51px;
    line-height: 1.1;
    padding: 16px 0 30px;
    text-align: center;
    width: 17%;
  }

  @media screen and (max-width: 685px) {
    .row_sp .row_container li.store {
      height: 48px;
    }
  }

  @media screen and (max-width: 685px) {
    .row_sp .row_container li.store {
      width: 25%;
    }
  }

  .row_sp .row_container .risk {
    background-image: url(/img/common/icon_risk-sp.png);
    background-position: 15% center;
    background-repeat: no-repeat;
    background-size: 23px;
    border-radius: 3px;
    box-sizing: border-box;
    font-size: 12px;
    font-weight: bold;
    height: 50px;
    line-height: 1.1;
    padding: 5px 0 3px 52px;
    text-align: left;
    width: 140px;
  }

  @media screen and (max-width: 525px) {
    .row_sp .row_container .risk {
      padding: 5px 0 3px 42px;
      width: 110px;
    }
  }

  .row_sp .row_container li.risk::before {
    content: none;
  }

  .humb-menu {
    display: block;
    position: relative;
    right: .01%;
  }

  #recruit .humb-menu {
    display: block;
    position: relative;
    right: -4%;
  }

  .openbtn {
    background: #fff;
    border-radius: 5px;
    cursor: pointer;
    height: 50px;
    padding-right: 5px;
    position: relative;
    width: 50px;
    z-index: 99;
  }

  .humb-menu.recruit .openbtn {
    background: rgba(255, 255, 255, 0);
  }

  .openbtn span {
    background: #212121;
    border-radius: 2px;
    display: inline-block;
    height: 3px;
    left: 14px;
    position: absolute;
    transition: all .4s;
    width: 45%;
  }

  .openbtn span:nth-of-type(1) {
    top: 15px;
  }

  .openbtn span:nth-of-type(2) {
    top: 23px;
  }

  .openbtn span:nth-of-type(3) {
    top: 31px;
  }

  .openbtn.active span:nth-of-type(1) {
    left: 18px;
    top: 18px;
    transform: translateY(6px) rotate(-45deg);
    width: 30%;
  }

  .openbtn.active span:nth-of-type(2) {
    opacity: 0;
  }

  .openbtn.active span:nth-of-type(3) {
    left: 18px;
    top: 30px;
    transform: translateY(-6px) rotate(45deg);
    width: 30%;
  }

  #gnav-input:checked ~ #gnav-content {
    height: 100vh;
    right: 0;
  }

  #gnav-content {
    background-color: #fff;
    position: fixed;
    right: -100%;
    top: 0;
    transition: .3s;
    width: 100%;
    z-index: 10;
  }

  .humb-menu__title {
    padding-top: 85px;
  }

  .humb-menu label {
    cursor: pointer;
    display: flex;
    justify-content: space-between;
  }

  .humb-menu input {
    display: none;
  }

  .humb-menu .accshow {
    height: 0;
    overflow: hidden;
  }

  .humb-menu p {
    font-size: 30px;
    line-height: 1.2;
  }

  .humb-menu .accshow a {
    display: block;
    font-size: 28px;
    padding-left: 3rem;
  }

  .humb-menu .accshow a + a {
    padding-top: 2rem;
  }

  .humb-menu .cssacc:checked + .accshow {
    height: auto;
  }

  .humb-menu .inquiry-sp a {
    border: 2px solid #dfdfdf;
    border-radius: 2px;
    border-radius: 3px;
    box-sizing: border-box;
    display: block;
    font-size: var(--main-sp-ttl);
    margin: 50px auto 20px;
    margin-top: 180px;
    padding: 10px 20px 8px 0;
    text-align: center;
    width: 90%;
  }

  .humb-menu label .mark {
    height: 20px;
    transition-duration: .5s;
    width: 30px;
  }
}

@media screen and (max-width: 642px) {
  .header_container {
    height: 50px;
  }

  .humb-menu p {
    font-size: 24px;
  }

  .humb-menu .accshow a {
    font-size: 22px;
  }

  .humb-menu .accshow a + a {
    padding-top: 1rem;
  }

  .humb-menu .inquiry-sp a {
    font-size: var(--main-sp-txt);
    padding: 10px 20px 8px 30px;
    width: 55%;
  }

  .humb-menu label .mark {
    height: 13px;
    width: 20px;
  }

  .row_sp-2 {
    display: block;
    margin: 0 auto;
    width: 100%;
  }

  .row_sp-2 .row_container {
    width: calc(100%-10px);
  }

  .row_sp-2 .row_container ul {
    align-items: center;
    display: flex;
    justify-content: center;
  }

  .row_sp-2 .row_container li {
    border: 2px solid #222121;
    border-radius: 5px;
    margin-right: 4px;
  }

  .row_sp-2 .row_container li:last-child {
    margin: 0;
  }

  .row_sp-2 .row_container li.account {
    box-sizing: border-box;
    font-size: 2.5vw;
    font-weight: bold;
    height: 50px;
    line-height: 1.1;
    padding: 8px 0 1px;
    text-align: center;
    width: 30%;
  }

  .row_sp-2 .row_container li.store {
    font-size: 2.5vw;
    font-weight: bold;
    height: 40px;
    line-height: 1.1;
    padding: 16px 0 30px;
    text-align: center;
    width: 30%;
  }

  .row_sp-2 .row_container li.risk {
    background-image: url(/img/common/icon_risk-sp.png);
    background-position: 23% center;
    background-repeat: no-repeat;
    background-size: 4.5vw;
    box-sizing: border-box;
    font-size: 12px;
    font-weight: bold;
    height: 50px;
    line-height: 1.1;
    padding: 5px 0 3px 15%;
    text-align: left;
    width: 40%;
  }

  .row_sp-2 .row_container li.risk::before {
    content: none;
  }
}

@media screen and (max-width: 750px) {
  .humb-menu p {
    font-size: 18px;
    line-height: 1.2;
  }

  .humb-menu label {
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    padding: 14px;
    padding-left: 20px;
  }

  .humb-menu .inquiry-sp a {
    font-size: 16px;
    margin: 50px auto 20px;
    padding: 10px 20px 8px 20px;
    width: 55%;
  }

  .humb-menu .accshow a {
    font-size: 16px;
  }

  .humb-menu label .mark {
    height: 13px;
    position: relative;
    right: 5%;
    width: 20px;
  }

  .humb-menu .accshow a + a {
    padding-top: 16px;
  }
}

@media screen and (max-width: 750px) {
  .humb-menu p {
    font-size: 18px;
    line-height: 1.2;
  }

  .humb-menu label {
    padding: 10px;
  }
}

@media screen and (max-width: 750px) {
  .humb-menu label {
    padding: 10px 10px;
  }
}

@media screen and (max-width: 447px) {
  .humb-menu label {
    padding: 10px 0;
  }
}

/* nav-area */

.nav-area {
  border-top: 2px solid #ddd;
  margin-top: 16px;
}

.nav-container {
  margin: 27px auto 15px;
  width: calc(100% - 50px);
}

.nav-area ul {
  align-items: center;
  display: flex;
  justify-content: center;
}

.nav-area li {
  margin-right: 45px;
}

@media screen and (max-width: 1254px) {
  .nav-area li {
    margin-right: 40px;
  }
}

@media screen and (max-width: 1224px) {
  .nav-area li {
    margin-right: 28px;
  }
}

@media screen and (max-width: 1152px) {
  .nav-area li {
    margin-right: 25px;
  }
}

@media screen and (max-width: 1134px) {
  .nav-area li {
    margin-right: 17px;
  }
}

@media screen and (max-width: 955px) {
  .nav-area li {
    margin-right: 10px;
  }
}

@media screen and (max-width: 823px) {
  .nav-area li {
    margin-right: 8px;
  }
}

.nav-area a {
  display: block;
  font-size: 14.4px;
  font-weight: bold;
  line-height: 1.2;
  position: relative;
  text-align: center;
}

@media screen and (max-width: 1134px) {
  .nav-area a {
    font-size: 13px;
  }
}

@media screen and (max-width: 970px) {
  .nav-area a {
    font-size: 12px;
  }
}

@media screen and (max-width: 877px) {
  .nav-area a {
    font-size: 11px;
  }
}

@media screen and (max-width: 823px) {
  .nav-area a {
    font-size: 10px;
  }
}

@media screen and (max-width: 1108px) {
  .nav-container {
    margin: 15px auto;
    width: calc(100% - 20px);
  }
}

@media screen and (max-width: 996px) {
  .nav-container {
    margin: 15px auto;
    width: calc(100% - 10px);
  }
}

.nav-area li:last-child {
  margin-right: 0;
}

.nav-area a::before {
  content: url(../img/common/arrow.png);
  padding-right: 5px;
  position: relative;
  vertical-align: middle;
}

.nav-area a:hover {
  color: #e50011;
  opacity: 1;
}

.nav-area a::after {
  background: #e50011;
  bottom: -17px;
  content: "";
  height: 5px;
  left: 0;
  position: absolute;
  visibility: hidden;
  width: 110%;
}

.nav-area a:hover::after {
  transition: .3s;
  visibility: visible;
}

/* main-image */

.main-image img {
  width: 100vw;
}

.swiper-pagination-bullet {
  background-color: transparent;
  background-image: url(/img/top/slider_inactive.png);
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: unset;
  height: 3px;
  opacity: 1;
  width: 60px;
}

/* 選択されているページネーション */
.swiper-pagination-bullet-active {
  background-image: url(/img/top/slider_active.png);
  height: 3px;
  width: 60px;
}

.swiper-slide-message {
  color: #fff;
  font-size: 42px;
  font-weight: bold;
  left: 50%;
  letter-spacing: 3px;
  line-height: 1.2;
  position: absolute;
  text-align: center;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  z-index: 2;
}

.swiper-slide-message.wiper-slide-message-position-adjust1 {
  font-size: 3.5vw;
  transform: translate(-50%, 2%);
}

.swiper-slide-message.wiper-slide-message-position-adjust2 {
  font-size: 3.5vw;
  transform: translate(-50%, -80%);
}

.swiper-slide-message.wiper-slide-message-position-adjust3 {
  font-size: 3vw;
  padding-left: 14%;
  padding-right: 14%;
  text-align: left;
  transform: translate(-50%, -80%);
}

@media screen and (max-width: 996px) {
  .swiper-slide-message.wiper-slide-message-position-adjust3 {
    padding-left: 9%;
    padding-right: 9%;
  }
}

.swiper-slide-message.wiper-slide-message-position-adjust4 {
  font-size: 3.5vw;
}


.swiper-slide-message-small {
  display: inline-block;
  font-size: 1.5vw;
  margin-bottom: 15px;
}

.swiper-slide-img {
  filter: brightness(75%);
  position: relative;
}

.swiper-slide-img.brighter {
  filter: brightness(100%);
}

.swiper-pagination-bullets.swiper-pagination-horizontal {
  bottom: 40px;
}

/* article_sp */

.article_sp {
  display: none;
}

@media screen and (max-width: 750px) {
  .article_sp {
    display: block;
    position: relative;
  }

  .swiper {
    padding-bottom: 20px;
  }

  .article_sp .swiper-pagination {
    bottom: -10px;
    display: block;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
  }

  .swiper-pagination-bullet {
    background-color: #eee;
    background-image: url(/img/top/slider_inactive-sp.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: unset;
    height: 3px;
    opacity: 1;
    width: 50px;
  }

  .swiper-pagination-bullet-active {
    background-image: url(/img/top/slider_active.png);
    width: 50px;
  }

  .article_sp .swiper-slide-message {
    background-color: #fff;
    border-radius: 3px;
    color: #212121;
    font-size: var(--main-sp-ttl);
    font-weight: bold;
    left: 50%;
    letter-spacing: .1;
    line-height: 1.2;
    padding: 16px 12px 12px 12px;
    position: absolute;
    text-align: center;
    top: 75%;
    transform: translate(-50%, -50%);
    width: 50%;
    z-index: 2;
  }

  @media screen and (max-width: 615px) {
    .article_sp .swiper-slide-message {
      font-size: 20px;
      width: 70%;
    }
  }

  @media screen and (max-width: 415px) {
    .article_sp .swiper-slide-message {
      font-size: 18px;
      padding: 16px 12px 16px 12px;
    }
  }

  .article_sp .swiper-slide-message::before {
    content: url(../img/common/arrow-sp.png);
    padding-right: 6px;
    position: relative;
    top: 1px;
    vertical-align: middle;
  }

  .article_sp .swiper-slide-img {
    filter: brightness(75%);
    height: 280px;
    object-fit: cover;
    position: relative;
    width: 750px;
  }

  .article_sp .swiper-slide-img.brighter {
    filter: brightness(100%);
  }

  .article_sp .swiper-pagination-bullets.swiper-pagination-horizontal {
    bottom: 2px;
  }
}

@media screen and (max-width: 750px) {
  .article_sp .swiper-slide-img {
    height: auto;
  }
}

/* logo-btn_sp */

.logo-btn_sp {
  display: none;
}

@media screen and (max-width: 750px) {
  .logo-btn_sp {
    border-radius: 3px;
    display: block;
    margin: 0 auto 40px;
    padding: 14px 14px;
    width: 90vw;
  }

  .logo-btn_sp__inner {
    display: flex;
    gap: 10px;
    justify-content: center;
    margin-bottom: 14px;
  }

  .logo-btn_sp .login_w-sp {
    width: 45%;
  }

  .logo-btn_sp .login-sp {
    width: 45%;
  }

  .logo-btn_sp .login_w-sp {
    align-items: center;
    border-radius: 3px;
    box-sizing: border-box;
    color: #fff;
    display: flex;
    font-size: 24px;
    font-weight: bold;
    height: 80px;
    justify-content: center;
    line-height: 1.2;
    padding-top: 3px;
    width: 300px;
  }

  .logo-btn_sp .login_w-sp img {
    height: auto;
    margin-right: 10px;
    width: 32px;
  }

  .logo-btn_sp .open-account-btn {
    margin: 0 auto;
    max-width: 609px;
    width: 100%;
  }
}

@media screen and (max-width: 347px) {
  .logo-btn_sp {
    padding: 14px 12px;
  }
}

@media screen and (max-width: 525px) {
  .logo-btn_sp .login_w-sp img {
    width: 28px;
  }
}

@media screen and (max-width: 347px) {
  .logo-btn_sp .login_w-sp img {
    width: 25px;
  }
}

.logo-btn_sp .login-sp {
  align-items: center;
  background-color: #fff;
  border-radius: 3px;
  box-sizing: border-box;
  display: flex;
  font-size: 24px;
  font-weight: bold;
  height: 80px;
  justify-content: center;
  line-height: 1.2;
  padding-top: 3px;
  width: 300px;
}

@media screen and (max-width: 525px) {
  .logo-btn_sp .login-sp {
    font-size: 3.5vw;
    padding-right: 5px;
  }

  .logo-btn_sp .login_w-sp {
    font-size: 3.5vw;
    height: 80px;
    padding-right: 5px;
  }
}

.logo-btn_sp .login-sp img {
  height: auto;
  margin-right: 10px;
  width: 32px;
}

@media screen and (max-width: 525px) {
  .logo-btn_sp .login-sp img {
    width: 28px;
  }
}

@media screen and (max-width: 347px) {
  .logo-btn_sp .login-sp img {
    width: 25px;
  }
}

/* section_menu-sp */

.section_menu-sp {
  display: none;
}

@media screen and (max-width: 750px) {
  .section_menu-sp {
    display: block;
    padding: 20px 8%;
  }

  .section_menu-sp .container {
    margin: 0 auto;
  }

  .section_menu-sp .first_line ul {
    align-items: center;
    display: flex;
    gap: 10px;
    justify-content: center;
  }

  @media screen and (max-width: 415px) {
    .section_menu-sp .first_line ul {
      gap: 6px;
    }
  }

  .section_menu-sp .first_line li {
    border-radius: 5px;
    box-sizing: border-box;
    display: block;
    font-size: var(--main-sp-txt);
    font-weight: bold;
    height: 168px;
    line-height: 1.3;
    text-align: center;
    width: calc((100% - 30px) / 4);
  }

  @media screen and (max-width: 615px) {
    .section_menu-sp .first_line li {
      height: 130px;
    }
  }

  @media screen and (max-width: 525px) {
    .section_menu-sp .first_line li {
      font-size: 17px;
      height: 120px;
    }
  }

  @media screen and (max-width: 415px) {
    .section_menu-sp .first_line li {
      height: 80px;
      width: calc((100% - 18px) / 4);
    }
  }

  @media screen and (max-width: 367px) {
    .section_menu-sp .first_line li {
      height: 90px;
    }
  }

  @media screen and (max-width: 615px) {
    .section_menu-sp .first_line li {
      font-size: 16px;
    }
  }

  @media screen and (max-width: 525px) {
    .section_menu-sp .first_line li {
      font-size: 13px;
    }
  }

  @media screen and (max-width: 367px) {
    .section_menu-sp .first_line li {
      font-size: 11px;
    }
  }

  .section_menu-sp .first_line li.guidance {
    padding: 25px 19px 20px;
  }

  @media screen and (max-width: 615px) {
    .section_menu-sp .first_line li.guidance {
      padding: 16px 0 20px;
    }
  }

  @media screen and (max-width: 415px) {
    .section_menu-sp .first_line li.guidance {
      padding-top: 9px;
    }
  }

  .section_menu-sp .first_line li.guidance img {
    padding-bottom: 10px;
  }

  @media screen and (max-width: 525px) {
    .section_menu-sp .first_line li.guidance img {
      padding-bottom: 12px;
      width: 30%;
    }
  }

  @media screen and (max-width: 415px) {
    .section_menu-sp .first_line li.guidance img {
      padding-bottom: 4px;
    }
  }

  .section_menu-sp .first_line li.service {
    padding: 27px 6px 20px;
  }

  @media screen and (max-width: 615px) {
    .section_menu-sp .first_line li.service {
      padding: 19px 0 20px;
    }
  }

  @media screen and (max-width: 415px) {
    .section_menu-sp .first_line li.service {
      padding: 9px 0 20px;
    }
  }

  .section_menu-sp .first_line li.service img {
    padding-bottom: 15px;
  }

  @media screen and (max-width: 525px) {
    .section_menu-sp .first_line li.service img {
      padding-bottom: 16px;
      width: 40%;
    }
  }

  @media screen and (max-width: 415px) {
    .section_menu-sp .first_line li.service img {
      padding-bottom: 7px;
    }
  }

  .section_menu-sp .first_line li.mutual_fund {
    padding: 66px 15px 55px;
  }

  @media screen and (max-width: 615px) {
    .section_menu-sp .first_line li.mutual_fund {
      padding: 45px 0 55px;
    }
  }

  @media screen and (max-width: 415px) {
    .section_menu-sp .first_line li.mutual_fund {
      padding: 26px 0 18px;
    }
  }

  @media screen and (max-width: 367px) {
    .section_menu-sp .first_line li.mutual_fund {
      padding: 32px 0 16px;
    }
  }

  .section_menu-sp .first_line li.info {
    padding: 40px 0 24px;
  }

  @media screen and (max-width: 615px) {
    .section_menu-sp .first_line li.info {
      font-size: 16px;
      padding: 30px 0 24px;
    }
  }

  @media screen and (max-width: 606px) {
    .section_menu-sp .first_line li.info {
      font-size: 16px;
      padding: 30px 0 24px;
    }
  }

  @media screen and (max-width: 415px) {
    .section_menu-sp .first_line li.info {
      padding: 17px 0 24px;
    }
  }

  @media screen and (max-width: 367px) {
    .section_menu-sp .first_line li.info {
      font-size: 16px;
      padding: 24px 0 24px;
    }
  }

  @media screen and (max-width: 525px) {
    .section_menu-sp .first_line li.info {
      font-size: 14px;
    }
  }

  @media screen and (max-width: 415px) {
    .section_menu-sp .first_line li.info {
      font-size: 11px;
    }
  }

  @media screen and (max-width: 367px) {
    .section_menu-sp .first_line li.info {
      font-size: 10px;
    }
  }

  .section_menu-sp .first_line li.info .fontsize-small {
    font-size: var(--main-sp-txt);
  }

  @media screen and (max-width: 615px) {
    .section_menu-sp .first_line li.info .fontsize-small {
      font-size: 16px;
    }
  }

  @media screen and (max-width: 525px) {
    .section_menu-sp .first_line li.info .fontsize-small {
      font-size: 14px;
    }
  }

  @media screen and (max-width: 415px) {
    .section_menu-sp .first_line li.info .fontsize-small {
      font-size: 11px;
    }
  }

  @media screen and (max-width: 367px) {
    .section_menu-sp .first_line li.info .fontsize-small {
      font-size: 10px;
    }
  }

  .section_menu-sp .first_line li.info .postion-adjustment {
    padding-left: 25px;
  }

  @media screen and (max-width: 525px) {
    .section_menu-sp .first_line li.info .postion-adjustment {
      padding-left: 15px;
    }
  }

  @media screen and (max-width: 367px) {
    .section_menu-sp .first_line li.info .postion-adjustment {
      padding-left: 10px;
    }
  }

  .section_menu-sp .first_line li img {
    margin: 0 auto;
  }

  .section_menu-sp .second_line {
    align-items: center;
    display: flex;
    gap: 10px;
    justify-content: center;
    margin-top: 15px;
  }

  .section_menu-sp .second_line .account-sp {
    align-items: center;
    border-radius: 3px;
    box-sizing: border-box;
    display: flex;
    font-size: var(--main-sp-txt);
    height: 90px;
    justify-content: center;
    line-height: 1.2;
    padding-top: 8px;
    width: 49%;
  }

  .section_menu-sp .second_line .account-sp img {
    margin-right: 15px;
  }

  .section_menu-sp .second_line .store-sp {
    align-items: center;
    border-radius: 3px;
    box-sizing: border-box;
    display: flex;
    font-size: var(--main-sp-txt);
    height: 90px;
    justify-content: center;
    line-height: 1.2;
    width: 49%;
  }

  .section_menu-sp .second_line .store-sp img {
    margin-right: 15px;
  }

  .section_menu-sp .store a {
    left: 100px;
    position: relative;
  }
}

@media screen and (max-width: 525px) {
  .section_menu-sp .second_line .account-sp {
    font-size: 15px;
    height: 65px;
    padding-top: 2px;
  }

  .section_menu-sp .second_line .account-sp img {
    margin-right: 10px;
    position: relative;
    top: -2px;
    width: 25px;
  }

  .section_menu-sp .second_line .store-sp {
    font-size: 15px;
    height: 65px;
  }

  .section_menu-sp .second_line .store-sp img {
    margin-right: 5px;
    position: relative;
    width: 30px;
  }
}

@media screen and (max-width: 359px) {
  .section_menu-sp .second_line .account-sp {
    font-size: 13px;
    height: 65px;
    padding-top: 2px;
  }

  .section_menu-sp .second_line .account-sp img {
    margin-right: 10px;
    position: relative;
    top: -2px;
    width: 25px;
  }

  .section_menu-sp .second_line .store-sp {
    font-size: 13px;
    height: 65px;
  }

  .section_menu-sp .second_line .store-sp img {
    margin-right: 5px;
    position: relative;
    width: 30px;
  }
}

@media screen and (max-width: 750px) {
  .strengths {
    display: none;
  }
}

.nav-sp {
  display: none;
}

@media screen and (max-width: 750px) {
  .nav-sp {
    display: block;
  }

  .nav-sp ul {
    padding: 27px 8%;
  }

  .nav-sp li {
    border-radius: 2px;
  }

  .nav-sp a {
    align-items: center;
    display: block;
    display: flex;
    font-size: var(--main-sp-txt);
    letter-spacing: 0;
    line-height: 1.5;
    padding: 28px 15px 23px 20px;
  }

  .nav-sp .img {
    margin-right: 10px;
    min-width: 21px;
  }

  .nav-sp li + li {
    margin-top: 10px;
  }
}

@media screen and (max-width: 525px) {
  .nav-sp a {
    font-size: 17px;
    padding: 20px 15px 16px 20px;
  }
}

/* row */

.row {
  margin-bottom: 12px;
  margin-top: 14px;
}

@media screen and (max-width: 750px) {
  .row {
    display: none;
  }
}

.row_container {
  margin: 15px auto;
  width: calc(100% - 300px);
}

@media screen and (max-width: 1168px) {
  .row_container {
    margin: 15px auto;
    width: calc(100% - 200px);
  }
}

@media screen and (max-width: 1056px) {
  .row_container {
    margin: 15px auto;
    width: calc(100% - 100px);
  }
}

@media screen and (max-width: 955px) {
  .row_container {
    margin: 8px auto;
    position: relative;
    width: 90%;
  }
}

@media screen and (max-width: 525px) {
  .row_sp .row_container {
    left: -10px;
    margin: 8px auto;
    position: relative;
    width: 90%;
  }
}

@media screen and (max-width: 359px) {
  .row_container {
    left: 2px;
    width: 80%;
  }
}

.row ul {
  display: flex;
  font-size: 16px;
  justify-content: center;
}

.row li {
  border-radius: 5px;
  box-sizing: border-box;
  height: 55px;
  line-height: 2.1;
  margin-right: 4px;
  padding: 8px 0 3px;
  width: 380px;
}

@-moz-document url-prefix() {
  .row li.mutual_fund {
    padding: 5px 0 16px;
  }
}

.row li:nth-child(3) {
  margin-right: 0;
}

.row a {
  border-radius: 5px;
  display: block;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
}

@media screen and (max-width: 955px) {
  .row a {
    font-size: 12px;
  }
}

.row a::before {
  padding-right: 8px;
  position: relative;
  vertical-align: middle;
}

.row .account a::before {
  content: url(../img/common/icon_account_w.png);
  left: 2px;
  top: 3px;
}

.row .store a::before {
  content: url(../img/common/icon_store_w.png);
  left: 3px;
  top: 2px;
}

.row .mutual_fund a::before {
  content: url(../img/common/icon_mutual_fund_w.png);
  left: 4px;
  top: 4px;
}

@-moz-document url-prefix() {
  .row .mutual_fund a::before {
    content: url(../img/common/icon_mutual_fund_w.png);
    left: 4px;
    top: 9px;
  }
}

/* news */

.news {
  border-bottom: 2px solid #ddd;
  border-top: 2px solid #ddd;
}

@media screen and (max-width: 750px) {
  .news {
    border-bottom: none;
    border-top: none;
  }
}

.news_container {
  margin: 19px auto 0;
  max-width: 100%;
  padding: 0 54px;
  position: relative;
  width: 1080px;
}

@media screen and (max-width: 1168px) {
  .news_container {
    max-width: 94%;
  }
}

@media screen and (max-width: 750px) {
  .news_container {
    border: none;
    margin-top: 36px;
    max-width: 100%;
    padding: 0 4%;
  }
}

.mail-magazine {
  border: 1px solid #dfdfdf;
  border-radius: 2px;
  box-sizing: border-box;
  display: inline-block;
  font-size: 16px;
  padding: 10px 20px 8px 0;
  position: relative;
  position: absolute;
  right: 30px;
  text-align: right;
  top: 17px;
  width: 216px;
}

@media screen and (max-width: 750px) {
  .mail-magazine {
    display: none;
  }
}

.mail-magazine-sp {
  display: none;
}

@media screen and (max-width: 750px) {
  .mail-magazine-sp {
    border: 2px solid #dfdfdf;
    border-radius: 2px;
    border-radius: 3px;
    box-sizing: border-box;
    display: block;
    font-size: var(--main-sp-txt);
    margin: 50px auto 20px;
    padding: 10px 20px 8px 0;
    text-align: center;
    width: 90%;
  }

  .mail-magazine-sp::before {
    background-image: url(/img/common/icon_mail-sp.png);
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    display: inline-block;
    height: 47px;
    margin-right: 10px;
    position: relative;
    vertical-align: middle;
    width: 32px;
  }
}

@media screen and (max-width: 500px) {
  .mail-magazine-sp {
    width: 55%;
  }

  .mail-magazine-sp {
    font-size: 15px;
    margin: 50px auto 20px;
    padding: 10px 0 8px 0;
    width: 55%;
  }

  .mail-magazine-sp::before {
    margin-right: 3px;
    top: 7px;
    width: 25px;
  }
}

@media screen and (max-width: 1168px) {
  .mail-magazine {
    font-size: 12px;
    padding: 10px 8px 8px 0;
    right: 20px;
    top: 12px;
    width: 150px;
  }
}

.mail-magazine::before {
  content: url(../img/common/icon_mail.png);
  left: 28px;
  position: absolute;
  top: 9px;
}

.mail-magazine.market-page::before {
  left: 40px;
}

@media screen and (max-width: 1168px) {
  .mail-magazine::before {
    left: 10px;
    position: absolute;
    top: 6px;
  }
}

.news h2 {
  padding-top: 22px;
}

@media screen and (max-width: 750px) {
  .news h2 {
    display: none;
  }
}

.news .btn {
  margin-bottom: 12px;
  margin-top: 33px;
}

@media screen and (max-width: 750px) {
  .news .btn {
    margin-bottom: 40px;
  }
}

.news_list {
  margin-top: 34px;
}

@-moz-document url-prefix() {
  .news_list li + li {
    margin-top: 10px;
  }
}

@media screen and (max-width: 750px) {
  .news_list {
    margin-top: 29px;
  }

  .news .news_list a:before {
    content: none;
  }

  .news .news_list p {
    display: flex;
    position: relative;
    width: 100%;
  }

  .news .news_list p:before {
    background-image: url(/img/common/arrow.png);
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    display: inline-block;
    height: 14px;
    margin-right: 10px;
    max-width: 14px;
    position: relative;
    top: 3px;
    vertical-align: middle;
    width: 100%;
  }
}

@media screen and (max-width: 750px) {
  .news_list .undisplasy {
    display: none;
  }
}

.news_list_item {
  align-items: flex-start;
  display: flex;
}

.news_list_item + .news_list_item {
  padding-top: 10px;
}

@media screen and (max-width: 750px) {
  .news_list_item {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
  }
}

.news_list_item_label {
  border-radius: 5px;
  box-sizing: border-box;
  display: inline-block;
  height: 30px;
  margin-right: 10px;
  padding: 4px 2px 2px 2px;
  text-align: center;
  width: 85px;
}

@media screen and (max-width: 750px) {
  .news_list_item_label {
    padding: 2px;
  }
}

p.news_list_text {
  align-items: center;
  display: flex;
}

.news_list_item_label_text {
  flex: 1;
}

.news_list_item_label.news_list_item_label-small {
  font-size: 12px;
  padding: 6px 2px 2px 2px;
}

@media screen and (max-width: 750px) {
  .news li + li {
    padding-top: 30px;
  }
}

.news li a {
  display: flex;
  padding-left: 23px;
  position: relative;
}

@media screen and (max-width: 750px) {
  .news li a {
    padding-left: 0;
  }
}

@media screen and (max-width: 750px) {
  .news li a {
    position: relative;
  }
}

.news li a::before {
  content: url(../img/common/arrow.png);
  padding-right: 12px;
}

@media screen and (max-width: 750px) {
  .news li a::before {
    background-image: url(/img/common/arrow.png);
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    display: inline-block;
    height: 14px;
    margin-right: 10px;
    position: relative;
    top: 5px;
    vertical-align: middle;
    width: 14px;
  }
}

.news .news_list_date {
  align-items: center;
  display: flex;
  font-size: 15px;
  line-height: 1.75;
}

.news a.emphasis:hover {
  font-weight: bold;
  opacity: 1;
}

@media screen and (max-width: 750px) {
  .news .news_list_date {
    font-size: 19px;
  }

  .news p {
    font-size: 19px;
  }
}

@media screen and (max-width: 615px) {
  .news .news_list_date {
    font-size: 15px;
  }

  .news p {
    font-size: 15px;
  }
}

/* strength */

.strengths {
  margin-top: 21px;
}

.strengths h2 {
  font-size: 25px;
  line-height: 1.2;
  margin: 0 auto;
  padding: 37px 0 3px 6px;
}

.strengths .lead {
  font-size: 16px;
  padding-top: 20px;
  text-align: center;
}

.strengths_bg {
  position: relative;
  top: -30px;
  width: 100%;
  z-index: -1;
}

.strengths_container {
  position: relative;
}

.strengths_container ul {
  align-items: center;
  display: flex;
  justify-content: space-around;
  margin-top: -20px;
}

.strengths_container li {
  border-radius: 50%;
  height: 150px;
  position: relative;
  text-align: left;
  top: 50px;
  width: 150px;
}

@media screen and (max-width: 995px) {
  .strengths_container li {
    font-size: 14px;
    height: 130px;
    line-height: 1.3;
    position: relative;
    text-align: left;
    top: 35px;
    width: 130px;
  }
}

.competence_txt {
  font-size: 17px;
  line-height: 1.3;
  padding: 50px 0;
  text-align: center;
}

@media screen and (max-width: 995px) {
  .competence_txt {
    padding: 42px 0;
  }
}

.competence_txt.adjust {
  padding: 55px 0;
}

@media screen and (max-width: 995px) {
  .competence_txt.adjust {
    padding: 47px 0;
  }
}

.strengths .btn {
  display: block;
  margin-bottom: 40px;
  margin-top: 0;
  position: relative;
  z-index: 3;
}

/* article */

.article h2 {
  padding-top: 29px;
}

.article .btn {
  margin-top: 17px;
}

.article_container {
  margin: 0 auto;
  padding: 26px 0 63px;
  width: calc(100% - 164px);
}

@media screen and (max-width: 1168px) {
  .article_container {
    width: calc(100% - 80px);
  }
}

.article .summary-title {
  font-size: 16px;
  font-weight: bold;
  text-align: center;
}

@media screen and (max-width: 1108px) {
  .article .summary-title {
    font-size: 14px;
  }
}

@media screen and (max-width: 839px) {
  .article .summary-title {
    font-size: 12px;
  }
}

.article .summary-title::before {
  content: url(../img/common/arrow.png);
  padding-right: 10px;
  vertical-align: middle;
}

.article a {
  display: block;
  position: relative;
}

.article .summary {
  background-color: rgba(255, 255, 255, .8);
  font-size: 15px;
  padding: 8px 16px 7px;
  position: absolute;
  top: 0;
  width: 100%;
}

@media screen and (max-width: 1108px) {
  .article .summary {
    padding: 8px 12px 8px 5px;
  }
}

@media screen and (max-width: 750px) {
  .article {
    display: none;
  }
}

/* beginner */

.beginner {
  background-image: url(/img/top/bg_beginner.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 1240px;
  position: relative;
  text-align: center;
}

.beginner img {
  display: block;
  left: 0;
  margin: 0 auto;
  position: absolute;
  right: 0;
  top: -22px;
}

.beginner h2 {
  box-sizing: border-box;
  display: inline-block;
  font-size: 16px;
  font-weight: bold;
  letter-spacing: .05rem;
  margin: 0 auto;
  padding-bottom: 4px;
  padding-top: 30px;
}

.beginner h3 {
  font-size: 30px;
  letter-spacing: .2rem;
  padding-top: 21px;
}

.beginner .sub_title {
  letter-spacing: .05rem;
  padding-bottom: 4px;
  position: relative;
  top: -5px;
}

.beginner_container {
  background-color: #fff;
  margin: 0 auto;
  width: calc(100% - 240px);
}

@media screen and (max-width: 1240px) {
  .beginner_container {
    width: calc(100% - 140px);
  }
}

.beginner_container .lead-text p {
  font-size: var(--main-sp-txt);
  letter-spacing: .05rem;
  margin: 0 auto;
  padding: 50px 0 10px;
  width: 100%;
}

@media screen and (max-width: 955px) {
  .beginner_container .lead-text p {
    font-size: 18px;
    padding: 20px 0 10px;
  }
}

.beginner_container .text {
  margin: 0 auto;
  width: 900px;
}

.beginner_container .text p {
  font-size: 16px;
  line-height: 1.75;
  margin: 0 auto;
  padding-top: 24px;
  width: 900px;
}

@media screen and (max-width: 1240px) {
  .beginner_container .text {
    margin: 0 auto;
    max-width: 90%;
    width: 900px;
  }

  .beginner_container .text p {
    font-size: 15px;
    line-height: 1.75;
    margin: 0 auto;
    max-width: 90%;
    padding-top: 15px;
    width: 900px;
  }
}

@media screen and (max-width: 750px) {
  .beginner {
    display: none;
  }
}

.white-space {
  background-color: #fff;
  height: 71px;
}

@media screen and (max-width: 750px) {
  .white-space {
    display: none;
  }
}

/* ↓↓↓　トップページの資産運用ソリューションのスライドショーについて ↓↓↓*/

.top_solution {
  margin: 0 auto;
  padding: 26px 0 63px;
  width: calc(100% - 164px);
}

.swiper-button-next, .swiper-button-prev {
  background: #dfdfdf;
  border-radius: 50%;
  height: 40px;
  width: 40px;
}

.swiper-button-next:after, .swiper-button-prev:after {
  color: #000;
  font-size: 20px;
}

/* ↑↑↑　トップページの資産運用ソリューションのスライドショーについて　↑↑↑*/

/* bcp */

.bcp {
  height: 500px;
  margin: 0 auto;
  max-height: 460px;
  max-width: 100%;
  width: 1240px;
}

.bcp .bg-img {
  background-image: url(/img/top/J\ _map.png);
  background-position: right 50%;
  background-repeat: no-repeat;
  background-size: 75%;
  height: 500px;
  margin: 0 auto;
  max-width: 90%;
  position: relative;
  width: 1240px;
  z-index: 2;
}

@media screen and (max-width: 1168px) {
  .bcp .bg-img {
    top: 10px;
  }
}

@media screen and (max-width: 1083px) {
  .bcp .bg-img {
    background-position: right 55%;
  }
}

@media screen and (max-width: 996px) {
  .bcp .bg-img {
    background-position: right 49%;
  }
}

@media screen and (max-width: 919px) {
  .bcp .bg-img {
    background-position: right 46%;
  }
}

.bcp .bg-img .sub_title {
  font-size: 15px;
}

.bcp .bg-color {
  background-color: #fff;
  height: 238px;
  margin: 0 auto;
  position: relative;
  top: -355px;
  width: calc(100% - 172px);
  z-index: 1;
}

@media screen and (max-width: 1168px) {
  .bcp .bg-color {
    height: 208px;
    top: -340px;
  }
}

@media screen and (max-width: 996px) {
  .bcp {
    max-height: 440px;
  }
}

@media screen and (max-width: 919px) {
  .bcp {
    max-height: 400px;
  }
}

.bcp h2 {
  font-size: 30px;
  padding-top: 54px;
}

@media screen and (max-width: 1168px) {
  .bcp h2 {
    padding-top: 38px;
  }
}

.bcp_container {
  margin: 5px auto 0;
  max-width: 100%;
  padding: 0 41px 38px;
  position: relative;
  width: calc(100% - 50px);
  z-index: 2;
}

@media screen and (max-width: 1244px) {
  .bcp_container {
    padding: 10px 41px 38px;
  }
}

@media screen and (max-width: 1168px) {
  .bcp_container {
    padding: 14px 28px 38px;
  }
}

@media screen and (max-width: 1092px) {
  .bcp_container {
    padding: 0 41px 38px 35px;
    width: calc(100% - 170px);
  }
}

/* @media screen and (max-width: 1092px) {
  .bcp_container {
    padding: 35px 41px 38px 35px;
  }
} */

.bcp_container img {
  position: absolute;
  right: 35px;
  top: -46px;
  width: 50%;
}

.bcp_container p {
  font-size: 16px;
  letter-spacing: .05rem;
  line-height: 1.6;
  max-width: 572px;
  width: 57%;
}

@media screen and (max-width: 1124px) {
  .bcp_container p {
    font-size: 14.5px;
  }
}

@media screen and (max-width: 996px) {
  .bcp_container p {
    font-size: 14px;
    line-height: 1.5;
    width: 65%;
  }
}

@media screen and (max-width: 779px) {
  .bcp_container p {
    font-size: 13px;
  }
}

@media screen and (max-width: 938px) {
  .bcp .bg-color {
    width: calc(100% - 80px);
  }
}

@media screen and (max-width: 919px) {
  .bcp .bg-color {
    top: -370px;
    width: calc(100% - 80px);
  }
}

@media screen and (max-width: 919px) {
  .bcp .bg-color {
    height: 230px;
  }
}

.bcp_container p + p {
  padding-top: 10px;
}

@media screen and (max-width: 1168px) {
  .bcp_container p + p {
    padding-top: 10px;
  }
}

@media screen and (max-width: 919px) {
  .bcp_container p + p {
    padding-top: 10px;
  }

  .bcp_container {
    padding: 20px 41px 38px 35px;
    top: -30px;
    width: calc(100% - 64px);
  }
}

@media screen and (max-width: 750px) {
  .bcp {
    display: none;
  }
}

.bcp .btn {
  bottom: 0;
  position: relative;
}

@media screen and (max-width: 1256px) {
  .bcp .btn {
    bottom: 20px;
  }
}

@media screen and (max-width: 1244px) {
  .bcp .btn {
    bottom: 35px;
  }
}

@media screen and (max-width: 1178px) {
  .bcp .btn {
    bottom: 60px;
  }
}

@media screen and (max-width: 1168px) {
  .bcp .btn {
    bottom: 35px;
  }
}

@media screen and (max-width: 1149px) {
  .bcp .btn {
    bottom: 60px;
  }
}
@media screen and (max-width: 1124px) {
  .bcp .btn {
    bottom: -5px;
  }
}

@media screen and (max-width: 1118px) {
  .bcp .btn {
    bottom: 10px;
  }
}

@media screen and (max-width: 1092px) {
  .bcp .btn {
    bottom: 25px;
  }
}

@media screen and (max-width: 964px) {
  .bcp .btn {
    bottom: 25px;
  }
}

@media screen and (max-width: 919px) {
  .bcp .btn {
    bottom: 70px;
  }
}

/* online-service */

.online-service {
  background-image: url(/img/top/bg_tyuranet.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 1240px;
  height: 350px;
  text-align: center;
}

@media screen and (max-width: 750px) {
  .online-service {
    display: none;
  }
}

.online-service .title {
  color: #183f7f;
  padding-top: 20px;
  text-align: center;
}

.online-service h2 {
  font-size: 16px;
  font-weight: bold;
}

@media screen and (max-width: 995px) {
  .online-service h2 {
    font-size: 15px;
    font-weight: bold;
  }
}

.online-service .title h3 {
  font-size: 26px;
}

.online-service .detail {
  display: flex;
  justify-content: space-between;
}

.online-service .detail .img-left {
  left: 92px;
  position: relative;
  top: -6px;
}

.online-service .detail .img-right {
  position: relative;
  top: 28px;
}

.online-service .detail .img-left img {
  position: relative;
  top: 92px;
  width: 268px;
}

.online-service .detail .img-right img {
  position: relative;
  top: 85px;
  width: 347px;
}

.online-service .detail_area {
  /* background-color: rgb(24, 63, 127); */
  bottom: -28px;
  box-sizing: border-box;
  color: #fff;
  font-size: 16px;
  height: 348px;
  left: 42px;
  position: relative;
  text-align: left;
  top: 1px;
  width: 390px;
}

.online-service .detail_area ol {
  letter-spacing: .06rem;
  line-height: 1.6;
  padding: 10px 0 10px 60px;
}

.online-service .detail_area_text {
  border-top: 1px solid #fff;
  line-height: 1.9;
  margin: 0 auto;
  padding-top: 10px;
  text-align: center;
  width: 330px;
}

.online-service .online-service_btn {
  border-radius: 5px;
  display: block;
  font-size: 16px;
  font-weight: bold;
  margin: 0 auto;
  margin-top: 20px;
  padding: 8px 15px;
  text-align: center;
  width: 200px;
}

.online-service .detail .img-right .btn img {
  left: 37px;
  position: absolute;
  top: 10px;
  width: .8rem;
}

@media screen and (max-width: 1168px) {
  .online-service .detail .img-left {
    left: 90px;
    top: 22px;
  }

  .online-service .detail .img-left img {
    width: 228px;
  }

  .online-service .detail .img-right {
    top: 37px;
  }

  .online-service .detail .img-right img {
    width: 307px;
  }

  .online-service .detail_area {
    width: 370px;
  }

  .online-service .detail_area ol {
    padding: 16px 0 12px 50px;
  }

  .online-service .detail_area_text {
    line-height: 1.5;
    padding-top: 12px;
    width: 320px;
  }
}

@media screen and (max-width: 1053px) {
  .online-service .detail .img-left {
    left: 50px;
  }

  .online-service .detail .img-left img {
    width: 230px;
  }

  .online-service .detail .img-right img {
    width: 280px;
  }

  .online-service .detail_area {
    font-size: 16px;
    left: 28px;
    width: 360px;
  }

  .online-service .detail_area_text {
    line-height: 1.5;
    padding-top: 12px;
    width: 320px;
  }
}

@media screen and (max-width: 995px) {
  .online-service .detail .img-left {
    left: 4%;
  }

  .online-service .detail .img-left img {
    width: 180px;
  }

  .online-service .detail .img-right img {
    width: 214px;
  }

  .online-service .detail_area {
    font-size: 15px;
    left: 14px;
    width: 305px;
  }

  .online-service .detail_area ol {
    padding: 20px 0 22px 30px;
  }

  .online-service .detail_area_text {
    font-size: 12px;
    line-height: 1.5;
    padding-top: 20px;
    width: 240px;
  }

  .online-service .detail_area_text p {
    font-size: 13px;
  }
}

.online-service .btn {
  bottom: -80px;
  padding: 8px 0 8px 20px;
  position: relative;
}

.online-service .btn::before {
  content: none;
}

/* info */

.info {
  width: 100%;
}

.info_container {
  margin: 0 auto;
  padding: 21px 0 45px;
  position: relative;
  width: calc(100% - 164px);
}

@media screen and (max-width: 1168px) {
  .info_container {
    width: calc(100% - 80px);
  }
}

.info .container {
  position: relative;
}

.info .info_mail {
  position: absolute;
  right: 83px;
  top: 36px;
}

@media screen and (max-width: 1168px) {
  .info .info_mail {
    right: 40px;
  }
}

.info h2 {
  padding-top: 40px;
}

.info ul {
  display: flex;
  flex-wrap: wrap;
  gap: 18px;
}

.info li {
  width: calc((100% - 54px) / 4);
}

.info img {
  width: 100%;
}

.info a {
  position: relative;
}

@media screen and (max-width: 750px) {
  .info {
    display: none;
  }
}

/* csr */

.csr_container {
  margin: 0 auto;
  padding: 21px 0 45px;
  width: calc(100% - 164px);
}

@media screen and (max-width: 750px) {
  .csr_container {
    margin: 0 auto;
    padding-top: 21px;
    width: calc(100% - 160px);
  }
}

@media screen and (max-width: 1168px) {
  .csr_container {
    width: calc(100% - 80px);
  }
}

.csr h2 {
  padding-top: 49px;
}

.csr .lead-text {
  font-size: 16px;
  line-height: 1.75;
  margin-top: 14px;
  text-align: center;
}

@media screen and (max-width: 750px) {
  .csr .lead-text {
    display: none;
  }
}

.csr ul {
  display: flex;
  flex-wrap: wrap;
  gap: 18px;
}

@media screen and (max-width: 750px) {
  .csr ul {
    display: block;
  }
}

.csr li {
  width: calc((100% - 54px) / 4);
}

@media screen and (max-width: 750px) {
  .csr li {
    max-width: 100%;
    width: 670px;
  }

  .csr li + li {
    margin-top: 16px;
  }
}

.csr img {
  width: 100%;
}

.csr a {
  position: relative;
}

@media screen and (max-width: 750px) {
  .csr a.btn {
    display: none;
  }
}

.csr .summary_title::before {
  content: url(../img/common/arrow.png);
  padding-right: 5px;
  position: relative;
  vertical-align: middle;
}

.affiliated-company {
  display: flex;
  gap: 10px;
  margin: 0 auto;
  max-width: 100%;
  padding-bottom: 29px;
  width: 373px;
}

@media screen and (max-width: 750px) {
  .affiliated-company {
    display: none;
  }
}

/* footer */

.footer {
  color: #fff;
}

.footer .container ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0 auto;
  padding-top: 45px;
  width: calc(100% - 100px);
}

@media screen and (max-width: 750px) {
  .footer .container ul {
    width: calc(100% - 40px);
  }
}

.footer li {
  line-height: 14px;
  margin-bottom: 16px;
  padding-right: 18px;
}

@media screen and (max-width: 750px) {
  .footer li {
    line-height: 22px;
    margin-bottom: 16px;
    padding-right: 18px;
  }
}

.footer li a {
  display: inline-block;
  font-size: 15px;
  letter-spacing: .05rem;
}

@media screen and (max-width: 750px) {
  .footer li a {
    display: inline-block;
    font-size: 22px;
  }
}

@media screen and (max-width: 615px) {
  .footer li a {
    font-size: 15px;
  }
}

.footer li + li {
  border-left: 1px solid #fff;
  box-sizing: border-box;
  padding-left: 18px;
}

.footer .company-info {
  padding-bottom: 45px;
  text-align: center;
}

.footer .company-info h2 {
  line-height: 1.2;
  margin-top: 53px;
}

@media screen and (max-width: 750px) {
  .footer .company-info p {
    font-size: 24px;
    line-height: 1.6;
  }
}

@media screen and (max-width: 615px) {
  .footer .company-info p {
    font-size: 15px;
  }
}

@media screen and (max-width: 750px) {
  .footer .company-info h2 {
    font-size: 32px;
    line-height: 1.5;
    margin-top: 53px;
  }
}

.footer .company-info p {
  line-height: 1.8;
  padding-top: 31px;
}

.footer .copyright {
  background-color: #fff;
  padding: 18px 0 14px;
  text-align: center;
}

.footer .copyright small {
  color: #212121;
  font-size: 11px;
  line-height: 1.2;
}

@media screen and (max-width: 750px) {
  .footer .copyright small {
    font-size: 16px;
  }
}
/* 
@media screen and (max-width: 615px) {
  .footer .copyright small {
    font-size: 15px;
    padding: 0 10px;
  }
} */

/* 上に戻るボタン */
.pagetop {
  border-radius: 3.3rem;
  bottom: 1rem;
  color: #fff;
  cursor: pointer;
  display: none;
  font-size: 1.5rem;
  height: 3.3rem;
  line-height: 3.3;
  position: fixed;
  right: 1rem;
  text-align: center;
  text-decoration: none;
  width: 3.3rem;
  z-index: 99;
}

.pagetop:hover {
  opacity: .7;
}

/* top_hero */
.top_hero {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  margin: 0 auto;
}

/* ↓↓↓　企業案内 ↓↓↓*/
#company {
  background-image: url(/img/company/company_main.png);
  height: 459px;
}

@media screen and (max-width: 1240px) {
  #company {
    height: 386px;
  }
}

@media screen and (max-width: 786px) {
  #company {
    height: 310px;
  }
}

@media screen and (max-width: 500px) {
  #company {
    height: 260px;
  }
}

.top_hero .company_info {
  padding: 25px 0 0 5%;
}

@media screen and (max-width: 500px) {
  .top_hero .company_info {
    padding: 12px 0 0 5%;
  }
}

#company ul {
  display: flex;
  font-size: 15px;
  line-height: 2;
}

.top_hero .back-to-home a {
  border-bottom: 1px solid #fff;
}

.top_hero .back-to-home a:hover {
  border-bottom: none;
}

.top_hero .back-to-home::after {
  content: ">";
  display: inline-block;
  margin: 0 13px;
}

.top_hero h1 {
  font-size: 30px;
  font-weight: normal;
  letter-spacing: .03em;
  margin: 14px 0 0 7%;
}

@media screen and (max-width: 500px) {
  .top_hero h1 {
    margin: 10px 0 0 5%;
  }
}

/* theme */
.theme h2 {
  font-size: 28px;
  font-weight: normal;
  letter-spacing: .02em;
  line-height: 1.2;
  margin: 0 auto;
  max-width: 90%;
  padding-top: 73px;
}

.theme .theme_txt {
  margin: 0 auto;
  max-width: 85%;
  padding: 55px 0 0;
  width: 750px;
}

.theme .theme_txt p {
  font-size: 16px;
  letter-spacing: .05em;
  line-height: 1.75;
}

.theme .theme_txt.company-page p {
  font-size: 20px;
  text-align: center;
}

@media screen and (max-width: 500px) {
  .theme .theme_txt p {
    font-size: 14px;
    letter-spacing: .05em;
    line-height: 1.7;
  }
}

.theme .border {
  margin: 30px auto 130px;
  padding-bottom: 25px;
  width: 80px;
}

/* top_nav */

.top_nav_group_container {
  padding-bottom: 50px;
  position: relative;
  top: -73px;
}

.top_nav .top_nav_group {
  margin: 0 auto;
  position: relative;
  width: calc(100% - 164px);
}

.company-dummy {
  bottom: 30%;
  font-size: 22px;
  left: 20%;
  position: absolute;
}

@media screen and (max-width: 616px) {
  .company-dummy {
    bottom: 65%;
    font-size: 18px;
    left: 40%;
  }
}

@media screen and (max-width: 350px) {
  .company-dummy {
    bottom: 70%;
  }
}

@media screen and (max-width: 1168px) {
  .top_nav .top_nav_group {
    width: calc(100% - 110px);
  }
}

@media screen and (max-width: 995px) {
  .top_nav .top_nav_group {
    width: calc(100% - 70px);
  }
}

@media screen and (max-width: 500px) {
  .top_nav .top_nav_group {
    width: calc(100% - 26px);
  }
}

.top_nav .top_nav_group.first ul {
  display: flex;
  gap: 16px;
}

.top_nav .top_nav_group.first li {
  width: calc((100% - 16px) / 2);
}

@media screen and (max-width: 616px) {
  .top_nav .top_nav_group.first ul {
    flex-direction: column;
  }

  .top_nav .top_nav_group.first li {
    margin: 0 auto;
    width: 100%;
  }
}

.top_nav .summary {
  display: flex;
  height: 68px;
  padding-left: 11px;
}

@media screen and (max-width: 380px) {
  .top_nav .second .summary {
    height: 85px;
  }
}

.top_nav .img {
  margin-right: 5px;
  min-width: 12px;
  padding-top: 20px;
}

.top_nav .summary p {
  display: flex;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.2;
  padding: 20px 10px 21px 0;
}

.top_nav .summary-title {
  font-size: 16px;
}

@media screen and (max-width: 1168px) {
  .top_nav .summary-title {
    font-size: 13px;
  }
}

@media screen and (max-width: 995px) {
  .top_nav .summary p {
    font-size: 14px;
  }
}

.top_nav .top_nav_group.second {
  margin-top: 28px;
}

.top_nav .top_nav_group.second ul {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

.top_nav .top_nav_group.second li {
  width: calc((100% - 40px) / 3);
}

@media screen and (max-width: 995px) {
  .top_nav .top_nav_group.second ul {
    gap: 10px;
  }

  .top_nav .top_nav_group.second li {
    width: calc((100% - 20px) / 3);
  }
}

@media screen and (max-width: 616px) {
  .top_nav .top_nav_group.second ul {
    display: block;
  }

  .top_nav .top_nav_group.second li {
    width: 100%;
  }

  .top_nav .top_nav_group.second li + li {
    margin-top: 15px;
  }

  .top_nav .top_nav_group.second li img {
    max-width: 546px;
    width: 100%;
  }
}

/* ↑↑↑　企業案内 ↑↑↑*/

/* ↓↓↓　CSR ↓↓↓*/
#csr {
  background-image: url(/img/csr/csr_top.jpg);
  height: 536px;
}

@media screen and (max-width: 1240px) {
  #csr {
    height: 460px;
  }
}

@media screen and (max-width: 995px) {
  #csr {
    height: 346px;
  }
}

@media screen and (max-width: 500px) {
  #csr {
    height: 260px;
  }
}

#csr ul {
  display: flex;
  font-size: 15px;
  line-height: 2;
}

.theme .csr.border {
  margin: 30px auto 0;
  padding-bottom: 0;
}

.theme.csr_page h2 {
  padding-top: 65px;
}

.theme.csr_page .theme_txt {
  margin-top: 40px;
}

.top_nav_group_container.csr {
  top: 0;
}

.news.csr_page {
  border-bottom: none;
  border-top: none;
  max-width: 100%;
  width: 1240px;
}

.theme h2.csr {
  padding-top: 66px;
}

@media screen and (max-width: 750px) {
  .theme h2.csr {
    display: block;
  }

  .news.csr_page time, .news.csr_page p {
    font-size: 16px;
  }

  .news.csr_page li + li {
    padding-top: 20px;
  }
}

.news .csr_page_container {
  border: 2px solid #ddd;
  margin: 14px auto 87px;
  max-width: 100%;
  padding: 36px 25px 20px;
  position: relative;
  width: calc(100% - 160px);
}

@media screen and (max-width: 750px) {
  .news .csr_page_container {
    width: calc(100% - 80px);
  }
}

@media screen and (max-width: 445px) {
  .news .csr_page_container {
    width: calc(100% - 40px);
  }
}

.news.csr_page .btn {
  margin-bottom: 0;
  margin-top: 14px;
}

@media screen and (max-width: 750px) {
  .news.csr_page .btn {
    font-size: 16px;
    line-height: 1.5;
    margin-bottom: 10px;
    margin-top: 25px;
    width: 50%;
  }
}

@media screen and (max-width: 445px) {
  .news.csr_page .btn {
    font-size: 13px;
  }
}

.sports_area {
  margin: 50px auto 0;
  max-width: 1240px;
  width: 100%;
}

.sports_container {
  margin: 0 auto;
  max-width: 100%;
  width: calc(100% - 160px);
}

@media screen and (max-width: 1038px) {
  .sports_container {
    margin: 0 auto;
    max-width: 100%;
    width: calc(100% - 80px);
  }
}

@media screen and (max-width: 888px) {
  .sports_container {
    margin: 0 auto;
    max-width: 100%;
    width: calc(100% - 40px);
  }
}

.sports_mark {
  left: 50%;
  position: absolute;
  top: -27px;
  transform: translate(-50%);
}

h3.sports_title {
  font-size: 24px;
  letter-spacing: .05rem;
  padding-top: 55px;
  text-align: center;
}

.tennis {
  position: relative;
}

.tennis_lead {
  margin-top: 27px;
}

.tennis_lead p {
  font-size: 16px;
  letter-spacing: .05rem;
  line-height: 1.75;
}

.tennis_lead p + p {
  padding-top: 35px;
}

@media screen and (max-width: 888px) {
  .tennis_lead p + p {
    padding-top: 20px;
  }
}

.tennis ul {
  display: flex;
  flex-wrap: wrap;
  gap: 40px;
  margin-top: 36px;
}

@media screen and (max-width: 592px) {
  .tennis ul {
    display: block;
  }
}

@media screen and (max-width: 888px) {
  .tennis ul {
    gap: 20px;
  }
}

.tennis li {
  box-shadow: 1px 1px rgb(220, 220, 220);
  position: relative;
  width: calc((100% - 40px) / 2);
}

@media screen and (max-width: 888px) {
  .tennis li {
    box-shadow: 1px 1px rgb(220, 220, 220);
    position: relative;
    width: calc((100% - 20px) / 2);
  }
}

@media screen and (max-width: 592px) {
  .tennis li {
    margin-top: 20px;
    width: 100%;
  }
}

.sports_info {
  background: linear-gradient(
  102deg,
  #e5e5e5 0%,
  #e5e5e5 27%,
  #fff 27%,
  #fff 85%,
  #e5e5e5 85%,
  #e5e5e5 100%
  );
  column-gap: 22px;
  display: flex;
  padding: 19px;
}

@media screen and (max-width: 663px) {
  .sports_info {
    column-gap: 10px;
    padding: 10px;
  }
}

@media screen and (max-width: 592px) {
  .sports_info {
    column-gap: 20px;
  }
}

@media screen and (max-width: 1038px) {
  .tennis_player_info {
    column-gap: 5%;
    padding: 19px;
  }
}

.tennis_player_img img {
  height: 227px;
  min-width: 178px;
}

@media screen and (max-width: 1038px) {
  .tennis_player_img img {
    height: auto;
    min-width: 160px;
  }
}

@media screen and (max-width: 888px) {
  .tennis_player_img img {
    height: auto;
    min-width: 150px;
  }
}

@media screen and (max-width: 786px) {
  .tennis_player_img img {
    height: auto;
    min-width: 140px;
  }
}

@media screen and (max-width: 663px) {
  .tennis_player_img img {
    height: auto;
    min-width: 120px;
  }
}

.tennis_player_txt {
  width: 282px;
}

.tennis_player_txt .alphabet {
  font-size: 12px;
  letter-spacing: .05rem;
  line-height: 2.33;
}

@media screen and (max-width: 1038px) {
  .tennis_player_txt .alphabet {
    font-size: 1vw;
  }
}

@media screen and (max-width: 592px) {
  .tennis_player_txt .alphabet {
    font-size: 2.3vw;
  }
}

.tennis_player_txt .name {
  font-size: 26px;
  font-weight: bold;
  letter-spacing: .05rem;
  line-height: 1.07;
}

@media screen and (max-width: 1038px) {
  .tennis_player_txt .name {
    font-size: 2.5vw;
  }
}

@media screen and (max-width: 592px) {
  .tennis_player_txt .name {
    font-size: 4.5vw;
  }
}

.tennis_player_txt .birthday {
  font-size: 15px;
  font-weight: bold;
  line-height: 2;
  padding-top: 10px;
}

@media screen and (max-width: 947px) {
  .tennis_player_txt .birthday {
    line-height: 1.2;
  }
}

@media screen and (max-width: 663px) {
  .tennis_player_txt .birthday {
    padding-top: 5px;
  }
}

@media screen and (max-width: 592px) {
  .tennis_player_txt .birthday {
    font-size: 3vw;
    padding-top: 15px;
  }
}

.tennis_player_txt .ranking {
  font-size: 16px;
  font-weight: bold;
  letter-spacing: .05rem;
  line-height: 1.75;
  padding-top: 30px;
  width: 100%;
}

@media screen and (max-width: 1168px) {
  .tennis_player_txt .ranking {
    font-size: 1.5vw;
    line-height: 1.2;
    padding-top: 7%;
  }
}

@media screen and (max-width: 592px) {
  .tennis_player_txt .ranking {
    font-size: 3vw;
    line-height: 1.2;
    padding-top: 7%;
  }
}

.tennis_player_item .btn {
  bottom: 14px;
  box-sizing: border-box;
  font-size: 14px;
  padding: 10px 0 8px;
  position: absolute;
  right: 12px;
  width: 32%;
}

@media screen and (max-width: 1168px) {
  .tennis_player_item .btn {
    font-size: 1vw;
    padding: 2.5% 0 2%;
  }
}

@media screen and (max-width: 663px) {
  .tennis_player_item .btn {
    bottom: 10px;
    padding: 1.5% 0 1%;
  }
}

@media screen and (max-width: 592px) {
  .tennis_player_item .btn {
    font-size: 3vw;
  }
}

.tennis_player_item .btn img {
  position: absolute;
  right: 3px;
  top: 5px;
}

.tennis_player_item .btn::before {
  content: none;
}

.open {
  align-items: center;
  background-image: url(../img/csr/open_bg.png);
  display: flex;
  justify-content: space-between;
  margin-top: 43px;
  padding: 16px;
}

@media screen and (max-width: 718px) {
  .open {
    padding: 10px;
  }
}

.open .open_img_pc {
  width: 370px;
}

@media screen and (max-width: 888px) {
  .open .open_img_pc {
    width: 300px;
  }
}

@media screen and (max-width: 718px) {
  .open .open_img_pc {
    width: 40%;
  }
}

.open .open_img_sp {
  display: none;
}

.open .open-link {
  flex: 1;
  text-align: center;
}

.open_title-see-more.btn {
  background-color: #fff;
  border-radius: 4px;
  display: block;
  font-size: 15px;
  line-height: 1.2;
  margin: 17px auto 0;
  padding: 8px 0;
  text-align: center;
  width: 166px;
}

.open_title-see-more.btn::before {
  background-image: url(../img/csr/arrow_purple.svg);
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: inline-block;
  height: 20px;
  margin-right: 5px;
  vertical-align: text-top;
  width: 20px;
}

@media screen and (max-width: 750px) {
  .open_title-see-more.btn::before {
    position: relative;
    top: 0;
  }
}

@media screen and (max-width: 592px) {
  .open_title-see-more.btn {
    font-size: 12px;
    margin: 6px auto 0;
    padding: 5px 0;
    text-align: center;
    width: 140px;
  }

  .open_title-see-more.btn::before {
    top: 0;
  }
}

.open .open_title h4 {
  font-size: 30px;
}

@media screen and (max-width: 718px) {
  .open .open_title h4 {
    font-size: 4vw;
    padding-top: 10px;
  }
}

@media screen and (max-width: 463px) {
  .open .open_title h4 {
    padding-top: 0;
  }
}

.open .open_title h4::after {
  content: url(../csr/link_mark.png);
  left: 4px;
  position: relative;
  top: -7px;
}

@media screen and (max-width: 718px) {
  .open .open_title h4::after {
    top: -5px;
  }
}

.open .open_title p {
  font-size: 20px;
  font-weight: bold;
  letter-spacing: .05rem;
  line-height: 1.4;
  padding-top: 10px;
}

@media screen and (max-width: 718px) {
  .open .open_title p {
    font-size: 2.5vw;
    padding-top: 0;
  }
}

.csr_padding-adust {
  height: 45px;
}

.other_sports {
  display: flex;
  flex-direction: column;
  padding-bottom: 86px;
}

.other_sports li {
  background: linear-gradient(
  102deg,
  #f5f5f5 0%,
  #f5f5f5 85%,
  #fff 85%,
  #fff 100%
  );
  box-shadow: 1px 1px rgb(220, 220, 220);
  position: relative;
}

.other_sports li + li {
  margin-top: 45px;
}

.other_sports_item .sports_info {
  background: transparent;
  display: flex;
  gap: 15px;
  padding: 19px;
}

@media screen and (max-width: 888px) {
  .other_sports_item .sports_info {
    padding: 10px 19px 50px;
  }
}

@media screen and (max-width: 615px) {
  .other_sports_item .sports_info {
    padding: 10px 19px 40px;
  }
}

@media screen and (max-width: 592px) {
  .other_sports_item .sports_info {
    display: block;
    padding: 10px 20px 65px;
  }
}

.other_sports_item .sports_info img {
  height: auto;
  width: 304px;
}

@media screen and (max-width: 592px) {
  .other_sports_item .sports_info .tennis_player_img {
    text-align: center;
  }
}

@media screen and (max-width: 1150px) {
  .other_sports_item .sports_info img {
    width: 280px;
  }
}

@media screen and (max-width: 963px) {
  .other_sports_item .sports_info img {
    width: 250px;
  }
}

@media screen and (max-width: 763px) {
  .other_sports_item .sports_info img {
    width: 220px;
  }
}

@media screen and (max-width: 592px) {
  .other_sports_item .sports_info img {
    margin: 0 auto;
  }
}

.other_sports_item .sports_info .other_sports_txt {
  flex: 1;
}

.other_sports_item .sports_info .other_sports_txt p {
  font-size: 16px;
  letter-spacing: .05rem;
  line-height: 1.75;
}

@media screen and (max-width: 1199px) {
  .other_sports_item .sports_info .other_sports_txt p {
    font-size: 1.3vw;
  }
}

@media screen and (max-width: 1199px) {
  .other_sports_item .sports_info .other_sports_txt p {
    font-size: 1.3vw;
  }
}

@media screen and (max-width: 888px) {
  .other_sports_item .sports_info .other_sports_txt p {
    font-size: 13px;
    line-height: 1.5;
  }
}

@media screen and (max-width: 592px) {
  .other_sports_item .sports_info .other_sports_txt {
    font-size: 1.4vw;
    padding-top: 10px;
  }
}

@media screen and (max-width: 592px) {
  .other_sports_item .sports_info .other_sports_txt p {
    line-height: 1.4;
  }

  .other_sports_item .sports_info .other_sports_txt p + p {
    padding-top: 5px;
  }
}

.other_sports .sports_mark {
  position: absolute;
}

.other_sports_item .btn {
  bottom: 14px;
  box-sizing: border-box;
  font-size: 15px;
  padding: 1.2% 1% 1%;
  position: absolute;
  right: 12px;
  width: 18%;
}

@media screen and (max-width: 1150px) {
  .other_sports_item .btn {
    width: 21%;
  }
}

@media screen and (max-width: 963px) {
  .other_sports_item .btn {
    width: 30%;
  }
}

@media screen and (max-width: 763px) {
  .other_sports_item .btn {
    bottom: 9px;
    font-size: 13px;
  }
}

@media screen and (max-width: 615px) {
  .other_sports_item .btn {
    width: 35%;
  }
}

@media screen and (max-width: 592px) {
  .other_sports_item .btn {
    left: 8%;
    padding: 2% 3.5% 1.7%;
    width: 40%;
  }
}

@media screen and (max-width: 496px) {
  .other_sports_item .btn {
    padding: 3% 3.5% 2.7%;
    width: 50%;
  }
}

@media screen and (max-width: 496px) {
  .other_sports_item .btn {
    font-size: 15px;
    width: 65%;
  }
}

.other_sports_item .btn img {
  position: absolute;
  right: 3px;
  top: 5px;
}

.other_sports_item .btn::before {
  content: none;
}

.sports .affiliated-company {
  margin-top: 86px;
}

@media screen and (max-width: 763px) {
  .sports .affiliated-company {
    display: flex;
    gap: 10px;
    margin: 30px auto 0;
    max-width: 100%;
    padding-bottom: 29px;

  }
}

.top_solution {
  margin: 0 auto;
  padding: 26px 0 63px;
  width: calc(100% - 164px);
}

@media screen and (max-width: 1168px) {
  .top_solution {
    width: calc(100% - 80px);
  }
}

.swiper-button-next, .swiper-button-prev {
  background: #dfdfdf;
  border-radius: 50%;
  height: 40px;
  width: 40px;
}

.swiper-button-next:after, .swiper-button-prev:after {
  color: #000;
  font-size: 20px;
}

.padding-adiust {
  height: 5px;
}

/* recruitページ
-------------------------------- */

#recruit .header_container {
  margin-top: 0;
}

#recruit header {
  position: relative;
}

#recruit .header_container {
  max-width: 1240px;
  padding-top: 25px;
  width: calc(100% - 52px);
}

/* 採用ページヘッダー */
#recruit.recruit-page-header {
  background-image: none;
  height: unset;
  margin-bottom: 20px;
}

/* 採用ページフッター */
.recruitment-footer.recruit-page-footer {
  position: unset;
}

.recruit-company-logo {
  width: 180px;
}

.header-nav {
  font-weight: bold;
}

@media screen and (max-width: 750px) {
  .header-nav {
    display: none;
  }
}

.recruit-company li a {
  display: block;
  position: relative;
}

.recruit-dummy {
  bottom: 40%;
  font-size: 22px;
  left: 43%;
  position: absolute;
}

@media screen and (max-width: 1072px) {
  .recruit-dummy {
    bottom: 45%;
  }
}

@media screen and (max-width: 895px) {
  .recruit-dummy {
    bottom: 51%;
    font-size: 18px;
  }
}
@media screen and (max-width: 489px) {
  .recruit-dummy {
    bottom: 25%;
  }
}

#recruit ul {
  font-size: 16px;
}

@media screen and (max-width: 999px) {
  #recruit ul {
    font-size: 13px;
  }
}

@media screen and (max-width: 809px) {
  #recruit ul {
    font-size: 12px;
  }
}

@media screen and (max-width: 777px) {
  #recruit ul {
    font-size: 11px;
  }
}

.header-nav-list {
  align-items: center;
  column-gap: 51px;
  display: flex;
}

@media screen and (max-width: 999px) {
  .header-nav-list {
    column-gap: 20px;
  }
}


@media screen and (max-width: 809px) {
  .header-nav-list {
    column-gap: 15px;
  }
}

#recruit {
  background-image: url(../img/recruit/recruit_2.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100vh;
}

@media screen and (max-width: 541px) {
  #recruit {
    background-position: -300px;
  }
}

@media screen and (max-width: 461px) {
  #recruit {
    background-position: -350px;
  }
}

@media screen and (max-width: 414px) {
  #recruit {
    background-position: -380px;
  }
}

@media screen and (max-width: 374px) {
  #recruit {
    background-position: -420px;
  }
}

@media screen and (max-width: 1240px) {
  #recruit {
    height: 660px;
  }
}

@media screen and (max-width: 1035px) {
  #recruit {
    height: 575px;
  }
}

@media screen and (max-width: 850px) {
  #recruit {
    height: 505px;
  }
}

img.recruit {
  position: relative;
  width: 100vw;
}

.recruit-title-container {
  margin: 0 auto;
  max-width: 100%;
  padding: 8px 26px 0;
  position: relative;
  width: 1240px;
}

h1.recruit-title {
  background-image: url(../img/recruit/header_title_bg_1.jpg);
  background-repeat: no-repeat;
  font-family: "Shippori Mincho", serif;
  font-size: 34px;
  left: 6.5%;
  letter-spacing: .15rem;
  line-height: 1.41;
  margin: 0;
  padding: 0 10px 9px;
  position: absolute;
  top: 83px;
}

@media screen and (max-width: 850px) {
  h1.recruit-title {
    left: 3.5%;
    top: 35px;
  }
}

@media screen and (max-width: 750px) {
  h1.recruit-title {
    font-size: 28px;
    top: 40px;
  }
}

@media screen and (max-width: 612px) {
  h1.recruit-title {
    font-size: 23px;
    left: 6.5%;
    top: 12px;
  }
}

.recruit-title-container h1 span {
  background-image: url(../img/recruit/header_title_bg_2.jpg);
  background-repeat: no-repeat;
  left: -10px;
  padding-left: 10px;
  position: relative;
}

.recruit-sub-title {
  padding-left: 73px;
  position: relative;
  z-index: 2;
}

@media screen and (max-width: 346px) {
  .recruit-sub-title {
    padding-left: 45px;
  }
}

.recruit-company {
  margin-bottom: 100px;
}

@media screen and (max-width: 1240px) {
  .recruit-company {
    margin-bottom: 45px;
  }
}

.recruit-sub-title h2 {
  font-size: 40px;
  font-weight: normal;
  letter-spacing: .1rem;
  line-height: 1.25;
  min-width: 233px;
  padding-top: 73px;
  text-align: left;
}

@media screen and (max-width: 776px) {
  .recruit-sub-title h2 {
    margin-top: 35px;
    padding-top: 20px;
  }
}

.recruit-sub-title p {
  font-weight: 600;
  letter-spacing: .2rem;
  line-height: 1.21;
  padding-bottom: 20px;
  padding-left: 29px;
}

.recruit-sub-title h2::before {
  content: url(../img/recruit/title_mark.png);
  padding-right: 8px;
}

.recruit-company ul {
  display: flex;
}

@media screen and (max-width: 489px) {
  .recruit-company ul {
    display: block;
  }
}

@media screen and (max-width: 489px) {
  .recruit-company li {
    padding: 10px;
    width: 100%;
  }
}

.recruit-company li img.recruit-company-nav {
  width: 100%;
}

.recruit-company-body {
  align-items: center;
  background-image: url(../img/recruit/company_title_bg.jpg);
  background-repeat: no-repeat;
  bottom: 5%;
  display: flex;
  justify-content: space-between;
  margin-left: auto;
  padding: 9px 16px 10px 16px;
  position: absolute;
  right: 0;
  width: 34%;
}

@media screen and (max-width: 895px) {
  .recruit-company-body h3 {
    font-size: 18px;
  }
}

@media screen and (max-width: 725px) {
  .recruit-company-body {
    padding: 6px 16px 5px;
  }
}

@media screen and (max-width: 635px) {
  .recruit-company-body h3 {
    font-size: 15px;
    line-height: 1.2;
  }
}

@media screen and (max-width: 525px) {
  .recruit-company-body h3 {
    font-size: 12px;
  }

  .recruit-company-body p {
    font-size: 10px;
  }
}

@media screen and (max-width: 489px) {
  .recruit-company ul a {
    position: relative;
  }

  .recruit-company-body.body2 {
    position: absolute;
    right: 0;
    top: 60%;
    width: 40%;
  }
}

@media screen and (max-width: 375px) {
  .recruit-company-body.body2 {
    top: 50%;
  }
}

.recruit-company-title h3 {
  font-size: 18px;
}

.recruit-company-title p {
  letter-spacing: .05rem;
  line-height: .71;
  padding-top: 2px;
}

img.recruit-company-right-arrow {
  height: 13px;
  width: 19px;
}

/* recruit-member */

.recruit-member {
  background-image: url(../img/recruit/fp_ando_152800.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  height: 662px;
  justify-content: space-between;
}

@media screen and (max-width: 660px) {
  .recruit-member {
    height: 1280px;
  }
}

.recruit-member-container {
  margin: 0 auto;
  position: relative;
  /* width: calc(100% - 160px); */
}

/* .recruit-member .container {
  display: flex;
  justify-content: space-between;
} */

/* .recruit-member-work-container {
  margin: 0 auto;
} */

.recruit-member ul {
  display: flex;
  gap: 20px;
  margin-left: auto;
  max-width: 784px;
  position: relative;
  right: 6%;
  top: -170px;
}

.recruit-member ul li {
  position: relative;
}

@media screen and (max-width: 1186px) {
  .recruit-member ul {
    gap: 10px;
    right: 0;
    top: 80px;
  }
}

@media screen and (max-width: 660px) {
  .recruit-member ul {
    display: block;
  }
}

.recruit-member li {
  width: calc((100% -40px) / 2);
}

@media screen and (max-width: 660px) {
  .recruit-member ul {
    display: block;
  }

  .recruit-member li {
    margin: 0 auto;
    width: 248px;
  }
}

.recruit-member li:nth-child(1) {
  top: -24px;
}

.recruit-member li:nth-child(2) {
  top: 74px;
}

.recruit-member li:nth-child(3) {
  top: -24px;
}

@media screen and (max-width: 660px) {
  .recruit-member li:nth-child(1) {
    top: 0;
  }
  .recruit-member li:nth-child(2) {
    margin-bottom: 30px;
    margin-top: 30px;
    top: 0;
  }

  .recruit-member li:nth-child(3) {
    top: 0;
  }
}



.recruit-member-body {
  align-items: center;
  background-image: url(../img/recruit/member_title_bg.jpg);
  background-repeat: no-repeat;
  bottom: 5%;
  display: flex;
  justify-content: space-between;
  margin-left: auto;
  padding: 6px 12px 15px;
  position: absolute;
  right: 0;
  width: 80%;
}

.recruit-member-title p {
  line-height: 1.14;
}

.recruit-member-title h4 {
  font-size: 20px;
  line-height: 1.2;
}

p.recruit-member-positon {
  font-size: 12px;
  line-height: 1.3;
}

@media screen and (max-width: 835px) {
  .recruit-member-positon {
    font-size: 11px;
  }
}

.recruit-member-info {
  position: relative;
}

@media screen and (max-width: 1186px) {
  .recruit-member-info {
    margin: 0 auto;
    top: -50px;
    width: calc(100% - 40px);
  }
}

@media screen and (max-width: 660px) {
  .recruit-member-info img {
    display: block;
    margin: 0 auto;
  }
}

.employee-interview {
  align-items: center;
  border-radius: 50%;
  display: flex;
  height: 187px;
  justify-content: center;
  left: 19%;
  position: relative;
  text-align: center;
  top: -220px;
  width: 187px;
}

@media screen and (max-width: 1186px) {
  .employee-interview {
    display: none;
  }
}

.employee-interview-body {
  text-align: center;
}

.employee-interview-body-sp {
  display: none;
}

@media screen and (max-width: 1186px) {
  .employee-interview-body-sp {
    display: block;
  }

  .employee-interview-body-sp h5 {
    padding-left: 29px;
  }
}

.employee-interview h5 {
  font-size: 18px;
  padding-bottom: 5px;
}

.employee-interview-body p {
  text-align: left;
}

.employees-voices {
  margin: 0 auto;
  max-width: 1080px;
}

@media screen and (max-width: 1186px) {
  .employees-voices {
    margin-top: 45px;
    width: calc(100% - 40px);
  }
}

.employees-Voices-body {
  align-items: center;
  background-image: url(../img/recruit/voices_title_bg.jpg);
  background-repeat: no-repeat;
  bottom: 110px;
  display: flex;
  justify-content: space-between;
  margin-left: auto;
  padding: 15px 13px 20px;
  position: relative;
  width: 39%;
}

@media screen and (max-width: 1186px) {
  .employees-Voices-body {
    bottom: 80px;
    padding: 10px 13px 10px;
  }
}

@media screen and (max-width: 816px) {
  .employees-Voices-body {
    bottom: 0;
    width: 100%;
  }
}

.recruit-member-info ul a.employees-interview:hover {
  opacity: 1;
}

.employees-voices a.employees-Voices-area:hover {
  opacity: 1;
}

.employees-Voices-area {
  display: block;
  position: relative;
  top: -170px;
}

@media screen and (max-width: 1186px) {
  .employees-Voices-area {
    top: 0;
  }
}

.employees-Voices-area h2 {
  font-size: 25px;
  font-weight: normal;
  left: 25%;
  line-height: 1.29;
  position: absolute;
  top: 60%;
  transform: translate(-50%, -50%);
}

@media screen and (max-width: 590px) {
  .employees-Voices-area h2 {
    font-size: 20px;
  }
}

@media screen and (max-width: 466px) {
  .employees-Voices-area h2 {
    font-size: 16px;
    top: 55%;
    transform: translate(-50%, -30%);
  }
}

@media screen and (max-width: 438px) {
  .employees-Voices-area h2 {
    transform: translate(-50%, -30%);
  }
}

@media screen and (max-width: 361px) {
  .employees-Voices-area h2 {
    font-size: 14px;
    transform: translate(-50%, -115%);
  }
}

.employees-Voices-sub_title h3 {
  font-size: 38px;
  font-weight: normal;
  line-height: 1.15;
}

@media screen and (max-width: 1186px) {
  .employees-Voices-sub_title h3 {
    font-size: 28px;
  }
}

@media screen and (max-width: 816px) {
  .employees-Voices-sub_title h3 {
    font-size: 20px;
  }

  .employees-Voices-sub_title p {
    font-size: 12px;
  }
}

@media screen and (max-width: 628px) {
  .employees-Voices-sub_title h3 {
    font-size: 18px;
  }

  .employees-Voices-sub_title p {
    font-size: 10px;
  }
}

@media screen and (max-width: 525px) {
  .employees-Voices-sub_title h3 {
    font-size: 13px;
  }

  .employees-Voices-sub_title p {
    font-size: 12px;
  }
}

.employees-Voices-sub_titlep p {
  font-size: 15px;
  line-height: .71;
}

/* work-environment */

.work-environment {
  margin-top: -155px;
}

@media screen and (max-width: 1186px) {
  .work-environment {
    margin-top: -35px;
  }
}

@media screen and (max-width: 569px) {
  .work-environment {
    height: 450px;
  }
}

@media screen and (max-width: 378px) {
  .work-environment {
    height: 450px;
  }
}

.work-environment-detail {
  background-image: url(../img/recruit/WB_back.jpg);
  background-position: right 10px;
  background-repeat: no-repeat;
  background-size: contain;
  height: 509px;
  margin-left: auto;
  position: absolute;
  top: -20px;
  width: calc(100% - 80px);
}

@media screen and (max-width: 1054px) {
  .work-environment-detail {
    left: 6%;
  }
}

@media screen and (max-width: 820px) {
  .work-environment-detail {
    margin-top: 45px;
    width: calc(100% - 70px);
  }
}

@media screen and (max-width: 569px) {
  .work-environment-detail {
    background-position: right 110px;
    height: 620px;
    top: 5px;
  }
}

@media screen and (max-width: 450px) {
  .work-environment-detail {
    background-position: right 110px;
    width: calc(100% - 44px);
  }
}

.work-environment ul {
  display: flex;
  gap: 20px;
  left: 180px;
  padding-top: 51px;
  position: absolute;
  top: 170px;
  width: 822px;
}

@media screen and (max-width: 1054px) {
  .work-environment ul {
    left: 100px;
  }
}

@media screen and (max-width: 1032px) {
  .work-environment ul {
    left: 8%;
    width: 750px;
  }
}

@media screen and (max-width: 925px) {
  .work-environment ul {
    width: 650px;
  }
}

@media screen and (max-width: 820px) {
  .work-environment ul {
    gap: 10px;
    left: 7%;
    width: 600px;
  }
}

@media screen and (max-width: 776px) {
  .work-environment ul {
    left: 4%;
  }
}

@media screen and (max-width: 690px) {
  .work-environment ul {
    left: 8%;
    width: 500px;
  }
}

@media screen and (max-width: 609px) {
  .work-environment ul {
    left: 2%;
    width: 500px;
  }
}

@media screen and (max-width: 569px) {
  .work-environment ul {
    display: block;
    margin: 0 auto;
    padding-top: 120px;
    position: static;
    width: 400px;
  }

  @media screen and (max-width: 378px) {
    .work-environment ul {
      padding-top: 155px;
    }
  }

  .work-environment li {
    text-align: center;
  }

  .work-environment li:not(:last-child) {
    padding-bottom: 5px;
  }

  .work-environment li a {
    display: inline-block;
    width: 75%;
  }

  .work-environment li a > img {
    width: 100%;
  }
}

@media screen and (max-width: 450px) {
  .work-environment ul {
    width: 340px;
  }

  .work-environment li a {
    display: inline-block;
    width: 88%;
  }
}

@media screen and (max-width: 378px) {
  .work-environment ul {
    width: 310px;
  }
}

@media screen and (max-width: 346px) {
  .work-environment ul {
    width: 285px;
  }
}

@media screen and (max-width: 319px) {
  .work-environment ul {
    width: 255px;
  }
}

@media screen and (max-width: 1239px) {
  .employee-interview-body-sp {
    display: block;
  }
}

.work-environment-title {
  background-image: url(../img/recruit/work_environmentr_title_bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  bottom: -10px;
  height: 40%;
  padding: 23px 17px 17px;
  position: absolute;
  width: 32%;
}

@media screen and (max-width: 1032px) {
  .work-environment-title {
    width: 31.6%;
  }
}

@media screen and (max-width: 925px) {
  .work-environment-title {
    padding: 12px 12px 10px;
    width: 204px;
  }

  .work-environment-detail p {
    font-size: 12px;
  }
}

@media screen and (max-width: 776px) {
  .work-environment-title {
    width: 32.3%;
  }
}

@media screen and (max-width: 569px) {
  .work-environment-title {
    padding: 34px 12px 10px;
  }
}

@media screen and (max-width: 450px) {
  .work-environment-title {
    padding: 34px 12px 10px;
  }
}

@media screen and (max-width: 378px) {
  .work-environment-title {
    padding: 23px 12px 10px;
  }
}

@media screen and (max-width: 569px) {
  .work-environment-title.title1 {
    bottom: 277px;
    height: 95px;
    width: 300px;
  }

  .work-environment-title.title2 {
    bottom: 42px;
    height: 95px;
    width: 300px;
  }

  .work-environment-title.title3 {
    bottom: -192px;
    height: 95px;
    width: 300px;
  }
}

@media screen and (max-width: 450px) {
  .work-environment-title.title1 {
    bottom: 278px;
  }

  .work-environment-title.title2 {
    bottom: 44px;
  }

  .work-environment-title.title3 {
    bottom: -190px;
  }
}

@media screen and (max-width: 378px) {
  .work-environment-title.title1 {
    bottom: 262px;
    width: 273px;
  }

  .work-environment-title.title2 {
    bottom: 48px;
    width: 273px;
  }

  .work-environment-title.title3 {
    bottom: -167px;
    width: 273px;
  }
}

@media screen and (max-width: 346px) {
  .work-environment-title.title1 {
    bottom: 279px;
    width: 251px;
  }

  .work-environment-title.title2 {
    bottom: 81px;
    width: 251px;
  }

  .work-environment-title.title3 {
    bottom: -117px;
    width: 251px;
  }
}

@media screen and (max-width: 319px) {
  .work-environment-title.title1 {
    bottom: 298px;
    width: 224px;
  }

  .work-environment-title.title2 {
    bottom: 119px;
    width: 224px;
  }

  .work-environment-title.title3 {
    bottom: -59px;
    width: 224px;
  }
}

.work-environment-title .recruit-company-right-arrow {
  bottom: 31px;
  position: absolute;
  right: 13px;
}

@media screen and (max-width: 690px) {
  .work-environment-title .recruit-company-right-arrow {
    bottom: 25px;
  }
}

.work-environment-title .recruit-company-right-arrow.last-right-arrow {
  bottom: 35px;
}

@media screen and (max-width: 690px) {
  .work-environment-title .recruit-company-right-arrow.last-right-arrow {
    bottom: 25px;
  }
}

.work-environment-mark {
  left: 50%;
  position: absolute;
  top: -27px;
  transform: translate(-50%);
  width: 20%;
}

.work-environment-title h3 {
  font-size: 16px;
  line-height: 1.37;
}

@media screen and (max-width: 1032px) {
  .work-environment-title h3 {
    font-size: 14px;
  }
}

@media screen and (max-width: 925px) {
  .work-environment-title h3 {
    font-size: 12px;
  }
}

@media screen and (max-width: 690px) {
  .work-environment-title h3 {
    font-size: 10px;
  }
}

@media screen and (max-width: 569px) {
  .work-environment-title h3 {
    font-size: 16px;
  }
}

.recruitment-button {
  margin-top: 92px;
  position: relative;
  top: 300px;
}

.recruitment-button-container {
  background: linear-gradient(
  90deg,
  #fff5f6 0%,
  #fff5f6 30%,
  #ffe6e9 50%,
  #ffe6e9 100%
  );
  margin: 0 auto;
  max-width: 100%;
  padding-bottom: 23px;
}

@media screen and (max-width: 1240px) {
  .recruitment-button-container {
    width: 1240px;
  }
}

.recruitment-button-first-line {
  text-align: center;
}

.recruitment-button-first-line a {
  background: linear-gradient(
  131deg,
  #ff7e88 0%,
  #ff7e88 10%,
  #e50012 36%,
  #e50011 100%
  );
  border-radius: 5px;
  box-shadow: 0 4px rgb(191, 172, 175);
  box-sizing: border-box;
  display: inline-block;
  font-size: 24px;
  font-weight: bold;
  height: 106px;
  letter-spacing: .2rem;
  line-height: 1.08;
  margin: 0 auto;
  padding: 44px 0;
  position: relative;
  text-align: center;
  top: 23px;
  width: 878px;
  z-index: 5;
}

.recruitment-button-first-line a:hover {
  opacity: 1;
}

@media screen and (max-width: 595px) {
  .recruitment-button-first-line a {
    height: 90px;
    padding: 33px 0;
  }
}

@media screen and (max-width: 1240px) {
  .recruitment-button-first-line a {
    width: calc(100% - 360px);
  }
}

@media screen and (max-width: 774px) {
  .recruitment-button-first-line a {
    width: calc(100% - 200px);
  }
}

@media screen and (max-width: 595px) {
  .recruitment-button-first-line a {
    width: calc(100% - 100px);
  }
}

@media screen and (max-width: 484px) {
  .recruitment-button-first-line a {
    width: calc(100% - 40px);
  }
}

.recruitment-button-first-line-bg-title {
  color: #ee4851;
  font-size: 58px;
  font-weight: normal;
  left: 50%;
  position: absolute;
  transform: translateY(-74%) translateX(-50%);
  width: calc(100% - 10px);
  z-index: -1;
}

@media screen and (max-width: 985px) {
  .recruitment-button-first-line-bg-title {
    font-size: 45px;
    transform: translateY(-85%) translateX(-50%);
  }
}

@media screen and (max-width: 670px) {
  .recruitment-button-first-line-bg-title {
    font-size: 40px;
  }
}

@media screen and (max-width: 569px) {
  .recruitment-button-first-line-bg-title {
    font-size: 35px;
  }
}

@media screen and (max-width: 415px) {
  .recruitment-button-first-line-bg-title {
    font-size: 30px;
  }
}

.recruitment-button-first-line .right-arrow-icon-white-large {
  bottom: 42px;
  position: absolute;
  right: 25px;
}

@media screen and (max-width: 595px) {
  .recruitment-button-first-line .right-arrow-icon-white-large {
    bottom: 34px;
  }
}

@media screen and (max-width: 415px) {
  .recruitment-button-first-line .right-arrow-icon-white-large {
    right: 9px;
  }
}

.recruitment-button-second-line {
  margin: 35px auto 0;
  text-align: center;
  width: 878px;
}

@media screen and (max-width: 1240px) {
  .recruitment-button-second-line {
    margin: 0 auto;
    margin-top: 35px;
    width: calc(100% - 360px);
  }
}

@media screen and (max-width: 774px) {
  .recruitment-button-second-line {
    width: calc(100% - 200px);
  }
}

@media screen and (max-width: 595px) {
  .recruitment-button-second-line {
    width: calc(100% - 100px);
  }
}

@media screen and (max-width: 484px) {
  .recruitment-button-second-line {
    width: calc(100% - 40px);
  }
}

.recruitment-button-second-line ul {
  display: flex;
  gap: 6px;
}

.recruitment-button-second-line a {
  display: block;
  position: relative;
}

.recruitment-button-second-line a:hover {
  opacity: 1;
}

.recruitment-button-second-line li {
  border-radius: 5px;
  box-shadow: 0 4px rgb(191, 172, 175);
  font-size: 15px;
  font-weight: bold;
  height: 62px;
  letter-spacing: .05rem;
  line-height: 2;
  padding: 20px 0;
  position: relative;
  width: calc((100% - 6px) / 2);
}

@media screen and (max-width: 399px) {
  .recruitment-button-second-line li {
    font-size: 10px;
  }
}

.recruitment-button-second-line .right-arrow-icon-white {
  bottom: 24px;
  position: absolute;
  right: 16px;
}

@media screen and (max-width: 515px) {
  .recruitment-button-second-line .right-arrow-icon-white {
    right: 5px;
  }
}

/* recruitment-footer */

.recruitment-footer {
  position: relative;
  top: 300px;
}

.recruitment-footer-container {
  margin: 0 auto;
  max-width: 1280px;
  padding-top: 63px;
  width: calc(100% - 160px);
}

@media screen and (max-width: 890px) {
  .recruitment-footer-container {
    width: calc(100% - 90px);
  }
}

@media screen and (max-width: 593px) {
  .recruitment-footer-container {
    width: calc(100% - 40px);
  }
}

.recruitment-footer-border {
  height: 1px;
  position: relative;
  top: 100px;
}

@media screen and (max-width: 774px) {
  .recruitment-footer-border {
    display: none;
  }
}

.recruitment-footer-group1 {
  display: flex;
  gap: 4px;
}

@media screen and (max-width: 774px) {
  .recruitment-footer-group1 {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
  }
}

@media screen and (max-width: 417px) {
  .recruitment-footer-group1 {
    display: block;
  }
}

.recruitment-footer-group1-item {
  width: calc((100% - 12px) / 4);
}

@media screen and (max-width: 774px) {
  .recruitment-footer-group1-item {
    width: calc((100% - 12px) / 2);
  }
}

@media screen and (max-width: 417px) {
  .recruitment-footer-group1-item {
    width: 100%;
  }
}

.recruitment-footer-title, .recruitment-footer-title-en {
  letter-spacing: .05rem;
  text-align: center;
}

.recruitment-footer-title {
  font-size: 24px;
  font-weight: bold;
  padding-top: 28px;
}

.recruitment-footer-title-en {
  font-size: 12px;
}

.recruitment-footer-group2 {
  display: flex;
  flex-direction: column;
  gap: 28px;
  padding-bottom: 61px;
  padding-top: 46px;
}

@media screen and (max-width: 774px) {
  .recruitment-footer-group2 {
    padding-bottom: 30px;
    padding-top: 20px;
  }
}

.nopc1 {
  display: none;
}

@media screen and (max-width: 967px) {
  .nopc1 {
    display: block;
  }
}

@media screen and (max-width: 774px) {
  .nopc1 {
    display: none;
  }
}

@media screen and (max-width: 458px) {
  .nopc1 {
    display: block;
  }
}

@media screen and (max-width: 417px) {
  .nopc1 {
    display: none;
  }
}

.nopc2 {
  display: none;
}

@media screen and (max-width: 1094px) {
  .nopc2 {
    display: block;
  }
}

@media screen and (max-width: 774px) {
  .nopc2 {
    display: none;
  }
}

@media screen and (max-width: 521px) {
  .nopc2 {
    display: block;
  }
}

@media screen and (max-width: 417px) {
  .nopc2 {
    display: none;
  }
}

.nopc3 {
  display: none;
}

@media screen and (max-width: 1260px) {
  .nopc3 {
    display: block;
  }
}

@media screen and (max-width: 774px) {
  .nopc3 {
    display: none;
  }
}

@media screen and (max-width: 654px) {
  .nopc3 {
    display: block;
  }
}

@media screen and (max-width: 417px) {
  .nopc3 {
    display: none;
  }
}

.nopc4 {
  display: block;
}

@media screen and (max-width: 750px) {
  .nopc4 {
    display: none;
  }
}


.recruitment-footer-group2 li {
  font-size: 15px;
  letter-spacing: .05rem;
}

.recruitment-footer-group2 li:before {
  content: url(../img/recruit/righr_mark.png);
  padding-right: 8px;
}

.recruitment-footer2 .recruitment-footer-container {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  justify-content: space-between;
  max-width: 1240px;
  padding: 21px 0;
}

.recruitment-footer2 .recruitment-footer-container ul {
  display: flex;
}

.recruitment-footer2 .recruitment-footer-container .copyright, .recruitment-footer2 .recruitment-footer-container li {
  font-size: 11px;
  letter-spacing: .1rem;
}

@media screen and (max-width: 983px) {
  .recruitment-footer2 .recruitment-footer-container {
    gap: 10px;
  }

  .recruitment-footer2 .recruitment-footer-container .copyright, .recruitment-footer2 .recruitment-footer-container ul {
    margin: 0 auto;
  }
}

.recruitment-footer2 .recruitment-footer-container li:first-child {
  padding-right: 46px;
}

.recruitment-footer2 .recruitment-footer-container li:first-child::after {
  content: url(../img/recruit/link_mark.jpg);
  padding-left: 6px;
}

.recruit-header {
  margin-bottom: 539px;
}

/* 安藤証券なら、「できること」
---------------------------------------- */

/* breadcrumb */

.nav-container-sub-menu nav {
  margin: 0 auto;
  width: calc(100% - 26px);
}

@media screen and (max-width: 1002px) {
  .nav-container-sub-menu nav {
    margin: 0 auto;
    width: calc(100% - 46px);
  }
}

.breadcrumb {
  column-gap: 11px;
  display: flex;
  list-style: none;
  padding: 16px 0 14px;
}

@media screen and (max-width: 833px) {
  .breadcrumb {
    flex-wrap: wrap;
  }
}

.breadcrumb-item {
  font-size: 10px;
}

.breadcrumb-item + .breadcrumb-item::before {
  content: "＞";
  font-size: 10px;
  padding-right: 13px;
}

@media screen and (max-width: 436px) {
  .breadcrumb-item + .breadcrumb-item::before {
    padding-right: 3px;
  }
}

/* leaf-container */

.leaf-container {
  margin: 43px auto 61px;
  max-width: 846px;
  padding: 0 23px;
}

.leaf-container .dateMenu li {
  display: flex;
  flex-direction: row-reverse;
  font-size: 14px;
  justify-content: flex-end;
  margin-bottom: 6px;
}

@media screen and (max-width: 500px) {
  .leaf-container .dateMenu li {
    flex-direction: column-reverse;
    padding-bottom: 12px;
  }
}

.leaf-container .dateMenu li span {
  flex-shrink: 0;
  padding-right: 24px;
}

.leaf-container .dateMenu li p {
  font-size: 14px;
}

.leaf-container .dateMenu li a:before {
  content: url(../img/common/arrow.png);
  padding-right: 5px;
  position: relative;
  vertical-align: middle;
}


.leaf-container .indexNav {
  display: flex;
  justify-content: space-between;
}

.leaf-container .cBox {
  display: flex;
  justify-content: space-between;
}

.leaf-container .leftBlock {
  margin-bottom: 30px;
  width: 48%;
}

.leaf-container .rightBlock {
  margin-bottom: 30px;
  width: 48%;
}

.leaf-container .type2 {
  font-size: 14px;
}

@media screen and (max-width: 767px) {
  .leaf-container .indexNav {
    flex-direction: column;
  }

  .leaf-container .cBox {
    flex-direction: column;
  }

  .leaf-container .leftBlock {
    width: 100%;
  }

  .leaf-container .rightBlock {
    width: 100%;
  }
}

.leaf-container .indexNav .category_title {
  margin-bottom: 6px;
  padding: 10px;
}

.leaf-container .indexNav .type2 li {
  margin-bottom: 6px;
}

.leaf-container .indexNav .type2 li a {
  text-decoration: underline;
}

.leaf-container .indexNav .type2 li a:before {
  content: url(../img/common/arrow.png);
  padding-right: 5px;
  position: relative;
  vertical-align: middle;
}

.leaf-container .cBox .title {
  margin-bottom: 6px;
  padding: 10px;
}

.leaf-container.leaf-container-attention .title-big {
  border-bottom: 2px solid #d01;
}

.leaf-container.leaf-container-attention h3 {
  background: #fadfe4;
  font-size: 20px;
  margin: 15px 0;
  padding: 6px 10px 4px;
}

.leaf-container.leaf-container-attention h3.title-middle {
  background: #fff;
}

.leaf-container.leaf-container-attention h4 {
  border-left: 2px solid #e50011;
  font-size: 15px;
  font-weight: 700;
  margin-bottom: 10px;
  margin-top: 15px;
  padding-left: 10px;
}

.leaf-container.leaf-container-attention p {
  font-size: 15px;
  letter-spacing: -.02rem;
  line-height: 1.75;
  padding-top: 10px;
}

.leaf-container.leaf-container-attention p:has(iframe) {
  aspect-ratio: 16 / 9;
  width: 100%;
}

.leaf-container.leaf-container-attention p iframe {
  height: 100%;
  width: 100%;
}

.leaf-container.leaf-container-attention .datatable1 {
  border: 1px solid #6e6e6e;
  font-size: 15px;
}

.leaf-container.leaf-container-attention .datatable1 th {
  background: #fadfe4;
  border: 1px solid #6e6e6e;
  padding: 10px;
}

.leaf-container.leaf-container-attention .datatable1 tr td {
  border: 1px solid #6e6e6e;
  padding: 10px;
}

/* title-big */

.title-big {
  font-size: 21px;
  margin-bottom: 40px;
  text-align: left;
}

.title-big-margin-bottom-adjust1 {
  margin-bottom: 8px;
}

@media screen and (max-width: 497px) {
  .title-big {
    font-size: 20px;
  }
}

.title-big::before {
  background-image: url(/img/leaf/square.png);
  background-size: contain;
  content: "";
  display: inline-block;
  height: 21px;
  margin-right: 7px;
  vertical-align: -10%;
  width: 21px;
}

@media screen and (max-width: 497px) {
  .title-big::before {
    vertical-align: -20%;
  }
}

/* .title-middle */

.title-middle {
  font-size: 20px;
  margin-bottom: 8px;
  text-align: left;
}

.title-middle::before {
  background-image: url(/img/leaf/circle.png);
  background-size: contain;
  content: "";
  display: inline-block;
  height: 12px;
  margin-right: 3px;
  width: 12px;
}

.title-middle-margin-top-adjust1 {
  margin-top: 33px;
}

.title-middle-margin-bottom-adjust1 {
  margin-bottom: 32px;
}

.title-middle-margin-bottom-adjust2 {
  margin-bottom: 39px;
}

.title-middle-margin-bottom-adjust3 {
  margin-bottom: 24px;
}

.title-middle-margin-bottom-adjust4 {
  margin-bottom: 4px;
}

.title-middle-margin-bottom-adjust5 {
  margin-bottom: 20px;
}

/* title-small */

.title-small {
  font-size: 15px;
  font-weight: 700;
  margin-bottom: 10px;
  margin-top: 15px;
  padding-left: 10px;
}

/* title-others1*/

.title-others1 {
  font-size: 17px;
  font-weight: 700;
  padding-bottom: 22px;
}

.title-others1 span {
  font-size: 17px;
}

.title-others1 span.title-small-sub {
  font-size: 14px;
  font-weight: normal;
}

.title-others1 span.title-small-sub::before {
  content: "　";
}

/* title-others2*/

.title-others2 {
  font-size: 15px;
  margin: 15px 0;
  padding: 6px 10px 4px;
}

.title-others3 {
  padding: 4px 10px;
}

/* leaf-text */

.leaf-text.lead {
  margin-bottom: 15px;
}

.leaf-text {
  font-size: 15px;
  letter-spacing: -.02rem;
  line-height: 1.75;
}

.leaf-text + .leaf-text {
  padding-top: 10px;
}

.leaf-text.last {
  margin-bottom: 80px;
}

.leaf-text.leaf-text-letter-spacing-adjust1 {
  letter-spacing: -.05rem;
}

.leaf-text.leaf-text-letter-spacing-adjust2 {
  letter-spacing: -.04rem;
}

.leaf-list-group ol {
  padding: 28px 0 56px;
}

.leaf-list-group ol.leaf-list-group-ol-padding-adjust1 {
  padding-bottom: 0;
}

.leaf-list-group ol.leaf-list-group-ol-padding-adjust2 {
  padding-bottom: 49px;
}

.leaf-list-group li {
  font-weight: 700;
  letter-spacing: -.004rem;
}

.leaf-list-group li + li {
  padding-top: 8px;
}

.leaf-list-group.product_information li + li {
  padding-top: 0;
}

/* leaf-item-box */

.leaf-item-box {
  display: flex;
}

.leaf-item-box.employee_interview-row-reverse {
  display: flex;
  flex-direction: row-reverse;
}

@media screen and (max-width: 588px) {
  .leaf-item-box.employee_interview-row-reverse {
    display: block;
    object-fit: contain;
  }
}

.leaf-item-box.box2.employee_interview {
  align-items: center;
  column-gap: 30px;
}

@media screen and (max-width: 804px) {
  .leaf-item-box.box2.employee_interview {
    align-items: center;
    column-gap: 15px;
  }
}


.employee_interview_name {
  font-size: 20px;
  font-weight: bold;
  line-height: 1;
}

.employee_interview_en {
  font-size: 13px;
  line-height: 1.2;
}

.employee_interview_position {
  margin-top: 15px;
}

.article-leaf.interview + .article-leaf.interview {
  margin-top: 115px;
}

.interview-area + .interview-area {
  margin-top: 40px;
}

.interview-area.two-years + .interview-area.two-years {
  margin-top: 33px;
}

.interview-area:last-child {
  margin-top: 85px;
}

.interview-area.two-years:last-child {
  margin-top: 63px;
}

.leaf-text.interview-area-text {
  align-items: start;
  display: flex;
  font-size: 14px;
  letter-spacing: .01rem;
  margin-top: 16px;
  text-align: justify;
}

.leaf-text.interview-area-text.two-years {
  margin-top: 10px;
  padding-left: 10px;
}

.interview-area-qustion {
  font-size: 14px;
  padding: 4px 9px 2px 1px;
}

.leaf-item-box.box2.row-reverse {
  flex-direction: row-reverse;
}

@media screen and (max-width: 588px) {
  .leaf-item-box {
    display: block;
    object-fit: contain;
  }
}

.leaf-item-box img {
  height: auto;
  object-fit: contain;
  width: 401.5px;
}

.leaf-item-box img.strength-bottom-images {
  width: 358px;
}

.leaf-item-box.employee_interview img.strength-bottom-images {
  width: 65%;
}

@media screen and (max-width: 588px) {
  .leaf-item-box.employee_interview img.strength-bottom-images {
    width: 100%;
  }
}

.leaf-item-box img.strength-bottom-images.interview {
  position: relative;
  top: 10px;
  width: 358px;
}

@media screen and (max-width: 822px) {
  .leaf-item-box img {
    object-fit: contain;
    width: 300px;
  }
}

@media screen and (max-width: 707px) {
  .leaf-item-box img {
    width: 250px;
  }
}

@media screen and (max-width: 707px) {
  .leaf-item-box img.strength-bottom-images {
    width: 250px;
  }
}

@media screen and (max-width: 588px) {
  .leaf-item-box img {
    margin-bottom: 10px;
    width: 100%;
  }
}

@media screen and (max-width: 588px) {
  .leaf-item-box img.strength-bottom-images {
    margin-bottom: 10px;
    width: 100%;
  }
}

.leaf-item-box.box1 {
  column-gap: 16px;
  margin-top: 32px;
}

/* leaf-list-group */

.leaf-list-group {
  display: flex;
}

.leaf-list-group.group1 {
  column-gap: 7px;
  flex-wrap: wrap;
  margin-bottom: 80px;
  margin-top: 32px;
  row-gap: 7px;
}

@media screen and (max-width: 497px) {
  .leaf-list-group.group1 {
    display: block;
  }
}

.leaf-product-list-item {
  width: calc((100% - 14px) / 3);
}

@media screen and (max-width: 707px) {
  .leaf-product-list-item {
    width: calc((100% - 7px) / 2);
  }
}

@media screen and (max-width: 497px) {
  .leaf-product-list-item {
    display: block;
    padding: 20px;
    width: 100%;
  }

  .leaf-list-group.group1 .leaf-product-list-item {
    margin-top: 15px;
  }
}

.leaf-product-list-item-box {
  padding: 13px 15px;
}

.leaf-list-group.product_information .service_information_container_text_box {
  box-sizing: border-box;
  height: 52px;
  margin-top: 13px;
  padding-left: 9px;
  width: 100%;
}

.leaf-list-group.group1 .service_information_container_text_box {
  align-items: center;
  display: flex;
}

.leaf-list-group.group1 li .service_information_container_text_box_title {
  font-size: 13.5px;
  letter-spacing: -.025rem;
  margin-top: 0;
  padding-left: 5px;
}

.leaf-product-list-item img {
  width: 100%;
}

.leaf-list-group.group2 {
  column-gap: 14px;
  margin-bottom: 20px;
  margin-top: 32px;
}

.leaf-product-list-item1 {
  flex-grow: 1;
}
.leaf-product-list-item2 {
  flex-grow: 1;
}
.leaf-product-list-item3 {
  flex-grow: 2;
}

.leaf-community-list-item img {
  width: 100%;
}

.service_comparison {
  display: inline-block;
  margin-bottom: 57px;
  margin-top: 20px;
  width: 100%;
}

.leaf-item-box.box2 {
  column-gap: 38px;
  margin-bottom: 46px;
}

span.space-ajust {
  left: -7px;
  position: relative;
}

/* leaf-list-group-inner */

.leaf-list-group-inner {
  padding: 5px 0 25px;
}

.leaf-list-group-inner-ul-padding-adjust1 {
  padding-bottom: 0;
}

.leaf-list-group-inner li {
  font-weight: normal;
}

.leaf-list-group-inner li + li {
  padding-top: 0;
}

.compound_interest {
  display: inline-block;
  margin-bottom: 34px;
  margin-top: 15px;
  max-width: 100%;
  width: 800px;
}

.compound_interest_2 {
  display: inline-block;
  margin-bottom: 34px;
  margin-right: auto;
  margin-top: 15px;
  width: 75%;
}

@media screen and (max-width: 525px) {
  .compound_interest_2 {
    width: 100%;
  }
}

.compound_interest_3 {
  display: inline-block;
  margin-bottom: 10px;
  margin-top: 5px;
  width: 100%;
}

.compound_interest_4 {
  display: block;
  margin: 5px auto 25px;
  width: 60%;
}

@media screen and (max-width: 525px) {
  .compound_interest_4 {
    width: 100%;
  }
}

.leaf-item-box.box3 {
  align-items: center;
  column-gap: 38px;
  font-weight: normal;
  margin-bottom: 29px;
}

.leaf-text-group {
  margin-bottom: 15px;
  margin-top: 38px;
}

.leaf-text-group2 {
  margin-bottom: 30px;
  margin-left: 15px;
  margin-top: 15px;
}

.leaf-text-group3 {
  margin-bottom: 15px;
  margin-top: 15px;
}

.leaf-text-group3.leaf-text-group3-adjust {
  margin-left: 10px;
}

.leaf-text-group.leaf-text-group-margin-adjsut1 {
  margin-top: 13px;
}

.leaf-text-group.leaf-text-group-margin-adjsut2 {
  margin-top: 25px;
}

.leaf-text-group.leaf-text-group-margin-adjsut3 {
  margin-top: 45px;
}

/* table */

table.leaf-page {
  border-collapse: collapse;
  margin-bottom: 15px;
  margin-top: 15px;
  max-width: 100%;
  width: 800px;
}

@media screen and (max-width: 800px) {
  table.leaf-page {
    width: 100%;
  }
}

.leaf-page.table-adust {
  font-size: 15px;
}

.leaf-page.table-adust th {
  width: 180px;
}

.leaf-page.table-adust2 {
  font-size: 15px;
}

.leaf-page.table-adust3 {
  font-size: 15px;
}

.table-adjust5 {
  font-size: 15px;
  text-align: left;
  width: 60%;
}

@media screen and (max-width: 612px) {
  .table-adjust5 {
    width: 100%;
  }
}

.leaf-page.table-adust.table-text-align-adust .table-adjust5 th {
  padding-left: 3px;
  text-align: left;
  width: auto;
}

.leaf-page.table-adust.table-text-align-adust .table-adjust5 td {
  padding: 3px;
  text-align: left;
  width: auto;
}

.leaf-page.table-adust.table-text-align-adust .table-adjust6 th {
  padding: 3px;
  text-align: left;
  width: auto;
}

.leaf-page.table-adust.table-text-align-adust .table-adjust6 td {
  padding: 3px;
  text-align: center;
  width: auto;
}

th.table-first-column-width-adjust, td.table-first-column-width-adjust {
  width: 180px !important;
}

.table-adust .leaf-list-ul-group.group1 li + li {
  margin-bottom: 0;
}

.leaf-page.margin-bottom {
  margin-bottom: 35px;
}

table.leaf-page th, td {
  vertical-align: middle;
}

table.leaf-page th {
  padding: 38px 38px;
}

.leaf-page.table-adust th {
  padding: 8px 4px 4px 10px;
  text-align: left;
}

.text-align-center {
  text-align: center;
}

.leaf-page.table-adust th.text-align-center {
  text-align: center;
}

.leaf-page.table-adust2 th {
  min-width: 45px;
  padding: 8px 4px 4px 10px;
  text-align: left;
}

.leaf-page.table-adust4 th {
  font-size: 15px;
  min-width: 300px;
  padding: 8px 4px 4px 10px;
  text-align: center;
}

.leaf-page.table-adust4.two-years th {
  font-size: 14px;
  padding: 8px 2px 4px 2px;
}

.leaf-page.table-adust4.interview-table th {
  min-width: 100px;
  width: 25%;
}

.leaf-page.table-adust4.interview-table.two-years th {
  min-width: 100px;
  width: 30%;
}

@media screen and (max-width: 625px) {
  .leaf-page.table-adust4 th {
    min-width: 150px;
  }
}

table.leaf-page.table-adust5 th, table.leaf-page.table-adust5 td {
  font-size: 15px;
  padding: 10px;
  width: calc(100% / 3);
}

.leaf-page.table-adust.table-text-align-adust th {
  padding: 8px 4px 4px 10px;
  text-align: center;
  width: 150px;
}

table.leaf-page td {
  padding: 26px 30px;
  width: 560px;
}

table.leaf-page.interview-table td {
  padding: 20px 9px 26px 27px;
}

@media screen and (max-width: 834px) {
  table.leaf-page td {
    padding: 26px 30px;
    width: 500px;
  }
}

@media screen and (max-width: 770px) {
  table.leaf-page td {
    padding: 26px 30px;
    width: 450px;
  }
}

.leaf-page.table-adust td {
  padding: 10px;
}

.leaf-page.table-adust2 td {
  padding: 10px;
}

.leaf-page.table-adust3 td {
  padding: 5px 10px;
}

.leaf-page.table-adust6 th {
  font-size: 15px;
  padding: 5px;
  text-align: center;
  width: 105px;
}

@media screen and (max-width: 730px) {
  .leaf-page.table-adust6.table-th-width-adjust th {
    font-size: 10px;
  }

  .leaf-page.table-adust6.table-th-width-adjust td {
    font-size: 10px;
  }
}

.leaf-page.table-adust6.table-th-width-adjust {
  margin: 0 auto;
}

@media screen and (max-width: 628px) {
  .leaf-page.table-adust6.table-th-width-adjust th {
    font-size: 5px;
    padding: 0;
  }

  .leaf-page.table-adust6.table-th-width-adjust th.table-th-padding-adjust {
    font-size: 5px;
    padding: 5px;
    width: 40%;
  }

  .leaf-page.table-adust6.table-th-width-adjust td {
    font-size: 5px;
    padding: 0;
  }

  .leaf-page.table-adust6.table-th-width-adjust td.table-th-padding-adjust {
    font-size: 5px;
    padding: 5px;
    width: 60%;
  }
}

.leaf-page.table-adust7 th {
  padding: 10px;
}

.leaf-page.table-adust7 td {
  padding: 10px 25px;
}

.leaf-page.table-adust8 {
  font-size: 13px;
  margin-bottom: 25px;
}

.leaf-page.table-adust8 th {
  padding: 8px 2px 8px 4px;
}

.leaf-page.table-adust8 td {
  padding: 5px 10px;
  vertical-align: top;
}

.leaf-page.table-adust8.investment-trust-table td {
  padding: 5px 1px;
}

.leaf-page.table-adust9 th {
  font-size: 15px;
  padding: 5px;
  text-align: left;
  text-align: center;
  width: 210px;
}

.leaf-page.table-adust9 td {
  font-size: 15px;
  padding: 5px 5px;
}

.kokusai-table-img {
  display: block;
  margin: 0 auto;
  max-width: 100%;
}

@media screen and (max-width: 435px) {
  .kokusai-table-img {
    display: block;
    margin: 0 auto;
    width: 80%;
  }
}

.table-adust10 {
  font-size: 13px;
}

@media screen and (max-width: 435px) {
  .table-adust10 {
    font-size: 10px;
  }
}

.table-adust10 th {
  padding: 5px;
}

.table-adust10 td {
  padding: 5px;
}

@media screen and (max-width: 435px) {
  .table-adust10 td {
    font-size: 10px;
    padding: 0;
  }
}


.leaf-page.table-adust11 th {
  font-size: 15px;
  padding-bottom: 26px;
  padding-top: 26px;
  text-align: center;
  width: 105px;
}

@media screen and (max-width: 763px) {
  .leaf-page.table-adust11 th {
    padding: 10px;
  }
}

.leaf-page.table-adust11 td {
  font-size: 15px;
  padding: 9px 30px 9px 30px;
  padding-left: 30px;
  text-align: left;
}

@media screen and (max-width: 704px) {
  .leaf-page.table-adust11 td {
    padding: 9px;
  }
}

@media screen and (max-width: 562px) {
  .leaf-page.table-adust11 td {
    font-size: 12px;
  }
}

@media screen and (max-width: 605px) {
  .leaf-page.table-adust6 th {
    font-size: 10px;
    width: 65px;
  }
}

.leaf-page.table-adust6 td {
  padding: 5px 7px;
}

.leaf-page.table-adust6 td.new-line br {
  display: none;
}

@media screen and (max-width: 676px) {
  .leaf-page.table-adust6 td.new-line br {
    display: block;
  }
}

@media screen and (max-width: 605px) {
  .leaf-page.table-adust6 td {
    font-size: 10px;
  }
}

table.leaf-page td.store-td {
  padding: 15px;
  width: 250px;
}

@media screen and (max-width: 525px) {
  table.leaf-page td.store-td {
    padding: 5px;
    width: 345px;
  }
}

@media screen and (max-width: 565px) {
  table.leaf-page th {
    font-size: 13px;
    padding: 38px 28px;
    width: 200px;
  }

  table.leaf-page td {
    font-size: 13px;
    padding: 26px 20px;
    width: 520px;
  }

  table.leaf-page.investment-trust-table td {
    font-size: 10px;
  }
}

@media screen and (max-width: 453px) {
  table.leaf-page th {
    padding: 25px 13px;
  }

  table.leaf-page td {
    padding: 26px 10px;
  }
}

@media screen and (max-width: 411px) {
  table.leaf-page th {
    padding: 25px 5px;
    width: 150px;
  }
}

.font-weight-bold {
  font-weight: bold;
}

/* ol.decimal li {
  list-style-type: decimal;
} */

ol.list-inside li {
  font-weight: normal;
  list-style-position: inside;
}

.leaf-lead-text p {
  font-size: 16px;
  line-height: 1.75;
}

.leaf-lead-text p + p {
  padding-top: 10px;
}

/* leaf-menu */

.leaf-menu-title {
  display: block;
  margin: 0 auto;
  margin-bottom: 10px;
}

.leaf-list-group.group3 {
  gap: 7px;
  justify-content: space-between;
}

.leaf-list-group.group3 a {
  display: inline-block;
  width: calc((100% - 14px) / 3);
}

.leaf-list-group.group3 a img {
  width: 100%;
}

@media screen and (max-width: 497px) {
  .leaf-list-group.group3 a {
    width: 100%;
  }
  .leaf-list-group.group3 a img {
    margin: 0 auto;
    width: 60%;
  }
}

@media screen and (max-width: 497px) {
  .leaf-list-group.group3 {
    align-items: center;
    flex-direction: column;
  }
}

.underline {
  text-decoration: underline;
}

.text-align-right {
  text-align: right;
}

.leaf-page.table-adust4 th.text-align-left {
  text-align: left;
}

.article-leaf.margin-bottom {
  margin-bottom: 35px;
}

.leaf-list-ul-group li {
  font-size: 15px;
  margin-left: 30px;
  text-indent: -1.3rem;
}

.leaf-list-ul-group.group1 li + li {
  padding-top: 15px;
}

.leaf-list-ul-group.group2 {
  margin-top: 15px;
}

.leaf-list-ul-group.group2.investment-trust-transaction-method {
  margin-top: 15px;
  padding: 0 15px;
}

.leaf-list-ul-group.group2 li + li {
  padding-top: 0;
}

.leaf-list-ul-group.group3 {
  margin-top: 15px;
}

.leaf-list-ul-group.group4 {
  padding-left: 20px;
}

.leaf-list-ul-group.group5 li {
  padding-left: 15px;
}

.leaf-list-ul-group.group5 li:before {
  content: none;
}

@media screen and (max-width: 599px) {
  .leaf-list-ul-group.group4 {
    padding-left: 0;
  }

  .leaf-list-ul-group.group4 li {
    font-size: 12px;
  }
}

.leaf-list-ul-group.group3 li + li {
  padding-top: 15px;
}

.leaf-list-ul-group li:last-child {
  margin-bottom: 15px;
}

.leaf-list-ul-group li::before {
  color: #000;
  content: "・";
}

.leaf-list-ul-group.investment-trust-transaction-method li::before {
  color: #000;
  content: "・";
}

.leaf-text.margin-bottom {
  margin-bottom: 35px;
}

p.font-weight-bold {
  font-weight: bold;
}

table.leaf-page td.table-td-adust {
  width: 700px;
}

table.leaf-page dl {
  margin-bottom: 10px;
  margin-left: 35px;
}

.table-box {
  margin-top: 15px;
}

.table-box table {
  border: 1px solid #ccc;
  display: block;
  padding: 10px;
}

.table-box table th, td {
  font-size: 15px;
  padding: 0;
}

.table-box table.two-years th, td {
  font-size: 14px;
  padding: 0;
}

.table-box table.two-years.investment-trust-table th, td {
  font-size: 13px;
}

@media screen and (max-width: 657px) {
  .table-box table.two-years.investment-trust-table th, td {
    font-size: 12px;
  }
}

@media screen and (max-width: 590px) {
  .table-box table.two-years.investment-trust-table th, td {
    font-size: 10px;
  }
}

.table-box table th {
  text-align: left;
}

.table-box table td {
  padding-left: 20px;
}

.table-box table tr td:first-child {
  width: 340px;
}

@media screen and (max-width: 599px) {
  .table-box table tr td:first-child {
    vertical-align: top;
    width: 180px;
  }
}

@media screen and (max-width: 400px) {
  .table-box table tr td:first-child {
    width: 50%;
  }
}

ol.decimal {
  font-size: 15px;
  list-style-type: decimal;
  margin-left: 50px;
}

@media screen and (max-width: 599px) {
  ol.decimal {
    margin-left: 30px;
  }
}

ol.decimal > li {
  list-style-type: decimal;
}

ol.decimal > li + li {
  list-style-type: decimal;
  padding-top: 10px;
}

ol.lower-alpha li {
  margin-left: 50px;
  text-indent: -.3rem;
}

ol.lower-alpha > li {
  list-style: lower-alpha;
}

ol.lower-alpha > li::before {
  content: "";
}

.store-img {
  display: block;
  margin: 0 auto;
  width: 100%;
}

iframe {
  width: 100%;
}

iframe.youtube {
  height: 350px;
  width: 80%;
}

@media screen and (max-width: 725px) {
  iframe.youtube {
    width: 100%;
  }
}

.kokunai-fund-img:hover {
  text-decoration: none;
}

.application-box {
  padding: 17px;
  text-align: center;
}

.application-box-img {
  display: block;
  margin: 15px auto;
}

.list-upper-alpha > li {
  list-style: upper-alpha;
  margin-left: 45px;
  margin-top: 15px;
  text-indent: 0;
}

.list-upper-alpha > li::before {
  content: none;
}

.table-box ul {
  display: flex;
  font-size: 13px;
  gap: 25px;
  padding: 10px 20px;
}

@media screen and (max-width: 385px) {
  .table-box ul.table-box-ul-adust1 {
    display: block;
  }
}

ul.text-list {
  column-gap: 30px;
  display: flex;
  flex-wrap: wrap;
  font-size: 15px;
  margin-left: 15px;
}

@media screen and (max-width: 750px) {
  ul.text-list {
    display: block;
  }
}

ul.text-list.text1 {
  gap: 10px;
}

ul.text-list.text2 {
  column-gap: 20px;
}

ul.text-list li {
  width: calc((100% - 90px) / 2);
}

@media screen and (max-width: 750px) {
  ul.text-list li {
    width: 100%;
  }
}

ul.text-list.text2 li {
  width: calc((100% - 10px) / 2);
}

ul.text-list2 {
  display: flex;
  flex-wrap: wrap;
  font-size: 15px;
  margin-left: 15px;
}

ul.text-list2.text2 {
  column-gap: 20px;
}

@media screen and (max-width: 812px) {
  ul.text-list.text1 li {
    width: calc((100% - 10px) / 2);
  }
}

@media screen and (max-width: 723px) {
  ul.text-list.text1 {
    display: block;
  }

  ul.text-list.text1 li {
    width: 100%;
  }
}

@media screen and (max-width: 681px) {
  ul.text-list.text2 {
    display: block;
  }

  ul.text-list.text2 li {
    width: 100%;
  }
}

.leaf-page.table-adust2.table-adust2-width-adjust1 {
  width: 30%;
}

@media screen and (max-width: 526px) {
  .leaf-page.table-adust2.table-adust2-width-adjust1 {
    width: 70%;
  }
}

.leaf-page.table-adust2.table-adust2-width-adjust2 {
  width: 60%;
}

@media screen and (max-width: 526px) {
  .leaf-page.table-adust2.table-adust2-width-adjust2 {
    width: 100%;
  }
}

.list-decimal-style li {
  font-size: 15px;
  list-style-type: decimal;
  margin-left: 50px;
  text-indent: -.1rem;
}

.list-decimal-style li::before {
  content: none;
}

.social_box {
  padding-bottom: 5px;
  padding-top: 15px;
}

.social_buttons {
  display: inline-block;
  text-align: left;
}

/* sns button */

.snsWrap {
  padding: 0 0 15px;
}

.social_buttons {
  list-style-type: none;
  margin: 0;
  padding: 0;
  text-align: left;
  zoom: 1;
}

.social_buttons:before, .social_buttons:after {
  clear: both;
  content: "";
  display: table;
}

.social_buttons li {
  float: left;
  font-size: 12px;
  margin-left: 0;
  margin-right: 10px;
}

.social_buttons li:last-child {
  margin-right: 0;
}

.social_buttons li .fb_iframe_widget > span {
  vertical-align: baseline;
}

.wrapper
  .main
  .article
  .section
  .section_main-visual_flex
  .section_main-visual_flex_text
  .social_buttons {
  margin-top: 10px;
}

.privacypolicy-text {
  font-size: 16px;
}

.privacypolicy-area::before {
  content: url("http://www.ando-sec.co.jp/common/img/arrow_1.gif");
  left: -5px;
  position: relative;
  top: -20px;
}

.greenAndroidIconSmall {
  background-position: -133px -1314px;
  height: 14px;
  width: 12px;
}

.newSiteIconsSprite {
  background-image: url("https://i-invdn-com.investing.com/newSiteIconsSprite_v33f.png");
}

.inlineblock {
  display: inline-block;
  zoom: 1;
}

.smallGreyAppleLogo {
  background-position: -78px -1465px;
  display: inline-block;
  height: 14px;
  width: 12px;
}

.downloadApp + .downloadApp {
  border-left: 1px solid #dadada;
  height: 16px;
  line-height: 0;
  margin-left: 6px;
  padding-left: 10px;
}


.currency-chart {
  max-width: 560px;
  width: 100%;
}

.branch-manager {
  display: flex;
}

@media screen and (max-width: 552px) {
  .branch-manager {
    display: block;
  }
}

.branch-manager-image img {
  height: 189px;
  width: 139px;
}

@media screen and (max-width: 552px) {
  .branch-manager-image img {
    margin: 0 auto;
  }
}

.branch-manager-message {
  flex: 1;
}

@media screen and (max-width: 817px) {
  .branch-manager-message p {
    font-size: 13px;
  }
}

@media screen and (max-width: 697px) {
  .branch-manager-message p {
    font-size: 12px;
  }
}

.mail-magazine-input {
  width: 370px;
}

@media screen and (max-width: 510px) {
  .mail-magazine-input {
    width: 250px;
  }
}

@media screen and (max-width: 390px) {
  .mail-magazine-input {
    width: 200px;
  }
}

.table-inner-list-group li {
  font-size: 13px;
}

@media screen and (max-width: 730px) {
  .table-inner-list-group li {
    font-size: 10px;
  }
}

#label_margin {
  margin-right: 20px;
}

table tr td div.inquirycontent {
  margin-left: 20px;
}

table tr td input#name, table tr td input#emailfrom {
  width: 270px;
}


@media screen and (max-width: 635px) {
  table tr td input#name, table tr td input#emailfrom {
    width: 230px;
  }
}

table tr td input#zip1, table tr td input#zip2 {
  width: 70px;
}

@media screen and (max-width: 515px) {
  table tr td input#zip1, table tr td input#zip2 {
    width: 40px;
  }
}

table tr td input#tel1, table tr td input#tel2, table tr td input#tel3 {
  width: 70px;
}

@media screen and (max-width: 515px) {
  table tr td input#tel1, table tr td input#tel2, table tr td input#tel3 {
    width: 40px;
  }
}

div td textarea {
  height: 100px;
  resize: none;
  width: 400px;
}

@media screen and (max-width: 635px) {
  div td textarea {
    width: 250px;
  }
}

@media screen and (max-width: 435px) {
  div td textarea {
    width: 200px;
  }
}

#inquirysubmit {
  text-align: center;
}

@media screen and (max-width: 730px) {
  p.inquiry-fontsize {
    font-size: 10px;
  }
}

.table-box table tr td:first-child.mokuji-width-ajust1 {
  width: 25%;
}

@media screen and (max-width: 730px) {
  .table-box table tr td:first-child.mokuji-width-ajust1 {
    width: 50%;
  }
}

.store-area-list {
  display: flex;
  gap: 13px;
  margin-bottom: 58px;
  margin-top: 15px;
}

@media screen and (max-width: 437px) {
  .store-area-list {
    display: block;
    margin-bottom: 35px;
  }
}

.strengths_container2 ul {
  align-items: center;
  column-gap: 46px;
  display: flex;
  justify-content: center;
  margin-bottom: 76px;
  margin-top: 43px;
}

@media screen and (max-width: 750px) {
  .strengths_container2 ul {
    column-gap: 20px;
  }
}

@media screen and (max-width: 560px) {
  .strengths_container2 ul {
    column-gap: 10px;
    margin-bottom: 40px;
    margin-top: 30px;
  }
}

@media screen and (max-width: 450px) {
  .strengths_container2 ul {
    column-gap: 5px;
  }
}

.strengths_container2 li {
  border-radius: 50%;
  height: 193px;
  width: 193px;
}

@media screen and (max-width: 750px) {
  .strengths_container2 li {
    height: 150px;
    width: 150px;
  }
}

@media screen and (max-width: 560px) {
  .strengths_container2 li {
    height: 120px;
    width: 120px;
  }
}

@media screen and (max-width: 450px) {
  .strengths_container2 li {
    height: 85px;
    width: 85px;
  }
}

.horizon-line {
  background-color: #fff;
  height: 1px;
  margin: 2px auto 0;
  width: 114px;
}

@media screen and (max-width: 750px) {
  .horizon-line {
    width: 70px;
  }
}

@media screen and (max-width: 560px) {
  .horizon-line {
    width: 50px;
  }
}

.competence_txt_strenths {
  font-size: 19px;
  line-height: 1.3;
  padding: 40px 0;
  position: relative;
  text-align: center;
  top: -15px;
}

@media screen and (max-width: 750px) {
  .competence_txt_strenths {
    font-size: 15px;
  }
}

@media screen and (max-width: 560px) {
  .competence_txt_strenths {
    font-size: 13px;
    padding: 30px 0;
  }
}

@media screen and (max-width: 450px) {
  .competence_txt_strenths {
    font-size: 10px;
    padding: 18px 0;
  }
}

.competence_txt_strenths_descripton {
  position: relative;
  top: 19px;
}

@media screen and (max-width: 750px) {
  .competence_txt_strenths_descripton {
    top: 7px;
  }
}

@media screen and (max-width: 450px) {
  .competence_txt_strenths_descripton {
    top: 2px;
  }
}

.competence_txt_strenths_num {
  font-size: 23px;
}

@media screen and (max-width: 750px) {
  .competence_txt_strenths_num {
    font-size: 18px;
  }
}

.service_information_container {
  display: flex;
  height: 152px;
  margin-top: 12px;
}

@media screen and (max-width: 635px) {
  .service_information_container {
    display: block;
  }
}

.section-margin-adust1 {
  margin-top: 37px;
}


@media screen and (max-width: 635px) {
  .section-margin-adust1 {
    margin-top: 235px;
  }
}

.section-margin-adust2 {
  margin-top: 37px;
}


@media screen and (max-width: 635px) {
  .article-leaf.margin-bottom.section-margin-adust2 {
    margin-bottom: 295px;
    margin-top: 235px;
  }
}

.service_information_container_img {
  width: 243px;
}

@media screen and (max-width: 793px) {
  .service_information_container_img {
    width: 205px;
  }
}

@media screen and (max-width: 635px) {
  .service_information_container_img {
    margin: 0 auto;
    width: 265px;
  }
}

.service_information_container_text {
  align-items: center;
  column-gap: 14px;
  display: flex;
  flex: 1;
  flex-wrap: wrap;
  padding: 9px 9px 10px 15px;
}

@media screen and (max-width: 793px) {
  .service_information_container_text {
    height: 130px;
    padding: 4px 17px;
  }
}

@media screen and (max-width: 635px) {
  .service_information_container_text {
    padding: 12px 17px;
  }
}

@media screen and (max-width: 635px) {
  .service_information_container_text {
    height: 190px;
  }
}

@media screen and (max-width: 635px) {
  .service_information_container_text {
    display: block;
    margin: 0 auto;
    width: 265px;
  }
}

.service_information_container_text_box {
  align-items: center;
  box-sizing: border-box;
  display: flex;
  height: 52px;
  padding-left: 9px;
  width: calc((100% - 14px) /2);
}

@media screen and (max-width: 635px) {
  .service_information_container_text_box {
    margin: 0 auto;
    width: 230px;
  }

  .service_information_container_text_box + .service_information_container_text_box {
    margin-top: 5px;
  }
}

.service_information_container_text.content_just1 {
  align-items: center;
}

@media screen and (max-width: 635px) {
  .service_information_container_text.content_just1 {
    height: 245px;
  }

  .service_information_container_text.content_just2 {
    height: 190px;
  }
}

.service_information_container_text_box.tall_box {
  height: 75px;
}

@media screen and (max-width: 793px) {
  .service_information_container_text_box.tall_box {
    height: 55px;
  }
}

.box_postion_adjust1 {
  position: relative;
  top: -10px;
}

@media screen and (max-width: 793px) {
  .box_postion_adjust1 {
    top: 0;
  }
}

.box_postion_adjust2 {
  position: relative;
  top: -16px;
}

@media screen and (max-width: 793px) {
  .box_postion_adjust2 {
    top: -3px;
  }
}

@media screen and (max-width: 750px) {
  .box_postion_adjust2 {
    top: -1px;
  }
}

.service_information_container_text_box_title {
  font-size: 14px;
  font-weight: 700;
  padding-left: 5px;
}

@media screen and (max-width: 793px) {
  .service_information_container_text_box.tall_box .service_information_container_text_box_title {
    margin-top: 5px;
  }
}

@media screen and (max-width: 750px) {
  .service_information_container_text_box.tall_box .service_information_container_text_box_title {
    margin-top: 12px;
  }
}

.zyuyoujyouhou-site {
  align-items: center;
  display: flex;
  justify-content: space-between;
}

@media screen and (max-width: 580px) {
  .zyuyoujyouhou-site {
    display: block;
  }
}

.zyuyoujyouhou-site-box {
  padding: 10px 30px;
}

.zyuyoujyouhou-site-box-title {
  font-size: 17px;
  padding-bottom: 10px;
  text-align: center;
}

.zyuyoujyouhou-site-sub-box {
  display: flex;
  gap: 15px;
}

@media screen and (max-width: 750px) {
  .zyuyoujyouhou-site-sub-box {
    display: block;
  }
}

.zyuyoujyouhou-site-sub-box-item {
  width: calc((100% - 30px) /3);
}

@media screen and (max-width: 750px) {
  .zyuyoujyouhou-site-sub-box-item {
    width: 100%;
  }

  .zyuyoujyouhou-site-sub-box-item + .zyuyoujyouhou-site-sub-box-item {
    margin-top: 15px;
  }
}

.zyuyoujyouhou-site-sub-box-item-title {
  font-size: 14px;
  padding-bottom: 3px;
  padding-top: 3px;
  text-align: center;
}

.zyuyoujyouhou-site-sub-box-item-text {
  font-size: 13px;
  padding: 15px 10px;
}

.history-box {
  margin-top: 15px;
}

.history-box-item {
  display: flex;
  gap: 10px;
}

.history-box-item + .history-box-item {
  margin-top: 20px;
}

.market {
  background-image: url(/img/information_content/market.jpg);
}
.global_trend {
  background-image: url(/img/information_content/global_trend.jpg);
}
.column {
  background-image: url(/img/information_content/column.jpg);
}

.sports_tennis {
  background-image: url(/img/information_content/sports.jpg);
}

#main-image {
  height: 536px;
}

#main-image ul {
  display: flex;
  font-size: 15px;
  line-height: 2;
}

#main-image ul.navi_column {
  color: #000;
}

.top_hero .navi_column .back-to-home a {
  border-bottom-color: #000;
}

@media screen and (max-width: 1240px) {
  #main-image {
    height: 460px;
  }
}

@media screen and (max-width: 995px) {
  #main-image {
    height: 346px;
  }
}

@media screen and (max-width: 500px) {
  #main-image {
    height: 260px;
  }
}

.mail-magazine.mail-magazine-postion-ajust {
  left: 50%;
  padding: 10px 25px 8px 0;
  position: relative;
  top: 40px;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 240px;
}

.mail-magazine.mail-magazine-postion-ajust.market-page {
  padding: 10px 30px 8px 0;
  top: 60px;
}

@media screen and (max-width: 1168px) {
  .mail-magazine.mail-magazine-postion-ajust {
    font-size: 16px;
    padding: 10px 20px 8px 0;
  }

  .mail-magazine.mail-magazine-postion-ajust::before {
    left: 28px;
    top: 9px;
  }
}

@media screen and (max-width: 750px) {
  .mail-magazine.mail-magazine-postion-ajust {
    display: block;
  }
}

.column-box {
  box-sizing: border-box;
  height: 335px;
  margin: 0 auto;
  margin-bottom: 132px;
  margin-top: 60px;
  max-width: 90%;
  overflow-y: scroll;
  padding: 30px 42px;
  width: 1020px;
}

.column-box::-webkit-scrollbar {
  width: 20px;
}
.column-box::-webkit-scrollbar-track {
  background-color: #ccc;
  border-radius: 15px;
  margin-bottom: 5px;
  margin-top: 5px;
}
.column-box::-webkit-scrollbar-thumb {
  background-clip: padding-box;
  background-color: #fff;
  border: 3px solid transparent;
  border-radius: 15px;
}

.column-box .news li a::before {
  content: url(../img/common/arrow.png);
  padding-right: 12px;
}

.column-box li a {
  display: flex;
  justify-content: space-between;
}

@media screen and (max-width: 1020px) {
  .column-box li a {
    flex-direction: column-reverse;
  }
}

.column-box li {
  padding-top: 16px;
}

.column-box li + li {
  border-top: 2px solid #999;
  margin-top: 10px;
}

.column-box li:first-child {
  padding-top: 0;
}

.column-box li a.emphasis:hover {
  font-weight: bold;
  opacity: 1;
}

.column-box .news_list_text .news_list_item_label_text {
  margin-left: 5px;
}

.column-box-time {
  font-size: 14px;
  margin-right: 35px;
}

.column-box .info-contents li {
  align-items: center;
  display: flex;
  justify-content: space-between;
  position: relative;
}

.column-box .info-contents li a .info-contents__link__title {
  font-size: 15px;
  position: relative;
}

.column-box .info-contents li a:nth-child(2):before {
  content: none;
}

.column-box .info-contents li a:before {
  content: url(../img/common/arrow.png);
  padding-right: 12px;
  position: relative;
}

.column-box .info-contents li a:hover {
  font-weight: bold;
  opacity: 1;
}

.column-box .info-contents li .info-contents__link__title a:first-child {
  display: none;
}

.column-box .info-contents li a ~ .info-contents__link__title {
  left: 24px;
  position: absolute;
}

@media screen and (max-width: 750px) {
  .column-box .info-contents li {
    align-items: flex-start;
    flex-direction: column-reverse;
    justify-content: flex-start;
  }

  .column-box .info-contents li a:before {
    content: none;
  }

  .column-box .info-contents li .info-contents__link__title:before {
    content: url(../img/common/arrow.png);
    padding-right: 12px;
    position: relative;
  }

  .column-box .info-contents li a ~ .info-contents__link__title {
    left: 0;
    position: relative;
  }

  .column-box .info-contents li .info-contents__link__title {
    display: flex;
  }
}

@media screen and (max-width: 1020px) {
  .column-box .info-contents li a {
    flex-direction: row;
  }
}

.interview-area-group + .interview-area-group {
  margin-top: 70px;
}

.new-graduate-item {
  align-items: baseline;
  display: flex;
}

.new-graduate-item-description {
  font-size: 14px;
}

.new-graduate-item h4 {
  width: 90px;
}

.market-list {
  margin: 0 auto;
  margin-top: 90px;
  padding-bottom: 102px;
  width: calc(100% - 168px);
}

@media screen and (max-width: 1220px) {
  .market-list {
    width: calc(100% - 100px);
  }
}

@media screen and (max-width: 1059px) {
  .market-list {
    width: calc(100% - 50px);
  }
}

.market-list-item + .market-list-item {
  margin-top: 28px;
}

.market-list-item-box {
  align-items: center;
  background: linear-gradient(
  135deg,
  #fff 0%,
  #fff 96%,
  #db0011 96%,
  #db0011 100%
  );
  box-sizing: border-box;
  display: flex;
  height: 98px;
}

@media screen and (max-width: 1220px) {
  .market-list-item-box {
    height: 120px;
  }
}

@media screen and (max-width: 742px) {
  .market-list-item-box {
    display: block;
    height: 140px;
  }
}

@media screen and (max-width: 511px) {
  .market-list-item-box {
    display: block;
    height: 170px;
  }
}

@media screen and (max-width: 453px) {
  .market-list-item-box {
    display: block;
    height: 185px;
  }
}

@media screen and (max-width: 385px) {
  .market-list-item-box {
    display: block;
    height: 205px;
  }
}

@media screen and (max-width: 349px) {
  .market-list-item-box {
    display: block;
    height: 225px;
  }
}

@media screen and (max-width: 329px) {
  .market-list-item-box {
    display: block;
    height: 245px;
  }
}

.market-list-item-box-title {
  font-size: 17px;
  font-weight: bold;
  padding-left: 28px;
  width: 310px;
}

@media screen and (max-width: 1220px) {
  .market-list-item-box-title {
    padding-left: 18px;
    width: 280px;
  }
}

@media screen and (max-width: 1109px) {
  .market-list-item-box-title {
    font-size: 15px;
    padding-left: 8px;
    width: 230px;
  }
}

@media screen and (max-width: 742px) {
  .market-list-item-box-title {
    border-bottom: 1px solid #e50011;
    margin: 0 auto;
    max-width: 625px;
    padding: 5px 0;
    text-align: center;
    width: 100%;
  }
}

@media screen and (max-width: 715px) {
  .market-list-item-box-title {
    width: 95%;
  }
}

.market-list-item-box-description {
  align-items: center;
  border-left: 1px solid #e50011;
  display: flex;
  flex: 1;
  font-size: 16px;
  height: 86px;
  padding-left: 22px;
  padding-right: 53px;
}

@media screen and (max-width: 1220px) {
  .market-list-item-box-description {
    font-size: 14px;
    padding-right: 40px;
  }
}

@media screen and (max-width: 742px) {
  .market-list-item-box-description {
    align-items: start;
    border-left: none;
  }
}

.market-list-item-box-description-small {
  font-size: 13px;
}

@media screen and (max-width: 1031px) {
  .sp-no-br {
    display: none;
  }
}

@media screen and (max-width: 742px) {
  .market-list-item-box-description-box {
    padding-top: 10px;
  }
}

ul.inheritance {
  margin-left: 20px;
  margin-top: 10px;
  padding-left: 15px;
  position: relative;
}

ul.inheritance li:before {
  border-bottom: 3px solid #212121;
  border-right: 3px solid #212121;
  content: "";
  height: 10px;
  left: 0;
  position: absolute;
  -webkit-transform: rotate(50deg);
      -ms-transform: rotate(50deg);
          transform: rotate(50deg);
  width: 5px;
}

ul.inheritance li.inheritance-list1:before {
  top: .3em;
}

ul.inheritance li.inheritance-list2:before {
  top: 1.8em;
}

ul.inheritance li.inheritance-list3:before {
  top: 3.3em;
}

ul.inheritance li.inheritance-list4:before {
  top: 4.9em;
}

ul.inheritance li.inheritance-list5:before {
  top: 6.4em;
}

.employee-interview-2years-list {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  justify-content: space-between;
  margin: 5px auto 25px;
  max-width: 700px;
}

@media screen and (max-width: 755px) {
  .employee-interview-2years-list {
    gap: 15px;
    max-width: 800px;
  }
}

.employee-interview-2years-list-item {
  text-align: center;
  width: calc((100% - 60px) / 4);
}

@media screen and (max-width: 755px) {
  .employee-interview-2years-list-item {
    text-align: center;
    width: calc((100% - 30px) / 2);
  }
}

.employee-interview-2years-list-item-position {
  font-size: 15px;
}

.employee-interview-2years-list-item-name {
  font-size: 17px;
  font-weight: bold;
}

@media screen and (max-width: 588px) {
  .market-list-item-box-description-box {
    padding-top: 10px;
  }
}

.solution-page-list {
  column-gap: 25px;
  display: flex;
  flex-wrap: wrap;
  row-gap: 45px;
}

@media screen and (max-width: 564px) {
  .solution-page-list {
    flex-direction: column;
  }
}

.solution-page-list-item {
  position: relative;
  width: calc((100% - 50px) / 3);
}

@media screen and (max-width: 835px) {
  .solution-page-list-item {
    width: calc((100% - 25px) / 2);
  }
}

@media screen and (max-width: 564px) {
  .solution-page-list-item {
    width: 100%;
  }
}

.solution-page-list-item-title {
  background-color: rgba(255, 255, 255, .8);
  font-size: 14px;
  font-weight: bold;
  padding: 8px 10px 7px;
  position: absolute;
  top: 0;
  width: 100%;
}

.solution-page-list-item-title::before {
  content: url(../img/common/arrow.png);
  vertical-align: middle;
}

.one-space {
  padding-left: 1rem;
}

.transaction-method {
  margin-top: 20px;
}

.leaf-list-group.product_information .transaction-method-box {
  box-sizing: border-box;
  height: 30px;
  margin-top: 10px;
  padding-left: 9px;
  width: 100%;
}

.red-underline {
  text-decoration: underline #fadfe4 5px;
}

.table-list-flex.table-list-flex {
  align-items: center;
  display: flex;
  justify-content: space-between;
}

@media screen and (max-width: 750px) {
  .table-list-flex.table-list-flex {
    align-items: start;
    flex-direction: column;
    gap: 15px;
  }
}

.one-space-table {
  padding-left: 8px;
}

@media screen and (max-width: 457px) {
  .one-space-table {
    padding-left: 2px;
  }
}

/* .topinterview {
  background: linear-gradient(
  130deg,
  #eaebf0 0%,
  #eaebf0 54%,
  #dcdadb 63%,
  #b4b4b4 92%,
  #b1b0b0 100%
  );
} */

/* .top-message-image {
  display: block;
  margin-left: auto;
  margin-top: -60px;
  position: relative;
  width: 40%;
} */

.top-message-image-pc {
  float: right;
  margin-left: 20px;
  /* margin-top: 20px; */
  width: 50%;
}

@media screen and (max-width: 645px) {
  .top-message-image-pc {
    display: none;
  }
}

.top-message-image-sp {
  display: none;
}

@media screen and (max-width: 645px) {
  .top-message-image-sp {
    display: block;
    margin-bottom: 20px;
  }
}

.topinterview .leaf-container.top-message {
  margin-bottom: 0;
  margin-top: 0;
  padding-top: 40px;
}


@media screen and (max-width: 1340px) {
  .topinterview .leaf-container.top-message {
    padding-left: 23px;
    padding-top: 15px;
  }
}

.leaf-text.compant-president {
  margin-bottom: 45px;
}

@media screen and (max-width: 645px) {
  .leaf-text.compant-president {
    margin-bottom: 15px;
  }
}

.top-message-page-img {
  display: none;
}

@media screen and (max-width: 1010px) {
  .top-message-page-img {
    display: block;
  }
}

@media screen and (max-width: 1010px) {
  .leaf-container.top-message {
    top: -795px;
  }
}

.top-message-box {
  margin: auto;
  /* max-width: 600px; */
  max-width: 800px;
  position: relative;
}

@media screen and (max-width: 750px) {
  .top-message-box {
    max-width: unset;
  }
}

@media screen and (max-width: 1010px) {
  .top-message-box {
    margin-top: 25px;
    position: initial;
  }
}

@media screen and (max-width: 1010px) {
  .top-message-box-br {
    display: none;
  }
}

span.top-interview-title {
  display: inline-block;
  font-size: 40px;
  font-weight: bold;
  margin-bottom: 25px;
}

@media screen and (max-width: 620px) {
  span.top-interview-title {
    font-size: 35px;
  }
}

@media screen and (max-width: 552px) {
  span.top-interview-title {
    font-size: 28px;
  }
}

@media screen and (max-width: 455px) {
  span.top-interview-title {
    font-size: 22px;
  }
}

@media screen and (max-width: 372px) {
  span.top-interview-title {
    font-size: 18px;
  }
}

.product-information-box {
  display: flex;
  justify-content: space-between;
}

@media screen and (min-width: 480px) {
  .product-information-box {
    margin: 0 auto;
    max-width: 480px;
  }
}

a.product-information-box-item {
  align-items: center;
  display: flex;
  height: 81px;
  justify-content: center;
  width: calc((100% - 12px) / 2);
}

@media screen and (max-width: 624px) {
  a.product-information-box-item {
    height: 60px;
  }
}


/* 外国株式が公開時に使用 */
/* a.product-information-box-item {
  align-items: center;
  display: flex;
  height: 81px;
  justify-content: center;
  width: calc((100% - 24px) / 3);
} */

.product-information-box-item-icon i {
  color: #fff;
  font-size: 30px;
}

.product-information-box-item-icon-title {
  font-size: 20px;
  font-weight: bold;
  margin-left: 20px;
}

@media screen and (max-width: 624px) {
  .product-information-box-item-icon-title {
    font-size: 16px;
  }
}

/* 外国株式が公開時に使用 */
/* .product-information-box-item-icon-title {
  font-size: 20px;
  font-weight: bold;
  margin-left: 20px;
} */

.product-information-content-box {
  margin-top: 22px;
  padding: 18px 46px;
}

.product-information-content-box-title {
  position: relative;
}

.product-information-content-box-title h3 {
  position: absolute;
  top: 50%;
  transform: translate(0,-50%);
}

@media screen and (max-width: 624px) {
  .product-information-content-box-title h3 {
    font-size: 13px;
  }
}

@media screen and (max-width: 565px) {
  .product-information-content-box-title h3 {
    font-size: 11px;
  }
}

.product-information-content-box-content1 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 14px;
  margin-top: 10px;
  row-gap: 14px;
}

.product-information-content-box-content1.two-contents {
  column-gap: 14px;
  justify-content: start;
}

.product-information-content-box-content1.two-contents a {
  width: calc((100% - 28px) / 3);
}

.product-information-content-box-content1 a {
  display: block;
  width: calc((100% - 26px) / 3);
}

@media screen and (max-width: 776px) {
  .product-information-content-box-content1.two-contents a {
    width: calc((100% - 14px) / 2);
  }
}

@media screen and (max-width: 565px) {
  .product-information-content-box-content1.two-contents a {
    width: 100%;
  }
}

@media screen and (max-width: 776px) {
  .product-information-content-box-content1 a {
    width: calc((100% - 13px) / 2);
  }
}

@media screen and (max-width: 565px) {
  .product-information-content-box-content1 {
    display: block;
  }

  .product-information-content-box-content1 a {
    width: 100%;
  }

  .product-information-content-box-content1 a + a {
    margin-top: 15px;
  }
}

.product-information-content-box-content1 .service_information_container_text_box, .product-information-content-box-content2 .service_information_container_text_box {
  width: 100%;
}

.product-information-content-box-content2 {
  align-items: center;
  column-gap: 37px;
  display: flex;
  padding: 11px 17px;
}

@media screen and (max-width: 776px) {
  .product-information-content-box-content2 {
    display: block;
  }
}

.product-information-content-box-content2-title {
  font-size: 14px;
  font-weight: 700;
}

@media screen and (max-width: 624px) {
  .product-information-content-box-content2-title {
    margin: 0 auto;
    text-align: center;
  }
}

.product-information-content-box-content2-inner-box {
  display: flex;
}

.product-information-content-box-content1.inner-box {
  flex: 1;
}

.product-information-content-box + .product-information-content-box {
  margin-top: 27px;
}

.news li p a {
  padding-left: 0;
}

.news li p a:first-child {
  display: none;
}

.news li p a:nth-child(2)::before {
  content: none;
}

.news li p a:last-child:hover {
  font-weight: bold;
  opacity: 1;
}

.leaf-container .dateMenu li a:nth-child(2):before {
  content: none;
}

.leaf-container .dateMenu li a:last-child {
  text-decoration: unset;
}

.leaf-container .dateMenu li a:last-child:hover {
  font-weight: bold;
  opacity: 1;
}

/* テーブルのスタイル */
.datatable1 {
  border: 1px solid #6e6e6e;
  font-size: 15px;
}

.datatable1 th {
  align-items: center;
  background: #fadfe4;
  border: 1px solid #6e6e6e;
  padding: 10px;
  vertical-align: middle;
}

.datatable1 tr td {
  border: 1px solid #6e6e6e;
  font-size: 15px;
  padding: 10px;
}

/*==231214トップページ修正==*/
@media screen and (min-width: 751px) {
	.onlyMb{display:none;}
}
@media screen and (max-width: 750px) {
	.onlyPc{display:none;}
}
.block{
    padding:0 40px;
}
.inner{
    max-width:1076px;
    margin:0 auto;
}
.front-page .info{
    padding-bottom:40px;
}
.pickup li{
    position:relative;
}
.pickup .title{
    position:absolute;
    width:100%;
    left:0;
    top:0;
    background-color:rgba(255,255,255,0.8);
}
.pickup li a{
    position:relative;
    padding-bottom:66%;
}
.pickup li a img{
    position:absolute;
    width:100%;
    height:100%;
    object-fit:cover;
}

.pickup .title p{
    padding-top:0.3em;
    text-align:center;
    font-weight:bold;
}
.pickup_container {
  margin: 0 auto;
  padding: 21px 0 10px;
  position: relative;
  width: calc(100% - 164px);
}

@media screen and (max-width: 1168px) {
  .pickup_container {
    width: calc(100% - 80px);
  }
}

.flex{
    display:flex;
    align-items:stretch;
    align-content:stretch;
    justify-content: space-between;
    flex-direction:row;
    flex-wrap: wrap
}
.col3 li{
    width:calc((100% - 54px) / 3);
}

@media screen and (max-width: 750px){
    .noFlex_mb{
        display:block !important;
    } 
    .pickup_container{
        width:100%;
    }
    .pickup li a{
        padding-bottom:75%;
    }
    ul.col3 li{
        width:33%;
        margin:0 auto;
    }
    .pickup .title p{
        font-size:3.2vw;
        font-weight:bold;
        padding-left:0;
        padding-top:0;
    }
    .pickup .title p::before {
        background-image: url(../img/common/arrow.png);
        background-repeat: no-repeat;
        background-size: contain;
        content: "";
        display: inline-block;
        height: 3vw;
        margin-right:0.5vw;
        position: relative;
        vertical-align: middle;
        width: 3vw;
    }
}
/*
.front-page .csr li{
    width:calc((100% - 54px) / 3);
}
*/
@media screen and (max-width: 750px){
    .article {
        display:block;
    }
/*
    .front-page .csr li{
        width:100%;
    }
*/
}
.front-page .swiper-wrapper2 .swiper-slide{
    width:45%;
}
@media screen and (max-width: 750px){
    .top_solution{
        width:100%;
        padding:4vw 0 4vw;
    }
}

.front-page .swiper-slide-img{
    height:345px;
}
.front-page .swiper-slide-img.img-contain{
    object-fit: contain;
    object-position:center;
}
.front-page .swiper-slide-img.img-cover{
    object-fit: cover;
    object-position:center;
}

.front-page .swiper-slide a{
    transition-duration:0.2s;
}
@media screen and (max-width: 940px){
    .front-page .swiper-slide-img{
        width:100%;
        height:auto;
        object-fit:contain;
        object-position:center;
    }
}