/* LESS Document */
html,
body {
  width: 100%;
  height: 100%;
}
body {
  background: #FFF;
}
/* sp-dl-block */
.skip-link {
  display: none;
}
/* Color
--------------------------------------------------------------------------*/
/* link */
/* list style */
/* size
--------------------------------------------------------------------------*/
/* FONT
--------------------------------------------------------------------------*/
@font-face {
  font-family: 'Anton';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/anton/v25/1Ptgg87LROyAm0K0.ttf) format('truetype');
}
@font-face {
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/notosansjp/v53/-F6jfjtqLzI2JPCgQBnw7HFyzSD-AsregP8VFE8j75s.ttf) format('truetype');
}
@font-face {
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/notosansjp/v53/-F6jfjtqLzI2JPCgQBnw7HFyzSD-AsregP8VFBEj75s.ttf) format('truetype');
}
@font-face {
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/notosansjp/v53/-F6jfjtqLzI2JPCgQBnw7HFyzSD-AsregP8VFCMj75s.ttf) format('truetype');
}
@font-face {
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/notosansjp/v53/-F6jfjtqLzI2JPCgQBnw7HFyzSD-AsregP8VFPYk75s.ttf) format('truetype');
}
@font-face {
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/notosansjp/v53/-F6jfjtqLzI2JPCgQBnw7HFyzSD-AsregP8VFLgk75s.ttf) format('truetype');
}
@font-face {
  font-family: 'Noto Serif JP';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/notoserifjp/v30/xn71YHs72GKoTvER4Gn3b5eMRtWGkp6o7MjQ2byxOubA.ttf) format('truetype');
}
@font-face {
  font-family: 'Noto Serif JP';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/notoserifjp/v30/xn71YHs72GKoTvER4Gn3b5eMRtWGkp6o7MjQ2bwxOubA.ttf) format('truetype');
}
@font-face {
  font-family: 'Noto Serif JP';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/notoserifjp/v30/xn71YHs72GKoTvER4Gn3b5eMRtWGkp6o7MjQ2bzvPebA.ttf) format('truetype');
}
@font-face {
  font-family: 'Noto Serif JP';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/notoserifjp/v30/xn71YHs72GKoTvER4Gn3b5eMRtWGkp6o7MjQ2bzWPebA.ttf) format('truetype');
}
@font-face {
  font-family: 'Noto Serif JP';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/notoserifjp/v30/xn71YHs72GKoTvER4Gn3b5eMRtWGkp6o7MjQ2byxPebA.ttf) format('truetype');
}
@font-face {
  font-family: 'Noto Serif JP';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/notoserifjp/v30/xn71YHs72GKoTvER4Gn3b5eMRtWGkp6o7MjQ2byYPebA.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/robotocondensed/v27/ieVo2ZhZI2eCN5jzbjEETS9weq8-_d6T_POl0fRJeyVVpfBJ.ttf) format('truetype');
}
@font-face {
  font-family: 'Spartan';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/spartan/v18/l7gAbjR61M69yt8Z8w6FZf9WoBxdBrEFuW6O.ttf) format('truetype');
}
@font-face {
  font-family: 'Spartan';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/spartan/v18/l7gAbjR61M69yt8Z8w6FZf9WoBxdBrFbvm6O.ttf) format('truetype');
}
body {
  font-family: 'Noto Sans JP', '游ゴシック Medium', YuGothic, YuGothicM, 'Hiragino Kaku Gothic ProN', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, sans-serif;
  color: #222;
}
/*
h3, h4, h5, h6{
		transform: rotate(0.03deg);
}
*/
p,
td,
th,
dt,
dd,
li {
  font-weight: 300;
  color: #434343;
}
img {
  width: 100%;
}
.pc-br {
  display: block;
}
.sp-br {
  display: none;
}
.a-center {
  text-align: center;
}
.a-right {
  text-align: right;
}
.tx-l {
  font-size: 240%;
}
.pc-view,
.pc-b {
  display: block !important;
}
.sp-view,
.sp-br {
  display: none !important;
}
.mb-w {
  margin-bottom: 3rem;
}
.point-tx {
  font-family: 'Noto Sans JP', '游ゴシック Medium', YuGothic, YuGothicM, 'Hiragino Kaku Gothic ProN', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, sans-serif;
  display: inline-block;
  color: #31977e;
}
.point-tx span {
  display: inline-block;
  width: inherit;
}
@media screen and (max-width: 751px) {
  .pc-view,
  .pc-br {
    display: none !important;
  }
  .sp-view,
  .sp-br {
    display: block !important;
  }
  .sp-mt1 {
    margin-top: 4vw !important;
  }
}
/* LAYOUT
--------------------------------------------------------------------------*/
.layout-base {
  position: relative;
  box-sizing: border-box;
}
.layout-base-a {
  position: absolute;
  box-sizing: border-box;
}
main {
  position: relative;
  box-sizing: border-box;
  width: 100%;
}
main article {
  position: relative;
  box-sizing: border-box;
  width: 100%;
}
main article section {
  position: relative;
  box-sizing: border-box;
  display: block;
  overflow: hidden;
  width: 100%;
  max-width: 90rem;
  margin: 6rem auto;
  padding: 0 4rem;
}
.area3-7 {
  display: grid;
  grid-template-columns: 3fr 7fr;
  align-items: center;
  row-gap: 1rem;
  column-gap: 5%;
}
.area7-3 {
  display: grid;
  grid-template-columns: 7fr 3fr;
  align-items: center;
  row-gap: 1rem;
  column-gap: 5%;
}
section.std-cnt div.cw4-6 .cnt-box {
  width: 37% !important;
}
section.std-cnt div.cw4-6 .cnt-box:last-child {
  width: 59% !important;
}
section.std-cnt div.cw6-4 .cnt-box {
  width: 59% !important;
}
section.std-cnt div.cw6-4 .cnt-box:last-child {
  width: 37% !important;
}
.img-list5 ul {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  align-items: center;
  row-gap: 1rem;
  column-gap: 7%;
}
img {
  display: block;
}
.img-50 img {
  width: 50%;
  margin: auto;
}
.img-60 img {
  width: 60%;
  margin: auto;
}
.img-70 img {
  width: 80%;
  margin: auto;
}
.img-80 img {
  width: 80%;
  margin: auto;
}
.img-90 img {
  width: 90%;
  margin: auto;
}
@media screen and (max-width: 1400px) {
  main article section {
    padding: 0 8%;
  }
}
@media screen and (max-width: 751px) {
  main article section {
    margin: 6vw auto;
    padding: 0 8%;
  }
  .area3-7,
  .area7-3 {
    display: block;
  }
  .area3-7 .cnt-box,
  .area7-3 .cnt-box {
    margin-bottom: 4vw;
  }
  .area3-7 .cnt-box:last-child,
  .area7-3 .cnt-box:last-child {
    margin-bottom: 0;
  }
  section.std-cnt div.cw4-6 .cnt-box,
  section.std-cnt div.cw6-4 .cnt-box {
    width: 100% !important;
    margin: 0;
  }
  section.std-cnt div.cw4-6 .cnt-box:last-child,
  section.std-cnt div.cw6-4 .cnt-box:last-child {
    width: 100% !important;
  }
  .img-list5 ul {
    display: block;
  }
}
/* Layer
--------------------------------------------------------------------------*/
section.key-v {
  z-index: 1;
}
/* TEXT
--------------------------------------------------------------------------*/
main article {
  color: #111211;
  font-family: 'Noto Serif JP', '游明朝', 'Yu Mincho', YuMincho, 'Hiragino Mincho Pro', serif;
}
main article h2 {
  position: relative;
  box-sizing: border-box;
  display: inline-block;
  font-size: 2rem;
  line-height: 2.2rem;
  font-weight: 700;
  margin-bottom: 2rem;
  padding-bottom: 1rem;
  text-align: center;
}
main article h2:before {
  content: "";
  display: block;
  bottom: -6px;
  left: 0;
  right: 0;
  margin: auto;
  border-bottom: 6px solid #d8000f;
  width: 160px;
  position: absolute;
}
main article h2:after {
  content: "";
  display: block;
  bottom: -6px;
  left: calc(50%);
  margin: auto;
  border-bottom: 6px solid #1b1c81;
  width: 80px;
  position: absolute;
}
main article h3 {
  position: relative;
  box-sizing: border-box;
  display: block;
  font-size: 1.6rem;
  line-height: 2.2rem;
  font-weight: 700;
  margin-bottom: 2rem;
}
main article h3 span {
  font-size: 80%;
  line-height: 100%;
  font-weight: 700;
  width: 100%;
  display: block;
}
main article h4 {
  position: relative;
  box-sizing: border-box;
  display: block;
  font-size: 1.3rem;
  line-height: 1.7rem;
  font-weight: 800;
  margin-bottom: 1.3rem;
  color: #2a416e;
  background: #f6f4f0;
  border-left: solid 6px #2a416e;
  padding: 0.5rem 1rem 0.6rem 1rem;
}
main article h5 {
  position: relative;
  box-sizing: border-box;
  display: block;
  font-size: 1.3rem;
  letter-spacing: 0.03rem;
  font-weight: 600;
  border-bottom: dotted 1px #A6A6A6;
  padding: 0.5rem 0;
  margin-bottom: 1.1rem;
}
main article h6 {
  position: relative;
  box-sizing: border-box;
  display: block;
  font-size: 1.1rem;
  letter-spacing: 0.03rem;
  font-weight: 400;
  color: #FFF;
  background: linear-gradient(90deg, #c19f43 0%, #cdc978 100%);
  border-radius: 0.5rem;
  padding: 0.5rem 1.5rem 0.6rem 1.5rem;
  margin-bottom: 1.1rem;
}
main article h6.h6-v2 {
  position: relative;
  box-sizing: border-box;
  display: block;
  font-size: 1.1rem;
  letter-spacing: 0.03rem;
  font-weight: 400;
  color: #FFF;
  background: linear-gradient(90deg, #584887 0%, #7862a3 47%, #9782b8 100%);
  border-radius: 0.5rem;
  padding: 0.5rem 1.5rem 0.6rem 1.5rem;
  margin-bottom: 1.1rem;
}
main article p,
main article li,
main article dt,
main article dd {
  font-size: 1rem;
  line-height: 1.8rem;
  letter-spacing: 0.03rem;
  margin-bottom: 1.5rem;
}
main article li,
main article dt,
main article dd {
  font-size: 1rem;
  line-height: 1.8rem;
  letter-spacing: 0.03rem;
}
main article li .tx-caption,
main article dt .tx-caption,
main article dd .tx-caption {
  font-size: 0.85rem;
}
main article p.tx-caption {
  font-size: 0.85rem;
}
main article .tx-block {
  margin-bottom: 1rem;
}
.tx-s {
  font-size: 60%;
}
.tx-ita {
  font-style: italic;
}
@media screen and (max-width: 751px) {
  main article h2 {
    font-size: 1.4rem;
    line-height: 1.8rem;
    margin-bottom: 1.4rem;
  }
  main article h2 span {
    font-size: 1.4rem;
    line-height: 1.8rem;
  }
  main article h3 {
    font-size: 1.2rem;
    line-height: 1.4rem;
    margin-bottom: 0.7rem;
  }
  main article h4 {
    position: relative;
    box-sizing: border-box;
    display: block;
    font-size: 1.1rem;
    line-height: 1.5rem;
    font-weight: 800;
    margin-bottom: 1.2rem;
  }
  main article h4 span {
    font-weight: 800;
  }
  main article h5 {
    position: relative;
    box-sizing: border-box;
    display: block;
    font-size: 0.95rem;
    letter-spacing: 0.03rem;
    font-weight: 900;
    margin-bottom: 0.6rem;
  }
  main article p,
  main article li,
  main article dt,
  main article dd {
    font-size: 0.9rem;
    line-height: 1.3rem;
    margin-bottom: 3vw;
  }
  main article p .tx-caption,
  main article li .tx-caption,
  main article dt .tx-caption,
  main article dd .tx-caption {
    font-size: 0.75rem;
  }
  main article p.tx-caption {
    font-size: 0.75rem;
  }
  main article .tx-block {
    margin-bottom: 0.9rem;
  }
  main article#page h2 {
    font-size: 1.7rem;
    line-height: 1.9rem;
  }
  main article#page h2:before {
    bottom: -5px;
    border-bottom: 5px solid #d8000f;
  }
  main article#page h2:after {
    bottom: -5px;
    border-bottom: 5px solid #1b1c81;
  }
  main article#page h3 {
    font-size: 1.4rem;
    line-height: 1.8rem;
    margin-bottom: 1.6rem;
  }
  main article#page h3 span {
    font-size: 1.4rem;
    line-height: 1.6rem;
  }
  main article#page h4 {
    font-size: 1.2rem;
    line-height: 1.4rem;
    margin-bottom: 1.3rem;
  }
  main article#page h5 {
    font-size: 1rem;
  }
  main article#page p,
  main article#page li,
  main article#page dt,
  main article#page dd {
    font-size: 0.95rem !important;
    line-height: 1.4rem !important;
  }
  main article#page p .tx-caption,
  main article#page li .tx-caption,
  main article#page dt .tx-caption,
  main article#page dd .tx-caption {
    font-size: 0.75rem;
  }
  main article#page p.tx-caption {
    font-size: 0.75rem;
  }
  main article#page .tx-block {
    margin-bottom: 0.9rem;
  }
}
/* Header
--------------------------------------------------------------------------*/
header {
  position: fixed;
  box-sizing: border-box;
  top: 0;
  width: 100%;
  height: 53px;
  padding: 12px 0 0 0;
  background: #31977e;
  overflow: hidden;
  display: flex;
  align-items: center;
  z-index: 3;
}
header div.hd-golf {
  position: relative;
  box-sizing: border-box;
  display: block;
  width: 100%;
  overflow: hidden;
  background: #000;
}
header div.hd-golf a {
  position: relative;
  box-sizing: border-box;
  display: block;
  width: 180px;
  padding: 5px 0 13px 1rem;
}
header div.hd-mileseey {
  position: absolute;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #FFF;
  width: 140px;
  height: 38px;
  right: 0;
  top: 0;
  border-radius: 0 0 0 0.7rem;
}
header div.hd-mileseey a {
  position: relative;
  box-sizing: border-box;
  display: block;
  width: 100px;
}
@media screen and (max-width: 751px) {
  header {
    position: fixed;
    box-sizing: border-box;
    top: 0;
    width: 100%;
    height: 51px;
    padding: 12px 0 0 0;
    background: #31977e;
    overflow: hidden;
    display: flex;
    align-items: center;
    z-index: 3;
  }
  header div.hd-golf {
    position: relative;
    box-sizing: border-box;
    display: block;
    width: 100%;
    overflow: hidden;
    background: #000;
  }
  header div.hd-golf a {
    position: relative;
    box-sizing: border-box;
    display: block;
    width: 160px;
    padding: 6px 0 13px 1rem;
  }
  header div.hd-mileseey {
    position: absolute;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #FFF;
    width: 100px;
    height: 38px;
    padding: 0.3rem 0.5rem;
    right: 0;
    top: 0;
    border-radius: 0 0 0 0.7rem;
  }
  header div.hd-mileseey a {
    position: relative;
    box-sizing: border-box;
    display: block;
    width: 100px;
  }
}
/* Footer
--------------------------------------------------------------------------*/
footer {
  position: relative;
  box-sizing: border-box;
  width: 100%;
  padding: 1.5rem 0 1.5rem 0;
  background: #000;
  overflow: hidden;
  z-index: 3;
}
footer .ft-wrap {
  position: relative;
  box-sizing: border-box;
  width: 100%;
  max-width: 90rem;
  margin: auto;
}
footer .ft-wrap .ft-logo {
  width: 100%;
  max-width: 8rem;
  margin: 0 auto 0.5rem auto;
}
footer .ft-wrap .ft-info {
  position: relative;
  display: flex;
  justify-content: center;
  margin: 0 auto 2rem auto;
}
footer .ft-wrap .ft-info p {
  font-size: 0.8rem;
}
footer .ft-wrap .ft-copy {
  position: relative;
  box-sizing: border-box;
  text-align: center;
}
footer .ft-wrap .ft-copy p {
  color: #FFF;
  font-size: 0.6rem;
}
/* TOP-PAGE
--------------------------------------------------------------------------*/
#toppage section.key-v {
  position: relative;
  box-sizing: border-box;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0;
  margin: 42px auto 6rem auto;
}
.top-h-logo {
  position: relative;
  box-sizing: border-box;
}
.top-h-logo img {
  display: block;
  width: 70%;
  margin: auto;
}
.top-whats {
  margin-bottom: 1rem;
}
.top-whats p {
  font-size: 1.2rem;
  line-height: 2.2rem;
  letter-spacing: 0.08rem;
}
.top-awd {
  margin-top: 0 !important;
}
.top-awd figure {
  position: relative;
  box-sizing: border-box;
}
.top-awd figure picture {
  position: relative;
  box-sizing: border-box;
  height: 9rem;
  display: block;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}
.top-awd figure picture img {
  width: 80%;
  margin: auto;
}
.top-awd figure figcaption {
  position: relative;
  box-sizing: border-box;
  display: block;
  line-height: 1.4rem;
  text-align: center;
}
.top-prd {
  position: relative;
  box-sizing: border-box;
  margin-bottom: 0;
}
.top-prd .top-prd-box {
  display: grid;
  grid-template-columns: 4.5fr 5.5fr;
  row-gap: 1rem;
  column-gap: 5%;
  margin-bottom: 6rem;
}
.top-prd .top-prd-box h3 {
  margin-bottom: 0.8rem;
}
.top-prd .top-prd-box h3 span {
  font-size: 1rem !important;
}
.top-prd .top-prd-box h3.sub-not {
  margin-bottom: 0.5rem;
}
.top-prd .top-prd-box p {
  font-size: 0.95rem;
  line-height: 1.5rem;
}
.top-prd .top-prd-box p.top-prd-name {
  font-size: 0.7rem;
  line-height: 1.2rem;
  margin-bottom: 0.8rem;
}
.top-prd .top-prd-box .top-prd-img figure {
  margin-top: 1.7vw;
}
.top-prd .top-prd-box .top-prd-img figure img {
  margin: auto;
}
.top-prd .top-prd-box .top-prd-tx p.prd-main-ct {
  margin-bottom: 0.8rem;
}
.top-prd-mv {
  position: relative;
  box-sizing: border-box;
  display: block;
  width: 100%;
  margin: 0 auto;
}
.top-prd-mv .top-prd-mv-wrp {
  position: relative;
  box-sizing: border-box;
  display: block;
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
}
.top-prd-mv .top-prd-mv-wrp video {
  width: 100%;
}
.top-prd-mv .top-prd-mv-wrp .bt-play {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  cursor: pointer;
}
.top-prd-mv .top-prd-mv-wrp .bt-play img {
  position: absolute;
  display: block;
  width: 4rem;
  cursor: pointer;
  top: calc(50% - 2rem);
  left: calc(50% - 2rem);
}
.top-prd-mv .top-prd-mv-wrp .bt-play.playActive {
  display: none;
}
@media screen and (max-width: 751px) {
  .top-prd .top-prd-box {
    display: grid;
    grid-template-columns: 1fr;
    row-gap: 3vw;
    column-gap: normal;
    margin-bottom: 6vw;
  }
  .top-prd .top-prd-box .top-prd-img figure {
    margin-top: 0;
  }
  .top-prd .top-prd-box .top-prd-img figure img {
    margin: auto;
  }
  .top-prd .top-prd-box p.top-prd-name {
    font-size: 70%;
  }
  .top-prd .top-prd-box .top-prd-mv {
    order: 2;
  }
  .top-prd .top-prd-box .top-prd-tx {
    order: 3;
  }
  .top-prd .top-prd-box .top-prd-img {
    order: 2;
  }
  .top-prd .top-prd-box .top-prd-img img {
    width: 60%;
  }
  .top-prd .top-prd-box .top-prd-img .img-50 img {
    width: 20%;
    margin: auto;
  }
  .top-prd .top-prd-box .top-prd-img .img-60 img {
    width: 25%;
    margin: auto;
  }
  .top-prd .top-prd-box .top-prd-img .img-70 img {
    width: 30%;
    margin: auto;
  }
  .top-prd .top-prd-box .top-prd-img .img-80 img {
    width: 35%;
    margin: auto;
  }
  .top-prd .top-prd-box .top-prd-img .img-90 img {
    width: 40%;
    margin: auto;
  }
  #toppage section.key-v {
    margin: 42px auto 6vw auto;
  }
  .top-h-logo img {
    width: 60%;
    padding: 4vw 0;
  }
  .top-whats {
    margin-bottom: 0;
  }
  .top-awd {
    margin-top: 0 !important;
  }
  .top-awd figure picture {
    height: auto;
  }
  .top-awd figure picture img {
    width: 50%;
    margin: auto;
  }
  .top-awd figure figcaption {
    font-size: 0.8rem;
    line-height: 1.1rem;
  }
  .top-awd ul li:nth-child(2) figcaption {
    margin-top: 4vw;
  }
}
/* PRODUCTS
--------------------------------------------------------------------------*/
#prd-page section.key-v-mv {
  position: relative;
  box-sizing: border-box;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0;
  margin: 42px auto 4rem auto;
}
#prd-page section.key-v-mv video {
  width: 100%;
}
#prd-page section.key-v-mv.key-v-mv-wd {
  position: relative;
  box-sizing: border-box;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0;
  margin: 42px auto 4rem auto;
  height: 800px;
}
#prd-page section.key-v-mv.key-v-mv-wd video {
  position: absolute;
  width: 125%;
}
section.prd-images {
  position: relative;
  box-sizing: border-box;
  width: 100%;
  margin: 6rem auto;
  padding: 0;
}
section.prd-buy-area {
  position: relative;
  box-sizing: border-box;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin: 6rem auto 4rem auto;
}
section.prd-buy-area h3 {
  width: 100%;
  border-bottom: dotted 1px #555;
  padding: 1rem 2rem 1rem 0;
  font-size: 2.6rem;
  line-height: 3.2rem;
}
section.prd-buy-area h3 span {
  font-size: 1.2rem;
}
section.prd-buy-area div.prd-buy-sld {
  position: relative;
  box-sizing: border-box;
  width: 46%;
  margin-right: 4%;
}
section.prd-buy-area div.prd-buy-tx {
  position: relative;
  box-sizing: border-box;
  width: 50%;
}
section.prd-buy-area div.prd-buy-tx p.prd-price {
  font-size: 1.8rem;
  font-weight: 700;
}
section.prd-buy-area div.prd-buy-tx p.prd-price span {
  font-size: 1rem;
  font-weight: 700;
}
section.prd-buy-area div.prd-buy-tx p.prd-main-ct {
  font-size: 1.4rem;
  line-height: 2.1rem;
  letter-spacing: 0.08rem;
}
section.prd-buy-area div.prd-buy-tx ul.prd-main-list {
  margin-bottom: 3rem !important;
}
section.prd-buy-area div.prd-buy-tx ul.prd-main-list li {
  font-size: 1rem;
  letter-spacing: 0.08rem;
  margin-bottom: 0.8rem !important;
}
article.mini2s {
  display: grid;
  grid-template-columns: 1fr;
}
article.mini2s section.key-v-mv-wd {
  order: 1;
}
article.mini2s section.bnr-area1 {
  order: 2;
}
article.mini2s section.prd-buy-area {
  order: 3;
  margin-bottom: 0;
}
article.mini2s section.prd-images {
  order: 4;
}
section.bnr-area1 {
  margin: 0 auto;
}
@media screen and (max-width: 1430px) {
  #prd-page section.key-v-mv.key-v-mv-wd {
    position: relative;
    box-sizing: border-box;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
    margin: 42px auto 4rem auto;
    height: 55vw;
  }
  #prd-page section.key-v-mv.key-v-mv-wd video {
    position: absolute;
    width: 125%;
  }
}
@media screen and (max-width: 751px) {
  #prd-page section.key-v-mv,
  #prd-page section.key-v-mv.key-v-mv-wd {
    display: none;
  }
  section.prd-images {
    position: relative;
    box-sizing: border-box;
    width: 100%;
    margin: 6rem auto;
    padding: 0;
  }
  section.prd-buy-area {
    position: relative;
    box-sizing: border-box;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin-top: 5rem;
  }
  section.prd-buy-area h3 {
    width: 100%;
    padding: 2vw 3vw 2vw 0;
    font-size: 1.5rem;
    line-height: 1.9rem;
  }
  section.prd-buy-area h3 span {
    font-size: 0.9rem;
  }
  section.prd-buy-area div.prd-buy-sld {
    position: relative;
    box-sizing: border-box;
    width: 100%;
    margin-right: 0%;
    margin-bottom: 3vw;
  }
  section.prd-buy-area div.prd-buy-tx {
    position: relative;
    box-sizing: border-box;
    width: 100%;
  }
  section.prd-buy-area div.prd-buy-tx p.prd-price {
    font-size: 1.3rem;
    font-weight: 700;
  }
  section.prd-buy-area div.prd-buy-tx p.prd-price span {
    font-size: 0.9rem;
    font-weight: 700;
  }
  section.prd-buy-area div.prd-buy-tx p.prd-main-ct {
    font-size: 1rem !important;
    line-height: 1.7rem;
  }
  section.prd-buy-area div.prd-buy-tx ul.prd-main-list {
    margin-bottom: 6vw !important;
  }
  section.prd-buy-area div.prd-buy-tx ul.prd-main-list li {
    font-size: 0.8rem;
    letter-spacing: 0.02rem;
    margin-bottom: 0.4rem !important;
  }
  section.prd-images {
    margin: 6vw auto 0 auto;
  }
  article.mini2s section.key-v-mv-wd {
    order: 1;
  }
  article.mini2s section.bnr-area1 {
    order: 3;
  }
  article.mini2s section.prd-buy-area {
    order: 2;
    margin-bottom: 6vw;
  }
  article.mini2s section.prd-images {
    order: 4;
  }
}
/* Interview
--------------------------------------------------------------------------*/
.interview-menu ul {
  position: relative;
  box-sizing: border-box;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.interview-menu ul li {
  width: 49%;
  margin-right: 2%;
  margin-bottom: 2%;
}
.interview-menu ul li a {
  display: block;
  opacity: 1;
  transition: all 0.5s;
}
.interview-menu ul li a:hover {
  opacity: 0.8;
}
.interview-menu ul li:nth-child(2n) {
  margin-right: 0;
}
.itv-name {
  position: relative;
  box-sizing: border-box;
  width: 100%;
  display: block;
  overflow: hidden;
  padding: 8% 10%;
  background: #ffd9ae;
}
.itv-name h6 {
  font-size: 1.34rem;
  margin-bottom: 0.8rem;
}
@media screen and (max-width: 751px) {
  .interview-menu ul {
    position: relative;
    box-sizing: border-box;
    width: 100%;
    display: block;
  }
  .interview-menu ul li {
    width: 100%;
    margin-right: 0;
    margin-bottom: 2%;
  }
  .interview-menu ul li a {
    display: block;
    opacity: 1;
    transition: all 0.5s;
  }
  .interview-menu ul li a:hover {
    opacity: 0.8;
  }
  .interview-menu ul li:nth-child(2n) {
    margin-right: 0;
  }
}
/* News
--------------------------------------------------------------------------*/
.info-n {
  position: absolute;
  box-sizing: border-box;
  bottom: -10rem;
  left: 0;
  right: 0;
  width: 60%;
  margin: auto;
  z-index: 40;
  background: #FFF;
  overflow: hidden;
}
.info-ttl {
  position: absolute;
  left: 0;
  top: 0;
  width: 8.9375rem;
  line-height: 0;
  text-align: left;
  background: url("../img/icon-info-bg.png") top left no-repeat;
}
.info-n ol {
  margin: 1.8rem 2.5rem 0.8rem 2.5rem;
}
.info-n ol.info-ls dt {
  position: absolute;
  width: 23%;
  margin: 0 7% 0 0;
  padding: 0.3rem 0 0.3rem 0;
  letter-spacing: 0.05rem;
}
.info-n ol.info-ls dd {
  width: 77%;
  margin: 0;
  padding: 0.3rem 0 0.3rem 23%;
  letter-spacing: 0.05rem;
  border-bottom: dotted 1px #AAA;
}
.info-n ol.info-ls dd a {
  color: #003F94;
  text-decoration: none;
  transition: all 0.4s;
}
.info-n ol.info-ls dd a:hover {
  color: #0E3287;
}
h3.page-title {
  text-align: center;
}
.page-date {
  text-align: right;
  margin-bottom: 2rem;
}
@media screen and (max-width: 980px) {
  .info-n {
    position: relative;
    bottom: auto;
    left: auto;
    right: auto;
    width: 100%;
  }
}
@media screen and (max-width: 751px) {
  .info-n {
    padding-bottom: 1.3rem;
  }
  .info-n ol {
    margin: 2.4rem 1.5rem 1rem 1.5rem;
  }
  .info-n ol.info-ls dt {
    position: relative;
    width: 100%;
    margin: 0;
    padding: 0.3rem 0 0 0;
    letter-spacing: 0.05rem;
  }
  .info-n ol.info-ls dd {
    width: 100%;
    margin: 0;
    padding: 0 0 0.3rem 0;
  }
  .page-date {
    text-align: center;
  }
}
/* Link-Button
--------------------------------------------------------------------------*/
a {
  color: #0076c9;
  text-decoration: underline;
}
a:hover {
  color: #ff6000;
}
.bt-base {
  box-sizing: border-box;
  text-align: center;
  text-decoration: none;
  margin: auto;
  overflow: hidden;
  transition: background-color 0.5s ease 0s;
}
.bt-base:hover {
  background-color: #31977e;
}
.bt-type1 a {
  box-sizing: border-box;
  text-align: center;
  text-decoration: none;
  margin: auto;
  overflow: hidden;
  transition: background-color 0.5s ease 0s;
  position: relative;
  width: 60%;
  max-width: 25rem;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.6rem 1.8rem;
  color: #FFF;
  background: #111211;
}
.bt-type1 a:hover {
  background-color: #31977e;
}
.bt-type1 a:after {
  position: absolute;
  display: block;
  content: url("../img/svg/icon-allow1-w.svg");
  width: 1rem;
  height: 1rem;
  right: 1rem;
  line-height: 1rem;
}
.bt-type1s a {
  box-sizing: border-box;
  text-align: center;
  text-decoration: none;
  margin: auto;
  overflow: hidden;
  transition: background-color 0.5s ease 0s;
  position: relative;
  width: 30%;
  margin: 0 auto 0.8rem auto;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.2rem 1.6rem 0.4rem 1.6rem;
  border: solid 1px #d7d2c6;
  color: #111211;
  font-size: 0.9rem;
}
.bt-type1s a:hover {
  background-color: #31977e;
}
.bt-type1s a:hover {
  background-color: #F0EFE5;
}
.bt-type1s a:after {
  position: absolute;
  display: block;
  content: url("../img/svg/icon-allow1.svg");
  width: 1rem;
  height: 1rem;
  right: 0.6rem;
  line-height: 1.3rem;
}
.bt-type2 a {
  box-sizing: border-box;
  text-align: center;
  text-decoration: none;
  margin: auto;
  overflow: hidden;
  transition: background-color 0.5s ease 0s;
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  max-width: 20rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #FFF;
  padding: 0.6rem 1.8rem;
  color: #111211;
}
.bt-type2 a:hover {
  background-color: #31977e;
}
.bt-type2 a:hover {
  background-color: #F0EFE5;
}
.bt-type2 a:after {
  position: absolute;
  display: block;
  content: url("../img/svg/icon-allow1.svg");
  width: 1rem;
  height: 1rem;
  right: 1rem;
  line-height: 1rem;
}
.bt-type3 a {
  box-sizing: border-box;
  text-align: center;
  text-decoration: none;
  margin: auto;
  overflow: hidden;
  transition: background-color 0.5s ease 0s;
  position: relative;
  width: 70%;
  max-width: 25rem;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.8rem 2.2rem;
  background: #31977e;
  color: #FFF;
}
.bt-type3 a:hover {
  background-color: #31977e;
}
.bt-type3 a:after {
  position: absolute;
  display: block;
  content: url("../img/svg/icon-allow1-w.svg");
  width: 1rem;
  height: 1rem;
  right: 1rem;
  line-height: 1rem;
}
.bt-type3 a:hover {
  background-color: #A47D34;
}
.bt-close a {
  position: fixed;
  bottom: 1rem;
  left: 0;
  right: 0;
  margin: 0 auto 0 auto;
  z-index: 500;
  box-sizing: border-box;
  display: block;
  color: #fbed21;
  background: url("../img/svg/icon-close-y.svg") #3f4b70;
  background-size: 1rem 1rem;
  background-position: 95% center;
  background-repeat: no-repeat;
  width: 100%;
  max-width: 25rem;
  margin: auto;
  padding: 0.8rem 2rem 0.7rem 2rem;
  border-radius: 1rem;
  font-size: 1.1rem;
  font-weight: 900;
  text-align: center;
  text-decoration: none;
  transition: all 0.5s;
}
.bt-close a:hover {
  background-color: #1d253c;
}
@media screen and (max-width: 751px) {
  .bt-type1 a {
    width: 80%;
    padding: 0.5rem 1.8rem 0.7rem 1.8rem;
    font-size: 0.95rem;
  }
  .bt-type1s a {
    width: 70%;
    padding: 0.2rem 1.6rem;
  }
  .bt-type1s a:after {
    right: 1rem;
    line-height: 1rem;
  }
  .bt-type2 a {
    bottom: -0.2rem;
  }
  .bt-type3 a {
    width: 80%;
    max-width: inherit;
    padding: 0.8rem 1.8rem;
  }
  .bt-close a {
    display: block;
    bottom: calc(env(safe-area-inset-bottom));
    color: #fbed21;
    background: url("../img/svg/icon-close-y.svg") #3f4b70;
    background-size: 1rem 1rem;
    background-position: 96% center;
    background-repeat: no-repeat;
    width: 100%;
    max-width: none;
    margin: auto;
    padding: 0.8rem 2rem 0.7rem 2rem;
    border-radius: 0;
    font-size: 1.1rem;
  }
  .bt-close a:hover {
    background-color: #3f4b70;
  }
}
/* LIST
--------------------------------------------------------------------------*/
ul.list-dot {
  position: relative;
  box-sizing: border-box;
  width: 100%;
  margin: 0 0 1rem 0;
}
ul.list-dot li {
  position: relative;
  box-sizing: border-box;
  padding: 0 0.3rem 0 1.2rem;
  margin-bottom: 0 !important;
}
ul.list-dot li:before {
  content: '●';
  position: absolute;
  color: #76ba93;
  left: 0;
  top: 0;
  display: inline-block;
}
ul.list-num {
  position: relative;
  box-sizing: border-box;
  width: 100%;
  margin: 0 0.4rem 1.8rem 0.4rem;
  counter-reset: number 0;
}
ul.list-num li {
  position: relative;
  box-sizing: border-box;
  padding: 0 0.3rem 0 1.2rem;
  line-height: 2rem;
}
ul.list-num li:before {
  position: absolute;
  color: #d0bea2;
  left: 0;
  top: 0;
  display: inline-block;
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: 700;
  counter-increment: number 1;
  content: counter(number);
}
@media screen and (max-width: 751px) {
  ul.list-dot li,
  ul.list-num li {
    line-height: 1.5rem;
  }
}
@media screen and (max-width: 440px) {
  ul.list-dot li,
  ul.list-num li {
    line-height: 1.4rem;
  }
}
/* LAYOUT
--------------------------------------------------------------------------*/
.ctw8 {
  width: 78% !important;
}
.ctw7 {
  width: 68% !important;
}
.ctw6 {
  width: 58% !important;
}
.ctw5 {
  width: 48% !important;
}
.ctw4 {
  width: 38% !important;
}
.ctw3l {
  width: 31.333333% !important;
  margin-right: 3%;
}
.ctw3r {
  width: 31.333333% !important;
}
.ctw3 {
  width: 28% !important;
}
.ctw2 {
  width: 18% !important;
}
@media screen and (max-width: 751px) {
  .cnt-l {
    float: none !important;
  }
  .cnt-r {
    float: none !important;
  }
  .ctw8 {
    width: 100% !important;
  }
  .ctw7 {
    width: 100% !important;
  }
  .ctw6 {
    width: 100% !important;
  }
  .ctw5 {
    width: 100% !important;
  }
  .ctw4 {
    width: 100% !important;
  }
  .ctw3l {
    width: 100% !important;
    margin-right: 0%;
  }
  .ctw3r {
    width: 100% !important;
  }
  .ctw3 {
    width: 100% !important;
  }
  .ctw2 {
    width: 100% !important;
  }
}
/* PageTop
--------------------------------------------------------------------------*/
#page_top {
  width: 2rem;
  height: 2rem;
  position: fixed;
  right: 0.5rem;
  bottom: 0;
  opacity: 1;
  z-index: 500;
  padding-bottom: env(safe-area-inset-bottom);
}
#page_top a {
  position: absolute;
  bottom: 0;
  display: block;
  width: 2rem;
  height: 2rem;
  background: url("../img/svg/icon-allow2.svg") #222;
  background-repeat: no-repeat;
  background-size: 30%;
  background-position: center center;
  text-decoration: none;
  border-radius: 50% 0 0 50%;
  transform: rotateZ(90deg);
}
#bt-buy {
  position: fixed;
  display: block;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 300;
  background: rgba(255, 255, 255, 0.7);
  padding-bottom: env(safe-area-inset-bottom);
}
/*
_::-webkit-full-page-media, _:future, :root #bt-buy{
	padding-bottom: calc(env(safe-area-inset-bottom) + 44px);
}
*/
@media only screen and (max-width: 751px) {
  div#bt-buy div.bt-type3 a {
    width: 86% !important;
    margin-right: 14% !important;
    margin-left: 0 !important;
  }
}
/* TEL
--------------------------------------------------------------------------*/
@media (min-width: 751px) {
  a[href*="tel:"] {
    pointer-events: none;
    cursor: default;
    text-decoration: none;
  }
}
/* TABLE
--------------------------------------------------------------------------*/
table.table-t1 {
  width: 100%;
  border-collapse: collapse;
  margin: 0 0 1rem 0;
}
table.table-t1 th {
  box-sizing: border-box;
  width: 24%;
  background-color: #eaecef;
  text-align: left;
  padding: 0.4rem 0.7rem;
  border: solid 1px #C1BFB9;
}
table.table-t1 td {
  box-sizing: border-box;
  width: 76%;
  background-color: #FFF;
  padding: 0.4rem 0.7rem;
  border: solid 1px #C1BFB9;
}
@media only screen and (max-width: 440px) {
  .table-t1-bdr {
    border-left: solid 1px #C1BFB9;
    border-right: solid 1px #C1BFB9;
    border-bottom: solid 1px #C1BFB9;
    border-top: none;
  }
  table.table-t1 {
    width: 100%;
    border-top: solid 1px #C1BFB9;
    margin: 0 0 1rem 0;
  }
  table.table-t1 tr {
    display: block;
    margin: 0;
  }
  table.table-t1 th {
    width: 100%;
    display: block;
    border-left: solid 1px #C1BFB9;
    border-right: solid 1px #C1BFB9;
    border-bottom: solid 1px #C1BFB9;
    border-top: none;
  }
  table.table-t1 td {
    width: 100%;
    display: block;
    border-left: solid 1px #C1BFB9;
    border-right: solid 1px #C1BFB9;
    border-bottom: solid 1px #C1BFB9;
    border-top: none;
  }
}
/* Clear
--------------------------------------------------------------------------*/
.clear:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.clear {
  display: inline-table;
}
/* \*/
* html .clear {
  height: 1%;
}
.clear {
  display: block;
}
/* */
/* CNT-MOVIE1
--------------------------------------------------------------------------*/
section.cnt-mov-v1,
section.cnt-mov-v2,
section.cnt-mov-v3 {
  position: relative;
  box-sizing: border-box;
  width: 100%;
  max-width: inherit;
  background: #000;
  padding: 5rem 8% 5rem 8%;
  margin: 0;
}
section.cnt-mov-v1 picture.prd-logo,
section.cnt-mov-v2 picture.prd-logo,
section.cnt-mov-v3 picture.prd-logo {
  position: relative;
  box-sizing: border-box;
  width: 180px;
  display: block;
  margin: auto;
  margin-bottom: 1.5rem;
}
section.cnt-mov-v1 h3,
section.cnt-mov-v2 h3,
section.cnt-mov-v3 h3 {
  position: relative;
  box-sizing: border-box;
  color: #FFF;
  text-align: center;
  font-size: 2.2rem;
  line-height: 3.6rem;
  letter-spacing: 0.08rem;
  margin: 0 auto 2rem auto;
}
section.cnt-mov-v1 h3 span,
section.cnt-mov-v2 h3 span,
section.cnt-mov-v3 h3 span {
  display: inline-block;
  width: inherit;
  font-size: 2.2rem;
  line-height: 3.6rem;
  letter-spacing: 0.08rem;
  font-weight: 900;
  color: #2A943D;
}
section.cnt-mov-v1 p,
section.cnt-mov-v2 p,
section.cnt-mov-v3 p {
  position: relative;
  box-sizing: border-box;
  color: #FFF;
  text-align: center;
  margin: 0 auto 2rem auto;
}
section.cnt-mov-v1 div#video1,
section.cnt-mov-v2 div#video1,
section.cnt-mov-v3 div#video1,
section.cnt-mov-v1 div#video2,
section.cnt-mov-v2 div#video2,
section.cnt-mov-v3 div#video2,
section.cnt-mov-v1 div#i2-video1,
section.cnt-mov-v2 div#i2-video1,
section.cnt-mov-v3 div#i2-video1 {
  position: relative;
  box-sizing: border-box;
  width: 100%;
  max-width: 600px;
  margin: auto;
  display: block;
}
section.cnt-mov-v1 div#video1 video,
section.cnt-mov-v2 div#video1 video,
section.cnt-mov-v3 div#video1 video,
section.cnt-mov-v1 div#video2 video,
section.cnt-mov-v2 div#video2 video,
section.cnt-mov-v3 div#video2 video,
section.cnt-mov-v1 div#i2-video1 video,
section.cnt-mov-v2 div#i2-video1 video,
section.cnt-mov-v3 div#i2-video1 video {
  position: relative;
  box-sizing: border-box;
  width: 100%;
}
section.cnt-mov-v1 div#video2,
section.cnt-mov-v2 div#video2,
section.cnt-mov-v3 div#video2 {
  max-width: 900px;
}
section.cnt-mov-v1 div#i2-video1,
section.cnt-mov-v2 div#i2-video1,
section.cnt-mov-v3 div#i2-video1 {
  max-width: inherit;
}
section.cnt-mov-v3 {
  padding: 0 8% 0 8%;
}
section.cnt-mov-v3 h3 {
  position: absolute;
  bottom: 3rem;
  left: 0;
  right: 0;
  color: #31977e;
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 4rem;
  z-index: 2;
}
div.video-image {
  position: relative;
  box-sizing: border-box;
  width: 100%;
  margin: 0 auto 0 auto;
  display: block;
}
div.video-image video {
  position: relative;
  box-sizing: border-box;
  width: 100%;
  border-radius: 2rem;
}
div.swiperThumbnail2 {
  position: absolute;
  box-sizing: border-box;
  width: 40%;
  height: 3rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: auto;
  bottom: 2rem;
  left: 0;
  right: 0;
  background: #111;
  border-radius: 2rem;
  z-index: 2;
}
div.swiperThumbnail2 div.swiper-slide {
  position: absolute;
  box-sizing: border-box;
  justify-content: center;
  align-items: center;
  width: 100% !important;
  color: #FFF !important;
  display: none;
  pointer-events: none;
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 1.2rem;
  letter-spacing: 0.05rem;
  padding: 0 30px 0.2rem 30px;
  margin-right: 0 !important;
  opacity: 1 !important;
}
div.swiperThumbnail2 div.swiper-slide.swiper-slide-thumb-active {
  display: flex;
}
div.swiperThumbnail2 div.swiper-button-next,
div.swiperThumbnail2 div.swiper-button-prev {
  background: url("../img/svg/icon-allow2.svg") rgba(255, 255, 255, 0.2);
  background-size: 40%;
  background-position: center center;
  background-repeat: no-repeat;
}
@media only screen and (max-width: 751px) {
  section.cnt-mov-v1 {
    width: 100%;
    max-width: inherit;
    padding: 10vw 8% 10vw 8%;
    margin: 0;
  }
  section.cnt-mov-v1 picture.prd-logo {
    width: 30%;
    margin-bottom: 4vw;
  }
  section.cnt-mov-v1 h3 {
    text-align: center;
    font-size: 6vw;
    line-height: 8.5vw;
    margin: 0 auto 5vw auto;
  }
  section.cnt-mov-v1 h3 span {
    font-size: 6vw;
    line-height: 8.5vw;
  }
  section.cnt-mov-v3 {
    padding: 0 3% 0 3%;
  }
  section.cnt-mov-v3 h3 {
    bottom: inherit;
    top: 12vw;
    font-size: 9.5vw;
    margin: 0;
  }
  div.video-image {
    margin: 0 auto 0 auto;
  }
  div.video-image video {
    border-radius: 4vw;
  }
  div.swiperThumbnail2 {
    position: absolute;
    box-sizing: border-box;
    width: 80%;
    height: 7vw;
    bottom: 4vw;
    left: 0;
    right: 0;
    border-radius: 2rem;
  }
  div.swiperThumbnail2 div.swiper-slide {
    font-size: 3.1vw;
    padding: 0 30px 0.2vw 30px;
    margin-right: 0 !important;
  }
}
/* CNT-00
--------------------------------------------------------------------------*/
section.std-cnt h3 {
  font-size: 1.8rem;
  line-height: 2.8rem;
  letter-spacing: 0.08rem;
}
section.std-cnt h3 span {
  font-size: 0.9rem;
}
section.std-cnt h4 {
  font-size: 1.2rem;
  line-height: 2rem;
  letter-spacing: 0.08rem;
  color: #111211;
  border: none;
  font-family: 'Noto Sans JP', '游ゴシック Medium', YuGothic, YuGothicM, 'Hiragino Kaku Gothic ProN', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, sans-serif;
  font-weight: 500;
}
section.std-cnt p {
  position: relative;
  box-sizing: border-box;
}
section.std-cnt div.cnt-area {
  position: relative;
  box-sizing: border-box;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 4rem;
}
section.std-cnt div.cnt-area:last-child {
  margin-bottom: 0;
}
section.std-cnt div.cnt-area div.cnt-box {
  width: 48%;
  margin-right: 4%;
}
section.std-cnt div.cnt-area div.cnt-box:nth-child(2n) {
  margin-right: 0;
}
section.std-cnt div.cnt-area.reverse {
  flex-direction: row-reverse;
}
section.std-cnt div.cnt-area.reverse div.cnt-box {
  margin-right: 0;
}
section.std-cnt div.cnt-area.reverse div.cnt-box:nth-child(2n) {
  margin-right: 4%;
}
section.std-cnt div.cnt-area.cnt6 div.cnt-box {
  width: 58%;
}
section.std-cnt div.cnt-area.cnt6 div.cnt-box:nth-child(2n) {
  width: 38%;
}
section.std-cnt div.cnt-area.cnt7 div.cnt-box {
  width: 68%;
}
section.std-cnt div.cnt-area.cnt7 div.cnt-box:nth-child(2n) {
  width: 28%;
}
section.std-cnt div.cnt-area.cnt8 div.cnt-box {
  width: 78%;
}
section.std-cnt div.cnt-area.cnt8 div.cnt-box:nth-child(2n) {
  width: 18%;
}
section.std-cnt div.cnt-area.cnt4 div.cnt-box {
  width: 38%;
}
section.std-cnt div.cnt-area.cnt4 div.cnt-box:nth-child(2n) {
  width: 58%;
}
section.std-cnt div.cnt-area.cnt3 div.cnt-box {
  width: 28%;
}
section.std-cnt div.cnt-area.cnt3 div.cnt-box:nth-child(2n) {
  width: 68%;
}
section.std-cnt div.cnt-area.cnt2 div.cnt-box {
  width: 18%;
}
section.std-cnt div.cnt-area.cnt2 div.cnt-box:nth-child(2n) {
  width: 78%;
}
section.std-cnt div.cnt-box-full {
  width: 100%;
  margin-top: 1rem;
}
section.full-cnt {
  max-width: inherit;
  padding: 0;
}
section.full-cnt picture {
  width: 100%;
}
section.full-cnt div.cnt-tx-box {
  position: absolute;
  box-sizing: border-box;
  z-index: 2;
}
picture.picture-r img {
  border-radius: 2rem;
  overflow: hidden;
}
@media only screen and (max-width: 751px) {
  section.std-cnt h3 {
    font-size: 1.4rem;
    line-height: 2.1rem;
  }
  section.std-cnt h3 span {
    margin-top: 0.5rem;
    font-size: 0.85rem;
  }
  section.std-cnt h4 {
    font-size: 0.9rem;
    line-height: 1.4rem;
    letter-spacing: 0.05rem;
  }
  section.std-cnt div.cnt-area {
    margin-bottom: 5vw;
  }
  section.std-cnt div.cnt-area:last-child {
    margin-bottom: 0;
  }
  section.std-cnt div.cnt-area div.cnt-box {
    width: 100%;
    margin-right: 0;
  }
  section.std-cnt div.cnt-area div.cnt-box:nth-child(2n) {
    margin-right: 0;
  }
  section.std-cnt div.cnt-area.reverse {
    flex-direction: row-reverse;
  }
  section.std-cnt div.cnt-area.reverse div.cnt-box {
    margin-right: 0;
  }
  section.std-cnt div.cnt-area.reverse div.cnt-box:nth-child(2n) {
    margin-right: 0;
  }
  section.std-cnt div.cnt-area.cnt6 div.cnt-box,
  section.std-cnt div.cnt-area.cnt7 div.cnt-box,
  section.std-cnt div.cnt-area.cnt8 div.cnt-box,
  section.std-cnt div.cnt-area.cnt4 div.cnt-box,
  section.std-cnt div.cnt-area.cnt3 div.cnt-box,
  section.std-cnt div.cnt-area.cnt2 div.cnt-box {
    width: 100%;
  }
  section.std-cnt div.cnt-area.cnt6 div.cnt-box:nth-child(2n),
  section.std-cnt div.cnt-area.cnt7 div.cnt-box:nth-child(2n),
  section.std-cnt div.cnt-area.cnt8 div.cnt-box:nth-child(2n),
  section.std-cnt div.cnt-area.cnt4 div.cnt-box:nth-child(2n),
  section.std-cnt div.cnt-area.cnt3 div.cnt-box:nth-child(2n),
  section.std-cnt div.cnt-area.cnt2 div.cnt-box:nth-child(2n) {
    width: 100%;
  }
  section.std-cnt div.cnt-box-full {
    width: 100%;
    margin-top: 3vw;
  }
  picture.picture-r img {
    border-radius: 4vw;
  }
}
/* CNT-01
--------------------------------------------------------------------------*/
section.g1-cnt01 {
  position: relative;
  box-sizing: border-box;
  width: 100%;
  max-width: inherit;
  padding: 0;
  margin: 0;
}
section.g1-cnt01 div.g1-cnt01-tx {
  position: absolute;
  box-sizing: border-box;
  width: 55%;
  top: calc(50% - 30%);
  right: 2%;
}
section.g1-cnt01 div.g1-cnt01-tx h3 {
  position: relative;
  box-sizing: border-box;
  color: #FFF;
  text-align: right;
  font-size: 1.8vw;
  line-height: 3.2vw;
  letter-spacing: 0.08rem;
  margin: 0 1.6vw 2.4vw auto;
}
section.g1-cnt01 div.g1-cnt01-tx h3 span {
  display: inline-block;
  width: inherit;
  font-size: 1.8vw;
  line-height: 3.2vw;
  letter-spacing: 0.08rem;
  font-weight: 900;
  color: #2A943D;
}
section.g1-cnt01 div.g1-cnt01-tx ul {
  position: relative;
  box-sizing: border-box;
  display: flex;
}
section.g1-cnt01 div.g1-cnt01-tx ul li {
  color: #FFF;
  width: 33.333333%;
}
section.g1-cnt01 div.g1-cnt01-tx ul li figure figcaption {
  position: relative;
  box-sizing: border-box;
  padding: 0 1.6vw 0 0;
  text-align: center;
  font-size: 1vw;
  line-height: 1.6vw;
}
@media only screen and (max-width: 751px) {
  section.g1-cnt01 {
    position: relative;
    box-sizing: border-box;
    width: 100%;
    max-width: inherit;
    padding: 0;
    margin: 0;
    background: #000;
  }
  section.g1-cnt01 picture.g1-cnt01-bg {
    position: relative;
    box-sizing: border-box;
    width: 100%;
    height: 150vw;
    display: block;
    opacity: 0.8;
  }
  section.g1-cnt01 picture.g1-cnt01-bg img {
    position: absolute;
    box-sizing: border-box;
    width: 350%;
    top: -18vw;
    left: -30%;
  }
  section.g1-cnt01 div.g1-cnt01-tx {
    position: absolute;
    box-sizing: border-box;
    width: 80%;
    top: 7.5%;
    right: 0;
    left: 0;
    margin: auto;
    padding: 0 0 0 3%;
  }
  section.g1-cnt01 div.g1-cnt01-tx h3 {
    position: relative;
    box-sizing: border-box;
    color: #FFF;
    text-align: center;
    font-size: 5.4vw;
    line-height: 8.8vw;
    margin: 0 auto 7.4vw auto;
  }
  section.g1-cnt01 div.g1-cnt01-tx h3 span {
    display: inline-block;
    width: inherit;
    font-size: 5.4vw;
    line-height: 8.8vw;
    letter-spacing: 0.08rem;
    font-weight: 900;
    color: #2A943D;
  }
  section.g1-cnt01 div.g1-cnt01-tx ul {
    position: relative;
    box-sizing: border-box;
    flex-wrap: wrap;
    justify-content: center;
  }
  section.g1-cnt01 div.g1-cnt01-tx ul li {
    width: 50%;
    margin-bottom: 6vw;
  }
  section.g1-cnt01 div.g1-cnt01-tx ul li figure figcaption {
    position: relative;
    box-sizing: border-box;
    padding: 0 1.6vw 0 0;
    text-align: center;
    font-size: 2.8vw;
    line-height: 4.8vw;
  }
}
/* CNT-05
--------------------------------------------------------------------------*/
section.g1-cnt05 ul {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  align-items: center;
  row-gap: 1rem;
  column-gap: 1.5%;
}
section.g1-cnt05 ul li {
  position: relative;
  box-sizing: border-box;
  text-align: center;
  background: #edeef2;
  border-radius: 0.8rem;
  font-family: 'Noto Sans JP', '游ゴシック Medium', YuGothic, YuGothicM, 'Hiragino Kaku Gothic ProN', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, sans-serif;
  padding: 0.8rem 3% 0.5rem 3%;
}
section.g1-cnt05 ul li h5 {
  font-size: 2rem;
  color: #32a284;
  border: none;
  padding: 0;
}
section.g1-cnt05 ul li p {
  margin: 0;
}
@media only screen and (max-width: 751px) {
  section.g1-cnt05 ul {
    grid-template-columns: repeat(3, 1fr);
    align-items: center;
    row-gap: 0;
    column-gap: 3%;
  }
  section.g1-cnt05 ul li {
    border-radius: 0.5rem;
    padding: 0.5rem 3% 0.2rem 3%;
  }
  section.g1-cnt05 ul li h5 {
    font-size: 1.4rem;
    color: #32a284;
    border: none;
    padding: 0;
  }
  section.g1-cnt05 ul li p {
    margin: 0.5vw;
  }
}
/* CNT-08
--------------------------------------------------------------------------*/
section.g1-cnt08 h3 {
  text-align: center;
}
section.g1-cnt08 ul {
  display: flex;
  flex-direction: column;
  height: 100%;
}
section.g1-cnt08 ul li {
  position: relative;
  box-sizing: border-box;
  background: #edeef2;
  font-family: 'Noto Sans JP', '游ゴシック Medium', YuGothic, YuGothicM, 'Hiragino Kaku Gothic ProN', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, sans-serif;
  padding: 1.7rem 8% 1.7rem 8%;
  margin-bottom: 2rem;
  border-radius: 1rem;
  width: 100%;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  flex: 1;
}
section.g1-cnt08 ul li:last-child {
  margin-bottom: 0;
}
section.g1-cnt08 ul li h5 {
  font-size: 1.8rem;
  color: #32a284;
  border: none;
  padding: 0;
  width: 100%;
}
section.g1-cnt08 ul li p {
  margin: 0rem;
  width: 100%;
}
@media only screen and (max-width: 751px) {
  section.g1-cnt08 ul {
    display: flex;
    flex-direction: column;
    height: inherit;
    margin-top: 2vw;
  }
  section.g1-cnt08 ul li {
    padding: 2vw 6% 2vw 6%;
    margin-bottom: 2vw;
    border-radius: 0.5rem;
    height: inherit;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    text-align: center;
    flex: 1;
  }
  section.g1-cnt08 ul li:last-child {
    margin-bottom: 0;
  }
  section.g1-cnt08 ul li h5 {
    font-size: 1.2em;
  }
  section.g1-cnt08 ul li p {
    font-size: 0.9em;
  }
}
/* Whats
--------------------------------------------------------------------------*/
section.cnt-whats h3 {
  text-align: center;
}
section.cnt-whats ul {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  align-items: center;
  row-gap: 0.8rem;
  column-gap: 0.8rem;
}
section.cnt-whats ul li {
  position: relative;
  box-sizing: border-box;
  text-align: center;
  background: #edeef2;
  font-family: 'Noto Sans JP', '游ゴシック Medium', YuGothic, YuGothicM, 'Hiragino Kaku Gothic ProN', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, sans-serif;
  padding: 0.8rem 3% 0.8rem 3%;
  margin-bottom: 0;
}
section.cnt-whats ul li h5 {
  font-size: 2rem;
  color: #32a284;
  border: none;
  padding: 0;
}
section.cnt-whats ul li p {
  margin: 0;
}
@media only screen and (max-width: 751px) {
  section.cnt-whats ul {
    row-gap: 0.8rem;
    column-gap: 0.8rem;
  }
  section.cnt-whats ul li {
    position: relative;
    box-sizing: border-box;
    text-align: center;
    background: #edeef2;
    font-family: 'Noto Sans JP', '游ゴシック Medium', YuGothic, YuGothicM, 'Hiragino Kaku Gothic ProN', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, sans-serif;
    padding: 0.5rem 3% 0.8rem 3%;
    margin-bottom: 0;
  }
}
/* SPEC
--------------------------------------------------------------------------*/
section.cnt-spec dl {
  width: 100%;
  display: block;
  border-top: 1px solid #ccc;
}
section.cnt-spec dl dt {
  width: 100%;
  padding: 2vw 0 0 0;
  border-bottom: none;
  font-weight: 700;
  margin-bottom: 0;
}
section.cnt-spec dl dd {
  width: 100%;
  padding: 0 0 2vw 0;
  border-bottom: 1px solid #ccc;
  margin-bottom: 0;
}
@media only screen and (min-width: 750px) {
  section.cnt-spec dl {
    position: relative;
    box-sizing: border-box;
    width: 100%;
    display: grid;
    grid-template-columns: auto 1fr;
    row-gap: 0px;
    column-gap: 0px;
  }
  section.cnt-spec dl dt {
    position: relative;
    box-sizing: border-box;
    padding: 1rem 1rem 1rem 0;
    border-bottom: 1px solid #ccc;
    margin-bottom: 0;
  }
  section.cnt-spec dl dd {
    position: relative;
    box-sizing: border-box;
    padding: 1rem 1rem 1rem 0;
    border-bottom: 1px solid #ccc;
    margin-bottom: 0;
  }
}
/* PF1 Pro 
--------------------------------------------------------------------------*/
section.pf1-cnt1 {
  background: #FFF;
  display: flex;
  justify-content: center;
  align-items: center;
}
section.pf1-cnt1 div.cnt-tx-box {
  padding: 3rem;
  text-align: center;
}
section.pf1-cnt1 div.cnt-tx-box h3 {
  color: #000;
  text-align: center;
  font-size: 5vw !important;
  line-height: 70% !important;
  margin-bottom: 0;
  opacity: 0;
}
section.pf1-cnt1 div.cnt-tx-box p {
  color: #000;
  margin-bottom: 0;
  margin-top: 3vw;
  opacity: 0;
}
@media only screen and (min-width: 750px) {
  section.pf1-cnt1 picture {
    opacity: 1;
  }
  section.pf1-cnt1 div.cnt-tx-box {
    padding: 3rem;
    text-align: center;
  }
  section.pf1-cnt1 div.cnt-tx-box h3 {
    font-size: 2.2rem !important;
    margin-bottom: 1rem;
  }
  section.pf1-cnt1 div.cnt-tx-box p {
    margin-bottom: 0;
  }
}
.cnt1-x1,
#cnt2,
#cnt3,
#cnt4,
#cnt5,
#cnt6,
#cnt7,
#cnt8,
#cnt9,
#cnt10,
#cnt11,
#cnt12,
#cnt13,
.cnt1-x1,
.cnt1-x2,
.cnt1-x3,
.cnt1-x4 {
  position: relative;
  opacity: 0;
}