body {
    margin: 0;
    background-color: #DCDDDF;
}

.header_img_area {
    width: 100%;
}

img.header_img {
    width: 100%;
    margin-bottom: -33%;
}

@media screen and (max-width:2560px) {
  img.header_img {
      width: 100%;
      margin-bottom: -30%;
  }
}

@media screen and (max-width:1440px) {
  img.header_img {
      width: 100%;
      margin-bottom: -33%;
  }
}
@media screen and (max-width:767px) {
  img.header_img {
      width: 100%;
      margin-bottom: 0%;
  }
}
.header_index {
    display: block;
    position: relative;
    bottom:  169px;
    left: 170px;
    width: 33%;
    box-shadow: 15px 15px 0 rgba(1,1,1,0.2);
}
@media screen and (max-width:2560px) {
  .header_index {
    bottom:  250px;
    left: 320px;
      width: 33%;
  }
}
@media screen and (max-width:2000px) {
  .header_index {
    bottom:  220px;
    left: 250px;
      width: 33%;
  }
}
@media screen and (max-width:1740px) {
  .header_index {
    bottom:  190px;
    left: 200px;
      width: 33%;
  }
}
@media screen and (max-width:1440px) {
    .header_index {
        bottom:  169px;
        left: 170px;
        width: 33%;
    }
}
/* @media screen and (max-width:1340px) {
  .header_index {
    bottom:  169px;
    left: 170px;
    width: 33%;
  }
}
@media screen and (max-width:1240px) {
  .header_index {
    bottom:  169px;
    left: 170px;
    width: 33%;
  }
} */
@media screen and (max-width:1140px) {
  .header_index {
    bottom:  150px;
    left: 125px;
    width: 33%;
  }
}
@media screen and (max-width:1040px) {
  .header_index {
    bottom: 115px;
    left: 120px;
    width: 33%;
  }
}
@media screen and (max-width:940px) {
  .header_index {
    bottom:  100px;
    left: 110px;
    width: 33%;
  }
}
@media screen and (max-width:840px) {
  .header_index {
    bottom:  90px;
    left: 100px;
    width: 33%;
  }
}
@media screen and (max-width:768px) {
  .header_index {
    bottom:  85px;
    left: 95px;
    width: 33%;
  }
}
@media screen and (max-width:767px) {
  .header_index {
    bottom: -17px;
    left: 180px;
    width: 50%;
    margin-top: -10%;
    position: relative;
  }
}
@media screen and (max-width:700px) {
  .header_index {
    bottom: -17px;
    left: 145px;
    width: 55%;
    margin-top: -10%;
  }
}
@media screen and (max-width:530px) {
  .header_index {
    bottom: -10px;
    left: 105px;
    width: 55%;
    margin-top: -10%;
  }
}
@media screen and (max-width:430px) {
  .header_index {
    bottom: -10px;
    left: 60px;
    width: 70%;
    margin-top: -10%;
  }
}
@media screen and (max-width:380px) {
  .header_index {
    bottom: -10px;
    left: 50px;
    width: 70%;
    margin-top: -10%;
  }
}
.header_index_block {
    background-color: #fff;
    padding: 30px;
    padding-top: 15%;
    padding-bottom: 16%;
}
@media screen and (max-width:1040px) {
  .header_index_block {
      padding: 30px;
      padding-top: 12%;
      padding-bottom: 12%;
  }
}
@media screen and (max-width:767px) {
  .header_index_block {
      padding: 30px;
      padding-top: 15%;
      padding-bottom: 16%;
  }
}
.header_index_img {
    width: 70%;
    margin: auto;
}
@media screen and (max-width:430px) {
  .header_index_img {
      width: 90%;
      margin: auto;
  }
}
img.header_imgs {
    width: 100%;
}

p.header_explanation {
    text-align: center;
    font-family: HiraKakuPro-W6,sans-serif;
    font-size: 17.6pt;
    letter-spacing: 8px;
    color: #231815;
    margin-bottom: 10px;
}
@media screen and (max-width:1040px) {
  p.header_explanation {
      font-size: 15.6pt;
      letter-spacing: 8px;
      margin-bottom: 10px;
  }
}
@media screen and (max-width:940px) {
  p.header_explanation {
      font-size: 13.6pt;
      letter-spacing: 6px;
      margin-bottom: 10px;
  }
}
@media screen and (max-width:840px) {
  p.header_explanation {
      font-size: 12.6pt;
      letter-spacing: 3px;
      margin-bottom: 10px;
  }
}
@media screen and (max-width:767px) {
  p.header_explanation {
      font-size: 17.6pt;
      letter-spacing: 8px;
      margin-bottom: 10px;
  }
}
@media screen and (max-width:620px) {
  p.header_explanation {
      font-size: 15.6pt;
      letter-spacing: 4px;
      margin-bottom: 10px;
  }
}
@media screen and (max-width:480px) {
  p.header_explanation {
      font-size: 13.6pt;
      letter-spacing: 2px;
      margin-bottom: 10px;
  }
}
@media screen and (max-width:430px) {
  p.header_explanation {
      font-size: 13.6pt;
      letter-spacing: 4px;
      margin-bottom: 10px;
  }
}
@media screen and (max-width:350px) {
  p.header_explanation {
      font-size: 10.6pt;
      letter-spacing: 4px;
      margin-bottom: 10px;
  }
}
p.header_name {
    text-align: center;
    font-family: 'Avenir',sans-serif;
    letter-spacing: 10px;
    color: #231815;
    margin-top: 0px;
}
@media screen and (max-width:1040px) {
  p.header_name {
      font-size: 9.6pt;
      letter-spacing: 10px;
      margin-top: 0px;
  }
}
@media screen and (max-width:940px) {
  p.header_name {
      font-size: 7.6pt;
      letter-spacing: 8px;
      margin-top: 0px;
  }
}
@media screen and (max-width:840px) {
  p.header_name {
      font-size: 6.6pt;
      letter-spacing: 4px;
      margin-top: 0px;
  }
}
@media screen and (max-width:767px) {
  p.header_name {
      font-size: 10.6pt;
      letter-spacing: 10px;
      margin-top: 0px;
  }
}
@media screen and (max-width:620px) {
  p.header_name {
      font-size: 8.6pt;
      letter-spacing: 5px;
      margin-top: 0px;
  }
}
@media screen and (max-width:480px) {
  p.header_name {
      font-size: 6.6pt;
      letter-spacing: 3px;
      margin-top: 0px;
  }
}
@media screen and (max-width:430px) {
  p.header_name {
      font-size: 6.6pt;
      letter-spacing: 7px;
      margin-top: 0px;
  }
}
@media screen and (max-width:350px) {
  p.header_name {
      font-size: 6.6pt;
      letter-spacing: 4px;
      margin-top: 0px;
  }
}
/* top_index_bk */

section.top_index_bk {
    background-image: radial-gradient(#ccc 11%, transparent 12%);
    background-size: 25px 25px;
    padding-bottom: 3%;
    max-width: 1440px;
    margin: auto;
}

@media screen and (max-width:767px) {
  section.top_index_bk {
      background-image: radial-gradient(#ccc 11%, transparent 12%);
      background-size: 25px 25px;
      padding-bottom: 3%;
      max-width: 1440px;
      margin: auto;
  }
}

.top_indexarea {
    display: flex;
}

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

/* top_index_bk */
/* smh */
.top_indexarea_smh {
  display: none;
}
@media screen and (max-width:767px) {
  .top_indexarea_smh {
    display: block;
  }
}

.top_index_planation_bk {
    margin-top: 2%;
    width: 100%;
}

.top_index_planation_area {
    background-color: #fff;
    width: 85%;
    margin: auto;
}

.top_index_planation_line {
    padding-top: 10%;
    padding-left: 0%;
    border-bottom: solid 1px #A65E80;
    width: 85%;
    margin: auto;
}

p.top_index_planation_tl {
    font-size: 15pt;
    letter-spacing: 4px;
    font-family: HiraKakuPro-W3,sans-serif;
    line-height: 33pt;
    color: #231815;
}

@media screen and (max-width:1200px) {
  p.top_index_planation_tl {
      font-size: 13pt;
      letter-spacing: 4px;
      line-height: 33pt;
  }
}
@media screen and (max-width:1080px) {
  p.top_index_planation_tl {
      font-size: 12pt;
      letter-spacing: 2px;
      line-height: 33pt;
  }
}
@media screen and (max-width:920px) {
  p.top_index_planation_tl {
      font-size: 11pt;
      letter-spacing: 1px;
      line-height: 25pt;
  }
}
@media screen and (max-width:777px) {
  p.top_index_planation_tl {
      font-size: 10pt;
      letter-spacing: 1px;
      line-height: 25pt;
  }
}
@media screen and (max-width:767px) {
  p.top_index_planation_tl {
      font-size: 15pt;
      letter-spacing: 4px;
  }
}
@media screen and (max-width:620px) {
  p.top_index_planation_tl {
      font-size: 13pt;
      letter-spacing: 2px;
  }
}
@media screen and (max-width:480px) {
  p.top_index_planation_tl {
      font-size: 11pt;
      letter-spacing: 1px;
  }
}
@media screen and (max-width:480px) {
  p.top_index_planation_tl {
      font-size: 9pt;
      letter-spacing: 2px;
      line-height: 20pt;
  }
}
@media screen and (max-width:380px) {
  p.top_index_planation_tl {
      font-size: 9pt;
      letter-spacing: 0px;
      line-height: 15pt;
  }
}
span.top_index_planation_sp {
    font-family: HiraKakuPro-W3,sans-serif;
    font-size: 8pt;
    letter-spacing: 10px;
}

@media screen and (max-width:1200px) {
  span.top_index_planation_sp {
      font-size: 7pt;
      letter-spacing: 10px;
  }
}
@media screen and (max-width:1080px) {
  span.top_index_planation_sp {
      font-size: 6pt;
      letter-spacing: 8px;
  }
}
@media screen and (max-width:920px) {
  span.top_index_planation_sp {
      font-size: 5pt;
      letter-spacing: 5px;
  }
}
@media screen and (max-width:767px) {
  span.top_index_planation_sp {
      font-size: 8pt;
      letter-spacing: 5px;
  }
}
@media screen and (max-width:620px) {
  span.top_index_planation_sp {
      font-size: 6pt;
      letter-spacing: 3px;
  }
}
@media screen and (max-width:480px) {
  span.top_index_planation_sp {
      font-size: 4pt;
      letter-spacing: 5px;
  }
}

p.top_index_planation_sba {
    width: 85%;
    margin: auto;
    margin-top: 6%;
    font-family: HiraKakuPro-W3,sans-serif;
    font-size: 15pt;
    letter-spacing: 4px;
    line-height: 33pt;
    color: #231815;
}

@media screen and (max-width:1200px) {
  p.top_index_planation_sba {
      width: 85%;
      margin-top: 6%;
      font-size: 13pt;
      letter-spacing: 4px;
      line-height: 33pt;
  }
}
@media screen and (max-width:1080px) {
  p.top_index_planation_sba {
      width: 85%;
      margin-top: 6%;
      font-size: 12pt;
      letter-spacing: 2px;
      line-height: 33pt;
  }
}
@media screen and (max-width:920px) {
  p.top_index_planation_sba {
      width: 85%;
      margin-top: 6%;
      font-size: 11pt;
      letter-spacing: 1px;
      line-height: 25pt;
  }
}
@media screen and (max-width:777px) {
  p.top_index_planation_sba {
      width: 85%;
      margin-top: 6%;
      font-size: 10pt;
      letter-spacing: 1px;
      line-height: 25pt;
  }
}
@media screen and (max-width:767px) {
  p.top_index_planation_sba {
      width: 85%;
      margin-top: 6%;
      font-size: 15pt;
      letter-spacing: 4px;
      line-height: 25pt;
  }
}
@media screen and (max-width:620px) {
  p.top_index_planation_sba {
      width: 85%;
      margin-top: 6%;
      font-size: 13pt;
      letter-spacing: 2px;
      line-height: 25pt;
  }
}
@media screen and (max-width:480px) {
  p.top_index_planation_sba {
      width: 85%;
      margin-top: 6%;
      font-size: 11pt;
      letter-spacing: 1px;
      line-height: 25pt;
  }
}
@media screen and (max-width:430px) {
  p.top_index_planation_sba {
      width: 85%;
      margin-top: 6%;
      font-size: 9pt;
      letter-spacing: 0px;
      line-height: 20pt;
  }
}
@media screen and (max-width:380px) {
  p.top_index_planation_sba {
      width: 85%;
      margin-top: 6%;
      font-size: 8pt;
      letter-spacing: 0px;
      line-height: 15pt;
  }
}
.top_index_planation_img_bk {
    display: flex;
    padding-top:35px;
}

@media screen and (max-width:767px) {
  .top_index_planation_img_bk {
      display: flex;
      padding-top:35px;
  }
}
p.top_index_planation_sbc {
    width: 58%;
    font-family: HiraKakuPro-W6,sans-serif;
    font-size: 16pt;
    margin-top: 16%;
    letter-spacing: 3px;
    line-height: 45px;
    margin-left: 23%;
    color: #231815;
}

@media screen and (max-width:1200px) {
  p.top_index_planation_sbc {
      width: 58%;
      font-size: 14pt;
      margin-top: 16%;
      letter-spacing: 3px;
      line-height: 45px;
      margin-left: 23%;
  }
}
@media screen and (max-width:1080px) {
  p.top_index_planation_sbc {
      width: 58%;
      font-size: 13pt;
      margin-top: 16%;
      letter-spacing: 2px;
      line-height: 45px;
      margin-left: 23%;
  }
}
@media screen and (max-width:920px) {
  p.top_index_planation_sbc {
      width: 58%;
      font-size: 12pt;
      margin-top: 16%;
      letter-spacing: 1px;
      line-height: 35px;
      margin-left: 12%;
  }
}
@media screen and (max-width:777px) {
  p.top_index_planation_sbc {
      width: 58%;
      font-size: 11pt;
      margin-top: 16%;
      letter-spacing: 1px;
      line-height: 35px;
      margin-left: 12%;
  }
}
@media screen and (max-width:767px) {
  p.top_index_planation_sbc {
      width: 58%;
      font-size: 16pt;
      margin-top: 16%;
      letter-spacing: 3px;
      line-height: 45px;
      margin-left: 12%;
  }
}
@media screen and (max-width:620px) {
  p.top_index_planation_sbc {
      width: 58%;
      font-size: 14pt;
      margin-top: 16%;
      letter-spacing: 1px;
      line-height: 45px;
      margin-left: 12%;
  }
}
@media screen and (max-width:480px) {
  p.top_index_planation_sbc {
      width: 58%;
      font-size: 12pt;
      margin-top: 16%;
      letter-spacing: 1px;
      line-height: 35px;
      margin-left: 12%;
  }
}
@media screen and (max-width:430px) {
  p.top_index_planation_sbc {
      width: 58%;
      font-size: 10pt;
      margin-top: 16%;
      letter-spacing: 1px;
      line-height: 30px;
      margin-left: 12%;
  }
}
@media screen and (max-width:380px) {
  p.top_index_planation_sbc {
      width: 58%;
      font-size: 9pt;
      margin-top: 16%;
      letter-spacing: 0px;
      line-height: 25px;
      margin-left: 12%;
  }
}
.top_index_planation_img_area {
    width: 17%;
    margin-right: 10%;
    margin-bottom: -8%;
}
@media screen and (max-width:1080px) {
  .top_index_planation_img_area {
      width: 17%;
      margin-right: 10%;
      margin-bottom: -25%;
  }
}
@media screen and (max-width:767px) {
  .top_index_planation_img_area {
      width: 17%;
      margin-right: 10%;
      margin-bottom: -2%;
  }
}
@media screen and (max-width:670px) {
  .top_index_planation_img_area {
      width: 17%;
      margin-right: 10%;
      margin-bottom: -12%;
  }
}

@media screen and (max-width:430px) {
  .top_index_planation_img_area {
      width: 17%;
      margin-right: 10%;
      margin-bottom: -20%;
  }
}
img.top_index_planation_img {
    width: 100%;
}

.top_index_planation_img_pn {
    width: 22%;
    bottom: 418px;
    left: 480px;
    position: relative;
}

@media screen and (max-width:2560px) {
  .top_index_planation_img_pn {
    width: 26%;
    bottom: 418px;
    left: 480px;
  }
}
/* @media screen and (max-width:2460px) {
  .top_index_planation_img_pn {
      width: 9%;
      bottom: -1520px;
      left: 990px;
  }
}
@media screen and (max-width:2360px) {
  .top_index_planation_img_pn {
      width: 9%;
      bottom: -1490px;
      left: 950px;
  }
}
@media screen and (max-width:2240px) {
  .top_index_planation_img_pn {
      width: 9%;
      bottom: -1420px;
      left: 910px;
  }
}
@media screen and (max-width:2120px) {
  .top_index_planation_img_pn {
      width: 9%;
      bottom: -1390px;
      left: 850px;
  }
}
@media screen and (max-width:2000px) {
  .top_index_planation_img_pn {
      width: 9%;
      bottom: -1380px;
      left: 800px;
  }
}
@media screen and (max-width:1900px) {
  .top_index_planation_img_pn {
      width: 9%;
      bottom: -1330px;
      left: 750px;
  }
}
@media screen and (max-width:1830px) {
  .top_index_planation_img_pn {
      width: 9%;
      bottom: -1300px;
      left: 720px;
  }
}
@media screen and (max-width:1730px) {
  .top_index_planation_img_pn {
      width: 9%;
      bottom: -1230px;
      left: 680px;
  }
}
@media screen and (max-width:1630px) {
  .top_index_planation_img_pn {
      width: 9%;
      bottom: -1150px;
      left: 630px;
  }
}
@media screen and (max-width:1530px) {
  .top_index_planation_img_pn {
      width: 10%;
      bottom: -1090px;
      left: 570px;
  }
} */
@media screen and (max-width:1440px) {
    .top_index_planation_img_pn {
      width: 22%;
      bottom: 418px;
      left: 480px;
    }
}

@media screen and (max-width:1330px) {
  .top_index_planation_img_pn {
    width: 22%;
    bottom: 400px;
    left: 425px;
  }
}

@media screen and (max-width:1200px) {
  .top_index_planation_img_pn {
    width: 24%;
    bottom: 370px;
    left: 400px;
  }
}
@media screen and (max-width:1160px) {
  .top_index_planation_img_pn {
    width: 24%;
    bottom: 370px;
    left: 400px;
  }
}

@media screen and (max-width:1120px) {
  .top_index_planation_img_pn {
    width: 26%;
    bottom: 330px;
    left: 360px;
  }
}

@media screen and (max-width:1080px) {
  .top_index_planation_img_pn {
    width: 30%;
    bottom: 270px;
    left: 330px;
  }
}

@media screen and (max-width:920px) {
  .top_index_planation_img_pn {
    width: 36%;
    bottom: 260px;
    left: 280px;
   }
}

@media screen and (max-width:830px) {
  .top_index_planation_img_pn {
    width: 40%;
    bottom: 245px;
    left: 220px;
 }
}
@media screen and (max-width:780px) {
  .top_index_planation_img_pn {
    width: 40%;
    bottom: 220px;
    left: 220px;
   }
}
@media screen and (max-width:767px) {
    .top_index_planation_img_pn {
      display: none;
    }
}

@media screen and (max-width:767px) {
    .top_index_planation_img_pn_smh {
      display: block;
      width: 18%;
      position: relative;
      bottom: 515px;
      left: 445px;
    }
}

@media screen and (max-width:720px) {
    .top_index_planation_img_pn_smh {
      width: 18%;
      bottom: 490px;
      left: 430px;
    }
}
@media screen and (max-width:670px) {
    .top_index_planation_img_pn_smh {
      width: 18%;
      bottom: 346px;
      left: 395px;
    }
}
@media screen and (max-width:620px) {
    .top_index_planation_img_pn_smh {
      width: 18%;
      bottom: 322px;
      left: 370px;
    }
}
@media screen and (max-width:570px) {
    .top_index_planation_img_pn_smh {
      width: 18%;
      bottom: 300px;
      left: 340px;
    }
}
@media screen and (max-width:530px) {
    .top_index_planation_img_pn_smh {
      width: 20%;
      bottom: 287px;
      left: 305px;
    }
}
@media screen and (max-width:480px) {
    .top_index_planation_img_pn_smh {
      width: 22%;
      bottom: 265px;
      left: 280px;
    }
}
@media screen and (max-width:450px) {
    .top_index_planation_img_pn_smh {
      width: 23%;
      bottom: 250px;
      left: 250px;
    }
}
@media screen and (max-width:430px) {
    .top_index_planation_img_pn_smh {
      width: 25%;
      bottom: 210px;
      left: 240px;
    }
}
@media screen and (max-width:395px) {
    .top_index_planation_img_pn_smh {
      width: 27%;
      bottom: 205px;
      left: 220px;
    }
}
@media screen and (max-width:350px) {
    .top_index_planation_img_pn_smh {
      width: 32%;
      bottom: 180px;
      left: 190px;
    }
}
img.top_index_planation_img_pns {
    width: 100%;
}

.top_index_img_bk {
    width: 80%;
}

@media screen and (max-width:767px) {
  .top_index_img_bk {
      width: 90%;
      margin: auto;
  }
}

.top_index_img_up {
    display: flex;
    justify-content: center;
    width:100%;
    margin-top: 8%;
    margin-left: -8%;
}

@media screen and (max-width:767px) {
  .top_index_img_up {
      width:100%;
      margin-top: 8%;
      margin-left: 0%;
  }
}

.top_index_img_lt {
    display: block;
    margin-top: 19%;
    margin-right: 2%;
    width: 10%;
}
@media screen and (max-width:790px) {
  .top_index_img_lt {
      margin-top: 19%;
      margin-right: 3%;
      width: 10%;
  }
}
p.top_index_img_ht {
    -ms-writing-mode: tb-rl;
    background-color: #fff;
    padding: 24%;
    writing-mode: vertical-rl;
    box-shadow: 5px 5px 0 rgb(1 1 1 / 20%);
    font-family: HiraKakuPro-W6,sans-serif;
    font-size: 14.4pt;
    color: #231815;
}

@media screen and (max-width:1200px) {
  p.top_index_img_ht {
      padding: 22%;
      box-shadow: 5px 5px 0 rgb(1 1 1 / 20%);
      font-size: 13.4pt;
  }
}

@media screen and (max-width:1080px) {
  p.top_index_img_ht {
      padding: 20%;
      box-shadow: 5px 5px 0 rgb(1 1 1 / 20%);
      font-size: 12.4pt;
  }
}
@media screen and (max-width:920px) {
  p.top_index_img_ht {
      padding: 17%;
      box-shadow: 5px 5px 0 rgb(1 1 1 / 20%);
      font-size: 11.4pt;
  }
}

@media screen and (max-width:767px) {
  p.top_index_img_ht {
    padding: 24%;
    font-size: 14.4pt;
  }
}

@media screen and (max-width:620px) {
  p.top_index_img_ht {
    padding: 22%;
    font-size: 12.4pt;
  }
}
@media screen and (max-width:480px) {
  p.top_index_img_ht {
    padding: 20%;
    font-size: 10.4pt;
  }
}
@media screen and (max-width:430px) {
  p.top_index_img_ht {
    padding: 20%;
    font-size: 9.4pt;
  }
}
.top_index_img_rta {
    display: block;
    margin-top: 10%;
    margin-right: 1%;
    width: 10%;
}
@media screen and (max-width:790px) {
  .top_index_img_rta {
      margin-top: 10%;
      margin-right: 3%;
      width: 10%;
  }
}
.top_index_img_rtb {
    display: block;
    margin-top: 5%;
    margin-right: 2%;
    width: 10%;
}
@media screen and (max-width:790px) {
  .top_index_img_rtb {
      margin-top: 5%;
      margin-right: 4%;
      width: 10%;
  }
}
.top_index_img_rtc {
    display: block;
    width: 10%;
}


.top_index_img_ct {
    width: 30%;
    display: block;
    margin-top: 15%;
    margin-left: 7%;
}

img.top_index_img_lg {
    width: 100%;
}

.top_index_img_bm {
    display: flex;
}

.top_index_img_bm_tp {
    width: 60%;
    display: block;
    margin: auto;
    margin-top: 52%;
    margin-left: 8%;
}

@media screen and (max-width:1200px) {
  .top_index_img_bm_tp {
      width: 70%;
      margin: auto;
      margin-top: 59%;
      margin-left: 4%;
  }
}

@media screen and (max-width:1080px) {
  .top_index_img_bm_tp {
      width: 74%;
      margin: auto;
      margin-top: 65%;
      margin-left: 4%;
  }
}
@media screen and (max-width:790px) {
  .top_index_img_bm_tp {
      width: 78%;
      margin: auto;
      margin-top: 75%;
      margin-left: 4%;
  }
}
@media screen and (max-width:767px) {
  .top_index_img_bm_tp {
      width: 78%;
      margin: auto;
      margin-top: 41%;
      margin-left: 4%;
  }
}
@media screen and (max-width:540px) {
  .top_index_img_bm_tp {
      width: 78%;
      margin: auto;
      margin-top: 41%;
      margin-left: 8%;
      margin-right: -8%;
  }
}
img.top_index_img_bm_lg {
    width: 100%;
}

.top_index_img_bm_lt {
    position: relative;
    bottom: -55px;
    right: 173px;
}
@media screen and (max-width:2560px) {
  .top_index_img_bm_lt {
    bottom: -55px;
    right: 173px;
  }
}
@media screen and (max-width:1440px) {
    .top_index_img_bm_lt {
      bottom: -55px;
      right: 173px;
      margin-right: 0%;
      position: relative;
    }
}
@media screen and (max-width:1240px) {
  .top_index_img_bm_lt {
    bottom: -10px;
    right: 140px;
  }
}
@media screen and (max-width:1120px) {
  .top_index_img_bm_lt {
    bottom: -10px;
    right: 95px;
  }
}

@media screen and (max-width:1024px) {
  .top_index_img_bm_lt {
    bottom: -60px;
    right: 100px;
  }
}
@media screen and (max-width:920px) {
  .top_index_img_bm_lt {
    bottom: -50px;
    right: 90px;
  }
}
@media screen and (max-width:830px) {
  .top_index_img_bm_lt {
    bottom: -40px;
    right: 80px;
  }
}

@media screen and (max-width:767px) {
  .top_index_img_bm_lt {
    bottom: -42px;
    right: 157px;
  }
}

@media screen and (max-width:670px) {
  .top_index_img_bm_lt {
    bottom: -2px;
    right: 127px;
  }
}

@media screen and (max-width:540px) {
  .top_index_img_bm_lt {
    bottom: 26px;
    right: 67px;
  }
}

@media screen and (max-width:430px) {
  .top_index_img_bm_lt {
    bottom: 0px;
    right: 65px;
  }
}

@media screen and (max-width:380px) {
  .top_index_img_bm_lt {
    bottom: 20px;
    right: 50px;
  }
}

@media screen and (max-width:350px) {
  .top_index_img_bm_lt {
    bottom: 38px;
    right: 40px;
  }
}
p.top_index_img_bm_ht {
    -ms-writing-mode: tb-rl;
    background-color: #fff;
    padding: 24%;
    writing-mode: vertical-rl;
    box-shadow: 5px 5px 0 rgb(1 1 1 / 20%);
    font-family: HiraKakuPro-W6,sans-serif;
    font-size: 14.4pt;
    color: #231815;
}

@media screen and (max-width:1200px) {
  p.top_index_img_bm_ht {
      padding: 22%;
      box-shadow: 5px 5px 0 rgb(1 1 1 / 20%);
      font-size: 13.4pt;
  }
}

@media screen and (max-width:1080px) {
  p.top_index_img_bm_ht {
      padding: 20%;
      box-shadow: 5px 5px 0 rgb(1 1 1 / 20%);
      font-size: 12.4pt;
  }
}
@media screen and (max-width:920px) {
  p.top_index_img_bm_ht {
      padding: 17%;
      box-shadow: 5px 5px 0 rgb(1 1 1 / 20%);
      font-size: 11.4pt;
  }
}
@media screen and (max-width:767px) {
  p.top_index_img_bm_ht {
      padding: 24%;
      font-size: 14.4pt;
  }
}
@media screen and (max-width:620px) {
  p.top_index_img_bm_ht {
      padding: 22%;
      font-size: 12.4pt;
  }
}
@media screen and (max-width:480px) {
  p.top_index_img_bm_ht {
      padding: 20%;
      font-size: 10.4pt;
  }
}
@media screen and (max-width:430px) {
  p.top_index_img_bm_ht {
      padding: 20%;
      font-size: 9.4pt;
  }
}

.top_index_img_bm_lta {
    position: relative;
    bottom: -8px;
    right: 147px;
}
@media screen and (max-width:2560px) {
  .top_index_img_bm_lta {
    bottom: -8px;
    right: 147px;
  }
}
@media screen and (max-width:1440px) {
    .top_index_img_bm_lta {
      bottom: -8px;
      right: 147px;
      margin-right: 0%;
      position: relative;
    }
}

@media screen and (max-width:1240px) {
  .top_index_img_bm_lta {
    bottom: 12px;
    right: 117px;
  }
}
@media screen and (max-width:1120px) {
  .top_index_img_bm_lta {
    bottom: 35px;
    right: 83px;
  }
}

@media screen and (max-width:1024px) {
  .top_index_img_bm_lta {
    bottom: -10px;
    right: 90px;
  }
}

@media screen and (max-width:920px) {
  .top_index_img_bm_lta {
    bottom: 10px;
    right: 90px;
  }
}
@media screen and (max-width:830px) {
  .top_index_img_bm_lta {
    bottom: 1px;
    right: 80px;
  }
}

@media screen and (max-width:767px) {
  .top_index_img_bm_lta {
    bottom: 1px;
    right: 140px;
  }
}
@media screen and (max-width:670px) {
  .top_index_img_bm_lta {
    bottom: 31px;
    right: 115px;
  }
}

@media screen and (max-width:540px) {
  .top_index_img_bm_lta {
    bottom: 60px;
    right: 57px;
  }
}

@media screen and (max-width:430px) {
  .top_index_img_bm_lta {
    bottom: 40px;
    right: 60px;
  }
}
@media screen and (max-width:410px) {
  .top_index_img_bm_lta {
    bottom: 40px;
    right: 50px;
  }
}
@media screen and (max-width:380px) {
  .top_index_img_bm_lta {
    bottom: 45px;
    right: 45px;
  }
}

@media screen and (max-width:350px) {
  .top_index_img_bm_lta {
    bottom: 55px;
    right: 35px;
  }
}
/* hp_bk */

.main_index {
    margin-top: 4%;
}

h2.main_tittle {
    text-align: center;
    color: #A65E80;
    font-size: 25pt;
    letter-spacing: 4px;
    font-family: 'Avenir Black',sans-serif;
}
@media screen and (max-width:830px) {
  h2.main_tittle {
      font-size: 23pt;
      letter-spacing: 4px;
  }
}
@media screen and (max-width:767px) {
  h2.main_tittle {
      font-size: 25pt;
      letter-spacing: 4px;
  }
}
@media screen and (max-width:430px) {
  h2.main_tittle {
      font-size: 20pt;
      letter-spacing: 3px;
  }
}
span.main_tittle_sp {
    font-size: 23pt;
    font-family: HiraKakuPro-W6,sans-serif;
}

@media screen and (max-width:830px) {
  span.main_tittle_sp {
      font-size: 21pt;
  }
}

@media screen and (max-width:767px) {
  span.main_tittle_sp {
      font-size: 23pt;
  }
}
@media screen and (max-width:430px) {
  span.main_tittle_sp {
      font-size: 19pt;
  }
}
.hp_index {
    border: solid 1px #A65E80;
    width: 55%;
    margin: auto;
    border-radius:5px;
}

@media screen and (max-width:1124px) {
  .hp_index {
      width: 60%;
      border-radius:5px;
  }
}
@media screen and (max-width:767px) {
  .hp_index {
      width: 90%;
      border-radius:5px;
  }
}
h3.hp_tlttle {
    text-align: center;
    font-size: 16pt;
    letter-spacing: 3px;
    margin-top: 1%;
    margin-bottom: 1%;
    font-family: HiraKakuPro-W6,sans-serif;
    color: #231815;
}

@media screen and (max-width:830px) {
  h3.hp_tlttle {
      font-size: 14pt;
      letter-spacing: 3px;
      margin-top: 1%;
      margin-bottom: 1%;
  }
}
@media screen and (max-width:767px) {
  h3.hp_tlttle {
      font-size: 16pt;
      letter-spacing: 3px;
      margin-top: 1%;
      margin-bottom: 1%;
  }
}
@media screen and (max-width:430px) {
  h3.hp_tlttle {
      font-size: 13pt;
      letter-spacing: 2px;
      margin-top: 1%;
      margin-bottom: 1%;
  }
}
p.hp_mini {
    text-align: center;
    color: #A65E80;
    font-family: 'Avenir Medium',sans-serif;
    font-size: 10pt;
    letter-spacing: 1px;
}
@media screen and (max-width:830px) {
  p.hp_mini {
      font-size: 8pt;
      letter-spacing: 1px;
  }
}
@media screen and (max-width:767px) {
  p.hp_mini {
      font-size: 10pt;
      letter-spacing: 1px;
  }
}
@media screen and (max-width:430px) {
  p.hp_mini {
      font-size: 7pt;
      letter-spacing: 0px;
  }
}
.hp_en_bk {
    display: block;
    width: 50%;
    margin: auto;
    margin-top: 2%;
    margin-bottom: 3%;
}
@media screen and (max-width:1124px) {
  .hp_en_bk {
      width: 53%;
      margin-top: 2%;
      margin-bottom: 3%;
  }
}
@media screen and (max-width:767px) {
  .hp_en_bk {
      width: 90%;
      margin-top: 2%;
      margin-bottom: 3%;
  }
}
p.hp_en {
    font-family: HiraKakuPro-W6,sans-serif;
    font-size: 13pt;
    letter-spacing: 1px;
    line-height: 35px;
    color: #231815;
}
@media screen and (max-width:1124px) {
  p.hp_en {
      font-size: 11pt;
      letter-spacing: 0px;
      line-height: 35px;
  }
}
@media screen and (max-width:830px) {
  p.hp_en {
      font-size: 10pt;
      letter-spacing: 0px;
      line-height: 35px;
  }
}
@media screen and (max-width:767px) {
  p.hp_en {
      font-size: 13pt;
      letter-spacing: 1px;
      line-height: 35px;
  }
}
@media screen and (max-width:430px) {
  p.hp_en {
      font-size: 9pt;
      letter-spacing: 1px;
      line-height: 25px;
  }
}
p.hp_ena {
    font-family: HiraKakuPro-W6,sans-serif;
    font-size: 13pt;
    letter-spacing: 1px;
    line-height: 35px;
    color: #231815;
}
@media screen and (max-width:1124px) {
  p.hp_ena {
      font-size: 11pt;
      letter-spacing: 0px;
      line-height: 35px;
  }
}
@media screen and (max-width:830px) {
  p.hp_ena {
      font-size: 10pt;
      letter-spacing: 0px;
      line-height: 35px;
  }
}
@media screen and (max-width:767px) {
  p.hp_ena {
      font-size: 13pt;
      letter-spacing: 1px;
      line-height: 35px;
  }
}
@media screen and (max-width:430px) {
  p.hp_ena {
      font-size: 9pt;
      letter-spacing: 1px;
      line-height: 25px;
      margin-bottom: 10%;
  }
}

@media screen and (max-width:1124px) {
    br.hp_en_br{
      display: none;
    }
}
.hp_img_bk {
    display: flex;
    justify-content: center;
    width: 100%;
}

.hp_img_area {
    width: 10%;
    margin-left: 1%;
}
@media screen and (max-width:767px) {
  .hp_img_area {
      width: 16%;
      margin-left: 1%;
  }
}
img.hp_img {
    width: 100%;
    filter: drop-shadow(4pt 4pt 4pt rgba(0,0,0,0.3));
}


/* dm_bk */

.hp_block {
    margin-bottom: 8%;
}

.dm_img_bk {
    display: flex;
    justify-content: center;
    margin-bottom: 0%;
}

.dma_img_area {
    width: 17%;
    z-index: 2;
}
@media screen and (max-width:767px) {
  .dma_img_area {
      width: 26%;
      z-index: 2;
      margin-left: 17%;
 }
}
img.dm_img {
    width: 100%;
    filter: drop-shadow(4pt 4pt 4pt rgba(0,0,0,0.3));
}

.dmb_img_area {
    margin-top: 3%;
    width: 22%;
    margin-right:5%;
}

@media screen and (max-width:767px) {
  .dmb_img_area {
      margin-top: 3%;
      width: 36%;
      margin-left: :-2%;
  }
}
.dm_img_bkc {
    width: 17%;
}

@media screen and (max-width:767px) {
  .dm_img_bkc {
    display: none;
  }
}
.dmc_img_area {
  width: 100%;
  margin-top: 2%;
  position: relative;
  z-index: 9;
}

.dmd_img_area {
  width: 100%;
  margin-top: -21%;
  margin-left: 36%;
  z-index: 3;
}

.dme_img_area {
    width: 33%;
    margin-left: 28%;
    margin-top: -4%;
    z-index: 1;
}

@media screen and (max-width:767px) {
  .dme_img_area {
      width: 48%;
      margin-left: 47%;
      margin-top: -7%;
  }
}

.dm_img_bkc_smh {
  display: none;
}

@media screen and (max-width:767px) {
  .dm_img_bkc_smh {
    display: block;
    width: 27%;
    margin-left: 11%;
    margin-top: -15%;
  }
}

/* sn_bk */
.sn_img_bk {
    display: flex;
    justify-content: center;
    margin-top: 5%;
    margin-bottom: 15%;
}

.sn_img_area {
    width: 20%;
    margin-right: -2%;
    z-index: 2;
}
@media screen and (max-width:767px) {
  .sn_img_area {
      width: 43%;
      margin-right: -7%;
      z-index: 2;
  }
}
img.dm_img {
    width: 100%;
    filter: drop-shadow(4pt 4pt 4pt rgba(0,0,0,0.3));
}

.sna_img_area {
    width: 20%;
    margin-top: 3%;
    z-index: 1;
}

@media screen and (max-width:767px) {
  .sna_img_area {
      width: 43%;
      margin-top: 8%;
      z-index: 1;
  }
}
/* fl_bk */
.fl_img_bk {
    display: flex;
    justify-content: center;
    margin-top: 4%;
}

@media screen and (max-width:767px) {
  .fl_img_bk {
    display: none;
  }
}
.fl_img_bk_smh {
  display: none;
}

@media screen and (max-width:767px) {
  .fl_img_bk_smh {
    display: block;
  }
}

.fl_img_bk_smha {
    display: flex;
    justify-content: center;
    margin-top: 4%;
}

.fl_img_bk_smhb {
    display: flex;
    justify-content: center;
    margin-top: 4%;
}

.fl_img_area {
    width: 11%;
    margin-left: 1%;
}

@media screen and (max-width:767px) {
  .fl_img_area {
      width: 24%;
      margin-left: 2%;
  }
}

img.fl_img {
    width: 100%;
    filter: drop-shadow(4pt 4pt 4pt rgba(0,0,0,0.3));
}

.fla_img_bk {
  display: flex;
  justify-content: center;
  margin-top: 2%;
  margin-bottom: 5%;
}

.fla_img_area {
    width: 10%;
    margin-left: 1%;
}

@media screen and (max-width:767px) {
  .fla_img_area {
      width: 23%;
      margin-left: 2%;
  }
}
/* sr_bk */

.sr_img_bk {
  display: flex;
  justify-content: center;
  margin-top: 5%;
  margin-bottom: 5%;
}


.sra_img_area {
    width: 15%;
    margin-left: 1%;
}
@media screen and (max-width:767px) {
  .sra_img_area {
      width: 23%;
      margin-left: 1%;
      margin-top: 2%;
  }
}
.srb_img_area {
  width: 22%;
  margin-left: 2%;
}
@media screen and (max-width:767px) {
  .srb_img_area {
      width: 30%;
      margin-left: 1%;
      margin-top: 2%;
  }
}
.src_img_area {
    width: 15%;
}
@media screen and (max-width:767px) {
  .src_img_area {
      width:20%;
      margin-left: 1%;
  }
}
/* lr_bk */

.lp_img_area {
    width: 45%;
    margin: auto;
    display: block;
    margin-top: 2%;
    margin-bottom: 5%;
}

@media screen and (max-width:430px) {
  .lp_img_area {
      width: 65%;
      margin: auto;
      display: block;
      margin-top: 2%;
      margin-bottom: 5%;
  }
}

img.lp_img {
    width: 100%;
}

/* bd_bk */


.bd_img_bk {
    display: flex;
    justify-content: center;
    width: 95%;
    margin: auto;
    margin-top: 6%;
    margin-bottom: 5%;
    margin-left: 4%;
}

.bd_img_area {
    width: 100%;
}

.bd_mini_bk {
    width: 14%;
}
@media screen and (max-width:767px) {
  .bd_mini_bk {
      width: 20%;
  }
}
img.bd_img {
    width: 100%;
    filter: drop-shadow(4pt 4pt 4pt rgba(0,0,0,0.3));
}

.bda_img_area {
    width: 100%;
}

.bdb_img_area {
    width: 14%;
    margin-left: 1%;
}
@media screen and (max-width:767px) {
  .bdb_img_area {
      width: 20%;
      margin-left: 1%;
  }
}
.bdc_img_area {
  width: 14%;
  margin-top: -13px;
}
@media screen and (max-width:767px) {
  .bdc_img_area {
    width: 20%;
    margin-top: -13px;
  }
}
.bdd_img_area {
    width: 20%;
    margin-left: -2%;
    margin-top: 2%;
}
@media screen and (max-width:767px) {
  .bdd_img_area {
      width: 25%;
      margin-left: -2%;
      margin-top: 2%;
  }
}
/* sd_bk */
.sd_img_bk {
    display: flex;
    justify-content: center;
    margin-top: 6%;
    margin-bottom: 5%;
}

.sd_img_area {
    width: 11%;
    margin-left: 1%;
}
@media screen and (max-width:767px) {
  .sd_img_area {
      width: 16%;
  }
}
img.sd_img {
    width: 100%;
    height: 100%;
    filter: drop-shadow(4pt 4pt 4pt rgba(0,0,0,0.3));
}


/* os/bk */
.os_img_bk {
    margin-bottom: 5%;
    margin-top: 3%;
}
.os_img_bk_mini {
    display: flex;
    justify-content: center;
    margin-top: 2%;
    margin-bottom: 2%;
}

.os_img_area {
  width: 25%;
  margin-right: 2%;
}
@media screen and (max-width:767px) {
  .os_img_area {
    width: 40%;
    margin-right: 2%;
  }
}
img.os_img {
    width: 100%;
    filter: drop-shadow(4pt 4pt 4pt rgba(0,0,0,0.3));
}

img.os_imgs {
    width: 100%;
    height: 100%;
    filter: drop-shadow(4pt 4pt 4pt rgba(0,0,0,0.3));
}

.osa_img_area {
    width: 9%;
    margin-right: 3%;
    margin-top: 20px;
}
@media screen and (max-width:767px) {
  .osa_img_area {
      width: 13%;
      margin-right: 3%;
      margin-top: 20px;
  }
}
@media screen and (max-width:430px) {
  .osa_img_area {
      width: 13%;
      margin-right: 3%;
      margin-top: 13px;
  }
}
.osd_img_area {
    width: 15%;
    margin-right: 3%;
}
@media screen and (max-width:767px) {
  .osd_img_area {
      width: 22%;
      margin-right: 3%;
  }
}

.os_img_bk_minis {
    width: 18%;
}
@media screen and (max-width:767px) {
  .os_img_bk_minis {
      width: 25%;
  }
}

.osb_img_area {
  width: 18%;
  margin-right: 2%;
}
@media screen and (max-width:767px) {
  .osb_img_area {
    width: 25%;
    margin-right: 2%;
  }
}

.osc_img_area {
    width: 100%;
    margin-bottom: 21px;
}
@media screen and (max-width:430px) {
  .osc_img_area {
      width: 100%;
      margin-bottom: 9px;
  }
}

/* footer */
.footer_bk_bg {
  background-color: #B2B5B9;

}
.footer_bk {
    display: flex;
    background-color: #B2B5B9;
    max-width: 1440px;
    margin: auto;
}

@media screen and (max-width:767px) {
  .footer_bk {
      display: block;
      background-color: #B2B5B9;
  }
}
.footer_lt_bk {
    width: 44%;
}

@media screen and (max-width:1024px) {
  .footer_lt_bk {
      width: 60%;
  }
}
@media screen and (max-width:767px) {
  .footer_lt_bk {
      width: 100%;
  }
}
img.footer_lt_img {
    width: 100%;
    height: 100%;
}

.footer_rt_bk {
    display: flex;
    align-items: flex-end;
    align-items: flex-end;
}
@media screen and (max-width:767px) {
  .footer_rt_bk {
      display: block;
      padding-bottom: 10%;
  }
}
@media screen and (max-width:430px) {
  .footer_rt_bk {
      display: block;
      padding-bottom: 10%;
      margin-top: 12%;
  }
}
.fr_rt_pn {
    width: 40%;
    border-left: solid 1px #fff;
    margin-left: 6%;
    margin-bottom: 5%;
}

@media screen and (max-width:1180px) {
  .fr_rt_imga {
    width: 45%;
    margin-left: 6%;
    margin-bottom: 5%;
  }
}
@media screen and (max-width:767px) {
  .fr_rt_pn {
      width: 50%;
      margin-left: 26%;
      margin-bottom: 5%;
      margin-top: 9%;
  }
}
@media screen and (max-width:550px) {
  .fr_rt_pn {
      width: 80%;
      margin-left: 5%;
      margin-bottom: 5%;
      margin-top: 9%;
  }
}
.fr_rt_img {
    width: 18%;
    margin-bottom: 4%;
    margin-right: 5%;
}

@media screen and (max-width:1024px) {
  .fr_rt_img {
      width: 18%;
      margin-bottom: 4%;
      margin-right:  -1%;
  }
}
@media screen and (max-width:767px) {
  .fr_rt_img {
      width: 26%;
      margin-bottom: 0%;
      margin-left: 35%;
  }
}
@media screen and (max-width:430px) {
  .fr_rt_img {
      width: 30%;
      margin-bottom: 0%;
      margin-left: 35%;
  }
}
img.fr_rt_imgs {
    width: 100%;
}

.fr_rt_imga {
  width: 12%;
  margin-top: -10%;
  margin-bottom: 2%;
}

@media screen and (max-width:1300px) {
  .fr_rt_imga {
    width: 12%;
    margin-top: -4%;
    margin-bottom: 2%;
  }
}

@media screen and (max-width:767px) {
  .fr_rt_imga {
      width: 11%;
      display: block;
      margin-left: 70%;
      margin-top: -40%;
  }
}
@media screen and (max-width:430px) {
  .fr_rt_imga {
      width: 15%;
      display: block;
      margin-left: 70%;
      margin-top: -55%;
  }
}
img.fr_rt_imgb {
    width: 100%;
}

p.fr_pn {
    margin-top: 0;
    padding-left: 5%;
    color: #fff;
    font-family: HiraKakuPro-W6,sans-serif;
    font-size: 11pt;
    margin-bottom:  5px;
    letter-spacing: 2px;
}

@media screen and (max-width:1024px) {
  p.fr_pn {
      margin-top: 0;
      padding-left: 3%;
      font-size: 9pt;
      margin-bottom:  5px;
      letter-spacing: 1px;
  }
}
@media screen and (max-width:900px) {
  p.fr_pn {
      margin-top: 0;
      padding-left: 3%;
      font-size: 8pt;
      margin-bottom:  5px;
      letter-spacing: 0px;
  }
}

@media screen and (max-width:767px) {
  p.fr_pn {
      margin-top: 0;
      padding-left: 3%;
      font-size: 11pt;
      margin-bottom:  5px;
      letter-spacing: 2px;
  }
}

@media screen and (max-width:650px) {
  p.fr_pn {
      margin-top: 0;
      padding-left: 3%;
      font-size: 9pt;
      margin-bottom:  5px;
      letter-spacing: 1px;
  }
}
@media screen and (max-width:400px) {
  p.fr_pn {
      margin-top: 0;
      padding-left: 3%;
      font-size: 7pt;
      margin-bottom:  5px;
      letter-spacing: 1px;
  }
}

p.fr_pns {
    padding-left: 5%;
    margin-bottom: 0;
    color: #fff;
    font-family: HiraKakuPro-W6,sans-serif;
    font-size: 11pt;
    margin-top: 3px;
    letter-spacing: 2px;
}

@media screen and (max-width:1024px) {
  p.fr_pns {
      padding-left: 3%;
      margin-bottom: 0;
      font-size: 9pt;
      margin-top: 3px;
      letter-spacing: 1px;
  }
}
@media screen and (max-width:900px) {
  p.fr_pns {
      padding-left: 3%;
      margin-bottom: 0;
      font-size: 8pt;
      margin-top: 3px;
      letter-spacing: 0px;
  }
}
@media screen and (max-width:767px) {
  p.fr_pns {
      padding-left: 3%;
      margin-bottom: 0;
      font-size: 11pt;
      margin-top: 3px;
      letter-spacing: 2px;
  }
}
@media screen and (max-width:650px) {
  p.fr_pns {
      padding-left: 3%;
      margin-bottom: 0;
      font-size: 9pt;
      margin-top: 3px;
      letter-spacing: 1px;
  }
}
@media screen and (max-width:400px) {
  p.fr_pns {
      padding-left: 3%;
      margin-bottom: 0;
      font-size: 7pt;
      margin-top: 3px;
      letter-spacing: 1px;
  }
}

img.fr_smh {
    width: 3%;
    vertical-align: bottom;
    padding-bottom: 1%;
    margin-right: 2%;
}

@media screen and (max-width:430px) {
  img.fr_smh {
      width: 2%;
      vertical-align: bottom;
      padding-bottom: 1%;
      margin-right: 2%;
  }
}
img.fr_smhs {
    width: 4%;
    vertical-align: bottom;
    padding-bottom: 2%;
    margin-right: 2%;
}

@media screen and (max-width:430px) {
  img.fr_smhs {
      width: 3%;
      vertical-align: bottom;
      padding-bottom: 1%;
      margin-right: 2%;
  }
}
.copy_right {
    text-align: center;
    font-family: HiraKakuPro-W6,sans-serif;
    font-size: 11pt;
}

/* *{outline:1px solid #0000FF} */