.top {
    width: 100%;
    height: 100vh;
    background-color: #FFF
}

.top .slick-image.top_key .slick-outer {
    position: relative;
    width: 100vw;
    height: 100vh
  }
  
  .top .slick-image.top_key .slick-outer img.top_key {
    width: 90%;
    height: 80%;
    margin: 5rem auto;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    border-radius: 20px
  }
  
  .top .slick-image.top_key .slick-outer .slick-content {
    width: 100%;
    position: absolute;
    top: 55%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 150;
    color: #FFF;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center
  }
  
  .top .slick-image.top_key .slick-outer .slick-content .top_txt_box {
    margin-left: 2%;
    padding-top: 1rem;
    padding-bottom: 1rem
  }
  
  .top .slick-image.top_key .slick-outer .slick-content .top_txt_box h1 {
    margin-top: auto;
    margin-bottom: 1rem;
    font-size: 2rem;
    font-weight: 600;
    line-height: 2.8rem
  }
  
  .top .slick-image.top_key .slick-outer .slick-content .top_txt_box h1 .top_oneroom {
    display: block;
    font-size: 1.2rem;
    text-align: center;
    margin: 0 auto
  }
  
  .top .slick-image.top_key .slick-outer .slick-content .top_txt_box h1 .top_keyword {
    display: inline-block;
    background-color: #FFF;
    color: #074071;
    margin-right: 0.3rem;
    line-height: 2.1rem;
    padding: 0.2rem 0.2rem
  }
  
  .top .slick-image.top_key .slick-outer .slick-content .top_txt_box p {
    font-size: 1rem;
    display: block;
    margin: 0 auto;
    width: 70%;
    font-family: 'Comic Sans MS';
    color: #FFF
  }
  
  .top .slick-image.top_key .slick-outer .slick-content .top_txt_box .top_crown_wrap {
    margin: 0 auto;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 2rem
  }
  
  .top .slick-image.top_key .slick-outer .slick-content .top_txt_box .top_crown_wrap img.top_crown {
    width: 5.4rem;
    height: 7rem;
    margin-left: 0.5rem
  }
  
  .top .slick-image.top_key .slick-outer .slick-content .top_txt_box .top_crown_wrap img.top_crown:first-child {
    margin-left: 0
  }
  
  .top .slick-image.top_key .slick-outer .slick-content .top_txt_box .top_slidlink {
    display: block;
    width: 70%;
    margin: 2rem auto 1rem
  }
  
  .top .slick-image.top_key .slick-outer .slick-content .top_txt_box .top_slidlink a {
    display: block;
    background-color: #FFF;
    color: #074071;
    text-decoration: none;
    border-radius: 5px;
    padding: 1rem;
    margin-bottom: 1rem
  }
  
  .top .slick-image.top_key .slick-outer .slick-content .top_txt_box .top_slidlink a div {
    padding-right: 0.2rem
  }
  
  .top .slick-image.top_key .slick-outer .slick-content .top_txt_box .top_slidlink a div:after {
    content: '';
    display: inline-block;
    width: 0.9rem;
    height: 0.9rem;
    background-image: url(/beginner/assets/images/icon_link.png);
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 99
  }
  
  .top .slick-image.top_key .slick-outer:nth-child(2) .slick-content .top_txt_box p {
    margin-bottom: 1.5rem;
    font-family: 'arial unicode ms'
  }
  
  @media screen and (min-width: 750px) {
    .top .slick-image.top_key .slick-outer img.top_key {
      margin: 6rem auto;
      max-width: 1200px
    }
    .top .slick-image.top_key .slick-outer .slick-content {
      text-align: center
    }
    .top .slick-image.top_key .slick-outer .slick-content .top_txt_box {
      width: 100%
    }
    .top .slick-image.top_key .slick-outer .slick-content .top_txt_box h1 {
      font-size: 3rem;
      font-weight: 600;
      line-height: 3.8rem
    }
    .top .slick-image.top_key .slick-outer .slick-content .top_txt_box h1 .top_oneroom {
      display: block;
      font-size: 2rem;
      text-align: center;
      margin: 0 auto
    }
    .top .slick-image.top_key .slick-outer .slick-content .top_txt_box h1 .top_keyword {
      padding: 0.3rem 0.2rem 0 0.2rem;
      line-height: 3.2rem
    }
    .top .slick-image.top_key .slick-outer .slick-content .top_txt_box .top_crown_wrap {
      width: -webkit-fit-content;
      width: -moz-fit-content;
      width: fit-content;
      margin: 0 auto
    }
    .top .slick-image.top_key .slick-outer .slick-content .top_txt_box .top_crown_wrap img.top_crown {
      width: 6rem;
      height: auto;
      margin-left: 0.8rem
    }
    .top .slick-image.top_key .slick-outer .slick-content .top_txt_box .top_crown_wrap img.top_crown:first-child {
      margin-left: 0
    }
    .top .slick-image.top_key .slick-outer .slick-content .top_txt_box .top_slidlink {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      width: 50%;
      max-width: 550px;
      margin: 1rem auto
    }
    .top .slick-image.top_key .slick-outer .slick-content .top_txt_box .top_slidlink a {
      width: 41%;
      display: block;
      background-color: #FFF;
      color: #074071;
      border-radius: 5px;
      padding: 1.2rem;
      margin-bottom: 0
    }
    .top .slick-image.top_key .slick-outer .slick-content .top_txt_box .top_slidlink a:nth-child(2) {
      margin-left: 4%
    }
  }
  
  .enter_wrap {
    display: -ms-grid;
    display: grid
  }
  
  .enter_wrap section.enter {
    width: 90%;
    margin: 0 auto;
    padding-bottom: 0.5rem
  }
  
  .enter_wrap section.enter .enter_box {
    text-align: center
  }
  
  .enter_wrap section.enter .enter_box .enter_txt p {
    display: block;
    font-size: 1.2rem;
    font-weight: 600
  }
  
  .enter_wrap section.enter .enter_box .enter_txt p span {
    color: #BE0C0C
  }
  
  .enter_wrap section.enter .enter_box .enter_txt h2 span {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(60%, #ff6));
    background: linear-gradient(transparent 60%, #ff6 60%)
  }
  
  .enter_wrap section.enter .enter_box .enter_img img {
    width: 100%
  }
  
  .enter_wrap .enter_list {
    width: 90%;
    margin: 0 auto -3rem auto;
    z-index: 99
  }
  
  .enter_wrap .enter_list ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0
  }
  
  .enter_wrap .enter_list ul a {
    width: 100%;
    background-color: #FFF;
    margin: 0.4rem auto;
    text-decoration: none;
    text-align: center;
    color: #074071;
    padding: 1.5rem 0;
    border-radius: 5px
  }
  .enter_wrap .enter_list ul a:hover {
    opacity: 0.8;
  }
  .enter_wrap .enter_list ul a li {
    background-color: #FFF;
    list-style-type: none;
    font-size: 0.9rem;
    font-weight: 600;
    position: relative
  }
  
  .enter_wrap .enter_list ul a li:after {
    content: '';
    display: inline-block;
    width: 0.9rem;
    height: 0.7rem;
    background-image: url(/beginner/assets/images/icon_arrow.png);
    background-repeat: no-repeat;
    background-size: contain;
    margin-top: auto;
    padding-left: 0.5rem
  }
  
  .about_wrap {
    padding-top: 3rem
  }
  
  @media screen and (min-width: 620px) {
    .enter_wrap section.enter .enter_box {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      text-align: left
    }
    .enter_wrap section.enter .enter_box .enter_txt {
      width: 70%;
      margin-top: auto;
      margin-bottom: auto
    }
    .enter_wrap section.enter .enter_box .enter_img {
      width: 30%
    }
    .enter_wrap .enter_list ul a {
      width: calc(50% - 0.4rem);
      margin: 0.2rem;
      padding: 1rem 0 0.5rem 0
    }
    .enter_wrap .enter_list ul a li {
      font-size: 1rem
    }
    .enter_wrap .enter_list ul a li:after {
      content: '';
      display: block;
      width: 1rem;
      height: 1rem;
      background-image: url(/beginner/assets/images/icon_arrow.png);
      background-repeat: no-repeat;
      background-size: contain;
      margin-left: auto;
      margin-right: auto;
      margin-top: 0.5rem
    }
    .enter_wrap .enter_list ul a:last-child {
      margin-right: 0
    }
  }
  
  @media screen and (min-width: 980px) {
    .enter_wrap section.enter {
      max-width: 980px;
      margin: 0 auto
    }
    .enter_wrap .enter_list {
      max-width: 980px
    }
    .enter_wrap .enter_list ul a {
      width: calc(25% - 0.4rem);
      margin: 0.2rem
    }
    .enter_wrap .enter_list ul a li {
      font-size: 1rem
    }
    .enter_wrap .enter_list ul a:last-child {
      margin-right: 0
    }
  }
  
  .about_wrap {
    background-image: url(/beginner/assets/images/about.png);
    background-repeat: no-repeat;
    background-size: cover;
    position: relative
  }
  
  .about_wrap:before {
    width: 100%;
    height: 10%;
    bottom: 0;
    content: '';
    position: absolute;
    background-color: #E1ECF5;
    z-index: 1
  }
  
  .about_wrap .about {
    z-index: 99;
    position: relative
  }
  
  .about_wrap .about .Title {
    color: #074071
  }
  
  .about_wrap .about .Title h2 span {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(60%, #ff6));
    background: linear-gradient(transparent 60%, #ff6 60%)
  }
  .about_wrap .about .Title p{
    color: #4c4833;
  }
  
  .about_wrap .about .about_top_img {
    width: 90%;
    margin: 0 auto 2rem auto;
    z-index: 10
  }
  
  .about_wrap .about .about_top_img img {
    width: 100%
  }
  
  .about_wrap .about .about_top_img img.sp {
    display: block
  }
  
  .about_wrap .about .about_top_img img.pc {
    display: none
  }
  
  .about_wrap .about .about_box_wrap {
    width: 90%;
    margin: 0 auto
  }
  
  .about_wrap .about .about_box_wrap .about_box {
    background-color: #FFF;
    padding: 2rem 1rem;
    margin: 2rem 1rem 0.5rem 1rem;
    border-radius: 5px;
    display: inline-block;
    position: relative;
    overflow: hidden;
    z-index: 2
  }
  
  .about_wrap .about .about_box_wrap .about_box span {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 10rem;
    opacity: 0.3;
    font-weight: 600;
    color: #FFA508;
  }
  
  .about_wrap .about .about_box_wrap .about_box h3 {
    margin-bottom: 0.5rem
  }
  
  .about_wrap .about .about_box_wrap .about_box p {
    margin: 0 auto
  }
  
  .about_wrap .about .about_box_wrap .about_box .front_txt {
    text-align: center
  }
  
  .about_wrap .about .about_box_wrap .about_box .front_txt img.about_icon {
    display: block;
    margin-left: auto;
    margin-right: auto;
    height: 4rem
  }
  
  @media screen and (min-width: 620px) {
    .about_wrap {
      background-image: url(/beginner/assets/images/about_pc.png);
      background-repeat: no-repeat;
      background-size: cover;
      position: relative
    }
    .about_wrap:before {
      height: 20%
    }
    .about_wrap .about .about_top_img {
      width: 90%
    }
    .about_wrap .about .about_top_img img {
      width: 100%
    }
    .about_wrap .about .about_top_img img.sp {
      display: none
    }
    .about_wrap .about .about_top_img img.pc {
      display: block
    }
    .about_wrap .about .about_box_wrap {
      width: 90%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap
    }
    .about_wrap .about .about_box_wrap .about_box {
      width: 27%;
      margin-right: 2.5%;
      padding: 2rem 1rem;
      margin: 1rem auto 2rem auto;
      border-radius: 5px
    }
    .about_wrap .about .about_box_wrap .about_box:last-child {
      margin-right: 0
    }
  }
  
  @media screen and (min-width: 980px) {
    .about_wrap .about {
      max-width: 980px;
      margin: 0 auto
    }
    .about_wrap .about .about_top_img {
      width: 90%
    }
    .about_wrap .about .about_top_img img {
      width: 100%
    }
    .about_wrap .about .about_top_img img.sp {
      display: none
    }
    .about_wrap .about .about_top_img img.pc {
      display: block
    }
    .about_wrap .about .about_box_wrap {
      width: 90%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap
    }
    .about_wrap .about .about_box_wrap .about_box {
      width: 28%;
      margin-right: 2.5%;
      padding: 2rem 1rem 1rem 1rem;
      margin-bottom: 2rem;
      border-radius: 5px
    }
  }
  
  /* .merit_wrap {
    background-color: #074071
  } */
  
  .merit_wrap .merit .Title {
    color: #FFF;
    margin-bottom: 2rem
  }
  .merit_wrap .merit .Title h3{
    font-size: 1.5rem;
  }
  
  .merit_wrap .merit .merit_box_wrap {
    width: 90%;
    margin: 0 auto
  }
  
  .merit_wrap .merit .merit_box_wrap .merit_box {
    background-color: #FFF;
    margin-bottom: 3rem;
    border-radius: 5px;
    position: relative;
    box-shadow: 1px 1px 3px 1px;
  }
  
  .merit_wrap .merit .merit_box_wrap .merit_box span {
    font-size: 3.5rem;
    font-weight: 900;
    color: #084070;
    opacity: 0.8;
    position: absolute;
    top: -2.5rem;
    left: 1rem
  }
  
  .merit_wrap .merit .merit_box_wrap .merit_box img {
    width: 100%
  }
  
  .merit_wrap .merit .merit_box_wrap .merit_box .merit_txt {
    padding: 1rem 1.7rem 0 1.7rem;
    margin-bottom: 0;
    position: relative;
    top: -2.5rem
  }
  
  .merit_wrap .merit .merit_box_wrap .merit_box .merit_txt h3 {
    margin-top: 0;
    margin-bottom: 0.5rem;
    color: #074071;
    font-weight: 600;
    font-size: 1.5rem;
    text-align: center
  }
  
  .merit_wrap .merit .merit_box_wrap .merit_box .merit_txt p {
    margin-bottom: 0
  }
  
  .merit_wrap .merit .merit_libox_wrap {
    width: 90%;
    margin: 0 auto
  }
  
  .merit_wrap .merit .merit_libox_wrap .merit_libox {
    background-color: #FFF;
    margin-bottom: 1rem;
    border-radius: 5px;
    padding: 1rem 1.2rem;
    text-align: center;
    box-shadow: 1px 1px 3px 1px;
  }
  
  .merit_wrap .merit .merit_libox_wrap .merit_libox h4 {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
    font-size: 1.17rem;
  }
  
  .merit_wrap .merit .merit_libox_wrap .merit_libox p {
    margin-top: 0;
    margin-bottom: 0.5rem
  }
  
  .merit_wrap .merit .merit_txt_box {
    width: 90%;
    margin: 0 auto
  }
  
  .merit_wrap .merit .merit_txt_box p {
    border-radius: 5px;
    background-color: #E1ECF5;
    padding: 1.2rem;
    margin: 3rem auto 2rem auto
  }
  
  @media screen and (min-width: 620px) {
    .merit_wrap .merit .merit_box_wrap {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      margin-bottom: 3rem
    }
    .merit_wrap .merit .merit_box_wrap .merit_box {
      width: 31%;
      margin-right: 2.5%
    }
    .merit_wrap .merit .merit_box_wrap .merit_box:nth-child(3n) {
      margin-right: 0
    }
    .merit_wrap .merit .merit_libox_wrap {
      width: 90%;
      margin: -1rem auto 0 auto;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center
    }
    .merit_wrap .merit .merit_libox_wrap .merit_libox {
      margin-bottom: 1rem;
      padding: 1rem;
      width: 28%;
      margin-right: 2%
    }
    .merit_wrap .merit .merit_libox_wrap .merit_libox:nth-child(3n) {
      margin-right: 0
    }
    .merit_wrap .merit .merit_txt_box {
      width: 90%;
      margin: 0 auto
    }
    .merit_wrap .merit .merit_txt_box p {
      margin: 1rem auto;
      padding: 1.5rem
    }
  }
  
  @media screen and (min-width: 980px) {
    .merit_wrap .merit {
      max-width: 980px;
      margin: 0 auto
    }
    .merit_wrap .merit .merit_box_wrap {
      width: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center
    }
    .merit_wrap .merit .merit_box_wrap .merit_box {
      width: 31%;
      margin-right: 2.5%
    }
    .merit_wrap .merit .merit_box_wrap .merit_box:nth-child(3n) {
      margin-right: 0
    }
    .merit_wrap .merit .merit_libox_wrap {
      width: 100%;
      margin: 0 auto
    }
    .merit_wrap .merit .merit_libox_wrap .merit_libox {
      background-color: #FFF;
      border-radius: 5px;
      padding: 1rem;
      width: 28%;
      text-align: center
    }
    .merit_wrap .merit .merit_txt_box {
      width: 100%
    }
    .merit_wrap .merit .merit_txt_box p {
      padding: 2rem
    }
  }
  
  .us .us_read {
    width: 90%;
    margin: 0 auto 2rem auto;
    text-align: center
  }
  
  .us .us_box_wrap .us_box {
    background-color: #074071;
    color: #FFF;
    padding: 3rem 2rem;
    margin-bottom: 2rem;
    width: 75%;
    margin-left: 0;
    margin-right: auto;
 
  }
  

  .us .us_box_wrap .us_box .us_txts h3{
    font-size: 1.5rem;
  }
 
  .us .us_box_wrap .us_box .us_txts .us_icon {
    display: block;
    margin-left: auto;
    margin-right: auto;
    height: 4rem
  }
  
  .us .us_box_wrap .us_box .us_img {
    width: 100%;
}
  .us .us_box_wrap .us_box .us_img img{
    width: 100%;
  }
  
  .us .us_box_wrap .us_box:nth-child(even) {
    margin-left: auto;
    margin-right: 0
  }
  
  @media screen and (min-width: 620px) {
    .us .us_box_wrap .us_box {
      width: 80%;

    }

    .us .us_box_wrap .us_box .us_txts {
      margin: 0 auto 3rem auto;
      padding-left: 3%;
      padding-right: 3%;
 
    }

    .us .us_box_wrap .us_box:nth-child(even) {
      margin-left: auto;
      margin-right: 0
    }
    .us .us_box_wrap .us_box:nth-child(even) .us_txts {
      padding-right: 3%;
      padding-left: 3%
    }
  }
  
  @media screen and (min-width: 980px) {
    .us .us_read {
      margin-bottom: 3rem
    }
    .us .us_box_wrap .us_box{
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    }
    .us .us_box_wrap .us_box.us_box02{
        flex-direction: row;

    }
    .us .us_box_wrap .us_box .us_txts {
      max-width: 980px;
      margin: 0 auto;
      padding-left: 3%;
      padding-right: 2%;
      width:55%;
    }
    .us .us_box_wrap .us_box .us_img{
        width: 45%;
    }
    .us .us_box_wrap .us_box:nth-child(even) {
      margin-left: auto;
      margin-right: 0
    }
    .us .us_box_wrap .us_box:nth-child(even) .us_txts {
      padding-right: 3%;
      padding-left: 2%
    }
  }
  
  .deta_wrap {
    background-color: #FFF
  }
  
  .deta_wrap .deta {
    width: 90%;
    margin: 0 auto
  }
  
  .deta_wrap .deta .deta_box_wrap .deta_box {
    margin: 1rem 1rem 2rem 1rem
  }
  
  .deta_wrap .deta .deta_box_wrap .deta_box .deta_name {
    color: #074071;
    display: block;
    border: 1px solid #074071;
    width: 4rem;
    margin: 0 auto 1rem auto;
    text-align: center;
    padding: 0.5rem
  }
  
  .deta_wrap .deta .deta_box_wrap .deta_box img {
    width: 100%
  }
  
  .deta_wrap .deta .deta_txt_box {
    background-color: #E1ECF5;
    padding: 1rem 1.5rem;
    margin: 1rem 1rem 2rem 1rem;
    border-radius: 5px
  }
  /* swiper---------------------------- */
  .swiper{
    width: 100%;
    max-width: 300px;
    height: 580px;
    margin: 0 auto;
    }
    @media screen and (min-width: 980px) {
        .swiper{
            max-width: 980px;
    }
}
.swiper-wrapper{
        width: 100%;
        height: 580px;
    }
.swiper-slide{
        width: 100%;
        height: 100%;
    }
    /* ページネーション */
    /* ページネーション共通のスタイル */
.swiper-pagination-bullet {
    background-color: #333;
    color: #fff;
    font-size: 16px;
    height: 24px;
    line-height: 1.5;
    transition: transform .2s linear;
    width: 24px;
  }
  /* 現在のページネーションのスタイル */
.swiper-pagination-bullet-active {
    background-color: #fff;
    color: #333;
    transform: scale(1.4);
  }
  /* ページネーションの余白(位置) */
.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 10px 30px;
  }
/* 前への矢印 */
.swiper-button-prev {
    left: -50px;
  }
  /* 次への矢印 */
  .swiper-button-next {
    right: -50px;
  }
  /* ページネーション */
  .swiper-pagination.swiper-pagination-horizontal {
    bottom: 15px;
    color: white;
    font-size: 25px;
    position: absolute;
  }
  /* インタビューーーーーーーーーーーーー */
  .voice .Title h2{
    color: 	#E7F0F8;
  }
.voice_box{
   width: 85%;
    margin: 5rem auto 5rem auto;
    /* height: 500px; */
    list-style: none;
    background-color: #FFF;
    text-align: center;
    border-radius: 5px;
    padding: 4rem 1rem 1rem 1rem;
    /* margin-top: 5rem; */
    position: relative;
    /* margin-bottom: 5rem; */
  }
  /* @media screen and (max-width: 980px) {
    .voice_box{
      width: 50%;
      max-width: 350px;
  }
} */
.slick-prev:before, .slick-next:before{
  background-color: #084070;
  border-radius: 50%;
  font-size: 35px;
  padding: 5px;
  border: 1px solid white;
}
#voice .slick-slider{
  height: 660px;

}
@media screen and (max-width: 768px) {
#voice .slick-slider{
    height: 545px;

  }
}
@media screen and (max-width: 375px) {
  #voice .slick-slider{
      height: 660px;
  
    }
  }
  .slick-img .voice_box .voice_img {
    width: 125px;
    width: 125px;
    object-fit: cover;
    display: block;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
  }

ccce_contents {
    background-color: #E1ECF5;
    padding: 1rem;
  }

  .voice_text--title{
    display: block;
    margin-bottom: 0.5rem;
    font-weight: 600;
  } 
 
  
  @media screen and (min-width: 620px) {
    .deta_wrap .deta .deta_box_wrap {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap
    }
    .deta_wrap .deta .deta_box_wrap .deta_box {
      margin: 1rem 5% 2rem auto;
      width: 30%
    }
    .deta_wrap .deta .deta_box_wrap .deta_box:nth-child(3n) {
      margin-right: 0
    }
  }
  
  @media screen and (min-width: 980px) {
    .deta_wrap .deta {
      max-width: 980px;
      margin: 0 auto
    
  }
  .voice{
    max-width: 980px;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    /* padding: 0 20px 80px; */
    margin: 0 auto;
    position:relative;
  }

 

  .voice_wrap {
    /* background-color: #084070; */
    overflow: hidden;
    width: 100%;
  }
  
  .voice_wrap .voice .Title {
    color: #FFF
  }
}

.voice_wrap {
  background-color: #084070;
}
.voice_contents {
  background-color: #E1ECF5;
  padding: 1rem;
}
    /* #voice .list {
      width: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;

    }
    #voice .list .voice_box { */
      /* width: 100%; */
      /* margin-right: 2.5% */
    /* }
    #voice .list .voice_box:nth-child(3n) {
      margin-right: 0
    }
    #voice .more {
      width: 100%
    } */
  
  
  /* swiper */
  .mansion{
    /* max-width: 300px; */
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    /* padding: 0 20px 80px; */
    margin: 0 auto;
    position:relative;
  }
  @media screen and (min-width: 980px) {
    .mansion {
      max-width: 980px;
      margin: 0 auto
    }
}
  .mansion_box{
    /* opacity: 1; */
    /* width: 28%; */
    /* height: 500px; */
    list-style: none;
    background-color: #FFF;
    text-align: center;
    border-radius: 5px;
    margin-top: 5rem;
    position: relative;
    margin-bottom: 5rem;
  }
  @media screen and (max-width: 620px) {
    .mansion_box{
  width: 85%;
  margin: 0 auto;
  height: fit-content;
  margin-bottom: 100px;

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

    }
  }
  /* .mansion .mansion_box_wrap ul {
    margin: 0 auto;
    padding-left: 0
  } */
  .swiper02 .swiper-slide {
    margin: 0 auto;
    padding-left: 0
  }
  
 .mansion_box img {
    width: 100%;
    display: block;
    margin: 0 auto
  }
  
.mansion_box .mansion_txt {
    padding: 1rem;
    position: relative;
    top: -0.9rem
  }
  
.mansion_box .mansion_txt .mansion_name {
    display: block;
    margin-top: -1rem;
    font-weight: 600;
    font-size: 1.2rem
  }
  
.mansion_box .mansion_txt .mansion_contents {
    width: 100%;
    margin: 0.1rem auto 0 auto
  }
.mansion_box .mansion_txt .mansion_contents dl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 14rem;
    text-align: right;
    margin: 0 auto;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline
  }
.mansion_box .mansion_txt .mansion_contents dl dt {
    font-size: 1rem;
    width: 7rem
  }
.mansion_box .mansion_txt .mansion_contents dl dt .month {
    font-weight: 300;
    font-size: 0.8rem
  }
.mansion_box .mansion_txt .mansion_contents dl dt .year {
    font-size: 0.6rem
  }
.mansion_box .mansion_txt .mansion_contents dl dd {
    width: 7rem;
    font-size: 1.3rem;
    margin: 0
  }
.mansion_box .mansion_txt .mansion_contents dl dd .mars {
    padding-right: 0.2rem
  }
.mansion_box .mansion_txt .mansion_contents dl dd .en {
    font-size: 0.8rem;
    padding-left: 0.2rem
  }
.mansion_box .mansion_txt .mansion_contents dl.mansion_ed {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(60%, #ff6));
    background: linear-gradient(transparent 60%, #ff6 60%)
  }


  @media screen and (min-width: 620px) {

    .mansion_box .mansion_txt {
      padding: 1rem 0 0 0
    }
    .mansion_box .mansion_txt .mansion_contents {
      margin: 0.5rem auto
    }
    .mansion_box .mansion_txt .mansion_contents dl {
      margin: 0.2rem auto;
      max-width: 14rem
    }
    .mansion_box .mansion_txt .mansion_contents dl dt {
      font-size: 0.8rem;
      width: 6rem;
      margin-top: auto
    }
    .mansion_box .mansion_txt .mansion_contents dl dt span {
      font-weight: 300;
      font-size: 0.8rem
    }
    .mansion_box .mansion_txt .mansion_contents dl dd {
      width: 7rem;
      font-size: 1.1rem;
      margin: 0;
      margin-top: auto
    }
    .mansion_box .mansion_txt .mansion_contents dl dd .mars {
      padding-right: 0.1rem
    }
    .mansion_box .mansion_txt .mansion_contents dl dd .en {
      font-size: 0.7rem;
      padding-left: 0.1rem
    }
    .mansion_box .mansion_txt .mansion_contents dl.mansion_ed {
      background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(60%, #ff6));
      background: linear-gradient(transparent 60%, #ff6 60%)
    }
    .mansion_box .mansion_txt .mansion_contents dl.mansion_ed dd {
      margin-top: auto
    }
  }
  
  @media screen and (min-width: 980px) {
    .mansion {
      max-width: 980px;
      margin: 0 auto
    }
    .swiper02 .swiper-wrapper {
      width: 100%
    }
    .swiper02 .swiper-slide {
      width: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap
    }

  }
  
  .sales_wrap {
    background-color: #FFF
  }
  
  .sales_wrap .sales {
    width: 80%;
    margin: 0 auto
  }
  
  .sales_wrap .sales .Title {
    width: 100%;
    margin-bottom: 0.5rem
  }
  
  .sales_wrap .sales .sales_box_wrap .sales_box {
    margin-bottom: 2rem
  }
  
  .sales_wrap .sales .sales_box_wrap .sales_box dl dt {
    font-weight: 600;
    margin-bottom: 0.5rem
  }
  
  .sales_wrap .sales .sales_box_wrap .sales_box dl dt .old {
    font-size: 0.8rem;
    padding-left: 0.2rem;
    font-weight: 300
  }
  
  .sales_wrap .sales .sales_box_wrap .sales_box dl dt .character {
    display: block;
    font-size: 0.9rem;
    font-weight: 300
  }
  
  .sales_wrap .sales .sales_box_wrap .sales_box dl dt .sales_merit {
    display: block;
    font-weight: 600;
    margin-top: 0.2rem
  }
  
  .sales_wrap .sales .sales_box_wrap .sales_box dl dd {
    margin-left: 0;

}
  
  .sales_wrap .sales .sales_box_wrap .sales_box img {
    width: 100%
  }
  
  @media screen and (min-width: 980px) {
    .sales_wrap .sales {
      max-width: 980px;
      margin: 0 auto
    }
    .sales_wrap .sales .Title {
      margin-bottom: 2rem
    }
    .sales_wrap .sales .sales_box_wrap {
      width: 85%;
      margin: 0 auto
    }
    .sales_wrap .sales .sales_box_wrap .sales_box {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center
    }
    .sales_wrap .sales .sales_box_wrap .sales_box dl {
      width: 48%;
      margin-right: 5%
    }
    .sales_wrap .sales .sales_box_wrap .sales_box img {
      width: 47%
    }
    .sales_wrap .sales .sales_box_wrap .sales_box:nth-child(odd) {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
      flex-direction: row-reverse
    }
    .sales_wrap .sales .sales_box_wrap .sales_box:nth-child(odd) dl {
      width: 48%;
      margin-right: 0;
      margin-left: 5%
    }
  }
  
  .risk .Title h2 {
    text-align: center
  }
  
  .risk .Title h2 span {
    display: block;
    font-size: 1.2rem
  }
  
  .risk .risk_box_wrap {
    width: 90%;
    margin: 0 auto;
    max-width: 980px;
  }
  .sales_wrap .sales .sales_box_wrap .sales_box dl dd{
  background-color: #E7F0F8;
  padding: 15px;
  border-radius: 20px;
  }
  .risk .risk_box_wrap .risk_box {
    background-color: #FFF;
    padding: 2rem 1rem 1rem 1rem;
    margin-bottom: 2rem;
    border-radius: 5px;
    display: inline-block;
    position: relative;
    overflow: hidden;
    text-align: center
  }
  
  .risk .risk_box_wrap .risk_box span {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 10rem;
    opacity: 0.3;
    font-weight: 600;
    color: #FFA508;
  }
  
  .risk .risk_box_wrap .risk_box h3 {
    margin-bottom: 0.5rem
  }
  
  .risk .risk_box_wrap .risk_box p {
    margin: 0 auto
  }
  
  .risk .risk_box_wrap .risk_box .risk_icon {
    display: block;
    margin-left: auto;
    margin-right: auto;
    height: 4rem
  }
  
  @media screen and (min-width: 620px) {
    .risk .risk_box_wrap {
      width: 90%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center
    }
    .risk .risk_box_wrap .risk_box {
      width: 26%;
      margin-right: 2.5%
    }
    .risk .risk_box_wrap .risk_box:nth-child(3n) {
      margin-right: 0
    }
  }
  .risk {
    margin: 0 auto;
    background-color: #084070;
  }

  .risk .Title {
    margin-bottom: 2rem;
    color: white;

  }
  @media screen and (min-width: 980px) {

    .risk .Title {
      margin-bottom: 2rem;

    }
    .risk .risk_box_wrap {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center
    }
    .risk .risk_box_wrap .risk_box {
      width: 28%;
      margin-right: 2.5%
    }
    .risk .risk_box_wrap .risk_box:nth-child(3n) {
      margin-right: 0
    }
  }

  .support_wrap .support .support_box_wrap {
    width: 90%;
    margin: 0 auto
  }

  .support_wrap .support .support_box_wrap .support_box {
    background-color: white;
    padding: 1rem;
    margin-bottom: 2rem;
    border-radius: 5px;
    position: relative
  }

  .support_wrap .support .support_box_wrap .support_box span {
    font-size: 3.5rem;
    font-weight: 900;
    color: #FFA508;
    opacity: 0.7;
    position: absolute;
    top: -2.5rem
  }
  
  .support_wrap .support .support_box_wrap .support_box h3 {
    margin-bottom: 0;
    text-align: center
  }
  
  .support_wrap .support .support_box_wrap .support_box p {
    margin-top: 0.5rem
  }
  
  @media screen and (min-width: 620px) {
    .support_wrap .support .support_box_wrap {
      width: 90%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center
    }
    .support_wrap .support .support_box_wrap .support_box {
      width: 26%;
      margin-right: 2.5%
    }
    .support_wrap .support .support_box_wrap .support_box:nth-child(3n) {
      margin-right: 0
    }
  }

  
  @media screen and (min-width: 980px) {
    .support_wrap .support {
      max-width: 980px;
      margin: 0 auto
    }
    .support_wrap .support .Title {
      margin-bottom: 2.5rem
    }
    .support_wrap .support .support_box_wrap {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center
    }
    .support_wrap .support .support_box_wrap .support_box {
      width: 28%;
      margin-right: 2.5%;
      background-color: white;
    }
    .support_wrap .support .support_box_wrap .support_box:nth-child(3n) {
      margin-right: 0
    }
  }
  
  /* .form_wrap #form .form table tr.input_form th label span.no-hihun{
    color: #333;
    padding-left:10px;
  } */
  .form_wrap {
    /* margin-top: 4rem; */
    /* padding-bottom: 3rem; */
    /* background-color: #fff; */
  }
  
  .form_wrap #form {
    width: 100%;
    /* padding-top: 4rem */
  }
  
  .form_wrap #form .Title {
    margin: 3rem auto 2rem auto
  }
  .alert {
    color: red;
    display: none;
    font-size: 1.4rem;
}
  
  .form_wrap #form .alert {
    text-align: center
  }
  /* .form_wrap .form.form01{
    background: #E1ECF5;
    padding: 2rem 1rem;
  } */
  .form_wrap #form .form p {
    text-align: left;
    line-height: 1.8;
  }
  
  .form_wrap #form .form .form_step {
    margin-top: 2rem
  }
  
  .form_wrap #form .form .form_step h3 {
    text-align: center;
    margin-bottom: 0
  }
  
  .form_wrap #form .form .form_step ul {
    padding-left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    list-style: none;
    text-align: center
  }
  
  .form_wrap #form .form .form_step ul li {
    width: 33%;
    background-color: #FFF;
    color: #074071;
    padding: 1rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-right: 1px solid #074071
  }
  
  .form_wrap #form .form .form_step ul li.now {
    background-color: #074071;
    color: #FFF
  }
  
  .form_wrap #form .form .form_step ul li:last-child {
    border: none
  }
  
  .form_wrap #form .form table {
    width: 100%;
    margin-bottom: 10px;
    border-collapse: separate;
    border-spacing: 0 25px
  }
  
  .form_wrap #form .form table tr.input_form {
    margin-bottom: 25px;
    overflow: hidden;
    flex-direction: row;
  }
  
  .form_wrap #form .form table tr.input_form th {
    width: 100%;
    display: block;
    text-align: left
  }
  
  .form_wrap #form .form table tr.input_form th label {
    font-weight: 900;
    margin-right: 10px;
    font-size: 0.9rem
  }
  
  .form_wrap #form .form table tr.input_form th label span {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      height: 24px;
      padding-left: 5px;
      margin-right: 48px;
      font-size: 18px;
      font-weight: 600;
      letter-spacing: 6px;
      white-space: nowrap;
      height: 33px;
      margin-right: 0px;
      border-radius:10px;
      font-size: 18px;
  }
  
  .form_wrap #form .form table tr.input_form td {
    width: 100%;
    display: block;
  }
  .form_wrap #form .form table tr.input_form td.u-pl90 {
    padding-left: 90px;
  }
  
  .form_wrap #form .form table tr.input_form td input {
    width: 100%;
    height: 60px;
    padding: 15px;
    font-size: 16px;
    -webkit-box-sizing: border-box;
    background-color: #fff;
    border-radius: 5px;
    box-sizing: border-box;
    background-color: #f1f6f5;
    border: 2px solid #e3f0ed;
    color: #18a096;
  }

  .form_wrap #form .form table tr.input_form td input::placeholder {
    color: #7dc8c1;
    font-weight: bold;
    letter-spacing: 0.12em;
  } 
  .form_wrap #form .form table tr.input_form td textarea {
    width: 100%;
    float: right;
    border: none;
    font-size: 16px;
    height: 200px;
    padding: 15px;
    margin-top: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
  }
  
  .form_wrap #form .form table tr.input_form td select {
    width: 100%;
    height: 60px;
    padding: 15px;
    border-radius: 5px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin-left: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 100%;
    font-family: inherit;
    line-height: 1.6;
    font-size: 16px;
    box-sizing: border-box;
    background-color: #f1f6f5;
    border: 2px solid #e3f0ed;  
  }

  .form_wrap #form .form table tr.input_form td select.yaku_kyomi {
    color: #18a096;
    /* font-weight: bold; */
  }
  .form_wrap #form .form table tr.input_form td select.yaku_kyomi.has-value {
    color: #000; /* 選択されたら黒文字 */
  }
  
  .form_wrap #form .form table tr.input_form td select::-ms-expand {
  }
  
  .form_wrap #form .form table tr.input_form td input::-ms-clear {
    visibility: hidden
  }
  
  .form_wrap #form .form table tr.input_form td :-ms-input-placeholder {
    color: #9EA3A5
  }
  
  .form_wrap #form .form table tr.input_form td ::-webkit-input-placeholder {
    color: #9EA3A5
  }
  
  .form_wrap #form .form table tr.input_form .select-wrap {
    position: relative;
    width: 130px;
  }
  
  .form_wrap #form .form table tr.input_form .select-wrap:before {
    z-index: 1;
    position: absolute;
    right: 1rem;
    top: 0;
    content: "";
    line-height: 43px;
    color: #7F878C;
    pointer-events: none
  }
  
  .form_wrap #form .form table tr.input_form .select-wrap label {
    font-weight: 900;
    margin-right: 0px;
    font-size: 0.9rem;
    display: flex;
    font-size: 16px;
  }
  
  .form_wrap #form .form table tr.input_form .select-wrap select {
    outline: none;
    -moz-appearance: none;
    text-indent: 0.01px;
    text-overflow: '';
    border-radius: 10px;
    vertical-align: middle;
    font-size: inherit;
    color: inherit;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    color: #828c9a;
    width: calc(70% - 10px);
    height: 3.5rem;
    float: right;
    border: none;
    background-color: #FFF;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-left: 0;
    padding-left: 0.2rem
  }
  
  .form_wrap #form .form table tr.input_form .select-wrap select option {
    background-color: #fff;
    color: #333
  }
  
  .form_wrap #form .form table tr.input_form .select-wrap select::-ms-expand {
    display: none
  }
  
  .form_wrap #form .form table tr.input_form .select-wrap select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #828c9a
  }
  
  .form_wrap #form .form .checkbox_input [type=checkbox]::after {
    background-repeat: no-repeat;
    background-size: contain
  }
  
  [type=checkbox], [type=radio] {
    width: 40px;
    height: 40px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
    background-color: #D9D9D9;

  }
  input[type=checkbox] + label::after {
    opacity: 0;
  }
  input[type=checkbox]:checked + label::after {
    background-image: url(../../assets/images/check.png);
      opacity: 1;
  }
  .form_wrap #form .form .checkbox_input {
    width: 100%;
    clear: both;
    text-align: left;
    margin-bottom: 1rem
  }

  .checkbox_input {
	position: relative;
	display: flex;
	align-items: center;
}

.checkbox_input input[type="checkbox"] {
	display: none; /* チェックボックスを非表示に */
}

.checkbox_input label {
	cursor: pointer;
	position: relative;
	padding-left: 60px; /* チェックマーク分の余白 */
}

.checkbox_input .icon {
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 40px;
	height: 40px;
	border-radius: 4px;
	background-color: #D9D9D9;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}

.checkbox_input input[type="checkbox"]:checked + label .icon {
  background-image: url(../../assets/images/check.png);
}

  
  .form_wrap #form .form .checkbox_input label {
    font-size: 18px
  }
  
  .form_wrap #form .form .checkbox_input label a {
    color: #004D82;
    text-decoration: underline
  }
  
  .form_wrap #form .form .checkbox_input label a:after {
    content: '';
    display: inline-block;
    width: 0.8rem;
    height: 0.8rem;
    background-image: url(cm/assets/images/check.png);
    background-repeat: no-repeat;
    background-size: contain
  }
  
  .form_wrap #form .form .input_btn button {
    width: 100%;
    text-decoration: none;
    outline: none;
    text-align: center;
    letter-spacing: 2px;
    background-color: #f49300;
    border-radius: 10px !important;
    display: block;
    max-width: 500px;
    padding: 23px 0;
    margin: 32px auto;
    font-size: 24px;
    font-weight: 600;
    color: #fff !important;  
  }
  
  .form_wrap #form .form .acd-check {
    display: none
  }
  
  .form_wrap #form .form .acd-label {
    color: #fff;
    display: block;
    position: relative
  }
  
  .form_wrap #form .form .acd-label .faq_q {
    font-size: 2rem;
    display: block;
    float: left;
    margin-right: 10px
  }
  
  .form_wrap #form .form .acd-content {
    display: block;
    height: 0;
    opacity: 0;
    -webkit-transition: .5s;
    transition: .5s;
    visibility: hidden;
    font-size: 0.8rem
  }
  
  .form_wrap #form .form .acd-content p {
    text-align: left
  }
  
  .form_wrap #form .form .acd-content p.kakunin_right {
    text-align: right
  }
  
  .form_wrap #form .form .acd-content .pra {
    width: 90%;
    margin-left: 10%;
    text-align: left
  }
  
  .form_wrap #form .form .acd-check:checked+.acd-label {
    margin-bottom: 0
  }
  
  .form_wrap #form .form .acd-check:checked+.acd-label+.acd-content {
    height: auto;
    opacity: 1;
    padding: 10px;
    visibility: visible
  }
  
  .form_wrap #form .form .acd-check:checked+.acd-label+.acd-content .faq_a {
    font-size: 2rem;
    display: block;
    float: left;
    margin-right: 10px
  }
  
  .form_wrap #form .form .acd-check:checked+.acd-label:after {
    content: '';
    display: block;
    padding: 10px;
    background-image: url(../images/common/arrow.svg);
    background-repeat: no-repeat;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    width: 25px;
    position: absolute;
    right: 0;
    top: 0
  }
  
  .form_wrap #form .form .form_btn {
    width: 85%;
    margin: 0 auto
  }
  
  .form_wrap #form .form .confirm_wrap {
    width: 85%;
    margin: 0 auto;
    margin-bottom: 3rem
  }
  
  .form_wrap #form .form .confirm_wrap .info {
    margin: 2rem auto
  }
  
  .form_wrap #form .form .confirm_wrap .info p.info_txt {
    text-align: center
  }
  
  .form_wrap #form .form .confirm_wrap table {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: 0 auto
  }
  
  .form_wrap #form .form .confirm_wrap table tr th {
    width: 50%;
    text-align: right;
    padding-right: 2rem
  }
  
  .form_wrap #form .form .confirm_wrap table tr th span {
    font-size: 0.7rem;
    color: red
  }
  
  .form_wrap #form .form .confirm_wrap table tr td {
    width: 50%;
    text-align: left
  }
  
  .form_wrap #form .form .confirm_wrap .btn_wrap .form_btn {
    width: 85%;
    margin: 0 auto
  }
  
  .form_wrap #form .form .confirm_wrap .btn_wrap .form_btn.prev button {
    background-color: #7F878C;
    border: 1px solid #7F878C;
  }
  .form_wrap #form .form .confirm_wrap .btn_wrap .form_btn button {
    display: block;
    background-color: #f49300;
    border: 1px solid #f49300;
    margin: 2rem auto 0 auto;
    padding: 1.5rem;
    cursor: pointer;
    width: 100%;
    max-width: 100%;
    font-size: 1rem;
    font-weight: 900;
    /* color: #000 !important; */
  }
  
  .form_wrap #form .form .thanks-logo {
    display: block;
    width: 50%;
    margin: 0px auto 30px;
  }
  .form_wrap #form .form .thanks_wrap {
    width: 90%;
    margin: 50px auto;
    padding: 30px;
    background: #ffffff;
    border: 1px solid #cccccc;
    border-radius: 7px;
    box-shadow: 0 0 7px rgba(0, 0, 0, 0.2);
    line-height: 1.8;
  }
  
  .form_wrap #form .form .thanks_wrap .info {
    margin: 3rem auto
  }
  
  .form_wrap #form .form .thanks_wrap .form_btn button {
    display: block;
    background-color: #f49300;
    border: 1px solid #f49300;
    margin: 2rem auto 0 auto;
    padding: 1.5rem;
    cursor: pointer;
    width: 100%;
    max-width: 100%;
    font-size: 20px;
    font-weight: 900
  }
  
  @media screen and (min-width: 620px) {
    .form_wrap #form {
      width: 100%;
      margin: 0 auto
    }
    .form_wrap #form .Title {
      margin: 3rem auto 2rem auto
    }
    .form_wrap #form .form .confirm_wrap .info {
      margin: 2rem auto
    }
    .form_wrap #form .form .confirm_wrap .info p.info_txt {
      text-align: center
    }
    .form_wrap #form .form .thanks_wrap .info {
      margin: 4rem auto
    }

    .form_wrap #form .form .thanks-logo {
      width: 30%;
      margin: 50px auto;
    }
  
    /* .form_wrap .form.form01{
        padding: 2rem 5rem;
      } */
  }
  
  @media screen and (min-width: 980px) {
    .form_wrap {
      /* margin: 0 auto 1.5rem auto; */
      padding-top: 6rem;
      padding-bottom: 3rem
    }
    .form_wrap #form {
      /* width: 80%; */
      /* padding-top: 6rem; */
      margin-top: -6rem
    }
    .form_wrap #form .Title {
      margin: 3rem auto 2rem auto
    }
    .form_wrap #form .info {
      margin-bottom: 10px
    }
    .form_wrap #form .alert {
      text-align: center
    }
 
    .form_wrap #form .form table {
      width: 100%;
      margin-bottom: 10px;
      border-collapse: separate;
      border-spacing: 0 25px
    }
    .form_wrap #form .form table tr.input_form {
      margin-bottom: 25px;
      overflow: hidden;
      /* width: calc(70% - 8rem) */
    }
    .form_wrap #form .form table tr.input_form th {
      /* width: 8rem; */
      display: inline-block
    }
    .form_wrap #form .form table tr.input_form th label {
      font-weight: 900;
      margin-right: 10px;
      font-size: 1rem
    }
    /* .form_wrap #form .form table tr.input_form th label span {
      font-size: 0.7rem;
      color: red
    } */
    .form_wrap #form .form table tr.input_form td {
      display: inline-block
    }
    .form_wrap #form .form table tr.input_form td input {
      width: 100%;
      /* height: 3rem; */
    }
    .form_wrap #form .form table tr.input_form td textarea {
      width: 100%;
      float: right;
      border: none
    }
    .form_wrap #form .form table tr.input_form td select {
    }
    .form_wrap #form .form table tr.input_form .select-wrap {
      position: relative
    }
    .form_wrap #form .form table tr.input_form .select-wrap:before {
      z-index: 1;
      position: absolute;
      right: 15px;
      top: 0;
      content: "";
      line-height: 43px;
      color: #7F878C;
      pointer-events: none
    }
    .form_wrap #form .form table tr.input_form .select-wrap label {
      font-weight: 900;
      margin-right: 10px;
      font-size: 18px;
    }
    .form_wrap #form .form table tr.input_form .select-wrap select {
      outline: none;
      -moz-appearance: none;
      text-indent: 0.01px;
      text-overflow: '';
      vertical-align: middle;
      font-size: inherit;
      color: inherit;
      -webkit-appearance: button;
      -moz-appearance: button;
      appearance: button;
      appearance: none;
      -webkit-appearance: none;
      -moz-appearance: none;
      color: #828c9a;
      width: calc(70% - 10px);
      height: 3.5rem;
      float: right;
      border: none;
      border-radius: 10px;
      background-color: #FFF;
    }
    .form_wrap #form .form table tr.input_form .select-wrap select option {
      background-color: #fff;
      color: #333
    }
    .form_wrap #form .form table tr.input_form .select-wrap select::-ms-expand {
      display: none
    }
    .form_wrap #form .form table tr.input_form .select-wrap select:-moz-focusring {
      color: transparent;
      text-shadow: 0 0 0 #828c9a
    }
    .form_wrap #form .form .checkbox_input {
      width: 100%;
      clear: both;
      margin-bottom: 10px;
      text-align: left
    }
    .form_wrap #form .form .checkbox_input label {
      font-size: 18px
    }
    .form_wrap #form .form .input_btn button {
      width: 500px;
      text-decoration: none;
      outline: none;
      text-align: center;
      letter-spacing: 2px;
      background-color: #f49300;
      border-radius: 10px !important;
      display: block;
      max-width: 500px;
      padding: 23px 0;
      margin: 32px auto;
      font-size: 24px;
      font-weight: 600;
      color: #fff !important;    
    }
    .form_wrap #form .form .acd-check {
      display: none
    }
    .form_wrap #form .form .acd-label {
      color: #fff;
      display: block;
      position: relative
    }
    .form_wrap #form .form .acd-label .faq_q {
      font-size: 2rem;
      display: block;
      float: left;
      margin-right: 10px
    }
    .form_wrap #form .form .acd-content {
      display: block;
      height: 0;
      opacity: 0;
      padding: 0 10px;
      -webkit-transition: .5s;
      transition: .5s;
      visibility: hidden
    }
    .form_wrap #form .form .acd-content .pra {
      width: 90%;
      margin-left: 8%
    }
    .form_wrap #form .form .acd-check:checked+.acd-label {
      margin-bottom: 0
    }
    .form_wrap #form .form .acd-check:checked+.acd-label+.acd-content {
      height: auto;
      opacity: 1;
      padding: 10px;
      visibility: visible
    }
    .form_wrap #form .form .acd-check:checked+.acd-label+.acd-content .faq_a {
      font-size: 2rem;
      display: block;
      float: left;
      margin-right: 10px
    }
    .form_wrap #form .form .confirm_wrap {
      width: 85%;
      margin: 0 auto;
      margin-bottom: 3rem
    }
    .form_wrap #form .form .confirm_wrap .info {
      margin: 2rem auto
    }
    .form_wrap #form .form .confirm_wrap .info p.info_txt {
      text-align: center
    }
    .form_wrap #form .form .confirm_wrap table {
      width: -webkit-fit-content;
      width: -moz-fit-content;
      width: fit-content;
      margin: 0 auto
    }
    .form_wrap #form .form .confirm_wrap table tr th {
      width: 50%;
      text-align: right
    }
    .form_wrap #form .form .confirm_wrap table tr td {
      width: 50%;
      text-align: left
    }
    .form_wrap #form .form .confirm_wrap .btn_wrap .form_btn {
      width: 60%
    }
    .form_wrap #form .form .confirm_wrap .btn_wrap .form_btn.prev button {
      background-color: #7F878C;
      border: 1px solid #7F878C;
    }
    .form_wrap #form .form .confirm_wrap .btn_wrap .form_btn button {
      display: block;
      background-color: #f49300;
     border: 1px solid #f49300;
      margin: 2rem auto 0 auto;
      padding: 1.5rem;
      cursor: pointer;
      width: 100%;
      max-width: 100%;
      font-size: 1rem;
      font-weight: 900;
    }
    .form_wrap #form .form .thanks_wrap {
      width: 65%;
      margin: 0 auto;
      text-align: center;
      line-height: 2rem
    }
    .form_wrap #form .form .thanks_wrap .info {
      margin: 4rem auto
    }
    /* .form_wrap #form .form table tr.input_form th label span.no-hihun{
        color: #333;
        display:block;
        padding-left:0px;
      } */
  }
  
  .faq_wrap {
    background-color: #FFF
  }
  
  .faq_wrap .faq .area {
    width: 90%;
    margin: auto;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
  }
  
  .faq_wrap .faq .area .tab_class {
    width: calc(100%/2);
    height: 4rem;
    background-color: #E1ECF5;
    color: #074071;
    line-height: 4rem;
    font-size: 15px;
    text-align: center;
    display: block;
    float: left;
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
    border: 0.5px solid #FFF;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 5px;
    position:relative;

  }
  .faq_wrap .faq .area .tab_class::after{
    content: "";
    position: absolute;
    left: 50%;
    bottom: -12px;
    transform: translateX(-50%);
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 14px 16px 0;
    border-color: #084070 transparent transparent transparent;
    opacity: 0;

  }
  .faq_wrap .faq .area input[name="tab_name"] {
    display: none
  }
  
  .faq_wrap .faq .area input:checked+.tab_class {
    background-color: #074071;
    color: #FFF;
    z-index: 1;
  }
  .faq_wrap .faq .area input:checked+.tab_class::after{
    opacity: 1;
  }
  
  .faq_wrap .faq .area .content_class {
    display: none;
    width: 100%;
    border-radius: 5px;
    margin-top: 1rem
  }
  
  .faq_wrap .faq .area .content_class .acbox {
    width: auto;
    font-size: 0px;
    margin: 1rem 0
  }
  
  .faq_wrap .faq .area .content_class .acbox label {
    width: auto;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    background: #E1ECF5;
    position: relative;
    display: block;
    padding: 2rem 3rem 2rem 1rem;
    border-radius: 5px;
    color: #074071;
    position: relative;
    overflow: hidden;
    z-index: 2
  }
  
  .faq_wrap .faq .area .content_class .acbox label span {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 7rem;
    opacity: 0.1;
    font-weight: 600
  }
  
  .faq_wrap .faq .area .content_class .acbox label:hover {
    background: #E1ECF5
  }
  
  .faq_wrap .faq .area .content_class .acbox input {
    display: none
  }
  
  .faq_wrap .faq .area .content_class .acbox label:after {
    color: #074071;
    content: "▼";
    position: absolute;
    top: 55%;
    right: 1rem;
    margin-top: -1rem
  }
  
  .faq_wrap .faq .area .content_class .acbox input:checked~label::after {
    content: "▲"
  }
  
  .faq_wrap .faq .area .content_class .acbox div {
    height: 0px;
    overflow: hidden;
    opacity: 0;
    -webkit-transition: 0.15s;
    transition: 0.15s
  }
  
  .faq_wrap .faq .area .content_class .acbox input:checked~div {
    height: auto;
    padding: 18px;
    border-radius: 0px;
    background: #FFF;
    opacity: 1
  }
  
  .faq_wrap .faq .area .content_class .acbox input:checked~label {
    background: #E1ECF5
  }
  
  .faq_wrap .faq .area .content_class .acbox-under {
    font-size: 15px;
    color: #555555;
    display: inline-block;
    position: relative;
    overflow: hidden;
    z-index: 2
  }
  
  .faq_wrap .faq .area .content_class .acbox-under span {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 10rem;
    opacity: 0.1;
    font-weight: 600
  }
  
  .faq_wrap .faq .area input:checked+.tab_class+.content_class {
    display: block
  }
  
  @media screen and (min-width: 620px) {
    .faq_wrap .faq .area {
      width: 90%;
      margin: auto
    }
    .faq_wrap .faq .area .tab_class {
      width: calc(100%/4)
    }
    .faq_wrap .faq .area .content_class .acbox label:after {
      right: 1.5rem
    }
  }
  
  @media screen and (min-width: 980px) {
    .faq_wrap .faq {
      max-width: 980px;
      margin: 0 auto
    }
    .faq_wrap .faq .area {
      /* width: 80%; */
      margin: auto
    }
    .faq_wrap .faq .area .tab_class {
      width: calc(100%/4)
    }
  }
  
  .message {
    width: 90%;
    margin: 0 auto
  }
  
  .message .message_box {
    margin-bottom: 2rem;
    width: 90%;
    margin: 0 auto 2rem auto
  }
  
  .message .message_box img {
    width: 100%
  }
  
  .message .message_last {
    width: 90%;
    margin: 1rem auto
  }
  
  .message .message_last .last_img {
    width: 100%
  }
  
  .corp_link {
    width: 80%;
    margin: 3rem auto 5rem auto
  }
  
  .corp_link a {
    width: 100%;
    color: #004D82;
    border: #004D82 1.5px solid;
    background-color: #FFF;
    text-decoration: none;
    text-align: center;
    padding: 1.5rem 0;
    display: block;
    margin-bottom: 2rem;
    margin: 0 auto;
  }
  
  .corp_link a:nth-child(even) {
    margin-bottom: 0
  }
  
  .corp_link a div:after {
    content: '';
    display: inline-block;
    width: 0.9rem;
    height: 0.9rem;
    background-image: url(/beginner/assets/images/icon_link.png);
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 99
  }
  
  @media screen and (min-width: 620px) {
    .message {
      width: 90%;
      margin: 0 auto
    }
    .message .message_last .last_img {
      width: 100%
    }
    .corp_link {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      width: 90%;
      margin: 3rem auto 5rem auto
    }
    .corp_link a {
      width: 40%;
      text-decoration: none;
      text-align: center;
      padding: 1rem;
      margin-bottom: 0
    }
    .corp_link a:nth-child(even) {
      margin-right: 0
    }
    .corp_link a:nth-child(even) .welcome_woman {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: reverse;
      -ms-flex-flow: row-reverse;
      flex-flow: row-reverse
    }
    .corp_link a:nth-child(even) .welcome_woman img {
      width: 35%;
      margin-left: 7%
    }
  }
  
  @media screen and (min-width: 980px) {
    .message {
      max-width: 980px;
      margin: 0 auto;
      width: 80%
    }
    .message .message_box {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center
    }
    .message .message_box img {
      width: 45%;
      margin-right: 5%
    }
    .message .message_box p {
      width: 50%
    }
    .message .message_box:nth-child(even) {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
      flex-direction: row-reverse
    }
    .message .message_box:nth-child(even) img {
      width: 45%;
      margin-right: 0;
      margin-left: 5%
    }
    .message .message_last {
      width: 60%;
      margin: 0 auto
    }
    .corp_link {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      width: 50%;
      margin: 2rem auto 8rem auto
    }
    .corp_link a {
      width: 46%;
      text-decoration: none;
      text-align: center;
      padding: 1rem 0;
      margin-bottom: 0
    }
    .corp_link a:nth-child(even) {
      margin-right: 0
    }
    .corp_link a:nth-child(even) .welcome_woman {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: reverse;
      -ms-flex-flow: row-reverse;
      flex-flow: row-reverse
    }
    .corp_link a:nth-child(even) .welcome_woman img {
      width: 35%;
      margin-left: 7%
    }
  }
  
  .request {
    background-color: #FFA50A;
    width: 100%;
    padding-top: 1rem;
    padding-bottom: 1rem
  }
  
  .request a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #003A6F;
    text-decoration: none
  }
  
  .request a .white {
    width: 80%;
    margin: 2rem auto;
    padding: 1rem;
    position: relative;
    z-index: 3;
    display: block;
    background-color: #FFF;
    background-size: 50%;
    color: #000;
    border-radius: 5px
  }
  
  .request a .white .container {
    background-image: url(/beginner/assets/images/request.png);
    background-repeat: no-repeat;
    background-position: left;
    background-size: 60%
  }
  
  .request a .white .container dl.request_box {
    margin-left: 1rem;
    position: relative;
    color: #003A6F
  }
  
  .request a .white .container dl.request_box dt.request_ttl {
    font-size: 1.5rem;
    margin-bottom: 0.2rem;
    font-weight: 600;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(60%, #ff6));
    background: linear-gradient(transparent 60%, #ff6 60%);
    display: inline
  }
  
  .request a .white .container dl.request_box dt.request_ttl span {
    display: block;
    font-size: 1.1rem;
    margin-bottom: -0.2rem
  }
  
  .request a .white .container dl.request_box dd.request_txt {
    font-size: 0.9rem;
    margin-left: 0;
    width: 65%
  }
  
  .request a .white .container img.request_woman {
    display: block;
    width: 70%;
    margin-left: auto;
    margin-top: -8rem;
    margin-bottom: -1rem
  }
  
  .request a .white .container img.request_risk_woman {
    display: block;
    width: 50%;
    margin-left: auto;
    margin-right: -1rem;
    margin-top: -8rem;
    margin-bottom: -1rem
  }
  
  @media screen and (min-width: 620px) {
    .request a .white {
      width: 70%;
      padding: 1.5rem
    }
    .request a .white .container {
      background-image: url(/beginner/assets/images/request_pc_w.png);
      background-size: contain;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex
    }
    .request a .white .container img.request_woman {
      width: 40%;
      margin-top: -2rem;
      margin-right: -0.5rem;
      margin-bottom: -1.5rem
    }
    .request a .white .container img.request_risk_woman {
      width: 215px;
      margin-top: -4rem;
      margin-right: -1.5rem;
      margin-bottom: -2rem
    }
  }
  header {
    position: fixed;
    background-color: #FFF;
    padding: 0.5rem;
    z-index: 999;
    height: 5rem;
    top: 0
  }
  header .header_wrap {
    max-width: 980px;
    margin: auto
  }
  header .header_wrap .top_logo .sp {
    width: auto;
    height: 3rem;
    margin: auto auto auto 0
  }
  header .header_wrap a {
    padding: 1rem 1.5rem 1rem 0.5rem;
    margin: auto 1rem auto auto
  }
  header .header_wrap a .top_link {
    width: 10rem;
    text-align: center
  }
  header .header_wrap a .top_link:after {
    top: 0;
    right: 0
  }
  header .header_wrap img.top_logo{
  width: auto;
  height: 3rem;
  margin: auto auto auto 0;
}
  @media screen and (min-width: 1200px) {
    .request a .white {
      width: 50%;
      max-width: 610px;
      margin: 2rem auto;
      padding: 2rem
    }
    .request a .white .container {
      width: 100%;
      height: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex
    }
    .request a .white .container dl.request_box {
      margin-left: 1.2rem
    }
    .request a .white .container dl.request_box dt.request_ttl {
      font-size: 1.6rem;
      margin-bottom: 0.5rem
    }
    .request a .white .container dl.request_box dd.request_txt {
      width: 90%
    }
    .request a .white .container img.request_woman {
      width: 315px;
      margin-top: -4rem;
      margin-right: -2rem;
      margin-bottom: -2rem
    }
    .request a .white .container img.request_risk_woman {
      width: 215px;
      margin-top: -4rem;
      margin-right: -1.5rem;
      margin-bottom: -2rem
    }
  }
  
  /* body {
    font-family: sans-serif;
    color: #4c4833;
    background-color: #E1ECF5;
    margin: 0;
    -webkit-text-size-adjust: 100%
  } */
  
  header {
    position: fixed;
    background-color: #FFF;
    padding: 0.7rem 0.5rem;
    z-index: 999;
    width: 100%;
    height: 3rem;
    position: fixed;
    top: 0
  }
  
  header .header_wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%
  }
  
  header .header_wrap img.top_logo {
    width: 3rem;
    height: auto
  }
  
  header .header_wrap a {
    color: #FFF;
    background-color: #FFA50A;
    text-decoration: none;
    padding: 0.8rem 2rem 0.8rem 1rem;
    margin-left: auto;
    margin-right: 1rem;
    display: block;
    border-radius: 5px
  }
  
  header .header_wrap a .top_link {
    width: 8rem;
    text-align: center;
    position: relative
  }
  
  header .header_wrap a .top_link:after {
    color: #FFF;
    content: "▼";
    position: absolute;
    top: 0;
    right: -1rem
  }
  
  /* section {
    padding-top: 2rem;
    padding-bottom: 3rem
  } */
  
  .Title {
    margin: 0 auto 20px auto;
    text-align: center;
    width: 90%
  }
  .Title_yellow-line{
    background: linear-gradient(transparent 60%, #ff6 60%);
    width: fit-content;
    margin: 0 auto;
    color: #074071;
    display: inline;
    text-align: center;
  }
  
  .sp {
    display: block;
    /* width: 100% */
  }
  
  .pc {
    display: none;
    width: 100%
  }
  
  .footer {
    background-color: #074071;
    color: #FFF;
    text-align: center;
    font-size: 0.8rem;
    padding: 0.8rem 0
  }
  
  .footer .footer_corp img {
    width: 80%;
    margin: 1rem auto 0 auto
  }
  
  @media screen and (min-width: 620px) {
    .sp {
      display: none
    }
    .pc {
      display: block
    }
    header {
      position: fixed;
      background-color: #FFF;
      padding: 0.5rem;
      z-index: 999;
      height: 5rem;
      top: 0
    }
    header .header_wrap {
      max-width: 980px;
      margin: auto
    }
    header .header_wrap img.top_logo {
      width: auto;
      height: 3rem;
      margin: auto auto auto 0
    }
    header .header_wrap a {
      padding: 1rem 1.5rem 1rem 0.5rem;
      margin: auto 1rem auto auto
    }
    header .header_wrap a .top_link {
      width: 10rem;
      text-align: center
    }
    header .header_wrap a .top_link:after {
      top: 0;
      right: 0
    }
    /* section {
      padding-top: 3rem;
      padding-bottom: 4rem
    } */
    .footer {
      font-size: 0.8rem;
      padding: 0.8rem 0
    }
    .footer .footer_corp img {
      max-width: 350px
    }
  }
  
  @media screen and (min-width: 980px) {
    .sp {
      display: none
    }
    .pc {
      display: block
    }
    header {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      position: fixed;
      background-color: #FFF;
      padding: 0.5rem;
      z-index: 999;
      width: 100%;
      top: 0
    }
    header img.top_logo {
      width: 20rem;
      height: auto
    }
    header a {
      padding: 0.5rem 1.5rem 0.5rem 0.5rem
    }
    header a .top_link {
      width: 10rem;
      text-align: center
    }
    /* section {
      padding-top: 4rem;
      padding-bottom: 5rem
    } */
  }
  
  


  .container {
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px;
    /* max-width: 300px; */
    position: relative;
    width: 100%;
  }
  .slick-img img {
    height: auto;
    width: 100%;
      margin: 0 5px;
    }
  
  .slick-prev {
    left: 0;
    z-index: 1;
  }
  .slick-next {
      right: 28px;
  }
  .container .slick-num {
    background-color: #084070;
    bottom: 0;
    color: white;
    left: 0;
    font-size:18px;
    line-height: 2;
    position: absolute;
    right: 0;
    text-align: center;
  }
  @media screen and (min-width: 980px) {
    .container .slick-num {
    font-size: 25px;

    }
  }
  .slick-active {
    opacity: 1 !important;
    /* left: 0 !important; */
  }


  /* 赤枠 */
.input-error {
  border: 2px solid red !important;
}

/* エラーメッセージ */
.error-message {
  color: red;
  font-size: 0.85em;
  margin-top: 5px;
}