@charset "UTF-8";
/* ==========================================================
  fonts
========================================================== */
@import url("https://use.typekit.net/wak1ltx.css");
/* ==========================================================
  html5 elements
========================================================== */
article, aside, figure, figcaption, footer, header, nav, section, main {
  display: block;
}

/* ==========================================================
  reseting
========================================================== */
html {
  height: 100%;
  font-size: 62.5%;
}

html.is-fixed {
  position: fixed;
  left: 0;
  width: 100%;
}

body {
  font-family: "segoe ui", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  font-size: 1.6rem;
  color: #000;
  line-height: 1.6;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

@media all and (max-width: 768px) {
  body {
    font-size: 1.5rem;
  }
}

input, textarea, select, button {
  font-family: "segoe ui", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

body, div, pre, p, blockquote, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, th, td, button, figure, figcaption {
  margin: 0;
  padding: 0;
}

input, textarea {
  margin: 0;
  font-size: 100%;
}

textarea {
  resize: none;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  appearance: none;
}

button {
  border: none;
  overflow: visible;
  background: none;
  vertical-align: top;
  font-size: 100%;
  color: inherit;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

label {
  cursor: pointer;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
  font-size: 100%;
}

fieldset {
  border: 0;
}

img {
  border: 0;
  height: auto;
  vertical-align: top;
}

address, caption, code, em, th {
  font-style: normal;
  font-weight: 500;
}

ol, ul {
  list-style: none;
}

caption, th {
  text-align: left;
}

h1, h2, h3, h4, h5, h6, em {
  font-size: 100%;
  font-weight: normal;
}

sup, sub {
  font-size: 63%;
}

sup {
  vertical-align: top;
}

sub {
  vertical-align: baseline;
}

* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

/* ==========================================================
  base Link
========================================================== */
a {
  color: #000;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

/* ==========================================================
  lang
========================================================== */
*:lang(zh-cmn-Hans) {
  font-family: 'PingFang SC','Microsoft YaHei',sans-serif;
}

/* ==========================================================
  Layout
========================================================== */
/* ==========================================================
  contents
==========================================================*/
/* img
---------------------------------------------------------- */
img {
  max-width: 100%;
}

/* l-container
---------------------------------------------------------- */
.l-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

@media all and (min-width: 769px) {
  .l-container {
    max-width: 1200px;
    padding: 0 20px;
    margin: 0 auto 60px;
  }
}

@media all and (max-width: 768px) {
  .l-container {
    width: 100%;
    padding: 0 15px;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

@media all and (min-width: 769px) {
  .l-container .c-sidenav {
    width: 230px;
    min-width: 230px;
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
  }
}

@media all and (max-width: 768px) {
  .l-container .c-sidenav {
    margin: 0 -15px;
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
    padding: 40px 40px;
    width: 150%;
    background-color: #ecf2f5;
  }
}

@media all and (min-width: 769px) {
  .l-container .main-contents {
    max-width: 860px;
    min-width: 680px;
    width: 100%;
    margin-right: 70px;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }
}

@media all and (max-width: 1160px) {
  .l-container .main-contents {
    margin-right: 30px;
  }
}

@media all and (max-width: 768px) {
  .l-container .main-contents {
    min-width: inherit;
    margin-right: 0;
    margin-bottom: 40px;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    width: 100%;
  }
  .l-container .main-contents > .overflow {
    margin: 0 -15px;
  }
}

/* ==========================================================
  grid
========================================================== */
/* l-grid-row
---------------------------------------------------------- */
.l-grid-row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: -40px -20px 0;
}

@media all and (max-width: 768px) {
  .l-grid-row {
/*    margin: -20px -10px 0;*/
    margin: -20px 0 0;
    width: 100%;
  }
}

.l-grid-row.justify-start {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.l-grid-row.justify-center {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.l-grid-row.justify-end {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.l-grid-row.justify-between {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.l-grid-row.justify-around {
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
}

.l-grid-row.align-start {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.l-grid-row.align-center {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.l-grid-row.align-end {
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
}

@media all and (max-width: 768px) {
  .l-grid-row.justify-center-sp {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}

.l-grid-row > [class^="l-grid-col-"] {
  margin-top: 40px;
  padding: 0 20px;
}

@media all and (max-width: 768px) {
  .l-grid-row > [class^="l-grid-col-"] {
    margin-top: 20px;
    padding: 0 10px;
  }
}

@media all and (min-width: 769px) {
  .l-grid-row.grid-gutter-10-pc {
    margin-top: -20px !important;
    margin-left: -10px !important;
    margin-right: -10px !important;
  }
  .l-grid-row.grid-gutter-10-pc > [class^="l-grid-col-"] {
    margin-top: 20px !important;
    padding: 0 10px !important;
  }
  .l-grid-row.grid-gutter-15-pc {
    margin-top: -30px !important;
    margin-left: -15px !important;
    margin-right: -15px !important;
  }
  .l-grid-row.grid-gutter-15-pc > [class^="l-grid-col-"] {
    margin-top: 30px !important;
    padding: 0 15px !important;
  }
}

@media all and (max-width: 768px) {
  .l-grid-row.grid-gutter-10-sp {
    margin-top: -20px !important;
    margin-left: -10px !important;
    margin-right: -10px !important;
  }
  .l-grid-row.grid-gutter-10-sp > [class^="l-grid-col-"] {
    margin-top: 20px !important;
    padding: 0 10px !important;
  }
  .l-grid-row.grid-gutter-15-sp {
    margin-top: -30px !important;
    margin-left: -15px !important;
    margin-right: -15px !important;
  }
  .l-grid-row.grid-gutter-15-sp > [class^="l-grid-col-"] {
    margin-top: 30px !important;
    padding: 0 15px !important;
  }
}

/* l-grid-col
---------------------------------------------------------- */
.l-grid-col-12 {
  width: 100%;
}

.l-grid-col-11 {
  width: 91.66667%;
}

.l-grid-col-10 {
  width: 83.33333%;
}

.l-grid-col-9 {
  width: 75%;
}

.l-grid-col-8 {
  width: 66.66667%;
}

.l-grid-col-7 {
  width: 58.33333%;
}

.l-grid-col-6 {
  width: 50%;
}

.l-grid-col-5 {
  width: 41.66667%;
}

.l-grid-col-4 {
  width: 33.33333%;
}

.l-grid-col-3 {
  width: 25%;
}

.l-grid-col-2 {
  width: 16.66667%;
}

.l-grid-col-1 {
  width: 8.33333%;
}

@media all and (min-width: 769px) {
  .l-grid-col-12-pc {
    width: 100%;
  }
  .l-grid-col-11-pc {
    width: 91.66667%;
  }
  .l-grid-col-10-pc {
    width: 83.33333%;
  }
  .l-grid-col-9-pc {
    width: 75%;
  }
  .l-grid-col-8-pc {
    width: 66.66667%;
  }
  .l-grid-col-7-pc {
    width: 58.33333%;
  }
  .l-grid-col-6-pc {
    width: 50%;
  }
  .l-grid-col-5-pc {
    width: 41.66667%;
  }
  .l-grid-col-4-pc {
    width: 33.33333%;
  }
  .l-grid-col-3-pc {
    width: 25%;
  }
  .l-grid-col-2-pc {
    width: 16.66667%;
  }
  .l-grid-col-1-pc {
    width: 8.33333%;
  }
}

@media all and (max-width: 768px) {
  .l-grid-col-12-sp {
    width: 100%;
  }
  .l-grid-col-11-sp {
    width: 91.66667%;
  }
  .l-grid-col-10-sp {
    width: 83.33333%;
  }
  .l-grid-col-9-sp {
    width: 75%;
  }
  .l-grid-col-8-sp {
    width: 66.66667%;
  }
  .l-grid-col-7-sp {
    width: 58.33333%;
  }
  .l-grid-col-6-sp {
    width: 50%;
  }
  .l-grid-col-5-sp {
    width: 41.66667%;
  }
  .l-grid-col-4-sp {
    width: 33.33333%;
  }
  .l-grid-col-3-sp {
    width: 25%;
  }
  .l-grid-col-2-sp {
    width: 16.66667%;
  }
  .l-grid-col-1-sp {
    width: 8.33333%;
  }
}

/* ==========================================================
  section
========================================================== */
/* l-sec-cmn-00
---------------------------------------------------------- */
.l-sec-cmn-00 {
  width: 100%;
  margin: 0 auto 60px;
}

@media all and (max-width: 768px) {
  .l-sec-cmn-00 {
    margin-bottom: 40px;
  }
}

/* l-sec-cmn-01
---------------------------------------------------------- */
@media all and (min-width: 769px) {
  .l-sec-cmn-01 {
    max-width: 1200px;
    margin: 0 auto 60px;
    padding: 0 20px;
  }
}

@media all and (max-width: 768px) {
  .l-sec-cmn-01 {
    margin-bottom: 40px;
    padding: 0 15px;
  }
}

/* l-sec-cmn-02
---------------------------------------------------------- */
@media all and (min-width: 769px) {
  .l-sec-cmn-02 {
    max-width: 1480px;
    margin: 0 auto 60px;
    padding: 0 20px;
  }
}

@media all and (max-width: 768px) {
  .l-sec-cmn-02 {
    margin-bottom: 30px;
    padding: 0 15px;
  }
}

/* l-sec-cmn-03
---------------------------------------------------------- */
@media all and (min-width: 769px) {
  .l-sec-cmn-03 {
    max-width: 1000px;
    margin: 0 auto 60px;
    padding: 0 20px;
  }
}

@media all and (max-width: 768px) {
  .l-sec-cmn-03 {
    margin-bottom: 30px;
    padding: 0 15px;
  }
}

/* ==========================================================
  wrapper
========================================================== */
.l-wrapper {
  background-color: #fff;
}

@media all and (max-width: 768px) {
  .l-wrapper {
    padding-top: 100px;
  }
}

/* ==========================================================
  box
========================================================== */
/* c-box-img-cont-01
---------------------------------------------------------- */
.c-box-img-cont-01 {
  overflow: hidden;
  margin-bottom: 40px;
}

@media all and (max-width: 768px) {
  .c-box-img-cont-01 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 20px;
  }
}

.c-box-img-cont-01:last-child {
  margin-bottom: 0;
}

@media all and (min-width: 769px) {
  .c-box-img-cont-01 .box-image {
    display: table;
    float: left;
    max-width: 50%;
    margin-right: 40px;
    padding-top: 4px;
  }
  .c-box-img-cont-01 .box-image.right {
    float: right;
    margin-right: 0;
    margin-left: 40px;
  }
}

@media all and (max-width: 768px) {
  .c-box-img-cont-01 .box-image {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
    width: 100%;
  }
  .c-box-img-cont-01 .box-image.-reverse {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    margin-bottom: 30px;
  }
}

.c-box-img-cont-01 .box-image img {
  display: block;
  max-width: 430px;
  width: 100%;
}

@media all and (max-width: 768px) {
  .c-box-img-cont-01 .box-image img {
    width: 100%;
    max-width: none;
  }
}

.caption, figcaption {
  font-feature-settings: 'palt';
  margin-top: 10px;
  color: #666;
}

.c-box-img-cont-01 .box-image .caption {
  display: table-caption;
  caption-side: bottom;
  margin-top: 10px;
  font-size: 1.4rem;
  color: #666;
}

@media all and (max-width: 768px) {
  .c-box-img-cont-01 .box-image .caption {
    display: block;
    margin-top: 5px;
    font-size: 1.4rem;
  }
}

.c-box-img-cont-01 .box-content {
  overflow: hidden;
}

@media all and (max-width: 768px) {
  .c-box-img-cont-01 .box-content {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    margin-bottom: 10px;
    width: 100%;
  }
  .c-box-img-cont-01 .box-content.order2 {
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
    margin: 20px 0 0;;
  }
}

@media all and (min-width: 769px) {
  .c-box-img-cont-01.width-half .box-image {
    width: 50%;
  }
  .c-box-img-cont-01.width-half .box-image img {
    width: 100%;
  }
  .c-box-img-cont-01.img-right .box-image {
    float: right;
    margin-left: 40px;
    margin-right: 0;
  }
  .c-box-img-cont-01.text-around .box-image {
    margin-bottom: 15px;
  }
  .c-box-img-cont-01.text-around .box-content {
    overflow: visible;
  }
}

/* c-box-img-cont-02
---------------------------------------------------------- */
.c-box-img-cont-02 {
  overflow: hidden;
}

@media all and (max-width: 768px) {
  .c-box-img-cont-02 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
}

@media all and (min-width: 769px) {
  .c-box-img-cont-02 .box-image {
    display: table;
    float: left;
    max-width: 50%;
    margin-right: 25px;
  }
}

@media all and (max-width: 768px) {
  .c-box-img-cont-02 .box-image {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 120px;
    margin-right: 18px;
  }
}

.c-box-img-cont-02 .box-image img {
  display: block;
  width: 100%;
}

@media all and (max-width: 768px) {
  .c-box-img-cont-02 .box-image img {
    width: 100%;
    max-width: none;
  }
}

.c-box-img-cont-02 .box-image .caption {
  display: table-caption;
  caption-side: bottom;
  margin-top: 10px;
  font-size: 1.3rem;
  color: #666;
}

@media all and (max-width: 768px) {
  .c-box-img-cont-02 .box-image .caption {
    display: block;
    margin-top: 5px;
    font-size: 1.2rem;
  }
}

.c-box-img-cont-02 .box-content {
  overflow: hidden;
}

@media all and (max-width: 768px) {
  .c-box-img-cont-02 .box-content {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
}

.c-box-img-cont-02 a img {
  transition: opacity .2s ease-out;
}
.c-box-img-cont-02 a:hover img {
  opacity: .7;
}

/* c-box-img-cont-03
---------------------------------------------------------- */
.c-box-img-cont-03 {
  overflow: hidden;
  margin-bottom: 40px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: start;
  -ms-flex-pack: start;
  justify-content: start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.c-box-img-cont-03.flex-top {
  -webkit-align-items: flex-start;
  -ms-flex-align: flex-start;
  align-items: flex-start;
}

.c-box-img-cont-03:last-child {
  margin-bottom: 0;
}

.c-box-img-cont-03 .box-image {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  margin-right: 20px;
  padding-top: 4px;
}

@media all and (max-width: 768px) {
  .c-box-img-cont-03 .box-image img {
    width: auto;
    max-width: 100%;
  }
}

.c-box-img-cont-03 .box-content {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  overflow: hidden;
}

@media all and (max-width: 768px) {
  .c-box-img-cont-03 .box-content {
    width: auto;
  }
}

.c-box-img-cont-03 .c-text-cmn {
  margin-bottom: 0;
}

/* box-cmn-layout-01
---------------------------------------------------------- */
.box-cmn-layout-01 {
  margin-bottom: 40px;
  padding: 40px 35px 35px;
  background-color: #f2f2f2;
}

@media all and (max-width: 768px) {
  .box-cmn-layout-01 {
    margin-bottom: 20px;
    padding: 25px 20px 15px;
  }
}

.box-cmn-layout-01:last-child {
  margin-bottom: 0;
}

/* box-cmn-layout-02
---------------------------------------------------------- */
.box-cmn-layout-02 {
  margin-bottom: 40px;
  border: 1px solid #ccc;
}

@media all and (max-width: 768px) {
  .box-cmn-layout-02 {
    margin-bottom: 20px;
  }
}

.box-cmn-layout-02::after {
  margin-bottom: 0;
}

.box-cmn-layout-02 .box-title {
  padding: 28px 28px 18px;
  background-color: #f2f2f2;
  border-bottom: 1px solid #ccc;
}

@media all and (max-width: 768px) {
  .box-cmn-layout-02 .box-title {
    padding: 10px 20px;
  }
}

.box-cmn-layout-02 .box-content {
  padding: 25px 28px;
  word-wrap: break-word;
}

@media all and (max-width: 768px) {
  .box-cmn-layout-02 .box-content {
    padding: 15px 20px;
  }
}

/* box-cmn-layout-03
---------------------------------------------------------- */
.box-cmn-layout-03 {
  margin-bottom: 40px;
  padding: 28px 28px 28px;
  background-color: #f2f2f2;
}

@media all and (max-width: 768px) {
  .box-cmn-layout-03 {
    margin-bottom: 20px;
    padding: 28px 20px 28px;
  }
}

.box-cmn-layout-03:last-child {
  margin-bottom: 0;
}

/* box-cmn-layout-04
---------------------------------------------------------- */
.box-cmn-layout-04 {
  padding: 20px 28px 28px;
  background-color: #ECF2F5;
}

@media all and (max-width: 768px) {
  .box-cmn-layout-04 {
    padding: 20px 28px 28px;
  }
}

/* box-cmn-scroll
---------------------------------------------------------- */
.box-cmn-scroll + .box-cmn-scroll {
  margin-top: 20px;
}

.box-cmn-scroll-in {
  overflow-x: auto;
}

@media all and (max-width: 768px) {
  .box-cmn-scroll-in {
    overflow-x: scroll;
  }
}

@media all and (min-width: 768px) and (max-width: 769px) {
  .box-cmn-scroll-in.no-scroll-tab {
    overflow-x: hidden;
  }
}

.box-cmn-scroll-in.no-scroll-tab table {
  width: 100%;
  max-width: 768px;
}

@media all and (min-width: 768px) and (max-width: 769px) {
  .box-cmn-scroll-in.no-scroll-tab table colgroup {
    display: none;
  }
}

/* .sticky-table-box
---------------------------------------------------------- */
@media all and (max-width: 768px) {
  .sticky-table-box {
    overflow-x: scroll;
    overflow-y: auto;
    max-height: 500px;
  }
}

/* p-product-box
---------------------------------------------------------- */
.c-product-box {
  margin-top: 150px;
  background: url(/fileadmin/templates2020/images/products/bg_product_box_pc.jpg) center center no-repeat;
  background-size: cover;
  background-attachment: fixed;
  padding: 100px 0;
}

@media all and (max-width: 768px) {
  .c-product-box {
    margin-top: 0;
    background: url(/fileadmin/templates2020/images/products/bg_product_box_sp.jpg) center center no-repeat;
    background-size: cover;
    padding: 20px 0;
    height: 270px;
  }
}

.c-product-box .box-in {
  max-width: 1180px;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto;
}

@media all and (max-width: 768px) {
  .c-product-box .box-in {
    width: inherit;
    padding: 0 20px;
  }
}

.c-product-box .box-in .image {
  margin-left: 48px;
  width: 41.95%;
}

@media all and (max-width: 768px) {
  .c-product-box .box-in .image {
    width: 247px;
    margin: 0 auto;
  }
}

.c-product-box .box-in .image img {
  width: 100%;
}

@media all and (max-width: 768px) {
  .c-product-box .box-in .image img {
    width: 247px;
  }
}

.c-product-box .box-in .details {
  margin: 20px 0 0 6px;
}

@media all and (max-width: 768px) {
  .c-product-box .box-in .details {
    margin: 0;
  }
}

.c-product-box .box-in .details .title {
  margin-bottom: 20px;
  color: #fff;
  font-size: 4.0rem;
  line-height: 1.3;
}

@media all and (max-width: 768px) {
  .c-product-box .box-in .details .title {
    margin-bottom: 10px;
    font-size: 2.0rem;
  }
}

.c-product-box .box-in .details .text {
  color: #fff;
  font-size: 1.6rem;
  line-height: 1.8;
}

@media all and (max-width: 768px) {
  .c-product-box .box-in .details .text {
    font-size: 1.4rem;
  }
}

/* c-cmn-border
---------------------------------------------------------- */
.c-cmn-border {
  margin-bottom: 40px;
  border: 1px solid #ccc;
  padding: 30px;
}

.c-cmn-border .inner {
  width: 100%;
}

/* box-eco-product
---------------------------------------------------------- */
.box-eco-product .c-btn-arrow-01 {
  margin-left: 185px;
  position: relative;
  bottom: 25px;
}

@media all and (max-width: 768px) {
  .box-eco-product .c-btn-arrow-01 {
    position: static;
    margin-left: 0;
  }
}

/* box-pdf
---------------------------------------------------------- */
.box-pdf {
  background-color: #ecf2f5;
  padding: 30px;
}

/* ==========================================================
  breadcrumb
========================================================== */
.c-breadcrumb {
  border-bottom: 1px solid #e0e0e0;
  background-color: #fff;
  margin-bottom: 58px;
  padding: 10px 0;
  position: relative;
  z-index: 1;
}

@media all and (max-width: 768px) {
  .c-breadcrumb {
    margin-bottom: 35px;
    padding: 8px 0;
  }
}

.c-breadcrumb > ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
}

@media all and (max-width: 768px) {
  .c-breadcrumb > ul {
    padding: 0 15px;
  }
}

.c-breadcrumb > ul > li {
  position: relative;
  font-size: 1.2rem;
  padding-right: 20px;
  color: #0099ff;
}

.c-breadcrumb > ul > li:before {
  content: '>';
  position: absolute;
  top: -4px;
  right: 5px;
  font-size: 1.5rem;
  color: #666;
}

.c-breadcrumb > ul > li:nth-last-child(-n+2)::before {
  color: #0099ff;
}

.c-breadcrumb > ul > li:last-child {
  padding-right: 0;
}

.c-breadcrumb > ul > li:last-child:before {
  content: none;
}

.c-breadcrumb br {
  display: none;
}

/* ==========================================================
  button
========================================================== */
/* c-btn-blue-01
---------------------------------------------------------- */
.c-btn-blue-01 {
  position: relative;
  display: inline-block;
  margin-top: 10px;
  padding: 18px 20px;
  min-width: 210px;
  background-color: #0099ff;
  color: #fff;
  font-size: 1.5rem;
  text-align: left;
  line-height: 1.4;
  -webkit-transition: background-color 0.2s ease-out;
  -o-transition: background-color 0.2s ease-out;
  transition: background-color 0.2s ease-out;
}

@media all and (max-width: 768px) {
  .c-btn-blue-01 {
    display: block;
    padding-left: 25px;
    padding-right: 45px;
  }
}

.c-btn-blue-01::before {
  position: absolute;
  top: 50%;
  left: 20px;
  width: 18px;
  height: 18px;
  background: url(/fileadmin/templates2020/images/common/ico_arrow_white_right_01.svg) no-repeat;
  background-size: 18px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  content: '';
}

@media all and (max-width: 768px) {
  .c-btn-blue-01::before {
    left: auto;
    right: 20px;
  }
}

.c-btn-blue-01 .text {
  position: relative;
  display: inline-block;
}

@media all and (min-width: 769px) {
  .c-btn-blue-01 .text {
    padding-left: 30px;
  }
}

.c-btn-blue-01.c-icon-blank .text {
  padding-right: 25px;
}

@media all and (max-width: 768px) {
  .c-btn-blue-01.c-icon-blank .text {
    padding-right: 20px;
  }
}

.c-btn-blue-01.c-icon-blank .text::after {
  position: absolute;
  top: 50%;
  right: 0;
  width: 13px;
  height: 13px;
  background: url(/fileadmin/templates2020/images/common/ico_blank_white_01.png) no-repeat;
  background-size: 13px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  content: '';
}

.c-btn-blue-01:hover {
  background-color: #1a6ba1;
}

@media all and (min-width: 769px) {
  .c-btn-blue-01:hover .text {
    text-decoration: none;
  }
}

/* c-btn-blue-02
---------------------------------------------------------- */
.c-btn-blue-02 {
  display: -webkit-box!important;
  display: -webkit-flex!important;
  display: -ms-flexbox!important;
  display: flex!important;
  background-color: #ecf2f5;
  font-size: 1.7rem;
  color: #1a6ba1;
  -webkit-transition: background-color 0.2s ease-out;
  -o-transition: background-color 0.2s ease-out;
  transition: background-color 0.2s ease-out;
}

@media all and (max-width: 768px) {
  .c-btn-blue-02 {
    font-size: 1.4rem;
  }
}

.c-btn-blue-02 > .btn-blue-in {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-height: 80px;
  padding: 15px 20px;
  font-weight: 700;
}

@media all and (max-width: 768px) {
  .c-btn-blue-02 > .btn-blue-in {
    min-height: 60px;
    padding: 10px 15px;
  }
}

.c-btn-blue-02 .icon {
  position: relative;
  display: inline-block;
  padding-left: 30px;
}

.c-btn-blue-02 .icon::before {
  position: absolute;
  top: 50%;
  left: 0;
  width: 18px;
  height: 18px;
  background: url(/fileadmin/templates2020/images/common/ico_arrow_blue_right_01.svg) no-repeat;
  background-size: 18px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  content: '';
}

.c-btn-blue-02.c-icon-blank .btn-blue-in .icon {
  padding-right: 25px;
}

.c-btn-blue-02.c-icon-blank:after {
  display: none!important;
}
.c-btn-blue-02.c-icon-blank .btn-blue-in .icon {
  padding-right: 25px;
}

.c-btn-blue-02.c-icon-blank .btn-blue-in .icon::after {
  position: absolute;
  top: 50%;
  right: 0;
  width: 13px;
  height: 13px;
  background: url(/fileadmin/templates2020/images/common/ico_blank_blue_01.png) no-repeat;
  background-size: 13px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  content: '';
}

.c-btn-blue-02:hover {
  text-decoration: none;
  background-color: #d5ecfb;
}

/* 濃い青 */
.c-btn-blue-02.deep-blue {
  background-color: #0099ff;
  color: #fff;
}
.c-btn-blue-02.deep-blue .icon::before {
  background: url(/fileadmin/templates2020/images/common/ico_arrow_white_right_01.svg) no-repeat;
}
.c-btn-blue-02.deep-blue.c-icon-blank .btn-blue-in .icon::after {
  background: url(/fileadmin/templates2020/images/common/ico_blank_white_01.png) no-repeat;
}
.c-btn-blue-02.deep-blue:hover {
  background-color: #1a6ba1;
}

/* c-btn-blue-03
---------------------------------------------------------- */
.c-btn-blue-03 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 22px 20px;
  background-color: #0099ff;
  color: #fff;
  font-size: 1.7rem;
  text-align: left;
  line-height: 1.4;
  -webkit-transition: background-color 0.2s ease-out;
  -o-transition: background-color 0.2s ease-out;
  transition: background-color 0.2s ease-out;
}

.c-btn-blue-03:hover {
  text-decoration: none;
  background-color: #1a6ba1;
}

@media all and (max-width: 768px) {
  .c-btn-blue-03 {
    padding: 19px 20px;
    font-size: 1.4rem;
  }
}

.c-btn-blue-03 .icon {
  position: relative;
  display: block;
  width: 100%;
  padding-right: 30px;
}

@media all and (max-width: 768px) {
  .c-btn-blue-03 .icon {
    padding-right: 25px;
  }
}

.c-btn-blue-03 .icon::before {
  position: absolute;
  top: 50%;
  right: 4px;
  width: 24px;
  height: 24px;
  background: url(/fileadmin/templates2020/images/common/ico_arrow_white_right_01.svg) no-repeat;
  background-size: 24px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  content: '';
}

@media all and (max-width: 768px) {
  .c-btn-blue-03 .icon::before {
    right: 0;
    width: 18px;
    height: 18px;
    background-size: 18px;
  }
}

.c-btn-blue-03 .icon.c-icon-blank:after {
  position: relative;
  display: inline-block;
  top: -3px;
  width: 13px;
  height: 13px;
  margin-left: 5px;
  background: url(/fileadmin/templates2020/images/common/ico_blank_white_01.png) no-repeat;
  background-size: 13px;
  content: '';
}

/* c-btn-anchor-01
---------------------------------------------------------- */
.c-btn-anchor-01 {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  background-color: #fff;
  border: 1px solid #ccc;
  font-size: 1.7rem;
  color: #1a6ba1;
  line-height: 1.4;
  text-align: center;
  -webkit-transition: background-color 0.2s ease-out;
  -o-transition: background-color 0.2s ease-out;
  transition: background-color 0.2s ease-out;
}

@media all and (max-width: 768px) {
  .c-btn-anchor-01 {
    font-size: 1.4rem;
    text-align: left;
  }
}

.c-btn-anchor-01::before {
  position: absolute;
  top: 50%;
  left: 18px;
  width: 14px;
  height: 8px;
  background: url(/fileadmin/templates2020/images/common/ico_arrow_blue_down_01.svg) no-repeat;
  background-size: 14px 8px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  content: '';
}

@media all and (max-width: 768px) {
  .c-btn-anchor-01::before {
    left: 12px;
  }
}

.c-btn-anchor-01 > .btn-anchor-in {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  min-height: 80px;
  padding: 10px 15px 10px 30px;
}

@media all and (max-width: 768px) {
  .c-btn-anchor-01 > .btn-anchor-in {
    min-height: 60px;
    padding-left: 40px;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
}

.c-btn-anchor-01:hover {
  text-decoration: underline;
  background-color: #d5ecfb;
  border-color: #8eaec2;
}

/* c-btn-arrow-01
---------------------------------------------------------- */
.c-btn-arrow-01 {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-size: 1.7rem;
  text-decoration: underline;
}

@media all and (max-width: 768px) {
  .c-btn-arrow-01 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    background-color: #ecf2f5;
  }
}

.c-btn-arrow-01:hover {
  text-decoration: none;
}

.c-btn-arrow-01 .btn-arrow-in {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}


@media all and (max-width: 768px) {
  .c-btn-arrow-01 .btn-arrow-in {
    min-height: 60px;
    padding: 10px 15px;
  }
}

.c-btn-arrow-01 .icon {
  position: relative;
  display: inline-block;
  padding-left: 30px;
}

.c-btn-arrow-01 .icon:before {
  position: absolute;
  top: 50%;
  left: 0;
  width: 18px;
  height: 18px;
  background: url(/fileadmin/templates2020/images/common/ico_arrow_blue_right_01.svg) no-repeat;
  background-size: 18px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  content: '';
}

/* ==========================================================
  card
========================================================== */
/* c-card-cmn-01
---------------------------------------------------------- */
.c-card-cmn-01 .card-image {
  overflow: hidden;
  margin-bottom: 15px;
}

.c-card-cmn-01 .card-image:last-child {
  margin-bottom: 0;
}

.c-card-cmn-01 .card-image > img {
  display: block;
  width: 100%;
  -webkit-transition: -webkit-transform 0.3s ease-out;
  transition: -webkit-transform 0.3s ease-out;
  -o-transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
}

@media all and (max-width: 768px) {
  .c-card-cmn-01 .card-image > img {
    max-width: 220px;
    margin: 0 auto;
  }
}

.c-card-cmn-01 .card-image.center img {
  margin: 0 auto;
}

.c-card-cmn-01 .card-image .caption {
  margin-top: 15px;
  font-size: 1.3rem;
  color: #666;
}

@media all and (max-width: 768px) {
  .c-card-cmn-01 .card-image .caption {
    font-size: 1.2rem;
  }
}

.c-card-cmn-01 .text-link {
  margin-bottom: 6px;
  font-size: 1.9rem;
}

@media all and (max-width: 768px) {
  .c-card-cmn-01 .text-link {
    font-size: 1.8rem;
  }
}

.c-card-cmn-01 .text-link::before {
  top: 6px;
}

@media all and (max-width: 768px) {
  .c-card-cmn-01 .text-link::before {
    top: 5px;
  }
}

@media all and (min-width: 769px) {
  .c-card-cmn-01 .card-link:hover .text-link {
    text-decoration: underline;
  }
  .c-card-cmn-01 .card-link:hover img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }
}

.c-card-cmn-01 .card-info-in {
  padding-left: 27px;
}

.c-card-cmn-01 .text-01 {
  margin-bottom: 10px;
  font-size: 1.3rem;
  color: #666;
}

.c-card-cmn-01 .text-01:last-child {
  margin-bottom: 0;
}

@media all and (max-width: 768px) {
  .c-card-cmn-01 .text-01 {
    font-size: 1.4rem;
    color: #000;
  }
}

/* c-card-cmn-02
---------------------------------------------------------- */
.c-card-cmn-02 {
  border: 1px solid #ccc;
  height: 100%;
}

.c-card-cmn-02 .card-image {
  overflow: hidden;
}

.c-card-cmn-02 .card-image > img {
  display: block;
  width: 100%;
  -webkit-transition: -webkit-transform 0.3s ease-out;
  transition: -webkit-transform 0.3s ease-out;
  -o-transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
}

.c-card-cmn-02 .text-link {
  padding: 30px 20px 0;
  font-feature-settings: 'palt';
}

@media all and (max-width: 768px) {
  .c-card-cmn-02 .text-link {
    padding: 20px 20px 0;
  }
}

.c-card-cmn-02 .text-link::after {
  position: relative;
  top: -2px;
  display: inline-block;
  width: 8px;
  height: 12px;
  margin-left: 5px;
  background: url(/fileadmin/templates2020/images/common/ico_arrow_blue_right_02.svg) no-repeat;
  background-size: 8px 12px;
  content: '';
}

@media all and (max-width: 768px) {
  .c-card-cmn-02 .text-link::after {
    top: 1px;
    width: 10px;
    height: 14px;
    background-size: 10px 14px;
  }
}

.c-card-cmn-02 .text-link .text-link-in {
  font-size: 2.4rem;
  color: #1a6ba1;
  line-height: 1.3;
}

@media all and (max-width: 768px) {
  .c-card-cmn-02 .text-link .text-link-in {
    position: relative;
    font-size: 1.8rem;
  }
}

.c-card-cmn-02 .text-link-in.small {
  font-size: 2.0rem;
  color: #1a6ba1;
  line-height: 1.3;
}

.c-card-cmn-02 .text-link-in::after {
  top: -1px;
}

.c-card-cmn-02 .card-link {
  text-decoration: none;
}

@media all and (min-width: 769px) {
  .c-card-cmn-02 .card-link:hover .text-link-in {
    text-decoration: underline;
  }
  .c-card-cmn-02 .card-link:hover img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }
  .c-card-cmn-02 .card-link:hover .text-link-02 {
    background-color: #d5ecfb;
  }
  .c-card-cmn-02 .card-link:hover .text-link-02 .c-link-arrow-01 {
    text-decoration: underline;
  }
}

.c-card-cmn-02 .card-link.c-icon-blank .text-link-01 .text-link-in::after {
  position: relative;
  top: -2px;
  display: inline-block;
  width: 13px;
  height: 13px;
  margin-left: 5px;
  background: url(/fileadmin/templates2020/images/common/ico_blank_blue_01.png) no-repeat;
  background-size: 13px;
  content: '';
}

@media all and (max-width: 768px) {
  .c-card-cmn-02 .card-link.c-icon-blank .text-link-01 .text-link-in::after {
    top: 0;
  }
}

.c-card-cmn-02 .card-info {
  padding: 30px 20px 25px;
  background-color: #fff;
}

@media all and (max-width: 768px) {
  .c-card-cmn-02 .card-info {
    padding: 20px;
  }
}

.c-card-cmn-02 .card-info > .title {
  margin-bottom: 12px;
  font-size: 2.4rem;
  line-height: 1.3;
}

@media all and (max-width: 768px) {
  .c-card-cmn-02 .card-info > .title {
    margin-bottom: 10px;
    font-size: 1.8rem;
  }
}

.c-card-cmn-02 .card-info .list-link > li {
  margin-bottom: 6px;
}

@media all and (max-width: 768px) {
  .c-card-cmn-02 .card-info .list-link > li {
    position: relative;
    padding-left: 15px;
  }
  .c-card-cmn-02 .card-info .list-link > li::before {
    position: absolute;
    top: 4px;
    left: 0;
    width: 8px;
    height: 12px;
    background: url(/fileadmin/templates2020/images/common/ico_arrow_blue_right_02.svg) no-repeat;
    background-size: 8px 12px;
    content: '';
  }
}

.c-card-cmn-02 .card-info .list-link a {
  color: #1a6ba1;
  font-size: 1.8rem;
  line-height: 1.3;
}

@media all and (max-width: 768px) {
  .c-card-cmn-02 .card-info .list-link a {
    font-size: 1.4rem;
  }
}

.c-card-cmn-02 .card-info .list-link a::after {
  position: relative;
  display: inline-block;
  width: 8px;
  height: 12px;
  margin-left: 5px;
  background: url(/fileadmin/templates2020/images/common/ico_arrow_blue_right_02.svg) no-repeat;
  background-size: 8px 12px;
  content: '';
}

@media all and (max-width: 768px) {
  .c-card-cmn-02 .card-info .list-link a::after {
    display: none;
  }
}

.c-card-cmn-02 .card-info .list-link a.c-icon-blank .text::after {
  position: relative;
  display: inline-block;
  width: 13px;
  height: 13px;
  margin-left: 5px;
  margin-right: 5px;
  background: url(/fileadmin/templates2020/images/common/ico_blank_blue_01.png) no-repeat;
  background-size: 13px;
  content: '';
}

.c-card-cmn-02 .card-link + .card-info {
  padding-top: 12px;
}

@media all and (max-width: 768px) {
  .c-card-cmn-02 .card-link + .card-info {
    padding-top: 10px;
  }
}

/* c-card-cmn-03
---------------------------------------------------------- */
.c-card-cmn-03 {
  border: 1px solid #ccc;
  -webkit-transition: background-color 0.2s ease-out;
  -o-transition: background-color 0.2s ease-out;
  transition: background-color 0.2s ease-out;
}

a.c-card-cmn-03 {
  display: block;
  text-decoration: none;
}

@media all and (min-width: 769px) {
  a.c-card-cmn-03:hover {
    border-color: #8eaec2;
    background-color: #d5ecfb;
  }
  a.c-card-cmn-03:hover .c-link-arrow-01, a.c-card-cmn-03:hover .c-link-arrow-02 {
    text-decoration: underline;
  }
  a.c-card-cmn-03:hover img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }
}

.c-card-cmn-03 .card-image {
  overflow: hidden;
}

.c-card-cmn-03 .card-image > img {
  display: block;
  width: 100%;
  -webkit-transition: -webkit-transform 0.3s ease-out;
  transition: -webkit-transform 0.3s ease-out;
  -o-transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
}

.c-card-cmn-03 .card-info {
  padding: 35px 30px 25px;
}
.c-card-cmn-03 .card-info.small {
  padding: 20px 20px 20px;
}

@media all and (max-width: 768px) {
  .c-card-cmn-03 .card-info {
    padding: 34px 18px 28px;
  }
}

.c-card-cmn-03 .card-info > p:last-child {
  margin-bottom: 0;
}

.c-card-cmn-03 .card-info .text-link {
  margin-bottom: 25px;
}

@media all and (max-width: 768px) {
  .c-card-cmn-03 .card-info .c-link-arrow-01.text-lg::before, .c-link-arrow-02.text-lg::before {
    top: 8px;
  }
}

.c-card-cmn-03 .card-info > .title {
  margin-bottom: 12px;
  font-size: 2.4rem;
  line-height: 1.3;
}

@media all and (max-width: 768px) {
  .c-card-cmn-03 .card-info > .title {
    margin-bottom: 25px;
    font-size: 2rem;
  }
}

.c-card-cmn-03 .list-link {
  font-size: 1.8rem;
}

.c-card-cmn-03 .list-link > li {
  padding-left: 22px;
}

@media all and (max-width: 768px) {
  .c-card-cmn-03 .list-link > li {
    padding-left: 16px;
  }
}

.c-card-cmn-03 .list-link > li::before {
  top: 8px;
  left: 10px;
  width: 8px;
  height: 12px;
  background-size: 8px 12px;
}

@media all and (max-width: 768px) {
  .c-card-cmn-03 .list-link > li::before {
    left: 0;
  }
}

.c-card-cmn-03 .card-image + .card-info {
  padding: 26px 25px;
}

/* リンクなし */
.c-card-cmn-03 .c-link-none {
  padding-left: 0;
  font-size: 2.4rem;
  line-height: 1.6!important;
  margin-bottom: 10px!important;
  color: #1a6ba1;
}
@media all and (max-width: 768px) {
  .c-card-cmn-03 .c-link-none {
    font-size: 2rem;
  }
}

.c-card-cmn-03 .card-info .c-link-none + .list-link {
  margin-bottom: 2rem;
}

@media all and (max-width: 768px) {
  .c-card-cmn-03 .card-info .c-link-none + .list-link {
    padding-left: 2px;
  }
}

.c-card-cmn-03 .card-info .c-link-none + .list-link > li {
  margin-bottom: 6px;
  padding-left: 40px;
}

@media all and (max-width: 768px) {
  .c-card-cmn-03 .card-info .c-link-none + .list-link > li {
    position: relative;
    padding-left: 15px;
  }
  .c-card-cmn-03 .card-info .c-link-none + .list-link > li::before {
    position: absolute;
    top: 4px;
    left: 0;
    width: 8px;
    height: 12px;
    background: url(/fileadmin/templates2020/images/common/ico_arrow_blue_right_02.svg) no-repeat;
    background-size: 8px 12px;
    content: '';
  }
}

.c-card-cmn-03 .card-info .c-link-none + .list-link a {
  color: #1a6ba1;
  font-size: 1.8rem;
  vertical-align: top;
}

@media all and (max-width: 768px) {
  .c-card-cmn-03 .card-info .c-link-none + .list-link a {
    font-size: 1.4rem;
  }
}

.c-card-cmn-03 .card-info .c-link-none + .list-link a::after {
  position: relative;
  display: inline-block;
  width: 8px;
  height: 12px;
  margin-left: 5px;
  background: url(/fileadmin/templates2020/images/common/ico_arrow_blue_right_02.svg) no-repeat;
  background-size: 8px 12px;
  content: '';
}

@media all and (max-width: 768px) {
  .c-card-cmn-03 .card-info .c-link-none + .list-link a::after {
    display: none;
  }
}


/** @define utilities */
/* Applies to flex container
   ========================================================================== */
/**
 * Container
 */
.u-flex {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
}

.u-flex-inline {
  display: -webkit-inline-box !important;
  display: -webkit-inline-flex !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
}

/**
 * Direction: row
 */
.u-flex-row {
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: normal !important;
  -webkit-flex-direction: row !important;
  -ms-flex-direction: row !important;
  flex-direction: row !important;
}

.u-flex-row-reverse {
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: reverse !important;
  -webkit-flex-direction: row-reverse !important;
  -ms-flex-direction: row-reverse !important;
  flex-direction: row-reverse !important;
}

/**
 * Direction: column
 */
.u-flex-col {
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
  -webkit-flex-direction: column !important;
  -ms-flex-direction: column !important;
  flex-direction: column !important;
}

.u-flex-col-reverse {
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: reverse !important;
  -webkit-flex-direction: column-reverse !important;
  -ms-flex-direction: column-reverse !important;
  flex-direction: column-reverse !important;
}

/**
 * Wrap
 */
.u-flex-wrap {
  -webkit-flex-wrap: wrap !important;
  -ms-flex-wrap: wrap !important;
  flex-wrap: wrap !important;
}

.u-flex-no-wrap {
  -webkit-flex-wrap: nowrap !important;
  -ms-flex-wrap: nowrap !important;
  flex-wrap: nowrap !important;
}

.u-flex-wrap-reverse {
  -webkit-flex-wrap: wrap-reverse !important;
  -ms-flex-wrap: wrap-reverse !important;
  flex-wrap: wrap-reverse !important;
}

/**
 * Align items along the main axis of the current line of the flex container
 */
.u-flex-justify-start {
  -webkit-box-pack: start !important;
  -webkit-justify-content: flex-start !important;
  -ms-flex-pack: start !important;
  justify-content: flex-start !important;
}

.u-flex-justify-end {
  -webkit-box-pack: end !important;
  -webkit-justify-content: flex-end !important;
  -ms-flex-pack: end !important;
  justify-content: flex-end !important;
}

.u-flex-justify-center {
  -webkit-box-pack: center !important;
  -webkit-justify-content: center !important;
  -ms-flex-pack: center !important;
  justify-content: center !important;
}

.u-flex-justify-between {
  -webkit-box-pack: justify !important;
  -webkit-justify-content: space-between !important;
  -ms-flex-pack: justify !important;
  justify-content: space-between !important;
}

.u-flex-justify-around {
  -webkit-justify-content: space-around !important;
  -ms-flex-pack: distribute !important;
  justify-content: space-around !important;
}

/**
 * Align items in the cross axis of the current line of the flex container
 * Similar to `justify-content` but in the perpendicular direction
 */
.u-flex-align-items-start {
  -webkit-box-align: start !important;
  -webkit-align-items: flex-start !important;
  -ms-flex-align: start !important;
  align-items: flex-start !important;
}

.u-flex-align-items-end {
  -webkit-box-align: end !important;
  -webkit-align-items: flex-end !important;
  -ms-flex-align: end !important;
  align-items: flex-end !important;
}

.u-flex-align-items-center {
  -webkit-box-align: center !important;
  -webkit-align-items: center !important;
  -ms-flex-align: center !important;
  align-items: center !important;
}

.u-flex-align-items-stretch {
  -webkit-box-align: stretch !important;
  -webkit-align-items: stretch !important;
  -ms-flex-align: stretch !important;
  align-items: stretch !important;
}

.u-flex-align-items-baseline {
  -webkit-box-align: baseline !important;
  -webkit-align-items: baseline !important;
  -ms-flex-align: baseline !important;
  align-items: baseline !important;
}

/**
 * Aligns items within the flex container when there is extra
 * space in the cross-axis
 *
 * Has no effect when there is only one line of flex items.
 */
.u-flex-Align-Content-Start {
  -webkit-align-content: flex-start !important;
  -ms-flex-line-pack: start !important;
  align-content: flex-start !important;
}

.u-flex-Align-Content-End {
  -webkit-align-content: flex-end !important;
  -ms-flex-line-pack: end !important;
  align-content: flex-end !important;
}

.u-flex-Align-Content-Center {
  -webkit-align-content: center !important;
  -ms-flex-line-pack: center !important;
  align-content: center !important;
}

.u-flex-Align-Content-Stretch {
  -webkit-align-content: stretch !important;
  -ms-flex-line-pack: stretch !important;
  align-content: stretch !important;
}

.u-flex-Align-Content-Between {
  -webkit-align-content: space-between !important;
  -ms-flex-line-pack: justify !important;
  align-content: space-between !important;
}

.u-flex-Align-Content-Around {
  -webkit-align-content: space-around !important;
  -ms-flex-line-pack: distribute !important;
  align-content: space-around !important;
}

/* Applies to flex items
   ========================================================================== */
/**
 * Override default alignment of single item when specified by `align-items`
 */
.u-flex-align-delf-start {
  -webkit-align-self: flex-start !important;
  -ms-flex-item-align: start !important;
  align-self: flex-start !important;
}

.u-flex-align-delf-end {
  -webkit-align-self: flex-end !important;
  -ms-flex-item-align: end !important;
  align-self: flex-end !important;
}

.u-flex-align-delf-center {
  -webkit-align-self: center !important;
  -ms-flex-item-align: center !important;
  align-self: center !important;
}

.u-flex-align-delf-stretch {
  -webkit-align-self: stretch !important;
  -ms-flex-item-align: stretch !important;
  align-self: stretch !important;
}

.u-flex-align-delf-baseline {
  -webkit-align-self: baseline !important;
  -ms-flex-item-align: baseline !important;
  align-self: baseline !important;
}

.u-flex-align-delf-auto {
  -webkit-align-self: auto !important;
  -ms-flex-item-align: auto !important;
  align-self: auto !important;
}

/**
 * Change order without editing underlying HTML
 */
.u-flex-order-first {
  -webkit-box-ordinal-group: 0 !important;
  -webkit-order: -1 !important;
  -ms-flex-order: -1 !important;
  order: -1 !important;
}

.u-flex-order-last {
  -webkit-box-ordinal-group: 2 !important;
  -webkit-order: 1 !important;
  -ms-flex-order: 1 !important;
  order: 1 !important;
}

.u-flex-order-none {
  -webkit-box-ordinal-group: 1 !important;
  -webkit-order: 0 !important;
  -ms-flex-order: 0 !important;
  order: 0 !important;
}

/**
 * Specify the flex grow factor, which determines how much the flex item will
 * grow relative to the rest of the flex items in the flex container.
 *
 * Supports 1-5 proportions
 *
 * 1. Provide all values to avoid IE10 bug with shorthand flex
 *    - http://git.io/vllC7
 *
 *    Use `0%` to avoid bug in IE10/11 with unitless flex basis. Using this
 *    instead of `auto` as this matches what the default would be with `flex`
 *    shorthand - http://git.io/vllWx
 */
.u-flex-grow1 {
  -webkit-box-flex: 1 !important;
  -webkit-flex: 1 1 0% !important;
  -ms-flex: 1 1 0% !important;
  flex: 1 1 0% !important;
  /* 1 */
}

.u-flex-grow2 {
  -webkit-box-flex: 2 !important;
  -webkit-flex: 2 1 0% !important;
  -ms-flex: 2 1 0% !important;
  flex: 2 1 0% !important;
}

.u-flex-grow3 {
  -webkit-box-flex: 3 !important;
  -webkit-flex: 3 1 0% !important;
  -ms-flex: 3 1 0% !important;
  flex: 3 1 0% !important;
}

.u-flex-grow4 {
  -webkit-box-flex: 4 !important;
  -webkit-flex: 4 1 0% !important;
  -ms-flex: 4 1 0% !important;
  flex: 4 1 0% !important;
}

.u-flex-grow5 {
  -webkit-box-flex: 5 !important;
  -webkit-flex: 5 1 0% !important;
  -ms-flex: 5 1 0% !important;
  flex: 5 1 0% !important;
}

/**
 * Specify the flex shrink factor, which determines how much the flex item will
 * shrink relative to the rest of the flex items in the flex container.
 */
.u-flex-shrink0 {
  -webkit-flex-shrink: 0 !important;
  -ms-flex-negative: 0 !important;
  flex-shrink: 0 !important;
}

.u-flex-shrink1 {
  -webkit-flex-shrink: 1 !important;
  -ms-flex-negative: 1 !important;
  flex-shrink: 1 !important;
}

.u-flex-shrink2 {
  -webkit-flex-shrink: 2 !important;
  -ms-flex-negative: 2 !important;
  flex-shrink: 2 !important;
}

.u-flex-shrink3 {
  -webkit-flex-shrink: 3 !important;
  -ms-flex-negative: 3 !important;
  flex-shrink: 3 !important;
}

.u-flex-shrink4 {
  -webkit-flex-shrink: 4 !important;
  -ms-flex-negative: 4 !important;
  flex-shrink: 4 !important;
}

.u-flex-shrink5 {
  -webkit-flex-shrink: 5 !important;
  -ms-flex-negative: 5 !important;
  flex-shrink: 5 !important;
}

/**
 * Aligning with `auto` margins
 * http://www.w3.org/TR/css-flexbox-1/#auto-margins
 */
.u-flex-expand {
  margin: auto !important;
}

.u-flex-expand-left {
  margin-left: auto !important;
}

.u-flex-expand-right {
  margin-right: auto !important;
}

.u-flex-expand-top {
  margin-top: auto !important;
}

.u-flex-expand-bottom {
  margin-bottom: auto !important;
}

/**
 * Basis
 */
.u-flex-basis-auto {
  -webkit-flex-basis: auto !important;
  -ms-flex-preferred-size: auto !important;
  flex-basis: auto !important;
}

.u-flex-basis-0 {
  -webkit-flex-basis: 0 !important;
  -ms-flex-preferred-size: 0 !important;
  flex-basis: 0 !important;
}

/*
 * Shorthand
 *
 * Declares all values instead of keywords like 'initial' to work around IE10
 * https://www.w3.org/TR/css-flexbox-1/#flex-common
 *
 * 1. Fixes issue in IE 10 where flex-basis is ignored - https://git.io/vllMt
 *    This ensures it overrides flex-basis set in other utilities.
 */
/*
 * Sizes the item based on the width/height properties
 */
.u-flex-initial {
  -webkit-box-flex: 0 !important;
  -webkit-flex: 0 1 auto !important;
  -ms-flex: 0 1 auto !important;
  flex: 0 1 auto !important;
  -webkit-flex-basis: auto !important;
  -ms-flex-preferred-size: auto !important;
  flex-basis: auto !important;
  /* 1 */
}

/*
 * Sizes the item based on the width/height properties, but makes them fully
 * flexible, so that they absorb any free space along the main axis.
 */
.u-flex-auto {
  -webkit-box-flex: 1 !important;
  -webkit-flex: 1 1 auto !important;
  -ms-flex: 1 1 auto !important;
  flex: 1 1 auto !important;
  -webkit-flex-basis: auto !important;
  -ms-flex-preferred-size: auto !important;
  flex-basis: auto !important;
  /* 1 */
}

/*
 * Sizes the item according to the width/height properties, but makes the flex
 * item fully inflexible. Similar to initial, except that flex items are
 * not allowed to shrink, even in overflow situations.
 */
.u-flex-none {
  -webkit-box-flex: 0 !important;
  -webkit-flex: 0 0 auto !important;
  -ms-flex: 0 0 auto !important;
  flex: 0 0 auto !important;
  -webkit-flex-basis: auto !important;
  -ms-flex-preferred-size: auto !important;
  flex-basis: auto !important;
  /* 1 */
}

/* ==========================================================
  footer
========================================================== */
.c-footer {
  border-top: 1px solid #e0e0e0;
  background-color: #fff;
  position: relative;
}

.c-footer-in {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  padding: 40px 50px 55px;
}

@media all and (max-width: 1440px) {
  .c-footer-in {
    padding-left: 20px;
    padding-right: 20px;
  }
}

@media all and (max-width: 1160px) {
  .c-footer-in {
    display: block;
    padding: 35px 15px 15px;
  }
}

.c-footer-col:first-child {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

@media all and (max-width: 1160px) {
  .c-footer-col:first-child {
    display: block;
    margin-bottom: 25px;
    text-align: center;
  }
}

.c-footer-col:last-child {
  text-align: right;
}

@media all and (max-width: 1160px) {
  .c-footer-col:last-child {
    text-align: left;
  }
}

@media all and (max-width: 1160px) {
  .c-footer-logo {
    display: inline-block;
    margin-bottom: 25px;
  }
}

.c-footer-logo > img {
  display: block;
  width: 112px;
}

.c-footer-copyright {
  padding-bottom: 2px;
  font-size: 1.2rem;
  font-weight: bold;
  color: #666;
  text-align: right;
  line-height: 1.5;
}

@media all and (max-width: 1160px) {
  .c-footer-copyright {
    font-weight: normal;
    font-size: 1rem;
    line-height: 1.7;
    text-align: left;
  }
  .c-footer-copyright .title {
    font-size: 1.1rem;
    font-weight: bold;
  }
}

.c-footer-util {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-left: 60px;
  margin-top: 6px;
  line-height: 1.4;
}

@media all and (max-width: 1160px) {
  .c-footer-util {
    display: inline-block;
    margin: 0;
    font-size: 1.4rem;
    text-align: left;
  }
}

.c-footer-util > li {
  position: relative;
  margin-left: 30px;
  padding-left: 16px;
}

.c-footer-util > li:first-child {
  margin-left: 0;
}

@media all and (max-width: 1160px) {
  .c-footer-util > li {
    margin-left: 0;
    margin-bottom: 11px;
  }
  .c-footer-util > li:last-child {
    margin-bottom: 0;
  }
}

.c-footer-util > li::before {
  position: absolute;
  top: 5px;
  left: 0;
  width: 8px;
  height: 12px;
  background: url(/fileadmin/templates2020/images/common/ico_arrow_blue_right_03.svg) no-repeat;
  background-size: 8px 12px;
  content: '';
}

@media all and (max-width: 1160px) {
  .c-footer-util > li::before {
    top: 4px;
  }
}

.c-footer-util > li a {
  font-size: 1.3rem;
  font-weight: bold;
  color: #666;
  letter-spacing: -1px;
}

@media all and (max-width: 1160px) {
  .c-footer-util > li a {
    letter-spacing: normal;
  }
}

.c-footer-sns {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-bottom: 15px;
}

@media all and (max-width: 1160px) {
  .c-footer-sns {
    /* display: none; */
    margin-bottom: 5px;
  }
}

.c-footer-sns > li {
  margin-left: 4px;
}

.c-footer-sns > li:first-child {
  margin-left: 0;
}

/* ==========================================================
  header
========================================================== */
.c-header {
  position: relative;
  z-index: 10;
}

@media all and (max-width: 768px) {
  .c-header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 10;
    -webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.25);
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.25);
  }
}

.c-header-upper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  height: 90px;
  padding: 0 50px;
  background-color: #fff;
}

@media all and (max-width: 1440px) {
  .c-header-upper {
    padding-left: 20px;
    padding-right: 20px;
  }
}

@media all and (max-width: 1160px) {
  .c-header-upper {
    height: 56px;
    padding: 11px 15px 10px;
  }
}

.c-header-lower {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  padding: 0 50px;
  background-color: #ecf2f5;
}

@media all and (max-width: 1440px) {
  .c-header-lower {
    padding-left: 20px;
    padding-right: 20px;
  }
}

@media all and (max-width: 1160px) {
  .c-header-lower {
    height: 44px;
    padding: 0 15px 18px;
    background-color: #fff;
  }
}

.c-header-logo-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.c-header-logo > img {
  display: block;
  width: 150px;
  height: 31px;
}

@media all and (max-width: 1160px) {
  .c-header-logo > img {
    width: 110px;
    height: 23px;
  }
}

.c-header-site {
  position: relative;
  margin-left: 36px;
  padding-top: 3px;
  padding-left: 35px;
  font-weight: 600!important;
  font-size: 2.2rem;
  color: #666;
  line-height: 1.4;
}

@media all and (max-width: 1160px) {
  .c-header-site {
    margin-left: 17px;
    padding-left: 15px;
    font-size: 1.8rem;
  }
}

@media all and (max-width: 320px) {
  .c-header-site {
    margin-left: 11px;
    padding-left: 9px;
  }
}

.c-header-site::before {
  position: absolute;
  top: 2px;
  left: 0;
  width: 1px;
  height: 30px;
  background-color: #ccc;
  content: '';
}

@media all and (max-width: 1160px) {
  .c-header-site::before {
    top: 4px;
    height: 23px;
  }
}

.c-header-util {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding-top: 5px;
}

@media all and (max-width: 1160px) {
  .c-header-util {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
}

@media all and (max-width: 768px) {
  .c-header-util {
    margin-top: 0;
    padding-top: 3px;
  }
}

.c-header-util > li {
  position: relative;
  margin-left: 24px;
}

@media all and (max-width: 1160px) {
  .c-header-util > li {
    margin-left: 0;
    line-height: 1.2;
  }
  .c-header-util > li.item-lang {
    position: static;
  }
  .c-header-util > li:last-child {
    margin-left: 10px;
  }
}

.c-header-util > li:first-child {
  margin-left: 0;
  margin-top: 0px;
}

.c-header-util a {
  font-weight: bold;
  color: #666;
  text-decoration: none;
}

@media all and (min-width: 1161px) {
  .c-header-util a:hover {
    text-decoration: underline;
  }
}

.c-header-util .link-text {
  font-size: 1.6rem;
  line-height: 1;
}

@media all and (max-width: 1160px) {
  .c-header-util .link-text {
    font-size: 1.3rem;
  }
}

@media all and (min-width: 1161px) {
  .c-header-util .link-lang {
    position: relative;
    padding-left: 30px;
    padding-right: 18px;
    font-size: 1.3rem;
  }
  .c-header-util .link-lang::before {
    position: absolute;
    top: 49%;
    left: 0;
    width: 22px;
    height: 20px;
    background: url(/fileadmin/templates2020/images/common/ico_lang_gray.svg) no-repeat;
    background-size: 22px 20px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    content: '';
  }
  .c-header-util .link-lang::after {
    position: absolute;
    top: 50%;
    right: 0;
    width: 9px;
    height: 5px;
    background: url(/fileadmin/templates2020/images/common/ico_arrow_gray_down_01.svg) no-repeat;
    background-size: 9px 5px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: -webkit-transform 0.2s;
    transition: -webkit-transform 0.2s;
    -o-transition: transform 0.2s;
    transition: transform 0.2s;
    transition: transform 0.2s, -webkit-transform 0.2s;
    content: '';
  }
  .c-header-util .link-lang.is-open::after {
    -webkit-transform: translateY(-50%) rotate(-180deg);
    -ms-transform: translateY(-50%) rotate(-180deg);
    transform: translateY(-50%) rotate(-180deg);
  }
}

@media all and (max-width: 1160px) {
  .c-header-util .link-lang {
    overflow: hidden;
    position: absolute;
    right: 89px;
    bottom: 15px;
    z-index: 2;
    display: block;
    width: 32px;
    height: 32px;
    border-radius: 5px;
    border: 1px solid #0099ff;
    background: url(/fileadmin/templates2020/images/common/ico_lang_blue.svg) #fff center no-repeat;
    background-size: 22px 20px;
    font-size: 0;
    text-indent: -999px;
    cursor: pointer;
  }
  .c-header-util .link-lang.is-open {
    background: url(/fileadmin/templates2020/images/common/ico_lang_white.svg) #0099ff center no-repeat;
    background-size: 22px 20px;
  }
}

.c-header-util .link-site {
  position: relative;
  padding-left: 35px;
  font-size: 1.8rem;
}

@media all and (max-width: 1160px) {
  .c-header-util .link-site {
    overflow: hidden;
    display: block;
    width: 24px;
    height: 24px;
    padding: 0;
    background: url(/fileadmin/templates2020/images/common/ico_global.svg) center no-repeat;
    background-size: 24px;
    font-size: 0;
    text-indent: -999px;
  }
}

.c-header-util .link-site::before {
  position: absolute;
  top: 12px;
  left: 0;
  width: 23px;
  height: 23px;
  background: url(/fileadmin/templates2020/images/common/ico_global.svg) no-repeat;
  background-size: 23px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  content: '';
}

@media all and (max-width: 1160px) {
  .c-header-util .link-site::before {
    display: none;
  }
}

.c-header-util .box-header-lang {
  position: absolute;
  top: calc(100% + 8px);
  left: 0;
  z-index: 11;
  display: none;
  width: 88px;
  background-color: #f8f8f8;
  -webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.3);
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.3);
}

.box-header-lang.is-show {
  display: block;
}

@media all and (max-width: 1160px) {
  .c-header-util .box-header-lang {
    top: 100px;
    left: 0;
    z-index: 10;
    width: 100%;
    background-color: #0099ff;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
}

@media all and (max-width: 1160px) {
  .c-header-util .box-header-lang .list-lang {
    padding: 0 10px;
  }
}

.c-header-util .box-header-lang .list-lang > li {
  border-bottom: 1px solid #ccc;
}

.c-header-util .box-header-lang .list-lang > li:last-child {
  border-bottom: none;
}

@media all and (max-width: 1160px) {
  .c-header-util .box-header-lang .list-lang > li {
    border-color: #fff;
  }
}

.c-header-util .box-header-lang .list-lang a {
  display: block;
  padding: 12px 10px;
  font-size: 1.3rem;
  font-weight: normal;
  text-align: center;
  text-decoration: none;
}

@media all and (min-width: 1161px) {
  .c-header-util .box-header-lang .list-lang a:hover {
    color: #fff;
    background-color: #0099ff;
  }
}

@media all and (max-width: 1160px) {
  .c-header-util .box-header-lang .list-lang a {
    color: #fff;
    font-size: 1.5rem;
  }
}

.c-header-btn-search {
  display: block;
  width: 28px;
  height: 34px;
  margin-left: 25px;
  background: url(/fileadmin/templates2020/images/common/ico_search_blue_01.svg) center no-repeat;
  background-size: 20px;
  border-bottom: 1px solid transparent;
  cursor: pointer;
}

@media all and (min-width: 1160px) {
  .c-header-btn-search:hover, .c-header-btn-search.is-open {
    border-color: #0099ff;
  }
}

@media all and (max-width: 1160px) {
  .c-header-btn-search {
    width: 32px;
    height: 32px;
    margin-left: 5px;
    background-color: #fff;
    background-size: 18px;
    border-radius: 5px;
    border: 1px solid #0099ff;
  }
  .c-header-btn-search.is-open {
    background: url(/fileadmin/templates2020/images/common/ico_search_white_01.svg) #0099ff center no-repeat;
    background-size: 20px;
  }
}

.c-header-btn-menu {
  display: none;
}

@media all and (max-width: 1160px) {
  .c-header-btn-menu {
    position: relative;
    display: block;
    width: 32px;
    height: 32px;
    margin-left: 5px;
    border-radius: 5px;
    border: 1px solid #0099ff;
    background-color: #fff;
    cursor: pointer;
  }
}

.c-header-btn-menu span {
  position: absolute;
  top: 9px;
  left: 6px;
  width: 18px;
  height: 2px;
  background-color: #0099ff;
  -webkit-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.c-header-btn-menu span:nth-child(2) {
  top: 14px;
  opacity: 0;
}

.c-header-btn-menu span:nth-child(3) {
  top: 14px;
}

.c-header-btn-menu span:nth-child(4) {
  top: 19px;
}

.c-header-btn-menu.is-open {
  background-color: #0099ff;
}

.c-header-btn-menu.is-open > span {
  background-color: #fff;
}

.c-header-btn-menu.is-open > span:nth-child(1) {
  width: 0%;
  left: 50%;
}

.c-header-btn-menu.is-open > span:nth-child(2) {
  opacity: 1;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.c-header-btn-menu.is-open > span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.c-header-btn-menu.is-open > span:nth-child(4) {
  left: 50%;
  width: 0;
}

.c-header-search {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 10;
  display: none;
  width: 100%;
  padding: 40px 0 75px;
  background-color: #ecf2f5;
  border-top: 1px solid #e0e0e0;
}

@media all and (max-width: 1160px) {
  .c-header-search {
    padding: 8px 20px;
    background-color: #0099ff;
  }
}

.c-header-search-in {
  max-width: 780px;
  margin: 0 auto;
}

@media all and (max-width: 1160px) {
  .c-header-search-in {
    max-width: none;
  }
}

.c-header-search .box-search {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  height: 60px;
  padding-right: 60px;
  background-color: #fff;
  border: 1px solid #e0e0e0;
}

@media all and (max-width: 1160px) {
  .c-header-search .box-search {
    overflow: hidden;
    display: block;
    height: auto;
    padding-right: 35px;
    border-radius: 3px;
    border: none;
  }
}

.c-header-search .input-search {
  width: 100%;
  padding: 15px 0 15px 25px;
  background: none;
  border: none;
  font-size: 1.5rem;
  transform: scale(1);
}

@media all and (max-width: 1160px) {
  .c-header-search .input-search {
    padding: 8px 0 8px 15px;
    font-size: 1.3rem;
  }
}

.c-header-search .icon-search {
  position: absolute;
  top: 50%;
  right: 24px;
  z-index: 1;
  display: block;
  width: 25px;
  height: 26px;
  background: url(/fileadmin/templates2020/images/common/ico_search_blue_01.svg) center no-repeat;
  background-size: 25px 26px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

@media all and (max-width: 1160px) {
  .c-header-search .icon-search {
    right: 10px;
    width: 21px;
    height: 22px;
    background: url(/fileadmin/templates2020/images/common/ico_search_blue_01.svg) center no-repeat;
    background-size: 21px 22px;
  }
}

.c-header-search .btn-close {
  position: absolute;
  top: 44px;
  right: 50px;
  z-index: 1;
  width: 36px;
  height: 36px;
  background: url(/fileadmin/templates2020/images/common/ico_close_01.svg) no-repeat;
  background-size: 36px;
  cursor: pointer;
  -webkit-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}

.c-header-search .btn-close:hover {
  opacity: 0.7;
  text-decoration: none;
}

@media all and (max-width: 1440px) {
  .c-header-search .btn-close {
    right: 20px;
  }
}

@media all and (max-width: 1160px) {
  .c-header-search .btn-close {
    display: none;
  }
}

/* c-header no-nav
---------------------------------------------------------- */
/* header no-nav */
@media screen and (max-width: 1160px) {
  .c-header.no-nav {
    height: 100px;
  }
  .c-header.no-nav .c-header-upper {
    display: block;
    height: 100%;
  }
  .c-header.no-nav .c-header-logo-wrap {
    padding: 3px 0 0;
  }
  .c-header.no-nav .c-header-util {
    display: block;
    width: 100%;
  }
  .c-header.no-nav .c-header-util > li:first-child {
    position: absolute;
    width: 100%;
    right: 0;
    bottom: 5px;
    text-align: right;
  }
  .c-header.no-nav .c-header-util .link-lang {
    right: 52px;
    bottom: 15px;
  }
  .c-header.no-nav .c-header-util > li:last-child {
    position: absolute;
    top: 18px;
    right: 15px;
  }
  .c-header.no-nav .c-header-search {
    top: 47px;
  }
  .c-header.no-nav .c-header-btn-search {
    margin: 0 15px 10px auto;
  }
}

@media screen and (min-width: 1161px) {
  .c-header.no-nav {
    height: 94px;
    border-bottom: solid 4px #DADEE0;
  }
  .c-header.no-nav .c-header-util {
    position: absolute;
    top: 25px;
    right: 20px;
  }
  .c-header.no-nav .c-header-util > li {
    position: static;
  }
  .c-header.no-nav .c-header-search {
    top: 69px;
    left: inherit;
    right: -20px;
    width: 100vw;
  }
  .c-header.no-nav .c-header-btn-search {
    background: url(/fileadmin/templates2020/images/common/ico_search_gray_01.svg) center no-repeat;
    background-size: 20px;
  }
  /*.c-header.no-nav .c-header-btn-search:hover {
    border: none;
  }*/
}

/* footer no-nav */
.c-footer.no-nav {
  border-top: 1px solid #e0e0e0;
}
@media screen and (max-width: 768px) {
  .c-footer.no-nav {
    border-top: 1px solid #e0e0e0;
  }
  .c-footer.no-nav .footerBtm {
    margin-top: 88px;
  }
}

/* search */
.c-header.no-nav .searchBoxWrap {
  display: inline-block;
  vertical-align: middle;
  width: 29px;
  height: 29px;
  overflow: visible;
}
.c-header.no-nav .searchBoxWrap .addsearch {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: 0;
  height: 32px;
  margin: auto;
  padding: 3px;
  transition: .4s ease-in-out;
  border: solid 1px transparent;
  outline: none;
  box-sizing: border-box;
  cursor: pointer;
  z-index: 1;
}
.c-header.no-nav .searchBoxWrap .addsearch.focus {
  width: 20em;
  transition: .4s ease-in-out;
  border: solid 1px #CCCCCC;
}
.c-header.no-nav .searchBoxWrap .addsearch::placeholder {
  opacity: 0;
  color: #ccc;
  transition: .4s ease-in-out;
}
/* IE */
.c-header.no-nav .searchBoxWrap .addsearch:-ms-input-placeholder {
  color: #ccc;
}
/* Edge */
.c-header.no-nav .searchBoxWrap .addsearch::-ms-input-placeholder {
  color: #ccc;
}

.c-header.no-nav .searchBoxWrap .addsearch.focus::placeholder {
  opacity: 1;
}
.c-header.no-nav .searchBoxWrap .search_icon {
  position: absolute;
  top: 1px;
  right: 1px;
  width: 28px;
  height: 28px;
  padding: 4px;
  z-index: 2;
  text-align: center;
  background: #fff;
  cursor: pointer;
}
.c-header.no-nav .searchBoxWrap .search_icon img {
  display: inline-block;
  width: 20px;
  height: auto;
}
.c-header.no-nav .searchBoxWrap .searchBtn {
  display: none;
}
.c-header.no-nav .item-lang {
  margin-left: 30px;
}
@media screen and (max-width: 768px) {
  .c-header.no-nav .searchBoxWrap {
    position: inherit;
    width: 32px;
    height: auto;
    margin-right: 0;
    float: right;
  }
  .c-header.no-nav .searchBoxWrap .searchBox {
    top: 100px;
    border: none;
    height: 58px;
  }
  .c-header.no-nav .searchBoxWrap .addsearch {
    width: 95%;
    left: 0;
    right: 0;
    margin: auto;
    padding: 7px 30px 7px 7px;
    border-radius: 3px;
    background: #fff url(/fileadmin/templates-2016/ja/images/common/header_search_icon.svg) no-repeat 98% center;
    background-size: 20px 21px;
    content: "";
  }
  .c-header.no-nav .searchBoxWrap .searchBtn {
    display: block;
    background: #FFF url(/fileadmin/templates-2016/ja/images/common/header_search_icon_bl.svg) no-repeat center;
    background-size: 17px;
    content: "";
    border: solid 1px #0099FF;
  }
  .c-header.no-nav .searchBoxWrap .searchBtn.active {
    background: #0099FF url(/fileadmin/templates-2016/ja/images/common/header_search_icon_wh.svg) no-repeat center;
    background-size: 17px;
    content: "";
  }
  .c-header.no-nav .searchBoxWrap .search_icon {
    display: none;
  }
}


/* ==========================================================
  heading
========================================================== */
*[class^=c-ttl-heading-] .sub-txt {
  font-size: 70%;
}

/* c-ttl-heading-01
---------------------------------------------------------- */
.c-ttl-heading-01 {
  position: relative;
  margin-bottom: 40px;
  padding-bottom: 16px;
  font-size: 4.0rem;
  font-weight: normal;
  line-height: 1.4;
  text-align: center;
}
* + .c-ttl-heading-01 {
  margin-top: 60px;
}

@media all and (max-width: 768px) {
  .c-ttl-heading-01 {
    margin-top: 40px;
    margin-bottom: 24px;
    font-size: 3.0rem;
  }
  * + .c-ttl-heading-01 {
    margin-top: 40px;
  }
}

.c-ttl-heading-01::after {
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 60px;
  height: 2px;
  background-color: #0099ff;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  content: '';
}

.c-ttl-heading-01.no-udl::after {
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 60px;
  height: 0px;
  background-color: #0099ff;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  content: '';
}

/* c-ttl-heading-bold
---------------------------------------------------------- */
.c-ttl-heading-01-bold {
  margin-bottom: 24px;
  font-size: 3.6rem;
  font-weight: 700;
  line-height: 1.4;
  text-align: left;
}
* + .c-ttl-heading-01-bold {
  margin-top: 60px;
}

@media all and (max-width: 768px) {
  .c-ttl-heading-01-bold {
    margin-bottom: 24px;
    font-size: 2.8rem;
  }
  * + .c-ttl-heading-01-bold {
    margin-top: 40px;
  }
}

/* c-ttl-heading-02
---------------------------------------------------------- */
.c-ttl-heading-02 {
  margin: 100px 0 30px;
  padding-bottom: 12px;
  border-bottom: 2px solid #0099ff;
  font-size: 3.1rem;
  font-weight: normal;
  line-height: 1.3;
  font-feature-settings: "palt";
}

.c-ttl-heading-02 a {
  color: #1A6BA1;
}

@media all and (max-width: 768px) {
  .c-ttl-heading-02 {
    margin: 80px 0 30px;
    padding-bottom: 10px;
    font-size: 2.4rem;
  }
}

.c-ttl-heading-02 span:not([class]) {
  font-size: 1.5rem;
}

@media all and (min-width: 769px) {
  .c-ttl-heading-02.txt-in {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -webkit-align-items: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}

.c-ttl-heading-02.txt-in span {
  font-size: 1.5rem;
}

@media all and (max-width: 768px) {
  .c-ttl-heading-02.txt-in span {
    margin-top: 10px;
    display: block;
  }
}

.c-ttl-heading-02 .c-link-arrow-01 {
  color: #1a6ba1;
  padding-left: 40px;
}

.c-ttl-heading-02 .c-link-arrow-01::before {
  top: 16px;
  width: 24px;
  height: 24px;
  background-size: 24px;
}

.main-contents > *[class*="c-ttl-heading"]:nth-child(2), .l-sec-cmn-02 > *[class*="c-ttl-heading"]:first-child {
  margin-top: 0;
}
.l-sec-cmn-02 > .c-ttl-heading-01:first-child {
  margin-top: 60px;
}
@media all and (max-width: 768px) {
  .l-sec-cmn-02 > .c-ttl-heading-01:first-child {
    margin-top: 40px;
  }
}

/* c-ttl-heading-03
---------------------------------------------------------- */
.c-ttl-heading-03 {
  margin-bottom: 30px;
  font-size: 2.9rem;
  font-weight: normal;
  line-height: 1.3;
  font-feature-settings: "palt";
}

@media all and (max-width: 768px) {
  .c-ttl-heading-03 {
    margin-bottom: 30px;
    font-size: 2.2rem;
  }
}

/* c-ttl-heading-04
---------------------------------------------------------- */
.c-ttl-heading-04 {
  position: relative;
  margin-bottom: 20px;
  padding-left: 10px;
  font-size: 2.2rem;
  line-height: 1.5;
}

@media all and (max-width: 768px) {
  .c-ttl-heading-04 {
    margin-bottom: 15px;
    font-size: 1.9rem;
  }
}

.c-ttl-heading-04::before {
  position: absolute;
  top: 4px;
  left: 0;
  width: 2px;
  height: inherit;
  bottom: 4px;
  background-color: #0099ff;
  content: '';
}

.c-ttl-heading-04 span {
  font-size: 1.5rem;
  font-weight: normal;
}

/* c-ttl-heading-05
---------------------------------------------------------- */
.c-ttl-heading-05 {
  margin-bottom: 20px;
  font-size: 1.7rem;
  font-weight: bold;
  color: #000;
  line-height: 1.5;
}
.c-ttl-heading-05-in {
  margin-bottom: 20px;
  font-size: 1.7rem;
  font-weight: bold;
  color: #222;
  line-height: 1.5;
  text-indent: -2.8rem;
  margin-left: 2.8rem;
}

@media all and (max-width: 768px) {
  .c-ttl-heading-05 {
    font-size: 1.6rem;
    margin-bottom: 10px;
  }
}

.c-ttl-heading-05 span {
  font-size: 1.5rem;
  font-weight: normal;
}

/* c-ttl-heading-06
---------------------------------------------------------- */
.c-ttl-heading-06 {
  background-color: #f2f2f2;
  padding: 8px;
}

/* c-ttl-heading-07
---------------------------------------------------------- */
.c-ttl-heading-07 {
  border-bottom: 1px solid #2aa99c;
  padding-bottom: 5px;
  font-weight: bold;
}

/* c-ttl-headline-tag
---------------------------------------------------------- */
*[class^=c-ttl-heading].has-tag {
  position: relative;
  padding-right: 130px;
}
*[class^=c-ttl-heading].has-tag > span, *[class^=c-ttl-heading].has-tag a > span {
  display: inline-block;
}
.c-ttl-headline-tag {
  display: inline-block;
  position: absolute;
  bottom: 15px;
  right: 0;
  font-size: 15px;
  text-align: center;
  padding: 4px 30px;
  color: #fff;
}
.c-ttl-headline-tag.blue {
  background: #0066B6;
}
.c-ttl-headline-tag.green {
  background: #008C72;
}

.c-ttl-headline-tag.orange {
  background: #ee7b1a;
}

@media all and (max-width: 768px) {
  *[class^=c-ttl-heading].has-tag {
    padding-right: 0;
  }
  *[class^=c-ttl-heading].has-tag > span, *[class^=c-ttl-heading].has-tag a > span {
    display: block;
  }
  .c-ttl-headline-tag {
    display: inline-block!important;
    position: relative;
    margin: 8px 0 0;
    padding: 4px 30px;
    bottom: 0;
  }
}

/* ==========================================================
  image
========================================================== */
.figure > img {
  max-width: 100%;
}
.figure.border {
  border: solid 1px #ccc;
}

/* c-img-cmn-center
---------------------------------------------------------- */
.c-img-cmn-center {
  margin-bottom: 30px;
}

@media all and (max-width: 768px) {
  .c-img-cmn-center {
    margin-bottom: 20px;
  }
}

.c-img-cmn-center:last-child {
  margin-bottom: 0;
}

.c-img-cmn-center.max-480 .figure {
  display: block;
}

.c-img-cmn-center.max-480 .figure > img {
  max-width: 480px;
}

@media all and (max-width: 768px) {
  .c-img-cmn-center.max-220-sp .figure > img {
    max-width: 220px;
  }
}

@media all and (min-width: 769px) {
  .c-img-cmn-center .figure {
    /* display: table; */
    display: block;
    margin: 0 auto;
  }
}

.c-img-cmn-center .figure > img {
  display: block;
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
}

@media all and (max-width: 768px) {
  .c-img-cmn-center .figure > img {
    max-width: none;
  }
}

.c-img-cmn-center .caption {
  /* display: table-caption; */
  caption-side: bottom;
  margin-top: 10px;
  font-size: 1.3rem;
  color: #666;
  text-align: left;
}

@media all and (max-width: 768px) {
  .c-img-cmn-center .caption {
    display: block;
    margin-top: 5px;
    font-size: 1.2rem;
  }
}

/* c-img-cmn-left
---------------------------------------------------------- */
.c-img-cmn-left {
  margin-bottom: 30px;
}

@media all and (max-width: 768px) {
  .c-img-cmn-left {
    margin-bottom: 20px;
  }
}

.c-img-cmn-left:last-child {
  margin-bottom: 0;
}

@media all and (min-width: 769px) {
  .c-img-cmn-left .figure {
    display: block;
    margin: 0;
  }
}

.c-img-cmn-left .figure > img {
  display: block;
  max-width: 100%;
  width: auto;
  /*width: 100%;
  margin: 0 auto;*/
}

@media all and (max-width: 768px) {
  .c-img-cmn-left .figure > img {
    max-width: none;
  }
}

.c-img-cmn-left .caption {
  caption-side: bottom;
  margin-top: 10px;
  font-size: 1.3rem;
  color: #666;
  text-align: left;
}

@media all and (max-width: 768px) {
  .c-img-cmn-left .caption {
    display: block;
    margin-top: 5px;
    font-size: 1.2rem;
  }
}

/* c-img-cmn-inline
---------------------------------------------------------- */
.c-img-cmn-inline {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0 -10px 40px;
}

@media all and (max-width: 768px) {
  .c-img-cmn-inline {
    margin: 0 -2px 20px;
  }
}

.c-img-cmn-inline:last-child {
  margin-bottom: 0;
}

.c-img-cmn-inline > .box-inner {
  padding: 0 10px;
}

@media all and (max-width: 768px) {
  .c-img-cmn-inline > .box-inner {
    width: 50%;
    padding: 0 2px;
  }
}

@media all and (min-width: 769px) {
  .c-img-cmn-inline .figure {
    display: table;
    margin: 0 auto;
  }
}

.c-img-cmn-inline .figure > img {
  display: block;
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
}

@media all and (max-width: 768px) {
  .c-img-cmn-inline .figure > img {
    max-width: none;
  }
}

.c-img-cmn-inline .caption {
  display: table-caption;
  caption-side: bottom;
  margin-top: 10px;
  font-size: 1.3rem;
  color: #666;
  text-align: left;
}

@media all and (max-width: 768px) {
  .c-img-cmn-inline .caption {
    display: block;
    margin-top: 5px;
    font-size: 1.2rem;
  }
}

/* c-img-cmn-col-center
---------------------------------------------------------- */
.c-img-cmn-col-center {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0 -10px 30px;
}

@media all and (max-width: 768px) {
  .c-img-cmn-col-center {
    display: block;
    margin: 0 -2px 20px;
  }
}

.c-img-cmn-col-center:last-child {
  margin-bottom: 0;
}

.c-img-cmn-col-center > .box-inner {
  padding: 0 10px;
  flex: 1 1 48%;
}

@media all and (max-width: 768px) {
  .c-img-cmn-col-center > .box-inner {
    width: 100%;
    padding: 0 2px;
    margin-bottom: 20px;
  }
}

@media all and (max-width: 768px) {
  .c-img-cmn-col-center > .box-inner + .box-inner {
    margin-top: 40px;
  }
}

@media all and (min-width: 769px) {
  .c-img-cmn-col-center .figure {
    display: table;
    margin: 0 auto;
  }
}

.c-img-cmn-col-center .figure > img {
  display: block;
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
}

@media all and (max-width: 768px) {
  .c-img-cmn-col-center .figure > img {
    max-width: none;
  }
}

.c-img-cmn-col-center .caption {
  display: table-caption;
  caption-side: bottom;
  margin-top: 10px;
  font-size: 1.3rem;
  color: #666;
  text-align: left;
}

@media all and (max-width: 768px) {
  .c-img-cmn-col-center .caption {
    display: block;
    margin-top: 5px;
    font-size: 1.2rem;
  }
}

/* c-img-cmn-col-left
---------------------------------------------------------- */
.c-img-cmn-col-left {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: start;
  -ms-flex-pack: start;
  justify-content: start;
  flex-wrap: wrap;
  margin: 0 -10px 40px;
}

@media all and (max-width: 768px) {
  .c-img-cmn-col-left {
    display: block;
    margin: 0 -2px 20px;
  }
}

.c-img-cmn-col-left:last-child {
  margin-bottom: 0;
}

.c-img-cmn-col-left > .box-inner {
  padding: 0 10px;
  margin-bottom: 40px;
  width: 50%;
}

@media all and (max-width: 768px) {
  .c-img-cmn-col-left > .box-inner {
    width: 100%;
    padding: 0 2px;
    margin-bottom: 0;
  }
}

@media all and (max-width: 768px) {
  .c-img-cmn-col-left > .box-inner + .box-inner {
    margin-top: 40px;
  }
  .c-img-cmn-col-left +.c-img-cmn-col-left {
    margin-top: 40px;
  }
}

@media all and (min-width: 769px) {
  .c-img-cmn-col-left .figure {
    display: table;
    margin: 0 auto;
  }
}

.c-img-cmn-col-left .figure > img {
  display: block;
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
}

@media all and (max-width: 768px) {
  .c-img-cmn-col-left .figure > img {
    max-width: none;
  }
}

.c-img-cmn-col-left .caption {
  display: table-caption;
  caption-side: bottom;
  margin-top: 10px;
  font-size: 1.3rem;
  color: #666;
  text-align: left;
}

@media all and (max-width: 768px) {
  .c-img-cmn-col-left .caption {
    display: block;
    margin-top: 5px;
    font-size: 1.2rem;
  }
}

/* c-img-cmn-link
---------------------------------------------------------- */
.c-img-cmn-link {
  margin-bottom: 40px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

@media all and (max-width: 768px) {
  .c-img-cmn-link {
    margin-bottom: 20px;
  }
}

.c-img-cmn-link:last-child {
  margin-bottom: 0;
}

.c-img-cmn-link .link {
  display: inline-block;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
}

@media all and (min-width: 769px) {
  .c-img-cmn-link .figure {
    display: table;
  }
}

.c-img-cmn-link .figure > img {
  display: block;
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
}

@media all and (max-width: 768px) {
  .c-img-cmn-link .figure > img {
    max-width: none;
  }
}

.c-img-cmn-link .caption {
  display: block;
  caption-side: bottom;
  margin-top: 10px;
  font-size: 1.3rem;
  color: #666;
  text-align: left;
}

@media all and (max-width: 768px) {
  .c-img-cmn-link .caption {
    margin-top: 5px;
    font-size: 1.2rem;
  }
}

/* c-img-cmn-caption
---------------------------------------------------------- */
.c-img-cmn-caption {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0 -10px 20px; /*元：margin: 0 -10px 40px;*/
}

.c-img-cmn-caption.jc-start {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

@media all and (max-width: 768px) {
  .c-img-cmn-caption {
    margin: 0 0 20px; /*元：margin: 0 0px 40px;*/
    max-width: 100%;
  }
}

.c-img-cmn-caption.col-2 {
  max-width: 587px;
}

@media all and (max-width: 768px) {
  .c-img-cmn-caption.col-2 {
    max-width: 100%;
  }
}

.c-img-cmn-caption.col-2 .box-inner {
  width: 50%;
}

@media all and (max-width: 768px) {
  .c-img-cmn-caption.col-2 .box-inner {
    width: 100%;
  }
}

.c-img-cmn-caption.col-3 .box-inner {
  width: 33.33%;
}

@media all and (max-width: 768px) {
  .c-img-cmn-caption.col-3 .box-inner {
    width: 100%;
  }
}

.c-img-cmn-caption.col-4 .box-inner {
  width: 25%;
}

@media all and (max-width: 768px) {
  .c-img-cmn-caption.col-4 .box-inner {
    width: 100%;
  }
}

.c-img-cmn-caption > .box-inner {
  padding: 0 10px;
  margin-bottom: 25px;
}

@media all and (max-width: 768px) {
  .c-img-cmn-caption > .box-inner {
    margin-bottom: 40px;
    padding: 0;
    width: 100%;
  }
}

@media all and (max-width: 768px) {
  .c-img-cmn-caption > .box-inner:last-child {
    margin-bottom: 0;
  }
}

.c-img-cmn-caption .figure img {
  width: 100%;
}

.c-img-cmn-caption .caption {
  margin-top: 10px;
  font-size: 1.4rem;
  color: #666;
  text-align: center;
}

@media all and (max-width: 768px) {
  .c-img-cmn-caption .caption {
    margin-top: 5px;
    font-size: 1.4rem;
  }
}

/* ==========================================================
  link
========================================================== */
/* blank
---------------------------------------------------------- */
.l-contents a.c-icon-blank, .c-nav-footer a.c-icon-blank {
  display: inline-block;
  position: relative;
}
/*.l-contents a.c-icon-blank:after,*/ .c-nav-footer a.c-icon-blank:after {
  position: relative;
  display: inline-block;
  width: 13px;
  height: 13px;
  margin-left: 5px;
  background: url(/fileadmin/templates2020/images/common/ico_blank_blue_01.png) no-repeat;
  background-size: 13px;
  content: '';
}

/* c-link-arrow-01
---------------------------------------------------------- */
.c-link-arrow-01 {
  position: relative;
  display: inline-block;
  padding-left: 26px;
  color: #1a6ba1;
  line-height: 1.6 !important;
  font-weight: 700;
  font-feature-settings: "palt";
}

.c-link-arrow-01::before {
  position: absolute;
  top: 3px;
  left: 0;
  width: 18px;
  height: 18px;
  background: url(/fileadmin/templates2020/images/common/ico_arrow_blue_right_01.svg) no-repeat;
  background-size: 18px;
  content: '';
}

@media all and (max-width: 768px) {
  .c-link-arrow-01::before {
    top: 1px;
  }
}

.c-link-arrow-01.text-md {
  font-size: 1.7rem;
}

@media all and (max-width: 768px) {
  .c-link-arrow-01.text-md {
    font-size: 1.4rem;
  }
}

@media all and (min-width: 769px) {
  .c-link-arrow-01.text-md::before {
    top: 5px;
  }
}

.c-link-arrow-01.text-lg {
  padding-left: 40px;
  font-size: 2.4rem;
  line-height: 1.3;
}

@media all and (max-width: 768px) {
  .c-link-arrow-01.text-lg {
    padding-left: 25px;
    font-size: 2rem;
  }
}

.c-link-arrow-01.text-lg::before {
  top: 5px;
  width: 28px;
  height: 28px;
  background-size: 28px;
}

@media all and (max-width: 768px) {
  .c-link-arrow-01.text-lg::before {
    top: 6px;
    width: 18px;
    height: 18px;
    background-size: 18px;
  }
}

@media all and (min-width: 769px) {
  .c-link-arrow-01.text-lg.c-icon-blank:after {
    top: -3px;
  }
}

.c-link-arrow-01.c-icon-blank:after {
  position: relative;
  display: inline-block;
  width: 13px;
  height: 13px;
  margin-left: 5px;
  background: url(/fileadmin/templates2020/images/common/ico_blank_blue_01.png) no-repeat;
  background-size: 13px;
  content: '';
}

/* c-link-arrow-02
---------------------------------------------------------- */
.c-link-arrow-02 {
  position: relative;
  display: inline-block;
  color: #1a6ba1;
  line-height: 1.6 !important;
  font-size: 2.0rem;
}

@media all and (max-width: 768px) {
  .c-link-arrow-02 {
    font-size: 1.8rem;
  }
}

.c-link-arrow-02::after {
  position: relative;
  top: -1px;
  display: inline-block;
  width: 8px;
  height: 12px;
  margin-left: 8px;
  background: url(/fileadmin/templates2020/images/common/ico_arrow_blue_right_02.svg) no-repeat;
  background-size: 8px 12px;
  content: '';
}

@media all and (max-width: 768px) {
  .c-link-arrow-02::after {
    top: 1px;
    width: 10px;
    height: 14px;
    background-size: 10px 14px;
  }
}

.c-link-arrow-02.text-md {
  font-size: 1.7rem;
}

@media all and (max-width: 768px) {
  .c-link-arrow-02.text-md {
    font-size: 1.4rem;
  }
}

@media all and (min-width: 769px) {
  .c-link-arrow-02.text-md::after {
    top: 5px;
  }
}

.c-link-arrow-02.text-lg {
  padding-left: 40px;
  font-size: 2.4rem;
  line-height: 1.3;
}

@media all and (max-width: 768px) {
  .c-link-arrow-02.text-lg {
    padding-left: 25px;
    font-size: 2rem;
  }
}

.c-link-arrow-02.text-lg::after {
  top: 5px;
  width: 28px;
  height: 28px;
  background-size: 28px;
}

@media all and (max-width: 768px) {
  .c-link-arrow-02.text-lg::after {
    top: 4px;
    width: 18px;
    height: 18px;
    background-size: 18px;
  }
}

@media all and (min-width: 769px) {
  .c-link-arrow-02.text-lg.c-icon-blank:after {
    top: -3px;
  }
}

.c-link-arrow-02.c-icon-blank:after {
  position: relative;
  display: inline-block;
  width: 13px;
  height: 13px;
  margin-left: 5px;
  background: url(/fileadmin/templates2020/images/common/ico_blank_blue_01.png) no-repeat;
  background-size: 13px;
  content: '';
}

/* c-link-anchor
---------------------------------------------------------- */
.c-link-anchor {
  position: relative;
  display: inline-block;
  color: #1a6ba1;
  padding-left: 25px;
  padding-right: 40px;
  font-size: 1.7rem;
}

@media all and (max-width: 768px) {
  .c-link-anchor {
    font-size: 1.4rem;
  }
}

.c-link-anchor::before {
  position: absolute;
  top: 11px;
  left: 0;
  width: 14px;
  height: 8px;
  background: url(/fileadmin/templates2020/images/common/ico_arrow_blue_down_01.svg) no-repeat;
  background-size: 14px 8px;
  content: '';
}

@media all and (max-width: 768px) {
  .c-link-anchor::before {
    top: 8px;
  }
}

/* c-link-pdf-01
---------------------------------------------------------- */
.c-link-pdf-01,
.c-link-pdf-02 {
  position: relative;
  display: inline-block;
  vertical-align: top;
  padding-left: 35px;
  text-decoration: none !important;
}

@media all and (max-width: 768px) {
  .c-link-pdf-01,
  .c-link-pdf-02 {
    padding-left: 25px;
  }
}

.c-link-pdf-01::before,
.c-link-pdf-02::before {
  position: absolute;
  top: -3px;
  left: 0;
  width: 26px;
  height: 28px;
  background: url(/fileadmin/templates2020/images/common/ico_pdf_01.svg) no-repeat;
  background-size: 26px 28px;
  content: '';
}

@media all and (max-width: 768px) {
  .c-link-pdf-01::before,
  .c-link-pdf-02::before {
    top: 0;
    width: 17px;
    height: 19px;
    background-size: 17px 19px;
  }
}

.c-link-pdf-01 .text,
.c-link-pdf-02 .text {
  color: #1a6ba1;
}

.c-link-pdf-01 .size,
.c-link-pdf-02 .size {
  color: #666;
  display: inline-block;
}

@media all and (max-width: 768px) {
  .c-link-pdf-01 .size,
  .c-link-pdf-02 .size {
    font-size: 1.2rem;
  }
}

.c-link-pdf-01:hover .text,
.c-link-pdf-02:hover .text {
  text-decoration: underline;
}

.c-link-pdf-01 {
  color: #1a6ba1;
}
.c-link-pdf-01:hover {
  text-decoration: underline!important;
}

/* c-link-pdf-02
---------------------------------------------------------- */
.c-link-pdf-02 {
  padding-left: 67px;
}

.c-link-pdf-02::before {
  top: 4px;
  width: 52px;
  height: 16px;
  background: url(/fileadmin/templates2020/images/common/ico_pdf_02.svg) no-repeat;
  background-size: 52px 16px;
}

@media all and (max-width: 768px) {
  .c-link-pdf-02:not(:first-of-type) {
    margin-top: 4px;
  }
}

/* c-link-underline-01
---------------------------------------------------------- */
.c-link-underline-01 {
  text-decoration: none;
  color: #1a6ba1;
}

/*.c-link-underline-01:hover {
  text-decoration: none;
}*/

/* c-link-zoom
---------------------------------------------------------- */
.c-link-expand {
  position: relative;
  display: inline-block;
  padding-left: 26px;
  color: #1a6ba1;
  line-height: 1.6 !important;
}

.c-link-expand:before {
  position: absolute;
  top: 3px;
  left: 0;
  width: 18px;
  height: 18px;
  background: url(/fileadmin/templates2020/images/common/icon_expand.png) no-repeat;
  background-size: 18px;
  content: '';
}

/* c-link-inline
---------------------------------------------------------- */
.c-link-inline {
  color: #1a6ba1;
  text-decoration: underline;
}
.c-link-inline:hover {
  text-decoration: none;
}

/* c-link-bg
---------------------------------------------------------- */
.c-link-bg {
  display: inline-block;
  padding: 15px 20px;
  background-color: #ecf2f5;
}

/* c-page-top
---------------------------------------------------------- */
.c-page-top {
  position: fixed;
  right: 18px;
  bottom: 18px;
  width: 55px;
  height: 55px;
  z-index: 10;
  -webkit-transition: opacity .4s, visibility 0s ease .4s, z-index .4s;
  -o-transition: opacity .4s, visibility 0s ease .4s, z-index .4s;
  transition: opacity .4s, visibility 0s ease .4s, z-index .4s;
  opacity: 0;
  visibility: hidden;
  z-index: -100;
}

.c-page-top.stop {
  position: absolute;
  top: -80px;
  bottom: auto;
}

.c-page-top.is-show {
  -webkit-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
  opacity: 1;
  visibility: visible;
  z-index: 100;
}

@media all and (max-width: 768px) {
  .c-page-top {
    /* display: none; */
    right: 10px;
    bottom: 10px;
    width: 40px;
    height: 40px;
  }
}

.c-page-top a {
  opacity: 0.8;
  display: block;
}

.c-page-top a:hover {
  opacity: 1;
}

.c-page-top a > img {
  width: 100%;
}

/* ==========================================================
  list
========================================================== */
/* c-list-cmn-01
---------------------------------------------------------- */
.c-list-cmn-01 {
  overflow: hidden;
  margin-bottom: 10px;
  line-height: 1.4;
}

@media all and (max-width: 768px) {
  .c-list-cmn-01 {
    margin-bottom: 5px;
  }
}

.c-list-cmn-01:last-child {
  margin-bottom: 0;
}

.c-list-cmn-01 > li {
  position: relative;
  margin-bottom: 10px;
  padding-left: 15px;
}

.c-list-cmn-01 > li::before {
  position: absolute;
  top: .65em;
  left: 5px;
  width: 4px;
  height: 4px;
  border-radius: 100%;
  background-color: #0099ff;
  content: '';
}

.c-list-cmn-01 > li a {
  color: #1a6ba1;
}
.c-list-cmn-01 > li a:hover {
  text-decoration: underline;
}

@media all and (min-width: 769px) {
  .c-list-cmn-01.col-02 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .c-list-cmn-01.col-02 > li {
    width: 50%;
  }
  .c-list-cmn-01.col-02 > li:nth-child(2n-1) {
    padding-right: 10px;
  }
}

/* c-list-cmn-02
---------------------------------------------------------- */
.c-list-cmn-02 {
  margin-bottom: 10px;
  line-height: 1.3;
  padding-left: 2em;
}

@media all and (max-width: 768px) {
  .c-list-cmn-02 {
    margin-bottom: 5px;
  }
}

.c-list-cmn-02:last-child {
  margin-bottom: 0;
}

.c-list-cmn-02 > li {
  position: relative;
  margin-bottom: 10px;
}

.c-list-cmn-02.-roman {
  list-style: lower-roman;
}

.c-list-cmn-02.-alpha {
  list-style: lower-alpha;
}

.c-list-cmn-02.-decimal {
  list-style-type: decimal;
}

/* c-list-cmn-04
---------------------------------------------------------- */
.c-list-cmn-04 > li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

@media all and (max-width: 768px) {
  .c-list-cmn-04 > li {
    display: block;
  }
}

.c-list-cmn-04 > li > .box-image {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 160px;
}

@media all and (max-width: 768px) {
  .c-list-cmn-04 > li > .box-image {
    width: 160px;
  }
}

.c-list-cmn-04 > li > .box-image img {
  max-width: 100%;
}

.c-list-cmn-04 > li > .box-data {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  position: relative;
  margin-left: 20px;
  overflow: hidden;
}

@media all and (max-width: 768px) {
  .c-list-cmn-04 > li > .box-data {
    margin: 20px 0 0 0;
  }
}

.c-list-cmn-04 > li > .box-data .link-cmn {
  position: absolute;
  right: 0;
  bottom: 0;
}

@media all and (max-width: 768px) {
  .c-list-cmn-04 > li > .box-data .link-cmn {
    margin-top: 25px;
    position: static;
    float: right;
  }
}

.box-data a.c-icon-blank:after {
  position: relative;
  display: inline-block;
  width: 13px;
  height: 13px;
  margin-left: 5px;
  background: url(/fileadmin/templates2020/images/common/ico_blank_blue_01.png) no-repeat;
  background-size: 13px;
  content: '';
}

/* c-list-number-01
---------------------------------------------------------- */
.c-list-number-01 {
  overflow: hidden;
  margin-bottom: 10px;
  line-height: 1.3;
  counter-reset: number-counter;
  counter-reset: item 0;
}

.c-list-number-01 > li {
  position: relative;
  font-size: 1.5rem;
  margin-bottom: 10px;
  padding-left: 25px;
  line-height: 1.5;
  /*counter-increment: number-counter;*/
}

@media all and (max-width: 768px) {
  .c-list-number-01 > li {
    margin-bottom: 20px;
  }
}

.c-list-number-01 > li::before {
  /*content: counter(number-counter) ".";*/
  content: counter(item) ". ";
  counter-increment: item;
  left: 0;
  position: absolute;
}

.c-list-number-01.indent {
  padding-left: 20px;
}

/* c-list-anchor-01
---------------------------------------------------------- */
@media all and (min-width: 769px) {
  .c-list-anchor-01 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
}

@media all and (min-width: 769px) {
  .c-list-anchor-01 > li:not(:first-child) {
    margin-left: 35px;
  }
}

@media all and (max-width: 768px) {
  .c-list-anchor-01 > li:not(:first-child) {
    margin-top: 10px;
  }
}

/* c-list-link-01
---------------------------------------------------------- */
.c-list-link-01 > li {
  position: relative;
  margin-bottom: 5px;
  padding-left: 16px;
}

.c-list-link-01 > li:last-child {
  margin-bottom: 0;
}

.c-list-link-01 > li::before {
  position: absolute;
  top: 5px;
  left: 0;
  width: 8px;
  height: 12px;
  background: url(/fileadmin/templates2020/images/common/ico_arrow_blue_right_02.svg) no-repeat;
  background-size: 8px 12px;
  content: '';
}

.c-list-link-01 > li > a {
  color: #1a6ba1;
}

.c-list-link-01 > li > a.c-icon-blank::after {
  display: inline-block;
  width: 13px;
  height: 13px;
  margin-left: 5px;
  background: url(/fileadmin/templates2020/images/common/ico_blank_blue_01.png) no-repeat;
  background-size: 13px;
  content: '';
}

/* c-list-link-02
---------------------------------------------------------- */
.c-list-link-02 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: -12px -6px 0;
}

@media all and (max-width: 768px) {
  .c-list-link-02 {
    margin: -10px -4px 0;
  }
}

.c-list-link-02 > li {
  margin-top: 12px;
  padding: 0 6px;
}

@media all and (max-width: 768px) {
  .c-list-link-02 > li {
    margin-top: 10px;
    padding: 0 4px;
  }
}

.c-list-link-02.col-01 > li {
  width: 100%;
}

.c-list-link-02.col-02 > li {
  width: 50%;
}

@media all and (max-width: 768px) {
  .c-list-link-02.col-02 > li {
    width: 100%;
  }
}

.c-list-link-02.col-03 > li {
  width: 33.333%;
}

@media all and (max-width: 768px) {
  .c-list-link-02.col-03 > li {
    width: 100%;
  }
}

.c-list-link-02.col-04 > li {
  width: 25%;
}

@media all and (max-width: 768px) {
  .c-list-link-02.col-04 > li {
    width: 50%;
  }
}

/* c-list-link-03
---------------------------------------------------------- */
.c-list-link-03 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: -25px -10px 0;
}

@media all and (max-width: 768px) {
  .c-list-link-03 {
    margin: -15px -10px 0;
  }
}

.c-list-link-03 > li {
  margin-top: 25px;
  padding: 0 10px;
}

@media all and (max-width: 768px) {
  .c-list-link-03 > li {
    margin-top: 15px;
    padding: 0 10px;
  }
}

.c-list-link-03.col-03 > li {
  width: 33.333%;
}

@media all and (max-width: 768px) {
  .c-list-link-03.col-03 > li {
    width: 100%;
  }
}

.c-list-link-03.col-04 > li {
  width: 25%;
}

@media all and (max-width: 768px) {
  .c-list-link-03.col-04 > li {
    width: 50%;
  }
}

/* c-list-data-01
---------------------------------------------------------- */
.c-list-data-01 > li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  border-bottom: 1px solid #ccc;
}

@media all and (max-width: 768px) {
  .c-list-data-01 > li {
    display: block;
    padding: 20px 0 15px;
  }
}

.c-list-data-01 .box-title {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 320px;
  padding: 18px 15px 18px 0;
  font-weight: bold;
  color: #222;
}

@media all and (max-width: 768px) {
  .c-list-data-01 .box-title {
    padding: 0 15px 10px 0;
    font-size: 1.6rem;
  }
}

.c-list-data-01 .box-title a {
  color: #1a6ba1;
}

.c-list-data-01 .box-data {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: 18px 0;
}

@media all and (max-width: 768px) {
  .c-list-data-01 .box-data {
    padding: 0 0 10px 0;
  }
}

.c-list-data-01 .box-data .text-date {
  margin-right: 45px;
}

@media all and (max-width: 768px) {
  .c-list-data-01 .box-data .text-date {
    display: block;
    margin: 0 0 15px;
  }
}

@media all and (min-width: 769px) {
  .c-list-data-01.list-pdf-01 .box-title {
    width: 220px;
  }
  .c-list-data-01.list-pdf-01 .text-date {
    margin: 0;
    width: 220px;
    display: inline-block;
    vertical-align: top;
  }
  .c-list-data-01.list-pdf-01 .c-link-pdf-02 {
    width: 185px;
  }
}

@media all and (min-width: 769px) {
  .c-list-data-01.list-pdf-02 .box-title {
    width: 500px;
  }
}

.c-list-data-01.has-border li:first-child {
  border-top: 1px solid #ccc;
}

/* c-list-data-02
---------------------------------------------------------- */
.c-list-data-02 > li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: 1px solid #ccc;
}

@media all and (max-width: 768px) {
  .c-list-data-02 > li {
    display: block;
    padding: 10px 0 15px;
    overflow: hidden;
  }
}

.c-list-data-02 > li:first-child {
  border-top: 1px solid #ccc;
}

.c-list-data-02 .box-title {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 100px;
  padding: 18px 15px 18px 0;
  font-weight: bold;
  color: #222;
}

@media all and (max-width: 768px) {
  .c-list-data-02 .box-title {
    font-size: 1.6rem;
  }
}

.c-list-data-02 .box-data {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: 18px 0;
}

@media all and (max-width: 768px) {
  .c-list-data-02 .box-data {
    padding: 0;
    overflow: hidden;
  }
}

@media all and (max-width: 768px) {
  .c-list-data-02 .link-cmn {
    margin-top: 25px;
    float: right;
  }
}

/* c-list-data-03
---------------------------------------------------------- */
.c-list-data-03 > li {
  display: block;
  padding: 15px 0 20px;
  border-bottom: 1px solid #ccc;
}

@media all and (max-width: 768px) {
  .c-list-data-03 > li {
    display: block;
    padding: 10px 0 15px;
    overflow: hidden;
  }
}

.c-list-data-03 > li:first-child {
  border-top: 1px solid #ccc;
}

/* c-list-data-04
---------------------------------------------------------- */
.c-list-data-04 > li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 15px 0 20px;
  border-bottom: 1px solid #ccc;
}

@media all and (max-width: 768px) {
  .c-list-data-04 > li {
    display: block;
    padding: 10px 0 15px;
    overflow: hidden;
  }
}

.c-list-data-04 > li .box-title {
  width: 75px;
}

.c-list-data-04 > li .box-title .title {
  font-weight: bold;
  line-height: 2.5;
}

@media all and (max-width: 768px) {
  .c-list-data-04 > li .box-title .title {
    display: block;
    width: 100%;
  }
}

.c-list-data-04 > li .box-data {
  margin-left: 20px;
}

@media all and (max-width: 768px) {
  .c-list-data-04 > li .box-data {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    margin-left: 0;
  }
}

.c-list-data-04 > li .box-data-sub {
  line-height: 2.5;
}

.c-list-data-04 > li .box-data-sub .title {
  width: 70px;
  text-align: right;
}

@media all and (max-width: 768px) {
  .c-list-data-04 > li .box-data-sub .title {
    width: auto;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 72px;
    -ms-flex: 0 0 72px;
    flex: 0 0 72px;
    line-height: 1.8;
    margin-bottom: 10px;
    text-align: left;
  }
}

.c-list-data-04 > li .box-data-sub .text-cmn {
  margin-left: 20px;
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 auto;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
}

@media all and (max-width: 768px) {
  .c-list-data-04 > li .box-data-sub .text-cmn {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    line-height: 1.8;
    margin-bottom: 10px;
  }
}

/* c-list-card-01
---------------------------------------------------------- */
.c-list-card-01 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: -25px -20px 40px;
}

@media all and (max-width: 768px) {
  .c-list-card-01 {
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 20px;
  }
}

.c-list-card-01:last-child {
  margin-bottom: 0;
}

.c-list-card-01 > li {
  width: 50%;
  margin-top: 25px;
  padding: 0 20px;
}

@media all and (max-width: 768px) {
  .c-list-card-01 > li {
    width: 100%;
    padding: 0;
  }
}

/* c-list-card-02
---------------------------------------------------------- */
.c-list-card-02 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: -40px -12px 40px;
}

@media all and (max-width: 768px) {
  .c-list-card-02 {
    margin: -20px 0 20px;
  }
}

.c-list-card-02:last-child {
  margin-bottom: 0;
}

.c-list-card-02 > li {
  margin-top: 40px;
  padding: 0 12px;
}

@media all and (max-width: 768px) {
  .c-list-card-02 > li {
    margin-top: 20px;
    padding: 0;
  }
}

@media all and (max-width: 768px) {
  .c-list-card-02.small > li {
    margin-top: 20px;
  }
}


.c-list-card-02.col-02 > li {
  width: 50%;
}

@media all and (max-width: 768px) {
  .c-list-card-02.col-02 > li {
    width: 100%;
  }
}

.c-list-card-02.col-03 > li {
  width: 33.333%;
}

@media all and (max-width: 768px) {
  .c-list-card-02.col-03 > li {
    width: 100%;
  }
}

.c-list-card-02.col-04 > li {
  width: 25%;
}

@media all and (max-width: 768px) {
  .c-list-card-02.col-04 > li {
    width: 100%;
  }
}

@media all and (min-width: 769px) {
  .c-list-card-02.gutter-15 {
    margin-left: -15px;
    margin-right: -15px;
  }
  .c-list-card-02.gutter-15 > li {
    padding: 0 15px;
  }
}

@media all and (min-width: 769px) {
  .c-list-card-02.gutter-16 {
    margin-left: -16px;
    margin-right: -16px;
  }
  .c-list-card-02.gutter-16 > li {
    padding: 0 16px;
  }
}

/* c-list-card-03
---------------------------------------------------------- */
.c-list-card-03 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -2% 0;
}

.c-list-card-03 > li {
  width: 32%;
  padding: 0 2%;
}

/* c-list-news-01
---------------------------------------------------------- */
.c-list-news-01 {
  padding-bottom: 16px;
  margin-bottom: 22px;
  border-bottom: 1px solid #ccc;
}

@media all and (max-width: 768px) {
  .c-list-news-01 {
    padding-bottom: 10px;
    margin-bottom: 12px;
  }
}

.c-list-news-01:last-child {
  margin-bottom: 0;
}

.c-list-news-01 .item {
  margin-bottom: 24px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

@media all and (max-width: 768px) {
  .c-list-news-01 .item {
    overflow: hidden;
    display: block;
    margin-bottom: 12px;
  }
}

.c-list-news-01 .item .title {
  color: #666;
  min-width: 110px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

@media all and (max-width: 768px) {
  .c-list-news-01 .item .title {
    float: left;
    min-width: inherit;
    font-size: 1.2rem;
  }
}

.c-list-news-01 .item .product {
  margin: 0 15px;
  display: block;
  width: 180px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  border: 1px solid #0099ff;
  color: #0099ff;
  font-size: 1.2rem;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

@media all and (max-width: 768px) {
  .c-list-news-01 .item .product {
    margin-top: 3px;
    height: 14px;
    width: 90px;
    float: left;
    line-height: 12px;
    font-size: 1.1rem;
  }
}

.c-list-news-01 .item .wrap-link {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

@media all and (max-width: 768px) {
  .c-list-news-01 .item .wrap-link {
    display: block;
    clear: left;
  }
}

.c-list-news-01 .item .link {
  font-size: 1.5rem;
  color: #1a6ba1;
}

@media all and (max-width: 768px) {
  .c-list-news-01 .item .link {
    font-size: 1.4rem;
  }
}

.c-list-news-01 b {
  font-weight: normal !important;
}

/* c-groups-rss
---------------------------------------------------------- */
.c-groups-rss {
  text-align: right;
}

.c-groups-rss > .c-link-arrow-01 {
  margin-left: 30px;
}

@media all and (max-width: 768px) {
  .c-groups-rss > .c-link-arrow-01 {
    vertical-align: top;
    margin-left: 8px;
    font-size: 1.2rem;
    padding-left: 20px;
  }
}

@media all and (max-width: 768px) {
  .c-groups-rss > .c-link-arrow-01::before {
    width: 15px;
    height: 15px;
    background-size: 15px;
  }
}

@media all and (max-width: 768px) {
  .c-groups-rss > .icon-rss {
    display: inline-block;
    width: 48px;
    vertical-align: top;
    margin-top: 1px;
  }
}

.c-groups-rss > .icon-rss:hover {
  opacity: 0.8;
}

@media all and (max-width: 768px) {
  .c-groups-rss > .icon-rss img {
    width: 100%;
  }
}

/* ==========================================================
  nav-footer
========================================================== */
.c-nav-footer {
  overflow: hidden;
  padding: 0 20px;
  background-color: #fff;
  border-top: 2px solid #ecf2f5;
}

@media all and (max-width: 1160px) {
  .c-nav-footer {
    padding: 0 15px;
  }
}

.c-nav-footer-in {
  max-width: 1160px;
  margin: 0 auto;
  padding: 95px 0 65px;
}

@media all and (max-width: 1160px) {
  .c-nav-footer-in {
    max-width: none;
    padding: 25px 0 50px;
  }
}

.c-nav-footer .list-nav-footer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: -25px -33px 0;
}

@media all and (max-width: 1160px) {
  .c-nav-footer .list-nav-footer {
    display: block;
    margin: 0;
  }
}

.c-nav-footer .list-nav-footer > li {
  width: 25%;
  margin-top: 25px;
  padding: 0 33px;
}

@media all and (max-width: 1160px) {
  .c-nav-footer .list-nav-footer > li {
    width: 100%;
    margin: 0;
    padding: 0;
  }
}

.c-nav-footer .list-nav-footer .nav-main {
  padding-bottom: 5px;
  border-bottom: 1px solid #89c3ea;
}

@media all and (max-width: 1160px) {
  .c-nav-footer .list-nav-footer .nav-main {
    padding-bottom: 0;
  }
  .c-nav-footer .list-nav-footer .nav-main.has-sub a::after {
    position: absolute;
    top: 50%;
    right: 2px;
    width: 15px;
    height: 10px;
    background: url(/fileadmin/templates2020/images/common/ico_arrow_blue_down_01.svg) no-repeat;
    background-size: 15px 10px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    content: '';
  }
}

.c-nav-footer .list-nav-footer .nav-main > a {
  position: relative;
  display: inline-block;
  padding-left: 25px;
  color: #000;
  text-decoration: none;
  -webkit-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}

.c-nav-footer .list-nav-footer .nav-main > a:hover {
  opacity: 0.7;
  text-decoration: none;
}

@media all and (max-width: 1160px) {
  .c-nav-footer .list-nav-footer .nav-main > a {
    display: block;
    padding: 9px 22px 8px 35px;
    font-size: 1.4rem;
  }
}

.c-nav-footer .list-nav-footer .nav-main > a::before {
  position: absolute;
  top: 3px;
  left: 0;
  width: 18px;
  height: 18px;
  background: url(/fileadmin/templates2020/images/common/ico_arrow_blue_right_01.svg) no-repeat;
  background-size: 18px;
  content: '';
}

@media all and (max-width: 1160px) {
  .c-nav-footer .list-nav-footer .nav-main > a::before {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}

.c-nav-footer .list-nav-footer .nav-main > a.is-open::after {
  -webkit-transform: translateY(-50%) rotate(180deg);
  -ms-transform: translateY(-50%) rotate(180deg);
  transform: translateY(-50%) rotate(180deg);
}

.c-nav-footer .list-nav-footer .box-nav-sub {
  padding: 15px 10px 15px 24px;
}

@media all and (max-width: 1160px) {
  .c-nav-footer .list-nav-footer .box-nav-sub {
    display: none;
    padding: 20px 22px 15px 35px;
  }
}

.c-nav-footer .list-nav-footer .box-nav-sub .list-nav-sub > li {
  margin-bottom: 2px;
}

@media all and (max-width: 1160px) {
  .c-nav-footer .list-nav-footer .box-nav-sub .list-nav-sub > li {
    margin-bottom: 11px;
  }
}

.c-nav-footer .list-nav-footer .box-nav-sub .list-nav-sub > li:last-child {
  margin-bottom: 0;
}

.c-nav-footer .list-nav-footer .box-nav-sub .list-nav-sub > li.link-top {
  display: none;
}

@media all and (max-width: 1160px) {
  .c-nav-footer .list-nav-footer .box-nav-sub .list-nav-sub > li.link-top {
    display: block;
  }
}

.c-nav-footer .list-nav-footer .box-nav-sub .list-nav-sub a {
  font-size: 1.4rem;
  color: #1a6ba1;
}

.c-nav-footer .list-nav-footer .box-nav-sub .list-nav-sub a.c-icon-blank:after {
  position: relative;
  display: inline-block;
  width: 10px;
  height: 10px;
  margin-left: 5px;
  background: url(/fileadmin/templates2020/images/common/ico_blank_blue_01.png) no-repeat;
  background-size: 10px;
  content: '';
}

@media all and (max-width: 1160px) {
  .c-nav-footer .list-nav-footer .box-nav-sub .list-nav-sub a {
    display: block;
    font-size: 1.4rem;
  }
}

/* c-bnr-footer
---------------------------------------------------------- */
.c-bnr-footer {
  max-width: 1160px;
  width: 100%;
  margin: 0 auto;
}

.c-bnr-footer .list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 0 0 -25px;
  justify-self: start;
}

@media all and (max-width: 768px) {
  .c-bnr-footer .list {
    padding: 0;
    margin: 0;
  }
}

.c-bnr-footer .list li {
  width: 33.33%;
  padding: 0 0 0 25px;
}

@media all and (max-width: 768px) {
  .c-bnr-footer .list li {
    margin-bottom: 13px;
    width: 100%;
    padding: 0;
  }
}

.c-bnr-footer .list li a {
  display: block;
  text-align: center;
}

.c-bnr-footer .list li a .wrap {
  display: inline-block;
  max-width: 100%;
}

.c-bnr-footer .list li a .image {
  margin-bottom: 8px;
  overflow: hidden;
}

@media all and (max-width: 768px) {
  .c-bnr-footer .list li a .image {
    width: 280px;
    margin-bottom: 5px;
  }
}

.c-bnr-footer .list li a .image > img {
  display: inline-block;
  max-width: 100%;
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
}

@media all and (max-width: 768px) {
  .c-bnr-footer .list li a .image > img {
    max-width: 100%;
  }
}

.c-bnr-footer .list li a .text {
  color: #000;
  text-align: left;
}

.c-bnr-footer .list li a:hover {
  text-decoration: underline;
}

.c-bnr-footer .list li a:hover .image {
  overflow: hidden;
  text-decoration: none;
}

.c-bnr-footer .list li a:hover .image img {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

.c-bnr-footer .list li a:hover .text {
  text-decoration: underline;
}

/* ==========================================================
  nav-global
========================================================== */
/* c-nav-global
---------------------------------------------------------- */
@media all and (max-width: 1160px) {
  .c-nav-global {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 10;
    display: none;
    width: 100%;
    background-color: #0099ff;
    -webkit-box-shadow: 0px 5px 15px -5px rgba(0, 0, 0, 0.4);
    box-shadow: 0px 5px 15px -5px rgba(0, 0, 0, 0.4);
  }
}

.c-nav-global .list-nav-global {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

@media all and (max-width: 1160px) {
  .c-nav-global .list-nav-global {
    display: block;
  }
}

.c-nav-global .list-nav-global > li {
  margin-left: 28px;
}

.c-nav-global .list-nav-global > li:first-child {
  margin-left: 0;
}

@media all and (max-width: 1160px) {
  .c-nav-global .list-nav-global > li {
    margin: 0;
    border-bottom: 1px solid #89c3ea;
  }
}

.c-nav-global .list-nav-global .nav-main {
  display: block;
  padding: 18px 10px;
  font-size: 1.5rem;
  color: #000;
}

@media all and (min-width: 1161px) {
  .c-nav-global .list-nav-global .nav-main.is-active {
    color: #0099ff;
  }
}

@media all and (max-width: 1160px) {
  .c-nav-global .list-nav-global .nav-main {
    position: relative;
    padding: 8px 20px 8px 24px;
    font-size: 1.6rem;
    color: #fff;
    text-decoration: none;
  }
  .c-nav-global .list-nav-global .nav-main.has-sub::after {
    position: absolute;
    top: 50%;
    right: 20px;
    width: 12px;
    height: 12px;
    background: url(/fileadmin/templates2020/images/common/ico_plus_01.png) no-repeat;
    background-size: 12px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    content: '';
  }
  .c-nav-global .list-nav-global .nav-main.has-sub.is-open::after {
    background-image: url(/fileadmin/templates2020/images/common/ico_minus_01.png);
  }
}

.c-nav-global .box-home-menu-sp {
  display: none;
}

@media all and (max-width: 1160px) {
  .c-nav-global .box-home-menu-sp {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 22px 15px;
    text-align: center;
  }
}

.c-nav-global .box-home-menu-sp .btn-home,
.c-nav-global .box-home-menu-sp .btn-close {
  display: block;
  padding: 0 20px;
  color: #fff;
  font-size: 1.5rem;
}

.c-nav-global .box-home-menu-sp .btn-home {
  background: url(/fileadmin/templates2020/images/common/ico_arrow_white_left_01.png) left center no-repeat;
  background-size: 12px;
}

.c-nav-global .box-home-menu-sp .btn-close {
  border-left: 1px solid #89c3ea;
  background: url(/fileadmin/templates2020/images/common/ico_close_02.png) right center no-repeat;
  background-size: 10px;
}

/* c-nav-global-sub
---------------------------------------------------------- */
.c-nav-global-sub {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 10;
  display: none;
  width: 100%;
  padding: 20px 50px;
  border-top: 1px solid #e0e0e0;
  background-color: #edf2f6;
}

@media all and (max-width: 1440px) {
  .c-nav-global-sub {
    padding-left: 20px;
    padding-right: 20px;
  }
}

@media all and (max-width: 1160px) {
  .c-nav-global-sub {
    position: static;
    width: auto;
    padding: 0;
    background-color: #0099ff;
    border-color: #89c3ea;
  }
}

.c-nav-global-sub-in {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto;
  padding: 0;
  background-color: #fff;
}

@media all and (max-width: 1160px) {
  .c-nav-global-sub-in {
    display: block;
    padding: 0;
  }
}

.c-nav-global-sub .btn-close-menu {
  position: absolute;
  top: 25px;
  right: 45px;
  z-index: 1;
  width: 36px;
  height: 36px;
  background: url(/fileadmin/templates2020/images/common/ico_close_01.svg) no-repeat;
  background-size: 36px;
  cursor: pointer;
  -webkit-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}

.c-nav-global-sub .btn-close-menu:hover {
  opacity: 0.7;
  text-decoration: none;
}

@media all and (max-width: 1160px) {
  .c-nav-global-sub .btn-close-menu {
    display: none;
  }
}

.c-nav-global-sub .box-lineup {
  position: relative;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 222px;
  padding: 0;
  text-align: center;
  background: #1264ad;
}

.c-nav-global-sub .box-lineup .box-image {
  margin-bottom: 20px;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 64px;
  margin: auto;
}

.c-nav-global-sub .box-lineup .box-image > img {
  display: block;
  width: 100%;
  padding-top: 20px;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 80px;
  margin: auto;
}

.c-nav-global-sub .box-lineup span {
  position: absolute;
  display: block;
  bottom: 110px;
  left: 0;
  right: 0;
  margin: auto;
  width: 25px;
  height: 25px;
}

.c-nav-global-sub .box-lineup a.c-btn-blue-01.c-icon-blank {
  position: absolute;
  width: 100%;
  max-width: 254px;
  bottom: 0;
  left: 0;
  padding-left: 45px;
  line-height: 64px;
}

.c-nav-global-sub .box-lineup a:hover .c-link-arrow-01 {
  text-decoration: underline;
}

.c-nav-global-sub .box-lineup a:before {
  left: 20px;
}

@media all and (max-width: 1160px) {
  .c-nav-global-sub .box-lineup {
    display: none;
  }
}

.c-nav-global-sub .box-nav-category {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 280px;
  background-color: #edf2f6;
}

@media all and (max-width: 1160px) {
  .c-nav-global-sub .box-nav-category {
    width: auto;
    background-color: #0099ff;
  }
}

.c-nav-global-sub .box-nav-category .list-nav-category {
  margin-left: 6px;
}

@media all and (max-width: 1160px) {
  .c-nav-global-sub .box-nav-category .list-nav-category {
    padding: 15px 24px;
  }
}

.c-nav-global-sub .box-nav-category .list-nav-category > li {
  border-bottom: 1px solid #dadcd9;
}

@media all and (max-width: 1160px) {
  .c-nav-global-sub .box-nav-category .list-nav-category > li {
    margin-bottom: 10px;
    border-bottom: none;
    background-color: #0099ff;
  }
  .c-nav-global-sub .box-nav-category .list-nav-category > li:first-child {
    border-top: none;
  }
  .c-nav-global-sub .box-nav-category .list-nav-category > li:last-child {
    margin-bottom: 0;
  }
}

.c-nav-global-sub .box-nav-category .link-category {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 79px;
  padding: 15px 45px 15px 30px;
  background-color: #edf2f6;
  font-size: 1.5rem;
  color: #000;
  text-decoration: none;
}

@media all and (max-width: 1160px) {
  .c-nav-global-sub .box-nav-category .link-category {
    height: auto;
    padding: 0 0 0 18px;
    background-color: #0099ff;
    color: #fff;
    font-size: 1.4rem;
  }
}

.c-nav-global-sub .box-nav-category .link-category::after {
  position: absolute;
  top: 50%;
  right: 28px;
  width: 9px;
  height: 13px;
  background: url(/fileadmin/templates2020/images/common/ico_arrow_blue_right_02.svg) no-repeat;
  background-size: 9px 13px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  content: '';
}

@media all and (max-width: 1160px) {
  .c-nav-global-sub .box-nav-category .link-category::after {
    left: 0;
    right: auto;
    width: 8px;
    height: 8px;
    background: url(/fileadmin/templates2020/images/common/ico_arrow_white_right_03.svg) no-repeat;
    background-size: 8px;
  }
}

@media all and (min-width: 1161px) {
  .c-nav-global-sub .box-nav-category .link-category:hover, .c-nav-global-sub .box-nav-category .link-category.is-active {
    background-color: #0099ff;
    color: #fff;
  }
  .c-nav-global-sub .box-nav-category .link-category:hover::after, .c-nav-global-sub .box-nav-category .link-category.is-active::after {
    background-image: url(/fileadmin/templates2020/images/common/ico_arrow_white_right_02.svg);
  }
}

.c-nav-global-sub .box-nav-sub {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.c-nav-global-sub .box-nav-sub-item:not(:first-child) {
  display: none;
}

.c-nav-global-sub .box-nav-sub .box-title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 81px;
  padding: 15px 0 15px 38px;
  border-bottom: 1px solid #dadcd9;
}

.c-nav-global-sub .box-nav-sub-in {
  padding: 30px 15px 34px 39px;
}

.c-nav-global-sub .box-nav-sub .list-nav-sub {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: -16px -30px 0;
}

.c-nav-global-sub .box-nav-sub .list-nav-sub > li {
  margin-top: 16px;
  padding: 0 20px 0 30px;
}

.c-nav-global-sub .box-nav-sub .list-nav-sub a {
  display: block;
  font-size: 1.5rem;
  color: #1a6ba1;
  letter-spacing: -1px;
}

.c-nav-global-sub .box-nav-sub .list-nav-sub a::after {
  position: relative;
  display: inline-block;
  width: 7px;
  height: 11px;
  margin-left: 8px;
  background: url(/fileadmin/templates2020/images/common/ico_arrow_blue_right_02.svg) no-repeat;
  background-size: 7px 11px;
  content: '';
}

.c-nav-global-sub .box-nav-sub .list-nav-banner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 20px -9px 0;
}

.c-nav-global-sub .box-nav-sub .list-nav-banner > li {
  max-width: 242px;
  margin-top: 9px;
  padding: 0 9px;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}

.c-nav-global-sub .box-nav-sub .list-nav-banner > li a {
  display: block;
  -webkit-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}

.c-nav-global-sub .box-nav-sub .list-nav-banner > li a:hover {
  opacity: 0.7;
  text-decoration: none;
}

.c-nav-global-sub .box-nav-sub .list-nav-banner > li img {
  display: block;
  max-width: 100%;
}

@media all and (max-width: 1160px) {
  .c-nav-global-sub .box-nav-sub {
    display: none;
  }
}

.gnav-no-active .c-nav-global .list-nav-global .nav-main.is-active {
  color: #000;
}

@media (max-width: 1160px) {
  .gnav-no-active .c-nav-global .list-nav-global .nav-main.is-active {
    color: #fff;
  }
}

/* ==========================================================
  sidenav
========================================================== */
/* acitve
---------------------------------------------------------- */
/* c-sidenav
---------------------------------------------------------- */
.c-sidenav {
  margin-top: 116px;
}

@media all and (max-width: 768px) {
  .c-sidenav {
    margin-top: 0;
    padding: 0 40px;
  }
}

.c-sidenav .title {
  font-size: 2.0rem;
  font-weight: normal;
  line-height: 1.3;
  border-bottom: 1px solid #ccc;
  padding-bottom: 16px;
  margin-bottom: 30px;
  color: #000;
}

@media all and (max-width: 768px) {
  .c-sidenav .title {
    font-size: 1.8rem;
  }
}

.c-sidenav .list-menu {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-bottom: 50px;
}

@media all and (max-width: 768px) {
  .c-sidenav .list-menu {
    margin-bottom: 0;
  }
}

.c-sidenav .list-menu li {
  margin-bottom: 25px;
}

.c-sidenav .list-menu li:last-child {
  margin-bottom: 0;
}

.c-sidenav .list-menu > li > .link-item {
  position: relative;
  padding-left: 30px;
  display: block;
  font-size: 1.5rem;
  font-weight: normal;
  line-height: 1.4;
}

.c-sidenav .list-menu li > .link-item.active {
  cursor: none;
  pointer-events: none;
}

.c-sidenav .list-menu li > .link-item.active, .c-sidenav .list-menu li > .link-item:hover {
  color: #0099ff;
  text-decoration: none;
}

.c-sidenav .list-menu li > .link-item.active:before, .c-sidenav .list-menu li > .link-item:hover:before {
  background: #0099ff;
}

@media all and (max-width: 768px) {
  .c-sidenav .list-menu li > .link-item {
    font-size: 1.5rem;
  }
}

.c-sidenav .list-menu li > .link-item:before {
  content: '';
  top: 50%;
  left: 0;
  background: #ccc;
  width: 16px;
  height: 1px;
  position: absolute;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.c-sidenav .list-menu li .list-sub-menu {
  margin: 15px 0 0 16px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.c-sidenav .list-menu li .list-sub-menu.has-sub li.has-sub > .link-sub-item:before {
  top: 12px;
}

@media all and (max-width: 768px) {
  .c-sidenav .list-menu li .list-sub-menu.has-sub li.has-sub > .link-sub-item:before {
    top: 11px;
  }
}

.c-sidenav .list-menu li .list-sub-menu li {
  position: relative;
  margin-bottom: 10px;
  padding-left: 23px;
}

.c-sidenav .list-menu li .list-sub-menu li:last-child {
  margin-bottom: 0;
}

.c-sidenav .list-menu li .list-sub-menu li a.active::before, .c-sidenav .list-menu li .list-sub-menu li a:hover:before {
  width: 8px;
}

.c-sidenav .list-menu li .list-sub-menu li ul {
  margin: 5px 0 0 0;
}

.c-sidenav .list-menu li .list-sub-menu li ul li a:hover, .c-sidenav .list-menu li .list-sub-menu li ul li a.active {
  color: #0099ff;
  text-decoration: none;
}

.c-sidenav .list-menu li .list-sub-menu li > .link-sub-item {
  font-weight: normal;
  font-size: 1.5rem;
  display: block;
  letter-spacing: -1px;
}

.c-sidenav .list-menu li .list-sub-menu li > .link-sub-item.active {
  cursor: none;
  pointer-events: none;
}

.c-sidenav .list-menu li .list-sub-menu li > .link-sub-item.active, .c-sidenav .list-menu li .list-sub-menu li > .link-sub-item:hover {
  color: #0099ff;
  text-decoration: none;
}

.c-sidenav .list-menu li .list-sub-menu li > .link-sub-item.active:before, .c-sidenav .list-menu li .list-sub-menu li > .link-sub-item:hover:before {
  background: #0099ff;
}

@media all and (max-width: 768px) {
  .c-sidenav .list-menu li .list-sub-menu li > .link-sub-item {
    font-size: 1.4rem;
  }
}

.c-sidenav .list-menu li .list-sub-menu li > .link-sub-item:before {
  position: absolute;
  top: .8em;
  left: 0;
  width: 8px;
  height: 1px;
  border-radius: 100%;
  background-color: #000;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  content: '';
  background: #ccc;
}

.c-sidenav .list-menu li .list-sub-menu .list-lower-menu > li {
  padding-left: 0;
}

/* ==========================================================
  table
========================================================== */
table caption {
  display: block;
  margin: 0 0 6px;
}

/* c-table-cmn-01
---------------------------------------------------------- */
.c-table-cmn-01 {
  width: 100%;
  margin-bottom: 20px;
  table-layout: fixed;
}

@media all and (max-width: 768px) {
  .c-table-cmn-01 {
    margin-bottom: 10px;
    position: relative;
  }
}

.c-table-cmn-01.layout-fixed-01 {
  width: 1160px;
  table-layout: fixed;
}

.c-table-cmn-01.layout-fixed-02 {
  width: 860px;
  table-layout: fixed;
}

@media all and (max-width: 768px) {
  .box-cmn-scroll .c-table-cmn-01.layout-fixed-03 {
    width: auto;
    table-layout: fixed;
    min-width: 130vw;
  }
}

.c-table-cmn-01 th {
  padding: 18px 5px;
  background-color: #51a0ce;
  border: 1px solid #ccc;
  color: #fff;
  font-size: 1.5rem;
  font-weight: normal;
  line-height: 1.2;
  text-align: center;
  vertical-align: middle;
}

@media all and (max-width: 768px) {
  .c-table-cmn-01 th {
    padding: 10px;
  }
}

.c-table-cmn-01 th.bg-deep-blue {
  background-color: #569ec6;
}

.c-table-cmn-01 th.bg-blue {
  text-align: left;
  color: #000;
  background-color: #ecf2f5;
}

.c-table-cmn-01 th.bg-lightblue {
  text-align: left;
  color: #000;
  background-color: #cef6f6;
}

.c-table-cmn-01 th.bg-gray {
  text-align: left;
  color: #000;
  background-color: #f2f2f2;
}

.c-table-cmn-01 th.bg-yellow {
  text-align: left;
  color: #000;
  background-color: #fcffce;
}

.c-table-cmn-01 th.bg-pink {
  text-align: left;
  color: #000;
  background-color: #ffeaf7;
}

.c-table-cmn-01 td {
  padding: 10px;
  border: 1px solid #ccc;
  background-color: #fff;
  line-height: 1.6;
  text-align: left;
  vertical-align: middle;
}

.c-table-cmn-01 td.bg-blue {
  text-align: left;
  color: #000;
  background-color: #ecf2f5;
}

.c-table-cmn-01 td.bg-deep-blue {
  text-align: left;
  color: #000;
  background-color: #569ec6;
}

.c-table-cmn-01 td.bg-lightblue {
  text-align: left;
  color: #000;
  background-color: #cef6f6;
}

.c-table-cmn-01 td.bg-gray {
  color: #000;
  background-color: #f2f2f2;
}

.c-table-cmn-01 td.bg-pink {
  text-align: left;
  color: #000;
  background-color: #ffeaf7;
}

.c-table-cmn-01.text-right td {
  text-align: right;
}

.c-table-cmn-01 th.text-left {
  padding-left: 10px;
  padding-right: 10px;
}

@media all and (max-width: 768px) {
  .c-table-cmn-01 .sticky-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 2;
  }
}

@media all and (max-width: 768px) {
  .c-table-cmn-01 .sticky-top::before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background: none;
    border: 1px solid #ccc;
    position: absolute;
    top: -1px;
    left: -1px;
  }
}

@media all and (max-width: 768px) {
  .c-table-cmn-01 .sticky-top02 {
    position: -webkit-sticky;
    position: sticky;
    top: 39px;
    z-index: 2;
  }
}

@media all and (max-width: 768px) {
  .c-table-cmn-01 .sticky-top02::before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background: none;
    border: 1px solid #ccc;
    position: absolute;
    top: -1px;
    left: -1px;
  }
}

@media all and (max-width: 768px) {
  .c-table-cmn-01 .sticky-left {
    position: -webkit-sticky;
    position: sticky;
    left: 0;
    z-index: 2;
  }
}

@media all and (max-width: 768px) {
  .c-table-cmn-01 .sticky-left::before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background: none;
    border: 1px solid #ccc;
    position: absolute;
    top: -1px;
    left: -1px;
  }
}

@media all and (max-width: 768px) {
  .c-table-cmn-01 .sticky-top.sticky-left {
    top: 0;
    left: 0;
    z-index: 3;
  }
}

/* c-table-cmn-02
---------------------------------------------------------- */
.c-table-cmn-02 {
  width: 100%;
  margin-bottom: 40px;
  border-spacing: 2px;
  border-collapse: separate;
  table-layout: fixed;
}

@media all and (max-width: 768px) {
  .c-table-cmn-02 {
    margin-bottom: 20px;
  }
}

.c-table-cmn-02:last-child {
  margin-bottom: 0;
}

.c-table-cmn-02 th {
  width: 290px;
  padding: 22px 10px;
  border-bottom: 1px solid #839eab;
  color: #42606f;
  font-weight: bold;
  vertical-align: top;
  text-align: left;
}

@media all and (max-width: 768px) {
  .c-table-cmn-02 th {
    display: block;
    width: auto;
    padding: 0 10px 5px;
    width: 100%;
  }
}

.c-table-cmn-02 td {
  padding: 22px 10px;
  border-bottom: 1px solid #ccc;
  vertical-align: top;
  text-align: left;
}

@media all and (max-width: 768px) {
  .c-table-cmn-02 td {
    display: block;
    width: auto;
    margin-bottom: 20px;
    padding: 14px 10px;
  }
}

.c-table-cmn-02.layout-fixed {
  width: 1160px;
  table-layout: fixed;
}

@media all and (max-width: 768px) {
  .c-table-cmn-02.layout-fixed {
    display: table;
  }
}

@media all and (max-width: 768px) {
  .c-table-cmn-02.layout-fixed th {
    display: table-cell;
    width: 290px;
    padding: 22px 10px;
  }
}

@media all and (max-width: 768px) {
  .c-table-cmn-02.layout-fixed td {
    display: table-cell;
    margin-bottom: 0;
    padding: 22px 10px;
  }
}


/* checkmark */
.c-table-cmn-01 .checked, .c-table-cmn-01 .checked {
  position: relative;
  background-clip: padding-box;
}
.c-table-cmn-01 .checked::before, .c-table-cmn-01 .checked::before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 10px;
  height: 5px;
  border: 2px solid #0099ff;
  border-top: none;
  border-right: none;
  transform: rotate(-45deg);
}

/* c-table-cmn-03
---------------------------------------------------------- */
.c-table-cmn-03 {
  width: 100%;
  margin-bottom: 20px;
  table-layout: auto;
}

@media all and (max-width: 768px) {
  .c-table-cmn-03 {
    margin-bottom: 10px;
    position: relative;
  }
}

.c-table-cmn-03.layout-fixed-01 {
  width: 1160px;
  table-layout: fixed;
}

.c-table-cmn-03.layout-fixed-02 {
  width: 860px;
  table-layout: fixed;
}

.c-table-cmn-03 th {
  padding: 10px;
  border: 1px solid #ccc;
  font-size: 1.5rem;
  font-weight: normal;
  line-height: 1.2;
  vertical-align: middle;
  width: 30%;
  text-align: left;
  color: #000;
  background-color: #ecf2f5;
}

@media all and (max-width: 768px) {
  .c-table-cmn-03 th {
    padding: 10px;
  }
}

.c-table-cmn-03 th.bg-deep-blue {
  background-color: #569ec6;
}

.c-table-cmn-03 th.bg-lightblue {
  text-align: left;
  color: #000;
  background-color: #cef6f6;
}

.c-table-cmn-03 th.bg-gray {
  text-align: left;
  color: #000;
  background-color: #f2f2f2;
}

.c-table-cmn-03 th.bg-yellow {
  text-align: left;
  color: #000;
  background-color: #fcffce;
}

.c-table-cmn-03 th.bg-pink {
  text-align: left;
  color: #000;
  background-color: #ffeaf7;
}

.c-table-cmn-03 td {
  padding: 10px;
  border: 1px solid #ccc;
  background-color: #fff;
  line-height: 1.6;
  text-align: left;
  vertical-align: middle;
}

.c-table-cmn-03 td.bg-blue {
  text-align: left;
  color: #000;
  background-color: #ecf2f5;
}

.c-table-cmn-03 td.bg-deep-blue {
  text-align: left;
  color: #000;
  background-color: #569ec6;
}

.c-table-cmn-03 td.bg-lightblue {
  text-align: left;
  color: #000;
  background-color: #cef6f6;
}

.c-table-cmn-03 td.bg-pink {
  text-align: left;
  color: #000;
  background-color: #ffeaf7;
}

.c-table-cmn-03.text-right td {
  text-align: right;
}



/* ==========================================================
  text
========================================================== */
/* c-text-cmn
---------------------------------------------------------- */
.c-text-cmn {
  margin-bottom: 20px;
}

@media all and (max-width: 768px) {
  .c-text-cmn {
    margin-bottom: 10px;
  }
}

/* c-text-sm
---------------------------------------------------------- */
.c-text-sm {
  font-size: 1.3rem;
}

@media all and (max-width: 768px) {
  .c-text-sm {
    font-size: 1.2rem;
  }
}

/* c-text-lg
---------------------------------------------------------- */
.c-text-lg {
  font-size: 1.9rem;
}

@media all and (max-width: 768px) {
  .c-text-lg {
    font-size: 1.6rem;
  }
}

/* c-text-note
---------------------------------------------------------- */
.c-text-note {
  padding-left: 12px;
  font-size: 1.3rem;
  color: #666;
  line-height: 1.3;
  text-indent: -12px;
  margin-bottom: 10px;
}
.c-text-note a {
  color: #666;
  text-decoration: underline;
}
.c-text-note a:hover {
  text-decoration: none;
}
.c-text-note.indent2 {
  text-indent: -1.8em!important;
  padding-left: 1.8em!important;
}
@media all and (max-width: 768px) {
  .c-text-note {
    padding-left: 13px;
    font-size: 1.2rem;
    text-indent: -13px;
  }
}

.c-text-note02 {
  font-size: 1.3rem;
  color: #666;
  line-height: 1.3;
  margin-bottom: 10px;
}
.c-text-note02 a {
  color: #666;
  text-decoration: underline;
}
.c-text-note02 a:hover {
  text-decoration: none;
}
@media all and (max-width: 768px) {
  .c-text-note02 {
    font-size: 1.2rem;
  }
}

.c-text-note-number {
  position: relative;
  padding-left: 40px;
}

@media all and (max-width: 768px) {
  .c-text-note-number {
    padding-left: 30px;
    font-size: 1.2rem;
  }
}

.c-text-note-number .data {
  position: absolute;
  left: 0;
}

.c-text-table-cmn {
  margin-bottom: 5px;
  text-align: right;
}

/* c-indent-01
---------------------------------------------------------- */
h5.c-indent-01 {
  color: #222;
  position: relative;
  margin-bottom: 10px;
  font-size: 1.7rem;
  font-weight: bold;
  line-height: 1.5;
  padding-left: 20px;
}

/* h5 c-indent-num-01
---------------------------------------------------------- */
h5.c-indent-num-01 {
  color: #222;
  position: relative;
  margin-bottom: 10px;
  font-size: 1.7rem;
  font-weight: bold;
  line-height: 1.5;
  padding-left: 20px;
}

h5.c-indent-num-01 .num {
  position: absolute;
  left: 0;
}

/* h5 c-indent-num-02
---------------------------------------------------------- */
h5.c-indent-num-02 {
  color: #222;
  position: relative;
  margin-bottom: 10px;
  font-size: 1.7rem;
  font-weight: bold;
  line-height: 1.5;
  padding-left: 30px;
}

h5.c-indent-num-02 .num {
  position: absolute;
  left: 0;
}

/* p c-indent-num-01
---------------------------------------------------------- */
p.c-indent-num-01 {
  position: relative;
  margin-bottom: 10px;
  font-size: 1.5rem;
  padding-left: 20px;
}

@media all and (max-width: 768px) {
  p.c-indent-num-01 {
    font-size: 1.5rem;
  }
}

p.c-indent-num-01 .num {
  position: absolute;
  left: 0;
}

p.c-indent-num-01-in {
  position: relative;
  margin-bottom: 15px;
  font-size: 1.5rem;
  padding-left: 20px;
  margin-left: 20px;
}

@media all and (max-width: 768px) {
  p.c-indent-num-01-in {
    font-size: 1.5rem;
  }
}

p.c-indent-num-01-in .num {
  position: absolute;
  left: 0;
}

/* p c-indent-num-02
---------------------------------------------------------- */
p.c-indent-num-02 {
  position: relative;
  font-size: 1.6rem;
  padding-left: 25px;
}

@media all and (max-width: 768px) {
  p.c-indent-num-02 {
    font-size: 1.5rem;
  }
}

p.c-indent-num-02 .num {
  position: absolute;
  left: 0;
}

/* c-indent-square-01
---------------------------------------------------------- */
.c-indent-square-01 {
  position: relative;
  margin-bottom: 10px;
  font-size: 1.5rem;
  padding-left: 20px;
}

.c-indent-square-01 .square {
  position: absolute;
  left: 0;
}

/* c-text-gray
---------------------------------------------------------- */
.c-text-gray {
  color: #666;
}

/* c-text-red
---------------------------------------------------------- */
.c-text-red {
  color: #ea2424;
}

/* c-text-blue
---------------------------------------------------------- */
.c-text-blue {
  color: #2b63e5;
}

/* c-text-white
---------------------------------------------------------- */
.c-text-white {
  color: #fff;
}

/* sup, sub
---------------------------------------------------------- */
/*sup, sub {
  font-size: 80%;
}*/

sup {
  vertical-align: super;
}

/*sub {
  vertical-align: sub;
}*/

/* Font size
---------------------------------------------------------- */
.font-pct-10 { font-size: 10% !important;}
.font-pct-20 { font-size: 20% !important;}
.font-pct-30 { font-size: 30% !important;}
.font-pct-40 { font-size: 40% !important;}
.font-pct-50 { font-size: 50% !important;}
.font-pct-60 { font-size: 60% !important;}
.font-pct-70 { font-size: 70% !important;}
.font-pct-80 { font-size: 80% !important;}
.font-pct-90 { font-size: 90% !important;}
.font-pct-90 th { font-size: 100% !important;}

@media all and (max-width: 768px) {
  .font-pct-90-sp { font-size: 90% !important;}
  .font-pct-90-sp th { font-size: 100% !important;}

  .font-pct-80-sp { font-size: 80% !important;}
  .font-pct-80-sp th { font-size: 100% !important;}
  .font-pct-80-sp th, .font-pct-80-sp td { padding-left:5px !important; padding-right:5px !important; }

}

/* ==========================================================
 Width size
========================================================== */
/* Width pixel
---------------------------------------------------------- */
.width-px-10 {
  width: 10px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-10 {
    width: 10px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-10 {
    width: 10px !important;
  }
}

.width-px-11 {
  width: 11px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-11 {
    width: 11px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-11 {
    width: 11px !important;
  }
}

.width-px-12 {
  width: 12px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-12 {
    width: 12px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-12 {
    width: 12px !important;
  }
}

.width-px-13 {
  width: 13px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-13 {
    width: 13px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-13 {
    width: 13px !important;
  }
}

.width-px-14 {
  width: 14px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-14 {
    width: 14px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-14 {
    width: 14px !important;
  }
}

.width-px-15 {
  width: 15px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-15 {
    width: 15px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-15 {
    width: 15px !important;
  }
}

.width-px-16 {
  width: 16px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-16 {
    width: 16px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-16 {
    width: 16px !important;
  }
}

.width-px-17 {
  width: 17px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-17 {
    width: 17px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-17 {
    width: 17px !important;
  }
}

.width-px-18 {
  width: 18px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-18 {
    width: 18px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-18 {
    width: 18px !important;
  }
}

.width-px-19 {
  width: 19px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-19 {
    width: 19px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-19 {
    width: 19px !important;
  }
}

.width-px-20 {
  width: 20px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-20 {
    width: 20px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-20 {
    width: 20px !important;
  }
}

.width-px-21 {
  width: 21px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-21 {
    width: 21px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-21 {
    width: 21px !important;
  }
}

.width-px-22 {
  width: 22px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-22 {
    width: 22px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-22 {
    width: 22px !important;
  }
}

.width-px-23 {
  width: 23px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-23 {
    width: 23px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-23 {
    width: 23px !important;
  }
}

.width-px-24 {
  width: 24px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-24 {
    width: 24px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-24 {
    width: 24px !important;
  }
}

.width-px-25 {
  width: 25px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-25 {
    width: 25px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-25 {
    width: 25px !important;
  }
}

.width-px-26 {
  width: 26px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-26 {
    width: 26px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-26 {
    width: 26px !important;
  }
}

.width-px-27 {
  width: 27px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-27 {
    width: 27px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-27 {
    width: 27px !important;
  }
}

.width-px-28 {
  width: 28px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-28 {
    width: 28px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-28 {
    width: 28px !important;
  }
}

.width-px-29 {
  width: 29px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-29 {
    width: 29px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-29 {
    width: 29px !important;
  }
}

.width-px-30 {
  width: 30px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-30 {
    width: 30px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-30 {
    width: 30px !important;
  }
}

.width-px-31 {
  width: 31px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-31 {
    width: 31px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-31 {
    width: 31px !important;
  }
}

.width-px-32 {
  width: 32px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-32 {
    width: 32px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-32 {
    width: 32px !important;
  }
}

.width-px-33 {
  width: 33px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-33 {
    width: 33px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-33 {
    width: 33px !important;
  }
}

.width-px-34 {
  width: 34px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-34 {
    width: 34px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-34 {
    width: 34px !important;
  }
}

.width-px-35 {
  width: 35px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-35 {
    width: 35px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-35 {
    width: 35px !important;
  }
}

.width-px-36 {
  width: 36px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-36 {
    width: 36px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-36 {
    width: 36px !important;
  }
}

.width-px-37 {
  width: 37px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-37 {
    width: 37px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-37 {
    width: 37px !important;
  }
}

.width-px-38 {
  width: 38px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-38 {
    width: 38px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-38 {
    width: 38px !important;
  }
}

.width-px-39 {
  width: 39px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-39 {
    width: 39px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-39 {
    width: 39px !important;
  }
}

.width-px-40 {
  width: 40px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-40 {
    width: 40px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-40 {
    width: 40px !important;
  }
}

.width-px-41 {
  width: 41px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-41 {
    width: 41px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-41 {
    width: 41px !important;
  }
}

.width-px-42 {
  width: 42px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-42 {
    width: 42px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-42 {
    width: 42px !important;
  }
}

.width-px-43 {
  width: 43px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-43 {
    width: 43px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-43 {
    width: 43px !important;
  }
}

.width-px-44 {
  width: 44px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-44 {
    width: 44px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-44 {
    width: 44px !important;
  }
}

.width-px-45 {
  width: 45px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-45 {
    width: 45px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-45 {
    width: 45px !important;
  }
}

.width-px-46 {
  width: 46px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-46 {
    width: 46px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-46 {
    width: 46px !important;
  }
}

.width-px-47 {
  width: 47px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-47 {
    width: 47px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-47 {
    width: 47px !important;
  }
}

.width-px-48 {
  width: 48px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-48 {
    width: 48px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-48 {
    width: 48px !important;
  }
}

.width-px-49 {
  width: 49px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-49 {
    width: 49px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-49 {
    width: 49px !important;
  }
}

.width-px-50 {
  width: 50px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-50 {
    width: 50px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-50 {
    width: 50px !important;
  }
}

.width-px-51 {
  width: 51px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-51 {
    width: 51px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-51 {
    width: 51px !important;
  }
}

.width-px-52 {
  width: 52px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-52 {
    width: 52px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-52 {
    width: 52px !important;
  }
}

.width-px-53 {
  width: 53px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-53 {
    width: 53px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-53 {
    width: 53px !important;
  }
}

.width-px-54 {
  width: 54px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-54 {
    width: 54px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-54 {
    width: 54px !important;
  }
}

.width-px-55 {
  width: 55px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-55 {
    width: 55px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-55 {
    width: 55px !important;
  }
}

.width-px-56 {
  width: 56px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-56 {
    width: 56px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-56 {
    width: 56px !important;
  }
}

.width-px-57 {
  width: 57px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-57 {
    width: 57px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-57 {
    width: 57px !important;
  }
}

.width-px-58 {
  width: 58px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-58 {
    width: 58px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-58 {
    width: 58px !important;
  }
}

.width-px-59 {
  width: 59px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-59 {
    width: 59px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-59 {
    width: 59px !important;
  }
}

.width-px-60 {
  width: 60px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-60 {
    width: 60px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-60 {
    width: 60px !important;
  }
}

.width-px-61 {
  width: 61px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-61 {
    width: 61px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-61 {
    width: 61px !important;
  }
}

.width-px-62 {
  width: 62px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-62 {
    width: 62px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-62 {
    width: 62px !important;
  }
}

.width-px-63 {
  width: 63px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-63 {
    width: 63px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-63 {
    width: 63px !important;
  }
}

.width-px-64 {
  width: 64px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-64 {
    width: 64px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-64 {
    width: 64px !important;
  }
}

.width-px-65 {
  width: 65px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-65 {
    width: 65px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-65 {
    width: 65px !important;
  }
}

.width-px-66 {
  width: 66px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-66 {
    width: 66px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-66 {
    width: 66px !important;
  }
}

.width-px-67 {
  width: 67px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-67 {
    width: 67px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-67 {
    width: 67px !important;
  }
}

.width-px-68 {
  width: 68px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-68 {
    width: 68px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-68 {
    width: 68px !important;
  }
}

.width-px-69 {
  width: 69px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-69 {
    width: 69px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-69 {
    width: 69px !important;
  }
}

.width-px-70 {
  width: 70px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-70 {
    width: 70px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-70 {
    width: 70px !important;
  }
}

.width-px-71 {
  width: 71px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-71 {
    width: 71px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-71 {
    width: 71px !important;
  }
}

.width-px-72 {
  width: 72px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-72 {
    width: 72px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-72 {
    width: 72px !important;
  }
}

.width-px-73 {
  width: 73px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-73 {
    width: 73px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-73 {
    width: 73px !important;
  }
}

.width-px-74 {
  width: 74px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-74 {
    width: 74px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-74 {
    width: 74px !important;
  }
}

.width-px-75 {
  width: 75px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-75 {
    width: 75px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-75 {
    width: 75px !important;
  }
}

.width-px-76 {
  width: 76px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-76 {
    width: 76px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-76 {
    width: 76px !important;
  }
}

.width-px-77 {
  width: 77px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-77 {
    width: 77px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-77 {
    width: 77px !important;
  }
}

.width-px-78 {
  width: 78px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-78 {
    width: 78px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-78 {
    width: 78px !important;
  }
}

.width-px-79 {
  width: 79px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-79 {
    width: 79px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-79 {
    width: 79px !important;
  }
}

.width-px-80 {
  width: 80px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-80 {
    width: 80px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-80 {
    width: 80px !important;
  }
}

.width-px-81 {
  width: 81px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-81 {
    width: 81px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-81 {
    width: 81px !important;
  }
}

.width-px-82 {
  width: 82px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-82 {
    width: 82px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-82 {
    width: 82px !important;
  }
}

.width-px-83 {
  width: 83px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-83 {
    width: 83px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-83 {
    width: 83px !important;
  }
}

.width-px-84 {
  width: 84px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-84 {
    width: 84px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-84 {
    width: 84px !important;
  }
}

.width-px-85 {
  width: 85px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-85 {
    width: 85px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-85 {
    width: 85px !important;
  }
}

.width-px-86 {
  width: 86px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-86 {
    width: 86px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-86 {
    width: 86px !important;
  }
}

.width-px-87 {
  width: 87px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-87 {
    width: 87px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-87 {
    width: 87px !important;
  }
}

.width-px-88 {
  width: 88px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-88 {
    width: 88px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-88 {
    width: 88px !important;
  }
}

.width-px-89 {
  width: 89px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-89 {
    width: 89px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-89 {
    width: 89px !important;
  }
}

.width-px-90 {
  width: 90px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-90 {
    width: 90px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-90 {
    width: 90px !important;
  }
}

.width-px-91 {
  width: 91px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-91 {
    width: 91px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-91 {
    width: 91px !important;
  }
}

.width-px-92 {
  width: 92px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-92 {
    width: 92px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-92 {
    width: 92px !important;
  }
}

.width-px-93 {
  width: 93px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-93 {
    width: 93px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-93 {
    width: 93px !important;
  }
}

.width-px-94 {
  width: 94px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-94 {
    width: 94px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-94 {
    width: 94px !important;
  }
}

.width-px-95 {
  width: 95px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-95 {
    width: 95px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-95 {
    width: 95px !important;
  }
}

.width-px-96 {
  width: 96px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-96 {
    width: 96px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-96 {
    width: 96px !important;
  }
}

.width-px-97 {
  width: 97px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-97 {
    width: 97px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-97 {
    width: 97px !important;
  }
}

.width-px-98 {
  width: 98px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-98 {
    width: 98px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-98 {
    width: 98px !important;
  }
}

.width-px-99 {
  width: 99px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-99 {
    width: 99px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-99 {
    width: 99px !important;
  }
}

.width-px-100 {
  width: 100px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-100 {
    width: 100px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-100 {
    width: 100px !important;
  }
}

.width-px-101 {
  width: 101px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-101 {
    width: 101px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-101 {
    width: 101px !important;
  }
}

.width-px-102 {
  width: 102px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-102 {
    width: 102px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-102 {
    width: 102px !important;
  }
}

.width-px-103 {
  width: 103px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-103 {
    width: 103px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-103 {
    width: 103px !important;
  }
}

.width-px-104 {
  width: 104px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-104 {
    width: 104px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-104 {
    width: 104px !important;
  }
}

.width-px-105 {
  width: 105px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-105 {
    width: 105px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-105 {
    width: 105px !important;
  }
}

.width-px-106 {
  width: 106px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-106 {
    width: 106px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-106 {
    width: 106px !important;
  }
}

.width-px-107 {
  width: 107px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-107 {
    width: 107px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-107 {
    width: 107px !important;
  }
}

.width-px-108 {
  width: 108px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-108 {
    width: 108px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-108 {
    width: 108px !important;
  }
}

.width-px-109 {
  width: 109px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-109 {
    width: 109px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-109 {
    width: 109px !important;
  }
}

.width-px-110 {
  width: 110px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-110 {
    width: 110px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-110 {
    width: 110px !important;
  }
}

.width-px-111 {
  width: 111px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-111 {
    width: 111px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-111 {
    width: 111px !important;
  }
}

.width-px-112 {
  width: 112px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-112 {
    width: 112px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-112 {
    width: 112px !important;
  }
}

.width-px-113 {
  width: 113px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-113 {
    width: 113px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-113 {
    width: 113px !important;
  }
}

.width-px-114 {
  width: 114px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-114 {
    width: 114px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-114 {
    width: 114px !important;
  }
}

.width-px-115 {
  width: 115px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-115 {
    width: 115px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-115 {
    width: 115px !important;
  }
}

.width-px-116 {
  width: 116px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-116 {
    width: 116px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-116 {
    width: 116px !important;
  }
}

.width-px-117 {
  width: 117px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-117 {
    width: 117px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-117 {
    width: 117px !important;
  }
}

.width-px-118 {
  width: 118px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-118 {
    width: 118px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-118 {
    width: 118px !important;
  }
}

.width-px-119 {
  width: 119px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-119 {
    width: 119px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-119 {
    width: 119px !important;
  }
}

.width-px-120 {
  width: 120px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-120 {
    width: 120px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-120 {
    width: 120px !important;
  }
}

.width-px-121 {
  width: 121px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-121 {
    width: 121px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-121 {
    width: 121px !important;
  }
}

.width-px-122 {
  width: 122px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-122 {
    width: 122px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-122 {
    width: 122px !important;
  }
}

.width-px-123 {
  width: 123px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-123 {
    width: 123px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-123 {
    width: 123px !important;
  }
}

.width-px-124 {
  width: 124px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-124 {
    width: 124px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-124 {
    width: 124px !important;
  }
}

.width-px-125 {
  width: 125px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-125 {
    width: 125px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-125 {
    width: 125px !important;
  }
}

.width-px-126 {
  width: 126px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-126 {
    width: 126px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-126 {
    width: 126px !important;
  }
}

.width-px-127 {
  width: 127px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-127 {
    width: 127px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-127 {
    width: 127px !important;
  }
}

.width-px-128 {
  width: 128px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-128 {
    width: 128px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-128 {
    width: 128px !important;
  }
}

.width-px-129 {
  width: 129px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-129 {
    width: 129px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-129 {
    width: 129px !important;
  }
}

.width-px-130 {
  width: 130px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-130 {
    width: 130px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-130 {
    width: 130px !important;
  }
}

.width-px-131 {
  width: 131px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-131 {
    width: 131px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-131 {
    width: 131px !important;
  }
}

.width-px-132 {
  width: 132px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-132 {
    width: 132px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-132 {
    width: 132px !important;
  }
}

.width-px-133 {
  width: 133px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-133 {
    width: 133px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-133 {
    width: 133px !important;
  }
}

.width-px-134 {
  width: 134px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-134 {
    width: 134px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-134 {
    width: 134px !important;
  }
}

.width-px-135 {
  width: 135px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-135 {
    width: 135px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-135 {
    width: 135px !important;
  }
}

.width-px-136 {
  width: 136px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-136 {
    width: 136px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-136 {
    width: 136px !important;
  }
}

.width-px-137 {
  width: 137px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-137 {
    width: 137px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-137 {
    width: 137px !important;
  }
}

.width-px-138 {
  width: 138px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-138 {
    width: 138px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-138 {
    width: 138px !important;
  }
}

.width-px-139 {
  width: 139px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-139 {
    width: 139px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-139 {
    width: 139px !important;
  }
}

.width-px-140 {
  width: 140px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-140 {
    width: 140px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-140 {
    width: 140px !important;
  }
}

.width-px-141 {
  width: 141px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-141 {
    width: 141px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-141 {
    width: 141px !important;
  }
}

.width-px-142 {
  width: 142px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-142 {
    width: 142px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-142 {
    width: 142px !important;
  }
}

.width-px-143 {
  width: 143px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-143 {
    width: 143px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-143 {
    width: 143px !important;
  }
}

.width-px-144 {
  width: 144px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-144 {
    width: 144px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-144 {
    width: 144px !important;
  }
}

.width-px-145 {
  width: 145px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-145 {
    width: 145px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-145 {
    width: 145px !important;
  }
}

.width-px-146 {
  width: 146px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-146 {
    width: 146px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-146 {
    width: 146px !important;
  }
}

.width-px-147 {
  width: 147px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-147 {
    width: 147px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-147 {
    width: 147px !important;
  }
}

.width-px-148 {
  width: 148px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-148 {
    width: 148px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-148 {
    width: 148px !important;
  }
}

.width-px-149 {
  width: 149px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-149 {
    width: 149px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-149 {
    width: 149px !important;
  }
}

.width-px-150 {
  width: 150px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-150 {
    width: 150px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-150 {
    width: 150px !important;
  }
}

.width-px-151 {
  width: 151px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-151 {
    width: 151px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-151 {
    width: 151px !important;
  }
}

.width-px-152 {
  width: 152px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-152 {
    width: 152px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-152 {
    width: 152px !important;
  }
}

.width-px-153 {
  width: 153px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-153 {
    width: 153px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-153 {
    width: 153px !important;
  }
}

.width-px-154 {
  width: 154px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-154 {
    width: 154px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-154 {
    width: 154px !important;
  }
}

.width-px-155 {
  width: 155px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-155 {
    width: 155px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-155 {
    width: 155px !important;
  }
}

.width-px-156 {
  width: 156px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-156 {
    width: 156px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-156 {
    width: 156px !important;
  }
}

.width-px-157 {
  width: 157px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-157 {
    width: 157px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-157 {
    width: 157px !important;
  }
}

.width-px-158 {
  width: 158px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-158 {
    width: 158px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-158 {
    width: 158px !important;
  }
}

.width-px-159 {
  width: 159px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-159 {
    width: 159px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-159 {
    width: 159px !important;
  }
}

.width-px-160 {
  width: 160px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-160 {
    width: 160px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-160 {
    width: 160px !important;
  }
}

.width-px-161 {
  width: 161px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-161 {
    width: 161px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-161 {
    width: 161px !important;
  }
}

.width-px-162 {
  width: 162px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-162 {
    width: 162px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-162 {
    width: 162px !important;
  }
}

.width-px-163 {
  width: 163px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-163 {
    width: 163px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-163 {
    width: 163px !important;
  }
}

.width-px-164 {
  width: 164px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-164 {
    width: 164px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-164 {
    width: 164px !important;
  }
}

.width-px-165 {
  width: 165px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-165 {
    width: 165px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-165 {
    width: 165px !important;
  }
}

.width-px-166 {
  width: 166px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-166 {
    width: 166px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-166 {
    width: 166px !important;
  }
}

.width-px-167 {
  width: 167px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-167 {
    width: 167px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-167 {
    width: 167px !important;
  }
}

.width-px-168 {
  width: 168px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-168 {
    width: 168px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-168 {
    width: 168px !important;
  }
}

.width-px-169 {
  width: 169px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-169 {
    width: 169px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-169 {
    width: 169px !important;
  }
}

.width-px-170 {
  width: 170px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-170 {
    width: 170px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-170 {
    width: 170px !important;
  }
}

.width-px-171 {
  width: 171px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-171 {
    width: 171px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-171 {
    width: 171px !important;
  }
}

.width-px-172 {
  width: 172px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-172 {
    width: 172px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-172 {
    width: 172px !important;
  }
}

.width-px-173 {
  width: 173px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-173 {
    width: 173px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-173 {
    width: 173px !important;
  }
}

.width-px-174 {
  width: 174px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-174 {
    width: 174px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-174 {
    width: 174px !important;
  }
}

.width-px-175 {
  width: 175px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-175 {
    width: 175px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-175 {
    width: 175px !important;
  }
}

.width-px-176 {
  width: 176px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-176 {
    width: 176px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-176 {
    width: 176px !important;
  }
}

.width-px-177 {
  width: 177px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-177 {
    width: 177px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-177 {
    width: 177px !important;
  }
}

.width-px-178 {
  width: 178px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-178 {
    width: 178px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-178 {
    width: 178px !important;
  }
}

.width-px-179 {
  width: 179px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-179 {
    width: 179px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-179 {
    width: 179px !important;
  }
}

.width-px-180 {
  width: 180px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-180 {
    width: 180px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-180 {
    width: 180px !important;
  }
}

.width-px-181 {
  width: 181px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-181 {
    width: 181px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-181 {
    width: 181px !important;
  }
}

.width-px-182 {
  width: 182px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-182 {
    width: 182px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-182 {
    width: 182px !important;
  }
}

.width-px-183 {
  width: 183px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-183 {
    width: 183px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-183 {
    width: 183px !important;
  }
}

.width-px-184 {
  width: 184px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-184 {
    width: 184px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-184 {
    width: 184px !important;
  }
}

.width-px-185 {
  width: 185px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-185 {
    width: 185px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-185 {
    width: 185px !important;
  }
}

.width-px-186 {
  width: 186px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-186 {
    width: 186px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-186 {
    width: 186px !important;
  }
}

.width-px-187 {
  width: 187px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-187 {
    width: 187px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-187 {
    width: 187px !important;
  }
}

.width-px-188 {
  width: 188px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-188 {
    width: 188px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-188 {
    width: 188px !important;
  }
}

.width-px-189 {
  width: 189px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-189 {
    width: 189px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-189 {
    width: 189px !important;
  }
}

.width-px-190 {
  width: 190px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-190 {
    width: 190px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-190 {
    width: 190px !important;
  }
}

.width-px-191 {
  width: 191px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-191 {
    width: 191px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-191 {
    width: 191px !important;
  }
}

.width-px-192 {
  width: 192px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-192 {
    width: 192px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-192 {
    width: 192px !important;
  }
}

.width-px-193 {
  width: 193px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-193 {
    width: 193px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-193 {
    width: 193px !important;
  }
}

.width-px-194 {
  width: 194px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-194 {
    width: 194px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-194 {
    width: 194px !important;
  }
}

.width-px-195 {
  width: 195px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-195 {
    width: 195px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-195 {
    width: 195px !important;
  }
}

.width-px-196 {
  width: 196px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-196 {
    width: 196px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-196 {
    width: 196px !important;
  }
}

.width-px-197 {
  width: 197px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-197 {
    width: 197px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-197 {
    width: 197px !important;
  }
}

.width-px-198 {
  width: 198px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-198 {
    width: 198px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-198 {
    width: 198px !important;
  }
}

.width-px-199 {
  width: 199px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-199 {
    width: 199px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-199 {
    width: 199px !important;
  }
}

.width-px-200 {
  width: 200px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-200 {
    width: 200px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-200 {
    width: 200px !important;
  }
}

.width-px-201 {
  width: 201px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-201 {
    width: 201px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-201 {
    width: 201px !important;
  }
}

.width-px-202 {
  width: 202px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-202 {
    width: 202px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-202 {
    width: 202px !important;
  }
}

.width-px-203 {
  width: 203px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-203 {
    width: 203px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-203 {
    width: 203px !important;
  }
}

.width-px-204 {
  width: 204px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-204 {
    width: 204px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-204 {
    width: 204px !important;
  }
}

.width-px-205 {
  width: 205px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-205 {
    width: 205px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-205 {
    width: 205px !important;
  }
}

.width-px-206 {
  width: 206px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-206 {
    width: 206px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-206 {
    width: 206px !important;
  }
}

.width-px-207 {
  width: 207px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-207 {
    width: 207px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-207 {
    width: 207px !important;
  }
}

.width-px-208 {
  width: 208px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-208 {
    width: 208px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-208 {
    width: 208px !important;
  }
}

.width-px-209 {
  width: 209px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-209 {
    width: 209px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-209 {
    width: 209px !important;
  }
}

.width-px-210 {
  width: 210px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-210 {
    width: 210px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-210 {
    width: 210px !important;
  }
}

.width-px-211 {
  width: 211px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-211 {
    width: 211px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-211 {
    width: 211px !important;
  }
}

.width-px-212 {
  width: 212px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-212 {
    width: 212px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-212 {
    width: 212px !important;
  }
}

.width-px-213 {
  width: 213px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-213 {
    width: 213px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-213 {
    width: 213px !important;
  }
}

.width-px-214 {
  width: 214px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-214 {
    width: 214px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-214 {
    width: 214px !important;
  }
}

.width-px-215 {
  width: 215px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-215 {
    width: 215px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-215 {
    width: 215px !important;
  }
}

.width-px-216 {
  width: 216px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-216 {
    width: 216px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-216 {
    width: 216px !important;
  }
}

.width-px-217 {
  width: 217px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-217 {
    width: 217px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-217 {
    width: 217px !important;
  }
}

.width-px-218 {
  width: 218px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-218 {
    width: 218px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-218 {
    width: 218px !important;
  }
}

.width-px-219 {
  width: 219px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-219 {
    width: 219px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-219 {
    width: 219px !important;
  }
}

.width-px-220 {
  width: 220px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-220 {
    width: 220px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-220 {
    width: 220px !important;
  }
}

.width-px-221 {
  width: 221px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-221 {
    width: 221px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-221 {
    width: 221px !important;
  }
}

.width-px-222 {
  width: 222px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-222 {
    width: 222px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-222 {
    width: 222px !important;
  }
}

.width-px-223 {
  width: 223px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-223 {
    width: 223px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-223 {
    width: 223px !important;
  }
}

.width-px-224 {
  width: 224px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-224 {
    width: 224px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-224 {
    width: 224px !important;
  }
}

.width-px-225 {
  width: 225px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-225 {
    width: 225px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-225 {
    width: 225px !important;
  }
}

.width-px-226 {
  width: 226px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-226 {
    width: 226px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-226 {
    width: 226px !important;
  }
}

.width-px-227 {
  width: 227px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-227 {
    width: 227px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-227 {
    width: 227px !important;
  }
}

.width-px-228 {
  width: 228px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-228 {
    width: 228px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-228 {
    width: 228px !important;
  }
}

.width-px-229 {
  width: 229px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-229 {
    width: 229px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-229 {
    width: 229px !important;
  }
}

.width-px-230 {
  width: 230px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-230 {
    width: 230px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-230 {
    width: 230px !important;
  }
}

.width-px-231 {
  width: 231px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-231 {
    width: 231px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-231 {
    width: 231px !important;
  }
}

.width-px-232 {
  width: 232px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-232 {
    width: 232px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-232 {
    width: 232px !important;
  }
}

.width-px-233 {
  width: 233px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-233 {
    width: 233px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-233 {
    width: 233px !important;
  }
}

.width-px-234 {
  width: 234px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-234 {
    width: 234px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-234 {
    width: 234px !important;
  }
}

.width-px-235 {
  width: 235px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-235 {
    width: 235px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-235 {
    width: 235px !important;
  }
}

.width-px-236 {
  width: 236px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-236 {
    width: 236px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-236 {
    width: 236px !important;
  }
}

.width-px-237 {
  width: 237px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-237 {
    width: 237px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-237 {
    width: 237px !important;
  }
}

.width-px-238 {
  width: 238px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-238 {
    width: 238px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-238 {
    width: 238px !important;
  }
}

.width-px-239 {
  width: 239px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-239 {
    width: 239px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-239 {
    width: 239px !important;
  }
}

.width-px-240 {
  width: 240px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-240 {
    width: 240px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-240 {
    width: 240px !important;
  }
}

.width-px-241 {
  width: 241px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-241 {
    width: 241px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-241 {
    width: 241px !important;
  }
}

.width-px-242 {
  width: 242px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-242 {
    width: 242px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-242 {
    width: 242px !important;
  }
}

.width-px-243 {
  width: 243px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-243 {
    width: 243px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-243 {
    width: 243px !important;
  }
}

.width-px-244 {
  width: 244px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-244 {
    width: 244px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-244 {
    width: 244px !important;
  }
}

.width-px-245 {
  width: 245px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-245 {
    width: 245px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-245 {
    width: 245px !important;
  }
}

.width-px-246 {
  width: 246px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-246 {
    width: 246px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-246 {
    width: 246px !important;
  }
}

.width-px-247 {
  width: 247px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-247 {
    width: 247px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-247 {
    width: 247px !important;
  }
}

.width-px-248 {
  width: 248px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-248 {
    width: 248px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-248 {
    width: 248px !important;
  }
}

.width-px-249 {
  width: 249px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-249 {
    width: 249px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-249 {
    width: 249px !important;
  }
}

.width-px-250 {
  width: 250px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-250 {
    width: 250px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-250 {
    width: 250px !important;
  }
}

.width-px-251 {
  width: 251px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-251 {
    width: 251px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-251 {
    width: 251px !important;
  }
}

.width-px-252 {
  width: 252px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-252 {
    width: 252px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-252 {
    width: 252px !important;
  }
}

.width-px-253 {
  width: 253px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-253 {
    width: 253px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-253 {
    width: 253px !important;
  }
}

.width-px-254 {
  width: 254px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-254 {
    width: 254px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-254 {
    width: 254px !important;
  }
}

.width-px-255 {
  width: 255px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-255 {
    width: 255px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-255 {
    width: 255px !important;
  }
}

.width-px-256 {
  width: 256px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-256 {
    width: 256px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-256 {
    width: 256px !important;
  }
}

.width-px-257 {
  width: 257px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-257 {
    width: 257px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-257 {
    width: 257px !important;
  }
}

.width-px-258 {
  width: 258px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-258 {
    width: 258px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-258 {
    width: 258px !important;
  }
}

.width-px-259 {
  width: 259px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-259 {
    width: 259px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-259 {
    width: 259px !important;
  }
}

.width-px-260 {
  width: 260px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-260 {
    width: 260px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-260 {
    width: 260px !important;
  }
}

.width-px-261 {
  width: 261px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-261 {
    width: 261px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-261 {
    width: 261px !important;
  }
}

.width-px-262 {
  width: 262px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-262 {
    width: 262px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-262 {
    width: 262px !important;
  }
}

.width-px-263 {
  width: 263px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-263 {
    width: 263px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-263 {
    width: 263px !important;
  }
}

.width-px-264 {
  width: 264px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-264 {
    width: 264px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-264 {
    width: 264px !important;
  }
}

.width-px-265 {
  width: 265px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-265 {
    width: 265px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-265 {
    width: 265px !important;
  }
}

.width-px-266 {
  width: 266px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-266 {
    width: 266px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-266 {
    width: 266px !important;
  }
}

.width-px-267 {
  width: 267px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-267 {
    width: 267px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-267 {
    width: 267px !important;
  }
}

.width-px-268 {
  width: 268px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-268 {
    width: 268px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-268 {
    width: 268px !important;
  }
}

.width-px-269 {
  width: 269px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-269 {
    width: 269px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-269 {
    width: 269px !important;
  }
}

.width-px-270 {
  width: 270px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-270 {
    width: 270px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-270 {
    width: 270px !important;
  }
}

.width-px-271 {
  width: 271px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-271 {
    width: 271px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-271 {
    width: 271px !important;
  }
}

.width-px-272 {
  width: 272px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-272 {
    width: 272px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-272 {
    width: 272px !important;
  }
}

.width-px-273 {
  width: 273px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-273 {
    width: 273px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-273 {
    width: 273px !important;
  }
}

.width-px-274 {
  width: 274px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-274 {
    width: 274px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-274 {
    width: 274px !important;
  }
}

.width-px-275 {
  width: 275px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-275 {
    width: 275px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-275 {
    width: 275px !important;
  }
}

.width-px-276 {
  width: 276px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-276 {
    width: 276px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-276 {
    width: 276px !important;
  }
}

.width-px-277 {
  width: 277px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-277 {
    width: 277px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-277 {
    width: 277px !important;
  }
}

.width-px-278 {
  width: 278px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-278 {
    width: 278px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-278 {
    width: 278px !important;
  }
}

.width-px-279 {
  width: 279px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-279 {
    width: 279px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-279 {
    width: 279px !important;
  }
}

.width-px-280 {
  width: 280px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-280 {
    width: 280px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-280 {
    width: 280px !important;
  }
}

.width-px-281 {
  width: 281px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-281 {
    width: 281px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-281 {
    width: 281px !important;
  }
}

.width-px-282 {
  width: 282px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-282 {
    width: 282px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-282 {
    width: 282px !important;
  }
}

.width-px-283 {
  width: 283px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-283 {
    width: 283px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-283 {
    width: 283px !important;
  }
}

.width-px-284 {
  width: 284px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-284 {
    width: 284px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-284 {
    width: 284px !important;
  }
}

.width-px-285 {
  width: 285px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-285 {
    width: 285px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-285 {
    width: 285px !important;
  }
}

.width-px-286 {
  width: 286px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-286 {
    width: 286px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-286 {
    width: 286px !important;
  }
}

.width-px-287 {
  width: 287px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-287 {
    width: 287px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-287 {
    width: 287px !important;
  }
}

.width-px-288 {
  width: 288px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-288 {
    width: 288px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-288 {
    width: 288px !important;
  }
}

.width-px-289 {
  width: 289px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-289 {
    width: 289px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-289 {
    width: 289px !important;
  }
}

.width-px-290 {
  width: 290px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-290 {
    width: 290px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-290 {
    width: 290px !important;
  }
}

.width-px-291 {
  width: 291px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-291 {
    width: 291px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-291 {
    width: 291px !important;
  }
}

.width-px-292 {
  width: 292px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-292 {
    width: 292px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-292 {
    width: 292px !important;
  }
}

.width-px-293 {
  width: 293px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-293 {
    width: 293px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-293 {
    width: 293px !important;
  }
}

.width-px-294 {
  width: 294px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-294 {
    width: 294px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-294 {
    width: 294px !important;
  }
}

.width-px-295 {
  width: 295px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-295 {
    width: 295px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-295 {
    width: 295px !important;
  }
}

.width-px-296 {
  width: 296px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-296 {
    width: 296px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-296 {
    width: 296px !important;
  }
}

.width-px-297 {
  width: 297px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-297 {
    width: 297px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-297 {
    width: 297px !important;
  }
}

.width-px-298 {
  width: 298px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-298 {
    width: 298px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-298 {
    width: 298px !important;
  }
}

.width-px-299 {
  width: 299px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-299 {
    width: 299px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-299 {
    width: 299px !important;
  }
}

.width-px-300 {
  width: 300px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-300 {
    width: 300px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-300 {
    width: 300px !important;
  }
}

.width-px-301 {
  width: 301px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-301 {
    width: 301px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-301 {
    width: 301px !important;
  }
}

.width-px-302 {
  width: 302px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-302 {
    width: 302px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-302 {
    width: 302px !important;
  }
}

.width-px-303 {
  width: 303px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-303 {
    width: 303px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-303 {
    width: 303px !important;
  }
}

.width-px-304 {
  width: 304px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-304 {
    width: 304px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-304 {
    width: 304px !important;
  }
}

.width-px-305 {
  width: 305px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-305 {
    width: 305px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-305 {
    width: 305px !important;
  }
}

.width-px-306 {
  width: 306px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-306 {
    width: 306px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-306 {
    width: 306px !important;
  }
}

.width-px-307 {
  width: 307px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-307 {
    width: 307px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-307 {
    width: 307px !important;
  }
}

.width-px-308 {
  width: 308px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-308 {
    width: 308px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-308 {
    width: 308px !important;
  }
}

.width-px-309 {
  width: 309px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-309 {
    width: 309px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-309 {
    width: 309px !important;
  }
}

.width-px-310 {
  width: 310px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-310 {
    width: 310px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-310 {
    width: 310px !important;
  }
}

.width-px-311 {
  width: 311px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-311 {
    width: 311px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-311 {
    width: 311px !important;
  }
}

.width-px-312 {
  width: 312px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-312 {
    width: 312px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-312 {
    width: 312px !important;
  }
}

.width-px-313 {
  width: 313px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-313 {
    width: 313px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-313 {
    width: 313px !important;
  }
}

.width-px-314 {
  width: 314px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-314 {
    width: 314px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-314 {
    width: 314px !important;
  }
}

.width-px-315 {
  width: 315px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-315 {
    width: 315px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-315 {
    width: 315px !important;
  }
}

.width-px-316 {
  width: 316px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-316 {
    width: 316px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-316 {
    width: 316px !important;
  }
}

.width-px-317 {
  width: 317px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-317 {
    width: 317px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-317 {
    width: 317px !important;
  }
}

.width-px-318 {
  width: 318px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-318 {
    width: 318px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-318 {
    width: 318px !important;
  }
}

.width-px-319 {
  width: 319px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-319 {
    width: 319px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-319 {
    width: 319px !important;
  }
}

.width-px-320 {
  width: 320px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-320 {
    width: 320px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-320 {
    width: 320px !important;
  }
}

.width-px-321 {
  width: 321px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-321 {
    width: 321px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-321 {
    width: 321px !important;
  }
}

.width-px-322 {
  width: 322px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-322 {
    width: 322px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-322 {
    width: 322px !important;
  }
}

.width-px-323 {
  width: 323px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-323 {
    width: 323px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-323 {
    width: 323px !important;
  }
}

.width-px-324 {
  width: 324px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-324 {
    width: 324px !important;
  }
}

@media all and (max-width: 768px) {

  .width-px-sp-324 {
    width: 324px !important;
  }
}

.width-px-325 {
  width: 325px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-325 {
    width: 325px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-325 {
    width: 325px !important;
  }
}

.width-px-326 {
  width: 326px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-326 {
    width: 326px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-326 {
    width: 326px !important;
  }
}

.width-px-327 {
  width: 327px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-327 {
    width: 327px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-327 {
    width: 327px !important;
  }
}

.width-px-328 {
  width: 328px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-328 {
    width: 328px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-328 {
    width: 328px !important;
  }
}

.width-px-329 {
  width: 329px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-329 {
    width: 329px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-329 {
    width: 329px !important;
  }
}

.width-px-330 {
  width: 330px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-330 {
    width: 330px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-330 {
    width: 330px !important;
  }
}

.width-px-331 {
  width: 331px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-331 {
    width: 331px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-331 {
    width: 331px !important;
  }
}

.width-px-332 {
  width: 332px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-332 {
    width: 332px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-332 {
    width: 332px !important;
  }
}

.width-px-333 {
  width: 333px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-333 {
    width: 333px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-333 {
    width: 333px !important;
  }
}

.width-px-334 {
  width: 334px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-334 {
    width: 334px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-334 {
    width: 334px !important;
  }
}

.width-px-335 {
  width: 335px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-335 {
    width: 335px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-335 {
    width: 335px !important;
  }
}

.width-px-336 {
  width: 336px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-336 {
    width: 336px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-336 {
    width: 336px !important;
  }
}

.width-px-337 {
  width: 337px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-337 {
    width: 337px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-337 {
    width: 337px !important;
  }
}

.width-px-338 {
  width: 338px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-338 {
    width: 338px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-338 {
    width: 338px !important;
  }
}

.width-px-339 {
  width: 339px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-339 {
    width: 339px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-339 {
    width: 339px !important;
  }
}

.width-px-340 {
  width: 340px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-340 {
    width: 340px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-340 {
    width: 340px !important;
  }
}

.width-px-341 {
  width: 341px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-341 {
    width: 341px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-341 {
    width: 341px !important;
  }
}

.width-px-342 {
  width: 342px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-342 {
    width: 342px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-342 {
    width: 342px !important;
  }
}

.width-px-343 {
  width: 343px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-343 {
    width: 343px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-343 {
    width: 343px !important;
  }
}

.width-px-344 {
  width: 344px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-344 {
    width: 344px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-344 {
    width: 344px !important;
  }
}

.width-px-345 {
  width: 345px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-345 {
    width: 345px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-345 {
    width: 345px !important;
  }
}

.width-px-346 {
  width: 346px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-346 {
    width: 346px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-346 {
    width: 346px !important;
  }
}

.width-px-347 {
  width: 347px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-347 {
    width: 347px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-347 {
    width: 347px !important;
  }
}

.width-px-348 {
  width: 348px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-348 {
    width: 348px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-348 {
    width: 348px !important;
  }
}

.width-px-349 {
  width: 349px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-349 {
    width: 349px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-349 {
    width: 349px !important;
  }
}

.width-px-350 {
  width: 350px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-350 {
    width: 350px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-350 {
    width: 350px !important;
  }
}

.width-px-351 {
  width: 351px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-351 {
    width: 351px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-351 {
    width: 351px !important;
  }
}

.width-px-352 {
  width: 352px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-352 {
    width: 352px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-352 {
    width: 352px !important;
  }
}

.width-px-353 {
  width: 353px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-353 {
    width: 353px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-353 {
    width: 353px !important;
  }
}

.width-px-354 {
  width: 354px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-354 {
    width: 354px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-354 {
    width: 354px !important;
  }
}

.width-px-355 {
  width: 355px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-355 {
    width: 355px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-355 {
    width: 355px !important;
  }
}

.width-px-356 {
  width: 356px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-356 {
    width: 356px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-356 {
    width: 356px !important;
  }
}

.width-px-357 {
  width: 357px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-357 {
    width: 357px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-357 {
    width: 357px !important;
  }
}

.width-px-358 {
  width: 358px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-358 {
    width: 358px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-358 {
    width: 358px !important;
  }
}

.width-px-359 {
  width: 359px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-359 {
    width: 359px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-359 {
    width: 359px !important;
  }
}

.width-px-360 {
  width: 360px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-360 {
    width: 360px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-360 {
    width: 360px !important;
  }
}

.width-px-361 {
  width: 361px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-361 {
    width: 361px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-361 {
    width: 361px !important;
  }
}

.width-px-362 {
  width: 362px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-362 {
    width: 362px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-362 {
    width: 362px !important;
  }
}

.width-px-363 {
  width: 363px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-363 {
    width: 363px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-363 {
    width: 363px !important;
  }
}

.width-px-364 {
  width: 364px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-364 {
    width: 364px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-364 {
    width: 364px !important;
  }
}

.width-px-365 {
  width: 365px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-365 {
    width: 365px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-365 {
    width: 365px !important;
  }
}

.width-px-366 {
  width: 366px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-366 {
    width: 366px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-366 {
    width: 366px !important;
  }
}

.width-px-367 {
  width: 367px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-367 {
    width: 367px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-367 {
    width: 367px !important;
  }
}

.width-px-368 {
  width: 368px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-368 {
    width: 368px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-368 {
    width: 368px !important;
  }
}

.width-px-369 {
  width: 369px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-369 {
    width: 369px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-369 {
    width: 369px !important;
  }
}

.width-px-370 {
  width: 370px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-370 {
    width: 370px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-370 {
    width: 370px !important;
  }
}

.width-px-371 {
  width: 371px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-371 {
    width: 371px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-371 {
    width: 371px !important;
  }
}

.width-px-372 {
  width: 372px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-372 {
    width: 372px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-372 {
    width: 372px !important;
  }
}

.width-px-373 {
  width: 373px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-373 {
    width: 373px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-373 {
    width: 373px !important;
  }
}

.width-px-374 {
  width: 374px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-374 {
    width: 374px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-374 {
    width: 374px !important;
  }
}

.width-px-375 {
  width: 375px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-375 {
    width: 375px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-375 {
    width: 375px !important;
  }
}

.width-px-376 {
  width: 376px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-376 {
    width: 376px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-376 {
    width: 376px !important;
  }
}

.width-px-377 {
  width: 377px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-377 {
    width: 377px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-377 {
    width: 377px !important;
  }
}

.width-px-378 {
  width: 378px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-378 {
    width: 378px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-378 {
    width: 378px !important;
  }
}

.width-px-379 {
  width: 379px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-379 {
    width: 379px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-379 {
    width: 379px !important;
  }
}

.width-px-380 {
  width: 380px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-380 {
    width: 380px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-380 {
    width: 380px !important;
  }
}

.width-px-381 {
  width: 381px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-381 {
    width: 381px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-381 {
    width: 381px !important;
  }
}

.width-px-382 {
  width: 382px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-382 {
    width: 382px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-382 {
    width: 382px !important;
  }
}

.width-px-383 {
  width: 383px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-383 {
    width: 383px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-383 {
    width: 383px !important;
  }
}

.width-px-384 {
  width: 384px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-384 {
    width: 384px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-384 {
    width: 384px !important;
  }
}

.width-px-385 {
  width: 385px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-385 {
    width: 385px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-385 {
    width: 385px !important;
  }
}

.width-px-386 {
  width: 386px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-386 {
    width: 386px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-386 {
    width: 386px !important;
  }
}

.width-px-387 {
  width: 387px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-387 {
    width: 387px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-387 {
    width: 387px !important;
  }
}

.width-px-388 {
  width: 388px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-388 {
    width: 388px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-388 {
    width: 388px !important;
  }
}

.width-px-389 {
  width: 389px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-389 {
    width: 389px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-389 {
    width: 389px !important;
  }
}

.width-px-390 {
  width: 390px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-390 {
    width: 390px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-390 {
    width: 390px !important;
  }
}

.width-px-391 {
  width: 391px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-391 {
    width: 391px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-391 {
    width: 391px !important;
  }
}

.width-px-392 {
  width: 392px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-392 {
    width: 392px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-392 {
    width: 392px !important;
  }
}

.width-px-393 {
  width: 393px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-393 {
    width: 393px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-393 {
    width: 393px !important;
  }
}

.width-px-394 {
  width: 394px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-394 {
    width: 394px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-394 {
    width: 394px !important;
  }
}

.width-px-395 {
  width: 395px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-395 {
    width: 395px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-395 {
    width: 395px !important;
  }
}

.width-px-396 {
  width: 396px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-396 {
    width: 396px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-396 {
    width: 396px !important;
  }
}

.width-px-397 {
  width: 397px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-397 {
    width: 397px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-397 {
    width: 397px !important;
  }
}

.width-px-398 {
  width: 398px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-398 {
    width: 398px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-398 {
    width: 398px !important;
  }
}

.width-px-399 {
  width: 399px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-399 {
    width: 399px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-399 {
    width: 399px !important;
  }
}

.width-px-400 {
  width: 400px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-400 {
    width: 400px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-400 {
    width: 400px !important;
  }
}

.width-px-401 {
  width: 401px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-401 {
    width: 401px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-401 {
    width: 401px !important;
  }
}

.width-px-402 {
  width: 402px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-402 {
    width: 402px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-402 {
    width: 402px !important;
  }
}

.width-px-403 {
  width: 403px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-403 {
    width: 403px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-403 {
    width: 403px !important;
  }
}

.width-px-404 {
  width: 404px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-404 {
    width: 404px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-404 {
    width: 404px !important;
  }
}

.width-px-405 {
  width: 405px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-405 {
    width: 405px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-405 {
    width: 405px !important;
  }
}

.width-px-406 {
  width: 406px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-406 {
    width: 406px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-406 {
    width: 406px !important;
  }
}

.width-px-407 {
  width: 407px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-407 {
    width: 407px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-407 {
    width: 407px !important;
  }
}

.width-px-408 {
  width: 408px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-408 {
    width: 408px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-408 {
    width: 408px !important;
  }
}

.width-px-409 {
  width: 409px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-409 {
    width: 409px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-409 {
    width: 409px !important;
  }
}

.width-px-410 {
  width: 410px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-410 {
    width: 410px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-410 {
    width: 410px !important;
  }
}

.width-px-411 {
  width: 411px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-411 {
    width: 411px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-411 {
    width: 411px !important;
  }
}

.width-px-412 {
  width: 412px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-412 {
    width: 412px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-412 {
    width: 412px !important;
  }
}

.width-px-413 {
  width: 413px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-413 {
    width: 413px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-413 {
    width: 413px !important;
  }
}

.width-px-414 {
  width: 414px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-414 {
    width: 414px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-414 {
    width: 414px !important;
  }
}

.width-px-415 {
  width: 415px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-415 {
    width: 415px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-415 {
    width: 415px !important;
  }
}

.width-px-416 {
  width: 416px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-416 {
    width: 416px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-416 {
    width: 416px !important;
  }
}

.width-px-417 {
  width: 417px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-417 {
    width: 417px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-417 {
    width: 417px !important;
  }
}

.width-px-418 {
  width: 418px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-418 {
    width: 418px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-418 {
    width: 418px !important;
  }
}

.width-px-419 {
  width: 419px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-419 {
    width: 419px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-419 {
    width: 419px !important;
  }
}

.width-px-420 {
  width: 420px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-420 {
    width: 420px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-420 {
    width: 420px !important;
  }
}

.width-px-421 {
  width: 421px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-421 {
    width: 421px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-421 {
    width: 421px !important;
  }
}

.width-px-422 {
  width: 422px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-422 {
    width: 422px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-422 {
    width: 422px !important;
  }
}

.width-px-423 {
  width: 423px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-423 {
    width: 423px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-423 {
    width: 423px !important;
  }
}

.width-px-424 {
  width: 424px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-424 {
    width: 424px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-424 {
    width: 424px !important;
  }
}

.width-px-425 {
  width: 425px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-425 {
    width: 425px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-425 {
    width: 425px !important;
  }
}

.width-px-426 {
  width: 426px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-426 {
    width: 426px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-426 {
    width: 426px !important;
  }
}

.width-px-427 {
  width: 427px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-427 {
    width: 427px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-427 {
    width: 427px !important;
  }
}

.width-px-428 {
  width: 428px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-428 {
    width: 428px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-428 {
    width: 428px !important;
  }
}

.width-px-429 {
  width: 429px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-429 {
    width: 429px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-429 {
    width: 429px !important;
  }
}

.width-px-430 {
  width: 430px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-430 {
    width: 430px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-430 {
    width: 430px !important;
  }
}

.width-px-431 {
  width: 431px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-431 {
    width: 431px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-431 {
    width: 431px !important;
  }
}

.width-px-432 {
  width: 432px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-432 {
    width: 432px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-432 {
    width: 432px !important;
  }
}

.width-px-433 {
  width: 433px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-433 {
    width: 433px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-433 {
    width: 433px !important;
  }
}

.width-px-434 {
  width: 434px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-434 {
    width: 434px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-434 {
    width: 434px !important;
  }
}

.width-px-435 {
  width: 435px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-435 {
    width: 435px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-435 {
    width: 435px !important;
  }
}

.width-px-436 {
  width: 436px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-436 {
    width: 436px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-436 {
    width: 436px !important;
  }
}

.width-px-437 {
  width: 437px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-437 {
    width: 437px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-437 {
    width: 437px !important;
  }
}

.width-px-438 {
  width: 438px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-438 {
    width: 438px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-438 {
    width: 438px !important;
  }
}

.width-px-439 {
  width: 439px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-439 {
    width: 439px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-439 {
    width: 439px !important;
  }
}

.width-px-440 {
  width: 440px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-440 {
    width: 440px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-440 {
    width: 440px !important;
  }
}

.width-px-441 {
  width: 441px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-441 {
    width: 441px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-441 {
    width: 441px !important;
  }
}

.width-px-442 {
  width: 442px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-442 {
    width: 442px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-442 {
    width: 442px !important;
  }
}

.width-px-443 {
  width: 443px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-443 {
    width: 443px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-443 {
    width: 443px !important;
  }
}

.width-px-444 {
  width: 444px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-444 {
    width: 444px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-444 {
    width: 444px !important;
  }
}

.width-px-445 {
  width: 445px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-445 {
    width: 445px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-445 {
    width: 445px !important;
  }
}

.width-px-446 {
  width: 446px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-446 {
    width: 446px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-446 {
    width: 446px !important;
  }
}

.width-px-447 {
  width: 447px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-447 {
    width: 447px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-447 {
    width: 447px !important;
  }
}

.width-px-448 {
  width: 448px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-448 {
    width: 448px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-448 {
    width: 448px !important;
  }
}

.width-px-449 {
  width: 449px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-449 {
    width: 449px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-449 {
    width: 449px !important;
  }
}

.width-px-450 {
  width: 450px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-450 {
    width: 450px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-450 {
    width: 450px !important;
  }
}

.width-px-451 {
  width: 451px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-451 {
    width: 451px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-451 {
    width: 451px !important;
  }
}

.width-px-452 {
  width: 452px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-452 {
    width: 452px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-452 {
    width: 452px !important;
  }
}

.width-px-453 {
  width: 453px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-453 {
    width: 453px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-453 {
    width: 453px !important;
  }
}

.width-px-454 {
  width: 454px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-454 {
    width: 454px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-454 {
    width: 454px !important;
  }
}

.width-px-455 {
  width: 455px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-455 {
    width: 455px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-455 {
    width: 455px !important;
  }
}

.width-px-456 {
  width: 456px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-456 {
    width: 456px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-456 {
    width: 456px !important;
  }
}

.width-px-457 {
  width: 457px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-457 {
    width: 457px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-457 {
    width: 457px !important;
  }
}

.width-px-458 {
  width: 458px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-458 {
    width: 458px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-458 {
    width: 458px !important;
  }
}

.width-px-459 {
  width: 459px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-459 {
    width: 459px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-459 {
    width: 459px !important;
  }
}

.width-px-460 {
  width: 460px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-460 {
    width: 460px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-460 {
    width: 460px !important;
  }
}

.width-px-461 {
  width: 461px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-461 {
    width: 461px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-461 {
    width: 461px !important;
  }
}

.width-px-462 {
  width: 462px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-462 {
    width: 462px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-462 {
    width: 462px !important;
  }
}

.width-px-463 {
  width: 463px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-463 {
    width: 463px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-463 {
    width: 463px !important;
  }
}

.width-px-464 {
  width: 464px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-464 {
    width: 464px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-464 {
    width: 464px !important;
  }
}

.width-px-465 {
  width: 465px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-465 {
    width: 465px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-465 {
    width: 465px !important;
  }
}

.width-px-466 {
  width: 466px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-466 {
    width: 466px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-466 {
    width: 466px !important;
  }
}

.width-px-467 {
  width: 467px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-467 {
    width: 467px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-467 {
    width: 467px !important;
  }
}

.width-px-468 {
  width: 468px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-468 {
    width: 468px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-468 {
    width: 468px !important;
  }
}

.width-px-469 {
  width: 469px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-469 {
    width: 469px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-469 {
    width: 469px !important;
  }
}

.width-px-470 {
  width: 470px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-470 {
    width: 470px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-470 {
    width: 470px !important;
  }
}

.width-px-471 {
  width: 471px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-471 {
    width: 471px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-471 {
    width: 471px !important;
  }
}

.width-px-472 {
  width: 472px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-472 {
    width: 472px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-472 {
    width: 472px !important;
  }
}

.width-px-473 {
  width: 473px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-473 {
    width: 473px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-473 {
    width: 473px !important;
  }
}

.width-px-474 {
  width: 474px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-474 {
    width: 474px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-474 {
    width: 474px !important;
  }
}

.width-px-475 {
  width: 475px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-475 {
    width: 475px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-475 {
    width: 475px !important;
  }
}

.width-px-476 {
  width: 476px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-476 {
    width: 476px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-476 {
    width: 476px !important;
  }
}

.width-px-477 {
  width: 477px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-477 {
    width: 477px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-477 {
    width: 477px !important;
  }
}

.width-px-478 {
  width: 478px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-478 {
    width: 478px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-478 {
    width: 478px !important;
  }
}

.width-px-479 {
  width: 479px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-479 {
    width: 479px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-479 {
    width: 479px !important;
  }
}

.width-px-480 {
  width: 480px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-480 {
    width: 480px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-480 {
    width: 480px !important;
  }
}

.width-px-481 {
  width: 481px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-481 {
    width: 481px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-481 {
    width: 481px !important;
  }
}

.width-px-482 {
  width: 482px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-482 {
    width: 482px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-482 {
    width: 482px !important;
  }
}

.width-px-483 {
  width: 483px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-483 {
    width: 483px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-483 {
    width: 483px !important;
  }
}

.width-px-484 {
  width: 484px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-484 {
    width: 484px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-484 {
    width: 484px !important;
  }
}

.width-px-485 {
  width: 485px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-485 {
    width: 485px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-485 {
    width: 485px !important;
  }
}

.width-px-486 {
  width: 486px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-486 {
    width: 486px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-486 {
    width: 486px !important;
  }
}

.width-px-487 {
  width: 487px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-487 {
    width: 487px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-487 {
    width: 487px !important;
  }
}

.width-px-488 {
  width: 488px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-488 {
    width: 488px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-488 {
    width: 488px !important;
  }
}

.width-px-489 {
  width: 489px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-489 {
    width: 489px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-489 {
    width: 489px !important;
  }
}

.width-px-490 {
  width: 490px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-490 {
    width: 490px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-490 {
    width: 490px !important;
  }
}

.width-px-491 {
  width: 491px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-491 {
    width: 491px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-491 {
    width: 491px !important;
  }
}

.width-px-492 {
  width: 492px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-492 {
    width: 492px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-492 {
    width: 492px !important;
  }
}

.width-px-493 {
  width: 493px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-493 {
    width: 493px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-493 {
    width: 493px !important;
  }
}

.width-px-494 {
  width: 494px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-494 {
    width: 494px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-494 {
    width: 494px !important;
  }
}

.width-px-495 {
  width: 495px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-495 {
    width: 495px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-495 {
    width: 495px !important;
  }
}

.width-px-496 {
  width: 496px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-496 {
    width: 496px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-496 {
    width: 496px !important;
  }
}

.width-px-497 {
  width: 497px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-497 {
    width: 497px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-497 {
    width: 497px !important;
  }
}

.width-px-498 {
  width: 498px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-498 {
    width: 498px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-498 {
    width: 498px !important;
  }
}

.width-px-499 {
  width: 499px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-499 {
    width: 499px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-499 {
    width: 499px !important;
  }
}

.width-px-500 {
  width: 500px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-500 {
    width: 500px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-500 {
    width: 500px !important;
  }
}

.width-px-501 {
  width: 501px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-501 {
    width: 501px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-501 {
    width: 501px !important;
  }
}

.width-px-502 {
  width: 502px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-502 {
    width: 502px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-502 {
    width: 502px !important;
  }
}

.width-px-503 {
  width: 503px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-503 {
    width: 503px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-503 {
    width: 503px !important;
  }
}

.width-px-504 {
  width: 504px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-504 {
    width: 504px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-504 {
    width: 504px !important;
  }
}

.width-px-505 {
  width: 505px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-505 {
    width: 505px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-505 {
    width: 505px !important;
  }
}

.width-px-506 {
  width: 506px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-506 {
    width: 506px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-506 {
    width: 506px !important;
  }
}

.width-px-507 {
  width: 507px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-507 {
    width: 507px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-507 {
    width: 507px !important;
  }
}

.width-px-508 {
  width: 508px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-508 {
    width: 508px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-508 {
    width: 508px !important;
  }
}

.width-px-509 {
  width: 509px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-509 {
    width: 509px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-509 {
    width: 509px !important;
  }
}

.width-px-510 {
  width: 510px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-510 {
    width: 510px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-510 {
    width: 510px !important;
  }
}

.width-px-511 {
  width: 511px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-511 {
    width: 511px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-511 {
    width: 511px !important;
  }
}

.width-px-512 {
  width: 512px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-512 {
    width: 512px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-512 {
    width: 512px !important;
  }
}

.width-px-513 {
  width: 513px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-513 {
    width: 513px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-513 {
    width: 513px !important;
  }
}

.width-px-514 {
  width: 514px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-514 {
    width: 514px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-514 {
    width: 514px !important;
  }
}

.width-px-515 {
  width: 515px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-515 {
    width: 515px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-515 {
    width: 515px !important;
  }
}

.width-px-516 {
  width: 516px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-516 {
    width: 516px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-516 {
    width: 516px !important;
  }
}

.width-px-517 {
  width: 517px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-517 {
    width: 517px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-517 {
    width: 517px !important;
  }
}

.width-px-518 {
  width: 518px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-518 {
    width: 518px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-518 {
    width: 518px !important;
  }
}

.width-px-519 {
  width: 519px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-519 {
    width: 519px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-519 {
    width: 519px !important;
  }
}

.width-px-520 {
  width: 520px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-520 {
    width: 520px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-520 {
    width: 520px !important;
  }
}

.width-px-521 {
  width: 521px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-521 {
    width: 521px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-521 {
    width: 521px !important;
  }
}

.width-px-522 {
  width: 522px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-522 {
    width: 522px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-522 {
    width: 522px !important;
  }
}

.width-px-523 {
  width: 523px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-523 {
    width: 523px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-523 {
    width: 523px !important;
  }
}

.width-px-524 {
  width: 524px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-524 {
    width: 524px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-524 {
    width: 524px !important;
  }
}

.width-px-525 {
  width: 525px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-525 {
    width: 525px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-525 {
    width: 525px !important;
  }
}

.width-px-526 {
  width: 526px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-526 {
    width: 526px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-526 {
    width: 526px !important;
  }
}

.width-px-527 {
  width: 527px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-527 {
    width: 527px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-527 {
    width: 527px !important;
  }
}

.width-px-528 {
  width: 528px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-528 {
    width: 528px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-528 {
    width: 528px !important;
  }
}

.width-px-529 {
  width: 529px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-529 {
    width: 529px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-529 {
    width: 529px !important;
  }
}

.width-px-530 {
  width: 530px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-530 {
    width: 530px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-530 {
    width: 530px !important;
  }
}

.width-px-531 {
  width: 531px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-531 {
    width: 531px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-531 {
    width: 531px !important;
  }
}

.width-px-532 {
  width: 532px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-532 {
    width: 532px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-532 {
    width: 532px !important;
  }
}

.width-px-533 {
  width: 533px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-533 {
    width: 533px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-533 {
    width: 533px !important;
  }
}

.width-px-534 {
  width: 534px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-534 {
    width: 534px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-534 {
    width: 534px !important;
  }
}

.width-px-535 {
  width: 535px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-535 {
    width: 535px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-535 {
    width: 535px !important;
  }
}

.width-px-536 {
  width: 536px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-536 {
    width: 536px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-536 {
    width: 536px !important;
  }
}

.width-px-537 {
  width: 537px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-537 {
    width: 537px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-537 {
    width: 537px !important;
  }
}

.width-px-538 {
  width: 538px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-538 {
    width: 538px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-538 {
    width: 538px !important;
  }
}

.width-px-539 {
  width: 539px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-539 {
    width: 539px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-539 {
    width: 539px !important;
  }
}

.width-px-540 {
  width: 540px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-540 {
    width: 540px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-540 {
    width: 540px !important;
  }
}

.width-px-541 {
  width: 541px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-541 {
    width: 541px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-541 {
    width: 541px !important;
  }
}

.width-px-542 {
  width: 542px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-542 {
    width: 542px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-542 {
    width: 542px !important;
  }
}

.width-px-543 {
  width: 543px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-543 {
    width: 543px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-543 {
    width: 543px !important;
  }
}

.width-px-544 {
  width: 544px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-544 {
    width: 544px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-544 {
    width: 544px !important;
  }
}

.width-px-545 {
  width: 545px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-545 {
    width: 545px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-545 {
    width: 545px !important;
  }
}

.width-px-546 {
  width: 546px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-546 {
    width: 546px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-546 {
    width: 546px !important;
  }
}

.width-px-547 {
  width: 547px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-547 {
    width: 547px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-547 {
    width: 547px !important;
  }
}

.width-px-548 {
  width: 548px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-548 {
    width: 548px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-548 {
    width: 548px !important;
  }
}

.width-px-549 {
  width: 549px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-549 {
    width: 549px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-549 {
    width: 549px !important;
  }
}

.width-px-550 {
  width: 550px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-550 {
    width: 550px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-550 {
    width: 550px !important;
  }
}

.width-px-551 {
  width: 551px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-551 {
    width: 551px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-551 {
    width: 551px !important;
  }
}

.width-px-552 {
  width: 552px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-552 {
    width: 552px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-552 {
    width: 552px !important;
  }
}

.width-px-553 {
  width: 553px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-553 {
    width: 553px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-553 {
    width: 553px !important;
  }
}

.width-px-554 {
  width: 554px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-554 {
    width: 554px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-554 {
    width: 554px !important;
  }
}

.width-px-555 {
  width: 555px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-555 {
    width: 555px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-555 {
    width: 555px !important;
  }
}

.width-px-556 {
  width: 556px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-556 {
    width: 556px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-556 {
    width: 556px !important;
  }
}

.width-px-557 {
  width: 557px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-557 {
    width: 557px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-557 {
    width: 557px !important;
  }
}

.width-px-558 {
  width: 558px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-558 {
    width: 558px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-558 {
    width: 558px !important;
  }
}

.width-px-559 {
  width: 559px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-559 {
    width: 559px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-559 {
    width: 559px !important;
  }
}

.width-px-560 {
  width: 560px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-560 {
    width: 560px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-560 {
    width: 560px !important;
  }
}

.width-px-561 {
  width: 561px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-561 {
    width: 561px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-561 {
    width: 561px !important;
  }
}

.width-px-562 {
  width: 562px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-562 {
    width: 562px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-562 {
    width: 562px !important;
  }
}

.width-px-563 {
  width: 563px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-563 {
    width: 563px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-563 {
    width: 563px !important;
  }
}

.width-px-564 {
  width: 564px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-564 {
    width: 564px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-564 {
    width: 564px !important;
  }
}

.width-px-565 {
  width: 565px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-565 {
    width: 565px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-565 {
    width: 565px !important;
  }
}

.width-px-566 {
  width: 566px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-566 {
    width: 566px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-566 {
    width: 566px !important;
  }
}

.width-px-567 {
  width: 567px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-567 {
    width: 567px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-567 {
    width: 567px !important;
  }
}

.width-px-568 {
  width: 568px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-568 {
    width: 568px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-568 {
    width: 568px !important;
  }
}

.width-px-569 {
  width: 569px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-569 {
    width: 569px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-569 {
    width: 569px !important;
  }
}

.width-px-570 {
  width: 570px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-570 {
    width: 570px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-570 {
    width: 570px !important;
  }
}

.width-px-571 {
  width: 571px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-571 {
    width: 571px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-571 {
    width: 571px !important;
  }
}

.width-px-572 {
  width: 572px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-572 {
    width: 572px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-572 {
    width: 572px !important;
  }
}

.width-px-573 {
  width: 573px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-573 {
    width: 573px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-573 {
    width: 573px !important;
  }
}

.width-px-574 {
  width: 574px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-574 {
    width: 574px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-574 {
    width: 574px !important;
  }
}

.width-px-575 {
  width: 575px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-575 {
    width: 575px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-575 {
    width: 575px !important;
  }
}

.width-px-576 {
  width: 576px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-576 {
    width: 576px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-576 {
    width: 576px !important;
  }
}

.width-px-577 {
  width: 577px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-577 {
    width: 577px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-577 {
    width: 577px !important;
  }
}

.width-px-578 {
  width: 578px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-578 {
    width: 578px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-578 {
    width: 578px !important;
  }
}

.width-px-579 {
  width: 579px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-579 {
    width: 579px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-579 {
    width: 579px !important;
  }
}

.width-px-580 {
  width: 580px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-580 {
    width: 580px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-580 {
    width: 580px !important;
  }
}

.width-px-581 {
  width: 581px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-581 {
    width: 581px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-581 {
    width: 581px !important;
  }
}

.width-px-582 {
  width: 582px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-582 {
    width: 582px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-582 {
    width: 582px !important;
  }
}

.width-px-583 {
  width: 583px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-583 {
    width: 583px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-583 {
    width: 583px !important;
  }
}

.width-px-584 {
  width: 584px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-584 {
    width: 584px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-584 {
    width: 584px !important;
  }
}

.width-px-585 {
  width: 585px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-585 {
    width: 585px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-585 {
    width: 585px !important;
  }
}

.width-px-586 {
  width: 586px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-586 {
    width: 586px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-586 {
    width: 586px !important;
  }
}

.width-px-587 {
  width: 587px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-587 {
    width: 587px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-587 {
    width: 587px !important;
  }
}

.width-px-588 {
  width: 588px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-588 {
    width: 588px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-588 {
    width: 588px !important;
  }
}

.width-px-589 {
  width: 589px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-589 {
    width: 589px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-589 {
    width: 589px !important;
  }
}

.width-px-590 {
  width: 590px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-590 {
    width: 590px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-590 {
    width: 590px !important;
  }
}

.width-px-591 {
  width: 591px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-591 {
    width: 591px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-591 {
    width: 591px !important;
  }
}

.width-px-592 {
  width: 592px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-592 {
    width: 592px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-592 {
    width: 592px !important;
  }
}

.width-px-593 {
  width: 593px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-593 {
    width: 593px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-593 {
    width: 593px !important;
  }
}

.width-px-594 {
  width: 594px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-594 {
    width: 594px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-594 {
    width: 594px !important;
  }
}

.width-px-595 {
  width: 595px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-595 {
    width: 595px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-595 {
    width: 595px !important;
  }
}

.width-px-596 {
  width: 596px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-596 {
    width: 596px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-596 {
    width: 596px !important;
  }
}

.width-px-597 {
  width: 597px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-597 {
    width: 597px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-597 {
    width: 597px !important;
  }
}

.width-px-598 {
  width: 598px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-598 {
    width: 598px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-598 {
    width: 598px !important;
  }
}

.width-px-599 {
  width: 599px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-599 {
    width: 599px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-599 {
    width: 599px !important;
  }
}

.width-px-600 {
  width: 600px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-600 {
    width: 600px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-600 {
    width: 600px !important;
  }
}

.width-px-601 {
  width: 601px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-601 {
    width: 601px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-601 {
    width: 601px !important;
  }
}

.width-px-602 {
  width: 602px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-602 {
    width: 602px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-602 {
    width: 602px !important;
  }
}

.width-px-603 {
  width: 603px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-603 {
    width: 603px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-603 {
    width: 603px !important;
  }
}

.width-px-604 {
  width: 604px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-604 {
    width: 604px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-604 {
    width: 604px !important;
  }
}

.width-px-605 {
  width: 605px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-605 {
    width: 605px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-605 {
    width: 605px !important;
  }
}

.width-px-606 {
  width: 606px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-606 {
    width: 606px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-606 {
    width: 606px !important;
  }
}

.width-px-607 {
  width: 607px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-607 {
    width: 607px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-607 {
    width: 607px !important;
  }
}

.width-px-608 {
  width: 608px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-608 {
    width: 608px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-608 {
    width: 608px !important;
  }
}

.width-px-609 {
  width: 609px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-609 {
    width: 609px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-609 {
    width: 609px !important;
  }
}

.width-px-610 {
  width: 610px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-610 {
    width: 610px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-610 {
    width: 610px !important;
  }
}

.width-px-611 {
  width: 611px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-611 {
    width: 611px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-611 {
    width: 611px !important;
  }
}

.width-px-612 {
  width: 612px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-612 {
    width: 612px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-612 {
    width: 612px !important;
  }
}

.width-px-613 {
  width: 613px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-613 {
    width: 613px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-613 {
    width: 613px !important;
  }
}

.width-px-614 {
  width: 614px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-614 {
    width: 614px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-614 {
    width: 614px !important;
  }
}

.width-px-615 {
  width: 615px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-615 {
    width: 615px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-615 {
    width: 615px !important;
  }
}

.width-px-616 {
  width: 616px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-616 {
    width: 616px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-616 {
    width: 616px !important;
  }
}

.width-px-617 {
  width: 617px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-617 {
    width: 617px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-617 {
    width: 617px !important;
  }
}

.width-px-618 {
  width: 618px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-618 {
    width: 618px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-618 {
    width: 618px !important;
  }
}

.width-px-619 {
  width: 619px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-619 {
    width: 619px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-619 {
    width: 619px !important;
  }
}

.width-px-620 {
  width: 620px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-620 {
    width: 620px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-620 {
    width: 620px !important;
  }
}

.width-px-621 {
  width: 621px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-621 {
    width: 621px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-621 {
    width: 621px !important;
  }
}

.width-px-622 {
  width: 622px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-622 {
    width: 622px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-622 {
    width: 622px !important;
  }
}

.width-px-623 {
  width: 623px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-623 {
    width: 623px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-623 {
    width: 623px !important;
  }
}

.width-px-624 {
  width: 624px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-624 {
    width: 624px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-624 {
    width: 624px !important;
  }
}

.width-px-625 {
  width: 625px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-625 {
    width: 625px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-625 {
    width: 625px !important;
  }
}

.width-px-626 {
  width: 626px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-626 {
    width: 626px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-626 {
    width: 626px !important;
  }
}

.width-px-627 {
  width: 627px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-627 {
    width: 627px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-627 {
    width: 627px !important;
  }
}

.width-px-628 {
  width: 628px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-628 {
    width: 628px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-628 {
    width: 628px !important;
  }
}

.width-px-629 {
  width: 629px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-629 {
    width: 629px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-629 {
    width: 629px !important;
  }
}

.width-px-630 {
  width: 630px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-630 {
    width: 630px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-630 {
    width: 630px !important;
  }
}

.width-px-631 {
  width: 631px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-631 {
    width: 631px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-631 {
    width: 631px !important;
  }
}

.width-px-632 {
  width: 632px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-632 {
    width: 632px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-632 {
    width: 632px !important;
  }
}

.width-px-633 {
  width: 633px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-633 {
    width: 633px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-633 {
    width: 633px !important;
  }
}

.width-px-634 {
  width: 634px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-634 {
    width: 634px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-634 {
    width: 634px !important;
  }
}

.width-px-635 {
  width: 635px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-635 {
    width: 635px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-635 {
    width: 635px !important;
  }
}

.width-px-636 {
  width: 636px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-636 {
    width: 636px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-636 {
    width: 636px !important;
  }
}

.width-px-637 {
  width: 637px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-637 {
    width: 637px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-637 {
    width: 637px !important;
  }
}

.width-px-638 {
  width: 638px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-638 {
    width: 638px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-638 {
    width: 638px !important;
  }
}

.width-px-639 {
  width: 639px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-639 {
    width: 639px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-639 {
    width: 639px !important;
  }
}

.width-px-640 {
  width: 640px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-640 {
    width: 640px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-640 {
    width: 640px !important;
  }
}

.width-px-641 {
  width: 641px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-641 {
    width: 641px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-641 {
    width: 641px !important;
  }
}

.width-px-642 {
  width: 642px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-642 {
    width: 642px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-642 {
    width: 642px !important;
  }
}

.width-px-643 {
  width: 643px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-643 {
    width: 643px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-643 {
    width: 643px !important;
  }
}

.width-px-644 {
  width: 644px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-644 {
    width: 644px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-644 {
    width: 644px !important;
  }
}

.width-px-645 {
  width: 645px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-645 {
    width: 645px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-645 {
    width: 645px !important;
  }
}

.width-px-646 {
  width: 646px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-646 {
    width: 646px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-646 {
    width: 646px !important;
  }
}

.width-px-647 {
  width: 647px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-647 {
    width: 647px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-647 {
    width: 647px !important;
  }
}

.width-px-648 {
  width: 648px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-648 {
    width: 648px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-648 {
    width: 648px !important;
  }
}

.width-px-649 {
  width: 649px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-649 {
    width: 649px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-649 {
    width: 649px !important;
  }
}

.width-px-650 {
  width: 650px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-650 {
    width: 650px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-650 {
    width: 650px !important;
  }
}

.width-px-651 {
  width: 651px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-651 {
    width: 651px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-651 {
    width: 651px !important;
  }
}

.width-px-652 {
  width: 652px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-652 {
    width: 652px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-652 {
    width: 652px !important;
  }
}

.width-px-653 {
  width: 653px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-653 {
    width: 653px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-653 {
    width: 653px !important;
  }
}

.width-px-654 {
  width: 654px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-654 {
    width: 654px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-654 {
    width: 654px !important;
  }
}

.width-px-655 {
  width: 655px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-655 {
    width: 655px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-655 {
    width: 655px !important;
  }
}

.width-px-656 {
  width: 656px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-656 {
    width: 656px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-656 {
    width: 656px !important;
  }
}

.width-px-657 {
  width: 657px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-657 {
    width: 657px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-657 {
    width: 657px !important;
  }
}

.width-px-658 {
  width: 658px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-658 {
    width: 658px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-658 {
    width: 658px !important;
  }
}

.width-px-659 {
  width: 659px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-659 {
    width: 659px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-659 {
    width: 659px !important;
  }
}

.width-px-660 {
  width: 660px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-660 {
    width: 660px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-660 {
    width: 660px !important;
  }
}

.width-px-661 {
  width: 661px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-661 {
    width: 661px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-661 {
    width: 661px !important;
  }
}

.width-px-662 {
  width: 662px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-662 {
    width: 662px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-662 {
    width: 662px !important;
  }
}

.width-px-663 {
  width: 663px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-663 {
    width: 663px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-663 {
    width: 663px !important;
  }
}

.width-px-664 {
  width: 664px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-664 {
    width: 664px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-664 {
    width: 664px !important;
  }
}

.width-px-665 {
  width: 665px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-665 {
    width: 665px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-665 {
    width: 665px !important;
  }
}

.width-px-666 {
  width: 666px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-666 {
    width: 666px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-666 {
    width: 666px !important;
  }
}

.width-px-667 {
  width: 667px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-667 {
    width: 667px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-667 {
    width: 667px !important;
  }
}

.width-px-668 {
  width: 668px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-668 {
    width: 668px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-668 {
    width: 668px !important;
  }
}

.width-px-669 {
  width: 669px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-669 {
    width: 669px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-669 {
    width: 669px !important;
  }
}

.width-px-670 {
  width: 670px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-670 {
    width: 670px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-670 {
    width: 670px !important;
  }
}

.width-px-671 {
  width: 671px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-671 {
    width: 671px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-671 {
    width: 671px !important;
  }
}

.width-px-672 {
  width: 672px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-672 {
    width: 672px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-672 {
    width: 672px !important;
  }
}

.width-px-673 {
  width: 673px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-673 {
    width: 673px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-673 {
    width: 673px !important;
  }
}

.width-px-674 {
  width: 674px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-674 {
    width: 674px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-674 {
    width: 674px !important;
  }
}

.width-px-675 {
  width: 675px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-675 {
    width: 675px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-675 {
    width: 675px !important;
  }
}

.width-px-676 {
  width: 676px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-676 {
    width: 676px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-676 {
    width: 676px !important;
  }
}

.width-px-677 {
  width: 677px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-677 {
    width: 677px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-677 {
    width: 677px !important;
  }
}

.width-px-678 {
  width: 678px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-678 {
    width: 678px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-678 {
    width: 678px !important;
  }
}

.width-px-679 {
  width: 679px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-679 {
    width: 679px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-679 {
    width: 679px !important;
  }
}

.width-px-680 {
  width: 680px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-680 {
    width: 680px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-680 {
    width: 680px !important;
  }
}

.width-px-681 {
  width: 681px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-681 {
    width: 681px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-681 {
    width: 681px !important;
  }
}

.width-px-682 {
  width: 682px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-682 {
    width: 682px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-682 {
    width: 682px !important;
  }
}

.width-px-683 {
  width: 683px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-683 {
    width: 683px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-683 {
    width: 683px !important;
  }
}

.width-px-684 {
  width: 684px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-684 {
    width: 684px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-684 {
    width: 684px !important;
  }
}

.width-px-685 {
  width: 685px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-685 {
    width: 685px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-685 {
    width: 685px !important;
  }
}

.width-px-686 {
  width: 686px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-686 {
    width: 686px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-686 {
    width: 686px !important;
  }
}

.width-px-687 {
  width: 687px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-687 {
    width: 687px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-687 {
    width: 687px !important;
  }
}

.width-px-688 {
  width: 688px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-688 {
    width: 688px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-688 {
    width: 688px !important;
  }
}

.width-px-689 {
  width: 689px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-689 {
    width: 689px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-689 {
    width: 689px !important;
  }
}

.width-px-690 {
  width: 690px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-690 {
    width: 690px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-690 {
    width: 690px !important;
  }
}

.width-px-691 {
  width: 691px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-691 {
    width: 691px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-691 {
    width: 691px !important;
  }
}

.width-px-692 {
  width: 692px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-692 {
    width: 692px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-692 {
    width: 692px !important;
  }
}

.width-px-693 {
  width: 693px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-693 {
    width: 693px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-693 {
    width: 693px !important;
  }
}

.width-px-694 {
  width: 694px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-694 {
    width: 694px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-694 {
    width: 694px !important;
  }
}

.width-px-695 {
  width: 695px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-695 {
    width: 695px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-695 {
    width: 695px !important;
  }
}

.width-px-696 {
  width: 696px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-696 {
    width: 696px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-696 {
    width: 696px !important;
  }
}

.width-px-697 {
  width: 697px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-697 {
    width: 697px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-697 {
    width: 697px !important;
  }
}

.width-px-698 {
  width: 698px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-698 {
    width: 698px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-698 {
    width: 698px !important;
  }
}

.width-px-699 {
  width: 699px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-699 {
    width: 699px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-699 {
    width: 699px !important;
  }
}

.width-px-700 {
  width: 700px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-700 {
    width: 700px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-700 {
    width: 700px !important;
  }
}

.width-px-701 {
  width: 701px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-701 {
    width: 701px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-701 {
    width: 701px !important;
  }
}

.width-px-702 {
  width: 702px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-702 {
    width: 702px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-702 {
    width: 702px !important;
  }
}

.width-px-703 {
  width: 703px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-703 {
    width: 703px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-703 {
    width: 703px !important;
  }
}

.width-px-704 {
  width: 704px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-704 {
    width: 704px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-704 {
    width: 704px !important;
  }
}

.width-px-705 {
  width: 705px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-705 {
    width: 705px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-705 {
    width: 705px !important;
  }
}

.width-px-706 {
  width: 706px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-706 {
    width: 706px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-706 {
    width: 706px !important;
  }
}

.width-px-707 {
  width: 707px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-707 {
    width: 707px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-707 {
    width: 707px !important;
  }
}

.width-px-708 {
  width: 708px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-708 {
    width: 708px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-708 {
    width: 708px !important;
  }
}

.width-px-709 {
  width: 709px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-709 {
    width: 709px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-709 {
    width: 709px !important;
  }
}

.width-px-710 {
  width: 710px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-710 {
    width: 710px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-710 {
    width: 710px !important;
  }
}

.width-px-711 {
  width: 711px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-711 {
    width: 711px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-711 {
    width: 711px !important;
  }
}

.width-px-712 {
  width: 712px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-712 {
    width: 712px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-712 {
    width: 712px !important;
  }
}

.width-px-713 {
  width: 713px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-713 {
    width: 713px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-713 {
    width: 713px !important;
  }
}

.width-px-714 {
  width: 714px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-714 {
    width: 714px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-714 {
    width: 714px !important;
  }
}

.width-px-715 {
  width: 715px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-715 {
    width: 715px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-715 {
    width: 715px !important;
  }
}

.width-px-716 {
  width: 716px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-716 {
    width: 716px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-716 {
    width: 716px !important;
  }
}

.width-px-717 {
  width: 717px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-717 {
    width: 717px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-717 {
    width: 717px !important;
  }
}

.width-px-718 {
  width: 718px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-718 {
    width: 718px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-718 {
    width: 718px !important;
  }
}

.width-px-719 {
  width: 719px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-719 {
    width: 719px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-719 {
    width: 719px !important;
  }
}

.width-px-720 {
  width: 720px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-720 {
    width: 720px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-720 {
    width: 720px !important;
  }
}

.width-px-721 {
  width: 721px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-721 {
    width: 721px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-721 {
    width: 721px !important;
  }
}

.width-px-722 {
  width: 722px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-722 {
    width: 722px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-722 {
    width: 722px !important;
  }
}

.width-px-723 {
  width: 723px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-723 {
    width: 723px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-723 {
    width: 723px !important;
  }
}

.width-px-724 {
  width: 724px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-724 {
    width: 724px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-724 {
    width: 724px !important;
  }
}

.width-px-725 {
  width: 725px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-725 {
    width: 725px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-725 {
    width: 725px !important;
  }
}

.width-px-726 {
  width: 726px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-726 {
    width: 726px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-726 {
    width: 726px !important;
  }
}

.width-px-727 {
  width: 727px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-727 {
    width: 727px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-727 {
    width: 727px !important;
  }
}

.width-px-728 {
  width: 728px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-728 {
    width: 728px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-728 {
    width: 728px !important;
  }
}

.width-px-729 {
  width: 729px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-729 {
    width: 729px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-729 {
    width: 729px !important;
  }
}

.width-px-730 {
  width: 730px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-730 {
    width: 730px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-730 {
    width: 730px !important;
  }
}

.width-px-731 {
  width: 731px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-731 {
    width: 731px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-731 {
    width: 731px !important;
  }
}

.width-px-732 {
  width: 732px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-732 {
    width: 732px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-732 {
    width: 732px !important;
  }
}

.width-px-733 {
  width: 733px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-733 {
    width: 733px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-733 {
    width: 733px !important;
  }
}

.width-px-734 {
  width: 734px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-734 {
    width: 734px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-734 {
    width: 734px !important;
  }
}

.width-px-735 {
  width: 735px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-735 {
    width: 735px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-735 {
    width: 735px !important;
  }
}

.width-px-736 {
  width: 736px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-736 {
    width: 736px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-736 {
    width: 736px !important;
  }
}

.width-px-737 {
  width: 737px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-737 {
    width: 737px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-737 {
    width: 737px !important;
  }
}

.width-px-738 {
  width: 738px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-738 {
    width: 738px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-738 {
    width: 738px !important;
  }
}

.width-px-739 {
  width: 739px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-739 {
    width: 739px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-739 {
    width: 739px !important;
  }
}

.width-px-740 {
  width: 740px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-740 {
    width: 740px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-740 {
    width: 740px !important;
  }
}

.width-px-741 {
  width: 741px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-741 {
    width: 741px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-741 {
    width: 741px !important;
  }
}

.width-px-742 {
  width: 742px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-742 {
    width: 742px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-742 {
    width: 742px !important;
  }
}

.width-px-743 {
  width: 743px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-743 {
    width: 743px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-743 {
    width: 743px !important;
  }
}

.width-px-744 {
  width: 744px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-744 {
    width: 744px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-744 {
    width: 744px !important;
  }
}

.width-px-745 {
  width: 745px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-745 {
    width: 745px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-745 {
    width: 745px !important;
  }
}

.width-px-746 {
  width: 746px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-746 {
    width: 746px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-746 {
    width: 746px !important;
  }
}

.width-px-747 {
  width: 747px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-747 {
    width: 747px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-747 {
    width: 747px !important;
  }
}

.width-px-748 {
  width: 748px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-748 {
    width: 748px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-748 {
    width: 748px !important;
  }
}

.width-px-749 {
  width: 749px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-749 {
    width: 749px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-749 {
    width: 749px !important;
  }
}

.width-px-750 {
  width: 750px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-750 {
    width: 750px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-750 {
    width: 750px !important;
  }
}

.width-px-751 {
  width: 751px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-751 {
    width: 751px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-751 {
    width: 751px !important;
  }
}

.width-px-752 {
  width: 752px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-752 {
    width: 752px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-752 {
    width: 752px !important;
  }
}

.width-px-753 {
  width: 753px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-753 {
    width: 753px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-753 {
    width: 753px !important;
  }
}

.width-px-754 {
  width: 754px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-754 {
    width: 754px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-754 {
    width: 754px !important;
  }
}

.width-px-755 {
  width: 755px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-755 {
    width: 755px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-755 {
    width: 755px !important;
  }
}

.width-px-756 {
  width: 756px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-756 {
    width: 756px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-756 {
    width: 756px !important;
  }
}

.width-px-757 {
  width: 757px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-757 {
    width: 757px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-757 {
    width: 757px !important;
  }
}

.width-px-758 {
  width: 758px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-758 {
    width: 758px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-758 {
    width: 758px !important;
  }
}

.width-px-759 {
  width: 759px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-759 {
    width: 759px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-759 {
    width: 759px !important;
  }
}

.width-px-760 {
  width: 760px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-760 {
    width: 760px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-760 {
    width: 760px !important;
  }
}

.width-px-761 {
  width: 761px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-761 {
    width: 761px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-761 {
    width: 761px !important;
  }
}

.width-px-762 {
  width: 762px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-762 {
    width: 762px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-762 {
    width: 762px !important;
  }
}

.width-px-763 {
  width: 763px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-763 {
    width: 763px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-763 {
    width: 763px !important;
  }
}

.width-px-764 {
  width: 764px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-764 {
    width: 764px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-764 {
    width: 764px !important;
  }
}

.width-px-765 {
  width: 765px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-765 {
    width: 765px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-765 {
    width: 765px !important;
  }
}

.width-px-766 {
  width: 766px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-766 {
    width: 766px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-766 {
    width: 766px !important;
  }
}

.width-px-767 {
  width: 767px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-767 {
    width: 767px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-767 {
    width: 767px !important;
  }
}

.width-px-768 {
  width: 768px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-768 {
    width: 768px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-768 {
    width: 768px !important;
  }
}

.width-px-769 {
  width: 769px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-769 {
    width: 769px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-769 {
    width: 769px !important;
  }
}

.width-px-770 {
  width: 770px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-770 {
    width: 770px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-770 {
    width: 770px !important;
  }
}

.width-px-771 {
  width: 771px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-771 {
    width: 771px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-771 {
    width: 771px !important;
  }
}

.width-px-772 {
  width: 772px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-772 {
    width: 772px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-772 {
    width: 772px !important;
  }
}

.width-px-773 {
  width: 773px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-773 {
    width: 773px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-773 {
    width: 773px !important;
  }
}

.width-px-774 {
  width: 774px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-774 {
    width: 774px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-774 {
    width: 774px !important;
  }
}

.width-px-775 {
  width: 775px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-775 {
    width: 775px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-775 {
    width: 775px !important;
  }
}

.width-px-776 {
  width: 776px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-776 {
    width: 776px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-776 {
    width: 776px !important;
  }
}

.width-px-777 {
  width: 777px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-777 {
    width: 777px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-777 {
    width: 777px !important;
  }
}

.width-px-778 {
  width: 778px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-778 {
    width: 778px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-778 {
    width: 778px !important;
  }
}

.width-px-779 {
  width: 779px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-779 {
    width: 779px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-779 {
    width: 779px !important;
  }
}

.width-px-780 {
  width: 780px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-780 {
    width: 780px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-780 {
    width: 780px !important;
  }
}

.width-px-781 {
  width: 781px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-781 {
    width: 781px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-781 {
    width: 781px !important;
  }
}

.width-px-782 {
  width: 782px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-782 {
    width: 782px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-782 {
    width: 782px !important;
  }
}

.width-px-783 {
  width: 783px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-783 {
    width: 783px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-783 {
    width: 783px !important;
  }
}

.width-px-784 {
  width: 784px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-784 {
    width: 784px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-784 {
    width: 784px !important;
  }
}

.width-px-785 {
  width: 785px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-785 {
    width: 785px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-785 {
    width: 785px !important;
  }
}

.width-px-786 {
  width: 786px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-786 {
    width: 786px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-786 {
    width: 786px !important;
  }
}

.width-px-787 {
  width: 787px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-787 {
    width: 787px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-787 {
    width: 787px !important;
  }
}

.width-px-788 {
  width: 788px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-788 {
    width: 788px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-788 {
    width: 788px !important;
  }
}

.width-px-789 {
  width: 789px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-789 {
    width: 789px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-789 {
    width: 789px !important;
  }
}

.width-px-790 {
  width: 790px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-790 {
    width: 790px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-790 {
    width: 790px !important;
  }
}

.width-px-791 {
  width: 791px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-791 {
    width: 791px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-791 {
    width: 791px !important;
  }
}

.width-px-792 {
  width: 792px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-792 {
    width: 792px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-792 {
    width: 792px !important;
  }
}

.width-px-793 {
  width: 793px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-793 {
    width: 793px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-793 {
    width: 793px !important;
  }
}

.width-px-794 {
  width: 794px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-794 {
    width: 794px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-794 {
    width: 794px !important;
  }
}

.width-px-795 {
  width: 795px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-795 {
    width: 795px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-795 {
    width: 795px !important;
  }
}

.width-px-796 {
  width: 796px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-796 {
    width: 796px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-796 {
    width: 796px !important;
  }
}

.width-px-797 {
  width: 797px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-797 {
    width: 797px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-797 {
    width: 797px !important;
  }
}

.width-px-798 {
  width: 798px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-798 {
    width: 798px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-798 {
    width: 798px !important;
  }
}

.width-px-799 {
  width: 799px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-799 {
    width: 799px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-799 {
    width: 799px !important;
  }
}

.width-px-800 {
  width: 800px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-800 {
    width: 800px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-800 {
    width: 800px !important;
  }
}

.width-px-801 {
  width: 801px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-801 {
    width: 801px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-801 {
    width: 801px !important;
  }
}

.width-px-802 {
  width: 802px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-802 {
    width: 802px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-802 {
    width: 802px !important;
  }
}

.width-px-803 {
  width: 803px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-803 {
    width: 803px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-803 {
    width: 803px !important;
  }
}

.width-px-804 {
  width: 804px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-804 {
    width: 804px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-804 {
    width: 804px !important;
  }
}

.width-px-805 {
  width: 805px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-805 {
    width: 805px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-805 {
    width: 805px !important;
  }
}

.width-px-806 {
  width: 806px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-806 {
    width: 806px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-806 {
    width: 806px !important;
  }
}

.width-px-807 {
  width: 807px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-807 {
    width: 807px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-807 {
    width: 807px !important;
  }
}

.width-px-808 {
  width: 808px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-808 {
    width: 808px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-808 {
    width: 808px !important;
  }
}

.width-px-809 {
  width: 809px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-809 {
    width: 809px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-809 {
    width: 809px !important;
  }
}

.width-px-810 {
  width: 810px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-810 {
    width: 810px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-810 {
    width: 810px !important;
  }
}

.width-px-811 {
  width: 811px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-811 {
    width: 811px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-811 {
    width: 811px !important;
  }
}

.width-px-812 {
  width: 812px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-812 {
    width: 812px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-812 {
    width: 812px !important;
  }
}

.width-px-813 {
  width: 813px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-813 {
    width: 813px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-813 {
    width: 813px !important;
  }
}

.width-px-814 {
  width: 814px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-814 {
    width: 814px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-814 {
    width: 814px !important;
  }
}

.width-px-815 {
  width: 815px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-815 {
    width: 815px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-815 {
    width: 815px !important;
  }
}

.width-px-816 {
  width: 816px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-816 {
    width: 816px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-816 {
    width: 816px !important;
  }
}

.width-px-817 {
  width: 817px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-817 {
    width: 817px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-817 {
    width: 817px !important;
  }
}

.width-px-818 {
  width: 818px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-818 {
    width: 818px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-818 {
    width: 818px !important;
  }
}

.width-px-819 {
  width: 819px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-819 {
    width: 819px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-819 {
    width: 819px !important;
  }
}

.width-px-820 {
  width: 820px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-820 {
    width: 820px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-820 {
    width: 820px !important;
  }
}

.width-px-821 {
  width: 821px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-821 {
    width: 821px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-821 {
    width: 821px !important;
  }
}

.width-px-822 {
  width: 822px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-822 {
    width: 822px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-822 {
    width: 822px !important;
  }
}

.width-px-823 {
  width: 823px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-823 {
    width: 823px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-823 {
    width: 823px !important;
  }
}

.width-px-824 {
  width: 824px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-824 {
    width: 824px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-824 {
    width: 824px !important;
  }
}

.width-px-825 {
  width: 825px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-825 {
    width: 825px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-825 {
    width: 825px !important;
  }
}

.width-px-826 {
  width: 826px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-826 {
    width: 826px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-826 {
    width: 826px !important;
  }
}

.width-px-827 {
  width: 827px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-827 {
    width: 827px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-827 {
    width: 827px !important;
  }
}

.width-px-828 {
  width: 828px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-828 {
    width: 828px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-828 {
    width: 828px !important;
  }
}

.width-px-829 {
  width: 829px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-829 {
    width: 829px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-829 {
    width: 829px !important;
  }
}

.width-px-830 {
  width: 830px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-830 {
    width: 830px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-830 {
    width: 830px !important;
  }
}

.width-px-831 {
  width: 831px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-831 {
    width: 831px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-831 {
    width: 831px !important;
  }
}

.width-px-832 {
  width: 832px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-832 {
    width: 832px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-832 {
    width: 832px !important;
  }
}

.width-px-833 {
  width: 833px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-833 {
    width: 833px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-833 {
    width: 833px !important;
  }
}

.width-px-834 {
  width: 834px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-834 {
    width: 834px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-834 {
    width: 834px !important;
  }
}

.width-px-835 {
  width: 835px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-835 {
    width: 835px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-835 {
    width: 835px !important;
  }
}

.width-px-836 {
  width: 836px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-836 {
    width: 836px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-836 {
    width: 836px !important;
  }
}

.width-px-837 {
  width: 837px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-837 {
    width: 837px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-837 {
    width: 837px !important;
  }
}

.width-px-838 {
  width: 838px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-838 {
    width: 838px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-838 {
    width: 838px !important;
  }
}

.width-px-839 {
  width: 839px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-839 {
    width: 839px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-839 {
    width: 839px !important;
  }
}

.width-px-840 {
  width: 840px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-840 {
    width: 840px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-840 {
    width: 840px !important;
  }
}

.width-px-841 {
  width: 841px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-841 {
    width: 841px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-841 {
    width: 841px !important;
  }
}

.width-px-842 {
  width: 842px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-842 {
    width: 842px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-842 {
    width: 842px !important;
  }
}

.width-px-843 {
  width: 843px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-843 {
    width: 843px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-843 {
    width: 843px !important;
  }
}

.width-px-844 {
  width: 844px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-844 {
    width: 844px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-844 {
    width: 844px !important;
  }
}

.width-px-845 {
  width: 845px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-845 {
    width: 845px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-845 {
    width: 845px !important;
  }
}

.width-px-846 {
  width: 846px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-846 {
    width: 846px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-846 {
    width: 846px !important;
  }
}

.width-px-847 {
  width: 847px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-847 {
    width: 847px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-847 {
    width: 847px !important;
  }
}

.width-px-848 {
  width: 848px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-848 {
    width: 848px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-848 {
    width: 848px !important;
  }
}

.width-px-849 {
  width: 849px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-849 {
    width: 849px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-849 {
    width: 849px !important;
  }
}

.width-px-850 {
  width: 850px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-850 {
    width: 850px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-850 {
    width: 850px !important;
  }
}

.width-px-851 {
  width: 851px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-851 {
    width: 851px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-851 {
    width: 851px !important;
  }
}

.width-px-852 {
  width: 852px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-852 {
    width: 852px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-852 {
    width: 852px !important;
  }
}

.width-px-853 {
  width: 853px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-853 {
    width: 853px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-853 {
    width: 853px !important;
  }
}

.width-px-854 {
  width: 854px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-854 {
    width: 854px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-854 {
    width: 854px !important;
  }
}

.width-px-855 {
  width: 855px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-855 {
    width: 855px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-855 {
    width: 855px !important;
  }
}

.width-px-856 {
  width: 856px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-856 {
    width: 856px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-856 {
    width: 856px !important;
  }
}

.width-px-857 {
  width: 857px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-857 {
    width: 857px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-857 {
    width: 857px !important;
  }
}

.width-px-858 {
  width: 858px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-858 {
    width: 858px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-858 {
    width: 858px !important;
  }
}

.width-px-859 {
  width: 859px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-859 {
    width: 859px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-859 {
    width: 859px !important;
  }
}

.width-px-860 {
  width: 860px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-860 {
    width: 860px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-860 {
    width: 860px !important;
  }
}

.width-px-861 {
  width: 861px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-861 {
    width: 861px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-861 {
    width: 861px !important;
  }
}

.width-px-862 {
  width: 862px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-862 {
    width: 862px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-862 {
    width: 862px !important;
  }
}

.width-px-863 {
  width: 863px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-863 {
    width: 863px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-863 {
    width: 863px !important;
  }
}

.width-px-864 {
  width: 864px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-864 {
    width: 864px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-864 {
    width: 864px !important;
  }
}

.width-px-865 {
  width: 865px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-865 {
    width: 865px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-865 {
    width: 865px !important;
  }
}

.width-px-866 {
  width: 866px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-866 {
    width: 866px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-866 {
    width: 866px !important;
  }
}

.width-px-867 {
  width: 867px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-867 {
    width: 867px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-867 {
    width: 867px !important;
  }
}

.width-px-868 {
  width: 868px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-868 {
    width: 868px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-868 {
    width: 868px !important;
  }
}

.width-px-869 {
  width: 869px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-869 {
    width: 869px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-869 {
    width: 869px !important;
  }
}

.width-px-870 {
  width: 870px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-870 {
    width: 870px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-870 {
    width: 870px !important;
  }
}

.width-px-871 {
  width: 871px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-871 {
    width: 871px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-871 {
    width: 871px !important;
  }
}

.width-px-872 {
  width: 872px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-872 {
    width: 872px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-872 {
    width: 872px !important;
  }
}

.width-px-873 {
  width: 873px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-873 {
    width: 873px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-873 {
    width: 873px !important;
  }
}

.width-px-874 {
  width: 874px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-874 {
    width: 874px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-874 {
    width: 874px !important;
  }
}

.width-px-875 {
  width: 875px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-875 {
    width: 875px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-875 {
    width: 875px !important;
  }
}

.width-px-876 {
  width: 876px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-876 {
    width: 876px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-876 {
    width: 876px !important;
  }
}

.width-px-877 {
  width: 877px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-877 {
    width: 877px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-877 {
    width: 877px !important;
  }
}

.width-px-878 {
  width: 878px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-878 {
    width: 878px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-878 {
    width: 878px !important;
  }
}

.width-px-879 {
  width: 879px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-879 {
    width: 879px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-879 {
    width: 879px !important;
  }
}

.width-px-880 {
  width: 880px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-880 {
    width: 880px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-880 {
    width: 880px !important;
  }
}

.width-px-881 {
  width: 881px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-881 {
    width: 881px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-881 {
    width: 881px !important;
  }
}

.width-px-882 {
  width: 882px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-882 {
    width: 882px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-882 {
    width: 882px !important;
  }
}

.width-px-883 {
  width: 883px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-883 {
    width: 883px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-883 {
    width: 883px !important;
  }
}

.width-px-884 {
  width: 884px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-884 {
    width: 884px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-884 {
    width: 884px !important;
  }
}

.width-px-885 {
  width: 885px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-885 {
    width: 885px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-885 {
    width: 885px !important;
  }
}

.width-px-886 {
  width: 886px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-886 {
    width: 886px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-886 {
    width: 886px !important;
  }
}

.width-px-887 {
  width: 887px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-887 {
    width: 887px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-887 {
    width: 887px !important;
  }
}

.width-px-888 {
  width: 888px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-888 {
    width: 888px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-888 {
    width: 888px !important;
  }
}

.width-px-889 {
  width: 889px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-889 {
    width: 889px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-889 {
    width: 889px !important;
  }
}

.width-px-890 {
  width: 890px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-890 {
    width: 890px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-890 {
    width: 890px !important;
  }
}

.width-px-891 {
  width: 891px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-891 {
    width: 891px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-891 {
    width: 891px !important;
  }
}

.width-px-892 {
  width: 892px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-892 {
    width: 892px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-892 {
    width: 892px !important;
  }
}

.width-px-893 {
  width: 893px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-893 {
    width: 893px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-893 {
    width: 893px !important;
  }
}

.width-px-894 {
  width: 894px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-894 {
    width: 894px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-894 {
    width: 894px !important;
  }
}

.width-px-895 {
  width: 895px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-895 {
    width: 895px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-895 {
    width: 895px !important;
  }
}

.width-px-896 {
  width: 896px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-896 {
    width: 896px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-896 {
    width: 896px !important;
  }
}

.width-px-897 {
  width: 897px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-897 {
    width: 897px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-897 {
    width: 897px !important;
  }
}

.width-px-898 {
  width: 898px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-898 {
    width: 898px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-898 {
    width: 898px !important;
  }
}

.width-px-899 {
  width: 899px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-899 {
    width: 899px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-899 {
    width: 899px !important;
  }
}

.width-px-900 {
  width: 900px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-900 {
    width: 900px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-900 {
    width: 900px !important;
  }
}

.width-px-901 {
  width: 901px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-901 {
    width: 901px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-901 {
    width: 901px !important;
  }
}

.width-px-902 {
  width: 902px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-902 {
    width: 902px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-902 {
    width: 902px !important;
  }
}

.width-px-903 {
  width: 903px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-903 {
    width: 903px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-903 {
    width: 903px !important;
  }
}

.width-px-904 {
  width: 904px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-904 {
    width: 904px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-904 {
    width: 904px !important;
  }
}

.width-px-905 {
  width: 905px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-905 {
    width: 905px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-905 {
    width: 905px !important;
  }
}

.width-px-906 {
  width: 906px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-906 {
    width: 906px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-906 {
    width: 906px !important;
  }
}

.width-px-907 {
  width: 907px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-907 {
    width: 907px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-907 {
    width: 907px !important;
  }
}

.width-px-908 {
  width: 908px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-908 {
    width: 908px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-908 {
    width: 908px !important;
  }
}

.width-px-909 {
  width: 909px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-909 {
    width: 909px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-909 {
    width: 909px !important;
  }
}

.width-px-910 {
  width: 910px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-910 {
    width: 910px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-910 {
    width: 910px !important;
  }
}

.width-px-911 {
  width: 911px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-911 {
    width: 911px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-911 {
    width: 911px !important;
  }
}

.width-px-912 {
  width: 912px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-912 {
    width: 912px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-912 {
    width: 912px !important;
  }
}

.width-px-913 {
  width: 913px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-913 {
    width: 913px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-913 {
    width: 913px !important;
  }
}

.width-px-914 {
  width: 914px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-914 {
    width: 914px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-914 {
    width: 914px !important;
  }
}

.width-px-915 {
  width: 915px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-915 {
    width: 915px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-915 {
    width: 915px !important;
  }
}

.width-px-916 {
  width: 916px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-916 {
    width: 916px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-916 {
    width: 916px !important;
  }
}

.width-px-917 {
  width: 917px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-917 {
    width: 917px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-917 {
    width: 917px !important;
  }
}

.width-px-918 {
  width: 918px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-918 {
    width: 918px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-918 {
    width: 918px !important;
  }
}

.width-px-919 {
  width: 919px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-919 {
    width: 919px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-919 {
    width: 919px !important;
  }
}

.width-px-920 {
  width: 920px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-920 {
    width: 920px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-920 {
    width: 920px !important;
  }
}

.width-px-921 {
  width: 921px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-921 {
    width: 921px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-921 {
    width: 921px !important;
  }
}

.width-px-922 {
  width: 922px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-922 {
    width: 922px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-922 {
    width: 922px !important;
  }
}

.width-px-923 {
  width: 923px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-923 {
    width: 923px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-923 {
    width: 923px !important;
  }
}

.width-px-924 {
  width: 924px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-924 {
    width: 924px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-924 {
    width: 924px !important;
  }
}

.width-px-925 {
  width: 925px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-925 {
    width: 925px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-925 {
    width: 925px !important;
  }
}

.width-px-926 {
  width: 926px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-926 {
    width: 926px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-926 {
    width: 926px !important;
  }
}

.width-px-927 {
  width: 927px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-927 {
    width: 927px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-927 {
    width: 927px !important;
  }
}

.width-px-928 {
  width: 928px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-928 {
    width: 928px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-928 {
    width: 928px !important;
  }
}

.width-px-929 {
  width: 929px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-929 {
    width: 929px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-929 {
    width: 929px !important;
  }
}

.width-px-930 {
  width: 930px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-930 {
    width: 930px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-930 {
    width: 930px !important;
  }
}

.width-px-931 {
  width: 931px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-931 {
    width: 931px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-931 {
    width: 931px !important;
  }
}

.width-px-932 {
  width: 932px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-932 {
    width: 932px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-932 {
    width: 932px !important;
  }
}

.width-px-933 {
  width: 933px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-933 {
    width: 933px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-933 {
    width: 933px !important;
  }
}

.width-px-934 {
  width: 934px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-934 {
    width: 934px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-934 {
    width: 934px !important;
  }
}

.width-px-935 {
  width: 935px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-935 {
    width: 935px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-935 {
    width: 935px !important;
  }
}

.width-px-936 {
  width: 936px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-936 {
    width: 936px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-936 {
    width: 936px !important;
  }
}

.width-px-937 {
  width: 937px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-937 {
    width: 937px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-937 {
    width: 937px !important;
  }
}

.width-px-938 {
  width: 938px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-938 {
    width: 938px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-938 {
    width: 938px !important;
  }
}

.width-px-939 {
  width: 939px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-939 {
    width: 939px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-939 {
    width: 939px !important;
  }
}

.width-px-940 {
  width: 940px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-940 {
    width: 940px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-940 {
    width: 940px !important;
  }
}

.width-px-941 {
  width: 941px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-941 {
    width: 941px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-941 {
    width: 941px !important;
  }
}

.width-px-942 {
  width: 942px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-942 {
    width: 942px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-942 {
    width: 942px !important;
  }
}

.width-px-943 {
  width: 943px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-943 {
    width: 943px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-943 {
    width: 943px !important;
  }
}

.width-px-944 {
  width: 944px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-944 {
    width: 944px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-944 {
    width: 944px !important;
  }
}

.width-px-945 {
  width: 945px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-945 {
    width: 945px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-945 {
    width: 945px !important;
  }
}

.width-px-946 {
  width: 946px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-946 {
    width: 946px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-946 {
    width: 946px !important;
  }
}

.width-px-947 {
  width: 947px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-947 {
    width: 947px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-947 {
    width: 947px !important;
  }
}

.width-px-948 {
  width: 948px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-948 {
    width: 948px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-948 {
    width: 948px !important;
  }
}

.width-px-949 {
  width: 949px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-949 {
    width: 949px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-949 {
    width: 949px !important;
  }
}

.width-px-950 {
  width: 950px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-950 {
    width: 950px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-950 {
    width: 950px !important;
  }
}

.width-px-951 {
  width: 951px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-951 {
    width: 951px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-951 {
    width: 951px !important;
  }
}

.width-px-952 {
  width: 952px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-952 {
    width: 952px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-952 {
    width: 952px !important;
  }
}

.width-px-953 {
  width: 953px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-953 {
    width: 953px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-953 {
    width: 953px !important;
  }
}

.width-px-954 {
  width: 954px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-954 {
    width: 954px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-954 {
    width: 954px !important;
  }
}

.width-px-955 {
  width: 955px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-955 {
    width: 955px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-955 {
    width: 955px !important;
  }
}

.width-px-956 {
  width: 956px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-956 {
    width: 956px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-956 {
    width: 956px !important;
  }
}

.width-px-957 {
  width: 957px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-957 {
    width: 957px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-957 {
    width: 957px !important;
  }
}

.width-px-958 {
  width: 958px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-958 {
    width: 958px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-958 {
    width: 958px !important;
  }
}

.width-px-959 {
  width: 959px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-959 {
    width: 959px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-959 {
    width: 959px !important;
  }
}

.width-px-960 {
  width: 960px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-960 {
    width: 960px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-960 {
    width: 960px !important;
  }
}

.width-px-961 {
  width: 961px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-961 {
    width: 961px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-961 {
    width: 961px !important;
  }
}

.width-px-962 {
  width: 962px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-962 {
    width: 962px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-962 {
    width: 962px !important;
  }
}

.width-px-963 {
  width: 963px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-963 {
    width: 963px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-963 {
    width: 963px !important;
  }
}

.width-px-964 {
  width: 964px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-964 {
    width: 964px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-964 {
    width: 964px !important;
  }
}

.width-px-965 {
  width: 965px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-965 {
    width: 965px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-965 {
    width: 965px !important;
  }
}

.width-px-966 {
  width: 966px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-966 {
    width: 966px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-966 {
    width: 966px !important;
  }
}

.width-px-967 {
  width: 967px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-967 {
    width: 967px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-967 {
    width: 967px !important;
  }
}

.width-px-968 {
  width: 968px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-968 {
    width: 968px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-968 {
    width: 968px !important;
  }
}

.width-px-969 {
  width: 969px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-969 {
    width: 969px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-969 {
    width: 969px !important;
  }
}

.width-px-970 {
  width: 970px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-970 {
    width: 970px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-970 {
    width: 970px !important;
  }
}

.width-px-971 {
  width: 971px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-971 {
    width: 971px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-971 {
    width: 971px !important;
  }
}

.width-px-972 {
  width: 972px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-972 {
    width: 972px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-972 {
    width: 972px !important;
  }
}

.width-px-973 {
  width: 973px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-973 {
    width: 973px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-973 {
    width: 973px !important;
  }
}

.width-px-974 {
  width: 974px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-974 {
    width: 974px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-974 {
    width: 974px !important;
  }
}

.width-px-975 {
  width: 975px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-975 {
    width: 975px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-975 {
    width: 975px !important;
  }
}

.width-px-976 {
  width: 976px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-976 {
    width: 976px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-976 {
    width: 976px !important;
  }
}

.width-px-977 {
  width: 977px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-977 {
    width: 977px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-977 {
    width: 977px !important;
  }
}

.width-px-978 {
  width: 978px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-978 {
    width: 978px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-978 {
    width: 978px !important;
  }
}

.width-px-979 {
  width: 979px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-979 {
    width: 979px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-979 {
    width: 979px !important;
  }
}

.width-px-980 {
  width: 980px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-980 {
    width: 980px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-980 {
    width: 980px !important;
  }
}

.width-px-981 {
  width: 981px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-981 {
    width: 981px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-981 {
    width: 981px !important;
  }
}

.width-px-982 {
  width: 982px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-982 {
    width: 982px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-982 {
    width: 982px !important;
  }
}

.width-px-983 {
  width: 983px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-983 {
    width: 983px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-983 {
    width: 983px !important;
  }
}

.width-px-984 {
  width: 984px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-984 {
    width: 984px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-984 {
    width: 984px !important;
  }
}

.width-px-985 {
  width: 985px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-985 {
    width: 985px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-985 {
    width: 985px !important;
  }
}

.width-px-986 {
  width: 986px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-986 {
    width: 986px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-986 {
    width: 986px !important;
  }
}

.width-px-987 {
  width: 987px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-987 {
    width: 987px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-987 {
    width: 987px !important;
  }
}

.width-px-988 {
  width: 988px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-988 {
    width: 988px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-988 {
    width: 988px !important;
  }
}

.width-px-989 {
  width: 989px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-989 {
    width: 989px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-989 {
    width: 989px !important;
  }
}

.width-px-990 {
  width: 990px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-990 {
    width: 990px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-990 {
    width: 990px !important;
  }
}

.width-px-991 {
  width: 991px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-991 {
    width: 991px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-991 {
    width: 991px !important;
  }
}

.width-px-992 {
  width: 992px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-992 {
    width: 992px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-992 {
    width: 992px !important;
  }
}

.width-px-993 {
  width: 993px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-993 {
    width: 993px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-993 {
    width: 993px !important;
  }
}

.width-px-994 {
  width: 994px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-994 {
    width: 994px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-994 {
    width: 994px !important;
  }
}

.width-px-995 {
  width: 995px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-995 {
    width: 995px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-995 {
    width: 995px !important;
  }
}

.width-px-996 {
  width: 996px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-996 {
    width: 996px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-996 {
    width: 996px !important;
  }
}

.width-px-997 {
  width: 997px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-997 {
    width: 997px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-997 {
    width: 997px !important;
  }
}

.width-px-998 {
  width: 998px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-998 {
    width: 998px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-998 {
    width: 998px !important;
  }
}

.width-px-999 {
  width: 999px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-999 {
    width: 999px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-999 {
    width: 999px !important;
  }
}

.width-px-1000 {
  width: 1000px !important;
}

@media all and (min-width: 769px) {
  .width-px-pc-1000 {
    width: 1000px !important;
  }
}

@media all and (max-width: 768px) {
  .width-px-sp-1000 {
    width: 1000px !important;
  }
}

/* Width percentage
---------------------------------------------------------- */
.width-pct-10 {
  width: 10% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-10 {
    width: 10% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-10 {
    width: 10% !important;
  }
}

.width-pct-11 {
  width: 11% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-11 {
    width: 11% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-11 {
    width: 11% !important;
  }
}

.width-pct-12 {
  width: 12% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-12 {
    width: 12% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-12 {
    width: 12% !important;
  }
}

.width-pct-13 {
  width: 13% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-13 {
    width: 13% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-13 {
    width: 13% !important;
  }
}

.width-pct-14 {
  width: 14% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-14 {
    width: 14% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-14 {
    width: 14% !important;
  }
}

.width-pct-15 {
  width: 15% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-15 {
    width: 15% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-15 {
    width: 15% !important;
  }
}

.width-pct-16 {
  width: 16% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-16 {
    width: 16% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-16 {
    width: 16% !important;
  }
}

.width-pct-17 {
  width: 17% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-17 {
    width: 17% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-17 {
    width: 17% !important;
  }
}

.width-pct-18 {
  width: 18% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-18 {
    width: 18% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-18 {
    width: 18% !important;
  }
}

.width-pct-19 {
  width: 19% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-19 {
    width: 19% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-19 {
    width: 19% !important;
  }
}

.width-pct-20 {
  width: 20% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-20 {
    width: 20% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-20 {
    width: 20% !important;
  }
}

.width-pct-21 {
  width: 21% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-21 {
    width: 21% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-21 {
    width: 21% !important;
  }
}

.width-pct-22 {
  width: 22% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-22 {
    width: 22% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-22 {
    width: 22% !important;
  }
}

.width-pct-23 {
  width: 23% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-23 {
    width: 23% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-23 {
    width: 23% !important;
  }
}

.width-pct-24 {
  width: 24% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-24 {
    width: 24% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-24 {
    width: 24% !important;
  }
}

.width-pct-25 {
  width: 25% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-25 {
    width: 25% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-25 {
    width: 25% !important;
  }
}

.width-pct-26 {
  width: 26% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-26 {
    width: 26% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-26 {
    width: 26% !important;
  }
}

.width-pct-27 {
  width: 27% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-27 {
    width: 27% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-27 {
    width: 27% !important;
  }
}

.width-pct-28 {
  width: 28% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-28 {
    width: 28% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-28 {
    width: 28% !important;
  }
}

.width-pct-29 {
  width: 29% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-29 {
    width: 29% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-29 {
    width: 29% !important;
  }
}

.width-pct-30 {
  width: 30% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-30 {
    width: 30% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-30 {
    width: 30% !important;
  }
}

.width-pct-31 {
  width: 31% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-31 {
    width: 31% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-31 {
    width: 31% !important;
  }
}

.width-pct-32 {
  width: 32% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-32 {
    width: 32% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-32 {
    width: 32% !important;
  }
}

.width-pct-33 {
  width: 33% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-33 {
    width: 33% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-33 {
    width: 33% !important;
  }
}

.width-pct-34 {
  width: 34% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-34 {
    width: 34% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-34 {
    width: 34% !important;
  }
}

.width-pct-35 {
  width: 35% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-35 {
    width: 35% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-35 {
    width: 35% !important;
  }
}

.width-pct-36 {
  width: 36% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-36 {
    width: 36% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-36 {
    width: 36% !important;
  }
}

.width-pct-37 {
  width: 37% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-37 {
    width: 37% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-37 {
    width: 37% !important;
  }
}

.width-pct-38 {
  width: 38% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-38 {
    width: 38% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-38 {
    width: 38% !important;
  }
}

.width-pct-39 {
  width: 39% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-39 {
    width: 39% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-39 {
    width: 39% !important;
  }
}

.width-pct-40 {
  width: 40% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-40 {
    width: 40% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-40 {
    width: 40% !important;
  }
}

.width-pct-41 {
  width: 41% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-41 {
    width: 41% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-41 {
    width: 41% !important;
  }
}

.width-pct-42 {
  width: 42% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-42 {
    width: 42% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-42 {
    width: 42% !important;
  }
}

.width-pct-43 {
  width: 43% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-43 {
    width: 43% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-43 {
    width: 43% !important;
  }
}

.width-pct-44 {
  width: 44% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-44 {
    width: 44% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-44 {
    width: 44% !important;
  }
}

.width-pct-45 {
  width: 45% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-45 {
    width: 45% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-45 {
    width: 45% !important;
  }
}

.width-pct-46 {
  width: 46% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-46 {
    width: 46% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-46 {
    width: 46% !important;
  }
}

.width-pct-47 {
  width: 47% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-47 {
    width: 47% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-47 {
    width: 47% !important;
  }
}

.width-pct-48 {
  width: 48% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-48 {
    width: 48% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-48 {
    width: 48% !important;
  }
}

.width-pct-49 {
  width: 49% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-49 {
    width: 49% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-49 {
    width: 49% !important;
  }
}

.width-pct-50 {
  width: 50% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-50 {
    width: 50% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-50 {
    width: 50% !important;
  }
}

.width-pct-51 {
  width: 51% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-51 {
    width: 51% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-51 {
    width: 51% !important;
  }
}

.width-pct-52 {
  width: 52% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-52 {
    width: 52% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-52 {
    width: 52% !important;
  }
}

.width-pct-53 {
  width: 53% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-53 {
    width: 53% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-53 {
    width: 53% !important;
  }
}

.width-pct-54 {
  width: 54% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-54 {
    width: 54% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-54 {
    width: 54% !important;
  }
}

.width-pct-55 {
  width: 55% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-55 {
    width: 55% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-55 {
    width: 55% !important;
  }
}

.width-pct-56 {
  width: 56% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-56 {
    width: 56% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-56 {
    width: 56% !important;
  }
}

.width-pct-57 {
  width: 57% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-57 {
    width: 57% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-57 {
    width: 57% !important;
  }
}

.width-pct-58 {
  width: 58% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-58 {
    width: 58% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-58 {
    width: 58% !important;
  }
}

.width-pct-59 {
  width: 59% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-59 {
    width: 59% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-59 {
    width: 59% !important;
  }
}

.width-pct-60 {
  width: 60% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-60 {
    width: 60% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-60 {
    width: 60% !important;
  }
}

.width-pct-61 {
  width: 61% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-61 {
    width: 61% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-61 {
    width: 61% !important;
  }
}

.width-pct-62 {
  width: 62% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-62 {
    width: 62% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-62 {
    width: 62% !important;
  }
}

.width-pct-63 {
  width: 63% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-63 {
    width: 63% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-63 {
    width: 63% !important;
  }
}

.width-pct-64 {
  width: 64% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-64 {
    width: 64% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-64 {
    width: 64% !important;
  }
}

.width-pct-65 {
  width: 65% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-65 {
    width: 65% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-65 {
    width: 65% !important;
  }
}

.width-pct-66 {
  width: 66% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-66 {
    width: 66% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-66 {
    width: 66% !important;
  }
}

.width-pct-67 {
  width: 67% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-67 {
    width: 67% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-67 {
    width: 67% !important;
  }
}

.width-pct-68 {
  width: 68% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-68 {
    width: 68% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-68 {
    width: 68% !important;
  }
}

.width-pct-69 {
  width: 69% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-69 {
    width: 69% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-69 {
    width: 69% !important;
  }
}

.width-pct-70 {
  width: 70% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-70 {
    width: 70% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-70 {
    width: 70% !important;
  }
}

.width-pct-71 {
  width: 71% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-71 {
    width: 71% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-71 {
    width: 71% !important;
  }
}

.width-pct-72 {
  width: 72% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-72 {
    width: 72% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-72 {
    width: 72% !important;
  }
}

.width-pct-73 {
  width: 73% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-73 {
    width: 73% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-73 {
    width: 73% !important;
  }
}

.width-pct-74 {
  width: 74% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-74 {
    width: 74% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-74 {
    width: 74% !important;
  }
}

.width-pct-75 {
  width: 75% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-75 {
    width: 75% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-75 {
    width: 75% !important;
  }
}

.width-pct-76 {
  width: 76% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-76 {
    width: 76% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-76 {
    width: 76% !important;
  }
}

.width-pct-77 {
  width: 77% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-77 {
    width: 77% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-77 {
    width: 77% !important;
  }
}

.width-pct-78 {
  width: 78% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-78 {
    width: 78% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-78 {
    width: 78% !important;
  }
}

.width-pct-79 {
  width: 79% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-79 {
    width: 79% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-79 {
    width: 79% !important;
  }
}

.width-pct-80 {
  width: 80% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-80 {
    width: 80% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-80 {
    width: 80% !important;
  }
}

.width-pct-81 {
  width: 81% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-81 {
    width: 81% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-81 {
    width: 81% !important;
  }
}

.width-pct-82 {
  width: 82% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-82 {
    width: 82% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-82 {
    width: 82% !important;
  }
}

.width-pct-83 {
  width: 83% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-83 {
    width: 83% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-83 {
    width: 83% !important;
  }
}

.width-pct-84 {
  width: 84% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-84 {
    width: 84% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-84 {
    width: 84% !important;
  }
}

.width-pct-85 {
  width: 85% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-85 {
    width: 85% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-85 {
    width: 85% !important;
  }
}

.width-pct-86 {
  width: 86% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-86 {
    width: 86% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-86 {
    width: 86% !important;
  }
}

.width-pct-87 {
  width: 87% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-87 {
    width: 87% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-87 {
    width: 87% !important;
  }
}

.width-pct-88 {
  width: 88% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-88 {
    width: 88% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-88 {
    width: 88% !important;
  }
}

.width-pct-89 {
  width: 89% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-89 {
    width: 89% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-89 {
    width: 89% !important;
  }
}

.width-pct-90 {
  width: 90% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-90 {
    width: 90% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-90 {
    width: 90% !important;
  }
}

.width-pct-91 {
  width: 91% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-91 {
    width: 91% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-91 {
    width: 91% !important;
  }
}

.width-pct-92 {
  width: 92% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-92 {
    width: 92% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-92 {
    width: 92% !important;
  }
}

.width-pct-93 {
  width: 93% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-93 {
    width: 93% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-93 {
    width: 93% !important;
  }
}

.width-pct-94 {
  width: 94% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-94 {
    width: 94% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-94 {
    width: 94% !important;
  }
}

.width-pct-95 {
  width: 95% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-95 {
    width: 95% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-95 {
    width: 95% !important;
  }
}

.width-pct-96 {
  width: 96% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-96 {
    width: 96% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-96 {
    width: 96% !important;
  }
}

.width-pct-97 {
  width: 97% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-97 {
    width: 97% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-97 {
    width: 97% !important;
  }
}

.width-pct-98 {
  width: 98% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-98 {
    width: 98% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-98 {
    width: 98% !important;
  }
}

.width-pct-99 {
  width: 99% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-99 {
    width: 99% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-99 {
    width: 99% !important;
  }
}

.width-pct-100 {
  width: 100% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-100 {
    width: 100% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-100 {
    width: 100% !important;
  }
}

.width-pct-101 {
  width: 101% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-101 {
    width: 101% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-101 {
    width: 101% !important;
  }
}

.width-pct-102 {
  width: 102% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-102 {
    width: 102% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-102 {
    width: 102% !important;
  }
}

.width-pct-103 {
  width: 103% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-103 {
    width: 103% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-103 {
    width: 103% !important;
  }
}

.width-pct-104 {
  width: 104% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-104 {
    width: 104% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-104 {
    width: 104% !important;
  }
}

.width-pct-105 {
  width: 105% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-105 {
    width: 105% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-105 {
    width: 105% !important;
  }
}

.width-pct-106 {
  width: 106% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-106 {
    width: 106% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-106 {
    width: 106% !important;
  }
}

.width-pct-107 {
  width: 107% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-107 {
    width: 107% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-107 {
    width: 107% !important;
  }
}

.width-pct-108 {
  width: 108% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-108 {
    width: 108% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-108 {
    width: 108% !important;
  }
}

.width-pct-109 {
  width: 109% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-109 {
    width: 109% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-109 {
    width: 109% !important;
  }
}

.width-pct-110 {
  width: 110% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-110 {
    width: 110% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-110 {
    width: 110% !important;
  }
}

.width-pct-111 {
  width: 111% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-111 {
    width: 111% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-111 {
    width: 111% !important;
  }
}

.width-pct-112 {
  width: 112% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-112 {
    width: 112% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-112 {
    width: 112% !important;
  }
}

.width-pct-113 {
  width: 113% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-113 {
    width: 113% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-113 {
    width: 113% !important;
  }
}

.width-pct-114 {
  width: 114% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-114 {
    width: 114% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-114 {
    width: 114% !important;
  }
}

.width-pct-115 {
  width: 115% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-115 {
    width: 115% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-115 {
    width: 115% !important;
  }
}

.width-pct-116 {
  width: 116% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-116 {
    width: 116% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-116 {
    width: 116% !important;
  }
}

.width-pct-117 {
  width: 117% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-117 {
    width: 117% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-117 {
    width: 117% !important;
  }
}

.width-pct-118 {
  width: 118% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-118 {
    width: 118% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-118 {
    width: 118% !important;
  }
}

.width-pct-119 {
  width: 119% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-119 {
    width: 119% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-119 {
    width: 119% !important;
  }
}

.width-pct-120 {
  width: 120% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-120 {
    width: 120% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-120 {
    width: 120% !important;
  }
}

.width-pct-121 {
  width: 121% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-121 {
    width: 121% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-121 {
    width: 121% !important;
  }
}

.width-pct-122 {
  width: 122% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-122 {
    width: 122% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-122 {
    width: 122% !important;
  }
}

.width-pct-123 {
  width: 123% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-123 {
    width: 123% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-123 {
    width: 123% !important;
  }
}

.width-pct-124 {
  width: 124% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-124 {
    width: 124% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-124 {
    width: 124% !important;
  }
}

.width-pct-125 {
  width: 125% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-125 {
    width: 125% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-125 {
    width: 125% !important;
  }
}

.width-pct-126 {
  width: 126% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-126 {
    width: 126% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-126 {
    width: 126% !important;
  }
}

.width-pct-127 {
  width: 127% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-127 {
    width: 127% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-127 {
    width: 127% !important;
  }
}

.width-pct-128 {
  width: 128% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-128 {
    width: 128% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-128 {
    width: 128% !important;
  }
}

.width-pct-129 {
  width: 129% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-129 {
    width: 129% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-129 {
    width: 129% !important;
  }
}

.width-pct-130 {
  width: 130% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-130 {
    width: 130% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-130 {
    width: 130% !important;
  }
}

.width-pct-131 {
  width: 131% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-131 {
    width: 131% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-131 {
    width: 131% !important;
  }
}

.width-pct-132 {
  width: 132% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-132 {
    width: 132% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-132 {
    width: 132% !important;
  }
}

.width-pct-133 {
  width: 133% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-133 {
    width: 133% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-133 {
    width: 133% !important;
  }
}

.width-pct-134 {
  width: 134% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-134 {
    width: 134% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-134 {
    width: 134% !important;
  }
}

.width-pct-135 {
  width: 135% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-135 {
    width: 135% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-135 {
    width: 135% !important;
  }
}

.width-pct-136 {
  width: 136% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-136 {
    width: 136% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-136 {
    width: 136% !important;
  }
}

.width-pct-137 {
  width: 137% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-137 {
    width: 137% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-137 {
    width: 137% !important;
  }
}

.width-pct-138 {
  width: 138% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-138 {
    width: 138% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-138 {
    width: 138% !important;
  }
}

.width-pct-139 {
  width: 139% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-139 {
    width: 139% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-139 {
    width: 139% !important;
  }
}

.width-pct-140 {
  width: 140% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-140 {
    width: 140% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-140 {
    width: 140% !important;
  }
}

.width-pct-141 {
  width: 141% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-141 {
    width: 141% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-141 {
    width: 141% !important;
  }
}

.width-pct-142 {
  width: 142% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-142 {
    width: 142% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-142 {
    width: 142% !important;
  }
}

.width-pct-143 {
  width: 143% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-143 {
    width: 143% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-143 {
    width: 143% !important;
  }
}

.width-pct-144 {
  width: 144% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-144 {
    width: 144% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-144 {
    width: 144% !important;
  }
}

.width-pct-145 {
  width: 145% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-145 {
    width: 145% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-145 {
    width: 145% !important;
  }
}

.width-pct-146 {
  width: 146% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-146 {
    width: 146% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-146 {
    width: 146% !important;
  }
}

.width-pct-147 {
  width: 147% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-147 {
    width: 147% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-147 {
    width: 147% !important;
  }
}

.width-pct-148 {
  width: 148% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-148 {
    width: 148% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-148 {
    width: 148% !important;
  }
}

.width-pct-149 {
  width: 149% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-149 {
    width: 149% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-149 {
    width: 149% !important;
  }
}

.width-pct-150 {
  width: 150% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-150 {
    width: 150% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-150 {
    width: 150% !important;
  }
}

.width-pct-151 {
  width: 151% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-151 {
    width: 151% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-151 {
    width: 151% !important;
  }
}

.width-pct-152 {
  width: 152% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-152 {
    width: 152% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-152 {
    width: 152% !important;
  }
}

.width-pct-153 {
  width: 153% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-153 {
    width: 153% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-153 {
    width: 153% !important;
  }
}

.width-pct-154 {
  width: 154% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-154 {
    width: 154% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-154 {
    width: 154% !important;
  }
}

.width-pct-155 {
  width: 155% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-155 {
    width: 155% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-155 {
    width: 155% !important;
  }
}

.width-pct-156 {
  width: 156% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-156 {
    width: 156% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-156 {
    width: 156% !important;
  }
}

.width-pct-157 {
  width: 157% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-157 {
    width: 157% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-157 {
    width: 157% !important;
  }
}

.width-pct-158 {
  width: 158% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-158 {
    width: 158% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-158 {
    width: 158% !important;
  }
}

.width-pct-159 {
  width: 159% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-159 {
    width: 159% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-159 {
    width: 159% !important;
  }
}

.width-pct-160 {
  width: 160% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-160 {
    width: 160% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-160 {
    width: 160% !important;
  }
}

.width-pct-161 {
  width: 161% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-161 {
    width: 161% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-161 {
    width: 161% !important;
  }
}

.width-pct-162 {
  width: 162% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-162 {
    width: 162% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-162 {
    width: 162% !important;
  }
}

.width-pct-163 {
  width: 163% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-163 {
    width: 163% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-163 {
    width: 163% !important;
  }
}

.width-pct-164 {
  width: 164% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-164 {
    width: 164% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-164 {
    width: 164% !important;
  }
}

.width-pct-165 {
  width: 165% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-165 {
    width: 165% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-165 {
    width: 165% !important;
  }
}

.width-pct-166 {
  width: 166% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-166 {
    width: 166% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-166 {
    width: 166% !important;
  }
}

.width-pct-167 {
  width: 167% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-167 {
    width: 167% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-167 {
    width: 167% !important;
  }
}

.width-pct-168 {
  width: 168% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-168 {
    width: 168% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-168 {
    width: 168% !important;
  }
}

.width-pct-169 {
  width: 169% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-169 {
    width: 169% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-169 {
    width: 169% !important;
  }
}

.width-pct-170 {
  width: 170% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-170 {
    width: 170% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-170 {
    width: 170% !important;
  }
}

.width-pct-171 {
  width: 171% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-171 {
    width: 171% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-171 {
    width: 171% !important;
  }
}

.width-pct-172 {
  width: 172% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-172 {
    width: 172% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-172 {
    width: 172% !important;
  }
}

.width-pct-173 {
  width: 173% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-173 {
    width: 173% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-173 {
    width: 173% !important;
  }
}

.width-pct-174 {
  width: 174% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-174 {
    width: 174% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-174 {
    width: 174% !important;
  }
}

.width-pct-175 {
  width: 175% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-175 {
    width: 175% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-175 {
    width: 175% !important;
  }
}

.width-pct-176 {
  width: 176% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-176 {
    width: 176% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-176 {
    width: 176% !important;
  }
}

.width-pct-177 {
  width: 177% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-177 {
    width: 177% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-177 {
    width: 177% !important;
  }
}

.width-pct-178 {
  width: 178% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-178 {
    width: 178% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-178 {
    width: 178% !important;
  }
}

.width-pct-179 {
  width: 179% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-179 {
    width: 179% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-179 {
    width: 179% !important;
  }
}

.width-pct-180 {
  width: 180% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-180 {
    width: 180% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-180 {
    width: 180% !important;
  }
}

.width-pct-181 {
  width: 181% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-181 {
    width: 181% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-181 {
    width: 181% !important;
  }
}

.width-pct-182 {
  width: 182% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-182 {
    width: 182% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-182 {
    width: 182% !important;
  }
}

.width-pct-183 {
  width: 183% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-183 {
    width: 183% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-183 {
    width: 183% !important;
  }
}

.width-pct-184 {
  width: 184% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-184 {
    width: 184% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-184 {
    width: 184% !important;
  }
}

.width-pct-185 {
  width: 185% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-185 {
    width: 185% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-185 {
    width: 185% !important;
  }
}

.width-pct-186 {
  width: 186% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-186 {
    width: 186% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-186 {
    width: 186% !important;
  }
}

.width-pct-187 {
  width: 187% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-187 {
    width: 187% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-187 {
    width: 187% !important;
  }
}

.width-pct-188 {
  width: 188% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-188 {
    width: 188% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-188 {
    width: 188% !important;
  }
}

.width-pct-189 {
  width: 189% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-189 {
    width: 189% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-189 {
    width: 189% !important;
  }
}

.width-pct-190 {
  width: 190% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-190 {
    width: 190% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-190 {
    width: 190% !important;
  }
}

.width-pct-191 {
  width: 191% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-191 {
    width: 191% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-191 {
    width: 191% !important;
  }
}

.width-pct-192 {
  width: 192% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-192 {
    width: 192% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-192 {
    width: 192% !important;
  }
}

.width-pct-193 {
  width: 193% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-193 {
    width: 193% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-193 {
    width: 193% !important;
  }
}

.width-pct-194 {
  width: 194% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-194 {
    width: 194% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-194 {
    width: 194% !important;
  }
}

.width-pct-195 {
  width: 195% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-195 {
    width: 195% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-195 {
    width: 195% !important;
  }
}

.width-pct-196 {
  width: 196% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-196 {
    width: 196% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-196 {
    width: 196% !important;
  }
}

.width-pct-197 {
  width: 197% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-197 {
    width: 197% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-197 {
    width: 197% !important;
  }
}

.width-pct-198 {
  width: 198% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-198 {
    width: 198% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-198 {
    width: 198% !important;
  }
}

.width-pct-199 {
  width: 199% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-199 {
    width: 199% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-199 {
    width: 199% !important;
  }
}

.width-pct-200 {
  width: 200% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-200 {
    width: 200% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-200 {
    width: 200% !important;
  }
}

.width-pct-201 {
  width: 201% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-201 {
    width: 201% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-201 {
    width: 201% !important;
  }
}

.width-pct-202 {
  width: 202% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-202 {
    width: 202% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-202 {
    width: 202% !important;
  }
}

.width-pct-203 {
  width: 203% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-203 {
    width: 203% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-203 {
    width: 203% !important;
  }
}

.width-pct-204 {
  width: 204% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-204 {
    width: 204% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-204 {
    width: 204% !important;
  }
}

.width-pct-205 {
  width: 205% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-205 {
    width: 205% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-205 {
    width: 205% !important;
  }
}

.width-pct-206 {
  width: 206% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-206 {
    width: 206% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-206 {
    width: 206% !important;
  }
}

.width-pct-207 {
  width: 207% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-207 {
    width: 207% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-207 {
    width: 207% !important;
  }
}

.width-pct-208 {
  width: 208% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-208 {
    width: 208% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-208 {
    width: 208% !important;
  }
}

.width-pct-209 {
  width: 209% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-209 {
    width: 209% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-209 {
    width: 209% !important;
  }
}

.width-pct-210 {
  width: 210% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-210 {
    width: 210% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-210 {
    width: 210% !important;
  }
}

.width-pct-211 {
  width: 211% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-211 {
    width: 211% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-211 {
    width: 211% !important;
  }
}

.width-pct-212 {
  width: 212% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-212 {
    width: 212% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-212 {
    width: 212% !important;
  }
}

.width-pct-213 {
  width: 213% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-213 {
    width: 213% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-213 {
    width: 213% !important;
  }
}

.width-pct-214 {
  width: 214% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-214 {
    width: 214% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-214 {
    width: 214% !important;
  }
}

.width-pct-215 {
  width: 215% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-215 {
    width: 215% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-215 {
    width: 215% !important;
  }
}

.width-pct-216 {
  width: 216% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-216 {
    width: 216% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-216 {
    width: 216% !important;
  }
}

.width-pct-217 {
  width: 217% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-217 {
    width: 217% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-217 {
    width: 217% !important;
  }
}

.width-pct-218 {
  width: 218% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-218 {
    width: 218% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-218 {
    width: 218% !important;
  }
}

.width-pct-219 {
  width: 219% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-219 {
    width: 219% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-219 {
    width: 219% !important;
  }
}

.width-pct-220 {
  width: 220% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-220 {
    width: 220% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-220 {
    width: 220% !important;
  }
}

.width-pct-221 {
  width: 221% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-221 {
    width: 221% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-221 {
    width: 221% !important;
  }
}

.width-pct-222 {
  width: 222% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-222 {
    width: 222% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-222 {
    width: 222% !important;
  }
}

.width-pct-223 {
  width: 223% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-223 {
    width: 223% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-223 {
    width: 223% !important;
  }
}

.width-pct-224 {
  width: 224% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-224 {
    width: 224% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-224 {
    width: 224% !important;
  }
}

.width-pct-225 {
  width: 225% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-225 {
    width: 225% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-225 {
    width: 225% !important;
  }
}

.width-pct-226 {
  width: 226% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-226 {
    width: 226% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-226 {
    width: 226% !important;
  }
}

.width-pct-227 {
  width: 227% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-227 {
    width: 227% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-227 {
    width: 227% !important;
  }
}

.width-pct-228 {
  width: 228% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-228 {
    width: 228% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-228 {
    width: 228% !important;
  }
}

.width-pct-229 {
  width: 229% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-229 {
    width: 229% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-229 {
    width: 229% !important;
  }
}

.width-pct-230 {
  width: 230% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-230 {
    width: 230% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-230 {
    width: 230% !important;
  }
}

.width-pct-231 {
  width: 231% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-231 {
    width: 231% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-231 {
    width: 231% !important;
  }
}

.width-pct-232 {
  width: 232% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-232 {
    width: 232% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-232 {
    width: 232% !important;
  }
}

.width-pct-233 {
  width: 233% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-233 {
    width: 233% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-233 {
    width: 233% !important;
  }
}

.width-pct-234 {
  width: 234% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-234 {
    width: 234% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-234 {
    width: 234% !important;
  }
}

.width-pct-235 {
  width: 235% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-235 {
    width: 235% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-235 {
    width: 235% !important;
  }
}

.width-pct-236 {
  width: 236% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-236 {
    width: 236% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-236 {
    width: 236% !important;
  }
}

.width-pct-237 {
  width: 237% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-237 {
    width: 237% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-237 {
    width: 237% !important;
  }
}

.width-pct-238 {
  width: 238% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-238 {
    width: 238% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-238 {
    width: 238% !important;
  }
}

.width-pct-239 {
  width: 239% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-239 {
    width: 239% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-239 {
    width: 239% !important;
  }
}

.width-pct-240 {
  width: 240% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-240 {
    width: 240% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-240 {
    width: 240% !important;
  }
}

.width-pct-241 {
  width: 241% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-241 {
    width: 241% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-241 {
    width: 241% !important;
  }
}

.width-pct-242 {
  width: 242% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-242 {
    width: 242% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-242 {
    width: 242% !important;
  }
}

.width-pct-243 {
  width: 243% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-243 {
    width: 243% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-243 {
    width: 243% !important;
  }
}

.width-pct-244 {
  width: 244% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-244 {
    width: 244% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-244 {
    width: 244% !important;
  }
}

.width-pct-245 {
  width: 245% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-245 {
    width: 245% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-245 {
    width: 245% !important;
  }
}

.width-pct-246 {
  width: 246% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-246 {
    width: 246% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-246 {
    width: 246% !important;
  }
}

.width-pct-247 {
  width: 247% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-247 {
    width: 247% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-247 {
    width: 247% !important;
  }
}

.width-pct-248 {
  width: 248% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-248 {
    width: 248% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-248 {
    width: 248% !important;
  }
}

.width-pct-249 {
  width: 249% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-249 {
    width: 249% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-249 {
    width: 249% !important;
  }
}

.width-pct-250 {
  width: 250% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-250 {
    width: 250% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-250 {
    width: 250% !important;
  }
}

.width-pct-251 {
  width: 251% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-251 {
    width: 251% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-251 {
    width: 251% !important;
  }
}

.width-pct-252 {
  width: 252% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-252 {
    width: 252% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-252 {
    width: 252% !important;
  }
}

.width-pct-253 {
  width: 253% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-253 {
    width: 253% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-253 {
    width: 253% !important;
  }
}

.width-pct-254 {
  width: 254% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-254 {
    width: 254% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-254 {
    width: 254% !important;
  }
}

.width-pct-255 {
  width: 255% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-255 {
    width: 255% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-255 {
    width: 255% !important;
  }
}

.width-pct-256 {
  width: 256% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-256 {
    width: 256% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-256 {
    width: 256% !important;
  }
}

.width-pct-257 {
  width: 257% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-257 {
    width: 257% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-257 {
    width: 257% !important;
  }
}

.width-pct-258 {
  width: 258% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-258 {
    width: 258% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-258 {
    width: 258% !important;
  }
}

.width-pct-259 {
  width: 259% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-259 {
    width: 259% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-259 {
    width: 259% !important;
  }
}

.width-pct-260 {
  width: 260% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-260 {
    width: 260% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-260 {
    width: 260% !important;
  }
}

.width-pct-261 {
  width: 261% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-261 {
    width: 261% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-261 {
    width: 261% !important;
  }
}

.width-pct-262 {
  width: 262% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-262 {
    width: 262% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-262 {
    width: 262% !important;
  }
}

.width-pct-263 {
  width: 263% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-263 {
    width: 263% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-263 {
    width: 263% !important;
  }
}

.width-pct-264 {
  width: 264% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-264 {
    width: 264% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-264 {
    width: 264% !important;
  }
}

.width-pct-265 {
  width: 265% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-265 {
    width: 265% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-265 {
    width: 265% !important;
  }
}

.width-pct-266 {
  width: 266% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-266 {
    width: 266% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-266 {
    width: 266% !important;
  }
}

.width-pct-267 {
  width: 267% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-267 {
    width: 267% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-267 {
    width: 267% !important;
  }
}

.width-pct-268 {
  width: 268% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-268 {
    width: 268% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-268 {
    width: 268% !important;
  }
}

.width-pct-269 {
  width: 269% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-269 {
    width: 269% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-269 {
    width: 269% !important;
  }
}

.width-pct-270 {
  width: 270% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-270 {
    width: 270% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-270 {
    width: 270% !important;
  }
}

.width-pct-271 {
  width: 271% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-271 {
    width: 271% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-271 {
    width: 271% !important;
  }
}

.width-pct-272 {
  width: 272% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-272 {
    width: 272% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-272 {
    width: 272% !important;
  }
}

.width-pct-273 {
  width: 273% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-273 {
    width: 273% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-273 {
    width: 273% !important;
  }
}

.width-pct-274 {
  width: 274% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-274 {
    width: 274% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-274 {
    width: 274% !important;
  }
}

.width-pct-275 {
  width: 275% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-275 {
    width: 275% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-275 {
    width: 275% !important;
  }
}

.width-pct-276 {
  width: 276% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-276 {
    width: 276% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-276 {
    width: 276% !important;
  }
}

.width-pct-277 {
  width: 277% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-277 {
    width: 277% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-277 {
    width: 277% !important;
  }
}

.width-pct-278 {
  width: 278% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-278 {
    width: 278% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-278 {
    width: 278% !important;
  }
}

.width-pct-279 {
  width: 279% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-279 {
    width: 279% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-279 {
    width: 279% !important;
  }
}

.width-pct-280 {
  width: 280% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-280 {
    width: 280% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-280 {
    width: 280% !important;
  }
}

.width-pct-281 {
  width: 281% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-281 {
    width: 281% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-281 {
    width: 281% !important;
  }
}

.width-pct-282 {
  width: 282% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-282 {
    width: 282% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-282 {
    width: 282% !important;
  }
}

.width-pct-283 {
  width: 283% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-283 {
    width: 283% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-283 {
    width: 283% !important;
  }
}

.width-pct-284 {
  width: 284% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-284 {
    width: 284% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-284 {
    width: 284% !important;
  }
}

.width-pct-285 {
  width: 285% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-285 {
    width: 285% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-285 {
    width: 285% !important;
  }
}

.width-pct-286 {
  width: 286% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-286 {
    width: 286% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-286 {
    width: 286% !important;
  }
}

.width-pct-287 {
  width: 287% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-287 {
    width: 287% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-287 {
    width: 287% !important;
  }
}

.width-pct-288 {
  width: 288% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-288 {
    width: 288% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-288 {
    width: 288% !important;
  }
}

.width-pct-289 {
  width: 289% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-289 {
    width: 289% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-289 {
    width: 289% !important;
  }
}

.width-pct-290 {
  width: 290% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-290 {
    width: 290% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-290 {
    width: 290% !important;
  }
}

.width-pct-291 {
  width: 291% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-291 {
    width: 291% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-291 {
    width: 291% !important;
  }
}

.width-pct-292 {
  width: 292% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-292 {
    width: 292% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-292 {
    width: 292% !important;
  }
}

.width-pct-293 {
  width: 293% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-293 {
    width: 293% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-293 {
    width: 293% !important;
  }
}

.width-pct-294 {
  width: 294% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-294 {
    width: 294% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-294 {
    width: 294% !important;
  }
}

.width-pct-295 {
  width: 295% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-295 {
    width: 295% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-295 {
    width: 295% !important;
  }
}

.width-pct-296 {
  width: 296% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-296 {
    width: 296% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-296 {
    width: 296% !important;
  }
}

.width-pct-297 {
  width: 297% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-297 {
    width: 297% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-297 {
    width: 297% !important;
  }
}

.width-pct-298 {
  width: 298% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-298 {
    width: 298% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-298 {
    width: 298% !important;
  }
}

.width-pct-299 {
  width: 299% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-299 {
    width: 299% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-299 {
    width: 299% !important;
  }
}

.width-pct-300 {
  width: 300% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-300 {
    width: 300% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-300 {
    width: 300% !important;
  }
}

.width-pct-301 {
  width: 301% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-301 {
    width: 301% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-301 {
    width: 301% !important;
  }
}

.width-pct-302 {
  width: 302% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-302 {
    width: 302% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-302 {
    width: 302% !important;
  }
}

.width-pct-303 {
  width: 303% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-303 {
    width: 303% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-303 {
    width: 303% !important;
  }
}

.width-pct-304 {
  width: 304% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-304 {
    width: 304% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-304 {
    width: 304% !important;
  }
}

.width-pct-305 {
  width: 305% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-305 {
    width: 305% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-305 {
    width: 305% !important;
  }
}

.width-pct-306 {
  width: 306% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-306 {
    width: 306% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-306 {
    width: 306% !important;
  }
}

.width-pct-307 {
  width: 307% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-307 {
    width: 307% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-307 {
    width: 307% !important;
  }
}

.width-pct-308 {
  width: 308% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-308 {
    width: 308% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-308 {
    width: 308% !important;
  }
}

.width-pct-309 {
  width: 309% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-309 {
    width: 309% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-309 {
    width: 309% !important;
  }
}

.width-pct-310 {
  width: 310% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-310 {
    width: 310% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-310 {
    width: 310% !important;
  }
}

.width-pct-311 {
  width: 311% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-311 {
    width: 311% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-311 {
    width: 311% !important;
  }
}

.width-pct-312 {
  width: 312% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-312 {
    width: 312% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-312 {
    width: 312% !important;
  }
}

.width-pct-313 {
  width: 313% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-313 {
    width: 313% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-313 {
    width: 313% !important;
  }
}

.width-pct-314 {
  width: 314% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-314 {
    width: 314% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-314 {
    width: 314% !important;
  }
}

.width-pct-315 {
  width: 315% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-315 {
    width: 315% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-315 {
    width: 315% !important;
  }
}

.width-pct-316 {
  width: 316% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-316 {
    width: 316% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-316 {
    width: 316% !important;
  }
}

.width-pct-317 {
  width: 317% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-317 {
    width: 317% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-317 {
    width: 317% !important;
  }
}

.width-pct-318 {
  width: 318% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-318 {
    width: 318% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-318 {
    width: 318% !important;
  }
}

.width-pct-319 {
  width: 319% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-319 {
    width: 319% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-319 {
    width: 319% !important;
  }
}

.width-pct-320 {
  width: 320% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-320 {
    width: 320% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-320 {
    width: 320% !important;
  }
}

.width-pct-321 {
  width: 321% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-321 {
    width: 321% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-321 {
    width: 321% !important;
  }
}

.width-pct-322 {
  width: 322% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-322 {
    width: 322% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-322 {
    width: 322% !important;
  }
}

.width-pct-323 {
  width: 323% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-323 {
    width: 323% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-323 {
    width: 323% !important;
  }
}

.width-pct-324 {
  width: 324% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-324 {
    width: 324% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-324 {
    width: 324% !important;
  }
}

.width-pct-325 {
  width: 325% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-325 {
    width: 325% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-325 {
    width: 325% !important;
  }
}

.width-pct-326 {
  width: 326% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-326 {
    width: 326% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-326 {
    width: 326% !important;
  }
}

.width-pct-327 {
  width: 327% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-327 {
    width: 327% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-327 {
    width: 327% !important;
  }
}

.width-pct-328 {
  width: 328% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-328 {
    width: 328% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-328 {
    width: 328% !important;
  }
}

.width-pct-329 {
  width: 329% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-329 {
    width: 329% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-329 {
    width: 329% !important;
  }
}

.width-pct-330 {
  width: 330% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-330 {
    width: 330% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-330 {
    width: 330% !important;
  }
}

.width-pct-331 {
  width: 331% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-331 {
    width: 331% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-331 {
    width: 331% !important;
  }
}

.width-pct-332 {
  width: 332% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-332 {
    width: 332% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-332 {
    width: 332% !important;
  }
}

.width-pct-333 {
  width: 333% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-333 {
    width: 333% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-333 {
    width: 333% !important;
  }
}

.width-pct-334 {
  width: 334% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-334 {
    width: 334% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-334 {
    width: 334% !important;
  }
}

.width-pct-335 {
  width: 335% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-335 {
    width: 335% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-335 {
    width: 335% !important;
  }
}

.width-pct-336 {
  width: 336% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-336 {
    width: 336% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-336 {
    width: 336% !important;
  }
}

.width-pct-337 {
  width: 337% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-337 {
    width: 337% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-337 {
    width: 337% !important;
  }
}

.width-pct-338 {
  width: 338% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-338 {
    width: 338% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-338 {
    width: 338% !important;
  }
}

.width-pct-339 {
  width: 339% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-339 {
    width: 339% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-339 {
    width: 339% !important;
  }
}

.width-pct-340 {
  width: 340% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-340 {
    width: 340% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-340 {
    width: 340% !important;
  }
}

.width-pct-341 {
  width: 341% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-341 {
    width: 341% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-341 {
    width: 341% !important;
  }
}

.width-pct-342 {
  width: 342% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-342 {
    width: 342% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-342 {
    width: 342% !important;
  }
}

.width-pct-343 {
  width: 343% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-343 {
    width: 343% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-343 {
    width: 343% !important;
  }
}

.width-pct-344 {
  width: 344% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-344 {
    width: 344% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-344 {
    width: 344% !important;
  }
}

.width-pct-345 {
  width: 345% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-345 {
    width: 345% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-345 {
    width: 345% !important;
  }
}

.width-pct-346 {
  width: 346% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-346 {
    width: 346% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-346 {
    width: 346% !important;
  }
}

.width-pct-347 {
  width: 347% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-347 {
    width: 347% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-347 {
    width: 347% !important;
  }
}

.width-pct-348 {
  width: 348% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-348 {
    width: 348% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-348 {
    width: 348% !important;
  }
}

.width-pct-349 {
  width: 349% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-349 {
    width: 349% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-349 {
    width: 349% !important;
  }
}

.width-pct-350 {
  width: 350% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-350 {
    width: 350% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-350 {
    width: 350% !important;
  }
}

.width-pct-351 {
  width: 351% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-351 {
    width: 351% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-351 {
    width: 351% !important;
  }
}

.width-pct-352 {
  width: 352% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-352 {
    width: 352% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-352 {
    width: 352% !important;
  }
}

.width-pct-353 {
  width: 353% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-353 {
    width: 353% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-353 {
    width: 353% !important;
  }
}

.width-pct-354 {
  width: 354% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-354 {
    width: 354% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-354 {
    width: 354% !important;
  }
}

.width-pct-355 {
  width: 355% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-355 {
    width: 355% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-355 {
    width: 355% !important;
  }
}

.width-pct-356 {
  width: 356% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-356 {
    width: 356% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-356 {
    width: 356% !important;
  }
}

.width-pct-357 {
  width: 357% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-357 {
    width: 357% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-357 {
    width: 357% !important;
  }
}

.width-pct-358 {
  width: 358% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-358 {
    width: 358% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-358 {
    width: 358% !important;
  }
}

.width-pct-359 {
  width: 359% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-359 {
    width: 359% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-359 {
    width: 359% !important;
  }
}

.width-pct-360 {
  width: 360% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-360 {
    width: 360% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-360 {
    width: 360% !important;
  }
}

.width-pct-361 {
  width: 361% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-361 {
    width: 361% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-361 {
    width: 361% !important;
  }
}

.width-pct-362 {
  width: 362% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-362 {
    width: 362% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-362 {
    width: 362% !important;
  }
}

.width-pct-363 {
  width: 363% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-363 {
    width: 363% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-363 {
    width: 363% !important;
  }
}

.width-pct-364 {
  width: 364% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-364 {
    width: 364% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-364 {
    width: 364% !important;
  }
}

.width-pct-365 {
  width: 365% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-365 {
    width: 365% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-365 {
    width: 365% !important;
  }
}

.width-pct-366 {
  width: 366% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-366 {
    width: 366% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-366 {
    width: 366% !important;
  }
}

.width-pct-367 {
  width: 367% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-367 {
    width: 367% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-367 {
    width: 367% !important;
  }
}

.width-pct-368 {
  width: 368% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-368 {
    width: 368% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-368 {
    width: 368% !important;
  }
}

.width-pct-369 {
  width: 369% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-369 {
    width: 369% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-369 {
    width: 369% !important;
  }
}

.width-pct-370 {
  width: 370% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-370 {
    width: 370% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-370 {
    width: 370% !important;
  }
}

.width-pct-371 {
  width: 371% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-371 {
    width: 371% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-371 {
    width: 371% !important;
  }
}

.width-pct-372 {
  width: 372% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-372 {
    width: 372% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-372 {
    width: 372% !important;
  }
}

.width-pct-373 {
  width: 373% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-373 {
    width: 373% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-373 {
    width: 373% !important;
  }
}

.width-pct-374 {
  width: 374% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-374 {
    width: 374% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-374 {
    width: 374% !important;
  }
}

.width-pct-375 {
  width: 375% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-375 {
    width: 375% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-375 {
    width: 375% !important;
  }
}

.width-pct-376 {
  width: 376% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-376 {
    width: 376% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-376 {
    width: 376% !important;
  }
}

.width-pct-377 {
  width: 377% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-377 {
    width: 377% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-377 {
    width: 377% !important;
  }
}

.width-pct-378 {
  width: 378% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-378 {
    width: 378% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-378 {
    width: 378% !important;
  }
}

.width-pct-379 {
  width: 379% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-379 {
    width: 379% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-379 {
    width: 379% !important;
  }
}

.width-pct-380 {
  width: 380% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-380 {
    width: 380% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-380 {
    width: 380% !important;
  }
}

.width-pct-381 {
  width: 381% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-381 {
    width: 381% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-381 {
    width: 381% !important;
  }
}

.width-pct-382 {
  width: 382% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-382 {
    width: 382% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-382 {
    width: 382% !important;
  }
}

.width-pct-383 {
  width: 383% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-383 {
    width: 383% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-383 {
    width: 383% !important;
  }
}

.width-pct-384 {
  width: 384% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-384 {
    width: 384% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-384 {
    width: 384% !important;
  }
}

.width-pct-385 {
  width: 385% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-385 {
    width: 385% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-385 {
    width: 385% !important;
  }
}

.width-pct-386 {
  width: 386% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-386 {
    width: 386% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-386 {
    width: 386% !important;
  }
}

.width-pct-387 {
  width: 387% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-387 {
    width: 387% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-387 {
    width: 387% !important;
  }
}

.width-pct-388 {
  width: 388% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-388 {
    width: 388% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-388 {
    width: 388% !important;
  }
}

.width-pct-389 {
  width: 389% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-389 {
    width: 389% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-389 {
    width: 389% !important;
  }
}

.width-pct-390 {
  width: 390% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-390 {
    width: 390% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-390 {
    width: 390% !important;
  }
}

.width-pct-391 {
  width: 391% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-391 {
    width: 391% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-391 {
    width: 391% !important;
  }
}

.width-pct-392 {
  width: 392% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-392 {
    width: 392% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-392 {
    width: 392% !important;
  }
}

.width-pct-393 {
  width: 393% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-393 {
    width: 393% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-393 {
    width: 393% !important;
  }
}

.width-pct-394 {
  width: 394% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-394 {
    width: 394% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-394 {
    width: 394% !important;
  }
}

.width-pct-395 {
  width: 395% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-395 {
    width: 395% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-395 {
    width: 395% !important;
  }
}

.width-pct-396 {
  width: 396% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-396 {
    width: 396% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-396 {
    width: 396% !important;
  }
}

.width-pct-397 {
  width: 397% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-397 {
    width: 397% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-397 {
    width: 397% !important;
  }
}

.width-pct-398 {
  width: 398% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-398 {
    width: 398% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-398 {
    width: 398% !important;
  }
}

.width-pct-399 {
  width: 399% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-399 {
    width: 399% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-399 {
    width: 399% !important;
  }
}

.width-pct-400 {
  width: 400% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-400 {
    width: 400% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-400 {
    width: 400% !important;
  }
}

.width-pct-401 {
  width: 401% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-401 {
    width: 401% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-401 {
    width: 401% !important;
  }
}

.width-pct-402 {
  width: 402% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-402 {
    width: 402% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-402 {
    width: 402% !important;
  }
}

.width-pct-403 {
  width: 403% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-403 {
    width: 403% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-403 {
    width: 403% !important;
  }
}

.width-pct-404 {
  width: 404% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-404 {
    width: 404% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-404 {
    width: 404% !important;
  }
}

.width-pct-405 {
  width: 405% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-405 {
    width: 405% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-405 {
    width: 405% !important;
  }
}

.width-pct-406 {
  width: 406% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-406 {
    width: 406% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-406 {
    width: 406% !important;
  }
}

.width-pct-407 {
  width: 407% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-407 {
    width: 407% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-407 {
    width: 407% !important;
  }
}

.width-pct-408 {
  width: 408% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-408 {
    width: 408% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-408 {
    width: 408% !important;
  }
}

.width-pct-409 {
  width: 409% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-409 {
    width: 409% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-409 {
    width: 409% !important;
  }
}

.width-pct-410 {
  width: 410% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-410 {
    width: 410% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-410 {
    width: 410% !important;
  }
}

.width-pct-411 {
  width: 411% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-411 {
    width: 411% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-411 {
    width: 411% !important;
  }
}

.width-pct-412 {
  width: 412% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-412 {
    width: 412% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-412 {
    width: 412% !important;
  }
}

.width-pct-413 {
  width: 413% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-413 {
    width: 413% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-413 {
    width: 413% !important;
  }
}

.width-pct-414 {
  width: 414% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-414 {
    width: 414% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-414 {
    width: 414% !important;
  }
}

.width-pct-415 {
  width: 415% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-415 {
    width: 415% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-415 {
    width: 415% !important;
  }
}

.width-pct-416 {
  width: 416% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-416 {
    width: 416% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-416 {
    width: 416% !important;
  }
}

.width-pct-417 {
  width: 417% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-417 {
    width: 417% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-417 {
    width: 417% !important;
  }
}

.width-pct-418 {
  width: 418% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-418 {
    width: 418% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-418 {
    width: 418% !important;
  }
}

.width-pct-419 {
  width: 419% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-419 {
    width: 419% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-419 {
    width: 419% !important;
  }
}

.width-pct-420 {
  width: 420% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-420 {
    width: 420% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-420 {
    width: 420% !important;
  }
}

.width-pct-421 {
  width: 421% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-421 {
    width: 421% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-421 {
    width: 421% !important;
  }
}

.width-pct-422 {
  width: 422% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-422 {
    width: 422% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-422 {
    width: 422% !important;
  }
}

.width-pct-423 {
  width: 423% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-423 {
    width: 423% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-423 {
    width: 423% !important;
  }
}

.width-pct-424 {
  width: 424% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-424 {
    width: 424% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-424 {
    width: 424% !important;
  }
}

.width-pct-425 {
  width: 425% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-425 {
    width: 425% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-425 {
    width: 425% !important;
  }
}

.width-pct-426 {
  width: 426% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-426 {
    width: 426% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-426 {
    width: 426% !important;
  }
}

.width-pct-427 {
  width: 427% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-427 {
    width: 427% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-427 {
    width: 427% !important;
  }
}

.width-pct-428 {
  width: 428% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-428 {
    width: 428% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-428 {
    width: 428% !important;
  }
}

.width-pct-429 {
  width: 429% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-429 {
    width: 429% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-429 {
    width: 429% !important;
  }
}

.width-pct-430 {
  width: 430% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-430 {
    width: 430% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-430 {
    width: 430% !important;
  }
}

.width-pct-431 {
  width: 431% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-431 {
    width: 431% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-431 {
    width: 431% !important;
  }
}

.width-pct-432 {
  width: 432% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-432 {
    width: 432% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-432 {
    width: 432% !important;
  }
}

.width-pct-433 {
  width: 433% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-433 {
    width: 433% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-433 {
    width: 433% !important;
  }
}

.width-pct-434 {
  width: 434% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-434 {
    width: 434% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-434 {
    width: 434% !important;
  }
}

.width-pct-435 {
  width: 435% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-435 {
    width: 435% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-435 {
    width: 435% !important;
  }
}

.width-pct-436 {
  width: 436% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-436 {
    width: 436% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-436 {
    width: 436% !important;
  }
}

.width-pct-437 {
  width: 437% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-437 {
    width: 437% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-437 {
    width: 437% !important;
  }
}

.width-pct-438 {
  width: 438% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-438 {
    width: 438% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-438 {
    width: 438% !important;
  }
}

.width-pct-439 {
  width: 439% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-439 {
    width: 439% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-439 {
    width: 439% !important;
  }
}

.width-pct-440 {
  width: 440% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-440 {
    width: 440% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-440 {
    width: 440% !important;
  }
}

.width-pct-441 {
  width: 441% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-441 {
    width: 441% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-441 {
    width: 441% !important;
  }
}

.width-pct-442 {
  width: 442% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-442 {
    width: 442% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-442 {
    width: 442% !important;
  }
}

.width-pct-443 {
  width: 443% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-443 {
    width: 443% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-443 {
    width: 443% !important;
  }
}

.width-pct-444 {
  width: 444% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-444 {
    width: 444% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-444 {
    width: 444% !important;
  }
}

.width-pct-445 {
  width: 445% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-445 {
    width: 445% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-445 {
    width: 445% !important;
  }
}

.width-pct-446 {
  width: 446% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-446 {
    width: 446% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-446 {
    width: 446% !important;
  }
}

.width-pct-447 {
  width: 447% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-447 {
    width: 447% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-447 {
    width: 447% !important;
  }
}

.width-pct-448 {
  width: 448% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-448 {
    width: 448% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-448 {
    width: 448% !important;
  }
}

.width-pct-449 {
  width: 449% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-449 {
    width: 449% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-449 {
    width: 449% !important;
  }
}

.width-pct-450 {
  width: 450% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-450 {
    width: 450% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-450 {
    width: 450% !important;
  }
}

.width-pct-451 {
  width: 451% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-451 {
    width: 451% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-451 {
    width: 451% !important;
  }
}

.width-pct-452 {
  width: 452% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-452 {
    width: 452% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-452 {
    width: 452% !important;
  }
}

.width-pct-453 {
  width: 453% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-453 {
    width: 453% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-453 {
    width: 453% !important;
  }
}

.width-pct-454 {
  width: 454% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-454 {
    width: 454% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-454 {
    width: 454% !important;
  }
}

.width-pct-455 {
  width: 455% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-455 {
    width: 455% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-455 {
    width: 455% !important;
  }
}

.width-pct-456 {
  width: 456% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-456 {
    width: 456% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-456 {
    width: 456% !important;
  }
}

.width-pct-457 {
  width: 457% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-457 {
    width: 457% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-457 {
    width: 457% !important;
  }
}

.width-pct-458 {
  width: 458% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-458 {
    width: 458% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-458 {
    width: 458% !important;
  }
}

.width-pct-459 {
  width: 459% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-459 {
    width: 459% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-459 {
    width: 459% !important;
  }
}

.width-pct-460 {
  width: 460% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-460 {
    width: 460% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-460 {
    width: 460% !important;
  }
}

.width-pct-461 {
  width: 461% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-461 {
    width: 461% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-461 {
    width: 461% !important;
  }
}

.width-pct-462 {
  width: 462% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-462 {
    width: 462% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-462 {
    width: 462% !important;
  }
}

.width-pct-463 {
  width: 463% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-463 {
    width: 463% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-463 {
    width: 463% !important;
  }
}

.width-pct-464 {
  width: 464% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-464 {
    width: 464% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-464 {
    width: 464% !important;
  }
}

.width-pct-465 {
  width: 465% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-465 {
    width: 465% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-465 {
    width: 465% !important;
  }
}

.width-pct-466 {
  width: 466% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-466 {
    width: 466% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-466 {
    width: 466% !important;
  }
}

.width-pct-467 {
  width: 467% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-467 {
    width: 467% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-467 {
    width: 467% !important;
  }
}

.width-pct-468 {
  width: 468% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-468 {
    width: 468% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-468 {
    width: 468% !important;
  }
}

.width-pct-469 {
  width: 469% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-469 {
    width: 469% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-469 {
    width: 469% !important;
  }
}

.width-pct-470 {
  width: 470% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-470 {
    width: 470% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-470 {
    width: 470% !important;
  }
}

.width-pct-471 {
  width: 471% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-471 {
    width: 471% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-471 {
    width: 471% !important;
  }
}

.width-pct-472 {
  width: 472% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-472 {
    width: 472% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-472 {
    width: 472% !important;
  }
}

.width-pct-473 {
  width: 473% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-473 {
    width: 473% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-473 {
    width: 473% !important;
  }
}

.width-pct-474 {
  width: 474% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-474 {
    width: 474% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-474 {
    width: 474% !important;
  }
}

.width-pct-475 {
  width: 475% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-475 {
    width: 475% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-475 {
    width: 475% !important;
  }
}

.width-pct-476 {
  width: 476% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-476 {
    width: 476% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-476 {
    width: 476% !important;
  }
}

.width-pct-477 {
  width: 477% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-477 {
    width: 477% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-477 {
    width: 477% !important;
  }
}

.width-pct-478 {
  width: 478% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-478 {
    width: 478% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-478 {
    width: 478% !important;
  }
}

.width-pct-479 {
  width: 479% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-479 {
    width: 479% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-479 {
    width: 479% !important;
  }
}

.width-pct-480 {
  width: 480% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-480 {
    width: 480% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-480 {
    width: 480% !important;
  }
}

.width-pct-481 {
  width: 481% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-481 {
    width: 481% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-481 {
    width: 481% !important;
  }
}

.width-pct-482 {
  width: 482% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-482 {
    width: 482% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-482 {
    width: 482% !important;
  }
}

.width-pct-483 {
  width: 483% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-483 {
    width: 483% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-483 {
    width: 483% !important;
  }
}

.width-pct-484 {
  width: 484% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-484 {
    width: 484% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-484 {
    width: 484% !important;
  }
}

.width-pct-485 {
  width: 485% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-485 {
    width: 485% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-485 {
    width: 485% !important;
  }
}

.width-pct-486 {
  width: 486% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-486 {
    width: 486% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-486 {
    width: 486% !important;
  }
}

.width-pct-487 {
  width: 487% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-487 {
    width: 487% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-487 {
    width: 487% !important;
  }
}

.width-pct-488 {
  width: 488% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-488 {
    width: 488% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-488 {
    width: 488% !important;
  }
}

.width-pct-489 {
  width: 489% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-489 {
    width: 489% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-489 {
    width: 489% !important;
  }
}

.width-pct-490 {
  width: 490% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-490 {
    width: 490% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-490 {
    width: 490% !important;
  }
}

.width-pct-491 {
  width: 491% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-491 {
    width: 491% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-491 {
    width: 491% !important;
  }
}

.width-pct-492 {
  width: 492% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-492 {
    width: 492% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-492 {
    width: 492% !important;
  }
}

.width-pct-493 {
  width: 493% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-493 {
    width: 493% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-493 {
    width: 493% !important;
  }
}

.width-pct-494 {
  width: 494% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-494 {
    width: 494% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-494 {
    width: 494% !important;
  }
}

.width-pct-495 {
  width: 495% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-495 {
    width: 495% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-495 {
    width: 495% !important;
  }
}

.width-pct-496 {
  width: 496% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-496 {
    width: 496% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-496 {
    width: 496% !important;
  }
}

.width-pct-497 {
  width: 497% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-497 {
    width: 497% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-497 {
    width: 497% !important;
  }
}

.width-pct-498 {
  width: 498% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-498 {
    width: 498% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-498 {
    width: 498% !important;
  }
}

.width-pct-499 {
  width: 499% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-499 {
    width: 499% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-499 {
    width: 499% !important;
  }
}

.width-pct-500 {
  width: 500% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-500 {
    width: 500% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-500 {
    width: 500% !important;
  }
}

.width-pct-501 {
  width: 501% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-501 {
    width: 501% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-501 {
    width: 501% !important;
  }
}

.width-pct-502 {
  width: 502% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-502 {
    width: 502% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-502 {
    width: 502% !important;
  }
}

.width-pct-503 {
  width: 503% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-503 {
    width: 503% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-503 {
    width: 503% !important;
  }
}

.width-pct-504 {
  width: 504% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-504 {
    width: 504% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-504 {
    width: 504% !important;
  }
}

.width-pct-505 {
  width: 505% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-505 {
    width: 505% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-505 {
    width: 505% !important;
  }
}

.width-pct-506 {
  width: 506% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-506 {
    width: 506% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-506 {
    width: 506% !important;
  }
}

.width-pct-507 {
  width: 507% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-507 {
    width: 507% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-507 {
    width: 507% !important;
  }
}

.width-pct-508 {
  width: 508% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-508 {
    width: 508% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-508 {
    width: 508% !important;
  }
}

.width-pct-509 {
  width: 509% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-509 {
    width: 509% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-509 {
    width: 509% !important;
  }
}

.width-pct-510 {
  width: 510% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-510 {
    width: 510% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-510 {
    width: 510% !important;
  }
}

.width-pct-511 {
  width: 511% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-511 {
    width: 511% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-511 {
    width: 511% !important;
  }
}

.width-pct-512 {
  width: 512% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-512 {
    width: 512% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-512 {
    width: 512% !important;
  }
}

.width-pct-513 {
  width: 513% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-513 {
    width: 513% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-513 {
    width: 513% !important;
  }
}

.width-pct-514 {
  width: 514% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-514 {
    width: 514% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-514 {
    width: 514% !important;
  }
}

.width-pct-515 {
  width: 515% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-515 {
    width: 515% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-515 {
    width: 515% !important;
  }
}

.width-pct-516 {
  width: 516% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-516 {
    width: 516% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-516 {
    width: 516% !important;
  }
}

.width-pct-517 {
  width: 517% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-517 {
    width: 517% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-517 {
    width: 517% !important;
  }
}

.width-pct-518 {
  width: 518% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-518 {
    width: 518% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-518 {
    width: 518% !important;
  }
}

.width-pct-519 {
  width: 519% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-519 {
    width: 519% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-519 {
    width: 519% !important;
  }
}

.width-pct-520 {
  width: 520% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-520 {
    width: 520% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-520 {
    width: 520% !important;
  }
}

.width-pct-521 {
  width: 521% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-521 {
    width: 521% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-521 {
    width: 521% !important;
  }
}

.width-pct-522 {
  width: 522% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-522 {
    width: 522% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-522 {
    width: 522% !important;
  }
}

.width-pct-523 {
  width: 523% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-523 {
    width: 523% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-523 {
    width: 523% !important;
  }
}

.width-pct-524 {
  width: 524% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-524 {
    width: 524% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-524 {
    width: 524% !important;
  }
}

.width-pct-525 {
  width: 525% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-525 {
    width: 525% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-525 {
    width: 525% !important;
  }
}

.width-pct-526 {
  width: 526% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-526 {
    width: 526% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-526 {
    width: 526% !important;
  }
}

.width-pct-527 {
  width: 527% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-527 {
    width: 527% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-527 {
    width: 527% !important;
  }
}

.width-pct-528 {
  width: 528% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-528 {
    width: 528% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-528 {
    width: 528% !important;
  }
}

.width-pct-529 {
  width: 529% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-529 {
    width: 529% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-529 {
    width: 529% !important;
  }
}

.width-pct-530 {
  width: 530% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-530 {
    width: 530% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-530 {
    width: 530% !important;
  }
}

.width-pct-531 {
  width: 531% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-531 {
    width: 531% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-531 {
    width: 531% !important;
  }
}

.width-pct-532 {
  width: 532% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-532 {
    width: 532% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-532 {
    width: 532% !important;
  }
}

.width-pct-533 {
  width: 533% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-533 {
    width: 533% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-533 {
    width: 533% !important;
  }
}

.width-pct-534 {
  width: 534% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-534 {
    width: 534% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-534 {
    width: 534% !important;
  }
}

.width-pct-535 {
  width: 535% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-535 {
    width: 535% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-535 {
    width: 535% !important;
  }
}

.width-pct-536 {
  width: 536% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-536 {
    width: 536% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-536 {
    width: 536% !important;
  }
}

.width-pct-537 {
  width: 537% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-537 {
    width: 537% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-537 {
    width: 537% !important;
  }
}

.width-pct-538 {
  width: 538% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-538 {
    width: 538% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-538 {
    width: 538% !important;
  }
}

.width-pct-539 {
  width: 539% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-539 {
    width: 539% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-539 {
    width: 539% !important;
  }
}

.width-pct-540 {
  width: 540% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-540 {
    width: 540% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-540 {
    width: 540% !important;
  }
}

.width-pct-541 {
  width: 541% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-541 {
    width: 541% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-541 {
    width: 541% !important;
  }
}

.width-pct-542 {
  width: 542% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-542 {
    width: 542% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-542 {
    width: 542% !important;
  }
}

.width-pct-543 {
  width: 543% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-543 {
    width: 543% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-543 {
    width: 543% !important;
  }
}

.width-pct-544 {
  width: 544% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-544 {
    width: 544% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-544 {
    width: 544% !important;
  }
}

.width-pct-545 {
  width: 545% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-545 {
    width: 545% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-545 {
    width: 545% !important;
  }
}

.width-pct-546 {
  width: 546% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-546 {
    width: 546% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-546 {
    width: 546% !important;
  }
}

.width-pct-547 {
  width: 547% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-547 {
    width: 547% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-547 {
    width: 547% !important;
  }
}

.width-pct-548 {
  width: 548% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-548 {
    width: 548% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-548 {
    width: 548% !important;
  }
}

.width-pct-549 {
  width: 549% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-549 {
    width: 549% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-549 {
    width: 549% !important;
  }
}

.width-pct-550 {
  width: 550% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-550 {
    width: 550% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-550 {
    width: 550% !important;
  }
}

.width-pct-551 {
  width: 551% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-551 {
    width: 551% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-551 {
    width: 551% !important;
  }
}

.width-pct-552 {
  width: 552% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-552 {
    width: 552% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-552 {
    width: 552% !important;
  }
}

.width-pct-553 {
  width: 553% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-553 {
    width: 553% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-553 {
    width: 553% !important;
  }
}

.width-pct-554 {
  width: 554% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-554 {
    width: 554% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-554 {
    width: 554% !important;
  }
}

.width-pct-555 {
  width: 555% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-555 {
    width: 555% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-555 {
    width: 555% !important;
  }
}

.width-pct-556 {
  width: 556% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-556 {
    width: 556% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-556 {
    width: 556% !important;
  }
}

.width-pct-557 {
  width: 557% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-557 {
    width: 557% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-557 {
    width: 557% !important;
  }
}

.width-pct-558 {
  width: 558% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-558 {
    width: 558% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-558 {
    width: 558% !important;
  }
}

.width-pct-559 {
  width: 559% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-559 {
    width: 559% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-559 {
    width: 559% !important;
  }
}

.width-pct-560 {
  width: 560% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-560 {
    width: 560% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-560 {
    width: 560% !important;
  }
}

.width-pct-561 {
  width: 561% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-561 {
    width: 561% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-561 {
    width: 561% !important;
  }
}

.width-pct-562 {
  width: 562% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-562 {
    width: 562% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-562 {
    width: 562% !important;
  }
}

.width-pct-563 {
  width: 563% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-563 {
    width: 563% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-563 {
    width: 563% !important;
  }
}

.width-pct-564 {
  width: 564% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-564 {
    width: 564% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-564 {
    width: 564% !important;
  }
}

.width-pct-565 {
  width: 565% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-565 {
    width: 565% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-565 {
    width: 565% !important;
  }
}

.width-pct-566 {
  width: 566% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-566 {
    width: 566% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-566 {
    width: 566% !important;
  }
}

.width-pct-567 {
  width: 567% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-567 {
    width: 567% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-567 {
    width: 567% !important;
  }
}

.width-pct-568 {
  width: 568% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-568 {
    width: 568% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-568 {
    width: 568% !important;
  }
}

.width-pct-569 {
  width: 569% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-569 {
    width: 569% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-569 {
    width: 569% !important;
  }
}

.width-pct-570 {
  width: 570% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-570 {
    width: 570% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-570 {
    width: 570% !important;
  }
}

.width-pct-571 {
  width: 571% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-571 {
    width: 571% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-571 {
    width: 571% !important;
  }
}

.width-pct-572 {
  width: 572% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-572 {
    width: 572% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-572 {
    width: 572% !important;
  }
}

.width-pct-573 {
  width: 573% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-573 {
    width: 573% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-573 {
    width: 573% !important;
  }
}

.width-pct-574 {
  width: 574% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-574 {
    width: 574% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-574 {
    width: 574% !important;
  }
}

.width-pct-575 {
  width: 575% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-575 {
    width: 575% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-575 {
    width: 575% !important;
  }
}

.width-pct-576 {
  width: 576% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-576 {
    width: 576% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-576 {
    width: 576% !important;
  }
}

.width-pct-577 {
  width: 577% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-577 {
    width: 577% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-577 {
    width: 577% !important;
  }
}

.width-pct-578 {
  width: 578% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-578 {
    width: 578% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-578 {
    width: 578% !important;
  }
}

.width-pct-579 {
  width: 579% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-579 {
    width: 579% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-579 {
    width: 579% !important;
  }
}

.width-pct-580 {
  width: 580% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-580 {
    width: 580% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-580 {
    width: 580% !important;
  }
}

.width-pct-581 {
  width: 581% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-581 {
    width: 581% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-581 {
    width: 581% !important;
  }
}

.width-pct-582 {
  width: 582% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-582 {
    width: 582% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-582 {
    width: 582% !important;
  }
}

.width-pct-583 {
  width: 583% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-583 {
    width: 583% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-583 {
    width: 583% !important;
  }
}

.width-pct-584 {
  width: 584% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-584 {
    width: 584% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-584 {
    width: 584% !important;
  }
}

.width-pct-585 {
  width: 585% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-585 {
    width: 585% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-585 {
    width: 585% !important;
  }
}

.width-pct-586 {
  width: 586% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-586 {
    width: 586% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-586 {
    width: 586% !important;
  }
}

.width-pct-587 {
  width: 587% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-587 {
    width: 587% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-587 {
    width: 587% !important;
  }
}

.width-pct-588 {
  width: 588% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-588 {
    width: 588% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-588 {
    width: 588% !important;
  }
}

.width-pct-589 {
  width: 589% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-589 {
    width: 589% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-589 {
    width: 589% !important;
  }
}

.width-pct-590 {
  width: 590% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-590 {
    width: 590% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-590 {
    width: 590% !important;
  }
}

.width-pct-591 {
  width: 591% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-591 {
    width: 591% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-591 {
    width: 591% !important;
  }
}

.width-pct-592 {
  width: 592% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-592 {
    width: 592% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-592 {
    width: 592% !important;
  }
}

.width-pct-593 {
  width: 593% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-593 {
    width: 593% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-593 {
    width: 593% !important;
  }
}

.width-pct-594 {
  width: 594% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-594 {
    width: 594% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-594 {
    width: 594% !important;
  }
}

.width-pct-595 {
  width: 595% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-595 {
    width: 595% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-595 {
    width: 595% !important;
  }
}

.width-pct-596 {
  width: 596% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-596 {
    width: 596% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-596 {
    width: 596% !important;
  }
}

.width-pct-597 {
  width: 597% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-597 {
    width: 597% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-597 {
    width: 597% !important;
  }
}

.width-pct-598 {
  width: 598% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-598 {
    width: 598% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-598 {
    width: 598% !important;
  }
}

.width-pct-599 {
  width: 599% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-599 {
    width: 599% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-599 {
    width: 599% !important;
  }
}

.width-pct-600 {
  width: 600% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-600 {
    width: 600% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-600 {
    width: 600% !important;
  }
}

.width-pct-601 {
  width: 601% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-601 {
    width: 601% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-601 {
    width: 601% !important;
  }
}

.width-pct-602 {
  width: 602% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-602 {
    width: 602% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-602 {
    width: 602% !important;
  }
}

.width-pct-603 {
  width: 603% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-603 {
    width: 603% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-603 {
    width: 603% !important;
  }
}

.width-pct-604 {
  width: 604% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-604 {
    width: 604% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-604 {
    width: 604% !important;
  }
}

.width-pct-605 {
  width: 605% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-605 {
    width: 605% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-605 {
    width: 605% !important;
  }
}

.width-pct-606 {
  width: 606% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-606 {
    width: 606% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-606 {
    width: 606% !important;
  }
}

.width-pct-607 {
  width: 607% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-607 {
    width: 607% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-607 {
    width: 607% !important;
  }
}

.width-pct-608 {
  width: 608% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-608 {
    width: 608% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-608 {
    width: 608% !important;
  }
}

.width-pct-609 {
  width: 609% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-609 {
    width: 609% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-609 {
    width: 609% !important;
  }
}

.width-pct-610 {
  width: 610% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-610 {
    width: 610% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-610 {
    width: 610% !important;
  }
}

.width-pct-611 {
  width: 611% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-611 {
    width: 611% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-611 {
    width: 611% !important;
  }
}

.width-pct-612 {
  width: 612% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-612 {
    width: 612% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-612 {
    width: 612% !important;
  }
}

.width-pct-613 {
  width: 613% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-613 {
    width: 613% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-613 {
    width: 613% !important;
  }
}

.width-pct-614 {
  width: 614% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-614 {
    width: 614% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-614 {
    width: 614% !important;
  }
}

.width-pct-615 {
  width: 615% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-615 {
    width: 615% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-615 {
    width: 615% !important;
  }
}

.width-pct-616 {
  width: 616% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-616 {
    width: 616% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-616 {
    width: 616% !important;
  }
}

.width-pct-617 {
  width: 617% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-617 {
    width: 617% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-617 {
    width: 617% !important;
  }
}

.width-pct-618 {
  width: 618% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-618 {
    width: 618% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-618 {
    width: 618% !important;
  }
}

.width-pct-619 {
  width: 619% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-619 {
    width: 619% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-619 {
    width: 619% !important;
  }
}

.width-pct-620 {
  width: 620% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-620 {
    width: 620% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-620 {
    width: 620% !important;
  }
}

.width-pct-621 {
  width: 621% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-621 {
    width: 621% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-621 {
    width: 621% !important;
  }
}

.width-pct-622 {
  width: 622% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-622 {
    width: 622% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-622 {
    width: 622% !important;
  }
}

.width-pct-623 {
  width: 623% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-623 {
    width: 623% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-623 {
    width: 623% !important;
  }
}

.width-pct-624 {
  width: 624% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-624 {
    width: 624% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-624 {
    width: 624% !important;
  }
}

.width-pct-625 {
  width: 625% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-625 {
    width: 625% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-625 {
    width: 625% !important;
  }
}

.width-pct-626 {
  width: 626% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-626 {
    width: 626% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-626 {
    width: 626% !important;
  }
}

.width-pct-627 {
  width: 627% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-627 {
    width: 627% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-627 {
    width: 627% !important;
  }
}

.width-pct-628 {
  width: 628% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-628 {
    width: 628% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-628 {
    width: 628% !important;
  }
}

.width-pct-629 {
  width: 629% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-629 {
    width: 629% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-629 {
    width: 629% !important;
  }
}

.width-pct-630 {
  width: 630% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-630 {
    width: 630% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-630 {
    width: 630% !important;
  }
}

.width-pct-631 {
  width: 631% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-631 {
    width: 631% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-631 {
    width: 631% !important;
  }
}

.width-pct-632 {
  width: 632% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-632 {
    width: 632% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-632 {
    width: 632% !important;
  }
}

.width-pct-633 {
  width: 633% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-633 {
    width: 633% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-633 {
    width: 633% !important;
  }
}

.width-pct-634 {
  width: 634% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-634 {
    width: 634% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-634 {
    width: 634% !important;
  }
}

.width-pct-635 {
  width: 635% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-635 {
    width: 635% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-635 {
    width: 635% !important;
  }
}

.width-pct-636 {
  width: 636% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-636 {
    width: 636% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-636 {
    width: 636% !important;
  }
}

.width-pct-637 {
  width: 637% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-637 {
    width: 637% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-637 {
    width: 637% !important;
  }
}

.width-pct-638 {
  width: 638% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-638 {
    width: 638% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-638 {
    width: 638% !important;
  }
}

.width-pct-639 {
  width: 639% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-639 {
    width: 639% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-639 {
    width: 639% !important;
  }
}

.width-pct-640 {
  width: 640% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-640 {
    width: 640% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-640 {
    width: 640% !important;
  }
}

.width-pct-641 {
  width: 641% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-641 {
    width: 641% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-641 {
    width: 641% !important;
  }
}

.width-pct-642 {
  width: 642% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-642 {
    width: 642% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-642 {
    width: 642% !important;
  }
}

.width-pct-643 {
  width: 643% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-643 {
    width: 643% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-643 {
    width: 643% !important;
  }
}

.width-pct-644 {
  width: 644% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-644 {
    width: 644% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-644 {
    width: 644% !important;
  }
}

.width-pct-645 {
  width: 645% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-645 {
    width: 645% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-645 {
    width: 645% !important;
  }
}

.width-pct-646 {
  width: 646% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-646 {
    width: 646% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-646 {
    width: 646% !important;
  }
}

.width-pct-647 {
  width: 647% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-647 {
    width: 647% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-647 {
    width: 647% !important;
  }
}

.width-pct-648 {
  width: 648% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-648 {
    width: 648% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-648 {
    width: 648% !important;
  }
}

.width-pct-649 {
  width: 649% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-649 {
    width: 649% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-649 {
    width: 649% !important;
  }
}

.width-pct-650 {
  width: 650% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-650 {
    width: 650% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-650 {
    width: 650% !important;
  }
}

.width-pct-651 {
  width: 651% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-651 {
    width: 651% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-651 {
    width: 651% !important;
  }
}

.width-pct-652 {
  width: 652% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-652 {
    width: 652% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-652 {
    width: 652% !important;
  }
}

.width-pct-653 {
  width: 653% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-653 {
    width: 653% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-653 {
    width: 653% !important;
  }
}

.width-pct-654 {
  width: 654% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-654 {
    width: 654% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-654 {
    width: 654% !important;
  }
}

.width-pct-655 {
  width: 655% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-655 {
    width: 655% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-655 {
    width: 655% !important;
  }
}

.width-pct-656 {
  width: 656% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-656 {
    width: 656% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-656 {
    width: 656% !important;
  }
}

.width-pct-657 {
  width: 657% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-657 {
    width: 657% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-657 {
    width: 657% !important;
  }
}

.width-pct-658 {
  width: 658% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-658 {
    width: 658% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-658 {
    width: 658% !important;
  }
}

.width-pct-659 {
  width: 659% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-659 {
    width: 659% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-659 {
    width: 659% !important;
  }
}

.width-pct-660 {
  width: 660% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-660 {
    width: 660% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-660 {
    width: 660% !important;
  }
}

.width-pct-661 {
  width: 661% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-661 {
    width: 661% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-661 {
    width: 661% !important;
  }
}

.width-pct-662 {
  width: 662% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-662 {
    width: 662% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-662 {
    width: 662% !important;
  }
}

.width-pct-663 {
  width: 663% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-663 {
    width: 663% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-663 {
    width: 663% !important;
  }
}

.width-pct-664 {
  width: 664% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-664 {
    width: 664% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-664 {
    width: 664% !important;
  }
}

.width-pct-665 {
  width: 665% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-665 {
    width: 665% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-665 {
    width: 665% !important;
  }
}

.width-pct-666 {
  width: 666% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-666 {
    width: 666% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-666 {
    width: 666% !important;
  }
}

.width-pct-667 {
  width: 667% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-667 {
    width: 667% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-667 {
    width: 667% !important;
  }
}

.width-pct-668 {
  width: 668% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-668 {
    width: 668% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-668 {
    width: 668% !important;
  }
}

.width-pct-669 {
  width: 669% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-669 {
    width: 669% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-669 {
    width: 669% !important;
  }
}

.width-pct-670 {
  width: 670% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-670 {
    width: 670% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-670 {
    width: 670% !important;
  }
}

.width-pct-671 {
  width: 671% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-671 {
    width: 671% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-671 {
    width: 671% !important;
  }
}

.width-pct-672 {
  width: 672% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-672 {
    width: 672% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-672 {
    width: 672% !important;
  }
}

.width-pct-673 {
  width: 673% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-673 {
    width: 673% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-673 {
    width: 673% !important;
  }
}

.width-pct-674 {
  width: 674% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-674 {
    width: 674% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-674 {
    width: 674% !important;
  }
}

.width-pct-675 {
  width: 675% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-675 {
    width: 675% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-675 {
    width: 675% !important;
  }
}

.width-pct-676 {
  width: 676% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-676 {
    width: 676% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-676 {
    width: 676% !important;
  }
}

.width-pct-677 {
  width: 677% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-677 {
    width: 677% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-677 {
    width: 677% !important;
  }
}

.width-pct-678 {
  width: 678% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-678 {
    width: 678% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-678 {
    width: 678% !important;
  }
}

.width-pct-679 {
  width: 679% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-679 {
    width: 679% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-679 {
    width: 679% !important;
  }
}

.width-pct-680 {
  width: 680% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-680 {
    width: 680% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-680 {
    width: 680% !important;
  }
}

.width-pct-681 {
  width: 681% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-681 {
    width: 681% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-681 {
    width: 681% !important;
  }
}

.width-pct-682 {
  width: 682% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-682 {
    width: 682% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-682 {
    width: 682% !important;
  }
}

.width-pct-683 {
  width: 683% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-683 {
    width: 683% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-683 {
    width: 683% !important;
  }
}

.width-pct-684 {
  width: 684% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-684 {
    width: 684% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-684 {
    width: 684% !important;
  }
}

.width-pct-685 {
  width: 685% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-685 {
    width: 685% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-685 {
    width: 685% !important;
  }
}

.width-pct-686 {
  width: 686% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-686 {
    width: 686% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-686 {
    width: 686% !important;
  }
}

.width-pct-687 {
  width: 687% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-687 {
    width: 687% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-687 {
    width: 687% !important;
  }
}

.width-pct-688 {
  width: 688% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-688 {
    width: 688% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-688 {
    width: 688% !important;
  }
}

.width-pct-689 {
  width: 689% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-689 {
    width: 689% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-689 {
    width: 689% !important;
  }
}

.width-pct-690 {
  width: 690% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-690 {
    width: 690% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-690 {
    width: 690% !important;
  }
}

.width-pct-691 {
  width: 691% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-691 {
    width: 691% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-691 {
    width: 691% !important;
  }
}

.width-pct-692 {
  width: 692% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-692 {
    width: 692% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-692 {
    width: 692% !important;
  }
}

.width-pct-693 {
  width: 693% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-693 {
    width: 693% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-693 {
    width: 693% !important;
  }
}

.width-pct-694 {
  width: 694% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-694 {
    width: 694% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-694 {
    width: 694% !important;
  }
}

.width-pct-695 {
  width: 695% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-695 {
    width: 695% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-695 {
    width: 695% !important;
  }
}

.width-pct-696 {
  width: 696% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-696 {
    width: 696% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-696 {
    width: 696% !important;
  }
}

.width-pct-697 {
  width: 697% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-697 {
    width: 697% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-697 {
    width: 697% !important;
  }
}

.width-pct-698 {
  width: 698% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-698 {
    width: 698% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-698 {
    width: 698% !important;
  }
}

.width-pct-699 {
  width: 699% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-699 {
    width: 699% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-699 {
    width: 699% !important;
  }
}

.width-pct-700 {
  width: 700% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-700 {
    width: 700% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-700 {
    width: 700% !important;
  }
}

.width-pct-701 {
  width: 701% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-701 {
    width: 701% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-701 {
    width: 701% !important;
  }
}

.width-pct-702 {
  width: 702% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-702 {
    width: 702% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-702 {
    width: 702% !important;
  }
}

.width-pct-703 {
  width: 703% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-703 {
    width: 703% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-703 {
    width: 703% !important;
  }
}

.width-pct-704 {
  width: 704% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-704 {
    width: 704% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-704 {
    width: 704% !important;
  }
}

.width-pct-705 {
  width: 705% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-705 {
    width: 705% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-705 {
    width: 705% !important;
  }
}

.width-pct-706 {
  width: 706% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-706 {
    width: 706% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-706 {
    width: 706% !important;
  }
}

.width-pct-707 {
  width: 707% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-707 {
    width: 707% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-707 {
    width: 707% !important;
  }
}

.width-pct-708 {
  width: 708% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-708 {
    width: 708% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-708 {
    width: 708% !important;
  }
}

.width-pct-709 {
  width: 709% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-709 {
    width: 709% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-709 {
    width: 709% !important;
  }
}

.width-pct-710 {
  width: 710% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-710 {
    width: 710% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-710 {
    width: 710% !important;
  }
}

.width-pct-711 {
  width: 711% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-711 {
    width: 711% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-711 {
    width: 711% !important;
  }
}

.width-pct-712 {
  width: 712% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-712 {
    width: 712% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-712 {
    width: 712% !important;
  }
}

.width-pct-713 {
  width: 713% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-713 {
    width: 713% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-713 {
    width: 713% !important;
  }
}

.width-pct-714 {
  width: 714% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-714 {
    width: 714% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-714 {
    width: 714% !important;
  }
}

.width-pct-715 {
  width: 715% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-715 {
    width: 715% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-715 {
    width: 715% !important;
  }
}

.width-pct-716 {
  width: 716% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-716 {
    width: 716% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-716 {
    width: 716% !important;
  }
}

.width-pct-717 {
  width: 717% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-717 {
    width: 717% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-717 {
    width: 717% !important;
  }
}

.width-pct-718 {
  width: 718% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-718 {
    width: 718% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-718 {
    width: 718% !important;
  }
}

.width-pct-719 {
  width: 719% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-719 {
    width: 719% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-719 {
    width: 719% !important;
  }
}

.width-pct-720 {
  width: 720% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-720 {
    width: 720% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-720 {
    width: 720% !important;
  }
}

.width-pct-721 {
  width: 721% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-721 {
    width: 721% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-721 {
    width: 721% !important;
  }
}

.width-pct-722 {
  width: 722% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-722 {
    width: 722% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-722 {
    width: 722% !important;
  }
}

.width-pct-723 {
  width: 723% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-723 {
    width: 723% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-723 {
    width: 723% !important;
  }
}

.width-pct-724 {
  width: 724% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-724 {
    width: 724% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-724 {
    width: 724% !important;
  }
}

.width-pct-725 {
  width: 725% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-725 {
    width: 725% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-725 {
    width: 725% !important;
  }
}

.width-pct-726 {
  width: 726% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-726 {
    width: 726% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-726 {
    width: 726% !important;
  }
}

.width-pct-727 {
  width: 727% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-727 {
    width: 727% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-727 {
    width: 727% !important;
  }
}

.width-pct-728 {
  width: 728% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-728 {
    width: 728% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-728 {
    width: 728% !important;
  }
}

.width-pct-729 {
  width: 729% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-729 {
    width: 729% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-729 {
    width: 729% !important;
  }
}

.width-pct-730 {
  width: 730% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-730 {
    width: 730% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-730 {
    width: 730% !important;
  }
}

.width-pct-731 {
  width: 731% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-731 {
    width: 731% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-731 {
    width: 731% !important;
  }
}

.width-pct-732 {
  width: 732% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-732 {
    width: 732% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-732 {
    width: 732% !important;
  }
}

.width-pct-733 {
  width: 733% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-733 {
    width: 733% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-733 {
    width: 733% !important;
  }
}

.width-pct-734 {
  width: 734% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-734 {
    width: 734% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-734 {
    width: 734% !important;
  }
}

.width-pct-735 {
  width: 735% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-735 {
    width: 735% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-735 {
    width: 735% !important;
  }
}

.width-pct-736 {
  width: 736% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-736 {
    width: 736% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-736 {
    width: 736% !important;
  }
}

.width-pct-737 {
  width: 737% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-737 {
    width: 737% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-737 {
    width: 737% !important;
  }
}

.width-pct-738 {
  width: 738% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-738 {
    width: 738% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-738 {
    width: 738% !important;
  }
}

.width-pct-739 {
  width: 739% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-739 {
    width: 739% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-739 {
    width: 739% !important;
  }
}

.width-pct-740 {
  width: 740% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-740 {
    width: 740% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-740 {
    width: 740% !important;
  }
}

.width-pct-741 {
  width: 741% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-741 {
    width: 741% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-741 {
    width: 741% !important;
  }
}

.width-pct-742 {
  width: 742% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-742 {
    width: 742% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-742 {
    width: 742% !important;
  }
}

.width-pct-743 {
  width: 743% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-743 {
    width: 743% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-743 {
    width: 743% !important;
  }
}

.width-pct-744 {
  width: 744% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-744 {
    width: 744% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-744 {
    width: 744% !important;
  }
}

.width-pct-745 {
  width: 745% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-745 {
    width: 745% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-745 {
    width: 745% !important;
  }
}

.width-pct-746 {
  width: 746% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-746 {
    width: 746% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-746 {
    width: 746% !important;
  }
}

.width-pct-747 {
  width: 747% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-747 {
    width: 747% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-747 {
    width: 747% !important;
  }
}

.width-pct-748 {
  width: 748% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-748 {
    width: 748% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-748 {
    width: 748% !important;
  }
}

.width-pct-749 {
  width: 749% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-749 {
    width: 749% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-749 {
    width: 749% !important;
  }
}

.width-pct-750 {
  width: 750% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-750 {
    width: 750% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-750 {
    width: 750% !important;
  }
}

.width-pct-751 {
  width: 751% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-751 {
    width: 751% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-751 {
    width: 751% !important;
  }
}

.width-pct-752 {
  width: 752% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-752 {
    width: 752% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-752 {
    width: 752% !important;
  }
}

.width-pct-753 {
  width: 753% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-753 {
    width: 753% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-753 {
    width: 753% !important;
  }
}

.width-pct-754 {
  width: 754% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-754 {
    width: 754% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-754 {
    width: 754% !important;
  }
}

.width-pct-755 {
  width: 755% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-755 {
    width: 755% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-755 {
    width: 755% !important;
  }
}

.width-pct-756 {
  width: 756% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-756 {
    width: 756% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-756 {
    width: 756% !important;
  }
}

.width-pct-757 {
  width: 757% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-757 {
    width: 757% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-757 {
    width: 757% !important;
  }
}

.width-pct-758 {
  width: 758% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-758 {
    width: 758% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-758 {
    width: 758% !important;
  }
}

.width-pct-759 {
  width: 759% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-759 {
    width: 759% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-759 {
    width: 759% !important;
  }
}

.width-pct-760 {
  width: 760% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-760 {
    width: 760% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-760 {
    width: 760% !important;
  }
}

.width-pct-761 {
  width: 761% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-761 {
    width: 761% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-761 {
    width: 761% !important;
  }
}

.width-pct-762 {
  width: 762% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-762 {
    width: 762% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-762 {
    width: 762% !important;
  }
}

.width-pct-763 {
  width: 763% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-763 {
    width: 763% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-763 {
    width: 763% !important;
  }
}

.width-pct-764 {
  width: 764% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-764 {
    width: 764% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-764 {
    width: 764% !important;
  }
}

.width-pct-765 {
  width: 765% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-765 {
    width: 765% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-765 {
    width: 765% !important;
  }
}

.width-pct-766 {
  width: 766% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-766 {
    width: 766% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-766 {
    width: 766% !important;
  }
}

.width-pct-767 {
  width: 767% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-767 {
    width: 767% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-767 {
    width: 767% !important;
  }
}

.width-pct-768 {
  width: 768% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-768 {
    width: 768% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-768 {
    width: 768% !important;
  }
}

.width-pct-769 {
  width: 769% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-769 {
    width: 769% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-769 {
    width: 769% !important;
  }
}

.width-pct-770 {
  width: 770% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-770 {
    width: 770% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-770 {
    width: 770% !important;
  }
}

.width-pct-771 {
  width: 771% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-771 {
    width: 771% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-771 {
    width: 771% !important;
  }
}

.width-pct-772 {
  width: 772% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-772 {
    width: 772% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-772 {
    width: 772% !important;
  }
}

.width-pct-773 {
  width: 773% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-773 {
    width: 773% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-773 {
    width: 773% !important;
  }
}

.width-pct-774 {
  width: 774% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-774 {
    width: 774% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-774 {
    width: 774% !important;
  }
}

.width-pct-775 {
  width: 775% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-775 {
    width: 775% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-775 {
    width: 775% !important;
  }
}

.width-pct-776 {
  width: 776% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-776 {
    width: 776% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-776 {
    width: 776% !important;
  }
}

.width-pct-777 {
  width: 777% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-777 {
    width: 777% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-777 {
    width: 777% !important;
  }
}

.width-pct-778 {
  width: 778% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-778 {
    width: 778% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-778 {
    width: 778% !important;
  }
}

.width-pct-779 {
  width: 779% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-779 {
    width: 779% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-779 {
    width: 779% !important;
  }
}

.width-pct-780 {
  width: 780% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-780 {
    width: 780% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-780 {
    width: 780% !important;
  }
}

.width-pct-781 {
  width: 781% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-781 {
    width: 781% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-781 {
    width: 781% !important;
  }
}

.width-pct-782 {
  width: 782% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-782 {
    width: 782% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-782 {
    width: 782% !important;
  }
}

.width-pct-783 {
  width: 783% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-783 {
    width: 783% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-783 {
    width: 783% !important;
  }
}

.width-pct-784 {
  width: 784% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-784 {
    width: 784% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-784 {
    width: 784% !important;
  }
}

.width-pct-785 {
  width: 785% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-785 {
    width: 785% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-785 {
    width: 785% !important;
  }
}

.width-pct-786 {
  width: 786% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-786 {
    width: 786% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-786 {
    width: 786% !important;
  }
}

.width-pct-787 {
  width: 787% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-787 {
    width: 787% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-787 {
    width: 787% !important;
  }
}

.width-pct-788 {
  width: 788% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-788 {
    width: 788% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-788 {
    width: 788% !important;
  }
}

.width-pct-789 {
  width: 789% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-789 {
    width: 789% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-789 {
    width: 789% !important;
  }
}

.width-pct-790 {
  width: 790% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-790 {
    width: 790% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-790 {
    width: 790% !important;
  }
}

.width-pct-791 {
  width: 791% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-791 {
    width: 791% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-791 {
    width: 791% !important;
  }
}

.width-pct-792 {
  width: 792% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-792 {
    width: 792% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-792 {
    width: 792% !important;
  }
}

.width-pct-793 {
  width: 793% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-793 {
    width: 793% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-793 {
    width: 793% !important;
  }
}

.width-pct-794 {
  width: 794% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-794 {
    width: 794% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-794 {
    width: 794% !important;
  }
}

.width-pct-795 {
  width: 795% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-795 {
    width: 795% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-795 {
    width: 795% !important;
  }
}

.width-pct-796 {
  width: 796% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-796 {
    width: 796% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-796 {
    width: 796% !important;
  }
}

.width-pct-797 {
  width: 797% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-797 {
    width: 797% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-797 {
    width: 797% !important;
  }
}

.width-pct-798 {
  width: 798% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-798 {
    width: 798% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-798 {
    width: 798% !important;
  }
}

.width-pct-799 {
  width: 799% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-799 {
    width: 799% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-799 {
    width: 799% !important;
  }
}

.width-pct-800 {
  width: 800% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-800 {
    width: 800% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-800 {
    width: 800% !important;
  }
}

.width-pct-801 {
  width: 801% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-801 {
    width: 801% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-801 {
    width: 801% !important;
  }
}

.width-pct-802 {
  width: 802% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-802 {
    width: 802% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-802 {
    width: 802% !important;
  }
}

.width-pct-803 {
  width: 803% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-803 {
    width: 803% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-803 {
    width: 803% !important;
  }
}

.width-pct-804 {
  width: 804% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-804 {
    width: 804% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-804 {
    width: 804% !important;
  }
}

.width-pct-805 {
  width: 805% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-805 {
    width: 805% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-805 {
    width: 805% !important;
  }
}

.width-pct-806 {
  width: 806% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-806 {
    width: 806% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-806 {
    width: 806% !important;
  }
}

.width-pct-807 {
  width: 807% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-807 {
    width: 807% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-807 {
    width: 807% !important;
  }
}

.width-pct-808 {
  width: 808% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-808 {
    width: 808% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-808 {
    width: 808% !important;
  }
}

.width-pct-809 {
  width: 809% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-809 {
    width: 809% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-809 {
    width: 809% !important;
  }
}

.width-pct-810 {
  width: 810% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-810 {
    width: 810% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-810 {
    width: 810% !important;
  }
}

.width-pct-811 {
  width: 811% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-811 {
    width: 811% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-811 {
    width: 811% !important;
  }
}

.width-pct-812 {
  width: 812% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-812 {
    width: 812% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-812 {
    width: 812% !important;
  }
}

.width-pct-813 {
  width: 813% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-813 {
    width: 813% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-813 {
    width: 813% !important;
  }
}

.width-pct-814 {
  width: 814% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-814 {
    width: 814% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-814 {
    width: 814% !important;
  }
}

.width-pct-815 {
  width: 815% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-815 {
    width: 815% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-815 {
    width: 815% !important;
  }
}

.width-pct-816 {
  width: 816% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-816 {
    width: 816% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-816 {
    width: 816% !important;
  }
}

.width-pct-817 {
  width: 817% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-817 {
    width: 817% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-817 {
    width: 817% !important;
  }
}

.width-pct-818 {
  width: 818% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-818 {
    width: 818% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-818 {
    width: 818% !important;
  }
}

.width-pct-819 {
  width: 819% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-819 {
    width: 819% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-819 {
    width: 819% !important;
  }
}

.width-pct-820 {
  width: 820% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-820 {
    width: 820% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-820 {
    width: 820% !important;
  }
}

.width-pct-821 {
  width: 821% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-821 {
    width: 821% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-821 {
    width: 821% !important;
  }
}

.width-pct-822 {
  width: 822% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-822 {
    width: 822% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-822 {
    width: 822% !important;
  }
}

.width-pct-823 {
  width: 823% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-823 {
    width: 823% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-823 {
    width: 823% !important;
  }
}

.width-pct-824 {
  width: 824% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-824 {
    width: 824% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-824 {
    width: 824% !important;
  }
}

.width-pct-825 {
  width: 825% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-825 {
    width: 825% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-825 {
    width: 825% !important;
  }
}

.width-pct-826 {
  width: 826% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-826 {
    width: 826% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-826 {
    width: 826% !important;
  }
}

.width-pct-827 {
  width: 827% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-827 {
    width: 827% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-827 {
    width: 827% !important;
  }
}

.width-pct-828 {
  width: 828% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-828 {
    width: 828% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-828 {
    width: 828% !important;
  }
}

.width-pct-829 {
  width: 829% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-829 {
    width: 829% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-829 {
    width: 829% !important;
  }
}

.width-pct-830 {
  width: 830% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-830 {
    width: 830% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-830 {
    width: 830% !important;
  }
}

.width-pct-831 {
  width: 831% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-831 {
    width: 831% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-831 {
    width: 831% !important;
  }
}

.width-pct-832 {
  width: 832% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-832 {
    width: 832% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-832 {
    width: 832% !important;
  }
}

.width-pct-833 {
  width: 833% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-833 {
    width: 833% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-833 {
    width: 833% !important;
  }
}

.width-pct-834 {
  width: 834% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-834 {
    width: 834% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-834 {
    width: 834% !important;
  }
}

.width-pct-835 {
  width: 835% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-835 {
    width: 835% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-835 {
    width: 835% !important;
  }
}

.width-pct-836 {
  width: 836% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-836 {
    width: 836% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-836 {
    width: 836% !important;
  }
}

.width-pct-837 {
  width: 837% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-837 {
    width: 837% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-837 {
    width: 837% !important;
  }
}

.width-pct-838 {
  width: 838% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-838 {
    width: 838% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-838 {
    width: 838% !important;
  }
}

.width-pct-839 {
  width: 839% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-839 {
    width: 839% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-839 {
    width: 839% !important;
  }
}

.width-pct-840 {
  width: 840% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-840 {
    width: 840% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-840 {
    width: 840% !important;
  }
}

.width-pct-841 {
  width: 841% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-841 {
    width: 841% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-841 {
    width: 841% !important;
  }
}

.width-pct-842 {
  width: 842% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-842 {
    width: 842% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-842 {
    width: 842% !important;
  }
}

.width-pct-843 {
  width: 843% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-843 {
    width: 843% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-843 {
    width: 843% !important;
  }
}

.width-pct-844 {
  width: 844% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-844 {
    width: 844% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-844 {
    width: 844% !important;
  }
}

.width-pct-845 {
  width: 845% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-845 {
    width: 845% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-845 {
    width: 845% !important;
  }
}

.width-pct-846 {
  width: 846% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-846 {
    width: 846% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-846 {
    width: 846% !important;
  }
}

.width-pct-847 {
  width: 847% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-847 {
    width: 847% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-847 {
    width: 847% !important;
  }
}

.width-pct-848 {
  width: 848% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-848 {
    width: 848% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-848 {
    width: 848% !important;
  }
}

.width-pct-849 {
  width: 849% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-849 {
    width: 849% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-849 {
    width: 849% !important;
  }
}

.width-pct-850 {
  width: 850% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-850 {
    width: 850% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-850 {
    width: 850% !important;
  }
}

.width-pct-851 {
  width: 851% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-851 {
    width: 851% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-851 {
    width: 851% !important;
  }
}

.width-pct-852 {
  width: 852% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-852 {
    width: 852% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-852 {
    width: 852% !important;
  }
}

.width-pct-853 {
  width: 853% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-853 {
    width: 853% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-853 {
    width: 853% !important;
  }
}

.width-pct-854 {
  width: 854% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-854 {
    width: 854% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-854 {
    width: 854% !important;
  }
}

.width-pct-855 {
  width: 855% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-855 {
    width: 855% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-855 {
    width: 855% !important;
  }
}

.width-pct-856 {
  width: 856% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-856 {
    width: 856% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-856 {
    width: 856% !important;
  }
}

.width-pct-857 {
  width: 857% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-857 {
    width: 857% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-857 {
    width: 857% !important;
  }
}

.width-pct-858 {
  width: 858% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-858 {
    width: 858% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-858 {
    width: 858% !important;
  }
}

.width-pct-859 {
  width: 859% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-859 {
    width: 859% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-859 {
    width: 859% !important;
  }
}

.width-pct-860 {
  width: 860% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-860 {
    width: 860% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-860 {
    width: 860% !important;
  }
}

.width-pct-861 {
  width: 861% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-861 {
    width: 861% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-861 {
    width: 861% !important;
  }
}

.width-pct-862 {
  width: 862% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-862 {
    width: 862% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-862 {
    width: 862% !important;
  }
}

.width-pct-863 {
  width: 863% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-863 {
    width: 863% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-863 {
    width: 863% !important;
  }
}

.width-pct-864 {
  width: 864% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-864 {
    width: 864% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-864 {
    width: 864% !important;
  }
}

.width-pct-865 {
  width: 865% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-865 {
    width: 865% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-865 {
    width: 865% !important;
  }
}

.width-pct-866 {
  width: 866% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-866 {
    width: 866% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-866 {
    width: 866% !important;
  }
}

.width-pct-867 {
  width: 867% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-867 {
    width: 867% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-867 {
    width: 867% !important;
  }
}

.width-pct-868 {
  width: 868% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-868 {
    width: 868% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-868 {
    width: 868% !important;
  }
}

.width-pct-869 {
  width: 869% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-869 {
    width: 869% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-869 {
    width: 869% !important;
  }
}

.width-pct-870 {
  width: 870% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-870 {
    width: 870% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-870 {
    width: 870% !important;
  }
}

.width-pct-871 {
  width: 871% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-871 {
    width: 871% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-871 {
    width: 871% !important;
  }
}

.width-pct-872 {
  width: 872% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-872 {
    width: 872% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-872 {
    width: 872% !important;
  }
}

.width-pct-873 {
  width: 873% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-873 {
    width: 873% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-873 {
    width: 873% !important;
  }
}

.width-pct-874 {
  width: 874% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-874 {
    width: 874% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-874 {
    width: 874% !important;
  }
}

.width-pct-875 {
  width: 875% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-875 {
    width: 875% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-875 {
    width: 875% !important;
  }
}

.width-pct-876 {
  width: 876% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-876 {
    width: 876% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-876 {
    width: 876% !important;
  }
}

.width-pct-877 {
  width: 877% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-877 {
    width: 877% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-877 {
    width: 877% !important;
  }
}

.width-pct-878 {
  width: 878% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-878 {
    width: 878% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-878 {
    width: 878% !important;
  }
}

.width-pct-879 {
  width: 879% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-879 {
    width: 879% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-879 {
    width: 879% !important;
  }
}

.width-pct-880 {
  width: 880% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-880 {
    width: 880% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-880 {
    width: 880% !important;
  }
}

.width-pct-881 {
  width: 881% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-881 {
    width: 881% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-881 {
    width: 881% !important;
  }
}

.width-pct-882 {
  width: 882% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-882 {
    width: 882% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-882 {
    width: 882% !important;
  }
}

.width-pct-883 {
  width: 883% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-883 {
    width: 883% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-883 {
    width: 883% !important;
  }
}

.width-pct-884 {
  width: 884% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-884 {
    width: 884% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-884 {
    width: 884% !important;
  }
}

.width-pct-885 {
  width: 885% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-885 {
    width: 885% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-885 {
    width: 885% !important;
  }
}

.width-pct-886 {
  width: 886% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-886 {
    width: 886% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-886 {
    width: 886% !important;
  }
}

.width-pct-887 {
  width: 887% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-887 {
    width: 887% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-887 {
    width: 887% !important;
  }
}

.width-pct-888 {
  width: 888% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-888 {
    width: 888% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-888 {
    width: 888% !important;
  }
}

.width-pct-889 {
  width: 889% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-889 {
    width: 889% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-889 {
    width: 889% !important;
  }
}

.width-pct-890 {
  width: 890% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-890 {
    width: 890% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-890 {
    width: 890% !important;
  }
}

.width-pct-891 {
  width: 891% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-891 {
    width: 891% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-891 {
    width: 891% !important;
  }
}

.width-pct-892 {
  width: 892% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-892 {
    width: 892% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-892 {
    width: 892% !important;
  }
}

.width-pct-893 {
  width: 893% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-893 {
    width: 893% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-893 {
    width: 893% !important;
  }
}

.width-pct-894 {
  width: 894% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-894 {
    width: 894% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-894 {
    width: 894% !important;
  }
}

.width-pct-895 {
  width: 895% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-895 {
    width: 895% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-895 {
    width: 895% !important;
  }
}

.width-pct-896 {
  width: 896% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-896 {
    width: 896% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-896 {
    width: 896% !important;
  }
}

.width-pct-897 {
  width: 897% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-897 {
    width: 897% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-897 {
    width: 897% !important;
  }
}

.width-pct-898 {
  width: 898% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-898 {
    width: 898% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-898 {
    width: 898% !important;
  }
}

.width-pct-899 {
  width: 899% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-899 {
    width: 899% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-899 {
    width: 899% !important;
  }
}

.width-pct-900 {
  width: 900% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-900 {
    width: 900% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-900 {
    width: 900% !important;
  }
}

.width-pct-901 {
  width: 901% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-901 {
    width: 901% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-901 {
    width: 901% !important;
  }
}

.width-pct-902 {
  width: 902% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-902 {
    width: 902% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-902 {
    width: 902% !important;
  }
}

.width-pct-903 {
  width: 903% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-903 {
    width: 903% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-903 {
    width: 903% !important;
  }
}

.width-pct-904 {
  width: 904% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-904 {
    width: 904% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-904 {
    width: 904% !important;
  }
}

.width-pct-905 {
  width: 905% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-905 {
    width: 905% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-905 {
    width: 905% !important;
  }
}

.width-pct-906 {
  width: 906% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-906 {
    width: 906% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-906 {
    width: 906% !important;
  }
}

.width-pct-907 {
  width: 907% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-907 {
    width: 907% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-907 {
    width: 907% !important;
  }
}

.width-pct-908 {
  width: 908% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-908 {
    width: 908% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-908 {
    width: 908% !important;
  }
}

.width-pct-909 {
  width: 909% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-909 {
    width: 909% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-909 {
    width: 909% !important;
  }
}

.width-pct-910 {
  width: 910% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-910 {
    width: 910% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-910 {
    width: 910% !important;
  }
}

.width-pct-911 {
  width: 911% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-911 {
    width: 911% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-911 {
    width: 911% !important;
  }
}

.width-pct-912 {
  width: 912% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-912 {
    width: 912% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-912 {
    width: 912% !important;
  }
}

.width-pct-913 {
  width: 913% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-913 {
    width: 913% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-913 {
    width: 913% !important;
  }
}

.width-pct-914 {
  width: 914% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-914 {
    width: 914% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-914 {
    width: 914% !important;
  }
}

.width-pct-915 {
  width: 915% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-915 {
    width: 915% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-915 {
    width: 915% !important;
  }
}

.width-pct-916 {
  width: 916% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-916 {
    width: 916% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-916 {
    width: 916% !important;
  }
}

.width-pct-917 {
  width: 917% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-917 {
    width: 917% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-917 {
    width: 917% !important;
  }
}

.width-pct-918 {
  width: 918% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-918 {
    width: 918% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-918 {
    width: 918% !important;
  }
}

.width-pct-919 {
  width: 919% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-919 {
    width: 919% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-919 {
    width: 919% !important;
  }
}

.width-pct-920 {
  width: 920% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-920 {
    width: 920% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-920 {
    width: 920% !important;
  }
}

.width-pct-921 {
  width: 921% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-921 {
    width: 921% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-921 {
    width: 921% !important;
  }
}

.width-pct-922 {
  width: 922% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-922 {
    width: 922% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-922 {
    width: 922% !important;
  }
}

.width-pct-923 {
  width: 923% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-923 {
    width: 923% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-923 {
    width: 923% !important;
  }
}

.width-pct-924 {
  width: 924% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-924 {
    width: 924% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-924 {
    width: 924% !important;
  }
}

.width-pct-925 {
  width: 925% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-925 {
    width: 925% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-925 {
    width: 925% !important;
  }
}

.width-pct-926 {
  width: 926% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-926 {
    width: 926% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-926 {
    width: 926% !important;
  }
}

.width-pct-927 {
  width: 927% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-927 {
    width: 927% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-927 {
    width: 927% !important;
  }
}

.width-pct-928 {
  width: 928% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-928 {
    width: 928% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-928 {
    width: 928% !important;
  }
}

.width-pct-929 {
  width: 929% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-929 {
    width: 929% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-929 {
    width: 929% !important;
  }
}

.width-pct-930 {
  width: 930% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-930 {
    width: 930% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-930 {
    width: 930% !important;
  }
}

.width-pct-931 {
  width: 931% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-931 {
    width: 931% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-931 {
    width: 931% !important;
  }
}

.width-pct-932 {
  width: 932% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-932 {
    width: 932% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-932 {
    width: 932% !important;
  }
}

.width-pct-933 {
  width: 933% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-933 {
    width: 933% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-933 {
    width: 933% !important;
  }
}

.width-pct-934 {
  width: 934% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-934 {
    width: 934% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-934 {
    width: 934% !important;
  }
}

.width-pct-935 {
  width: 935% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-935 {
    width: 935% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-935 {
    width: 935% !important;
  }
}

.width-pct-936 {
  width: 936% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-936 {
    width: 936% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-936 {
    width: 936% !important;
  }
}

.width-pct-937 {
  width: 937% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-937 {
    width: 937% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-937 {
    width: 937% !important;
  }
}

.width-pct-938 {
  width: 938% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-938 {
    width: 938% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-938 {
    width: 938% !important;
  }
}

.width-pct-939 {
  width: 939% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-939 {
    width: 939% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-939 {
    width: 939% !important;
  }
}

.width-pct-940 {
  width: 940% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-940 {
    width: 940% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-940 {
    width: 940% !important;
  }
}

.width-pct-941 {
  width: 941% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-941 {
    width: 941% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-941 {
    width: 941% !important;
  }
}

.width-pct-942 {
  width: 942% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-942 {
    width: 942% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-942 {
    width: 942% !important;
  }
}

.width-pct-943 {
  width: 943% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-943 {
    width: 943% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-943 {
    width: 943% !important;
  }
}

.width-pct-944 {
  width: 944% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-944 {
    width: 944% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-944 {
    width: 944% !important;
  }
}

.width-pct-945 {
  width: 945% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-945 {
    width: 945% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-945 {
    width: 945% !important;
  }
}

.width-pct-946 {
  width: 946% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-946 {
    width: 946% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-946 {
    width: 946% !important;
  }
}

.width-pct-947 {
  width: 947% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-947 {
    width: 947% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-947 {
    width: 947% !important;
  }
}

.width-pct-948 {
  width: 948% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-948 {
    width: 948% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-948 {
    width: 948% !important;
  }
}

.width-pct-949 {
  width: 949% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-949 {
    width: 949% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-949 {
    width: 949% !important;
  }
}

.width-pct-950 {
  width: 950% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-950 {
    width: 950% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-950 {
    width: 950% !important;
  }
}

.width-pct-951 {
  width: 951% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-951 {
    width: 951% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-951 {
    width: 951% !important;
  }
}

.width-pct-952 {
  width: 952% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-952 {
    width: 952% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-952 {
    width: 952% !important;
  }
}

.width-pct-953 {
  width: 953% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-953 {
    width: 953% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-953 {
    width: 953% !important;
  }
}

.width-pct-954 {
  width: 954% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-954 {
    width: 954% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-954 {
    width: 954% !important;
  }
}

.width-pct-955 {
  width: 955% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-955 {
    width: 955% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-955 {
    width: 955% !important;
  }
}

.width-pct-956 {
  width: 956% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-956 {
    width: 956% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-956 {
    width: 956% !important;
  }
}

.width-pct-957 {
  width: 957% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-957 {
    width: 957% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-957 {
    width: 957% !important;
  }
}

.width-pct-958 {
  width: 958% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-958 {
    width: 958% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-958 {
    width: 958% !important;
  }
}

.width-pct-959 {
  width: 959% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-959 {
    width: 959% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-959 {
    width: 959% !important;
  }
}

.width-pct-960 {
  width: 960% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-960 {
    width: 960% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-960 {
    width: 960% !important;
  }
}

.width-pct-961 {
  width: 961% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-961 {
    width: 961% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-961 {
    width: 961% !important;
  }
}

.width-pct-962 {
  width: 962% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-962 {
    width: 962% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-962 {
    width: 962% !important;
  }
}

.width-pct-963 {
  width: 963% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-963 {
    width: 963% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-963 {
    width: 963% !important;
  }
}

.width-pct-964 {
  width: 964% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-964 {
    width: 964% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-964 {
    width: 964% !important;
  }
}

.width-pct-965 {
  width: 965% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-965 {
    width: 965% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-965 {
    width: 965% !important;
  }
}

.width-pct-966 {
  width: 966% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-966 {
    width: 966% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-966 {
    width: 966% !important;
  }
}

.width-pct-967 {
  width: 967% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-967 {
    width: 967% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-967 {
    width: 967% !important;
  }
}

.width-pct-968 {
  width: 968% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-968 {
    width: 968% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-968 {
    width: 968% !important;
  }
}

.width-pct-969 {
  width: 969% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-969 {
    width: 969% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-969 {
    width: 969% !important;
  }
}

.width-pct-970 {
  width: 970% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-970 {
    width: 970% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-970 {
    width: 970% !important;
  }
}

.width-pct-971 {
  width: 971% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-971 {
    width: 971% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-971 {
    width: 971% !important;
  }
}

.width-pct-972 {
  width: 972% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-972 {
    width: 972% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-972 {
    width: 972% !important;
  }
}

.width-pct-973 {
  width: 973% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-973 {
    width: 973% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-973 {
    width: 973% !important;
  }
}

.width-pct-974 {
  width: 974% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-974 {
    width: 974% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-974 {
    width: 974% !important;
  }
}

.width-pct-975 {
  width: 975% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-975 {
    width: 975% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-975 {
    width: 975% !important;
  }
}

.width-pct-976 {
  width: 976% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-976 {
    width: 976% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-976 {
    width: 976% !important;
  }
}

.width-pct-977 {
  width: 977% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-977 {
    width: 977% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-977 {
    width: 977% !important;
  }
}

.width-pct-978 {
  width: 978% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-978 {
    width: 978% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-978 {
    width: 978% !important;
  }
}

.width-pct-979 {
  width: 979% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-979 {
    width: 979% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-979 {
    width: 979% !important;
  }
}

.width-pct-980 {
  width: 980% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-980 {
    width: 980% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-980 {
    width: 980% !important;
  }
}

.width-pct-981 {
  width: 981% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-981 {
    width: 981% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-981 {
    width: 981% !important;
  }
}

.width-pct-982 {
  width: 982% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-982 {
    width: 982% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-982 {
    width: 982% !important;
  }
}

.width-pct-983 {
  width: 983% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-983 {
    width: 983% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-983 {
    width: 983% !important;
  }
}

.width-pct-984 {
  width: 984% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-984 {
    width: 984% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-984 {
    width: 984% !important;
  }
}

.width-pct-985 {
  width: 985% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-985 {
    width: 985% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-985 {
    width: 985% !important;
  }
}

.width-pct-986 {
  width: 986% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-986 {
    width: 986% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-986 {
    width: 986% !important;
  }
}

.width-pct-987 {
  width: 987% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-987 {
    width: 987% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-987 {
    width: 987% !important;
  }
}

.width-pct-988 {
  width: 988% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-988 {
    width: 988% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-988 {
    width: 988% !important;
  }
}

.width-pct-989 {
  width: 989% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-989 {
    width: 989% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-989 {
    width: 989% !important;
  }
}

.width-pct-990 {
  width: 990% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-990 {
    width: 990% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-990 {
    width: 990% !important;
  }
}

.width-pct-991 {
  width: 991% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-991 {
    width: 991% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-991 {
    width: 991% !important;
  }
}

.width-pct-992 {
  width: 992% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-992 {
    width: 992% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-992 {
    width: 992% !important;
  }
}

.width-pct-993 {
  width: 993% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-993 {
    width: 993% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-993 {
    width: 993% !important;
  }
}

.width-pct-994 {
  width: 994% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-994 {
    width: 994% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-994 {
    width: 994% !important;
  }
}

.width-pct-995 {
  width: 995% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-995 {
    width: 995% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-995 {
    width: 995% !important;
  }
}

.width-pct-996 {
  width: 996% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-996 {
    width: 996% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-996 {
    width: 996% !important;
  }
}

.width-pct-997 {
  width: 997% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-997 {
    width: 997% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-997 {
    width: 997% !important;
  }
}

.width-pct-998 {
  width: 998% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-998 {
    width: 998% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-998 {
    width: 998% !important;
  }
}

.width-pct-999 {
  width: 999% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-999 {
    width: 999% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-999 {
    width: 999% !important;
  }
}

.width-pct-1000 {
  width: 1000% !important;
}

@media all and (min-width: 769px) {
  .width-pct-pc-1000 {
    width: 1000% !important;
  }
}

@media all and (max-width: 768px) {
  .width-pct-sp-1000 {
    width: 1000% !important;
  }
}

/* ==========================================================
  PAGES STYLES
========================================================== */
/* ==========================================================
  Company
========================================================== */
/* p-slider-product-01
---------------------------------------------------------- */
.p-wrap-company-01 {
  overflow: hidden;
}

.p-list-company-01 {
  margin: -65px -32px 50px;
}

@media all and (max-width: 768px) {
  .p-list-company-01 {
    margin: -11px -4px 0;
  }
}

.p-list-company-01 > li {
  margin-top: 65px;
  padding: 0 26px;
}

@media all and (max-width: 768px) {
  .p-list-company-01 > li {
    margin-top: 11px;
    padding: 0 4px;
  }
}

.p-list-company-01 > li .icon {
  font-size: 0.8em;
}

.p-list-company-01 > li .c-btn-blue-03 {
  width: 100%;
  font-size: 2.6rem;
  padding: 18px 20px;
}

@media all and (max-width: 768px) {
  .p-list-company-01 > li .c-btn-blue-03 {
    font-size: 2.3rem;
  }
}

@media all and (min-width: 769px) {
  .p-list-company-01 > li .c-btn-blue-03 {
    display: flex;
    align-items: center;
    height: 100%;
  }
}

.c-list-card-02 .card-info .c-icon-blank.link-small {
  font-size: 2.3rem;
}

@media all and (max-width: 768px) {
  .c-list-card-02 .card-info .c-icon-blank.link-small {
    font-size: 1.9rem;
  }
}

/* p-list-company-banner
---------------------------------------------------------- */
.p-list-company-banner .card-image > img {
  max-height: 241px;
}

@media all and (max-width: 768px) {
  .p-list-company-banner .card-image > img {
    max-height: inherit;
  }
}

/* p-list-frontier
---------------------------------------------------------- */
.p-list-frontier .item {
  margin-bottom: 30px;
  background-color: #ebdddd;
  -webkit-box-shadow: 0 0 5px 0px rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 5px 0px rgba(0, 0, 0, 0.05);
}

@media all and (max-width: 768px) {
  .p-list-frontier .item {
    margin-bottom: 40px;
  }
}

.p-list-frontier .item.item-02 {
  background-color: #e4e1eb;
}

.p-list-frontier .item.item-02 .inner .box-title {
  background: -webkit-gradient(linear, left top, right top, from(#9e8ec5), to(#d3d0db));
  background: -webkit-linear-gradient(left, #9e8ec5 0%, #d3d0db 100%);
  background: -o-linear-gradient(left, #9e8ec5 0%, #d3d0db 100%);
  background: linear-gradient(90deg, #9e8ec5 0%, #d3d0db 100%);
}

.p-list-frontier .item.item-02 .inner .box-title .year {
  color: #E4E1EB;
}

.p-list-frontier .item.item-03 {
  background-color: #D2E0C6;
}

.p-list-frontier .item.item-03 .inner .box-title {
  background: -webkit-gradient(linear, left top, right top, from(#90b473), to(#d2e0c6));
  background: -webkit-linear-gradient(left, #90b473 0%, #d2e0c6 100%);
  background: -o-linear-gradient(left, #90b473 0%, #d2e0c6 100%);
  background: linear-gradient(90deg, #90b473 0%, #d2e0c6 100%);
}

.p-list-frontier .item.item-03 .inner .box-title .year {
  color: #D2E0C6;
}

.p-list-frontier .item.item-04 {
  background-color: #EBE1C8;
}

.p-list-frontier .item.item-04 .inner .box-title {
  background: -webkit-gradient(linear, left top, right top, from(#c4aa68), to(#ebe1c8));
  background: -webkit-linear-gradient(left, #c4aa68 0%, #ebe1c8 100%);
  background: -o-linear-gradient(left, #c4aa68 0%, #ebe1c8 100%);
  background: linear-gradient(90deg, #c4aa68 0%, #ebe1c8 100%);
}

.p-list-frontier .item.item-04 .inner .box-title .year {
  color: #EBE1C8;
}

.p-list-frontier .item.item-05 {
  background-color: #D7E1EC;
}

.p-list-frontier .item.item-05 .inner .box-title {
  background: -webkit-gradient(linear, left top, right top, from(#548dd1), to(#c7d7eb));
  background: -webkit-linear-gradient(left, #548dd1 0%, #c7d7eb 100%);
  background: -o-linear-gradient(left, #548dd1 0%, #c7d7eb 100%);
  background: linear-gradient(90deg, #548dd1 0%, #c7d7eb 100%);
}

.p-list-frontier .item.item-05 .inner .box-title .year {
  color: #D7E1EC;
}

.p-list-frontier .item .inner {
  position: relative;
}

.p-list-frontier .item .inner .box-title {
  padding: 25px 37px 30px;
  margin-right: 300px;
  background: -webkit-gradient(linear, left top, right top, from(#ce9a9a), to(#e1d3d3));
  background: -webkit-linear-gradient(left, #ce9a9a 0%, #e1d3d3 100%);
  background: -o-linear-gradient(left, #ce9a9a 0%, #e1d3d3 100%);
  background: linear-gradient(90deg, #ce9a9a 0%, #e1d3d3 100%);
}

@media all and (max-width: 768px) {
  .p-list-frontier .item .inner .box-title {
    margin-right: 0;
  }
}

.p-list-frontier .item .inner .box-title .title {
  font-size: 2.4rem;
  color: #fff;
}

.p-list-frontier .item .inner .box-title .year {
  font-size: 1.5rem;
  color: #ebdddd;
}

.p-list-frontier .item .inner .image {
  position: absolute;
  top: 0;
  right: 0;
}

@media all and (max-width: 768px) {
  .p-list-frontier .item .inner .image {
    position: static;
    padding: 27px 32px 0;
  }
}

@media all and (max-width: 768px) {
  .p-list-frontier .item .inner .image img {
    width: 100%;
  }
}

.p-list-frontier .item .inner .box-data {
  padding: 25px 46px 30px 32px;
  margin-right: 300px;
}

@media all and (max-width: 768px) {
  .p-list-frontier .item .inner .box-data {
    padding: 20px 32px 30px 32px;
    margin-right: 0;
  }
}

.p-list-frontier .item .inner .box-data .title {
  margin-bottom: 4px;
  font-size: 1.8rem;
}

.p-list-frontier .item .inner .box-data .text {
  margin-bottom: 22px;
  font-size: 1.3rem;
  line-height: 1.65;
}

@media all and (max-width: 768px) {
  .p-list-frontier .item .inner .box-data .text {
    margin-bottom: 10px;
    font-size: 1.5rem;
  }
}

.p-list-frontier .item .inner .box-data .link {
  display: block;
  padding: 10px;
  border: 1px solid #666;
  font-size: 1.3rem;
  line-height: 1.4;
  text-align: center;
  -webkit-transition: background-color 0.2s ease-out;
  -o-transition: background-color 0.2s ease-out;
  transition: background-color 0.2s ease-out;
}

.p-list-frontier .item .inner .box-data .link:hover {
  text-decoration: none;
  color: #fff;
}

.p-list-frontier .item .inner .box-data .link.link-01:hover {
  border: 1px solid rgba(180, 55, 55, 0.6);
  background-color: rgba(180, 55, 55, 0.6);
}

.p-list-frontier .item .inner .box-data .link.link-02:hover {
  border: 1px solid rgba(83, 57, 148, 0.6);
  background-color: rgba(83, 57, 148, 0.6);
}

.p-list-frontier .item .inner .box-data .link.link-03:hover {
  border: 1px solid rgba(61, 99, 31, 0.6);
  background-color: rgba(61, 99, 31, 0.6);
}

.p-list-frontier .item .inner .box-data .link.link-04:hover {
  border: 1px solid rgba(143, 112, 32, 0.6);
  background-color: rgba(143, 112, 32, 0.6);
}

.p-list-frontier .item .inner .box-data .link.link-05:hover {
  border: 1px solid rgba(28, 86, 155, 0.6);
  background-color: rgba(28, 86, 155, 0.6);
}

/* p-section-news
---------------------------------------------------------- */
.p-section-news {
  width: 100%;
  position: relative;
  padding-right: 300px;
  min-height: 500px;
}

@media all and (max-width: 768px) {
  .p-section-news {
    padding-right: 0;
  }
}

.p-section-news .c-list-news-01 .item.active {
  opacity: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-animation: fadeIn 0.65s ease forwards;
  animation: fadeIn 0.65s ease forwards;
}

/* p-news-heading
---------------------------------------------------------- */
.p-news-heading {
  margin-bottom: 35px;
  padding-bottom: 4px;
  border-bottom: 2px solid #64c1ff;
}

@media all and (max-width: 768px) {
  .p-news-heading {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }
}

.p-news-heading .box-news-category {
  position: relative;
}

@media all and (max-width: 768px) {
  .p-news-heading .box-news-category {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }
}

.p-news-heading .box-news-category .text-category {
  font-size: 3.2rem;
  font-weight: normal;
}

@media all and (max-width: 768px) {
  .p-news-heading .box-news-category .text-category {
    position: relative;
    display: block;
    min-width: 110px;
    padding: 6px 30px 6px 14px;
    border-radius: 4px;
    background-color: #0099ff;
    font-size: 1.2rem;
    color: #fff;
    line-height: 1.4;
  }
}

.p-news-heading .box-news-category .text-category:before {
  position: absolute;
  top: 50%;
  right: 12px;
  width: 13px;
  height: 8px;
  background: url(/fileadmin/templates2020/images/common/ico_arrow_white_down_01.svg) no-repeat;
  background-size: 13px 8px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  content: '';
}

.p-news-heading .box-news-category .text-category.is-open:before {
  -webkit-transform: translateY(-50%) rotate(180deg);
  -ms-transform: translateY(-50%) rotate(180deg);
  transform: translateY(-50%) rotate(180deg);
}

.p-news-heading .list-category {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

@media all and (max-width: 768px) {
  .p-news-heading .list-category {
    position: absolute;
    top: calc(100% + 1px);
    left: 0;
    z-index: 2;
    display: none;
    width: 100%;
    background-color: #fff;
    border: 1px solid #0099ff;
  }
}

.p-news-heading .list-category.is-open {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

@media all and (max-width: 768px) {
  .p-news-heading .list-category.is-open {
    display: block;
  }
}

.p-news-heading .list-category li {
  position: relative;
  padding: 0 5px 0 4px;
}

@media all and (max-width: 768px) {
  .p-news-heading .list-category li {
    padding: 0;
  }
}

.p-news-heading .list-category li .btn-category {
  display: block;
  padding: 8px 21px;
  border-radius: 4px;
  font-size: 1.5rem;
  text-align: center;
  -webkit-transition: background-color 0.2s ease-out;
  -o-transition: background-color 0.2s ease-out;
  transition: background-color 0.2s ease-out;
}

.p-news-heading .list-category li .btn-category:hover, .p-news-heading .list-category li .btn-category.is-active {
  background-color: #0099ff;
  color: #fff;
  text-decoration: none;
}

@media all and (max-width: 768px) {
  .p-news-heading .list-category li .btn-category:hover, .p-news-heading .list-category li .btn-category.is-active {
    background-color: #ccebff;
    color: #000;
  }
}

@media all and (max-width: 768px) {
  .p-news-heading .list-category li .btn-category {
    padding: 4px 10px 4px 14px;
    font-size: 1.2rem;
    color: #000;
    border-radius: 0;
  }
}

.p-news-heading .box-news-year {
  position: absolute;
  right: 0;
  top: 155px;
  width: 230px;
}

@media all and (max-width: 768px) {
  .p-news-heading .box-news-year {
    position: relative;
    display: block;
    top: 0;
    right: inherit;
    width: 110px;
    margin-right: 10px;
  }
}

.p-news-heading .box-news-year .text-year {
  padding-bottom: 5px;
  margin-bottom: 10px;
  font-size: 3.2rem;
  font-weight: normal;
  border-bottom: 1px solid #ccc;
}

@media all and (max-width: 768px) {
  .p-news-heading .box-news-year .text-year {
    position: relative;
    display: block;
    min-width: 110px;
    padding: 6px 30px 6px 14px;
    border-radius: 4px;
    background-color: #0099ff;
    font-size: 1.2rem;
    color: #fff;
    line-height: 1.4;
  }
}

.p-news-heading .box-news-year .text-year.is-open:before {
  -webkit-transform: translateY(-50%) rotate(180deg);
  -ms-transform: translateY(-50%) rotate(180deg);
  transform: translateY(-50%) rotate(180deg);
}

@media all and (max-width: 768px) {
  .p-news-heading .box-news-year .text-year:before {
    position: absolute;
    top: 50%;
    right: 12px;
    width: 13px;
    height: 8px;
    background: url(/fileadmin/templates2020/images/common/ico_arrow_white_down_01.svg) no-repeat;
    background-size: 13px 8px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    content: '';
  }
}

@media all and (max-width: 768px) {
  .p-news-heading .box-news-year .list-menu {
    position: absolute;
    top: calc(100% + 1px);
    left: 0;
    z-index: 2;
    display: none;
    width: 100%;
    background-color: #fff;
    border: 1px solid #0099ff;
  }
  .p-news-heading .box-news-year .list-menu.is-open {
    display: block;
  }
}

.p-news-heading .box-news-year .list-menu li .btn-year {
  position: relative;
  display: inline-block;
  padding: 5px 0 5px 15px;
  font-size: 1.7rem;
}

@media all and (max-width: 768px) {
  .p-news-heading .box-news-year .list-menu li .btn-year {
    padding: 4px 10px 4px 14px;
    font-size: 1.2rem;
    color: #000;
    border-radius: 0;
  }
}

.p-news-heading .box-news-year .list-menu li .btn-year:before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 10px;
  height: 2px;
  background-color: #000;
}

.p-news-heading .box-news-year .list-menu li .btn-year:hover, .p-news-heading .box-news-year .list-menu li .btn-year.is-active {
  text-decoration: none;
  color: #0099ff;
}

.p-news-heading .box-news-year .list-menu li .btn-year:hover:before, .p-news-heading .box-news-year .list-menu li .btn-year.is-active:before {
  background-color: #0099ff;
}

/* p-box-business
---------------------------------------------------------- */
.p-box-business .box-image {
  float: right;
  margin-left: 40px;
}

@media all and (max-width: 768px) {
  .p-box-business .box-image {
    float: none;
    margin: 0 0 15px 0;
  }
}

@media all and (max-width: 768px) {
  .p-box-business .box-image img {
    width: 100%;
    padding: 0 20px;
  }
}

.p-box-business .box-content {
  overflow: hidden;
}

@media all and (max-width: 768px) {
  .p-box-business .box-content .c-btn-blue-01 {
    margin: 20px 20px 0;
  }
}

/* p-text-grey-company
---------------------------------------------------------- */
.p-text-grey-company {
  color: #666;
}

/* history/timeline
---------------------------------------------------------- */
span.c-txt-lightblue {
  margin: auto 10px;
  color: #0099FF;
}

h3 span.c-txt-lightblue {
  font-size: 0.9em;
}

.his-index a {
  color: #000;
}

.his-index a:hover {
  text-decoration: none;
}

.his-index .c-btn-anchor-01 {
  border: 3px #c4c0bc solid;
  line-height: 1.3;
  height: 66px;
}

.his-index .c-btn-anchor-01 > .btn-anchor-in {
  -webkit-box-pack: left;
  -webkit-justify-content: left;
  -ms-flex-pack: left;
  justify-content: left;
  padding: 0 15px 0 40px;
  min-height: 60px;
  font-size: 1.5rem;
  font-weight: bold;
}

.his-year dt {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 26px;
  color: #0099FF;
}

.his-year dt span {
  font-size: 20px;
  color: #000;
}

.his-year dt::after {
  content: "";
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  border-bottom: 1px solid #ccc;
  margin-left: 15px;
  padding-right: 15px;
}

.his-year dd {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-left: 110px;
  margin-bottom: 20px;
}

.his-year dd a {
  color: #1a6ba1;
}

.his-year img {
  margin-left: 15px;
}

.his-btn a {
  text-align: center;
  display: block;
}

@media all and (max-width: 768px) {
  .his-top {
    width: 100vw;
    margin-left: -15px;
    background: #50493F;
    text-align: center;
    color: #fff;
    font-size: 2rem;
    line-height: 2;
  }
  .his-top img {
    padding-bottom: 20px;
  }
  .his-top .his-top span {
    font-size: 2.2rem;
  }
  .his-accbox {
    margin: 2em 0;
    padding: 0;
    max-width: 400px;
  }
  .his-accbox .c-ttl-heading-01::after {
    background: #fff;
  }
  .his-accbox label {
    display: block;
    margin: 1.5px 0;
    padding: 10px 0 0;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    background: url(/fileadmin/templates2020/images/company/history/timeline/open.svg) no-repeat right 10px top 19px;
    border-top: 4px #C4C0BC solid;
  }
  .his-accbox label[for="label1"] {
    border: none;
  }
  .his-accbox label[for="label7"] {
    border-bottom: 4px #C4C0BC solid;
  }
  .his-accbox input {
    display: none;
  }
  .his-accbox .accshow {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
  }
  .his-accbox .accshow p {
    margin: 15px 10px;
  }
  .cssacc:checked + label + .his-accbox .c-ttl-heading-01::after {
    background: none;
  }
  .cssacc:checked + label + .accshow {
    height: auto;
    padding: 5px;
    opacity: 1;
  }
  .cssacc:checked + label {
    background: url(/fileadmin/templates2020/images/company/history/timeline/close.svg) no-repeat right 10px top 25px;
  }
  h3.c-ttl-heading-01 {
    text-align: left;
    font-size: 1.5rem;
    line-height: 1.7;
  }
  h3 span.c-txt-lightblue {
    margin: 0;
    font-size: 2.2rem;
  }
  .his-year dt {
    margin-left: 10px;
    font-size: 2rem;
  }
  .his-year dd {
    display: block;
    margin: 20px 0 30px 10px;
  }
  .his-year img {
    display: block;
    margin: 20px auto 0;
  }
}

/* network
---------------------------------------------------------- */
ul.global-map-sp {
  background: url(/fileadmin/templates2020/images/company/network/global/globalmap-sp.jpg) right no-repeat;
  background-size: contain;
}

/*overview/ad
---------------------------------------------------------- */
.c-list-card-02.center {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

/* business
---------------------------------------------------------- */
@media (min-width: 769px) {
  .width-px-pc-280 img {
    max-width: 280px;
  }
}

/* tech
---------------------------------------------------------- */
.tech_review_list a {
  color: #1a6ba1;
}

.tech_review_list a :hover {
  text-decoration: underline;
}

/* sustainability
---------------------------------------------------------- */
@media all and (max-width: 768px) {
  .c-box-img-cont-02.sp-block {
    display: block;
  }
  .c-box-img-cont-02.sp-block .box-image {
    margin: 0 auto 30px;
  }
}

/* ==========================================================
  ir
========================================================== */
/* p-list-faq-01
---------------------------------------------------------- */
.p-list-faq-01 li {
  position: relative;
  border-bottom: 1px solid #ccc;
}

.p-list-faq-01 li.is-open {
  background-color: #F2F2F2;
}

.p-list-faq-01 li.is-open .box-title:after {
  -webkit-transition: opacity .2s ease-in-out;
  -o-transition: opacity .2s ease-in-out;
  transition: opacity .2s ease-in-out;
  opacity: 0;
}

.p-list-faq-01 li .box-title {
  font-size: 1.5rem;
  cursor: pointer;
  position: relative;
  padding-right: 35px;
  padding: 15px 40px 15px 20px;
}

.p-list-faq-01 li .box-title:before {
  content: '';
  position: absolute;
  width: 14px;
  height: 2px;
  top: 24px;
  right: 22px;
  background-color: #0099FF;
}

.p-list-faq-01 li .box-title:after {
  content: '';
  position: absolute;
  width: 2px;
  height: 14px;
  top: 18px;
  right: 28px;
  background-color: #0099FF;
}

.p-list-faq-01 li .box-title .title {
  color: #1a6ba1;
  text-decoration: underline;
  position: relative;
  padding-left: 42px;
  text-decoration: underline;
}

.p-list-faq-01 li .box-title .title span {
  position: absolute;
  left: 0;
  top: 0;
  font-weight: bold;
  margin-right: 10px;
  text-decoration: none;
  font-family: "Hiragino Kaku Gothic Pro";
}

.p-list-faq-01 li .box-data {
  display: none;
  padding: 0 26px 7px 62px;
}

.p-list-faq-01 li .box-data p {
  line-height: 2;
}

.p-list-faq-01 li .box-data a.c-link-arrow-01 {
  line-height: 2;
}

.p-list-faq-01 li .box-data a.c-link-arrow-01:before {
  top: 5px;
}

.p-box-image-map {
  background: url("/fileadmin/templates2020/images/ir/highlights/img_map.png") top center no-repeat;
  background-size: contain;
}

@media all and (max-width: 768px) {
  .p-box-image-map {
    padding-top: 40px;
  }
}

.p-list-stock {
  font-size: 1.5rem;
}

.p-list-stock li {
  position: relative;
  padding-left: 12px;
}

.p-list-stock li:before {
  position: absolute;
  content: '';
  left: 0;
  top: 9px;
  width: 8px;
  height: 8px;
  background-color: #0059AE;
}

.p-list-stock li:nth-child(1):before {
  background-color: #0059AE;
}

.p-list-stock li:nth-child(2):before {
  background-color: #0077C7;
}

.p-list-stock li:nth-child(3):before {
  background-color: #008DDD;
}

.p-list-stock li:nth-child(4):before {
  background-color: #00A1E9;
}

.p-list-stock li:nth-child(5):before {
  background-color: #24B3E8;
}

.p-list-stock li:nth-child(6):before {
  background-color: #72CAF3;
}

.p-list-stock li:nth-child(7):before {
  background-color: #B5E8EF;
}

/* library-annual
---------------------------------------------------------- */
.annual .c-link-pdf-02 {
  display: block;
}

.annual a {
  margin-bottom: 10px;
}

.annual a.c-link-arrow-01 {
  display: block;
  width: 131px;
  right: 0;
  margin: 40px 0 0 auto;
}

.annual hr {
  background-color: #ccc;
  height: 1px;
  border: none;
  color: #ccc;
}

/* stock-outline
---------------------------------------------------------- */
.box-image.width-pct-100 {
  max-width: 100%;
}

/* highlight
---------------------------------------------------------- */
@media (max-width: 768px) {
  .c-card-cmn-01 .card-image > img.width-pct-sp-100 {
    max-width: 100%;
  }
}

/* ==========================================================
  News
========================================================== */
/* news-single
---------------------------------------------------------- */
.news-single-head {
  padding: 20px 0 0;
}
@media all and (max-width: 768px) {
  .news-single-head {
    padding: 30px 0 0;
  }
}

.news-single-ttl-heading {
  margin: 23px 0 18px;
  padding-bottom: 22px;
  border-bottom: 2px solid #0099ff;
  font-size: 4.0rem;
  font-weight: normal;
  line-height: 1.3;
}

@media all and (max-width: 768px) {
  .news-single-ttl-heading {
    margin-top: 20px;
    margin-bottom: 12px;
    padding-bottom: 12px;
    font-size: 2.2rem;
    font-weight: normal;
    line-height: 1.4;
  }
}

@media all and (max-width: 768px) {
  .news-single-ttl-heading > br {
    display: none;
  }
}

.news-single-cate {
  display: inline-block;
  border: 1px solid #0099ff;
  padding: 8px 30px;
  color: #0099ff;
}

@media all and (max-width: 768px) {
  .news-single-cate {
    padding: 8px 10px;
  }
}

/* ニュース日付 クラス名は旧サイトから継続 */
.pressDate {
  text-align: right;
  margin-bottom: 30px;
}

@media all and (max-width: 768px) {
  .pressDate {
    margin-bottom: 35px;
  }
}

/* ニュース記事内のテキスト */
.news-inner p {
  font-size: 1.6rem;
  line-height: 1.8;
}

.news-inner .c-text-note {
  font-size: 1.4rem;
}

/* ニュース記事内の画像 */
.news-inner img, .press_inner img {
  width: auto;
  max-width: 100%;
}

.c-img-cmn-center .figure img {
  width: auto;
  max-width: 100%;
}

@media all and (max-width: 768px) {
  .c-img-cmn-center .figure .caption {
    text-align: center;
  }
}

/* 画像カラム */
@media all and (max-width: 768px) {
  .c-img-cmn-inline .figure .caption, .c-img-cmn-col .figure .caption {
    text-align: center;
  }
}

.c-card-cmn-01 .card-image > img {
  width: auto;
  max-width: 100%;
}

@media all and (max-width: 768px) {
  .c-card-cmn-01 .card-image > img {
    width: 100%;
  }
}

/* ニュース記事のテキストリンク */
.news-inner a, .press_inner a {
  color: #1a6ba1;
  text-decoration: underline;
}

.news-inner a:hover, .press_inner a:hover {
  text-decoration: none;
}

.news-inner a sup, .press_inner a sup {
  position: relative;
}

.news-inner a sup::before, .press_inner a sup::before {
  content: '';
  display: inline-block;
  width: 100%;
  height: 2px;
  background: #fff;
  position: absolute;
  bottom: 0;
}

.news-inner a.c-btn-blue-01 {
  color: #fff !important;
}

@media all and (min-width: 769px) {
  .news-inner a[href^="tel:"] {
    pointer-events: none;
    color: #000;
    text-decoration: none;
  }
}

/* ニュース記事内のカラム */
@media all and (max-width: 768px) {
  .c-list-card-02 > li {
    margin-top: 40px;
  }
}

/* ニュース記事のリード文 クラス名は旧サイトから継続 */
.news-read {
  margin-top: 60px;
  margin-bottom: 40px;
}

@media all and (max-width: 768px) {
  .news-read {
    margin-top: 50px;
    margin-bottom: 30px;
  }
}

/* ニュース記事のバナー クラス名は旧サイトから継続 */
.news-banner {
  padding: 10px;
  border: 1px solid #666;
  margin-top: 60px;
  text-align: center;
}

/* ニュース記事の戻るボタン クラス名は旧サイトから継続 */
.news-inner + .pageback, .press_inner + .pageback {
  text-align: right;
  margin-top: 40px;
}

/* 印刷用スタイル */
@media print {
  .c-header {
    position: relative;
  }
  /*.c-nav-footer {
    display: none;
  }
  .c-list-card-02 {
    margin: -40px -12px 40px;
  }
  .c-list-card-02.col-02 > li {
    display: inline-block;
    width: 48%;
    marin: 0 40px 20px 0;
  }*/
}

/* events
---------------------------------------------------------- */
.events-list.coming {
  border-bottom: solid 1px #ccc;
  padding-bottom: 80px;
  margin-bottom: 80px;
}
@media all and (max-width: 768px) {
  .events-list.coming {
    padding-bottom: 40px;
    margin-bottom: 40px;
  }
}

.events-list-item .feature {
  display: inline-block;
  background: #0099ff;
  color: #fff;
  padding: 3px 10px;
  margin: 0 0 10px;
}
.events-img-cont .box-content {
  overflow: hidden;
  max-width: 800px;
}
.events-img-cont .box-image {
  position: relative;
  width: 320px;
  min-height: 210px;
  padding: 0;
  border: solid 1px #CCCCCC;
}
.events-img-cont .box-image a {
    display: block;
    width: 320px;
    height: 212px;
}
.events-img-cont .box-image img {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: auto;
  height: auto;
  max-width: 260px;
  max-height: 100%;
}
.events-detail {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;

}
.events-detail .ttl {
  width: 95px;
}
.events-detail .desc {
  width: calc(95% - 95px);
  margin-bottom: 1rem;
  text-indent: -1em;
  margin-left: 1em;
}
.events-detail .desc a {
  color: #1a6ba1;
}
.events-detail .desc a:hover {
  text-decoration: underline;
}

@media all and (max-width: 768px) {
  .events-img-cont .box-content {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    margin-top: 25px;
    margin-bottom: 10px;
  }
  .events-img-cont .box-image {
    width: 100%;
    padding: 30px;
  }
  .events-img-cont .box-image a {
    display: block;
    width: 100%;
    height: 100%;
  }
  .events-img-cont .box-image img {
    max-width: 240px;
  }
  .events-detail .ttl {
    width: 80px;
  }
  .events-detail .desc {
    width: calc(95% - 80px);
  }
}

@media all and (min-width: 769px) {
  .events-img-cont.img-right .box-image {
    float: right;
    margin-left: 40px;
    margin-right: 0;
  }
  .events-img-cont::after {
    content: '';
    display: block;
    clear: both;
    height: 0;
  }
}

/*.events-list.coming {
  border: none;
  padding-bottom: 0;
  margin-bottom: 0;
}*/
#archive {
  border-top: solid 1px #ccc;
  padding-top: 80px;
  margin-top: 80px;
}
.virtual-booth {
  padding-top: 20px;
  margin-top: 80px;
  padding-bottom: 80px;
}

/* ==========================================================
  Products
========================================================== */
/* p-slider-product-01
---------------------------------------------------------- */
@keyframes fadein {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

.p-slider-product-01 {
  margin-bottom: 118px;
  position: relative;
  max-height: 480px;
  /*overflow: hidden;*/
  opacity: 0;
  animation-name: fadein;
  animation-duration: 1s;
  animation-iteration-count: 1;
  animation-delay: .3s;
  animation-fill-mode: forwards;
}
.p-slider-product-01 .slick-list {
  overflow: hidden;
}
@media all and (max-width: 768px) {
  .p-slider-product-01 {
    margin-bottom: 75px;
  }
}

.p-slider-product-01 .item-slider img {
  display: block;
  width: 100%;
}

.p-slider-product-01 .slick-dots {
  position: absolute;
  bottom: -33px;
  width: 100%;
  text-align: center;
}

.p-slider-product-01 .slick-dots > li {
  display: inline-block;
  padding: 0 14px;
  font-size: 0;
  line-height: 1;
}

@media all and (max-width: 768px) {
  .p-slider-product-01 .slick-dots > li {
    padding: 0 13px;
  }
}

.p-slider-product-01 .slick-dots > li button {
  overflow: hidden;
  width: 12px;
  height: 12px;
  background-color: #ecf2f5;
  border-radius: 100%;
}

@media all and (max-width: 768px) {
  .p-slider-product-01 .slick-dots > li button {
    width: 12px;
    height: 12px;
  }
}

.p-slider-product-01 .slick-dots > li.slick-active button {
  background-color: #0099ff;
}

@media all and (min-width: 769px) {
  .p-slider-product-01 .slick-dots > li button:hover {
    background-color: #0099ff;
  }
}

/* p-list-info-01
---------------------------------------------------------- */
.p-list-info-01 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -10px 98px;
}

@media all and (max-width: 768px) {
  .p-list-info-01 {
    display: block;
    margin: 0 0 55px;
  }
}

.p-list-info-01 > li {
  padding: 0 10px;
  width: 20%;
}

@media all and (max-width: 768px) {
  .p-list-info-01 > li {
    margin-bottom: 12px;
    padding: 0;
    width: 100%;
  }
}

@media all and (min-width: 769px) {
  .p-list-info-01.four-column > li {
    padding: 0 12px;
    width: 25%;
  }
  .p-list-info-01.four-column > li:nth-of-type(n+5) {
    margin-top: 25px;
  }
}

.p-list-info-01 > li a {
  display: block;
  -webkit-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  overflow: hidden;
}

@media all and (max-width: 768px) {
  .p-list-info-01 > li a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    height: 59px;
    background-color: #ecf2f5;
  }
}

.p-list-info-01 > li a:hover .c-link-anchor {
  text-decoration: underline;
}

@media all and (min-width: 769px) {
  .p-list-info-01 > li a:hover .image img {
    width: 100%;
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }
}

.p-list-info-01 > li a .image {
  margin-bottom: 15px;
  overflow: hidden;
  border: solid 1px #ccc;
  width: 100%;
  height: 110px;
}

@media all and (max-width: 768px) {
  .p-list-info-01 > li a .image {
    width: 73px;
    flex: 0 0 73px;
    margin-bottom: 0;
    height: 90px;
  }
}

.p-list-info-01 > li a .image > img {
  display: block;
  width: 100%;
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
  object-fit: cover;
  height: 110px;
}

@media all and (max-width: 768px) {
  .p-list-info-01 > li a .image > img {
    height: 80px;
  }
}

.p-list-info-01 > li a .c-link-anchor {
  font-size: 1.5rem;
}

@media all and (max-width: 768px) {
  .p-list-info-01 > li a .c-link-anchor {
    position: static;
    color: #000;
  }
}

@media all and (max-width: 768px) {
  .p-list-info-01 > li a .c-link-anchor:before {
    left: inherit;
    top: 25px;
    right: 20px;
    width: 18px;
    height: 12px;
    background-size: 18px auto;
  }

  .p-list-info-01 > li a .c-link-arrow-01 {
    margin-left: 15px;
  }
}

.p-list-info-01.base-business > li a .image,
.p-list-info-01.base-business > li a .image img {
  height: 170px;
}

.p-wrap-banner-product {
  padding: 90px 0 72px;
  background-color: #ecf2f5;
}

@media all and (max-width: 768px) {
  .p-wrap-banner-product {
    padding: 40px 0;
  }
}

@media all and (max-width: 768px) {
  .c-card-cmn-01 .card-info-in {
    padding-left: 5px;
  }
}

/* ==========================================================
  Top
========================================================== */
/* p-sec-top-01
---------------------------------------------------------- */
.p-sec-top-01 {
  padding-top: 85px;
  padding-bottom: 50px;
}

@media all and (max-width: 768px) {
  .p-sec-top-01 {
    padding-top: 25px;
    padding-bottom: 10px;
  }
}

.p-sec-top-01 .p-list-top-product li span:after {
  position: relative;
  display: inline-block;
  width: 8px;
  height: 12px;
  margin-top: 2px;
  margin-left: 10px;
  background: url(/fileadmin/templates2020/images/common/ico_arrow_blue_right_02.svg) no-repeat;
  background-size: 8px 12px;
  content: '';
}

@media all and (max-width: 768px) {
  .p-sec-top-01 .p-list-top-product li span:after {
    position: absolute;
    right: 30px;
  }
}

.p-sec-top-01 .p-btn-top-01 span {
  font-size: 2.6rem;
}

@media all and (max-width: 768px) {
  .p-sec-top-01 .p-btn-top-01 span {
    font-size: 1.8rem;
  }
}

/* p-sec-top-02
---------------------------------------------------------- */
.p-sec-top-02 {
  position: relative;
  padding: 60px 0 140px;
}

@media all and (max-width: 768px) {
  .p-sec-top-02 {
    padding: 32px 0 60px;
  }
}

.p-sec-top-02 > .p-sec-top-bg {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  width: 100%;
  height: 1040px;
  background: url(/fileadmin/templates2020/images/top/bg_top_01_pc.jpg) center no-repeat;
  background-size: cover;
}

.p-sec-top-02 > .p-sec-top-in {
  position: relative;
  z-index: 1;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
}

@media all and (max-width: 768px) {
  .p-sec-top-02 > .p-sec-top-in {
    max-width: none;
    padding: 0 15px;
  }
}

/* p-sec-top-03
---------------------------------------------------------- */
.p-sec-top-03 {
  padding: 95px 0 145px;
  background-color: #ecf2f5;
}

@media all and (max-width: 768px) {
  .p-sec-top-03 {
    padding: 40px 0 30px;
  }
}

.p-sec-top-03 > .p-sec-top-in {
  position: relative;
  z-index: 1;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
}

@media all and (max-width: 768px) {
  .p-sec-top-03 > .p-sec-top-in {
    max-width: none;
    padding: 0 15px;
  }
}

/* p-sec-top-04
---------------------------------------------------------- */
@media all and (min-width: 769px) {
  .p-sec-top-04 {
    position: relative;
    height: 600px;
    background: url(/fileadmin/templates2020/images/top/bg_top_fixed_01_pc.jpg) center no-repeat;
    background-attachment: fixed;
    background-size: cover;
  }
  .p-sec-top-04::before {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 20px;
    background: url(/fileadmin/templates2020/images/top/bg_shadow_01.png) top center repeat-x;
    content: '';
  }
  .p-sec-top-04::after {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 20px;
    background: url(/fileadmin/templates2020/images/top/bg_shadow_01.png) top center repeat-x;
    content: '';
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
  }
}

@media all and (max-width: 768px) {
  .p-sec-top-04 {
    height: 620px;
    background: url(/fileadmin/templates2020/images/top/bg_top_fixed_01_sp.jpg) bottom;
    background-size: cover;
  }
}

@media all and (min-width: 769px) {
  .p-sec-top-04 .p-sec-top-in {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 2;
    width: 100%;
    height: 340px;
    padding-top: 114px;
    background-color: rgba(236, 242, 245, 0.8);
  }
}

@media all and (max-width: 768px) {
  .p-sec-top-04 .p-sec-top-in {
    position: relative;
    top: 150px;
    padding-top: 45px;
    padding-bottom: 25px;
    background-color: rgba(255, 255, 255, 0.6);
  }
  .p-sec-top-04 .p-sec-top-in .c-bnr-footer li {
    margin-bottom: 15px;
  }
}

.p-sec-top-04 .box-image {
  display: none;
}

@media all and (max-width: 768px) {
  .p-sec-top-04 .box-image {
    display: block;
    width: 100%;
  }
}

/* p-ttl-top-01
---------------------------------------------------------- */
.p-ttl-top-01 {
  margin-bottom: 30px;
  font-size: 3.2rem;
  font-weight: normal;
}

@media all and (max-width: 768px) {
  .p-ttl-top-01 {
    margin-bottom: 10px;
    font-size: 2rem;
  }
}

/* p-ttl-top-02
---------------------------------------------------------- */
.p-ttl-top-02 {
  margin-bottom: 35px;
  font-size: 3.2rem;
  font-weight: normal;
  color: #fff;
}

@media all and (max-width: 768px) {
  .p-ttl-top-02 {
    margin-bottom: 20px;
    font-size: 5vw;
  }
}

/* p-btn-top-01
---------------------------------------------------------- */
@media all and (min-width: 769px) {
  .p-btn-top-01 {
    width: 360px;
    margin: 0 auto;
    padding-top: 26px;
    padding-bottom: 26px;
  }
}

@media all and (max-width: 768px) {
  .p-btn-top-01 {
    width: 270px;
    margin: 0 auto;
  }
}

/* p-box-top-mv
---------------------------------------------------------- */
.p-box-top-mv {
  position: relative;
  z-index: 1;
}

.p-box-top-mv .box-txt-mv {
  position: absolute;
  width: 306px;
  top: 68px;
  left: 5%;
  z-index: 2;
}

@media all and (max-width: 768px) {
  .p-box-top-mv .box-txt-mv {
    width: 170px;
    left: 20px;
    top: 25px;
  }
}

.p-box-top-mv .item-slider img {
  display: block;
  width: 100.5%;
}

.p-box-top-mv .slick-dots {
  position: absolute;
  bottom: 20px;
  width: 100%;
  text-align: center;
}

.p-box-top-mv .slick-dots > li {
  display: inline-block;
  padding: 0 16px;
  font-size: 0;
  line-height: 1;
}

@media all and (max-width: 768px) {
  .p-box-top-mv .slick-dots > li {
    padding: 0 13px;
  }
}

.p-box-top-mv .slick-dots > li button {
  overflow: hidden;
  width: 16px;
  height: 16px;
  background-color: #ecf2f5;
  border-radius: 100%;
}

@media all and (max-width: 768px) {
  .p-box-top-mv .slick-dots > li button {
    width: 12px;
    height: 12px;
  }
}

.p-box-top-mv .slick-dots > li.slick-active button,
.p-box-top-mv .slick-dots > li button:hover {
  background-color: #0099ff;
}

/* p-box-top-cont-01
---------------------------------------------------------- */
.p-box-top-cont-01 {
  margin-bottom: 20px;
  background-color: #fff;
}

.p-box-top-cont-01 .box-main-image {
  position: relative;
}

.p-box-top-cont-01 .box-main-image img {
  display: block;
  width: 100%;
}

.p-box-top-cont-01 .box-caption {
  position: absolute;
  left: 60px;
  top: 50px;
  z-index: 1;
  color: #023067;
  font-weight: bold;
  line-height: 1.6;
}

@media all and (max-width: 768px) {
  .p-box-top-cont-01 .box-caption {
    left: 0;
    top: 0;
    width: 100%;
    padding: 5%;
  }
}

.p-box-top-cont-01 .box-caption .text-01 {
  margin-bottom: 15px;
  font-size: 3rem;
}

@media all and (max-width: 768px) {
  .p-box-top-cont-01 .box-caption .text-01 {
    margin-bottom: 5px;
    font-size: 1.5rem;
  }
}

.p-box-top-cont-01 .box-caption .text-02 {
  font-size: 4rem;
}

@media all and (max-width: 768px) {
  .p-box-top-cont-01 .box-caption .text-02 {
    font-size: 5vw;
  }
}

.p-box-top-cont-01 .box-sdgs {
  position: absolute;
  width: 400px;
  top: 50px;
  right: 50px;
}

@media all and (max-width: 768px) {
  .p-box-top-cont-01 .box-sdgs {
    width: 60%;
    top: 35%;
    left: 5%;
  }
}

.p-box-top-cont-01 .box-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 45px;
  background-color: #fff;
  border: 1px solid #ccc;
}

@media all and (max-width: 768px) {
  .p-box-top-cont-01 .box-content {
    display: block;
    padding: 0;
  }
}

@media all and (min-width: 769px) {
  .p-box-top-cont-01 .box-content .col-info {
    max-width: 425px;
    padding-right: 20px;
  }
}

@media all and (max-width: 768px) {
  .p-box-top-cont-01 .box-content .col-info {
    margin-bottom: 15px;
  }
}

.p-box-top-cont-01 .box-content .col-info .button {
  max-width: 425px;
  min-width: 320px;
  padding-top: 26px;
  padding-bottom: 26px;
  font-size: 2.6rem;
  line-height: 1.4;
}

@media all and (max-width: 768px) {
  .p-box-top-cont-01 .box-content .col-info .button {
    width: 100%;
    min-width: auto;
    max-width: 100%;
    padding-top: 26px;
    padding-bottom: 26px;
    font-size: 1.8rem;
  }
}

.p-box-top-cont-01 .box-content .col-banner {
  max-width: 545px;
}

@media all and (max-width: 768px) {
  .p-box-top-cont-01 .box-content .col-banner {
    max-width: none;
  }
}

.p-box-top-cont-01 .box-content .list-banner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: -8px -4px 0;
}

.p-box-top-cont-01 .box-content .list-banner > li {
  width: 50%;
  margin-top: 8px;
  padding: 0 4px;
}

@media all and (max-width: 768px) {
  .p-box-top-cont-01 .box-content .list-banner {
    padding: 0 12px 12px;
  }
}

.p-box-top-cont-01 .box-content .list-banner .link-banner {
  display: block;
  text-decoration: none;
}

.p-box-top-cont-01 .box-content .list-banner .link-banner .box-image {
  overflow: hidden;
}

.p-box-top-cont-01 .box-content .list-banner .link-banner .box-image img {
  display: block;
  width: 100%;
  -webkit-transition: -webkit-transform 0.3s ease-out;
  transition: -webkit-transform 0.3s ease-out;
  -o-transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
}

.p-box-top-cont-01 .box-content .list-banner .link-banner .text {
  display: block;
  margin-top: 10px;
}

@media all and (max-width: 768px) {
  .p-box-top-cont-01 .box-content .list-banner .link-banner .text {
    margin-top: 4px;
    font-size: 1rem;
  }
}

@media all and (min-width: 769px) {
  .p-box-top-cont-01 .box-content .list-banner .link-banner:hover img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transform: scale(1.1) rotate(0.001deg);
    -ms-transform: scale(1.1) rotate(0.001deg);
    transform: scale(1.1) rotate(0.001deg);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-filter: blur(0);
    filter: blur(0);
  }
  .p-box-top-cont-01 .box-content .list-banner .link-banner:hover .text {
    text-decoration: underline;
  }
}

/* p-list-top-product
---------------------------------------------------------- */
.p-list-top-product {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -10px 95px;
}

@media all and (max-width: 768px) {
  .p-list-top-product {
    display: block;
    margin: 0 0 30px;
  }
}

.p-list-top-product > li {
  width: 20%;
  padding: 0;
  margin: 0 .5%;
  border: solid 1px #ccc;
  flex: 0 1 19%;
}

@media all and (max-width: 768px) {
  .p-list-top-product > li {
    width: 100%;
    margin-bottom: 5px;
    padding: 0;
  }
  .p-list-top-product > li:last-child {
    margin-bottom: 0;
  }
}

.p-list-top-product .card-product {
  display: block;
  text-decoration: none;
}

@media all and (min-width: 769px) {
  .p-list-top-product .card-product:hover {
    background-color: #d5ecfb;
  }
  .p-list-top-product .card-product:hover img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }
}

@media all and (max-width: 768px) {
  .p-list-top-product .card-product {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
  }
}

.p-list-top-product .box-image {
  overflow: hidden;
  /*border: solid 1px #ccc;*/
}

@media all and (max-width: 768px) {
  .p-list-top-product .box-image {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 108px;
  }
}

.p-list-top-product .box-image img {
  display: block;
  width: 100%;
  -webkit-transition: -webkit-transform 0.3s ease-out;
  transition: -webkit-transform 0.3s ease-out;
  -o-transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
}

.p-list-top-product .text {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 20px 10px;
  border-top: 1px solid #ccc;
  /*border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;*/
  font-size: 1.9rem;
  line-height: 1.4;
  text-align: center;
}

@media all and (max-width: 768px) {
  .p-list-top-product .text {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: 15px 20px 15px 20px;
    border-top: 1px solid #ccc;
    border-left: none;
    font-size: 1.6rem;
    text-align: left;
  }
}

/* p-card-top-01
---------------------------------------------------------- */
.p-card-top-01 {
  border: none;
}

.p-card-top-01 .card-info {
  /* border-left: 1px solid $color-gray-02;
    border-right: 1px solid $color-gray-02;
    border-bottom: 1px solid $color-gray-02; */
}

.p-card-top-01 .card-info .c-btn-blue-03 {
  width: 100%;
  padding-top: 26px;
  padding-bottom: 26px;
  line-height: 1.4;
  font-size: 1.8rem;
}

@media all and (min-width: 769px) {
  .p-card-top-01 .card-info {
    padding: 0;
  }
  .p-card-top-01 .card-info .title {
    margin-bottom: 15px;
    font-size: 1.9rem;
    line-height: 1.4;
  }
  .p-card-top-01 .card-info .c-btn-blue-03 {
    padding-top: 26px;
    padding-bottom: 26px;
    font-size: 2.6rem;
  }
}

@media all and (min-width: 769px) and (max-width: 768px) {
  .p-card-top-01 .card-info {
    font-size: 1.8rem;
  }
}

@media all and (max-width: 768px) {
  .p-card-top-01 .card-info {
    padding: 0;
  }
}

/* p-top-news-heading
---------------------------------------------------------- */
.p-top-news-heading {
  margin-bottom: 35px;
  padding-bottom: 4px;
  border-bottom: 2px solid #64c1ff;
}

@media all and (max-width: 768px) {
  .p-top-news-heading {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding-bottom: 8px;
  }
}

.p-top-news-heading .p-ttl-top-01 {
  margin-bottom: 0;
}

@media all and (max-width: 768px) {
  .p-top-news-heading .p-ttl-top-01 {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
}

@media all and (max-width: 768px) {
  .p-top-news-heading .box-news-category {
    position: relative;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }
}

@media all and (min-width: 769px) {
  .p-top-news-heading .list-category {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }
}

@media all and (max-width: 768px) {
  .p-top-news-heading .list-category {
    position: absolute;
    top: calc(100% + 1px);
    left: 0;
    z-index: 2;
    display: none;
    width: 100%;
    background-color: #fff;
    border: 1px solid #0099ff;
  }
  .p-top-news-heading .list-category.is-open {
    display: block;
  }
}

@media all and (min-width: 769px) {
  .p-top-news-heading .list-category > li {
    position: relative;
    padding: 0 5px 0 4px;
  }
  .p-top-news-heading .list-category > li::after {
    position: absolute;
    top: 50%;
    right: 0;
    width: 1px;
    height: 24px;
    background-color: #adccdc;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    content: '';
  }
  .p-top-news-heading .list-category > li:first-child {
    padding-left: 0;
  }
  .p-top-news-heading .list-category > li:last-child {
    padding-right: 0;
  }
  .p-top-news-heading .list-category > li:last-child::after {
    display: none;
  }
}

.p-top-news-heading .list-category .btn-category {
  display: block;
  text-decoration: none;
  -webkit-transition: background-color 0.2s ease-out;
  -o-transition: background-color 0.2s ease-out;
  transition: background-color 0.2s ease-out;
}

@media all and (min-width: 769px) {
  .p-top-news-heading .list-category .btn-category {
    padding: 8px 21px;
    border-radius: 4px;
    font-size: 1.5rem;
    text-align: center;
  }
  .p-top-news-heading .list-category .btn-category:hover, .p-top-news-heading .list-category .btn-category.is-active {
    background-color: #0099ff;
    color: #fff;
  }
}

@media all and (max-width: 768px) {
  .p-top-news-heading .list-category .btn-category {
    padding: 4px 10px 4px 14px;
    font-size: 1.2rem;
    color: #000;
  }
  .p-top-news-heading .list-category .btn-category.is-active {
    background-color: #ccebff;
    color: #000;
  }
}

.p-top-news-heading .text-category {
  display: none;
}

@media all and (max-width: 768px) {
  .p-top-news-heading .text-category {
    position: relative;
    display: block;
    min-width: 110px;
    padding: 6px 30px 6px 14px;
    border-radius: 4px;
    background-color: #0099ff;
    font-size: 1.2rem;
    color: #fff;
    line-height: 1.4;
  }
  .p-top-news-heading .text-category::after {
    position: absolute;
    top: 50%;
    right: 12px;
    width: 13px;
    height: 8px;
    background: url(/fileadmin/templates2020/images/common/ico_arrow_white_down_01.svg) no-repeat;
    background-size: 13px 8px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    content: '';
  }
}

.p-top-news-heading .text-category.is-open::after {
  -webkit-transform: translateY(-50%) rotate(180deg);
  -ms-transform: translateY(-50%) rotate(180deg);
  transform: translateY(-50%) rotate(180deg);
}

/* ==========================================================
  urgent news
========================================================== */
.urgent-news {
  background: #fde9ea;
}

.urgent-news-in {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  max-width: 1480px;
  padding: 20px;
  margin: 0 auto;
  color: #f14e51;
  font-size: 1.7rem;
}

@media all and (max-width: 768px) {
  .urgent-news-in {
    display: block;
    font-size: 1.5rem;
  }
}

.urgent-news a {
  color: #f14e51;
  text-decoration: underline;
}

.urgent-news a:hover {
  text-decoration: none;
}

.urgent-title {
  min-width: 125px;
  margin-right: 20px;
  margin-bottom: 0;
  padding: 0 20px 0px 0;
  font-weight: bold;
  border-right: 1px #f14e51 solid;
  font-size: 1.7rem;
}

@media all and (max-width: 768px) {
  .urgent-title {
    border: none;
  }
}

/* ==========================================================
  utilities & helper
========================================================== */
.is-opacity {
  text-decoration: none;
}

@media all and (min-width: 769px) {
  .is-opacity {
    -webkit-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    transition: opacity 0.3s;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  .is-opacity:hover {
    opacity: 0.7;
    text-decoration: none;
  }
}

@media all and (min-width: 769px) {
  .no-pc {
    display: none !important;
  }
}

@media all and (max-width: 768px) {
  .no-sp {
    display: none !important;
  }
}

@media (max-width: 567px) {
  .no-sp-only {
    display: none !important;
  }
}

/* font style
---------------------------------------------------------- */
.ff-en {
  font-family: aktiv-grotesk-condensed, sans-serif !important;
  font-weight: 400;
  font-style: normal;
}

.fw-bold {
  font-weight: bold !important;
}

.fw-med {
  font-weight: 500 !important;
}

.fw-normal {
  font-weight: normal !important;
}

/* font size
---------------------------------------------------------- */
@media all and (max-width: 768px) {
  .font-sp-15 {
    font-size: 1.5rem !important;
  }
  .font-sp-16 {
    font-size: 1.6rem !important;
  }
  .font-sp-17 {
    font-size: 1.7rem !important;
  }
  .font-sp-18 {
    font-size: 1.8rem !important;
  }
  .font-sp-20 {
    font-size: 2.0rem !important;
  }
  .font-sp-24 {
    font-size: 2.4rem !important;
  }
  .font-sp-26 {
    font-size: 2.6rem !important;
  }
}
@media all and (min-width: 769px) {
  .font-pc-15 {
    font-size: 1.5rem !important;
  }
  .font-pc-16 {
    font-size: 1.6rem !important;
  }
  .font-pc-17 {
    font-size: 1.7rem !important;
  }
  .font-pc-18 {
    font-size: 1.8rem !important;
  }
  .font-pc-19 {
    font-size: 1.9rem !important;
  }
  .font-pc-20 {
    font-size: 2.0rem !important;
  }
  .font-pc-24 {
    font-size: 2.4rem !important;
  }
  .font-pc-26 {
    font-size: 2.6rem !important;
  }
  .font-pc-28 {
    font-size: 2.8rem !important;
  }
  .font-pc-30 {
    font-size: 3.0rem !important;
  }
}

/* indent
---------------------------------------------------------- */
.indent {
  text-indent: -1em;
  padding-left: 1em;
}

/* spacing
---------------------------------------------------------- */
.mt-0 {
  margin-top: 0px !important;
}

.pt-0 {
  padding-top: 0px !important;
}

.mb-0 {
  margin-bottom: 0px !important;
}

.pb-0 {
  padding-bottom: 0px !important;
}

.ml-0 {
  margin-left: 0px !important;
}

.pl-0 {
  padding-left: 0px !important;
}

.mr-0 {
  margin-right: 0px !important;
}

.pr-0 {
  padding-right: 0px !important;
}

.mt-5 {
  margin-top: 5px !important;
}

.pt-5 {
  padding-top: 5px !important;
}

.mb-5 {
  margin-bottom: 5px !important;
}

.pb-5 {
  padding-bottom: 5px !important;
}

.ml-5 {
  margin-left: 5px !important;
}

.pl-5 {
  padding-left: 5px !important;
}

.mr-5 {
  margin-right: 5px !important;
}

.pr-5 {
  padding-right: 5px !important;
}

.mt-10 {
  margin-top: 10px !important;
}

.pt-10 {
  padding-top: 10px !important;
}

.mb-10 {
  margin-bottom: 10px !important;
}

.pb-10 {
  padding-bottom: 10px !important;
}

.ml-10 {
  margin-left: 10px !important;
}

.pl-10 {
  padding-left: 10px !important;
}

.mr-10 {
  margin-right: 10px !important;
}

.pr-10 {
  padding-right: 10px !important;
}

.mt-15 {
  margin-top: 15px !important;
}

.pt-15 {
  padding-top: 15px !important;
}

.mb-15 {
  margin-bottom: 15px !important;
}

.pb-15 {
  padding-bottom: 15px !important;
}

.ml-15 {
  margin-left: 15px !important;
}

.pl-15 {
  padding-left: 15px !important;
}

.mr-15 {
  margin-right: 15px !important;
}

.pr-15 {
  padding-right: 15px !important;
}

.mt-20 {
  margin-top: 20px !important;
}

.pt-20 {
  padding-top: 20px !important;
}

.mb-20 {
  margin-bottom: 20px !important;
}

.pb-20 {
  padding-bottom: 20px !important;
}

.ml-20 {
  margin-left: 20px !important;
}

.pl-20 {
  padding-left: 20px !important;
}

.mr-20 {
  margin-right: 20px !important;
}

.pr-20 {
  padding-right: 20px !important;
}

.mt-25 {
  margin-top: 25px !important;
}

.pt-25 {
  padding-top: 25px !important;
}

.mb-25 {
  margin-bottom: 25px !important;
}

.pb-25 {
  padding-bottom: 25px !important;
}

.ml-25 {
  margin-left: 25px !important;
}

.pl-25 {
  padding-left: 25px !important;
}

.mr-25 {
  margin-right: 25px !important;
}

.pr-25 {
  padding-right: 25px !important;
}

.mt-30 {
  margin-top: 30px !important;
}

.pt-30 {
  padding-top: 30px !important;
}

.mb-30 {
  margin-bottom: 30px !important;
}

.pb-30 {
  padding-bottom: 30px !important;
}

.ml-30 {
  margin-left: 30px !important;
}

.pl-30 {
  padding-left: 30px !important;
}

.mr-30 {
  margin-right: 30px !important;
}

.pr-30 {
  padding-right: 30px !important;
}

.mt-35 {
  margin-top: 35px !important;
}

.pt-35 {
  padding-top: 35px !important;
}

.mb-35 {
  margin-bottom: 35px !important;
}

.pb-35 {
  padding-bottom: 35px !important;
}

.ml-35 {
  margin-left: 35px !important;
}

.pl-35 {
  padding-left: 35px !important;
}

.mr-35 {
  margin-right: 35px !important;
}

.pr-35 {
  padding-right: 35px !important;
}

.mt-40 {
  margin-top: 40px !important;
}

.pt-40 {
  padding-top: 40px !important;
}

.mb-40 {
  margin-bottom: 40px !important;
}

.pb-40 {
  padding-bottom: 40px !important;
}

.ml-40 {
  margin-left: 40px !important;
}

.pl-40 {
  padding-left: 40px !important;
}

.mr-40 {
  margin-right: 40px !important;
}

.pr-40 {
  padding-right: 40px !important;
}

.mt-45 {
  margin-top: 45px !important;
}

.pt-45 {
  padding-top: 45px !important;
}

.mb-45 {
  margin-bottom: 45px !important;
}

.pb-45 {
  padding-bottom: 45px !important;
}

.ml-45 {
  margin-left: 45px !important;
}

.pl-45 {
  padding-left: 45px !important;
}

.mr-45 {
  margin-right: 45px !important;
}

.pr-45 {
  padding-right: 45px !important;
}

.mt-50 {
  margin-top: 50px !important;
}

.pt-50 {
  padding-top: 50px !important;
}

.mb-50 {
  margin-bottom: 50px !important;
}

.pb-50 {
  padding-bottom: 50px !important;
}

.ml-50 {
  margin-left: 50px !important;
}

.pl-50 {
  padding-left: 50px !important;
}

.mr-50 {
  margin-right: 50px !important;
}

.pr-50 {
  padding-right: 50px !important;
}

.mt-55 {
  margin-top: 55px !important;
}

.pt-55 {
  padding-top: 55px !important;
}

.mb-55 {
  margin-bottom: 55px !important;
}

.pb-55 {
  padding-bottom: 55px !important;
}

.ml-55 {
  margin-left: 55px !important;
}

.pl-55 {
  padding-left: 55px !important;
}

.mr-55 {
  margin-right: 55px !important;
}

.pr-55 {
  padding-right: 55px !important;
}

.mt-60 {
  margin-top: 60px !important;
}

.pt-60 {
  padding-top: 60px !important;
}

.mb-60 {
  margin-bottom: 60px !important;
}

.pb-60 {
  padding-bottom: 60px !important;
}

.ml-60 {
  margin-left: 60px !important;
}

.pl-60 {
  padding-left: 60px !important;
}

.mr-60 {
  margin-right: 60px !important;
}

.pr-60 {
  padding-right: 60px !important;
}

.mt-65 {
  margin-top: 65px !important;
}

.pt-65 {
  padding-top: 65px !important;
}

.mb-65 {
  margin-bottom: 65px !important;
}

.pb-65 {
  padding-bottom: 65px !important;
}

.ml-65 {
  margin-left: 65px !important;
}

.pl-65 {
  padding-left: 65px !important;
}

.mr-65 {
  margin-right: 65px !important;
}

.pr-65 {
  padding-right: 65px !important;
}

.mt-70 {
  margin-top: 70px !important;
}

.pt-70 {
  padding-top: 70px !important;
}

.mb-70 {
  margin-bottom: 70px !important;
}

.pb-70 {
  padding-bottom: 70px !important;
}

.ml-70 {
  margin-left: 70px !important;
}

.pl-70 {
  padding-left: 70px !important;
}

.mr-70 {
  margin-right: 70px !important;
}

.pr-70 {
  padding-right: 70px !important;
}

.mt-80 {
  margin-top: 80px !important;
}

.pt-80 {
  padding-top: 80px !important;
}

.mb-80 {
  margin-bottom: 80px !important;
}

.pb-80 {
  padding-bottom: 80px !important;
}

.ml-80 {
  margin-left: 80px !important;
}

.pl-80 {
  padding-left: 80px !important;
}

.mr-80 {
  margin-right: 80px !important;
}

.pr-80 {
  padding-right: 80px !important;
}

.mt-90 {
  margin-top: 90px !important;
}

.pt-90 {
  padding-top: 90px !important;
}

.mb-90 {
  margin-bottom: 90px !important;
}

.pb-90 {
  padding-bottom: 90px !important;
}

.ml-90 {
  margin-left: 90px !important;
}

.pl-90 {
  padding-left: 90px !important;
}

.mr-90 {
  margin-right: 90px !important;
}

.pr-90 {
  padding-right: 90px !important;
}

.mt-95 {
  margin-top: 95px !important;
}

.pt-95 {
  padding-top: 95px !important;
}

.mb-95 {
  margin-bottom: 95px !important;
}

.pb-95 {
  padding-bottom: 95px !important;
}

.ml-95 {
  margin-left: 95px !important;
}

.pl-95 {
  padding-left: 95px !important;
}

.mr-95 {
  margin-right: 95px !important;
}

.pr-95 {
  padding-right: 95px !important;
}

.mt-100 {
  margin-top: 100px !important;
}

.pt-100 {
  padding-top: 100px !important;
}

.mb-100 {
  margin-bottom: 100px !important;
}

.pb-100 {
  padding-bottom: 100px !important;
}

.ml-100 {
  margin-left: 100px !important;
}

.pl-100 {
  padding-left: 100px !important;
}

.mr-100 {
  margin-right: 100px !important;
}

.pr-100 {
  padding-right: 100px !important;
}

.mt-110 {
  margin-top: 110px !important;
}

.pt-110 {
  padding-top: 110px !important;
}

.mb-110 {
  margin-bottom: 110px !important;
}

.pb-110 {
  padding-bottom: 110px !important;
}

.ml-110 {
  margin-left: 110px !important;
}

.pl-110 {
  padding-left: 110px !important;
}

.mr-110 {
  margin-right: 110px !important;
}

.pr-110 {
  padding-right: 110px !important;
}

.mt-115 {
  margin-top: 115px !important;
}

.pt-115 {
  padding-top: 115px !important;
}

.mb-115 {
  margin-bottom: 115px !important;
}

.pb-115 {
  padding-bottom: 115px !important;
}

.ml-115 {
  margin-left: 115px !important;
}

.pl-115 {
  padding-left: 115px !important;
}

.mr-115 {
  margin-right: 115px !important;
}

.pr-115 {
  padding-right: 115px !important;
}

.mt-120 {
  margin-top: 120px !important;
}

.pt-120 {
  padding-top: 120px !important;
}

.mb-120 {
  margin-bottom: 120px !important;
}

.pb-120 {
  padding-bottom: 120px !important;
}

.ml-120 {
  margin-left: 120px !important;
}

.pl-120 {
  padding-left: 120px !important;
}

.mr-120 {
  margin-right: 120px !important;
}

.pr-120 {
  padding-right: 120px !important;
}

.mt-145 {
  margin-top: 145px !important;
}

.pt-145 {
  padding-top: 145px !important;
}

.mb-145 {
  margin-bottom: 145px !important;
}

.pb-145 {
  padding-bottom: 145px !important;
}

.ml-145 {
  margin-left: 145px !important;
}

.pl-145 {
  padding-left: 145px !important;
}

.mr-145 {
  margin-right: 145px !important;
}

.pr-145 {
  padding-right: 145px !important;
}

.mt-150 {
  margin-top: 150px !important;
}

.pt-150 {
  padding-top: 150px !important;
}

.mb-150 {
  margin-bottom: 150px !important;
}

.pb-150 {
  padding-bottom: 150px !important;
}

.ml-150 {
  margin-left: 150px !important;
}

.pl-150 {
  padding-left: 150px !important;
}

.mr-150 {
  margin-right: 150px !important;
}

.pr-150 {
  padding-right: 150px !important;
}

@media all and (min-width: 769px) {
  .mt-0-pc {
    margin-top: 0px !important;
  }
  .pt-0-pc {
    padding-top: 0px !important;
  }
  .mb-0-pc {
    margin-bottom: 0px !important;
  }
  .pb-0-pc {
    padding-bottom: 0px !important;
  }
  .ml-0-pc {
    margin-left: 0px !important;
  }
  .pl-0-pc {
    padding-left: 0px !important;
  }
  .mr-0-pc {
    margin-right: 0px !important;
  }
  .pr-0-pc {
    padding-right: 0px !important;
  }
  .mt-5-pc {
    margin-top: 5px !important;
  }
  .pt-5-pc {
    padding-top: 5px !important;
  }
  .mb-5-pc {
    margin-bottom: 5px !important;
  }
  .pb-5-pc {
    padding-bottom: 5px !important;
  }
  .ml-5-pc {
    margin-left: 5px !important;
  }
  .pl-5-pc {
    padding-left: 5px !important;
  }
  .mr-5-pc {
    margin-right: 5px !important;
  }
  .pr-5-pc {
    padding-right: 5px !important;
  }
  .mt-10-pc {
    margin-top: 10px !important;
  }
  .pt-10-pc {
    padding-top: 10px !important;
  }
  .mb-10-pc {
    margin-bottom: 10px !important;
  }
  .pb-10-pc {
    padding-bottom: 10px !important;
  }
  .ml-10-pc {
    margin-left: 10px !important;
  }
  .pl-10-pc {
    padding-left: 10px !important;
  }
  .mr-10-pc {
    margin-right: 10px !important;
  }
  .pr-10-pc {
    padding-right: 10px !important;
  }
  .mt-15-pc {
    margin-top: 15px !important;
  }
  .pt-15-pc {
    padding-top: 15px !important;
  }
  .mb-15-pc {
    margin-bottom: 15px !important;
  }
  .pb-15-pc {
    padding-bottom: 15px !important;
  }
  .ml-15-pc {
    margin-left: 15px !important;
  }
  .pl-15-pc {
    padding-left: 15px !important;
  }
  .mr-15-pc {
    margin-right: 15px !important;
  }
  .pr-15-pc {
    padding-right: 15px !important;
  }
  .mt-20-pc {
    margin-top: 20px !important;
  }
  .pt-20-pc {
    padding-top: 20px !important;
  }
  .mb-20-pc {
    margin-bottom: 20px !important;
  }
  .pb-20-pc {
    padding-bottom: 20px !important;
  }
  .ml-20-pc {
    margin-left: 20px !important;
  }
  .pl-20-pc {
    padding-left: 20px !important;
  }
  .mr-20-pc {
    margin-right: 20px !important;
  }
  .pr-20-pc {
    padding-right: 20px !important;
  }
  .mt-25-pc {
    margin-top: 25px !important;
  }
  .pt-25-pc {
    padding-top: 25px !important;
  }
  .mb-25-pc {
    margin-bottom: 25px !important;
  }
  .pb-25-pc {
    padding-bottom: 25px !important;
  }
  .ml-25-pc {
    margin-left: 25px !important;
  }
  .pl-25-pc {
    padding-left: 25px !important;
  }
  .mr-25-pc {
    margin-right: 25px !important;
  }
  .pr-25-pc {
    padding-right: 25px !important;
  }
  .mt-30-pc {
    margin-top: 30px !important;
  }
  .pt-30-pc {
    padding-top: 30px !important;
  }
  .mb-30-pc {
    margin-bottom: 30px !important;
  }
  .pb-30-pc {
    padding-bottom: 30px !important;
  }
  .ml-30-pc {
    margin-left: 30px !important;
  }
  .pl-30-pc {
    padding-left: 30px !important;
  }
  .mr-30-pc {
    margin-right: 30px !important;
  }
  .pr-30-pc {
    padding-right: 30px !important;
  }
  .mt-35-pc {
    margin-top: 35px !important;
  }
  .pt-35-pc {
    padding-top: 35px !important;
  }
  .mb-35-pc {
    margin-bottom: 35px !important;
  }
  .pb-35-pc {
    padding-bottom: 35px !important;
  }
  .ml-35-pc {
    margin-left: 35px !important;
  }
  .pl-35-pc {
    padding-left: 35px !important;
  }
  .mr-35-pc {
    margin-right: 35px !important;
  }
  .pr-35-pc {
    padding-right: 35px !important;
  }
  .mt-40-pc {
    margin-top: 40px !important;
  }
  .pt-40-pc {
    padding-top: 40px !important;
  }
  .mb-40-pc {
    margin-bottom: 40px !important;
  }
  .pb-40-pc {
    padding-bottom: 40px !important;
  }
  .ml-40-pc {
    margin-left: 40px !important;
  }
  .pl-40-pc {
    padding-left: 40px !important;
  }
  .mr-40-pc {
    margin-right: 40px !important;
  }
  .pr-40-pc {
    padding-right: 40px !important;
  }
  .mt-45-pc {
    margin-top: 45px !important;
  }
  .pt-45-pc {
    padding-top: 45px !important;
  }
  .mb-45-pc {
    margin-bottom: 45px !important;
  }
  .pb-45-pc {
    padding-bottom: 45px !important;
  }
  .ml-45-pc {
    margin-left: 45px !important;
  }
  .pl-45-pc {
    padding-left: 45px !important;
  }
  .mr-45-pc {
    margin-right: 45px !important;
  }
  .pr-45-pc {
    padding-right: 45px !important;
  }
  .mt-50-pc {
    margin-top: 50px !important;
  }
  .pt-50-pc {
    padding-top: 50px !important;
  }
  .mb-50-pc {
    margin-bottom: 50px !important;
  }
  .pb-50-pc {
    padding-bottom: 50px !important;
  }
  .ml-50-pc {
    margin-left: 50px !important;
  }
  .pl-50-pc {
    padding-left: 50px !important;
  }
  .mr-50-pc {
    margin-right: 50px !important;
  }
  .pr-50-pc {
    padding-right: 50px !important;
  }
  .mt-55-pc {
    margin-top: 55px !important;
  }
  .pt-55-pc {
    padding-top: 55px !important;
  }
  .mb-55-pc {
    margin-bottom: 55px !important;
  }
  .pb-55-pc {
    padding-bottom: 55px !important;
  }
  .ml-55-pc {
    margin-left: 55px !important;
  }
  .pl-55-pc {
    padding-left: 55px !important;
  }
  .mr-55-pc {
    margin-right: 55px !important;
  }
  .pr-55-pc {
    padding-right: 55px !important;
  }
  .mt-60-pc {
    margin-top: 60px !important;
  }
  .pt-60-pc {
    padding-top: 60px !important;
  }
  .mb-60-pc {
    margin-bottom: 60px !important;
  }
  .pb-60-pc {
    padding-bottom: 60px !important;
  }
  .ml-60-pc {
    margin-left: 60px !important;
  }
  .pl-60-pc {
    padding-left: 60px !important;
  }
  .mr-60-pc {
    margin-right: 60px !important;
  }
  .pr-60-pc {
    padding-right: 60px !important;
  }
  .mt-65-pc {
    margin-top: 65px !important;
  }
  .pt-65-pc {
    padding-top: 65px !important;
  }
  .mb-65-pc {
    margin-bottom: 65px !important;
  }
  .pb-65-pc {
    padding-bottom: 65px !important;
  }
  .ml-65-pc {
    margin-left: 65px !important;
  }
  .pl-65-pc {
    padding-left: 65px !important;
  }
  .mr-65-pc {
    margin-right: 65px !important;
  }
  .pr-65-pc {
    padding-right: 65px !important;
  }
  .mt-70-pc {
    margin-top: 70px !important;
  }
  .pt-70-pc {
    padding-top: 70px !important;
  }
  .mb-70-pc {
    margin-bottom: 70px !important;
  }
  .pb-70-pc {
    padding-bottom: 70px !important;
  }
  .ml-70-pc {
    margin-left: 70px !important;
  }
  .pl-70-pc {
    padding-left: 70px !important;
  }
  .mr-70-pc {
    margin-right: 70px !important;
  }
  .pr-70-pc {
    padding-right: 70px !important;
  }
  .mt-80-pc {
    margin-top: 80px !important;
  }
  .pt-80-pc {
    padding-top: 80px !important;
  }
  .mb-80-pc {
    margin-bottom: 80px !important;
  }
  .pb-80-pc {
    padding-bottom: 80px !important;
  }
  .ml-80-pc {
    margin-left: 80px !important;
  }
  .pl-80-pc {
    padding-left: 80px !important;
  }
  .mr-80-pc {
    margin-right: 80px !important;
  }
  .pr-80-pc {
    padding-right: 80px !important;
  }
  .mt-90-pc {
    margin-top: 90px !important;
  }
  .pt-90-pc {
    padding-top: 90px !important;
  }
  .mb-90-pc {
    margin-bottom: 90px !important;
  }
  .pb-90-pc {
    padding-bottom: 90px !important;
  }
  .ml-90-pc {
    margin-left: 90px !important;
  }
  .pl-90-pc {
    padding-left: 90px !important;
  }
  .mr-90-pc {
    margin-right: 90px !important;
  }
  .pr-90-pc {
    padding-right: 90px !important;
  }
  .mt-95-pc {
    margin-top: 95px !important;
  }
  .pt-95-pc {
    padding-top: 95px !important;
  }
  .mb-95-pc {
    margin-bottom: 95px !important;
  }
  .pb-95-pc {
    padding-bottom: 95px !important;
  }
  .ml-95-pc {
    margin-left: 95px !important;
  }
  .pl-95-pc {
    padding-left: 95px !important;
  }
  .mr-95-pc {
    margin-right: 95px !important;
  }
  .pr-95-pc {
    padding-right: 95px !important;
  }
  .mt-100-pc {
    margin-top: 100px !important;
  }
  .pt-100-pc {
    padding-top: 100px !important;
  }
  .mb-100-pc {
    margin-bottom: 100px !important;
  }
  .pb-100-pc {
    padding-bottom: 100px !important;
  }
  .ml-100-pc {
    margin-left: 100px !important;
  }
  .pl-100-pc {
    padding-left: 100px !important;
  }
  .mr-100-pc {
    margin-right: 100px !important;
  }
  .pr-100-pc {
    padding-right: 100px !important;
  }
  .mt-110-pc {
    margin-top: 110px !important;
  }
  .pt-110-pc {
    padding-top: 110px !important;
  }
  .mb-110-pc {
    margin-bottom: 110px !important;
  }
  .pb-110-pc {
    padding-bottom: 110px !important;
  }
  .ml-110-pc {
    margin-left: 110px !important;
  }
  .pl-110-pc {
    padding-left: 110px !important;
  }
  .mr-110-pc {
    margin-right: 110px !important;
  }
  .pr-110-pc {
    padding-right: 110px !important;
  }
  .mt-115-pc {
    margin-top: 115px !important;
  }
  .pt-115-pc {
    padding-top: 115px !important;
  }
  .mb-115-pc {
    margin-bottom: 115px !important;
  }
  .pb-115-pc {
    padding-bottom: 115px !important;
  }
  .ml-115-pc {
    margin-left: 115px !important;
  }
  .pl-115-pc {
    padding-left: 115px !important;
  }
  .mr-115-pc {
    margin-right: 115px !important;
  }
  .pr-115-pc {
    padding-right: 115px !important;
  }
  .mt-120-pc {
    margin-top: 120px !important;
  }
  .pt-120-pc {
    padding-top: 120px !important;
  }
  .mb-120-pc {
    margin-bottom: 120px !important;
  }
  .pb-120-pc {
    padding-bottom: 120px !important;
  }
  .ml-120-pc {
    margin-left: 120px !important;
  }
  .pl-120-pc {
    padding-left: 120px !important;
  }
  .mr-120-pc {
    margin-right: 120px !important;
  }
  .pr-120-pc {
    padding-right: 120px !important;
  }
  .mt-145-pc {
    margin-top: 145px !important;
  }
  .pt-145-pc {
    padding-top: 145px !important;
  }
  .mb-145-pc {
    margin-bottom: 145px !important;
  }
  .pb-145-pc {
    padding-bottom: 145px !important;
  }
  .ml-145-pc {
    margin-left: 145px !important;
  }
  .pl-145-pc {
    padding-left: 145px !important;
  }
  .mr-145-pc {
    margin-right: 145px !important;
  }
  .pr-145-pc {
    padding-right: 145px !important;
  }
  .mt-150-pc {
    margin-top: 150px !important;
  }
  .pt-150-pc {
    padding-top: 150px !important;
  }
  .mb-150-pc {
    margin-bottom: 150px !important;
  }
  .pb-150-pc {
    padding-bottom: 150px !important;
  }
  .ml-150-pc {
    margin-left: 150px !important;
  }
  .pl-150-pc {
    padding-left: 150px !important;
  }
  .mr-150-pc {
    margin-right: 150px !important;
  }
  .pr-150-pc {
    padding-right: 150px !important;
  }
}

@media all and (max-width: 768px) {
  .mt-0-sp {
    margin-top: 0px !important;
  }
  .pt-0-sp {
    padding-top: 0px !important;
  }
  .mb-0-sp {
    margin-bottom: 0px !important;
  }
  .pb-0-sp {
    padding-bottom: 0px !important;
  }
  .ml-0-sp {
    margin-left: 0px !important;
  }
  .pl-0-sp {
    padding-left: 0px !important;
  }
  .mr-0-sp {
    margin-right: 0px !important;
  }
  .pr-0-sp {
    padding-right: 0px !important;
  }
  .mt-5-sp {
    margin-top: 5px !important;
  }
  .pt-5-sp {
    padding-top: 5px !important;
  }
  .mb-5-sp {
    margin-bottom: 5px !important;
  }
  .pb-5-sp {
    padding-bottom: 5px !important;
  }
  .ml-5-sp {
    margin-left: 5px !important;
  }
  .pl-5-sp {
    padding-left: 5px !important;
  }
  .mr-5-sp {
    margin-right: 5px !important;
  }
  .pr-5-sp {
    padding-right: 5px !important;
  }
  .mt-10-sp {
    margin-top: 10px !important;
  }
  .pt-10-sp {
    padding-top: 10px !important;
  }
  .mb-10-sp {
    margin-bottom: 10px !important;
  }
  .pb-10-sp {
    padding-bottom: 10px !important;
  }
  .ml-10-sp {
    margin-left: 10px !important;
  }
  .pl-10-sp {
    padding-left: 10px !important;
  }
  .mr-10-sp {
    margin-right: 10px !important;
  }
  .pr-10-sp {
    padding-right: 10px !important;
  }
  .mt-15-sp {
    margin-top: 15px !important;
  }
  .pt-15-sp {
    padding-top: 15px !important;
  }
  .mb-15-sp {
    margin-bottom: 15px !important;
  }
  .pb-15-sp {
    padding-bottom: 15px !important;
  }
  .ml-15-sp {
    margin-left: 15px !important;
  }
  .pl-15-sp {
    padding-left: 15px !important;
  }
  .mr-15-sp {
    margin-right: 15px !important;
  }
  .pr-15-sp {
    padding-right: 15px !important;
  }
  .mt-20-sp {
    margin-top: 20px !important;
  }
  .pt-20-sp {
    padding-top: 20px !important;
  }
  .mb-20-sp {
    margin-bottom: 20px !important;
  }
  .pb-20-sp {
    padding-bottom: 20px !important;
  }
  .ml-20-sp {
    margin-left: 20px !important;
  }
  .pl-20-sp {
    padding-left: 20px !important;
  }
  .mr-20-sp {
    margin-right: 20px !important;
  }
  .pr-20-sp {
    padding-right: 20px !important;
  }
  .mt-25-sp {
    margin-top: 25px !important;
  }
  .pt-25-sp {
    padding-top: 25px !important;
  }
  .mb-25-sp {
    margin-bottom: 25px !important;
  }
  .pb-25-sp {
    padding-bottom: 25px !important;
  }
  .ml-25-sp {
    margin-left: 25px !important;
  }
  .pl-25-sp {
    padding-left: 25px !important;
  }
  .mr-25-sp {
    margin-right: 25px !important;
  }
  .pr-25-sp {
    padding-right: 25px !important;
  }
  .mt-30-sp {
    margin-top: 30px !important;
  }
  .pt-30-sp {
    padding-top: 30px !important;
  }
  .mb-30-sp {
    margin-bottom: 30px !important;
  }
  .pb-30-sp {
    padding-bottom: 30px !important;
  }
  .ml-30-sp {
    margin-left: 30px !important;
  }
  .pl-30-sp {
    padding-left: 30px !important;
  }
  .mr-30-sp {
    margin-right: 30px !important;
  }
  .pr-30-sp {
    padding-right: 30px !important;
  }
  .mt-35-sp {
    margin-top: 35px !important;
  }
  .pt-35-sp {
    padding-top: 35px !important;
  }
  .mb-35-sp {
    margin-bottom: 35px !important;
  }
  .pb-35-sp {
    padding-bottom: 35px !important;
  }
  .ml-35-sp {
    margin-left: 35px !important;
  }
  .pl-35-sp {
    padding-left: 35px !important;
  }
  .mr-35-sp {
    margin-right: 35px !important;
  }
  .pr-35-sp {
    padding-right: 35px !important;
  }
  .mt-40-sp {
    margin-top: 40px !important;
  }
  .pt-40-sp {
    padding-top: 40px !important;
  }
  .mb-40-sp {
    margin-bottom: 40px !important;
  }
  .pb-40-sp {
    padding-bottom: 40px !important;
  }
  .ml-40-sp {
    margin-left: 40px !important;
  }
  .pl-40-sp {
    padding-left: 40px !important;
  }
  .mr-40-sp {
    margin-right: 40px !important;
  }
  .pr-40-sp {
    padding-right: 40px !important;
  }
  .mt-45-sp {
    margin-top: 45px !important;
  }
  .pt-45-sp {
    padding-top: 45px !important;
  }
  .mb-45-sp {
    margin-bottom: 45px !important;
  }
  .pb-45-sp {
    padding-bottom: 45px !important;
  }
  .ml-45-sp {
    margin-left: 45px !important;
  }
  .pl-45-sp {
    padding-left: 45px !important;
  }
  .mr-45-sp {
    margin-right: 45px !important;
  }
  .pr-45-sp {
    padding-right: 45px !important;
  }
  .mt-50-sp {
    margin-top: 50px !important;
  }
  .pt-50-sp {
    padding-top: 50px !important;
  }
  .mb-50-sp {
    margin-bottom: 50px !important;
  }
  .pb-50-sp {
    padding-bottom: 50px !important;
  }
  .ml-50-sp {
    margin-left: 50px !important;
  }
  .pl-50-sp {
    padding-left: 50px !important;
  }
  .mr-50-sp {
    margin-right: 50px !important;
  }
  .pr-50-sp {
    padding-right: 50px !important;
  }
  .mt-55-sp {
    margin-top: 55px !important;
  }
  .pt-55-sp {
    padding-top: 55px !important;
  }
  .mb-55-sp {
    margin-bottom: 55px !important;
  }
  .pb-55-sp {
    padding-bottom: 55px !important;
  }
  .ml-55-sp {
    margin-left: 55px !important;
  }
  .pl-55-sp {
    padding-left: 55px !important;
  }
  .mr-55-sp {
    margin-right: 55px !important;
  }
  .pr-55-sp {
    padding-right: 55px !important;
  }
  .mt-60-sp {
    margin-top: 60px !important;
  }
  .pt-60-sp {
    padding-top: 60px !important;
  }
  .mb-60-sp {
    margin-bottom: 60px !important;
  }
  .pb-60-sp {
    padding-bottom: 60px !important;
  }
  .ml-60-sp {
    margin-left: 60px !important;
  }
  .pl-60-sp {
    padding-left: 60px !important;
  }
  .mr-60-sp {
    margin-right: 60px !important;
  }
  .pr-60-sp {
    padding-right: 60px !important;
  }
  .mt-65-sp {
    margin-top: 65px !important;
  }
  .pt-65-sp {
    padding-top: 65px !important;
  }
  .mb-65-sp {
    margin-bottom: 65px !important;
  }
  .pb-65-sp {
    padding-bottom: 65px !important;
  }
  .ml-65-sp {
    margin-left: 65px !important;
  }
  .pl-65-sp {
    padding-left: 65px !important;
  }
  .mr-65-sp {
    margin-right: 65px !important;
  }
  .pr-65-sp {
    padding-right: 65px !important;
  }
  .mt-70-sp {
    margin-top: 70px !important;
  }
  .pt-70-sp {
    padding-top: 70px !important;
  }
  .mb-70-sp {
    margin-bottom: 70px !important;
  }
  .pb-70-sp {
    padding-bottom: 70px !important;
  }
  .ml-70-sp {
    margin-left: 70px !important;
  }
  .pl-70-sp {
    padding-left: 70px !important;
  }
  .mr-70-sp {
    margin-right: 70px !important;
  }
  .pr-70-sp {
    padding-right: 70px !important;
  }
  .mt-80-sp {
    margin-top: 80px !important;
  }
  .pt-80-sp {
    padding-top: 80px !important;
  }
  .mb-80-sp {
    margin-bottom: 80px !important;
  }
  .pb-80-sp {
    padding-bottom: 80px !important;
  }
  .ml-80-sp {
    margin-left: 80px !important;
  }
  .pl-80-sp {
    padding-left: 80px !important;
  }
  .mr-80-sp {
    margin-right: 80px !important;
  }
  .pr-80-sp {
    padding-right: 80px !important;
  }
  .mt-90-sp {
    margin-top: 90px !important;
  }
  .pt-90-sp {
    padding-top: 90px !important;
  }
  .mb-90-sp {
    margin-bottom: 90px !important;
  }
  .pb-90-sp {
    padding-bottom: 90px !important;
  }
  .ml-90-sp {
    margin-left: 90px !important;
  }
  .pl-90-sp {
    padding-left: 90px !important;
  }
  .mr-90-sp {
    margin-right: 90px !important;
  }
  .pr-90-sp {
    padding-right: 90px !important;
  }
  .mt-95-sp {
    margin-top: 95px !important;
  }
  .pt-95-sp {
    padding-top: 95px !important;
  }
  .mb-95-sp {
    margin-bottom: 95px !important;
  }
  .pb-95-sp {
    padding-bottom: 95px !important;
  }
  .ml-95-sp {
    margin-left: 95px !important;
  }
  .pl-95-sp {
    padding-left: 95px !important;
  }
  .mr-95-sp {
    margin-right: 95px !important;
  }
  .pr-95-sp {
    padding-right: 95px !important;
  }
  .mt-100-sp {
    margin-top: 100px !important;
  }
  .pt-100-sp {
    padding-top: 100px !important;
  }
  .mb-100-sp {
    margin-bottom: 100px !important;
  }
  .pb-100-sp {
    padding-bottom: 100px !important;
  }
  .ml-100-sp {
    margin-left: 100px !important;
  }
  .pl-100-sp {
    padding-left: 100px !important;
  }
  .mr-100-sp {
    margin-right: 100px !important;
  }
  .pr-100-sp {
    padding-right: 100px !important;
  }
  .mt-110-sp {
    margin-top: 110px !important;
  }
  .pt-110-sp {
    padding-top: 110px !important;
  }
  .mb-110-sp {
    margin-bottom: 110px !important;
  }
  .pb-110-sp {
    padding-bottom: 110px !important;
  }
  .ml-110-sp {
    margin-left: 110px !important;
  }
  .pl-110-sp {
    padding-left: 110px !important;
  }
  .mr-110-sp {
    margin-right: 110px !important;
  }
  .pr-110-sp {
    padding-right: 110px !important;
  }
  .mt-115-sp {
    margin-top: 115px !important;
  }
  .pt-115-sp {
    padding-top: 115px !important;
  }
  .mb-115-sp {
    margin-bottom: 115px !important;
  }
  .pb-115-sp {
    padding-bottom: 115px !important;
  }
  .ml-115-sp {
    margin-left: 115px !important;
  }
  .pl-115-sp {
    padding-left: 115px !important;
  }
  .mr-115-sp {
    margin-right: 115px !important;
  }
  .pr-115-sp {
    padding-right: 115px !important;
  }
  .mt-120-sp {
    margin-top: 120px !important;
  }
  .pt-120-sp {
    padding-top: 120px !important;
  }
  .mb-120-sp {
    margin-bottom: 120px !important;
  }
  .pb-120-sp {
    padding-bottom: 120px !important;
  }
  .ml-120-sp {
    margin-left: 120px !important;
  }
  .pl-120-sp {
    padding-left: 120px !important;
  }
  .mr-120-sp {
    margin-right: 120px !important;
  }
  .pr-120-sp {
    padding-right: 120px !important;
  }
  .mt-145-sp {
    margin-top: 145px !important;
  }
  .pt-145-sp {
    padding-top: 145px !important;
  }
  .mb-145-sp {
    margin-bottom: 145px !important;
  }
  .pb-145-sp {
    padding-bottom: 145px !important;
  }
  .ml-145-sp {
    margin-left: 145px !important;
  }
  .pl-145-sp {
    padding-left: 145px !important;
  }
  .mr-145-sp {
    margin-right: 145px !important;
  }
  .pr-145-sp {
    padding-right: 145px !important;
  }
  .mt-150-sp {
    margin-top: 150px !important;
  }
  .pt-150-sp {
    padding-top: 150px !important;
  }
  .mb-150-sp {
    margin-bottom: 150px !important;
  }
  .pb-150-sp {
    padding-bottom: 150px !important;
  }
  .ml-150-sp {
    margin-left: 150px !important;
  }
  .pl-150-sp {
    padding-left: 150px !important;
  }
  .mr-150-sp {
    margin-right: 150px !important;
  }
  .pr-150-sp {
    padding-right: 150px !important;
  }
}

/* text alignment
---------------------------------------------------------- */
.text-left {
  text-align: left !important;
}

.text-center {
  text-align: center !important;
}

.text-right {
  text-align: right !important;
}

.text-top {
  vertical-align: top !important;
}

.text-middle {
  vertical-align: middle !important;
}

.text-bottom {
  vertical-align: bottom !important;
}

@media screen and (min-width: 769px) {
  .text-left-pc {
    text-align: left !important;
  }

  .text-center-pc {
    text-align: center !important;
  }

  .text-right-pc {
    text-align: right !important;
  }
}


@media screen and (max-width: 768px) {
  .text-left-sp {
    text-align: left !important;
  }

  .text-center-sp {
    text-align: center !important;
  }

  .text-right-sp {
    text-align: right !important;
  }
}

/* display
---------------------------------------------------------- */
.d-inline {
  display: inline;
}

.d-block {
  display: block;
}

.d-inline-block {
  display: inline-block;
}

.d-hide {
  display: none;
}

.d-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

/* イメージマップ */
area {
  border: none;
  outline: none;
}
.image-map-pc {
  display: block;
}
@media all and (max-width: 1160px) {
  .image-map-pc {
    display: none;
  }
  .image-map-pc area {
    display: none;
  }
}

img.use-image-map { display: block!important; }
img.no-image-map-pc { display: none!important; }
img.no-image-map-sp { display: none!important; }

@media all and (max-width: 1160px) {
  img.use-image-map { display: none!important; }
  img.no-image-map-pc { display: block!important; }
  img.no-image-map-sp { display: none!important; }
}

@media all and (max-width: 768px) {
  img.use-image-map { display: none!important; }
  img.no-image-map-pc { display: none!important; }
  img.no-image-map-sp { display: block!important; }
}


.pc { display: block; }
.sp { display: none; }

@media screen and (max-width: 768px) {
  .pc { display: none; }
  .sp { display: block; }
}

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

/* -------------------------------

  T-Carry  2021.08 ida

---------------------------------- */
br.pc { display: inline-block; }
br.sp { display: none; }

@media screen and (max-width: 768px) {
  br.pc { display: none; }
  br.sp { display: inline-block; }
}


#lpStandard.lp-t-carry .main-top {
  padding: 25px 0;
}
#lpStandard.lp-t-carry .main-top .main-pc {
  display: block;
}
#lpStandard.lp-t-carry .main-top .main-sp {
  display: none;
}
#lpStandard.lp-t-carry .lead-area {
  margin: 30px auto;
  text-align: center;
  font-size: 16px;
  line-height: 2;
}
#lpStandard.lp-t-carry .lead-area .dot {
  font-weight: bold;
}
#lpStandard.lp-t-carry .lead-area .dot span {
  position: relative
}
#lpStandard.lp-t-carry .lead-area .dot span::before {
  content: "・";
  position: absolute;
  top: -1em;
  left: 0;
}
@media screen and (max-width: 768px) {
  #lpStandard.lp-t-carry .main-top {
    padding: 0;
  }
  #lpStandard.lp-t-carry .main-top h1 {
    padding: 0;
  }
  #lpStandard.lp-t-carry .main-top .main-pc {
    display: none;
  }
  #lpStandard.lp-t-carry .main-top .main-sp {
    display: block;
  }
  #lpStandard.lp-t-carry .lead-area {
    padding: 0 4px;
  }
}

#lpStandard.lp-t-carry .heading01 {
  position: relative;
  text-align: left;
  font-size: 18px;
  font-weight: bold;
  padding: 0 0 0 30px;
  margin-bottom: 0;
  margin: 2.5rem 0 1rem;
}
#lpStandard.lp-t-carry .heading01::before {
  content: url(/fileadmin/templates2020/images/group/tmc/products/lp/t-carry/icon.png);
  display: block;
  position: absolute;
  top: 2px;
  left: 0;
  width: 24px;
  height: 24px;
}

/* product_video */
.video-box {
  overflow: hidden;
  margin-bottom: 10px;
  width: 100%;
  height: 0;
  position: relative;
  padding-bottom: 56%;
  border: 5px solid #000;
  background: #000;
}
.video-box iframe {
  position: absolute;
  top: 0;
  left: 0;
}

@media screen and (min-width: 769px) {
  #lpStandard.lp-t-carry .video-wrap {
    width: 656px;
    margin: 50px auto 15px;
  }
}

@media screen and (max-width: 768px) {
  #lpStandard.lp-t-carry .video-wrap {
    width: 100%;
    margin: 30px auto 5px;
  }
}

@media screen and (min-width: 769px) {
  .c-box-img-cont-01 .box-image.video-box {
    padding-bottom: 36%;
  }
}

/* features */
#lpStandard.lp-t-carry #features {
}
#lpStandard.lp-t-carry #features .heading01 span {
  font-weight: normal;
  display: inline-block;
  margin: 0 0 0 15px;
  color: #0099ff;
  font-weight: bold;
  font-size: 17px;
}
#lpStandard.lp-t-carry .features-list {
  display: flex;
}
#lpStandard.lp-t-carry .features-list.three-columns li {
    width: calc(100% / 3);
    max-width: 313px;
    margin-right: 20px;
    margin-bottom: 40px;
}
#lpStandard.lp-t-carry .features-list.three-columns li:nth-child(3n) {
  margin-right: 0;
}
#lpStandard.lp-t-carry .features-list.four-columns li {
    width: calc(100% / 4);
    max-width: 313px;
    margin-right: 20px;
    margin-bottom: 40px;
}
#lpStandard.lp-t-carry .features-list .c-ttl-heading-05 {
  margin-bottom: 12px;
  text-align: center;
}
#lpStandard.lp-t-carry .features-list.four-columns li:nth-child(4n) {
  margin-right: 0;
}
@media screen and (max-width: 768px) {
  #lpStandard.lp-t-carry #features .heading01 span {
    display: block;
    margin: 0;
  }
  #lpStandard.lp-t-carry .features-list {
    display: block;
  }
  #lpStandard.lp-t-carry .features-list li {
    width: 100%!important;
    max-width: inherit!important;
    margin-right: 0!important;
  }
}


/* inquiry */
#lpStandard.lp-t-carry #contact{
  padding: 15px 20px 25px;
  background: #f2f2f2;
}
#lpStandard.lp-t-carry .contact-row {
  display: flex;
  justify-content: space-between;
}
#lpStandard.lp-t-carry #contact h2{
  margin: 10px 0 10px;
}
#lpStandard.lp-t-carry #contact .inner{
  padding: 22px;
}
#lpStandard.lp-t-carry #contact .contactBlock{
  background: #FFF;
}
#lpStandard.lp-t-carry #contact .contactBlock h3{
  margin-bottom: 8px;
  /*padding: 6px 5px 5px 40px;*/
  padding: 6px 5px 5px 0;
  font-size: 122%;
  font-weight: bold;
  color: #333333;
}
#lpStandard.lp-t-carry #contact .tel{
  width: 60%;
}
/*#lpStandard.lp-t-carry #contact .tel h3 {
  background: url(/fileadmin/templates-2016/matehan_application_ja/images/top/top-contact-icon-tel.png) 0 center no-repeat;
}*/
#lpStandard.lp-t-carry #contact .telTitle {
  margin-bottom: 4px;
  padding: 3px 7px 1px;
  color: #fff;
  background: #569ec6;
}
#lpStandard.lp-t-carry #contact .telNum {
  font-size: 110%;
}
#lpStandard.lp-t-carry #contact .telNum a {
  font-size: 134%;
  color: #000;
}
#lpStandard.lp-t-carry #contact .telNum a:hover {
  text-decoration: none;
}
#lpStandard.lp-t-carry #contact .mail{
  width: 38%;
}
/*#lpStandard.lp-t-carry #contact .mail h3 {
  background: url(/fileadmin/templates-2016/matehan_application_ja/images/top/top-contact-icon-mail.png) 0 center no-repeat;
}*/
#lpStandard.lp-t-carry #contact .mail p{
  margin-bottom: 14px;
}
#lpStandard.lp-t-carry #contact .mail .btnLink{
  text-align: center;
}

@media screen and (max-width: 768px) {
  #lpStandard.lp-t-carry #contact {
    margin: 20px 5px 0;
    padding: 15px 15px;
  }
  #lpStandard.lp-t-carry #contact .inner {
    min-height: 1px;
    padding: 22px 16px;
  }
  #lpStandard.lp-t-carry #contact h2 {
    width: 100%;
    margin: 15px auto 15px;
    font-size: 124%;
  }
  #lpStandard.lp-t-carry .contact-row {
    display: block;
  }
  #lpStandard.lp-t-carry #contact .contactBlock h3 {
    font-size: 112%;
  }
  #lpStandard.lp-t-carry #contact .telNum {
    font-size: 110%;
  }
  #lpStandard.lp-t-carry #contact .tel {
    float: none;
    width: 100%;
  }
  #lpStandard.lp-t-carry #contact .mail {
    float: none;
    width: 100%;
    margin: 10px auto 5px;
  }
}

/* -------------------------------

  matehan  2023.02 ida

---------------------------------- */
.p-ttl-heading-01 {
  margin-top: 45px;
  margin-bottom: 30px;
  padding-bottom: 16px;
  font-size: 4.0rem;
  font-weight: normal;
  line-height: 1.4;
  text-align: left;
  font-feature-settings: 'palt';
}

@media all and (max-width: 768px) {
  .p-ttl-heading-01 {
    margin-top: 30px;
    margin-bottom: 24px;
    font-size: 3.0rem;
  }
}

.p-archive-overview-head {
  margin: 0;
  padding: 12px 36px;
  border-bottom: 1px solid #CCCCCC;
  background: #F2F2F2;
  font-size: 3.1rem;
  font-weight: normal;
  line-height: 1.3;
}

@media all and (max-width: 768px) {
  .p-archive-overview-head {
    font-size: 2.0rem;
    padding: 12px 20px;
  }
}

.p-archive-row {
  display: flex;
  justify-content: space-between;
  gap: 20px;
}
.p-archive-overview {
  flex: 0 1 920px;
  border: 1px solid #CCCCCC;
  margin: 0 0 40px;
  min-height: 366px;
}
.p-archive-overview-row {
  display: flex;
  justify-content: space-between;
  gap: 36px;
  padding: 36px 26px 36px 36px;
}
.p-archive-overview-img {
  flex: 0 0 390px;
}
.p-archive-overview .c-list-anchor-01 {
  margin: 10px 0 10px;
}

@media screen and (max-width: 768px) {
  .p-archive-row {
    display: block;
  }
  .p-archive-overview {
    min-height: inherit;
  }
  .p-archive-overview-row {
    display: block;
    padding: 30px;
  }
  .p-archive-overview-img {
    margin: 0 0 20px;
  }
}

/* p-archive-sidebar */
.p-archive-sidebar {
  flex: 0 0 220px;
}
.p-archive-contact {
  background: #8CB0C5;
  padding: 14px;
  margin: 0 0 4px;
}
.p-archive-contact-ttl {
  color: #fff;
  font-weight: 700;
  font-size: 18px;
  margin: 0 0 3px;
}
.p-archive-contact a {
  display: block;
  position: relative;
  background: #fff;
  margin: 3px 0 0;
  padding: 14px 14px 14px 45px;
  text-decoration: underline;
}
.p-archive-contact a::before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 17px;
    width: 18px;
    height: 18px;
    margin: auto;
    background: url(/fileadmin/templates2020/images/common/ico_arow_bluegray.svg) no-repeat;
    background-size: 18px;
    content: '';
}
.p-archive-contact a:hover {
  text-decoration: none;
}

.p-archive-sidebar a img {
  transition: opacity .2s;
}
.p-archive-sidebar a:hover img {
  opacity: .7;
}

@media screen and (max-width: 768px) {
  .p-archive-sidebar {
    display: none;
  }
}

.c-card-cmn-03 .text-sub {
  display: block;
  font-size: 20px;
}

/* bottom-nav */
.bottom-nav {
  background: #ECF2F5;
  padding: 68px 0 8px;
  margin: 100px 0 0;
}
.bottom-nav + .c-product-box {
  margin-top: 0;
}
.bottom-nav-ttl {
  font-size: 1.7rem;
  border-bottom: solid 1px #C1C1C1;
  padding: 0 0 3px;
}
.bottom-nav .list-menu {
  display: flex;
  flex-wrap: wrap;
  margin: 25px 0 0;
  gap: 20px 53px;
}
.bottom-nav .list-menu a {
  position: relative;
  padding-left: 12px;
  display: block;
  font-size: 1.5rem;
  font-weight: normal;
  line-height: 1.4;
}
.bottom-nav .list-menu li > .link-item:before {
    content: '';
    top: 50%;
    left: 0;
    background: #ccc;
    width: 6px;
    height: 1px;
    position: absolute;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.bottom-nav .list-menu li > .link-item.is-current, .bottom-nav .list-menu li > .link-item:hover {
    color: #0099ff;
    text-decoration: none;
}
.bottom-nav + .c-product-box {
  margin-top: 0;
}

@media screen and (max-width: 768px) {
  .bottom-nav {
    margin: 0;
    padding: 25px 0 8px;
  }
  .bottom-nav .list-menu {
    display: block;
  }
  .bottom-nav .list-menu li {
    margin: 12px 0;
  }
}

/* p-bottom-contact */
.p-bottom-contact {
  background: #8CB0C5;
  padding: 14px;
  margin: 0 0 4px;
}
.p-bottom-contact-ttl {
  color: #fff;
  font-weight: 700;
  font-size: 18px;
  margin: 0 0 3px;
}
.p-bottom-contact a {
  display: block;
  position: relative;
  background: #fff;
  margin: 3px 0 0;
  padding: 18px 18px 18px 45px;
  text-decoration: underline;
}
.p-bottom-contact a::before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 17px;
    width: 18px;
    height: 18px;
    margin: auto;
    background: url(/fileadmin/templates2020/images/common/ico_arrow_blue_right_01.svg) no-repeat;
    background-size: 18px;
    content: '';
}
.p-bottom-contact a:hover {
  text-decoration: none;
}

@media screen and (min-width: 769px) {
  .p-bottom-bar {
    display: none;
  }
}

.fig a img {
  transition: opacity .2s;
}
.fig a:hover img {
  opacity: .7;
}

/* p-btn-01 */
.p-btn-01 {
  display: block;
  position: relative;
  margin: 70px auto 30px;
  padding: 18px 20px;
  width: 100%;
  max-width: 720px;
  text-align: center;
  font-size: clamp(1.9rem, 0.313vw + 1.8rem, 2.4rem);
  color: #0099FF;
  border: solid 2px #0099FF;
  border-radius: 4px;
}
.p-btn-01 + .p-btn-01 {
  margin-top: 30px;
}
.p-btn-01 > span {
  display: inline-block;
  position: relative;
  padding: 0 0 4px 35px;
  z-index: 2;
}
.p-btn-01 > span::before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 24px;
  height: 24px;
  background: url(/fileadmin/templates2020/images/common/ico_arrow_blue_right_01.svg) no-repeat 0 center;
  background-size: 24px;
  content: '';
}

.p-btn-01::before, .p-btn-01::after { /* 背景のlinear-gradientにtransitionを効かせるためのスタイル */
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  transition: opacity 0.2s ease-out;
}
.p-btn-01::before { /* デフォルトの背景色 */
  background: rgb(236,242,245);
  background: linear-gradient(0deg, rgba(236,242,245,1) 0%, rgba(255,255,255,1) 100%);
  opacity: 1;
}
.p-btn-01::after { /* hover時の背景色 */
  background: rgb(255,255,255);
  background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(236,242,245,1) 100%);
  opacity: 0;
}
.p-btn-01:hover:before {
  opacity: 0;
}
.p-btn-01:hover:after {
  opacity: 1;
}

@media screen and (max-width: 768px) {
  .p-btn-01 {
    margin: 40px auto;
    padding: 8px 25px;
    font-size: 19px;
    text-align: left;
  }
  .p-btn-01 > span {
    padding: 0 0 4px 44px;
  }
}

/* p-fixed-sidebar */
.p-fixed-contact-btn, .p-fixed-bnr-btn, .p-fixed-event-btn {
  color: #fff;
  font-size: 1.7rem;
  margin: 0;
  padding: 23px 25px 23px 21px;
  border-radius: 4px 0 0 4px;
  cursor: pointer;
}
.p-fixed-contact-btn {
  background-color: #174B6E;
}
.p-fixed-bnr-btn {
  background-color: #EE7700;
}
.p-fixed-event-btn {
  background-color: #4395C4;
  line-height: 1;
}
.p-fixed-contact-panel, .p-fixed-bnr-panel, .p-fixed-event-panel {
  flex: 0 0 220px;
  position: relative;
}
.p-fixed-contact-panel {
  background: #8CB0C5;
  color: #fff;
  padding: 15px;
  margin: 0;
}
.p-fixed-bnr-panel {
  background: #EE7700;
}
.p-fixed-event-panel {
  background: #4395C4;
}

.p-fixed-contact-ttl {
  color: #fff;
  font-weight: 700;
  font-size: 1.8rem;
  margin: 0 0 6px;
}
.p-fixed-contact a {
  display: block;
  position: relative;
  background: #fff;
  margin: 3px 0 0;
  padding: 12px 12px 12px 45px;
  text-decoration: underline;
}
.p-fixed-contact a::before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 17px;
    width: 18px;
    height: 18px;
    margin: auto;
    background: url(/fileadmin/templates2020/images/common/ico_arow_bluegray.svg) no-repeat;
    background-size: 18px;
    content: '';
}
.p-fixed-contact a:hover {
  text-decoration: none;
}

.p-fixed-bnr, .p-fixed-event {
  margin: 4px 0 0;
}
.p-fixed-bnr img, .p-fixed-event img {
  width: auto;
}
.p-fixed-bnr-ttl, .p-fixed-event-ttl {
  font-weight: 700;
  color: #fff;
  text-align: center;
  font-size: 1.6rem;
  padding: 5px 10px;
  background: rgba(238,119,0,.9);
  position: absolute;
  bottom: 0;
  width: 100%;
}
.p-fixed-event-ttl {
  display: none;
}

@media screen and (min-width: 769px) {
  .p-fixed-sidebar {
    position: fixed;
    top: 18vh;
    right: 0;
    width: 74px;
    z-index: 80;
  }
  .p-fixed-contact, .p-fixed-bnr, .p-fixed-event {
    display: flex;
    transform: translateX(0);
    transition: transform .4s ease-in-out;
  }
  .p-fixed-contact:hover, .p-fixed-bnr:hover, .p-fixed-event:hover {
    transform: translateX(-220px);
  }
  .p-fixed-contact-btn, .p-fixed-bnr-btn, .p-fixed-event-btn {
    flex: 0 0 70px;
    writing-mode: vertical-rl;
  }
  .p-fixed-contact-btn > span, .p-fixed-bnr-btn > span, .p-fixed-event-btn > span {
    display: block;
    letter-spacing: 2px;
    padding: 0 0 32px;
    background-image: url(/fileadmin/templates2020/images/common/ico_arrow_white_right_01.svg);
    background-repeat:  no-repeat;
    background-position: center bottom;
    background-size: 24px;
  }
  .p-fixed-event-btn > span {
    letter-spacing: 0;
  }
  .p-fixed-bnr-btn .sp, .p-fixed-event-btn .sp {
    display: none;
  }
  .js-sidebar-panel {
    display: block !important;
  }
}

@media screen and (min-width: 769px) and (max-height: 690px) {
  .p-fixed-sidebar {
    top: 3vh;
  }
}

@media screen and (max-width: 768px) {
  .p-fixed-sidebar {
    padding: 15px;
    border-top: solid 1px #CCCCCC;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 101;
    background: #fff;
    transition: position .2s ease-in-out;
  }
  .p-fixed-sidebar.is-not-fixed {
    position: inherit;
  }
  .p-fixed-contact-btn, .p-fixed-bnr-btn, .p-fixed-event-btn {
    border-radius: 0;
    text-align: left;
    padding: 8px 14px;
    font-size: 1.6rem;
  }
  .p-fixed-contact-btn > span, .p-fixed-bnr-btn > span, .p-fixed-event-btn > span {
    display: block;
    position: relative;
    letter-spacing: 0;
    padding: 0 32px 0 0;
  }
  .p-fixed-contact-btn > span::after, .p-fixed-bnr-btn > span::after, .p-fixed-event-btn > span::after {
    content: '';
    display: block;
    background: url(/fileadmin/templates2020/images/common/ico_arrow_white_right_01.svg) no-repeat center;
    background-size: 100%;
    width: 24px;
    height: 24px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    transform: rotate(90deg);
  }
  .p-fixed-contact-ttl {
    font-size: 1.7rem;
  }
  .p-fixed-bnr-btn .pc, .p-fixed-event-btn .pc {
    display: none;
  }
  .p-fixed-bnr img, .p-fixed-event img {
    width: 100%;
    height: auto;
  }
  .p-fixed-bnr-panel {
    height: 202px;
    overflow: hidden;
  }
  .js-sidebar-panel {
    display: none;
  }
  .js-sidebar-panel.is-show {
    display: block;
  }
}

/* ソリューションページ
---------------------------------- */
/* p-solution-tags */
.p-solution-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 5px 12px;
}
.p-ttl-heading-01 + .p-solution-tags {
  margin: -20px 0 0 !important;
}

/* p-ttl-product-name */
.p-ttl-product-name {
  display: inline-block;
  font-size: 1.9rem;
  text-align: center;
  background: #D9F0FF;
  border-radius: 20px;
  padding: 5px 25px 7px;
  margin: -30px 0 20px;
}
.p-ttl-product-name + .c-ttl-heading-02 {
  margin-top: 0 !important;
}

@media screen and (max-width: 768px) {
  .p-ttl-product-name {
    margin: -20px 0 20px;
  }
}

/* p-solution-mv */
.p-solution-mv {
  background: #ECF2F5;
  text-align: center;
  margin: 0 0 30px;
  padding: 20px 0;
}
.p-solution-mv iframe {
  width: 100%!important;
  max-width: 860px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .p-solution-mv {
    padding: 0;
  }
}

.p-solution-mv .p-solution-mv-row-item {
  margin: 0 auto;
  max-width: 860px;
}
.p-solution-mv .p-solution-mv-row .video-box {
  padding-bottom: 39%;
}
.p-solution-mv .video-ttl {
  margin: 0 auto;
  padding: .5rem 1rem 1.3rem;
  color: #fff;
  text-align: center;
  font-size: 1.6rem;
  background: #000000;
  max-width: 860px;
}

.p-solution-mv .p-solution-mv-row.two-columns {
  display: flex;
  justify-content: center;
  gap: 4rem;
}
.p-solution-mv .p-solution-mv-row.two-columns > * {
  flex: 0 1 40%;
  margin: 0;
}
.p-solution-mv .p-solution-mv-row.two-columns .video-box {
  padding-bottom: 56%;
}

@media screen and (max-width: 768px) {
  .p-solution-mv .p-solution-mv-row {
    padding: 0;
  }
  .p-solution-mv .video-ttl {
    display: none;
    font-size: 1.7rem;
  }
  .p-solution-mv .p-solution-mv-row .video-box {
    padding-bottom: 100%;
  }
  .p-solution-mv .p-solution-mv-row.two-columns {
    display: block;
  }
  .p-solution-mv .p-solution-mv-row.two-columns .p-solution-mv-row-item + .p-solution-mv-row-item {
    margin-top: 15px;
  }
  .p-solution-mv .p-solution-mv-row.two-columns .video-box {
    padding-bottom: 74%;
  }
}


/* 製品ページ
---------------------------------- */
/* p-single-overview */
.p-single-overview {
  padding: 40px 0 0;
  background: transparent linear-gradient(180deg, var(--unnamed-color-ffffff) 0%, var(--unnamed-color-ecf2f5) 59%, var(--unnamed-color-ecf2f5) 100%) 0% 0% no-repeat padding-box;
  background: transparent linear-gradient(180deg, #FFFFFF 0%, #ECF2F5 59%, #ECF2F5 100%) 0% 0% no-repeat padding-box;
}
.p-single-overview-row {
  position: relative;
  padding: 0 0 60px 51%;
  min-height: 370px;
}
.p-single-overview-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 48%;
  max-width: 550px;
}
.p-single-overview .p-ttl-heading-01 {
  margin: 0;
}
.p-single-overview .p-ttl-heading-01 .sub-ttl {
  display: block;
  font-size: 2.2rem;
}
.p-single-overview-spec {
  margin: 20px 0 0;
}
.p-single-overview-spec dl {
  display: flex;
  margin: 2px 0;
  background: #FFFFFF;
}
.p-single-overview-spec dt {
  flex: 0 0 110px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px 15px;
  text-align: center;
  color: #fff;
  background: #51a0ce;
}
.p-single-overview-spec dd {
  flex: 0 1 auto;
  width: calc(100% - 110px);
  align-self: center;
  padding: 10px 15px;
}
.p-single-tag {
  display: inline-block;
  margin: 0 10px 0 0;
}

@media screen and (max-width: 768px) {
  .p-single-overview-row {
    padding: 0 0 30px;
    min-height: inherit;
  }
  .p-single-overview-img {
    position: inherit;
    float: left;
    width: 46%;
    margin: 3px 15px 7px 0;
    top: 0;
  }
  .p-single-overview-img.sp-block {
    width: 100%;
    float: none;
  }
  .p-single-overview .p-ttl-heading-01 .sub-ttl {
    font-size: 2.0rem;
  }
  .p-single-overview-desc {
    padding: 0;
  }
  .p-single-overview-spec {
    clear: both;
  }
}

/* p-single-features */
.p-single-features-list {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
.p-single-features-item {
  width: calc((100% - 60px) / 3);
  position: relative;
  background: #ECF2F5;
  border-radius: 12px;
  padding: 33px 33px 28px;
  display: flex;
  flex-flow: column;
}
.p-single-features-item .num {
  position: absolute;
  width: 80px;
  height: 80px;
  font-size: 4.0rem;
  line-height: 76px;
  font-weight: 700;
  top: -25px;
  left: -10px;
  background: #0099FF;
  border-radius: 100%;
  color: #fff;
  text-align: center;
}
.p-single-features-item .ttl {
  font-weight: 700;
  font-size: 2.0rem;
  border-bottom: solid 2px #0099FF;
  padding: 0 0 3px;
  margin: 24px 0 15px;
}
.p-single-features-item .desc {
  flex: 1 1 auto;
}

@media screen and (max-width: 768px) {
  .p-single-features-list {
    display: block;
    padding: 0 0 0 16px;
  }
  .p-single-features-item {
    width: 100%;
    padding: 20px 25px 25px;
    margin: 0 0 30px;
    display: block;
  }
  .p-single-features-item .num {
    position: absolute;
    width: 54px;
    height: 54px;
    font-size: 3.6rem;
    line-height: 54px;
    top: -18px;
    left: -12px;
  }
  .p-single-features-item .ttl {
    margin: 14px 0 15px;
  }
}

/* p-single-index */
.p-single-index-list {
  display: flex;
  justify-content: space-between;
}
.p-single-index-item + .p-single-index-item {
  border-left: solid 1px #D9D9D9;
}
.p-single-index-item {
  flex: 0 0 20%;
  padding: 0 7px;
}
.p-single-index-item a {
  display: block;
  text-align: center;
  color: #0099FF;
  font-weight: 700;
  padding: 34px 25px 25px;
  font-size: 1.7rem;
  transition: background .2s ease;
}
.p-single-index-item a:hover {
  background: #E5F5FF;
  text-decoration: none;
}
.p-single-index-item .ttl {
  margin: 25px 0 0;
}

.p-single-index-item.disabled {
  opacity: .3;
}
.p-single-index-item.disabled a {
  pointer-events: none;
  color: #666666;
}

/* icon */
.p-single-index-item .icon {
  width: 100%;
  height: 80px;
  transition: background .2s ease;
}

.p-single-index-item.catalog .icon {
  background: url(/fileadmin/templates2020/images/common/ico_catalog.svg) no-repeat center;
  background-size: contain;
}
.p-single-index-item.leaflet .icon {
  background: url(/fileadmin/templates2020/images/common/ico_leaflet.svg) no-repeat center;
  background-size: contain;
}
.p-single-index-item.gallery .icon {
  background: url(/fileadmin/templates2020/images/common/ico_gallery.svg) no-repeat center;
  background-size: contain;
}
.p-single-index-item.video .icon {
  background: url(/fileadmin/templates2020/images/common/ico_video.svg) no-repeat center;
  background-size: contain;
}
.p-single-index-item.solution .icon {
  background: url(/fileadmin/templates2020/images/common/ico_solution.svg) no-repeat center;
  background-size: contain;
}

/* hover */
.p-single-index-item.catalog:not(.disabled):hover .icon {
  background: url(/fileadmin/templates2020/images/common/ico_catalog_blue.svg) no-repeat center;
  background-size: contain;
}
.p-single-index-item.leaflet:not(.disabled):hover .icon {
  background: url(/fileadmin/templates2020/images/common/ico_leaflet_blue.svg) no-repeat center;
  background-size: contain;
}
.p-single-index-item.gallery:not(.disabled):hover .icon {
  background: url(/fileadmin/templates2020/images/common/ico_gallery_blue.svg) no-repeat center;
  background-size: contain;
}
.p-single-index-item.video:not(.disabled):hover .icon {
  background: url(/fileadmin/templates2020/images/common/ico_video_blue.svg) no-repeat center;
  background-size: contain;
}
.p-single-index-item.solution:not(.disabled):hover .icon {
  background: url(/fileadmin/templates2020/images/common/ico_solution_blue.svg) no-repeat center;
  background-size: contain;
}

@media screen and (max-width: 768px) {
  .p-single-index-list {
    display: block;
  }
  .p-single-index-item + .p-single-index-item {
    border: none;
  }
  .p-single-index-item a {
    display: flex;
    align-items: center;
    gap: 20px;
    padding: 15px 10px;
    margin: 0 0 5px;
  }
  .p-single-index-item .img {
    flex: 0 0 64px;
    height: 48px;
  }
  .p-single-index-item .ttl {
    margin: 0;
  }
  .p-single-index-item .icon {
    width: 60px;
    height: 50px;
  }
}


















/* p-single-gallery-main */
@media screen and (min-width: 768px) {
  .p-single-gallery-main {
    background: #000000;
    padding: 40px 180px;
  }
  .p-single-gallery-main .caption {
    color: #fff;
    font-size: 1.5rem;
    text-align: center;
    margin: 20px 0 0;
  }

  /* Slick */
  .slick-img img {
    height: auto;
    width: 100%;
  }
  .thumbnail {
    margin: 8px -4px;
  }
  .thumbnail .slick-track {
    transform: unset !important;
    width: 100% !important;
  }
  .thumbnail-img {
    width: calc((100% - 64px) / 8) !important;
    margin: 0 4px 8px;
    transition: outline .2s ease;
    cursor: pointer;
  }
  .thumbnail .slick-current {
    outline: 4px solid #0099FF;
    outline-offset: -4px;
  }
  .slick-arrow {
    color: transparent;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 30px;
    z-index: 90;
  }
  .slick-prev {
    left: -50px;
    background: url(/fileadmin/templates2020/images/common/slider_prev.svg) no-repeat center;
    background-size: 100%;
  }
  .slick-next {
    right: -50px;
    background: url(/fileadmin/templates2020/images/common/slider_next.svg) no-repeat center;
    background-size: 100%;
  }
}

@media screen and (max-width: 767px) {
  .p-single-gallery {
    background: #2D2D2D;
    padding: 15px;
  }
  .p-single-gallery .thumbnail {
    display: none;
  }
  .p-single-gallery .slick-img {
    margin: 0 0 30px;
  }
  .p-single-gallery-main .caption {
    color: #fff;
    font-size: 1.5rem;
    text-align: center;
    margin: 15px 0;
  }
}

/* p-single-video */
.p-single-video-list {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 30px;
}
.p-single-video-list-item {
  flex: 0 0 48%;
  margin: 0;
}
.p-single-video-list-item.width-pct-100 {
  flex: 1 0 48%;
}

/* p-single-solution */
.p-single-solution-list-item {
  display: flex;
  gap: 40px;
  padding: 43px;
  margin: 0 0 15px;
  background: #ECF2F5;
}
.p-single-solution-list-item .img {
  flex: 0 0 360px;
}
.p-single-solution-list-item .desc {
  margin: 0 0 12px;
}

@media screen and (max-width: 767px) {
  .p-single-solution-list-item {
    display: block;
    padding: 25px 25px 30px;
    margin: 0 0 30px;
  }
  .p-single-solution-list-item .img {
    margin: 0 0 15px;
  }
}

/* p-single-relation */
.p-single-relation-list {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
}
.p-single-relation-list-item {
  width: calc((100% - 45px) / 4);
}
.p-single-relation-list-item a {
  color: #1A6BA1;
  text-decoration: underline;
}
.p-single-relation-list-item a .img {
  transition: opacity .2s ease;
}
.p-single-relation-list-item a:hover {
  text-decoration: none;
}
.p-single-relation-list-item a:hover .img {
  opacity: .7;
}
.p-single-relation-list-item .ttl {
  margin: 15px 0 0;
  font-size: 1.7rem;
  line-height: 1.3;
}
.p-single-relation-list-item .sub-ttl {
  display: block;
  font-size: 1.5rem;
}

@media screen and (max-width: 767px) {
  .p-single-relation-list {
    display: block;
  }
  .p-single-relation-list-item {
    width: 100%;
  }
  .p-single-relation-list-item a {
    display: flex;
    gap: 15px;
    margin: 0 0 10px;
  }
  .p-single-relation-list-item .img {
    flex: 0 0 120px;
  }
}

/* hr */
hr {
  border: none;
  border-top: 1px dotted #ccc;
  margin: 25px 0;
}


/* -------------------------------

  Modules  2023.10 ida

---------------------------------- */
#lpStandard.module .main-top {
  padding: 25px 0;
}
#lpStandard.module .main-top .main-pc {
  display: block;
}
#lpStandard.module .main-top .main-sp {
  display: none;
}
#lpStandard.module .lead-area {
  margin: 30px auto;
  text-align: center;
  font-size: 16px;
  line-height: 2;
}
@media screen and (max-width: 768px) {
  #lpStandard.module .main-top {
    padding: 0;
  }
  #lpStandard.module .main-top h1 {
    padding: 0;
  }
  #lpStandard.module .main-top .main-pc {
    display: none;
  }
  #lpStandard.module .main-top .main-sp {
    display: block;
  }
  #lpStandard.module .lead-area {
    padding: 0 4px;
  }
}


#lpStandard.module .c-ttl-heading-04 {
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 1.8rem;
    display: flex;
    align-items: center;
    width: 100%;
}

#lpStandard.module .module-function {
  font-weight: 700;
}
#lpStandard.module .module-function .move {
  margin: 20px 0 15px;
}
#lpStandard.module .module-function span {
    display: inline-block;
    padding: 0.3rem 1rem;
    font-size: 105%;
    background: #fff;
    border-radius: 5px;
    border: 2px solid #09f;
    margin: 0.5rem;
}
#lpStandard.module .module-function span:first-child {
  margin-left: 0;
}
#lpStandard.module .module-function .point {
  font-weight: 700;
  margin: 15px 0 15px;
}

@media screen and (min-width: 769px) {
  #lpStandard.module .video-wrap {
    width: 100%;
    margin: 10px auto 15px;
  }
  #lpStandard.module .c-img-cmn-col-left {
    gap: 2%;
  }
  #lpStandard.module .c-img-cmn-col-left > .box-inner {
    width: 49%;
  }
}

@media screen and (max-width: 768px) {
  #lpStandard.module .video-wrap {
    width: 100%;
    margin: 10px auto 5px;
  }
}

#lpStandard.module .c-list-card-01 > li {
  margin-bottom: 25px;
}

#lpStandard.module #contact{
  padding: 15px 20px 25px;
  background: #f2f2f2;
}
#lpStandard.module .contact-row {
  display: flex;
  justify-content: space-between;
}
#lpStandard.module #contact h2{
  margin: 10px 0 10px;
}
#lpStandard.module #contact .inner{
  padding: 22px;
}
#lpStandard.module #contact .contactBlock{
  background: #FFF;
}
#lpStandard.module #contact .contactBlock h3{
  margin-bottom: 8px;
  /*padding: 6px 5px 5px 40px;*/
  padding: 6px 5px 5px 0;
  font-size: 122%;
  font-weight: bold;
  color: #333333;
}
#lpStandard.module #contact .tel{
  width: 60%;
}
#lpStandard.module #contact .telTitle {
  margin-bottom: 4px;
  padding: 3px 7px 1px;
  color: #fff;
  background: #569ec6;
}
#lpStandard.module #contact .telNum {
  font-size: 110%;
}
#lpStandard.module #contact .telNum a {
  font-size: 134%;
  color: #000;
}
#lpStandard.module #contact .telNum a:hover {
  text-decoration: none;
}
#lpStandard.module #contact .mail{
  width: 38%;
}
#lpStandard.module #contact .mail p{
  margin-bottom: 14px;
}
#lpStandard.module #contact .mail .btnLink{
  text-align: center;
}

@media screen and (max-width: 768px) {
  #lpStandard.module #contact {
    margin: 20px 5px 0;
    padding: 15px 15px;
  }
  #lpStandard.module #contact .inner {
    min-height: 1px;
    padding: 22px 16px;
  }
  #lpStandard.module #contact h2 {
    width: 100%;
    margin: 15px auto 15px;
    font-size: 124%;
  }
  #lpStandard.module .contact-row {
    display: block;
  }
  #lpStandard.module #contact .contactBlock h3 {
    font-size: 112%;
  }
  #lpStandard.module #contact .telNum {
    font-size: 110%;
  }
  #lpStandard.module #contact .tel {
    float: none;
    width: 100%;
  }
  #lpStandard.module #contact .mail {
    float: none;
    width: 100%;
    margin: 10px auto 5px;
  }
}

/* -------------------------------

  搬送システム 新デザイン
  製品・ソリューション事例  
  2024.02 ida

---------------------------------- */
/* 搬送システム 新デザイン ソリューション事例 
---------------------------------- */
.ms-single .c-ttl-heading-03 {
  margin-top: 5rem;
}
@media screen and (max-width: 768px) {
  .ms-single .c-ttl-heading-03 {
    margin-top: 4rem;
  }
}

/* ファーストビュー */
.ms-single .p-ttl-heading-01 .sub-ttl {
  display: block;
  font-size: 2.2rem;
}
.ms-cathcopy {
  font-size: 2.9rem;
  margin: -1rem 0 3rem;
  line-height: 1.4;
}
@media all and (max-width: 768px) {
  .ms-single .p-ttl-heading-01 .sub-ttl {
    font-size: 2.0rem;
  }
  .ms-cathcopy {
    font-size: 2.2rem;
    margin: 2rem 0 3rem;
  }
}

/* タグ・製品名 */
.ms-single-overview .p-solution-tags {
  margin: 0;
}
.ms-single-overview .p-ttl-product-name {
  margin: 20px 0 20px;
}

/* 事例スペック表 */
.ms-single-overview-spec {
  margin: 6px 0 0;
  display: flex;
  width: 76%;
}
.ms-single-overview-spec dl {
  flex: 1 0 33%;
  display: flex;
  margin: 0;
  background: #FFFFFF;
}
.ms-single-overview-spec dt, .ms-single-overview-spec dd {
  padding: 1.5rem 1.2rem;
  border: solid 1px #CCCCCC;
}
.ms-single-overview-spec dt {
  flex: 0 0 110px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: #fff;
  background: #51a0ce;
  border-right: none;
}
.ms-single-overview-spec dd {
  flex: 1 1 auto;
  display: flex;
  align-items: center;
  line-height: 1.3;
  background: #ECF2F5;
}

@media screen and (min-width: 769px) {
  .ms-single-overview-spec dl:nth-child(n+2) dt {
    border-left: none;
  }
}

@media screen and (max-width: 768px) {
  .ms-single-overview-spec {
    display: block;
    width: 100%;
    margin: .5rem 0 1.5rem;
  }
  .ms-single-overview-spec dt, .ms-single-overview-spec dd {
    padding: 1.3rem 1.2rem;
  }
  .ms-single-overview-spec dl:nth-child(n+2) dt, .ms-single-overview-spec dl:nth-child(n+2) dd {
    border-top: none;
  }
}

/* 事例動画リスト */
.ms-single-video-list {
  display: flex;
  justify-content: space-between;
  gap: 1.8rem 2%;
  flex-wrap: wrap;
}
.ms-single-video-list li {
  flex: 0 1 49%;
}
@media screen and (max-width: 768px) {
  .ms-single-video-list {
    display: block;
  }
}

/* 事例画像リスト */
.ms-single #gallery .c-img-cmn-caption {
  justify-content: flex-start;
}

.ms-single #products .c-box-img-cont-01 {
  margin-bottom: 60px;
}
.ms-single #products .c-ttl-heading-04 {
  margin-bottom: 15px;
}
@media screen and (max-width: 768px) {
  .ms-single #products .c-box-img-cont-01 {
    display: block;
    margin-bottom: 30px;
  }
  .ms-single #products .c-box-img-cont-01 .box-image {
    order: 1;
    margin: 0 0 15px;
  }
  .ms-single-products-btn {
    width: 80%;
    margin: 20px auto;
  }
}

/* 事例概要 */
.ms-single #about .c-ttl-heading-02 {
  margin-top: 6rem;
}
@media screen and (max-width: 768px) {
  .ms-single #about .c-ttl-heading-02:first-of-type {
    margin-top: 5rem;
  }
}

.ms-single-about-client {
  margin: 3rem 0 0;
}
.ms-single-about-client .box-image {
  padding-top: 0;
}
.ms-single-about-client dl {
  display: flex;
  gap: 1rem;
  margin: .5rem 0;
}
.ms-single-about-client dt {
  flex: 0 0 130px;
  position: relative;
  padding: 0 1rem 0 0;
}
.ms-single-about-client dt::after {
  content: ":";
  position: absolute;
  top: 0;
  right: 0;
  line-height: 1.4;
}

@media screen and (max-width: 768px) {
  .ms-single-about-client {
    margin: 2rem 0 0;
  }
  .ms-single-about-client dl {
    display: block;
  }
  .ms-single-about-client dt {
    display: inline-block;
  }
}

/* 事例製品 */
@media screen and (max-width: 768px) {
  .ms-single #products .c-box-img-cont-01 {
    display: block;
    width: 100%;
  }
  .ms-single-product-item .box-image {
    order: 1;
  }
}


/* 新デザイン ソリューション事例全体 */
.p-single-overview-category-list {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}
.p-single-overview-category-list li {
  flex: 0 0 55px;
}
.p-single-overview-category-list li img {
  width: 100%;
  height: 100%;
}

@media screen and (max-width: 768px) {
  .p-single-overview-category-list li {
    flex: 0 0 40px;
  }
}

/* 搬送システム 新デザイン 製品ページ
---------------------------------- */
/* ECOマーク */
.p-single-overview-eco-box {
  margin: 1.2rem 0 0;
  display: flex;
  align-items: center;
  background: #FFFFFF;
  border: solid 1px #7BC352;
}
.p-single-overview-eco-box .img {
  padding: 1rem;
}
.p-single-overview-eco-box .ttl {
  color: #7BC352;
  font-size: 1.7rem;
  font-weight: 600;
  padding: .5rem 1.5rem .5rem 0;
}
.p-single-overview-eco-box .desc {
  flex: 1 1 auto;
  background: #E6F4DD;
  padding: 1rem;
}

@media screen and (max-width: 768px) {
  .p-single-overview-eco-box {
    display: block;
    position: relative;
  }
  .p-single-overview-eco-box .img {
    position: absolute;
    top: .6rem;
    left: .6rem;
    width: 30px;
    padding: 0;
  }
  .p-single-overview-eco-box .ttl {
    font-size: 1.5rem;
    padding: 1rem 1rem 1rem 4.5rem;
  }
}

/* ファーストビューの動画 */
.ms-single-main-video {
  background: #ECF2F5;
  text-align: center;
  margin: 0 0 30px;
  padding: 2rem 20vw;
}
.ms-single-main-video .video-box {
  margin: 0 auto;
}
.ms-single-main-video .video-box iframe {
  width: 100%;
  height: 100%;
}
@media all and (min-width: 1161px) {
  .ms-single-main-video {
    padding: 2rem 20rem;
  }
}
@media screen and (max-width: 768px) {
  .ms-single-main-video {
    padding: 2rem 2rem;
  }
}


/* 製品特長 */
.p-single-features-item .img {
  text-align: center; 
}
.p-single-features-item .sub {
  background: #D6E4EC;
  color: #174B6E;
  padding: 1rem 1.5rem;
  margin: 1.5rem 0 0;
}
@media screen and (min-width: 769px) {
  .p-single-features-item .sub {
    min-height: 68px;
    display: flex;
    align-items: center;
  }
}

/* 製品ページ その他パーツ */
.p-single-layout {
  margin: 0 0 4rem;
  text-align: center;
}

.quicksort-example {
  display: flex;
  justify-content: flex-start;
  gap: 2.5rem;
}
.quicksort-example .box-inner {
  flex: 0 1 20%;
}
.quicksort-example .box-image {
  margin: 0 0 1rem;
}

@media screen and (max-width: 768px) {
  .quicksort-example {
    display: block;
  }
  .quicksort-example .box-inner {
    display: flex;
    gap: 1.5rem;
    margin: 0 0 2rem;
  }
  .quicksort-example .box-image {
    flex: 0 0 30%;
    margin: 0;
  }
  .quicksort-example .txt {
    margin-top: 0;
  }
}


/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #000;
  opacity: 0.8;
}

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden;
}

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.mfp-align-top .mfp-container:before {
  display: none;
}

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045;
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto;
}

.mfp-ajax-cur {
  cursor: progress;
}

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -webkit-zoom-out;
  cursor: zoom-out;
}

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
  cursor: auto;
}

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.mfp-loading.mfp-figure {
  display: none;
}

.mfp-hide {
  display: none !important;
}

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044;
}

.mfp-preloader a {
  color: #CCC;
}

.mfp-preloader a:hover {
  color: #FFF;
}

.mfp-s-ready .mfp-preloader {
  display: none;
}

.mfp-s-error .mfp-content {
  display: none;
}

button.mfp-close,
button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  -webkit-box-shadow: none;
  box-shadow: none;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
}

button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace;
}

.mfp-close:hover,
.mfp-close:focus {
  opacity: 1;
}

.mfp-close:active {
  top: 1px;
}

.mfp-close-btn-in .mfp-close {
  color: #333;
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%;
}

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap;
}

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: transparent;
}

.mfp-arrow:active {
  margin-top: -54px;
}

.mfp-arrow:hover,
.mfp-arrow:focus {
  opacity: 1;
}

.mfp-arrow:before,
.mfp-arrow:after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: medium inset transparent;
}

.mfp-arrow:after {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px;
}

.mfp-arrow:before {
  border-top-width: 21px;
  border-bottom-width: 21px;
  opacity: 0.7;
}

.mfp-arrow-left {
  left: 0;
}

.mfp-arrow-left:after {
  border-right: 17px solid #FFF;
  margin-left: 31px;
}

.mfp-arrow-left:before {
  margin-left: 25px;
  border-right: 27px solid #3F3F3F;
}

.mfp-arrow-right {
  right: 0;
}

.mfp-arrow-right:after {
  border-left: 17px solid #FFF;
  margin-left: 39px;
}

.mfp-arrow-right:before {
  border-left: 27px solid #3F3F3F;
}

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px;
}

.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px;
}

.mfp-iframe-holder .mfp-close {
  top: -40px;
}

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%;
}

.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #000;
}

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto;
}

/* The shadow behind the image */
.mfp-figure {
  line-height: 0;
}

.mfp-figure:after {
  content: '';
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #444;
}

.mfp-figure small {
  color: #BDBDBD;
  display: block;
  font-size: 12px;
  line-height: 14px;
}

.mfp-figure figure {
  margin: 0;
}

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto;
}

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px;
}

.mfp-image-holder .mfp-content {
  max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer;
}

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0;
  }
  .mfp-img-mobile img.mfp-img {
    padding: 0;
  }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0;
  }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px;
  }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0;
  }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px;
  }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0;
  }
}

@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    -ms-transform: scale(0.75);
    transform: scale(0.75);
  }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    -ms-transform-origin: 0;
    transform-origin: 0;
  }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    -ms-transform-origin: 100%;
    transform-origin: 100%;
  }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px;
  }
}

/* news video */
.news-video-box {
  width: 100%;
  aspect-ratio: 16 / 9;
  max-width: 560px;
}
.news-video-box iframe {
  width: 100%;
  height: 100%;
}
.news-video-box.center {
  margin: 0 auto;
}

/* ==========================================================
  印刷用スタイル
========================================================== */
@media print {
  /* @page {
    margin: 0 5mm;
    size: A4 portrait;
  } */

  .c-product-box,
  .p-wrap-banner-product,
  .c-nav-footer,
  .c-footer {
    display: none;
  }

}