@charset "UTF-8";
/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

html {
  overflow-y: scroll;
}

img,
object,
embed,
input, select {
  vertical-align: middle;
}

*, :after, :before {
  box-sizing: border-box;
}

html {
  font-size: 62.5%;
}

body {
  font-size: 1.3rem;
}

@-webkit-keyframes tobottom {
  0%, 5% {
    transform: translate(-100%, 0);
  }
  50%, 100% {
    transform: translate(0, 0);
  }
}

@keyframes tobottom {
  0%, 5% {
    transform: translate(-100%, 0);
  }
  50%, 100% {
    transform: translate(0, 0);
  }
}
@-webkit-keyframes particleAlpha {
  0% {
    opacity: 0.1;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
  }
}
@keyframes particleAlpha {
  0% {
    opacity: 0.1;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes particleScale {
  0% {
    transform: scale(0.01);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes particleScale {
  0% {
    transform: scale(0.01);
  }
  100% {
    transform: scale(1);
  }
}
:root {
  --main-text:#000;
  --parts-bg: #fff;
  --main-bg: #fff;
  --required: #ff6757;
  --border: rgb(222, 222, 222);
  --bggray: #f7f7f7;
  --placeholder: #808080;
  --bgblue: rgb(0, 166, 220);
  --bgblue2: rgb(217, 242, 250);
  --hover: rgba(0, 166, 220, 0.1);
  --bggrass: #d9f2fa;
  --white: #FFFFFF;
  --blue: #00a6dc;
  --bluergb: 0, 166, 220;
  --blue2: #07a9dd;
  --red: #ff3447;
  --gray: #b9baba;
  --gray2: #646464;
  --gray3: #969696;
  --zheader4:10004;
  --zheader3:10003;
  --zheader2:10002;
  --zheader:10001;
  --zmenu:10000;
  --zspsticker:9999;
  --zfooter:9998;
  --z-1000:1000;
  --header-h:78px;
}

.cSvgLogo {
  fill: url(#a);
}

.cIcoArr {
  height: auto;
}
@media only screen and (max-width:850px) {
  .cIcoArr {
    right: calc(calc(60 / 750) * 100vw);
    width: calc(calc(30 / 750) * 100vw);
  }
}
@media only screen and (min-width:851px) {
  .cIcoArr {
    right: 30px;
    width: 24px;
  }
}
.cIcoArr.icoL {
  transform: rotate(180deg);
}
.cIcoArr.icoB {
  transform: rotate(90deg);
}
.cIcoArr.icoT {
  transform: rotate(-90deg);
}
.cIcoArr.type1 {
  fill: var(--white);
  stroke: var(--white);
}
.cIcoArr.type2 {
  fill: var(--blue);
  stroke: var(--blue);
}

.cIcoArrOnly {
  height: auto;
  fill: var(--blue);
}
@media only screen and (max-width:850px) {
  .cIcoArrOnly {
    width: calc(calc(10 / 750) * 100vw);
  }
}
@media only screen and (min-width:851px) {
  .cIcoArrOnly {
    width: 8px;
  }
}
.cIcoArrOnly.icoR {
  transform: rotate(180deg);
}
.cIcoArrOnly.icoB {
  transform: rotate(90deg);
}
.cIcoArrOnly.icoT {
  transform: rotate(-90deg);
}
.cIcoArrOnly.type2 {
  fill: var(--blue);
}

.isPC.hoverable .cAlpha {
  text-decoration: none;
}
.isPC.hoverable .cAlpha:hover {
  opacity: 0.75;
  transition: opacity 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.isSP .cAlpha {
  text-decoration: none;
}
.isSP .cAlpha:hover {
  opacity: 0.65;
  transition: opacity 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.mB0 {
  margin-bottom: 0 !important;
}

.m0A {
  margin: 0 auto;
}
.m0A a {
  margin: 0 auto;
}

.aC {
  text-align: center;
}

.cImg {
  width: 100%;
  height: auto;
}


.cUppercase {
  text-transform: uppercase;
}

.cNoData {
  padding: 2em 0.5em;
}

.cTextEn {
  font-family: "Spartan", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  font-weight: 400;
  line-height: 1.1;
}

.cTextWfM {
  font-family: "Noto Sans JP", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  font-weight: 500;
}

.cTextWfB {
  font-family: "Noto Sans JP", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  font-weight: 700;
}

.cCaution {
  color: var(--red);
}

.cPrimary {
  color: var(--blue);
}

.cLighten {
  color: var(--white);
}

.cIndent {
  margin-left: 1em;
  text-indent: -1em;
}

.cNote {
  margin-left: 1em;
  text-indent: -1em;
}
@media only screen and (max-width:850px) {
  .cNote {
    font-size: calc(calc(20 / 750) * 100vw);
  }
}
@media only screen and (min-width:851px) {
  .cNote {
    font-size: 1.1rem;
  }
}

.cNote2 {
  line-height: 1.6;
}
@media only screen and (max-width:850px) {
  .cNote2 {
    font-size: calc(calc(20 / 750) * 100vw);
  }
}
@media only screen and (min-width:851px) {
  .cNote2 {
    font-size: 1.1rem;
  }
}

.cNote2VW {
  line-height: 1.6;
}
@media only screen and (max-width:850px) {
  .cNote2VW {
    font-size: calc(calc(16 / 750) * 100vw);
  }
}
@media only screen and (min-width:851px) {
  .cNote2VW {
    font-size: calc(calc(11 / 1280) * 100vw);
  }
}
@media only screen and (min-width:1056px) {
  .cNote2VW {
    font-size: 1.1rem;
  }
}

.cBg {
  position: absolute;
  z-index: -2;
  pointer-events: none;
}

@media only screen and (max-width:850px) {
  .cTextL {
    font-size: calc(calc(26 / 750) * 100vw);
    line-height: 1.8461538462;
  }
}
@media only screen and (min-width:851px) {
  .cTextL {
    font-size: 1.8rem;
    line-height: 2.1111111111;
  }
}

@media only screen and (max-width:850px) {
  .cTextL2 {
    font-size: calc(calc(26 / 750) * 100vw);
    line-height: 1.8461538462;
  }
}
@media only screen and (min-width:851px) {
  .cTextL2 {
    font-size: 2rem;
    line-height: 1.5;
  }
}

@media only screen and (max-width:850px) {
  .cTextLVW {
    font-size: calc(calc(26 / 750) * 100vw);
    line-height: 1.8461538462;
  }
}
@media only screen and (min-width:851px) {
  .cTextLVW {
    font-size: calc(calc(18 / 1280) * 100vw);
    line-height: 2.1111111111;
  }
}
@media only screen and (min-width:1400px) {
  .cTextLVW {
    font-size: 19.6875px;
  }
}

@media only screen and (max-width:850px) {
  .cTextS {
    font-size: calc(calc(22 / 750) * 100vw);
    line-height: 1.1818181818;
  }
}
@media only screen and (min-width:851px) {
  .cTextS {
    font-size: 1.4rem;
    line-height: 1.4285714286;
  }
}

@media only screen and (max-width:850px) {
  .cTextVW {
    font-size: calc(calc(24 / 750) * 100vw);
    line-height: 1.75;
  }
}
@media only screen and (min-width:851px) {
  .cTextVW {
    font-size: calc(calc(16 / 1280) * 100vw);
    line-height: 1.8;
  }
}
@media only screen and (min-width:1056px) {
  .cTextVW {
    font-size: 1.6rem;
  }
}

.cListTitle {
  font-family: "Noto Sans JP", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  font-weight: 700;
  color: var(--blue);
}
@media only screen and (max-width:850px) {
  .cListTitle {
    font-size: calc(calc(28 / 750) * 100vw);
  }
}
@media only screen and (min-width:851px) {
  .cListTitle {
    font-size: 2rem;
  }
}

.cListTitleVW {
  font-family: "Noto Sans JP", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  font-weight: 700;
  color: var(--blue);
}
@media only screen and (max-width:850px) {
  .cListTitleVW {
    font-size: calc(calc(28 / 750) * 100vw);
  }
}
@media only screen and (min-width:851px) {
  .cListTitleVW {
    font-size: calc(calc(20 / 1280) * 100vw);
  }
}
@media only screen and (min-width:1056px) {
  .cListTitleVW {
    font-size: 2rem;
  }
}

.cTitleM {
  font-family: "Noto Sans JP", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  font-weight: 700;
  color: var(--blue);
}
@media only screen and (max-width:850px) {
  .cTitleM {
    font-size: calc(calc(32 / 750) * 100vw);
    margin-bottom: calc(calc(88 / 750) * 100vw);
  }
}
@media only screen and (min-width:851px) {
  .cTitleM {
    font-size: 3rem;
    margin-bottom: 58px;
  }
}
.cTitleM.type2 {
  color: var(--white);
}

.cTitleS {
  font-family: "Noto Sans JP", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  font-weight: 700;
  color: var(--blue);
}
@media only screen and (max-width:850px) {
  .cTitleS {
    font-size: calc(calc(30 / 750) * 100vw);
    margin-bottom: calc(calc(50 / 750) * 100vw);
  }
}
@media only screen and (min-width:851px) {
  .cTitleS {
    font-size: 2.6rem;
    margin-bottom: 26px;
  }
}
.cTitleS.type2 {
  color: var(--white);
}

@media only screen and (max-width:850px) {
  .cTextLink {
    font-size: calc(calc(28 / 750) * 100vw);
  }
}
@media only screen and (min-width:851px) {
  .cTextLink {
    font-size: 1.4rem;
  }
}
.cTextLink a {
  position: relative;
  display: inline-block;
  padding: 0.1em 1em 0 0;
}
.cTextLink a:link, .cTextLink a:visited, .cTextLink a:active {
  color: var(--blue);
  text-decoration: none;
}
.cTextLink a::after {
  position: absolute;
  right: 0;
  top: calc(50% - 1px);
  content: "";
  display: block;
  width: 0.8em;
  height: 0.8em;
  border-top: var(--blue) 1px solid;
  border-right: var(--blue) 1px solid;
  transform: rotate(45deg) translateY(-50%);
}
.cTextLink.back a {
  position: relative;
  display: inline-block;
  padding: 0.1em 0 0 1em;
}
.cTextLink.back a:link, .cTextLink.back a:visited, .cTextLink.back a:active {
  color: var(--blue);
  text-decoration: none;
}
.cTextLink.back a::after {
  position: absolute;
  left: 0;
  right: auto;
  top: calc(50% - 1px);
  border-left: var(--blue) 1px solid;
  border-right: none;
  transform: rotate(-45deg) translateY(-50%);
}

@media only screen and (max-width:850px) {
  .cSP {
    display: inline-block;
  }

  .cPC {
    display: none !important;
  }

  .cBtnS {
    position: relative;
    display: flex;
  }
  .cBtnS > a {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    padding: 0 calc(calc(30 / 750) * 100vw + 2.5em) 0 2.5em;
    width: calc(calc(480 / 750) * 100vw);
    height: calc(calc(110 / 750) * 100vw);
    border-radius: calc(calc(55 / 750) * 100vw);
    color: var(--white);
    box-shadow: 0 calc(calc(20 / 750) * 100vw) calc(calc(51.6 / 750) * 100vw) calc(calc(8.4 / 750) * 100vw) rgba(48, 145, 179, 0.2);
    background: linear-gradient(320deg, #01cadc 0%, #01cadc 30%, #00a6dc 70%, #00a6dc 100%);
    font-size: calc(calc(30 / 750) * 100vw);
    font-family: "Noto Sans JP", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
    font-weight: 500;
    line-height: 1;
    text-decoration: none;
    color: var(--white);
    overflow: hidden;
  }
  .cBtnS > a:link, .cBtnS > a:visited, .cBtnS > a:active {
    color: var(--white);
  }
  .cBtnS > a svg {
    fill: var(--white);
    stroke: var(--white);
  }
  .cBtnS > a .cIcoArr {
    position: absolute;
    right: calc(calc(60 / 750) * 100vw);
    top: 50%;
    transform: translate(0, -50%);
    width: calc(calc(30 / 750) * 100vw);
    height: auto;
  }
  .cBtnS > a .cIcoExt {
    position: absolute;
    right: calc(calc(15 / 750) * 100vw);
    top: 50%;
    transform: translate(0, -50%);
    width: calc(calc(16 / 750) * 100vw);
    height: auto;
  }
  .cBtnS > a:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    opacity: 0.15;
    -webkit-clip-path: circle(0 at center);
    clip-path: circle(0 at center);
  }
  .cBtnS > a:hover:before {
    -webkit-clip-path: circle(200px at center);
    clip-path: circle(200px at center);
    transition: 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  .cBtnM {
    position: relative;
    text-align: left;
  }
  .cBtnM > a {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    padding: 0 calc(calc(27 / 750) * 100vw) 0 calc(calc(10 / 750) * 100vw);
    width: calc(calc(480 / 750) * 100vw);
    height: calc(calc(110 / 750) * 100vw);
    border-radius: calc(calc(55 / 750) * 100vw);
    color: var(--white);
    box-shadow: 0 calc(calc(30 / 750) * 100vw) calc(calc(40 / 750) * 100vw) calc(calc(10 / 750) * 100vw) rgba(48, 145, 179, 0.2);
    background: linear-gradient(300deg, #01c6ff 0%, #00a6dc 100%);
    font-size: calc(calc(30 / 750) * 100vw);
    font-family: "Noto Sans JP", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
    font-weight: 500;
    line-height: 1;
    text-decoration: none;
    color: var(--white);
    overflow: hidden;
  }
  .cBtnM > a:link, .cBtnM > a:visited, .cBtnM > a:active {
    color: var(--white);
  }
  .cBtnM > a svg {
    fill: var(--white);
    stroke: var(--white);
  }
  .cBtnM > a .cIcoArr {
    position: absolute;
    right: calc(calc(50 / 750) * 100vw);
    top: 50%;
    transform: translate(0, -50%);
    width: calc(calc(33 / 750) * 100vw);
    height: auto;
  }
  .cBtnM > a .cIcoExt {
    position: absolute;
    right: calc(calc(15 / 750) * 100vw);
    top: 50%;
    transform: translate(0, -50%);
    width: calc(calc(16 / 750) * 100vw);
    height: auto;
  }
  .cBtnM > a:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    opacity: 0.15;
    -webkit-clip-path: circle(0 at center);
    clip-path: circle(0 at center);
  }
  .cBtnM > a:hover:before {
    -webkit-clip-path: circle(200px at center);
    clip-path: circle(200px at center);
    transition: 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  .cBtnM.type1 > a {
    background: linear-gradient(300deg, #01c6ff 0%, #00a6dc 100%);
  }
  .cBtnM.type2 > a {
    background: linear-gradient(300deg, #00e2c5 0%, #01bea1 100%);
    letter-spacing: -0.025em;
  }
  .cBtnM.type3 > a {
    background: linear-gradient(300deg, #7fbad3 0%, #5d95af 100%);
  }
  .cBtnM.btnTel > a > span {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .cBtnM.btnTel > a > span span {
    font-size: calc(calc(30 / 750) * 100vw);
  }
  .cBtnM.btnTel > a > span span + span {
    font-size: calc(calc(20 / 750) * 100vw);
    margin-top: calc(calc(20 / 750) * 100vw);
  }

  .cPageTitle {
    position: relative;
    margin-bottom: calc(calc(94 / 750) * 100vw);
  }
  .cPageTitle::before {
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    display: block;
    background: linear-gradient(120deg, #00a6dc 0%, #01c6ff 100%);
    position: absolute;
    border-radius: 0 calc(calc(130 / 750) * 100vw) calc(calc(130 / 750) * 100vw) 0;
    width: calc(calc(710 / 750) * 100vw);
    height: calc(calc(260 / 750) * 100vw);
  }
  .cPageTitle h1 {
    display: flex;
    align-items: center;
    height: calc(calc(260 / 750) * 100vw);
    padding-left: calc(calc(60 / 750) * 100vw);
  }
  .cPageTitle .cTitle1 {
    display: block;
    margin-bottom: calc(calc(8 / 750) * 100vw);
    color: var(--white);
  }
  .cPageTitle .cTitle1 span::before {
    background: var(--white);
  }
  .cPageTitle .cLinerJa {
    margin-bottom: 0;
    color: var(--white);
  }
  .cPageTitle .bg {
    position: absolute;
    left: 0;
    top: calc(calc(-166 / 750) * 100vw);
    width: calc(calc(727 / 750) * 100vw);
    height: auto;
    pointer-events: none;
  }

  .cTitle1 {
    text-align: left;
    font-family: "Spartan", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
    font-weight: 400;
    line-height: 1.1;
    font-size: calc(calc(22 / 750) * 100vw);
    line-height: 1;
    margin-bottom: calc(calc(28 / 750) * 100vw);
    color: var(--blue);
    text-transform: uppercase;
  }
  .cTitle1 span {
    position: relative;
    display: inline-block;
  }
  .cTitle1 span::before {
    position: absolute;
    right: calc(calc(-48 / 750) * 100vw);
    bottom: 0.5em;
    content: "";
    display: block;
    width: calc(calc(30 / 750) * 100vw);
    height: calc(calc(1 / 750) * 100vw);
    background: var(--blue);
  }
  .cTitle1.type2 {
    color: var(--white);
  }
  .cTitle1.type2 span::before {
    background: var(--white);
  }

  .cLinerJa {
    position: relative;
    font-family: "Noto Sans JP", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
    font-weight: 700;
    font-size: calc(calc(44 / 750) * 100vw);
    color: var(--blue);
    line-height: calc(64 / 44);
    margin-bottom: calc(calc(28 / 750) * 100vw);
  }
  .cLinerJa.type2 {
    color: var(--white);
  }
  .cLinerJa.type3 {
    color: var(--main-text);
  }
  .home .cLinerJa {
    font-size: calc(calc(48 / 750) * 100vw);
    line-height: calc(66 / 48);
  }

  .cText2 {
    position: relative;
    text-align: left;
    letter-spacing: -0.01em;
    font-size: calc(calc(24 / 750) * 100vw);
    line-height: calc(42 / 24);
    margin-bottom: 2em;
  }
  .cText2.type2 {
    color: var(--white);
  }
}
@media only screen and (min-width:851px) {
  .cSP {
    display: none !important;
  }

  .cPC {
    display: inline-block;
  }

  .cBtnS {
    position: relative;
    display: flex;
  }
  .cBtnS > a {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 calc(30px + 24px + 20px) 0 calc(30px + 25px);
    min-width: 280px;
    height: 60px;
    border-radius: 30px;
    color: var(--white);
    box-shadow: 0 30px 60.2px 9.8px rgba(48, 145, 179, 0.2);
    background: linear-gradient(320deg, #01cadc 0%, #01cadc 40%, #00a6dc 60%, #00a6dc 100%);
    font-size: 2rem;
    font-family: "Noto Sans JP", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
    font-weight: 500;
    line-height: 1;
    text-decoration: none;
    color: var(--white);
    overflow: hidden;
  }
  .cBtnS > a:link, .cBtnS > a:visited, .cBtnS > a:active {
    color: var(--white);
  }
  .cBtnS > a svg {
    fill: var(--white);
    stroke: var(--white);
  }
  .cBtnS > a .cIcoArr {
    position: absolute;
    right: 30px;
    top: 50%;
    transform: translate(0, -50%);
    width: 24px;
    height: auto;
  }
  .cBtnS > a .cIcoExt {
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translate(0, -50%);
    width: 16px;
    height: auto;
  }
  .cBtnS > a:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    opacity: 0.15;
    -webkit-clip-path: circle(0 at center);
    clip-path: circle(0 at center);
  }
  .cBtnS > a:hover:before {
    -webkit-clip-path: circle(200px at center);
    clip-path: circle(200px at center);
    transition: 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  .cBtnM {
    position: relative;
    text-align: left;
  }
  .cBtnM > a {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 calc(1em + 12px) 0 1em;
    width: 300px;
    height: 80px;
    border-radius: 40px;
    color: var(--white);
    box-shadow: 0 30px 40px 10px rgba(48, 145, 179, 0.2);
    background: linear-gradient(300deg, #01c6ff 0%, #00a6dc 100%);
    font-size: 2rem;
    font-family: "Noto Sans JP", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
    font-weight: 500;
    line-height: 1;
    text-decoration: none;
    color: var(--white);
    overflow: hidden;
  }
  .cBtnM > a:link, .cBtnM > a:visited, .cBtnM > a:active {
    color: var(--white);
  }
  .cBtnM > a svg {
    fill: var(--white);
    stroke: var(--white);
  }
  .cBtnM > a .cIcoArr {
    position: absolute;
    right: 30px;
    top: 50%;
    transform: translate(0, -11px);
    width: 24px;
    height: auto;
  }
  .cBtnM > a .cIcoExt {
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translate(0, -50%);
    width: 16px;
    height: auto;
  }
  .cBtnM > a:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    opacity: 0.15;
    -webkit-clip-path: circle(0 at center);
    clip-path: circle(0 at center);
  }
  .cBtnM > a:hover:before {
    -webkit-clip-path: circle(200px at center);
    clip-path: circle(200px at center);
    transition: 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  .cBtnM.noIco > a {
    padding: 0 1em;
  }
  .cBtnM.type1 > a {
    background: linear-gradient(300deg, #01c6ff 0%, #00a6dc 100%);
  }
  .cBtnM.type2 > a {
    background: linear-gradient(300deg, #00e2c5 0%, #01bea1 100%);
    font-size: 1.9rem;
    letter-spacing: -0.025em;
  }
  .cBtnM.type3 > a {
    background: linear-gradient(300deg, #7fbad3 0%, #5d95af 100%);
  }

  .cPageTitle {
    position: relative;
    margin-bottom: 120px;
  }
  .cPageTitle::before {
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    display: block;
    background: linear-gradient(120deg, #00a6dc 0%, #01c6ff 100%);
    position: absolute;
    border-radius: 0 150px 150px 0;
    width: calc(100vw - 40px);
    height: 300px;
  }
  .cPageTitle h1 {
    display: flex;
    align-items: center;
    padding-left: 150px;
    height: 300px;
  }
  .cPageTitle .cTitle1 {
    display: block;
    position: absolute;
    top: -1.3em;
    color: var(--white);
  }
  .cPageTitle .cTitle1 span::before {
    background: var(--white);
  }
  .cPageTitle .cLinerJa {
    margin-bottom: 0;
    color: var(--white);
  }
  .cPageTitle .bg {
    position: absolute;
    left: 0;
    top: -90px;
    pointer-events: none;
  }

  .cTitle1 {
    text-align: left;
    font-family: "Spartan", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
    font-weight: 400;
    line-height: 1.1;
    font-size: 1.6rem;
    line-height: 1;
    margin-bottom: 22px;
    color: var(--blue);
    text-transform: uppercase;
  }
  .cTitle1 span {
    position: relative;
    display: inline-block;
  }
  .cTitle1 span::before {
    position: absolute;
    right: -48px;
    bottom: 0.5em;
    content: "";
    display: block;
    width: 30px;
    height: 1px;
    background: var(--blue);
  }
  .cTitle1.type2 {
    color: var(--white);
  }
  .cTitle1.type2 span::before {
    background: var(--white);
  }

  .cLinerJa {
    position: relative;
    font-family: "Noto Sans JP", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
    font-weight: 700;
    font-size: 3.6rem;
    color: var(--blue);
    line-height: calc(56 / 36);
    margin-bottom: 18px;
  }
  .cLinerJa.type2 {
    color: var(--white);
  }
  .cLinerJa.type3 {
    color: var(--main-text);
  }

  .cText2 {
    position: relative;
    text-align: left;
    letter-spacing: -0.01em;
    font-size: 1.6rem;
    line-height: calc(36 / 16);
    margin-bottom: 2em;
  }
  .cText2.type2 {
    color: var(--white);
  }
}
@media only screen and (min-width:1280px) {
  .cPageTitle::before {
    width: calc(100vw - 120px);
    max-width: calc(1060px + calc(calc(100vw - 1060px) / 2));
  }
}
.cPanel {
  position: relative;
}
.cPanel .img {
  width: 100%;
  height: auto;
}
@media only screen and (max-width:850px) {
  .cPanel {
    border-radius: calc(calc(5 / 750) * 100vw);
    background-color: white;
    box-shadow: 0 calc(calc(20 / 750) * 100vw) calc(calc(51.6 / 750) * 100vw) calc(calc(8.4 / 750) * 100vw) rgba(48, 145, 179, 0.2);
    width: 100%;
    margin-bottom: calc(calc(60 / 750) * 100vw);
  }
}
@media only screen and (min-width:851px) {
  .cPanel {
    border-radius: 5px;
    background-color: white;
    box-shadow: 0px 20px 51.6px 8.4px rgba(48, 145, 179, 0.2);
    width: 100%;
    margin-bottom: 50px;
  }
}
@media only screen and (max-width:850px) {
  .cPanelPrice .sticker {
    position: absolute;
    top: calc(calc(-33 / 750) * 100vw);
    right: calc(calc(-44 / 750) * 100vw);
    width: calc(calc(160 / 750) * 100vw);
    height: auto;
    border-radius: 50%;
    box-shadow: 0px calc(calc(30 / 750) * 100vw) calc(calc(60.2 / 750) * 100vw) calc(calc(9.8 / 750) * 100vw) rgba(48, 145, 179, 0.2);
  }
  .cPanelPrice .title {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: calc(calc(22 / 750) * 100vw);
    color: var(--blue);
    font-family: "Noto Sans JP", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
    font-weight: 500;
  }
  .cPanelPrice .title::after {
    content: "";
    display: block;
    width: calc(calc(60 / 750) * 100vw);
    height: 1px;
    margin-top: calc(calc(8 / 750) * 100vw);
    background-color: var(--blue);
  }
}
@media only screen and (min-width:851px) {
  .cPanelPrice .sticker {
    position: absolute;
    top: 0;
    right: 0;
    transform: translate(42.5%, -53%);
    width: calc(calc(120 / 1280) * 100vw);
    min-width: 100px;
    max-width: 120px;
    height: auto;
    border-radius: 50%;
    box-shadow: 0px 30px 60.2px 9.8px rgba(48, 145, 179, 0.2);
  }
  .cPanelPrice .title {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 22px;
    color: var(--blue);
    font-family: "Noto Sans JP", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
    font-weight: 500;
    font-size: 2rem;
  }
  .cPanelPrice .title::after {
    content: "";
    display: block;
    width: 40px;
    height: 1px;
    margin-top: 8px;
    background-color: var(--blue);
  }
}

.cImgPanel {
  width: 100%;
  height: auto;
  overflow: hidden;
}
.cImgPanel .img {
  width: 100%;
  height: auto;
}
@media only screen and (max-width:850px) {
  .cImgPanel {
    width: calc(calc(670 / 750) * 100vw);
    margin-bottom: calc(calc(50 / 750) * 100vw);
    border-radius: calc(calc(5 / 750) * 100vw);
    box-shadow: 0 calc(calc(20 / 750) * 100vw) calc(calc(51.6 / 750) * 100vw) calc(calc(8.4 / 750) * 100vw) rgba(48, 145, 179, 0.2);
  }
  .cInner .cImgPanel {
    margin-left: calc(calc(-20 / 750) * 100vw);
  }
  .cInner3 .cImgPanel {
    margin-left: 0;
  }
}
@media only screen and (min-width:851px) {
  .cImgPanel {
    margin-bottom: 50px;
    border-radius: 5px;
    box-shadow: 0px 20px 51.6px 8.4px rgba(48, 145, 179, 0.2);
  }
}

@media only screen and (max-width:850px) {
  .cPanels ul {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
  }
  .cPanels ul .cPanel {
    width: calc(calc(590 / 750) * 100vw);
    margin: 0 calc(calc(36 / 750) * 100vw) calc(calc(60 / 750) * 100vw);
  }
}
@media only screen and (min-width:851px) {
  .cPanels {
    margin-bottom: 52px;
  }
  .cPanels ul {
    display: flex;
    justify-content: center;
  }
  .cPanels ul .cPanel {
    width: 410px;
    margin: 0 calc(calc(36 / 1280) * 100vw);
  }
}
@media only screen and (min-width:1056px) {
  .cPanels {
    margin-bottom: 52px;
  }
  .cPanels ul {
    display: flex;
    justify-content: center;
  }
  .cPanels ul .cPanel {
    width: 410px;
    margin: 0 36px;
  }
}

@media only screen and (max-width:850px) {
  .cPanelsVW ul {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
  }
  .cPanelsVW ul .cPanel {
    width: calc(calc(590 / 750) * 100vw);
    margin: 0 calc(calc(36 / 750) * 100vw) calc(calc(60 / 750) * 100vw);
  }
}
@media only screen and (min-width:851px) {
  .cPanelsVW ul {
    display: flex;
    justify-content: center;
  }
  .cPanelsVW ul .cPanel {
    width: calc(calc(410 / 1280) * 100vw);
    margin: 0 calc(calc(36 / 1280) * 100vw);
  }
}
@media only screen and (min-width:1400px) {
  .cPanelsVW ul .cPanel {
    width: 448.437px;
    margin: 0 39.375px;
  }
}

@media only screen and (max-width:850px) {
  .cItemList {
    width: calc(calc(670 / 750) * 100vw);
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin-left: calc(calc(-20 / 750) * 100vw);
  }
  .cItemList li {
    width: calc(calc(335 / 750) * 100vw);
    margin: 0 0 calc(calc(60 / 750) * 100vw);
    font-family: "Noto Sans JP", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
    font-weight: 700;
    font-size: calc(calc(30 / 750) * 100vw);
    text-align: center;
    color: var(--blue);
  }
  .cItemList li .img {
    width: 100%;
    height: auto;
  }
  .cItemList li p {
    white-space: nowrap;
  }
}
@media only screen and (min-width:851px) {
  .cItemList {
    margin-top: 87px;
    margin-bottom: calc(97px - 80px);
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin-left: -108px;
  }
  .cItemList li {
    width: 292px;
    margin: 0 0 80px 68px;
    font-family: "Noto Sans JP", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
    font-weight: 700;
    font-size: 2.4rem;
    text-align: center;
    color: var(--blue);
  }
  .cItemList li .img {
    width: 100%;
    height: auto;
  }
  .cItemList li p {
    white-space: nowrap;
  }
}

@media only screen and (max-width:850px) {
  .cSteps li {
    position: relative;
    color: var(--blue);
    width: calc(calc(586 / 750) * 100vw);
    margin: 0 auto calc(calc(80 / 750) * 100vw);
    padding: calc(calc(46 / 750) * 100vw) 0 calc(calc(16 / 750) * 100vw);
    border-radius: calc(calc(5 / 750) * 100vw);
    background: var(--white);
    background-color: white;
    box-shadow: 0 calc(calc(20 / 750) * 100vw) calc(calc(51.6 / 750) * 100vw) calc(calc(8.4 / 750) * 100vw) rgba(48, 145, 179, 0.2);
  }
  .cSteps li .boxArea {
    display: flex;
    justify-content: space-between;
    padding: 0 calc(calc(66 / 750) * 100vw) calc(calc(30 / 750) * 100vw) calc(calc(46 / 750) * 100vw);
  }
  .cSteps li .boxArea > p {
    display: flex;
    align-items: center;
    font-family: "Noto Sans JP", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
    font-weight: 700;
    font-size: calc(calc(32 / 750) * 100vw);
    transition: opacity 0.2s ease-out 0.2s, transform 0.4s ease-out 0.4s;
  }
  .cSteps li .boxArea > p .num {
    position: relative;
    top: calc(calc(10 / 750) * 100vw);
    padding-right: calc(calc(33 / 750) * 100vw);
    font-family: "Spartan", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
    font-weight: 300;
    line-height: 1.1;
    font-size: calc(calc(90 / 750) * 100vw);
  }
  .cSteps li .illust {
    transition: transform 0.8s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;
  }
  .cSteps li .illust img {
    width: 100%;
    height: auto;
    transition: opacity 0.8s ease-out 0.6s;
  }
  .cSteps li .text {
    display: block;
    font-family: "Noto Sans JP", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
    font-weight: 400;
    font-size: calc(calc(20 / 750) * 100vw);
  }
  .cSteps li .text2 {
    padding: 1em;
    background: #e1f5fb;
    font-size: calc(calc(24 / 750) * 100vw);
    text-align: center;
  }
  .cSteps li .arr {
    position: absolute;
    top: 100%;
    left: 50%;
    z-index: -2;
    width: calc(calc(150 / 750) * 100vw);
    transform: translate(-50%, 50%) rotate(90deg);
  }
  .cSteps li.type1 .illust {
    width: calc(calc(214.84 / 750) * 100vw);
  }
  .cSteps li.type2 .illust {
    width: calc(calc(175.54 / 750) * 100vw);
  }
  .cSteps li.type3 .illust {
    width: calc(calc(88 / 750) * 100vw);
    margin-right: calc(calc(30 / 750) * 100vw);
  }
  .cSteps li.type4 .illust {
    width: calc(calc(137.55 / 750) * 100vw);
  }
  .cSteps li.type5 .illust {
    width: calc(calc(127.07 / 750) * 100vw);
  }
  .cSteps li.type6 .illust {
    width: calc(calc(117.9 / 750) * 100vw);
  }
}
@media only screen and (min-width:851px) {
  .cSteps {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: calc(calc(980 / 1280) * 100vw);
    margin: calc(calc(37 / 1280) * 100vw) auto 0;
  }
  .cSteps li {
    position: relative;
    text-align: center;
    color: var(--blue);
    margin-bottom: 64px;
  }
  .cSteps li .boxArea {
    position: relative;
    width: calc(calc(260 / 1280) * 100vw);
    height: calc(calc(260 / 1280) * 100vw);
    padding: calc(calc(17 / 1280) * 100vw);
  }
  .cSteps li .boxArea::before {
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    content: "";
    display: block;
    background: #fff;
    border-radius: 50%;
    box-shadow: 0px 20px 25.8px 4.2px rgba(48, 145, 179, 0.1);
    width: calc(calc(260 / 1280) * 100vw);
    height: calc(calc(260 / 1280) * 100vw);
  }
  .cSteps li .illust {
    margin: 0 auto;
    transition: transform 0.8s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;
  }
  .cSteps li .illust img {
    width: 100%;
    height: auto;
    transition: opacity 0.8s ease-out 0.6s;
  }
  .cSteps li p {
    font-family: "Noto Sans JP", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
    font-weight: 700;
    font-size: calc(calc(20 / 1280) * 100vw);
    white-space: nowrap;
    transition: opacity 0.2s ease-out 0.2s, transform 0.4s ease-out 0.4s;
  }
  .cSteps li p .num {
    display: block;
    font-family: "Spartan", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
    font-weight: 300;
    line-height: 1.1;
    font-size: calc(calc(40 / 1280) * 100vw);
  }
  .cSteps li .text {
    font-family: "Noto Sans JP", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
    font-weight: 400;
    font-size: calc(calc(14 / 1280) * 100vw);
  }
  .cSteps li .text2 {
    margin-top: 1em;
    font-family: "Noto Sans JP", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
    font-weight: 700;
    font-size: calc(calc(14 / 1280) * 100vw);
    letter-spacing: -0.08em;
    width: calc(calc(260 / 1280) * 100vw);
  }
  .cSteps li .arr {
    position: absolute;
    left: 100%;
    top: 50%;
    z-index: -2;
    width: calc(calc(102 / 1280) * 100vw);
    transform: translate(0, -50%);
  }
  .cSteps li .arr2 {
    position: absolute;
    left: -10%;
    top: 50%;
    z-index: -2;
    width: calc(calc(102 / 1280) * 100vw);
    transform: translate(0, -50%);
  }
  .cSteps li.type1 .illust {
    width: calc(calc(164 / 1280) * 100vw);
    margin: calc(calc(16 / 1280) * 100vw) auto;
  }
  .cSteps li.type2 .illust {
    width: calc(calc(134 / 1280) * 100vw);
    margin: calc(calc(16 / 1280) * 100vw) auto;
  }
  .cSteps li.type3 .illust {
    width: calc(calc(80 / 1280) * 100vw);
    margin: calc(calc(16 / 1280) * 100vw) auto;
  }
  .cSteps li.type4 .illust {
    width: calc(calc(105 / 1280) * 100vw);
    margin: calc(calc(16 / 1280) * 100vw) auto;
  }
  .cSteps li.type5 .illust {
    width: calc(calc(97 / 1280) * 100vw);
    margin: calc(calc(16 / 1280) * 100vw) auto;
  }
  .cSteps li.type6 .illust {
    width: calc(calc(90 / 1280) * 100vw);
    margin: calc(calc(16 / 1280) * 100vw) auto;
  }
  .cSteps li:nth-child(3) .arr {
    transform: translate(-65%, -50%);
  }
}
@media only screen and (min-width:1400px) {
  .cSteps {
    width: 1071px;
    margin: 37px auto;
  }
  .cSteps li {
    margin-bottom: 64px;
  }
  .cSteps li .boxArea {
    position: relative;
    width: 285px;
    height: 285px;
  }
  .cSteps li .boxArea::before {
    width: 285px;
    height: 285px;
  }
  .cSteps li p {
    font-size: 21.9062px;
  }
  .cSteps li p .num {
    font-size: 44px;
  }
  .cSteps li .text {
    font-family: "Noto Sans JP", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
    font-weight: 400;
    font-size: 15.3344px;
  }
  .cSteps li .text2 {
    margin-top: 1em;
    font-family: "Noto Sans JP", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
    font-weight: 700;
    font-size: 15.3125px;
    letter-spacing: -0.08em;
    width: 285px;
  }
  .cSteps li .arr {
    width: 111.562px;
  }
  .cSteps li .arr2 {
    width: 111.562px;
  }
  .cSteps li.type1 .illust {
    width: 179.38px;
    margin: 17.5px auto;
  }
  .cSteps li.type2 .illust {
    width: 146.56px;
    margin: 17.5px auto;
  }
  .cSteps li.type3 .illust {
    width: 87.5px;
    margin: 17.5px auto;
  }
  .cSteps li.type4 .illust {
    width: 114.67px;
    margin: 17.5px auto;
  }
  .cSteps li.type5 .illust {
    width: 105.94px;
    margin: 17.5px auto;
  }
  .cSteps li.type6 .illust {
    width: 98.3px;
    margin: 17.5px auto;
  }
  .cSteps li:nth-child(3) .arr {
    transform: translate(-65%, -50%);
  }
}

.cTable1 {
  width: 100%;
}
.cTable1 th, .cTable1 td {
  border: 1px solid var(--border);
  vertical-align: middle;
}
.cTable1 th {
  font-weight: bold;
  background: var(--bggray);
}
.cTable1 td {
  vertical-align: middle;
}
.cTable1 td p {
  margin-bottom: 1em;
}
@media only screen and (max-width:850px) {
  .cTable1 {
    margin-bottom: calc(calc(36 / 750) * 100vw);
  }
  .cTable1 th {
    min-width: 6em;
  }
  .cTable1 th, .cTable1 td {
    padding: 1em;
    font-size: calc(calc(20 / 750) * 100vw);
  }
}
@media only screen and (min-width:851px) {
  .cTable1 {
    margin-bottom: 24px;
    margin-right: 30px;
  }
  .cTable1 th {
    min-width: 9em;
  }
  .cTable1 th, .cTable1 td {
    padding: 1em;
    font-size: 1.4rem;
  }
}
@media only screen and (max-width:850px) {
  .cTable1.type1 {
    border-top: 1px solid var(--border);
    border-left: 1px solid var(--border);
  }
  .cTable1.type1 tr {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
  }
  .cTable1.type1 th, .cTable1.type1 td {
    display: flex;
    align-items: center;
    padding: 1em;
    font-size: calc(calc(20 / 750) * 100vw);
    border-top: none;
    border-left: none;
  }
  .cTable1.type1 td {
    padding: 0.3em 20px;
    height: calc(calc(73 / 750) * 100vw);
    width: 50%;
  }
  .cTable1.type1 td:nth-child(2n-1) {
    background: var(--bggray);
  }
}
@media only screen and (min-width:851px) {
  .cTable1.type1 td {
    padding: 0.3em 20px;
    height: 54px;
    width: 25%;
  }
  .cTable1.type1 td:nth-child(2n-1) {
    background: var(--bggray);
  }
}

.cTable2 {
  width: 100%;
  border-top: 1px solid var(--border);
}
.cTable2 th, .cTable2 td {
  border-bottom: 1px solid var(--border);
  vertical-align: top;
}
.cTable2 th {
  font-weight: bold;
}
.cTable2 td p {
  margin-bottom: 1em;
}
@media only screen and (max-width:850px) {
  .cTable2 {
    margin-bottom: calc(calc(36 / 750) * 100vw);
  }
  .cTable2 th, .cTable2 td {
    font-size: calc(calc(22 / 750) * 100vw);
  }
  .cTable2 th {
    width: calc(calc(215 / 750) * 100vw);
    padding: 1em calc(calc(10 / 750) * 100vw) 1em 0;
  }
  .cTable2 td {
    width: calc(calc(462 / 750) * 100vw);
    padding: 1em 0;
  }
}
@media only screen and (min-width:851px) {
  .cTable2 {
    margin-bottom: 24px;
    margin-right: 30px;
  }
  .cTable2 th {
    min-width: 9em;
  }
  .cTable2 th, .cTable2 td {
    padding: 1em;
    font-size: 1.4rem;
  }
}

.cInfo {
  line-height: 1.8;
}
.cInfo li dl {
  display: grid;
  width: 100%;
}
.cInfo li dl dt {
  font-weight: bold;
}
@media only screen and (max-width:850px) {
  .cInfo {
    border-top: calc(calc(2 / 750) * 100vw) solid var(--border);
    font-size: calc(calc(26 / 750) * 100vw);
    line-height: 1.6;
  }
  .cInfo li {
    border-bottom: calc(calc(2 / 750) * 100vw) solid var(--border);
    padding: calc(calc(40 / 750) * 100vw) 0;
  }
  .cInfo li dl {
    grid-template-rows: auto auto;
  }
  .cInfo li dt {
    margin-bottom: calc(calc(16 / 750) * 100vw);
  }
  .cInfo li dd > p + p {
    margin-top: calc(calc(20 / 750) * 100vw);
  }
}
@media only screen and (min-width:851px) {
  .cInfo {
    border-top: 1px solid var(--border);
    font-size: 1.6rem;
  }
  .cInfo li {
    border-bottom: 1px solid var(--border);
    padding: 38px 0;
  }
  .cInfo li dl {
    grid-template-columns: 220px 1fr;
  }
  .cInfo li dd > p + p {
    margin-top: 20px;
  }
}

.cMonthlyCost {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: baseline;
  color: var(--blue);
}
@media only screen and (max-width:850px) {
  .cMonthlyCost {
    width: calc(calc(380 / 750) * 100vw);
    margin: calc(calc(-71 / 750) * 100vw) auto 0;
    transform: translateX(-0.5em);
  }
  .cMonthlyCost .unit {
    font-family: "Noto Sans JP", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
    font-weight: 500;
    font-size: calc(calc(32 / 750) * 100vw);
  }
  .cMonthlyCost .num {
    padding: 0 calc(calc(15 / 750) * 100vw);
    font-family: "Spartan", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
    font-weight: 400;
    line-height: 1.1;
    font-size: calc(calc(82 / 750) * 100vw);
    letter-spacing: -0.05em;
  }
  .cMonthlyCost .yen {
    font-family: "Noto Sans JP", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
    font-weight: 500;
    font-size: calc(calc(32 / 750) * 100vw);
  }
  .cMonthlyCost .tax {
    position: absolute;
    right: 0;
    top: 0;
    font-family: "Noto Sans JP", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
    font-weight: 500;
    font-size: calc(calc(17 / 750) * 100vw);
  }
}
@media only screen and (min-width:851px) {
  .cMonthlyCost {
    width: 334px;
    margin: -53px auto 0;
  }
  .cMonthlyCost .unit {
    font-family: "Noto Sans JP", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
    font-weight: 500;
    font-size: 2.6rem;
  }
  .cMonthlyCost .num {
    padding: 0 15px;
    font-family: "Spartan", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
    font-weight: 400;
    line-height: 1.1;
    font-size: 6.6rem;
    letter-spacing: -0.05em;
  }
  .cMonthlyCost .yen {
    font-family: "Noto Sans JP", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
    font-weight: 500;
    font-size: 2.6rem;
  }
  .cMonthlyCost .tax {
    position: absolute;
    right: 5px;
    top: 0;
    font-family: "Noto Sans JP", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
    font-weight: 500;
    font-size: 1.4rem;
  }
}

.cCostDetails {
  display: grid;
}
@media only screen and (max-width:850px) {
  .cCostDetails {
    grid-template-columns: calc(calc(87 / 750) * 100vw) 1fr;
    width: calc(calc(448 / 750) * 100vw);
    margin: calc(calc(25 / 750) * 100vw) auto 0;
    padding-bottom: calc(calc(58 / 750) * 100vw);
  }
}
@media only screen and (min-width:851px) {
  .cCostDetails {
    grid-template-columns: 66px 1fr;
    width: 334px;
    margin: 38px auto 68px;
  }
}
.cCostDetails .unit {
  display: flex;
  justify-content: center;
  align-items: center;
  align-self: center;
  font-family: "Noto Sans JP", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  font-weight: 500;
  color: var(--blue);
  border: var(--blue) 1px solid;
  border-radius: 50%;
}
@media only screen and (max-width:850px) {
  .cCostDetails .unit {
    width: calc(calc(68 / 750) * 100vw);
    height: calc(calc(68 / 750) * 100vw);
    font-size: calc(calc(20 / 750) * 100vw);
  }
}
@media only screen and (min-width:851px) {
  .cCostDetails .unit {
    width: 54px;
    height: 54px;
    font-size: 1.4rem;
  }
}
.cCostDetails .uPrice {
  position: relative;
  background-color: var(--white);
  display: flex;
  align-items: baseline;
  justify-content: space-between;
}
.cCostDetails .uPrice::before {
  position: absolute;
  left: 0;
  top: 50%;
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background-color: var(--blue);
}
.cCostDetails .uPrice dt {
  position: relative;
  z-index: 1;
  background-color: var(--white);
  padding-right: 1em;
}
.cCostDetails .uPrice dd {
  position: relative;
  z-index: 1;
  background-color: var(--white);
  padding-left: 1em;
}

/* ==============================================
 BASE STYLE
============================================== */
html, body {
  width: 100%;
  height: 100%;
}

body {
  width: 100%;
  background: var(--main-bg);
  color: var(--main-text);
  text-align: left;
  font-family: "Noto Sans JP", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  font-weight: 400;
  word-wrap: break-word;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  /* menu オープン時などfixedに */
}
@media only screen and (max-width:850px) {
  body {
    font-size: calc(calc(24 / 750) * 100vw);
    line-height: 1.75;
  }
}
@media only screen and (min-width:851px) {
  body {
    font-size: 1.6rem;
    line-height: 1.8;
  }
}
body.fixed {
  overflow: hidden;
}

[data-ruby] {
  position: relative;
}

[data-ruby]::before {
  content: attr(data-ruby);
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  font-size: 0.42em;
  letter-spacing: 0.3em;
}
@media only screen and (max-width:850px) {
  [data-ruby]::before {
    top: -1em;
    font-size: 0.44em;
  }
}
@media only screen and (min-width:851px) {
  [data-ruby]::before {
    top: -0.75em;
    font-size: 0.4em;
  }
}

a {
  cursor: pointer;
  -webkit-tap-highlight-color: rgba(var(--white), 0.5);
}
a:link {
  color: var(--main-text);
}
a:visited {
  color: var(--main-text);
}
a:hover {
  text-decoration: none;
}
a:active {
  color: var(--main-text);
}
a.scroll img, a.scroll div, a.scroll dl, a.scroll ul, a.scroll td, a.scroll dd, a.scroll span, a.scroll svg {
  pointer-events: none;
}

strong {
  font-weight: bold;
}

.gs_bubble {
  position: relative;
}
.gs_bubble::before, .gs_bubble::after {
  position: absolute;
  left: 0;
  top: 0;
  transform: translateY(20px) scale(0.01);
  content: "";
  display: block;
  border-radius: 50%;
}
@media only screen and (max-width:850px) {
  .gs_bubble::before {
    left: 0;
    top: calc(calc(30 / 750) * 100vw);
    width: calc(calc(90 / 750) * 100vw);
    height: calc(calc(90 / 750) * 100vw);
    border: var(--blue) calc(calc(6 / 750) * 100vw) solid;
  }
  .gs_bubble::after {
    left: calc(calc(110 / 750) * 100vw);
    top: calc(calc(-60 / 750) * 100vw);
    width: calc(calc(180 / 750) * 100vw);
    height: calc(calc(180 / 750) * 100vw);
    border: var(--blue) calc(calc(10 / 750) * 100vw) solid;
  }
}
@media only screen and (min-width:851px) {
  .gs_bubble::before {
    width: 90px;
    height: 90px;
    border: var(--blue) 4.5px solid;
  }
  .gs_bubble::after {
    left: 60px;
    top: -60px;
    width: 180px;
    height: 180px;
    border: var(--blue) 7.5px solid;
  }
}
.gs_bubble.type2::before, .gs_bubble.type2::after {
  border-color: var(--white);
}
.gs_bubble.gs_bubble_shown::before {
  -webkit-animation: particleAlpha 2s linear forwards, particleScale 2s cubic-bezier(0.19, 1, 0.22, 1) forwards;
  animation: particleAlpha 2s linear forwards, particleScale 2s cubic-bezier(0.19, 1, 0.22, 1) forwards;
}
.gs_bubble.gs_bubble_shown::after {
  -webkit-animation: particleAlpha 2s linear 0.1s forwards, particleScale 2s cubic-bezier(0.19, 1, 0.22, 1) 0.1s forwards;
  animation: particleAlpha 2s linear 0.1s forwards, particleScale 2s cubic-bezier(0.19, 1, 0.22, 1) 0.1s forwards;
}

.gs_width {
  position: relative;
  display: inline-block;
}
.gs_width .cLinerJa {
  display: inline-block;
  -webkit-clip-path: inset(0 100% 0 0);
  clip-path: inset(0 100% 0 0);
  transition: -webkit-clip-path 0.8s;
  transition: clip-path 0.8s;
  transition: clip-path 0.8s, -webkit-clip-path 0.8s;
}
.gs_width.gs_width_shown .cLinerJa {
  -webkit-clip-path: inset(0 0 0 0);
  clip-path: inset(0 0 0 0);
}

@media only screen and (max-width:850px) {
  #wrapper {
    position: relative;
    width: 100%;
    overflow: hidden;
  }

  #content {
    position: relative;
    width: 100%;
    word-wrap: break-word;
    padding-bottom: calc(calc(114 / 750) * 100vw);
  }

  .cSection {
    position: relative;
    z-index: 0;
    text-align: left;
    padding-bottom: calc(calc(140 / 750) * 100vw);
  }
  .cSection.noGap {
    padding-bottom: 0;
  }

  .cGrassBox {
    position: relative;
    z-index: 1;
    padding: calc(calc(67 / 750) * 100vw) 0 calc(calc(60 / 750) * 100vw);
    background: var(--bggrass);
  }
  .cGrassBox::before {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    content: "";
    width: 100%;
    height: calc(calc(250 / 750) * 100vw);
    background-image: linear-gradient(180deg, #07a9dd 0%, rgba(7, 169, 221, 0.5) 29%, rgba(7, 169, 221, 0.36) 49%, rgba(7, 169, 221, 0) 100%);
    opacity: 0.2;
    display: block;
  }
  .cGrassBox::after {
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    content: "";
    width: 100%;
    height: 100%;
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
  }

  .cGradientBgBox {
    position: relative;
    z-index: 1;
    background: var(--bggrass);
    background-image: linear-gradient(0deg, #a2ecff 0%, #51c9ee 38%, #00a6dc 86%);
  }

  .cInner {
    position: relative;
    width: calc(calc(670 / 750) * 100vw);
    margin: 0 auto;
    padding: 0 calc(calc(20 / 750) * 100vw);
  }
  .cInner + .cInner {
    margin-top: calc(calc(48 / 750) * 100vw);
  }

  .cInner2 + .cInner2 {
    margin-top: calc(calc(58 / 750) * 100vw);
  }

  .cInner3 {
    position: relative;
    width: calc(calc(670 / 750) * 100vw);
    margin: 30% auto 0px;
    padding: 0;
  }
  .cInner3 + .cInner3 {
    margin-top: calc(calc(48 / 750) * 100vw);
  }
}
@media only screen and (min-width:851px) {
  #wrapper {
    position: relative;
    width: 100%;
    text-align: left;
  }

  #content {
    position: relative;
    width: 100%;
    padding-bottom: 114px;
    word-wrap: break-word;
    overflow: hidden;
    transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0.2s;
  }

  .cSection {
    position: relative;
    z-index: 0;
    padding-bottom: 100px;
  }
  .cSection.noGap {
    padding-bottom: 0;
  }

  .cGrassBox {
    position: relative;
    position: relative;
    z-index: 1;
    background: var(--bggrass);
  }
  .cGrassBox::before {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    content: "";
    width: 100%;
    min-height: 250px;
    background-image: linear-gradient(180deg, #07a9dd 0%, rgba(7, 169, 221, 0.5) 29%, rgba(7, 169, 221, 0.36) 49%, rgba(7, 169, 221, 0) 100%);
    opacity: 0.2;
    display: block;
  }
  .cGrassBox::after {
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    content: "";
    width: 100%;
    height: 100%;
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
  }
  .cGrassBox > div {
    position: relative;
    z-index: 3;
  }

  .cGradientBgBox {
    position: relative;
    z-index: 1;
    background: var(--bggrass);
    background-image: linear-gradient(0deg, #a2ecff 0%, #51c9ee 38%, #00a6dc 86%);
  }

  .cInner {
    position: relative;
    z-index: 10;
    width: 100%;
    max-width: calc(980px + calc(40px * 2));
    margin: 0 auto;
    padding: 0 40px;
  }
  .cInner + .cInner {
    margin-top: 48px;
  }

  .cInner2 + .cInner2 {
    margin-top: 24px;
  }

  .cInner3 {
    position: relative;
    z-index: 10;
    width: 100%;
    max-width: calc(980px + calc(40px * 2));
    margin: 0 auto;
  }
  .cInner3 + .cInner3 {
    margin-top: 48px;
  }
}
#opening {
  position: fixed;
  right: 0;
  top: 0;
  z-index: var(--zheader3);
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  background-color: var(--white);
  overflow: hidden;
}
#opening .openingBg1 {
  position: absolute;
  left: 0;
  bottom: 0;
  opacity: 0;
  transform: scale(1.2) translate(-20px, 20px);
}
@media only screen and (max-width:850px) {
  #opening .openingBg1 {
    width: calc(calc(330 / 750) * 100vw);
    height: auto;
  }
}
#opening .openingBg2 {
  position: absolute;
  right: 0;
  top: 0;
  opacity: 0;
  transform: scale(1.2);
  transform: scale(1.2) translate(20px, -20px);
}
@media only screen and (max-width:850px) {
  #opening .openingBg2 {
    width: calc(calc(460 / 750) * 100vw);
  }
}
#opening .loadingInner {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  transform: scale(0.8);
}
#opening .loadingInner .openingLogo1 {
  display: inline-block;
  -webkit-clip-path: inset(0 100% 0 0);
  clip-path: inset(0 100% 0 0);
  transition: -webkit-clip-path 0.8s;
  transition: clip-path 0.8s;
  transition: clip-path 0.8s, -webkit-clip-path 0.8s;
}
@media only screen and (max-width:850px) {
  #opening .loadingInner .openingLogo1 {
    width: calc(calc(227 / 750) * 100vw);
    margin-bottom: calc(calc(35 / 750) * 100vw);
  }
}
@media only screen and (min-width:851px) {
  #opening .loadingInner .openingLogo1 {
    width: 198px;
    margin-bottom: 30px;
  }
}
#opening .loadingInner .openingLogo1.shown {
  -webkit-clip-path: inset(0 0 0 0);
  clip-path: inset(0 0 0 0);
  overflow: auto;
}
#opening .loadingInner .openingLogo2 {
  display: inline-block;
  -webkit-clip-path: inset(0 100% 0 0);
  clip-path: inset(0 100% 0 0);
  transition: -webkit-clip-path 0.8s 0.1s;
  transition: clip-path 0.8s 0.1s;
  transition: clip-path 0.8s 0.1s, -webkit-clip-path 0.8s 0.1s;
}
@media only screen and (max-width:850px) {
  #opening .loadingInner .openingLogo2 {
    width: calc(calc(350 / 750) * 100vw);
  }
}
@media only screen and (min-width:851px) {
  #opening .loadingInner .openingLogo2 {
    width: 305px;
  }
}
#opening .loadingInner .openingLogo2.shown {
  -webkit-clip-path: inset(0 0 0 0);
  clip-path: inset(0 0 0 0);
  overflow: auto;
}

/* -------------- noscript ---------------- */
#browserMessage {
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: var(--zheader3);
  transform: translate(-50%, -50%);
  z-index: 10004;
  width: 100%;
  margin: 0 auto;
  background-color: #ff6757;
  color: #fff;
  text-align: center;
  line-height: 1.4;
}
#browserMessage dt {
  font-size: 1.8rem;
}
#browserMessage dd {
  margin-top: 4px;
  font-size: 1.4rem;
}

#oldBrowserMsg {
  display: none;
  position: relative;
  z-index: 10004;
  width: 100%;
  margin: 0 auto;
  background-color: #ff6757;
  color: #fff;
  text-align: center;
  line-height: 1.4;
}
#oldBrowserMsg dt {
  font-family: "Noto Sans JP", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  font-weight: 700;
}
#oldBrowserMsg dd {
  font-family: "Noto Sans JP", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  font-weight: 500;
}
@media only screen and (max-width:850px) {
  #oldBrowserMsg {
    padding: calc(calc(36 / 750) * 100vw) calc(calc(22 / 750) * 100vw);
  }
  #oldBrowserMsg dt {
    font-size: calc(calc(22 / 750) * 100vw);
  }
  #oldBrowserMsg dd {
    margin-top: calc(calc(18 / 750) * 100vw);
    font-size: calc(calc(18 / 750) * 100vw);
  }
  #oldBrowserMsg #oldBrowserMsgBtn {
    position: absolute;
    right: calc(calc(20 / 750) * 100vw);
    top: calc(calc(20 / 750) * 100vw);
    width: calc(calc(55 / 750) * 100vw);
    height: calc(calc(55 / 750) * 100vw);
    cursor: pointer;
  }
  #oldBrowserMsg #oldBrowserMsgBtn::before, #oldBrowserMsg #oldBrowserMsgBtn::after {
    display: block;
    background-color: #fff;
    position: absolute;
    left: 0;
    top: 50%;
    content: "";
  }
  #oldBrowserMsg #oldBrowserMsgBtn::before {
    width: calc(calc(55 / 750) * 100vw);
    height: calc(calc(4 / 750) * 100vw);
    transform: rotate(45deg);
  }
  #oldBrowserMsg #oldBrowserMsgBtn::after {
    width: calc(calc(55 / 750) * 100vw);
    height: calc(calc(4 / 750) * 100vw);
    transform: rotate(-45deg);
  }
}
@media only screen and (min-width:851px) {
  #oldBrowserMsg {
    padding: 1em 3em;
  }
  #oldBrowserMsg dt {
    font-size: 1.4rem;
  }
  #oldBrowserMsg dd {
    margin-top: 4px;
    font-size: 1.2rem;
  }
}
#oldBrowserMsg #oldBrowserMsgBtn {
  position: absolute;
  right: 20px;
  top: 20px;
  width: 15px;
  height: 15px;
  cursor: pointer;
}
#oldBrowserMsg #oldBrowserMsgBtn::before, #oldBrowserMsg #oldBrowserMsgBtn::after {
  display: block;
  background-color: #fff;
  position: absolute;
  left: 0;
  top: 50%;
  content: "";
}
#oldBrowserMsg #oldBrowserMsgBtn::before {
  width: 15px;
  height: 2px;
  transform: rotate(45deg);
}
#oldBrowserMsg #oldBrowserMsgBtn::after {
  width: 15px;
  height: 2px;
  transform: rotate(-45deg);
}
.isIE #oldBrowserMsg {
  display: block;
}

@media only screen and (max-width:850px) {
  .cBtnNav {
    position: relative;
  }
  .cBtnNav > a {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: calc(calc(278 / 750) * 100vw);
    height: calc(calc(68 / 750) * 100vw);
    background: var(--white);
    border-radius: calc(calc(5 / 750) * 100vw);
    color: var(--blue);
    text-decoration: none;
  }
  .cBtnNav > a:link, .cBtnNav > a:visited, .cBtnNav > a:active {
    color: var(--blue);
  }

  .cNavBtnArea {
    position: relative;
    width: calc(calc(670 / 750) * 100vw);
    margin: 0 auto;
    padding: calc(calc(69 / 750) * 100vw) calc(calc(30 / 750) * 100vw) calc(calc(60 / 750) * 100vw);
    border-radius: calc(calc(5 / 750) * 100vw);
    background-image: -ms-linear-gradient(90deg, #01cadc 0%, #00a6dc 100%);
    background-color: var(--white);
    box-shadow: calc(calc(0 / 750) * 100vw) calc(calc(10 / 750) * 100vw) calc(calc(36 / 750) * 100vw) calc(calc(4 / 750) * 100vw) rgba(48, 145, 179, 0.3);
  }
  .cNavBtnArea ul {
    text-align: center;
  }
  .cNavBtnArea ul li {
    display: inline-block;
    margin-bottom: calc(calc(40 / 750) * 100vw);
  }

  .cSnsList {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: calc(calc(70 / 750) * 100vw);
  }
  .cSnsList dt img {
    width: calc(calc(160 / 750) * 100vw);
    height: auto;
  }
  .cSnsList dd {
    display: inline-block;
    margin-left: calc(calc(49 / 750) * 100vw);
  }
  .cSnsList dd img {
    width: calc(calc(53 / 750) * 100vw);
    height: auto;
  }
  .cSnsList dd + dd {
    margin-left: calc(calc(24 / 750) * 100vw);
  }

  .cMenuBtn {
    position: relative;
  }
  .cMenuBtn a {
    display: block;
    width: calc(calc(66 / 750) * 100vw);
    height: calc(calc(44 / 750) * 100vw);
    text-decoration: none;
    transition: transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  .cMenuBtn a span {
    width: calc(calc(66 / 750) * 100vw);
    height: calc(calc(3 / 750) * 100vw);
    display: block;
    background: var(--blue);
    color: var(--blue);
    text-align: center;
    position: absolute;
    left: 0%;
    top: 50%;
    transition: background 0.3s, transform 0.3s;
    text-indent: -9999px;
  }
  .cMenuBtn a .middle {
    transform: translateX(0);
  }
  .cMenuBtn a .top {
    transform: translateY(calc(calc(-18 / 750) * 100vw));
  }
  .cMenuBtn a .bottom {
    text-indent: 0;
    height: auto;
    background: transparent;
    font-family: "Spartan", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
    font-weight: 400;
    line-height: 1.1;
    letter-spacing: -0.05em;
    line-height: 1;
    font-size: calc(calc(15 / 750) * 100vw);
    transform: translateY(calc(calc(20 / 750) * 100vw));
  }
  .isPC.hoverable .cMenuBtn a:hover {
    opacity: 0.65;
  }
  .isSP .cMenuBtn a.hover {
    opacity: 0.65;
  }
  .cMenuBtn.opened span {
    width: calc(calc(56 / 750) * 100vw);
  }
  .cMenuBtn.opened a::before {
    position: absolute;
    left: calc(calc(-27 / 750) * 100vw);
    top: calc(calc(-33 / 750) * 100vw);
    content: "";
    display: block;
    border-radius: 50%;
    background-color: white;
    box-shadow: 0px 8px 19.6px 0.4px rgba(48, 145, 179, 0.3);
    width: calc(calc(110 / 750) * 100vw);
    height: calc(calc(110 / 750) * 100vw);
    z-index: -1;
  }
  .cMenuBtn.opened .top {
    transform: rotate(-45deg) translateY(0);
  }
  .cMenuBtn.opened .middle {
    transform: rotate(45deg) translateY(0);
  }
  .cMenuBtn.opened .bottom {
    display: none;
  }

  #menuBtn {
    position: absolute;
    right: calc(calc(50 / 750) * 100vw);
    top: calc(calc(37 / 750) * 100vw);
    z-index: var(--zheader);
  }
  #menuBtn.opened {
    position: fixed;
    top: auto;
    bottom: calc(calc(77 / 750) * 100vw);
  }

  #spHeaderLogo {
    position: relative;
    padding: calc(calc(40 / 750) * 100vw) 0 calc(calc(68 / 750) * 100vw) calc(calc(45 / 750) * 100vw);
  }
  #spHeaderLogo svg {
    width: calc(calc(223 / 750) * 100vw);
    height: auto;
  }
  .home #spHeaderLogo {
    position: absolute;
  }

  #spSticker {
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: var(--zspsticker);
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100vw;
    height: calc(calc(150 / 750) * 100vw);
    padding: 0 calc(calc(50 / 750) * 100vw) 0 calc(calc(80 / 750) * 100vw);
    background: var(--white);
    box-shadow: 0 0 calc(calc(28.42 / 750) * 100vw) calc(calc(0.58 / 750) * 100vw) rgba(48, 145, 179, 0.15);
    transform: translateY(calc(calc(180 / 750) * 100vw));
    transition: opacity 0.5s, transform 0.8s cubic-bezier(0.19, 1, 0.22, 1);
  }
  #spSticker.shown {
    transform: translateY(0);
  }

  #menu {
    position: absolute;
    left: 0;
    top: 0;
    z-index: var(--zmenu);
    width: 100%;
    height: 100%;
    overflow: auto;
    transform: translateY(-100%);
    background: var(--white) url(/assets/images/bg/bg_menuopen.png) left top/cover no-repeat;
    color: var(--bgblue);
    transition: opacity 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  #menu .bglogo {
    position: fixed;
    bottom: 0;
    right: calc(calc(-80 / 750) * 100vw);
    width: calc(calc(400 / 750) * 100vw);
    height: calc(calc(400 / 750) * 100vw);
    fill: #707070;
    opacity: 0.3;
  }
  #menu a {
    color: var(--bgblue);
  }
  #menu .cBtnM a {
    color: var(--white);
  }
  #menu .scrollBox {
    position: relative;
    width: 100%;
    height: 100%;
    overflow-y: auto;
    width: 100%;
    min-height: calc(calc(600 / 750) * 100vw);
    display: grid;
    grid-template-rows: 1fr auto;
    -webkit-overflow-scrolling: touch;
  }
  #menu .inner1 {
    align-self: center;
    padding: calc(calc(90 / 750) * 100vw) 0 calc(calc(56 / 750) * 100vw);
  }
  #menu .inner1 .hdSpMenu {
    padding: 0 calc(calc(58 / 750) * 100vw);
  }
  #menu .inner1 .cNavBtnArea {
    display: block;
  }
  #menu .inner1 .cSnsList {
    margin-top: calc(calc(93 / 750) * 100vw);
    margin-bottom: calc(calc(93 / 750) * 100vw);
  }
  #menu .inner1 .cSnsList dd {
    margin-left: calc(calc(39 / 750) * 100vw);
  }
  #menu .inner1 .cSnsList dd img {
    width: calc(calc(69 / 750) * 100vw);
    height: auto;
  }
  #menu .inner1 .cSnsList dd + dd {
    margin-left: calc(calc(37 / 750) * 100vw);
  }
  #menu .inner1 .headerLogo {
    margin-left: calc(calc(59 / 750) * 100vw);
    width: calc(calc(298 / 750) * 100vw);
    height: auto;
  }
  #menu .inner1 .headerLogo img {
    width: 100%;
    height: auto;
  }
  #menu .inner1 .gnavi {
    display: grid;
    width: calc(calc(653 / 750) * 100vw);
    margin: calc(calc(92 / 750) * 100vw) auto calc(calc(80 / 750) * 100vw);
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr 1fr 1fr;
    gap: calc(calc(26 / 750) * 100vw) 0px;
    grid-template-areas: "navi0 navi4" "navi1 navi5" "navi2 navi6" "navi3 .";
  }
  #menu .inner1 .gnavi li {
    margin-left: calc(calc(12 / 750) * 100vw);
    font-size: calc(calc(26 / 750) * 100vw);
    font-family: "Noto Sans JP", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
    font-weight: 500;
  }
  #menu .inner1 .gnavi li a {
    text-decoration: none;
  }
  #menu .inner1 .navi0 {
    grid-area: navi0;
  }
  #menu .inner1 .navi1 {
    grid-area: navi1;
  }
  #menu .inner1 .navi3 {
    grid-area: navi3;
  }
  #menu .inner1 .navi4 {
    grid-area: navi4;
  }
  #menu .inner1 .navi5 {
    grid-area: navi5;
  }
  #menu .inner1 .navi6 {
    grid-area: navi6;
  }
  #menu .inner1 .navi2 {
    grid-area: navi2;
  }
  #menu .inner1 .hdNavSub {
    opacity: 0.65;
  }
  #menu .inner1 .hdNavSub .hdList li {
    display: inline-block;
    margin-bottom: calc(calc(16 / 750) * 100vw);
    margin-right: calc(calc(33 / 750) * 100vw);
    margin-left: calc(calc(12 / 750) * 100vw);
    font-size: calc(calc(24 / 750) * 100vw);
    font-family: "Noto Sans JP", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
    font-weight: 500;
  }
  #menu .inner1 .hdNavSub .hdList li a {
    text-decoration: none;
  }
  #menu .inner1 .ftMeta {
    margin-top: calc(calc(96 / 750) * 100vw);
  }
  #menu .inner1 .copyright {
    margin-top: calc(calc(39 / 750) * 100vw);
    font-size: calc(calc(16 / 750) * 100vw);
    font-family: "Spartan", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
    font-weight: 300;
    line-height: 1.1;
    line-height: calc(30 / 16);
  }
  #menu.opened {
    position: fixed;
    transform: translateY(0);
    opacity: 1;
    transition: opacity 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  #menu.opened .bglogo {
    bottom: calc(calc(-80 / 750) * 100vw);
  }
  #menu.fixed {
    position: fixed;
    left: 0px;
    top: 0px;
  }

  #sticker {
    display: none;
  }

  .btnPagetop {
    position: absolute;
    right: calc(calc(62 / 750) * 100vw);
    bottom: calc(calc(50 / 750) * 100vw);
    transition: opacity 0.8s ease;
    transform-origin: right bottom;
    transform: rotate(90deg);
  }
  .btnPagetop svg {
    width: calc(calc(10 / 750) * 100vw);
    height: auto;
    fill: var(--white);
    margin-right: calc(calc(20 / 750) * 100vw);
    transition: transform 0.4s ease;
  }
  .btnPagetop a {
    position: relative;
    display: block;
    line-height: 1;
    font-family: "Spartan", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
    font-weight: 400;
    line-height: 1.1;
    font-size: calc(calc(18 / 750) * 100vw);
  }
  .isPC.hoverable .btnPagetop a:hover {
    opacity: 0.65;
  }
  .isPC.hoverable .btnPagetop a:hover svg {
    transform: translateX(calc(calc(-8 / 750) * 100vw));
  }
  .isSP .btnPagetop a.hover {
    opacity: 0.65;
  }
  .isSP .btnPagetop a.hover svg {
    transform: translateX(calc(calc(-8 / 750) * 100vw));
  }

  #footer {
    position: relative;
    z-index: var(--zfooter);
    background: var(--bgblue);
    color: var(--white);
  }
  #footer .cNavBtnArea {
    transform: translateY(calc(calc(-112 / 750) * 100vw));
  }
  #footer .bg {
    position: absolute;
    left: 0;
    bottom: 0;
    pointer-events: none;
    width: calc(calc(650 / 750) * 100vw);
  }
  #footer a {
    color: var(--white);
    text-decoration: none;
  }
  #footer .cBtnNav {
    position: relative;
  }
  #footer .cBtnNav > a {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: calc(calc(278 / 750) * 100vw);
    height: calc(calc(68 / 750) * 100vw);
    background: var(--white);
    border-radius: calc(calc(5 / 750) * 100vw);
    color: var(--blue);
    text-decoration: none;
  }
  #footer .cBtnNav > a:link, #footer .cBtnNav > a:visited, #footer .cBtnNav > a:active {
    color: var(--blue);
  }
  #footer .ftMain {
    display: block;
    margin: calc(calc(8 / 750) * 100vw) auto 0;
    padding: 0 calc(calc(40 / 750) * 100vw) calc(calc(55 / 750) * 100vw) calc(calc(65 / 750) * 100vw);
    font-family: "Noto Sans JP", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
    font-weight: 500;
  }
  #footer .ftMain a {
    color: var(--white);
    text-decoration: none;
  }
  .isPC.hoverable #footer .ftMain a {
    text-decoration: none;
  }
  .isPC.hoverable #footer .ftMain a:hover {
    opacity: 0.75;
    transition: opacity 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  .isSP #footer .ftMain a {
    text-decoration: none;
  }
  .isSP #footer .ftMain a:hover {
    opacity: 0.65;
    transition: opacity 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  #footer .ftMain .ftNav {
    display: flex;
    justify-content: space-between;
    font-size: calc(calc(24 / 750) * 100vw);
  }
  #footer .ftMain .ftNavMain {
    width: calc(calc(280 / 750) * 100vw);
  }
  #footer .ftMain .ftNavMain .ftList li {
    margin-bottom: calc(calc(38 / 750) * 100vw);
  }
  #footer .ftMain .ftNavSub {
    opacity: 0.65;
    width: calc(calc(290 / 750) * 100vw);
  }
  #footer .ftMain .ftNavSub .ftList li {
    margin-bottom: calc(calc(38 / 750) * 100vw);
  }
  #footer .ftMeta {
    margin-top: calc(calc(173 / 750) * 100vw);
  }
  #footer .ftLogo svg {
    fill: var(--white);
    stroke: var(--white);
    width: calc(calc(229 / 750) * 100vw);
    height: auto;
  }
  #footer .copyright {
    margin-top: calc(calc(30 / 750) * 100vw);
    font-size: calc(calc(16 / 750) * 100vw);
    font-family: "Spartan", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
    font-weight: 300;
    line-height: 1.1;
    line-height: calc(20 / 9);
  }
}
@media only screen and (min-width:851px) {
  .cBtnNav {
    position: relative;
  }
  .cBtnNav > a {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 108px;
    height: 38px;
    background-color: var(--blue);
    border-radius: 5px;
    color: var(--white);
    text-decoration: none;
  }
  .cBtnNav > a:link, .cBtnNav > a:visited, .cBtnNav > a:active {
    color: var(--white);
  }
  #menu .cBtnNav > a {
    width: calc(calc(108 / 1280) * 100vw);
    height: calc(calc(38 / 1280) * 100vw);
    border-radius: calc(calc(5 / 1280) * 100vw);
  }
  .home .cBtnNav > a {
    background-color: var(--white);
    color: var(--blue);
  }
  .home .cBtnNav > a:link, .home .cBtnNav > a:visited, .home .cBtnNav > a:active {
    color: var(--blue);
  }
  #footer .cBtnNav > a {
    background-color: var(--white);
    color: var(--blue);
  }
  #footer .cBtnNav > a:link, #footer .cBtnNav > a:visited, #footer .cBtnNav > a:active {
    color: var(--blue);
  }

  #spHeaderLogo, #menuBtn {
    display: none;
  }

  #menu {
    position: relative;
    z-index: var(--zheader);
    width: 100%;
    height: var(--header-h);
    transform: translateY(calc(-1 * var(--header-h)));
    transition: background 0.6s cubic-bezier(0.215, 0.61, 0.355, 1), transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
    font-size: calc(calc(13 / 1280) * 100vw);
    font-weight: 500;
  }
  #menu.shown {
    transform: translateY(0);
    opacity: 1;
  }
  #menu.hold {
    transform: translateY(0);
    opacity: 1;
    transition: none;
  }
  .home #menu {
    position: absolute;
    left: 0;
    top: 0;
  }
  #menu a {
    text-decoration: none;
  }
  .isPC.hoverable #menu a {
    text-decoration: none;
  }
  .isPC.hoverable #menu a:hover {
    opacity: 0.75;
    transition: opacity 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  .isSP #menu a {
    text-decoration: none;
  }
  .isSP #menu a:hover {
    opacity: 0.65;
    transition: opacity 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  #menu .scrollBox {
    width: 100%;
    display: flex;
  }
  #menu .inner1 {
    display: flex;
    width: 100%;
    align-items: center;
    padding-right: calc(calc(14 / 1280) * 100vw);
  }
  #menu .headerLogo {
    margin: 0 calc(calc(33 / 1280) * 100vw) 0 calc(calc(34 / 1280) * 100vw);
    width: 116px;
  }
  #menu .headerLogo a {
    display: block;
    line-height: 1;
  }
  #menu .gnavi {
    position: relative;
    display: flex;
    align-items: center;
    height: var(--header-h);
    line-height: 1;
  }
  #menu .gnavi li {
    margin-right: calc(calc(26 / 1280) * 100vw);
    text-shadow: 0px 0px 14px rgba(255, 255, 255, 0.7), 0px 0px 14px rgba(255, 255, 255, 0.7);
  }
  #menu .gnavi li a {
    position: relative;
  }
  .isPC.hoverable #menu .gnavi li a:hover {
    color: var(--blue);
  }
  .isSP #menu .gnavi li a.hover {
    color: var(--blue);
  }
  #menu .gnavi li a.active::before {
    position: absolute;
    left: calc(50% - 2.5px);
    bottom: -14px;
    content: "";
    display: block;
    width: 5px;
    height: 5px;
    background-color: var(--blue);
    border-radius: 50%;
    -webkit-animation: particleScale 0.4s cubic-bezier(0.19, 1, 0.22, 1);
    animation: particleScale 0.4s cubic-bezier(0.19, 1, 0.22, 1);
  }

  #sticker {
    display: none;
  }

  .btnPagetop {
    position: absolute;
    right: 37px;
    bottom: 29px;
    transition: opacity 0.8s ease;
    transform-origin: right bottom;
    transform: rotate(90deg);
  }
  .btnPagetop .cIcoArr {
    fill: var(--white);
    margin-right: 10px;
    transition: transform 0.4s ease;
    width: 6px;
  }
  .btnPagetop a {
    position: relative;
    display: block;
    line-height: 1;
    font-family: "Spartan", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
    font-weight: 400;
    line-height: 1.1;
    font-size: 1.1rem;
  }
  .isPC.hoverable .btnPagetop a:hover {
    opacity: 0.65;
  }
  .isPC.hoverable .btnPagetop a:hover svg {
    transform: translateX(-8px);
  }
  .isSP .btnPagetop a.hover {
    opacity: 0.65;
  }
  .isSP .btnPagetop a.hover svg {
    transform: translateX(-8px);
  }

  #footer {
    position: relative;
    z-index: var(--zfooter);
    background: var(--bgblue);
    color: var(--white);
  }
  #footer .bg {
    position: absolute;
    left: 0;
    bottom: 0;
  }
  #footer a {
    color: var(--white);
    text-decoration: none;
  }
  #footer .cNavBtnArea {
    position: relative;
    width: calc(100vw - 120px);
    max-width: 1160px;
    margin: 0 auto;
    padding: 69px 30px 60px;
    transform: translateY(-114px);
    border-radius: 5px;
    background-image: -ms-linear-gradient(90deg, #01cadc 0%, #00a6dc 100%);
    background-color: var(--white);
    box-shadow: 0px 10px 36px 4px rgba(48, 145, 179, 0.3);
  }
  #footer .cNavBtnArea ul {
    text-align: center;
  }
  #footer .cNavBtnArea ul li {
    display: inline-block;
    margin-bottom: 30px;
  }
  #footer .cNavBtnArea ul li + li {
    margin-left: 30px;
  }
  #footer .cSnsList {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: calc(78px - 30px);
  }
  #footer .cSnsList dd {
    display: inline-block;
    margin-left: 49px;
  }
  #footer .cSnsList dd + dd {
    margin-left: 24px;
  }
  #footer .ftMain {
    display: block;
    margin: calc(88px - 114px) auto 0;
    padding: 0 52px 82px;
    font-family: "Noto Sans JP", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
    font-weight: 500;
  }
  #footer .ftMain a {
    color: var(--white);
    text-decoration: none;
  }
  .isPC.hoverable #footer .ftMain a {
    text-decoration: none;
  }
  .isPC.hoverable #footer .ftMain a:hover {
    opacity: 0.75;
    transition: opacity 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  .isSP #footer .ftMain a {
    text-decoration: none;
  }
  .isSP #footer .ftMain a:hover {
    opacity: 0.65;
    transition: opacity 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  #footer .ftMain .ftNav {
    font-size: 1.3rem;
  }
  #footer .ftMain .ftNavMain {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 60px;
  }
  #footer .ftMain .ftNavMain .ftList li + li {
    margin-top: 28px;
  }
  #footer .ftMain .ftNavSub {
    opacity: 0.65;
    border-top: 1px solid var(--white);
    padding-top: 24px;
  }
  #footer .ftMain .ftNavSub .ftList {
    display: flex;
  }
  #footer .ftMain .ftNavSub .ftList li {
    margin-right: 28px;
  }
  #footer .ftMeta {
    margin-top: 40px;
  }
  #footer .ftLogo svg {
    fill: var(--white);
    stroke: var(--white);
  }
  #footer .copyright {
    margin-top: 39px;
    font-size: 0.9rem;
    font-family: "Spartan", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
    font-weight: 300;
    line-height: 1.1;
    line-height: calc(20 / 9);
  }
}
@media only screen and (min-width:1056px) {
  #footer {
    position: relative;
    z-index: var(--zfooter);
  }
  #footer .ftMain {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: flex-end;
    max-width: 1160px;
    margin: calc(88px - 114px) auto 0;
    padding: 0 52px 82px;
    font-family: "Noto Sans JP", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
    font-weight: 500;
  }
  #footer .ftMain .ftNav {
    max-width: 660px;
    font-size: 1.3rem;
  }
  #footer .ftMain .ftNavMain {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 60px;
  }
  #footer .ftMain .ftNavMain .ftList li + li {
    margin-top: 28px;
  }
  #footer .ftMain .ftNavSub {
    opacity: 0.65;
    border-top: 1px solid var(--white);
    padding-top: 24px;
  }
  #footer .ftMain .ftNavSub .ftList {
    display: flex;
  }
  #footer .ftMain .ftNavSub .ftList li {
    margin-right: 28px;
  }
  #footer .ftMeta {
    max-width: 290px;
  }
  #footer .copyright {
    margin-top: 39px;
    font-size: 0.9rem;
    font-family: "Spartan", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
    font-weight: 300;
    line-height: 1.1;
    line-height: calc(20 / 9);
  }
}
@media only screen and (min-width:1280px) {
  .cBtnNav {
    position: relative;
  }
  .cBtnNav > a {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 108px;
    height: 38px;
    background-color: var(--blue);
    border-radius: 5px;
    color: var(--white);
    text-decoration: none;
  }
  .cBtnNav > a:link, .cBtnNav > a:visited, .cBtnNav > a:active {
    color: var(--white);
  }

  #menu {
    font-size: 1.3rem;
    font-weight: 500;
  }
  #menu .inner1 {
    padding-right: 34px;
  }
  #menu .headerLogo {
    margin: 0 73px 0 54px;
    width: 116px;
  }
  #menu .headerLogo a {
    display: flex;
    align-items: center;
  }
  #menu .headerLogo svg {
    width: 100%;
    height: auto;
  }
  #menu .gnavi li {
    margin-right: 26px;
  }
  #menu .cBtnNav > a {
    width: 108px;
    height: 38px;
  }

  #sticker {
    position: fixed;
    right: 0;
    top: 0;
    z-index: var(--zheader);
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100vh;
    opacity: 0;
    transform: translateX(200px);
    transition: opacity 0.5s, transform 0.8s cubic-bezier(0.19, 1, 0.22, 1);
  }
  #sticker li {
    position: relative;
    margin-bottom: 10px;
    border-radius: 12px 0 0 12px;
    box-shadow: 0px 30px 40px 10px rgba(48, 145, 179, 0.2);
    width: 54px;
  }
  #sticker li a {
    overflow: hidden;
  }
  #sticker li a:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    opacity: 0.15;
    -webkit-clip-path: circle(0 at center);
    clip-path: circle(0 at center);
  }
  #sticker li a:hover:before {
    -webkit-clip-path: circle(200px at center);
    clip-path: circle(200px at center);
    transition: 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  #sticker.shown {
    transform: translateX(0);
    opacity: 1;
  }
}
#progress-bar {
  position: fixed;
  right: 0;
  top: 0;
  z-index: var(--zheader3);
  display: block;
  width: 100vw;
}
@media only screen and (max-width:850px) {
  #progress-bar {
    height: calc(calc(20 / 750) * 100vw);
  }
}
@media only screen and (min-width:851px) {
  #progress-bar {
    height: 8px;
  }
}

#progress-bar > #progress {
  position: absolute;
  left: 0;
  top: 0;
  width: 0%;
  height: 100%;
  background: linear-gradient(320deg, #a2ecff 0%, #51c9ee 38%, #00a6dc 86%);
  translate: all 1s;
}

#progress-bar > p {
  vertical-align: middle;
  display: inline-block;
  color: white;
  font-weight: bold;
  margin: -50px auto 0;
}

@media only screen and (max-width:850px) {
  .wp-pagenavi {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: calc(calc(100 / 750) * 100vw);
    margin-top: calc(calc(87 / 750) * 100vw);
    padding: 0 calc(calc(100 / 750) * 100vw);
    text-align: center;
  }
  .wp-pagenavi a {
    text-decoration: none;
  }
  .wp-pagenavi .page, .wp-pagenavi .current {
    margin: 0 calc(calc(10 / 750) * 100vw);
    padding: calc(calc(5 / 750) * 100vw);
    font-family: "Noto Sans JP", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
    font-weight: 500;
    font-size: calc(calc(32 / 750) * 100vw);
    color: var(--blue);
  }
  .wp-pagenavi .page:hover {
    opacity: 0.75;
  }
  .wp-pagenavi .current {
    color: var(--gray);
  }
  .wp-pagenavi .previouspostslink, .wp-pagenavi .nextpostslink, .wp-pagenavi .first, .wp-pagenavi .last {
    position: absolute;
    top: 0;
    text-indent: -9999px;
    border-radius: 50%;
    background: var(--blue);
    box-shadow: 0 calc(calc(20 / 750) * 100vw) calc(calc(51.6 / 750) * 100vw) calc(calc(8.4 / 750) * 100vw) rgba(48, 145, 179, 0.2);
    width: calc(calc(100 / 750) * 100vw);
    height: calc(calc(100 / 750) * 100vw);
  }
  .wp-pagenavi .previouspostslink:after, .wp-pagenavi .nextpostslink:after, .wp-pagenavi .first:after, .wp-pagenavi .last:after {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    width: calc(calc(100 / 750) * 100vw);
    height: calc(calc(100 / 750) * 100vw);
    background: url(/assets/images/ico_arrow.svg) center center no-repeat;
    background-size: calc(calc(17 / 750) * 100vw) auto;
  }
  .wp-pagenavi .previouspostslink:hover, .wp-pagenavi .nextpostslink:hover, .wp-pagenavi .first:hover, .wp-pagenavi .last:hover {
    opacity: 0.75;
  }
  .wp-pagenavi .previouspostslink, .wp-pagenavi .first {
    left: 0;
  }
  .wp-pagenavi .previouspostslink:after, .wp-pagenavi .first:after {
    transform: rotate(180deg);
  }
  .wp-pagenavi .nextpostslink, .wp-pagenavi .last {
    right: 0;
  }
}
@media only screen and (min-width:851px) {
  .wp-pagenavi {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 490px;
    min-height: 60px;
    margin: 38px auto 0;
    text-align: center;
  }
  .wp-pagenavi a {
    text-decoration: none;
  }
  .wp-pagenavi .page, .wp-pagenavi .current {
    margin: 0 4px;
    padding: 5px;
    font-family: "Noto Sans JP", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
    font-weight: 500;
    font-size: 2rem;
    color: var(--blue);
  }
  .wp-pagenavi .page:hover {
    opacity: 0.75;
  }
  .wp-pagenavi .current {
    color: var(--gray);
  }
  .wp-pagenavi .previouspostslink, .wp-pagenavi .nextpostslink, .wp-pagenavi .first, .wp-pagenavi .last {
    position: absolute;
    top: 0;
    margin: 0 10px;
    text-indent: -9999px;
    border-radius: 50%;
    background: var(--blue);
    box-shadow: 0px 30px 60.2px 9.8px rgba(48, 145, 179, 0.2);
    width: 60px;
    height: 60px;
  }
  .wp-pagenavi .previouspostslink:after, .wp-pagenavi .nextpostslink:after, .wp-pagenavi .first:after, .wp-pagenavi .last:after {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    width: 60px;
    height: 60px;
    background: url(/assets/images/ico_arrow.svg) center center no-repeat;
    background-size: 8px auto;
  }
  .wp-pagenavi .previouspostslink:hover, .wp-pagenavi .nextpostslink:hover, .wp-pagenavi .first:hover, .wp-pagenavi .last:hover {
    opacity: 0.75;
  }
  .wp-pagenavi .previouspostslink, .wp-pagenavi .first {
    left: 0;
  }
  .wp-pagenavi .previouspostslink:after, .wp-pagenavi .first:after {
    transform: rotate(180deg);
  }
  .wp-pagenavi .nextpostslink, .wp-pagenavi .last {
    right: 0;
  }
}
:root {
  --modalw: 80%;
}

@media only screen and (max-width:850px) {
  :root {
    --modalw: calc((640/750)*100vw);
  }
}
#overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: var(--zheader2);
  width: 100%;
  min-width: 960px;
  height: 100%;
  background: rgba(0, 29, 38, 0.75);
}

/*============================
modal for video
============================*/
#modal {
  display: none;
  opacity: 0;
  z-index: var(--zheader3);
  position: fixed;
  top: 100px;
  left: 50%;
  width: var(--modalw);
  transform: translateX(-50%);
  max-width: 900px;
}

#videoArea {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
}

#videoArea iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.cModalCloseBtn {
  z-index: var(--zheader4);
}
.cModalCloseBtn a {
  display: block;
  text-decoration: none;
}
.cModalCloseBtn a span {
  display: block;
  background: var(--blue);
  color: var(--blue);
  text-align: center;
  position: absolute;
  text-indent: -9999px;
}
.cModalCloseBtn a .top {
  transform: rotate(-45deg) translateY(0);
}
.cModalCloseBtn a .bottom {
  transform: rotate(45deg) translateY(0);
}
.isPC.hoverable .cModalCloseBtn a:hover::before {
  transform: scale(1.05);
}
.isSP .cModalCloseBtn a.hover::before {
  transform: scale(1.05);
}
.cModalCloseBtn a::before {
  position: absolute;
  left: 0;
  top: 0;
  content: "";
  display: block;
  border-radius: 50%;
  background-color: white;
  box-shadow: 0px 8px 19.6px 0.4px rgba(48, 145, 179, 0.3);
  z-index: -1;
  transition: transform 0.3s;
}
@media only screen and (max-width:850px) {
  .cModalCloseBtn {
    position: absolute;
    right: calc(calc(-28 / 750) * 100vw);
    top: calc(calc(-36 / 750) * 100vw);
  }
  .cModalCloseBtn a {
    width: calc(calc(60 / 750) * 100vw);
    height: calc(calc(60 / 750) * 100vw);
  }
  .cModalCloseBtn a span {
    width: calc(calc(26 / 750) * 100vw);
    height: calc(calc(3 / 750) * 100vw);
    left: calc(50% - calc(calc(13 / 750) * 100vw));
    top: calc(50% - calc(calc(1.5 / 750) * 100vw));
  }
  .cModalCloseBtn a::before {
    width: calc(calc(60 / 750) * 100vw);
    height: calc(calc(60 / 750) * 100vw);
  }
}
@media only screen and (min-width:851px) {
  .cModalCloseBtn {
    position: absolute;
    right: -10px;
    top: -28px;
  }
  .cModalCloseBtn a {
    width: 60px;
    height: 60px;
  }
  .cModalCloseBtn a span {
    width: 26px;
    height: 3px;
    left: calc(50% - 13px);
    top: calc(50% - 1.5px);
  }
  .cModalCloseBtn a::before {
    width: 60px;
    height: 60px;
  }
}

/*============================
	modal for contentDetail
	============================*/
#modal2 {
  display: none;
  opacity: 0;
  z-index: var(--zheader3);
  position: fixed;
  top: 100px;
  left: 50%;
  width: var(--modalw);
  transform: translateX(-50%);
  max-width: 900px;
  opacity: 0;
  transition: opacity 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
}
#modal2.opened {
  opacity: 1;
  display: block;
}
#modal2 #modalTel {
  width: calc(1472 / 2px);
}
#modal2 #modalTel img {
  width: 100%;
  height: auto;
}
#modal2.fixed {
  position: fixed;
  left: 0px;
  top: 0px;
}

a, input, select, option, button {
  outline: 0;
}

input, textarea {
  position: relative;
  border: var(--bggray) 1px solid;
  background: var(--bggray);
  border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
  margin: 0;
  line-height: 1.2;
  padding: 0.9em 1em;
  outline: none;
}
@media only screen and (max-width:850px) {
  input, textarea {
    font-size: calc(calc(32 / 750) * 100vw);
  }
}
@media only screen and (min-width:851px) {
  input, textarea {
    font-size: 1.6rem;
  }
}
input::-moz-placeholder, textarea::-moz-placeholder {
  color: var(--placeholder);
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
  color: var(--placeholder);
}
input::placeholder, textarea::placeholder {
  color: var(--placeholder);
}
@media only screen and (max-width:850px) {
  input::-moz-placeholder, textarea::-moz-placeholder {
    font-size: calc(calc(32 / 750) * 100vw);
  }
  input:-ms-input-placeholder, textarea:-ms-input-placeholder {
    font-size: calc(calc(32 / 750) * 100vw);
  }
  input::placeholder, textarea::placeholder {
    font-size: calc(calc(32 / 750) * 100vw);
  }
}
@media only screen and (min-width:851px) {
  input::-moz-placeholder, textarea::-moz-placeholder {
    font-size: 1.6rem;
  }
  input:-ms-input-placeholder, textarea:-ms-input-placeholder {
    font-size: 1.6rem;
  }
  input::placeholder, textarea::placeholder {
    font-size: 1.6rem;
  }
}

.cRequired {
  display: inline-block;
  background: var(--required);
  vertical-align: top;
  color: var(--white);
  line-height: 1.6;
  border-radius: 3px;
  margin-right: 3px;
  margin-left: 0.5em;
  font-family: "Noto Sans JP", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  font-weight: 400;
}
@media only screen and (max-width:850px) {
  .cRequired {
    padding: 0.1em 0.4em;
    font-size: calc(calc(22 / 750) * 100vw);
  }
}
@media only screen and (min-width:851px) {
  .cRequired {
    padding: 0.05em 0.4em;
    font-size: 1.4rem;
  }
}

.checkbox {
  display: flex;
  align-items: center;
  min-height: 2.8em;
}
.checkbox input[type=checkbox] {
  visibility: hidden;
  position: absolute;
}
.checkbox input[type=checkbox]:checked + .wpcf7-list-item-label::after {
  content: "";
  display: block;
  position: absolute;
}
@media only screen and (max-width:850px) {
  .checkbox input[type=checkbox]:checked + .wpcf7-list-item-label::after {
    top: calc(calc(-2 / 750) * 100vw);
    left: calc(calc(16.2 / 750) * 100vw);
    width: calc(calc(18.9 / 750) * 100vw);
    height: calc(calc(37.8 / 750) * 100vw);
    transform: rotate(40deg);
    border-bottom: calc(calc(8 / 750) * 100vw) solid;
    border-right: calc(calc(8 / 750) * 100vw) solid;
  }
}
@media only screen and (min-width:851px) {
  .checkbox input[type=checkbox]:checked + .wpcf7-list-item-label::after {
    top: 0px;
    left: 8.1px;
    width: 9.45px;
    height: 18.9px;
    transform: rotate(40deg);
    border-bottom: 4px solid;
    border-right: 4px solid;
  }
}
.checkbox .wpcf7-list-item-label {
  position: relative;
}
@media only screen and (max-width:850px) {
  .checkbox .wpcf7-list-item-label {
    margin-right: calc(calc(70 / 750) * 100vw);
    padding-left: calc(calc(70 / 750) * 100vw);
    font-size: calc(calc(32 / 750) * 100vw);
  }
  .checkbox .wpcf7-list-item-label:before {
    content: "";
    display: block;
    position: absolute;
    top: calc(calc(-4 / 750) * 100vw);
    left: 0;
    width: calc(calc(48 / 750) * 100vw);
    height: calc(calc(48 / 750) * 100vw);
    border: var(--main-text) 1px solid;
  }
}
@media only screen and (min-width:851px) {
  .checkbox .wpcf7-list-item-label {
    margin-right: 30px;
    padding-left: 30px;
    font-size: 1.6rem;
  }
  .checkbox .wpcf7-list-item-label:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 24px;
    height: 24px;
    border: var(--main-text) 1px solid;
  }
}

.radio {
  display: flex;
  align-items: center;
  min-height: 2.8em;
}
.radio input[type=radio] {
  visibility: hidden;
  position: absolute;
}
.radio input[type=radio]:checked + .wpcf7-list-item-label::after {
  transform: scale(1);
  visibility: visible;
}
@media only screen and (max-width:850px) {
  .radio .wpcf7-list-item {
    min-width: calc(calc(315 / 750) * 100vw);
    min-height: calc(calc(57 / 750) * 100vw);
    margin: 0 0 calc(calc(42 / 750) * 100vw);
  }
}
@media only screen and (min-width:851px) {
  .radio .wpcf7-list-item {
    margin: 0;
    min-height: 2.8em;
    display: inline-flex;
    align-items: center;
  }
}
.radio .wpcf7-list-item-label {
  position: relative;
}
@media only screen and (max-width:850px) {
  .radio .wpcf7-list-item-label {
    padding-left: calc(calc(70 / 750) * 100vw);
    font-size: calc(calc(32 / 750) * 100vw);
  }
  .radio .wpcf7-list-item-label:after {
    display: block;
    content: "";
    position: absolute;
    top: calc(calc(10 / 750) * 100vw);
    left: calc(calc(10 / 750) * 100vw);
    width: calc(calc(35 / 750) * 100vw);
    height: calc(calc(35 / 750) * 100vw);
    background: var(--required);
    border-radius: 50%;
    transform: scale(0);
    transition: all 0.1s;
    visibility: hidden;
  }
  .radio .wpcf7-list-item-label:before {
    content: "";
    display: block;
    position: absolute;
    background: white;
    top: 0;
    left: 0;
    width: calc(calc(55 / 750) * 100vw);
    height: calc(calc(55 / 750) * 100vw);
    border: var(--main-text) calc(calc(2 / 750) * 100vw) solid;
    border-radius: 50%;
  }
}
@media only screen and (min-width:851px) {
  .radio .wpcf7-list-item-label {
    margin-right: 30px;
    padding-left: 30px;
  }
  .radio .wpcf7-list-item-label:after {
    display: block;
    content: "";
    position: absolute;
    top: 4px;
    left: 4px;
    height: 16px;
    width: 16px;
    background: var(--required);
    border-radius: 50%;
    transform: scale(0);
    transition: all 0.1s;
    visibility: hidden;
  }
  .radio .wpcf7-list-item-label:before {
    content: "";
    display: block;
    position: absolute;
    background: white;
    border: 2px solid #efefef;
    top: 0;
    left: 0;
    width: 24px;
    height: 24px;
    border: var(--main-text) 1px solid;
    border-radius: 50%;
  }
}

.select select {
  border: 0;
  outline: 1px solid var(--bggray);
  outline-offset: -1px;
  border-color: var(--bggray);
  background: var(--bggray);
  text-align: left;
  width: 100%;
  border-radius: 0;
  padding: 0.5em 16px;
  vertical-align: middle;
  text-overflow: "";
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.select select::-ms-expand {
  display: none;
}
.select select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 var(--bggray);
}
@media only screen and (max-width:850px) {
  .select select {
    font-size: calc(calc(32 / 750) * 100vw);
    height: calc(calc(98 / 750) * 100vw);
  }
  .select .wpcf7-form-control-wrap {
    display: block;
  }
  .select .wpcf7-form-control-wrap::after {
    pointer-events: none;
    position: absolute;
    right: calc(calc(30 / 750) * 100vw);
    top: calc(calc(42 / 750) * 100vw);
    display: block;
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: calc(calc(12 / 750) * 100vw) calc(calc(9 / 750) * 100vw) 0 calc(calc(9 / 750) * 100vw);
    border-color: #000000 transparent transparent transparent;
  }
}
@media only screen and (min-width:851px) {
  .select select {
    font-size: 1.6rem;
    height: 46px;
  }
  .select .wpcf7-form-control-wrap {
    display: block;
  }
  .select .wpcf7-form-control-wrap::after {
    pointer-events: none;
    position: absolute;
    right: 21px;
    top: 19px;
    display: block;
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7px 4.5px 0 4.5px;
    border-color: #000000 transparent transparent transparent;
  }
}

.cSendBtn {
  position: relative;
  text-align: center;
}
.cSendBtn > button, .cSendBtn > input {
  cursor: pointer;
}
.cSendBtn > button:hover, .cSendBtn > input:hover {
  opacity: 0.75;
}
@media only screen and (max-width:850px) {
  .cSendBtn > button, .cSendBtn > input {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    padding: 0 1em;
    width: calc(calc(480 / 750) * 100vw);
    height: calc(calc(110 / 750) * 100vw);
    border-radius: calc(calc(55 / 750) * 100vw);
    border: none;
    color: var(--white);
    box-shadow: 0 calc(calc(20 / 750) * 100vw) calc(calc(51.6 / 750) * 100vw) calc(calc(8.4 / 750) * 100vw) rgba(48, 145, 179, 0.2);
    background: linear-gradient(320deg, #ff6757 0%, #ff6757 40%, #ff4f60 60%, #ff4f60 100%);
    font-size: calc(calc(30 / 750) * 100vw);
    font-family: "Noto Sans JP", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
    font-weight: 500;
    line-height: 1;
    text-decoration: none;
    color: var(--white);
  }
  .cSendBtn > button svg, .cSendBtn > input svg {
    fill: var(--white);
    stroke: var(--white);
  }
  .cSendBtn > button .cIcoArr, .cSendBtn > input .cIcoArr {
    position: absolute;
    right: calc(calc(60 / 750) * 100vw);
    top: 50%;
    transform: translate(0, -50%);
    width: calc(calc(30 / 750) * 100vw);
    height: auto;
  }
}
@media only screen and (min-width:851px) {
  .cSendBtn > button, .cSendBtn > input {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 1em;
    margin: 0 auto;
    width: 280px;
    height: 60px;
    border-radius: 30px;
    color: var(--white);
    box-shadow: 0 30px 60.2px 9.8px rgba(48, 145, 179, 0.2);
    color: #ff4f60;
    background: linear-gradient(320deg, #ff6757 0%, #ff6757 40%, #ff4f60 60%, #ff4f60 100%);
    border: none;
    font-size: 2rem;
    font-family: "Noto Sans JP", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
    font-weight: 500;
    line-height: 1;
    text-decoration: none;
    color: var(--white);
  }
  .cSendBtn > button svg, .cSendBtn > input svg {
    fill: var(--white);
    stroke: var(--white);
  }
  .cSendBtn > button .cIcoArr, .cSendBtn > input .cIcoArr {
    position: absolute;
    right: 30px;
    top: 50%;
    transform: translate(0, -50%);
    width: 24px;
    height: auto;
  }
}

.cSubmit {
  position: relative;
  text-align: center;
  margin: 0 auto;
}
.cSubmit > input {
  cursor: pointer;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 1em;
  color: var(--white);
  border: none;
  font-family: "Noto Sans JP", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  font-weight: 500;
  line-height: 1;
  text-decoration: none;
  color: var(--white);
}
.cSubmit > input:hover {
  opacity: 0.75;
}
.cSubmit > input:disabled {
  background: var(--gray);
  opacity: 1;
  cursor: default;
}
.cSubmit > input:disabled:hover {
  opacity: 1;
}
.cSubmit > input:disabled ~ svg {
  display: none;
}
.cSubmit svg {
  fill: var(--white);
  stroke: var(--white);
}
.cSubmit .cIcoArr {
  position: absolute;
  right: 30px;
  top: 50%;
  z-index: 1;
  transform: translate(0, -50%);
  width: 24px;
  height: auto;
}
@media only screen and (max-width:850px) {
  .cSubmit {
    width: calc(calc(480 / 750) * 100vw);
  }
  .cSubmit > input {
    height: calc(calc(110 / 750) * 100vw);
    border-radius: calc(calc(55 / 750) * 100vw);
    box-shadow: 0 calc(calc(20 / 750) * 100vw) calc(calc(51.6 / 750) * 100vw) calc(calc(8.4 / 750) * 100vw) rgba(48, 145, 179, 0.2);
    background: linear-gradient(320deg, #ff6757 0%, #ff6757 40%, #ff4f60 60%, #ff4f60 100%);
    font-size: calc(calc(30 / 750) * 100vw);
  }
  .cSubmit .cIcoArr {
    right: calc(calc(60 / 750) * 100vw);
    width: calc(calc(32 / 750) * 100vw);
    height: auto;
  }
}
@media only screen and (min-width:851px) {
  .cSubmit {
    width: 280px;
  }
  .cSubmit > input {
    height: 60px;
    border-radius: 30px;
    box-shadow: 0 30px 60.2px 9.8px rgba(48, 145, 179, 0.2);
    background: linear-gradient(320deg, #ff6757 0%, #ff6757 40%, #ff4f60 60%, #ff4f60 100%);
    font-size: 2rem;
  }
  .cSubmit .cIcoArr {
    right: 30px;
    width: 24px;
  }
}

.wpcf7 .ajax-loader {
  display: none !important;
}

.wpcf7-not-valid-tip {
  font-weight: bold;
  color: var(--red);
}

.wpcf7-response-output {
  text-align: center;
  border-color: var(--red) !important;
}
.wpcf7-response-output.wpcf7-validation-errors {
  color: var(--red);
  border-color: var(--red);
  padding: 1em 2em;
  border-width: 2px;
  border-style: solid;
}

.wpcf7-validation-errors {
  border-color: var(--red);
  font-weight: bold;
}

.inputSmall {
  display: inline-block;
}
@media only screen and (max-width:850px) {
  .inputSmall {
    width: calc(calc(260 / 750) * 100vw);
  }
  .inputSmall + .inputSmall {
    margin-left: calc(calc(35 / 750) * 100vw);
  }
}
@media only screen and (min-width:851px) {
  .inputSmall {
    width: 200px;
  }
  .inputSmall + .inputSmall {
    margin-left: 30px;
  }
}

@media only screen and (min-width:851px) {
  .inputCity, .inputTel {
    width: 200px;
  }
}

@media only screen and (max-width:850px) {
  .multiItems .wpcf7-form-control-wrap + .wpcf7-form-control-wrap {
    margin-left: calc(calc(35 / 750) * 100vw);
  }
}
@media only screen and (min-width:851px) {
  .multiItems .wpcf7-form-control-wrap + .wpcf7-form-control-wrap {
    margin-left: 30px;
  }
}

.selectSmall {
  width: 200px;
}
@media only screen and (max-width:850px) {
  .selectSmall {
    width: spfz(320);
  }
}
@media only screen and (min-width:851px) {
  .selectSmall {
    width: 200px;
  }
}

@media only screen and (max-width:850px) {
  .cFormArea {
    font-size: calc(calc(32 / 750) * 100vw);
  }
}
@media only screen and (min-width:851px) {
  .cFormArea {
    font-size: 1.6rem;
  }
}
.cFormArea .cFormList {
  display: grid;
  line-height: 1.8;
  width: 100%;
}
.cFormArea .cFormList dt {
  font-weight: bold;
  letter-spacing: -0.05em;
}
.cFormArea .cFormList dt .inputTitle {
  display: flex;
  min-height: 2.8em;
  align-items: center;
}
.cFormArea .cFormList dd .multiItems {
  display: flex;
}
@media only screen and (max-width:850px) {
  .cFormArea .cFormList {
    border-top: calc(calc(2 / 750) * 100vw) solid var(--border);
    line-height: 1.6;
    padding: calc(calc(40 / 750) * 100vw) 0;
    grid-template-rows: auto auto;
  }
  .cFormArea .cFormList dt {
    margin-bottom: calc(calc(16 / 750) * 100vw);
  }
  .cFormArea .cFormList dd > p + p {
    margin-top: calc(calc(20 / 750) * 100vw);
  }
  .cFormArea .cFormList .cNote2 {
    font-size: calc(calc(24 / 750) * 100vw);
  }
}
@media only screen and (min-width:851px) {
  .cFormArea .cFormList {
    border-top: 1px solid var(--border);
    padding: 38px 0;
    grid-template-columns: 245px 1fr;
  }
  .cFormArea .cFormList dd > p + p {
    margin-top: 20px;
  }
}
.cFormArea .address {
  line-height: 1.8;
  width: 100%;
}
.cFormArea .address > p {
  font-weight: bold;
}
@media only screen and (max-width:850px) {
  .cFormArea .address {
    border-top: calc(calc(2 / 750) * 100vw) solid var(--border);
    margin-bottom: calc(calc(16 / 750) * 100vw);
  }
}
@media only screen and (min-width:851px) {
  .cFormArea .address {
    border-top: 1px solid var(--border);
    font-size: 1.6rem;
    padding: 38px 0;
  }
}
.cFormArea .address .cFormList dt {
  font-weight: 400;
}
@media only screen and (max-width:850px) {
  .cFormArea .address .cFormList {
    border-top: none;
    padding: calc(calc(40 / 750) * 100vw) 0;
  }
}
@media only screen and (min-width:851px) {
  .cFormArea .address .cFormList {
    border-top: none;
    padding: 18px 0;
  }
}
.cFormArea .acceptanceArea {
  border-top: 1px solid var(--border);
}
@media only screen and (max-width:850px) {
  .cFormArea .acceptanceArea {
    font-size: calc(calc(26 / 750) * 100vw);
  }
}
@media only screen and (max-width:850px) {
  .cFormArea .acceptanceArea > p {
    margin: 50px 0 27px;
  }
}
@media only screen and (min-width:851px) {
  .cFormArea .acceptanceArea > p {
    margin: 50px 0 27px;
  }
}
.cFormArea .acceptanceArea .acceptanceDetail {
  border: 1px solid var(--border);
  margin: 1em 0;
  padding: 1em 1.7em;
}
.cFormArea .acceptanceArea .acceptanceDetail dt {
  font-weight: bold;
}
.cFormArea .acceptanceArea .acceptanceDetail dl + dl {
  margin-top: 1em;
}
.cFormArea .acceptanceArea .acceptanceDetail ul {
  margin: 0.3em 0.3em 0.3em 1.7em;
}
.cFormArea .acceptance {
  display: flex;
  justify-content: center;
  margin: 2em 0 0;
}
@media only screen and (max-width:850px) {
  .cFormArea .acceptance {
    font-size: calc(calc(26 / 750) * 100vw);
  }
  .cFormArea .acceptance .wpcf7-list-item-label {
    font-size: calc(calc(26 / 750) * 100vw);
  }
}
@media only screen and (min-width:851px) {
  .cFormArea .acceptance {
    font-weight: bold;
  }
}
@media only screen and (max-width:850px) {
  .cFormArea .cSubmit {
    margin-top: calc(calc(63 / 750) * 100vw);
    margin-bottom: calc(calc(61 / 750) * 100vw);
  }
}
@media only screen and (min-width:851px) {
  .cFormArea .cSubmit {
    margin-top: 55px;
    margin-bottom: 53px;
  }
}
@media only screen and (max-width:850px) {
  .cFormArea .cSendBtn {
    margin: calc(calc(63 / 750) * 100vw) 0 calc(calc(61 / 750) * 100vw);
  }
}
@media only screen and (min-width:851px) {
  .cFormArea .cSendBtn {
    margin: 55px 0 53px;
  }
}

@media only screen and (max-width:850px) {
  .cFormConfirmArea {
    font-size: calc(calc(32 / 750) * 100vw);
  }
}
@media only screen and (min-width:851px) {
  .cFormConfirmArea {
    font-size: 1.6rem;
  }
}
.cFormConfirmArea .cFormList {
  display: grid;
  line-height: 1.8;
  width: 100%;
}
.cFormConfirmArea .cFormList dt {
  font-weight: bold;
  letter-spacing: -0.05em;
}
.cFormConfirmArea .cFormList dt .inputTitle {
  display: flex;
  align-items: center;
}
.cFormConfirmArea .cFormList dd .multiItems {
  display: flex;
}
@media only screen and (max-width:850px) {
  .cFormConfirmArea .cFormList {
    border-top: calc(calc(2 / 750) * 100vw) solid var(--border);
    line-height: 1.6;
    padding: calc(calc(40 / 750) * 100vw) 0;
    grid-template-rows: auto auto;
  }
  .cFormConfirmArea .cFormList dt {
    margin-bottom: calc(calc(16 / 750) * 100vw);
  }
  .cFormConfirmArea .cFormList dd > p + p {
    margin-top: calc(calc(20 / 750) * 100vw);
  }
}
@media only screen and (min-width:851px) {
  .cFormConfirmArea .cFormList {
    border-top: 1px solid var(--border);
    padding: 34px 0;
    grid-template-columns: 245px 1fr;
  }
  .cFormConfirmArea .cFormList dd > p + p {
    margin-top: 20px;
  }
}
.cFormConfirmArea .address {
  line-height: 1.8;
  width: 100%;
}
.cFormConfirmArea .address > p {
  font-weight: bold;
}
@media only screen and (max-width:850px) {
  .cFormConfirmArea .address {
    border-top: calc(calc(2 / 750) * 100vw) solid var(--border);
    padding: calc(calc(40 / 750) * 100vw) 0 calc(calc(12 / 750) * 100vw);
  }
  .cFormConfirmArea .address > p {
    padding-bottom: calc(calc(24 / 750) * 100vw);
  }
}
@media only screen and (min-width:851px) {
  .cFormConfirmArea .address {
    border-top: 1px solid var(--border);
    font-size: 1.6rem;
    padding: 30px 0;
  }
  .cFormConfirmArea .address > p {
    padding-bottom: 22px;
  }
}
@media only screen and (max-width:850px) {
  .cFormConfirmArea .address .cFormList {
    border-top: none;
    padding: 0 0 calc(calc(36 / 750) * 100vw);
  }
}
@media only screen and (min-width:851px) {
  .cFormConfirmArea .address .cFormList {
    border-top: none;
    padding: 8px 0;
  }
  .cFormConfirmArea .address .cFormList dt {
    font-weight: 400;
  }
}
.cFormConfirmArea .acceptanceArea {
  border-top: 1px solid var(--border);
}
@media only screen and (max-width:850px) {
  .cFormConfirmArea .acceptanceArea > p {
    margin: calc(calc(90 / 750) * 100vw) 0 calc(calc(55 / 750) * 100vw);
  }
}
@media only screen and (min-width:851px) {
  .cFormConfirmArea .acceptanceArea > p {
    margin: 50px 0 27px;
  }
}
.cFormConfirmArea .acceptanceArea .acceptanceDetail {
  border: 1px solid var(--border);
  margin: 1em 0;
  padding: 1em 2em;
}
.cFormConfirmArea .acceptanceArea .acceptanceDetail dt {
  font-weight: bold;
}
.cFormConfirmArea .acceptanceArea .acceptanceDetail dl + dl {
  margin-top: 1em;
}
.cFormConfirmArea .acceptanceArea .acceptanceDetail ul {
  margin-left: 2em;
}
.cFormConfirmArea .acceptance {
  display: flex;
  justify-content: center;
  margin: 2em 0 0;
}
@media only screen and (min-width:851px) {
  .cFormConfirmArea .acceptance {
    font-weight: bold;
  }
}
@media only screen and (max-width:850px) {
  .cFormConfirmArea .cSendBtn {
    margin: calc(calc(47 / 750) * 100vw) 0 calc(calc(61 / 750) * 100vw);
  }
}
@media only screen and (min-width:851px) {
  .cFormConfirmArea .cSendBtn {
    margin: 55px 0 53px;
  }
}

/**
 * Swiper 4.4.2
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * http://www.idangero.us/swiper/
 *
 * Copyright 2014-2018 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: November 1, 2018
 */
.swiper-container {
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
}

.swiper-container-no-flexbox .swiper-slide {
  float: left;
}

.swiper-container-vertical > .swiper-wrapper {
  flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  box-sizing: content-box;
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}

.swiper-container-multirow > .swiper-wrapper {
  flex-wrap: wrap;
}

.swiper-container-free-mode > .swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto;
}

.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
}

.swiper-slide-invisible-blank {
  visibility: hidden;
}

/* Auto Height */
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
  height: auto;
}

.swiper-container-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}

/* 3D Effects */
.swiper-container-3d {
  perspective: 1200px;
}

.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
  transform-style: preserve-3d;
}

.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}

.swiper-container-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

/* IE10 Windows Phone 8 Fixes */
.swiper-container-wp8-horizontal,
.swiper-container-wp8-horizontal > .swiper-wrapper {
  touch-action: pan-y;
}

.swiper-container-wp8-vertical,
.swiper-container-wp8-vertical > .swiper-wrapper {
  touch-action: pan-x;
}

.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  top: 50%;
  width: 27px;
  height: 44px;
  margin-top: -22px;
  z-index: 10;
  cursor: pointer;
  background-size: 27px 44px;
  background-position: center;
  background-repeat: no-repeat;
}

.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%2300a6dc'%2F%3E%3C%2Fsvg%3E");
  left: 10px;
  right: auto;
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%2300a6dc'%2F%3E%3C%2Fsvg%3E");
  right: 10px;
  left: auto;
}

.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-lock {
  display: none;
}

.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: 300ms opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
}

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}

/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: 10px;
  left: 0;
  width: 100%;
}

/* Bullets */
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transform: scale(0.33);
  position: relative;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(0.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(0.33);
}

.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  background: #000;
  opacity: 0.2;
}

button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}

.swiper-pagination-bullet-active {
  opacity: 1;
  background: #007aff;
}

.swiper-container-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  transform: translate3d(0px, -50%, 0);
}

.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 6px 0;
  display: block;
}

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
}

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  transition: 200ms transform, 200ms top;
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 4px;
}

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform, 200ms left;
}

.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform, 200ms right;
}

/* Progress */
.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: #007aff;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transform-origin: left top;
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: right top;
}

.swiper-container-horizontal > .swiper-pagination-progressbar,
.swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0;
}

.swiper-container-vertical > .swiper-pagination-progressbar,
.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0;
}

.swiper-pagination-white .swiper-pagination-bullet-active {
  background: #ffffff;
}

.swiper-pagination-progressbar.swiper-pagination-white {
  background: rgba(255, 255, 255, 0.25);
}

.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
  background: #ffffff;
}

.swiper-pagination-black .swiper-pagination-bullet-active {
  background: #000000;
}

.swiper-pagination-progressbar.swiper-pagination-black {
  background: rgba(0, 0, 0, 0.25);
}

.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
  background: #000000;
}

.swiper-pagination-lock {
  display: none;
}

/* Scrollbar */
.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  background: rgba(0, 0, 0, 0.1);
}

.swiper-container-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%;
}

.swiper-container-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%;
}

.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0;
}

.swiper-scrollbar-cursor-drag {
  cursor: move;
}

.swiper-scrollbar-lock {
  display: none;
}

.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.swiper-slide-zoomed {
  cursor: move;
}

/* Preloader */
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
  animation: swiper-preloader-spin 1s steps(12, end) infinite;
}

.swiper-lazy-preloader:after {
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-position: 50%;
  background-size: 100%;
  background-repeat: no-repeat;
}

.swiper-lazy-preloader-white:after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}

@-webkit-keyframes swiper-preloader-spin {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes swiper-preloader-spin {
  100% {
    transform: rotate(360deg);
  }
}
/* a11y */
.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  transition-timing-function: ease-out;
}

.swiper-container-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity;
}

.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-container-cube {
  overflow: visible;
}

.swiper-container-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}

.swiper-container-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
  transform-origin: 100% 0;
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next + .swiper-slide {
  pointer-events: auto;
  visibility: visible;
}

.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.6;
  filter: blur(50px);
  z-index: 0;
}

.swiper-container-flip {
  overflow: visible;
}

.swiper-container-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
}

.swiper-container-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-container-flip .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.cNewsIndex {
  line-height: 1.8;
}
.cNewsIndex li a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  text-decoration: none;
}
.isPC.hoverable .cNewsIndex li a:hover {
  background-color: var(--hover);
  transition: background-color 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.isSP .cNewsIndex li a:hover {
  background-color: var(--hover);
  transition: background-color 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.cNewsIndex li dl {
  display: grid;
  width: 100%;
}
@media only screen and (max-width:850px) {
  .cNewsIndex {
    border-top: calc(calc(2 / 750) * 100vw) solid var(--border);
    font-size: calc(calc(24 / 750) * 100vw);
    line-height: 1.6;
  }
  .cNewsIndex li {
    border-bottom: calc(calc(2 / 750) * 100vw) solid var(--border);
  }
  .cNewsIndex li a {
    padding: calc(calc(40 / 750) * 100vw) 0;
  }
  .cNewsIndex li a .cIcoArrOnly {
    margin: 0 calc(calc(33 / 750) * 100vw);
    transition: transform 0.4s ease;
  }
  .cNewsIndex li dl {
    grid-template-rows: auto auto;
  }
  .cNewsIndex li dt {
    margin-bottom: calc(calc(16 / 750) * 100vw);
  }
  .cNewsIndex li.nolinks {
    padding: calc(calc(40 / 750) * 100vw) 0;
  }
}
@media only screen and (min-width:851px) {
  .cNewsIndex {
    border-top: 1px solid var(--border);
    font-size: 1.6rem;
  }
  .cNewsIndex li {
    border-bottom: 1px solid var(--border);
  }
  .cNewsIndex li a {
    padding: 34px 0;
  }
  .cNewsIndex li a .cIcoArrOnly {
    margin: 0 10px;
    transition: transform 0.4s ease;
  }
  .cNewsIndex li dl {
    grid-template-columns: 172px 1fr;
  }
  .cNewsIndex li.nolinks {
    padding: 34px 0;
  }
}

@media only screen and (max-width:850px) {
  .archive #wrapper #content {
    background: url(/assets/images/bg/back_effect_a_blur.png) right calc(calc(165 / 750) * 100vw) top calc(calc(392 / 750) * 100vw)/calc(calc(750 / 750) * 100vw) calc(calc(750 / 750) * 100vw) no-repeat, url(/assets/images/bg/bg_bottom_blur.png) left calc(calc(145 / 750) * 100vw) bottom calc(calc(-356 / 750) * 100vw)/calc(calc(1050 / 750) * 100vw) calc(calc(1050 / 750) * 100vw) no-repeat;
  }
}
@media only screen and (min-width:851px) {
  .archive #wrapper #content {
    background: url(/assets/images/bg/back_effect_a_blur.png) right calc(calc(740 / 1280) * 100vw) top 520px no-repeat, url(/assets/images/bg/bg_bottom_blur.png) left calc(calc(640 / 1280) * 100vw) bottom -425px no-repeat;
  }
}

@media only screen and (max-width:850px) {
  .home #location {
    display: none;
  }
  .home .hero {
    position: relative;
    z-index: 2;
    height: calc(calc(1080 / 750) * 100vw);
    transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  .home .hero .bg {
    display: none;
  }
  .home .heroInner1 {
    padding-top: calc(calc(163 / 750) * 100vw);
    padding-left: calc(calc(40 / 750) * 100vw);
  }
  .home .heroKV {
    position: absolute;
    right: 0;
    top: calc(calc(190 / 750) * 100vw);
    z-index: 0;
    width: calc(calc(560 / 750) * 100vw);
    height: calc(calc(613 / 750) * 100vw);
    border-radius: calc(calc(306.5 / 750) * 100vw) 0 0 calc(calc(306.5 / 750) * 100vw);
    overflow: hidden;
  }
  .home .heroImg {
    width: calc(calc(560 / 750) * 100vw);
    height: calc(calc(613 / 750) * 100vw);
    -o-object-fit: cover;
    object-fit: cover;
    font-family: "object-fit: cover";
  }
  .home .heroTitle {
    font-size: calc(calc(52 / 750) * 100vw);
    font-family: "Spartan", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
    font-weight: 500;
    line-height: 1.1;
    line-height: 1.2;
    margin-bottom: calc(calc(37 / 750) * 100vw);
    color: var(--blue);
  }
  .home .heroTitle .text1 {
    display: block;
    font-size: calc(calc(36 / 750) * 100vw);
    margin-left: spfz(3);
  }
  .home .heroLiner {
    position: relative;
    text-align: left;
    margin-bottom: calc(calc(154 / 750) * 100vw);
    font-family: "Noto Sans JP", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
    font-weight: 400;
    font-size: calc(calc(24 / 750) * 100vw);
    color: var(--blue);
  }

  .home .badge {
    position: relative;
    margin-bottom: calc(calc(24 / 750) * 100vw);
    z-index: 1;
  }
  .home .badge  {
    display: block;
    font-family: "Noto Sans JP", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
    font-weight: 500;
    font-size: calc(calc(20 / 750) * 100vw);
    letter-spacing: 0.05em;
    text-decoration: none;
    color: var(--blue);
    text-shadow: 0px 0px calc(calc(14 / 750) * 100vw) rgba(255, 255, 255, 0.7);
  }
  .home .badge  span {
    position: relative;
    display: block;
    width: calc(calc(240 / 750) * 150vw);
    box-shadow: 0 calc(calc(28 / 750) * 100vw) calc(calc(43 / 750) * 100vw) calc(calc(7 / 750) * 100vw) rgba(48, 145, 179, 0.25);
  }

  .home .heroMovie {
    position: absolute;
    margin-bottom: calc(calc(24 / 750) * 100vw);
    z-index: 1;
  }
  .home .heroMovie a {
    display: block;
    font-family: "Noto Sans JP", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
    font-weight: 500;
    font-size: calc(calc(20 / 750) * 100vw);
    letter-spacing: 0.05em;
    text-decoration: none;
    color: var(--blue);
    text-shadow: 0px 0px calc(calc(14 / 750) * 100vw) rgba(255, 255, 255, 0.7);
  }
  .home .heroMovie a span {
    position: relative;
    display: block;
    width: calc(calc(240 / 750) * 100vw);
    box-shadow: 0 calc(calc(28 / 750) * 100vw) calc(calc(43 / 750) * 100vw) calc(calc(7 / 750) * 100vw) rgba(48, 145, 179, 0.25);
  }


  .home .heroMovie2 {
    position: absolute;
    top: auto;
    right: 30%;
    margin-bottom: calc(calc(24 / 750) * 100vw);
    z-index: 1;
  }
  .home .heroMovie2 a {
    display: block;
    font-family: "Noto Sans JP", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
    font-weight: 500;
    font-size: calc(calc(20 / 750) * 100vw);
    letter-spacing: 0.05em;
    text-decoration: none;
    color: var(--blue);
    text-shadow: 0px 0px calc(calc(14 / 750) * 100vw) rgba(255, 255, 255, 0.7);
  }
  .home .heroMovie2 a span {
    position: relative;
    display: block;
    width: calc(calc(240 / 750) * 100vw);
    box-shadow: 0 calc(calc(28 / 750) * 100vw) calc(calc(43 / 750) * 100vw) calc(calc(7 / 750) * 100vw) rgba(48, 145, 179, 0.25);
  }



  .home .heroPrice {
    position: relative;
    text-align: left;
    padding-top: calc(calc(33 / 750) * 800vw);
  }
  .home .heroPrice .cImg {
    position: absolute;
    left: calc(calc(25 / 750) * 100vw);
    bottom: calc(calc(40 / 750) * 100vw);
    z-index: 0;
    width: calc(calc(176 / 750) * 100vw);
  }
  .home .heroPrice a {
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    width: calc(calc(580 / 750) * 100vw);
    height: calc(calc(172 / 750) * 100vw);
    box-shadow: 0 calc(calc(38 / 750) * 100vw) calc(calc(69.66 / 750) * 100vw) calc(calc(11.34 / 750) * 100vw) rgba(48, 145, 179, 0.25);
    border-radius: calc(calc(5 / 750) * 100vw);
    background: white url(/assets/images/top/bg_kv_item1.png) left bottom/calc(calc(580 / 750) * 100vw) auto no-repeat;
    padding-left: calc(calc(220 / 750) * 100vw);
  }
  .home .heroPrice .cIcoArr {
    display: none;
  }
  .home .heroPrice .title1 {
    position: relative;
    z-index: 2;
    font-size: calc(calc(18 / 750) * 100vw);
    margin-bottom: calc(calc(10 / 750) * 100vw);
    line-height: 1.5714285714;
  }
  .home .heroPrice .title1 span {
    font-size: calc(calc(11 / 750) * 100vw);
    width: 7em;
    transform: translate(0.2em, 0.45em);
  }
  .home .heroPrice .cMonthlyCost {
    position: relative;
    z-index: 2;
    display: flex;
    width: auto;
    justify-content: flex-start;
    margin: 0;
    letter-spacing: -0.05em;
  }
  .home .heroPrice .cMonthlyCost .unit {
    font-family: "Noto Sans JP", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
    font-weight: 500;
    font-size: calc(calc(23 / 750) * 100vw);
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    line-height: 1.2;
  }
  .home .heroPrice .cMonthlyCost .num {
    padding: 0;
    font-family: "Spartan", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
    font-weight: 400;
    line-height: 1.1;
    font-size: calc(calc(58 / 750) * 100vw);
    letter-spacing: -0.1em;
  }
  .home .heroPrice .cMonthlyCost .yenArea {
    display: flex;
    flex-direction: column;
    align-self: flex-start;
  }
  .home .heroPrice .cMonthlyCost .yen {
    position: relative;
    font-family: "Noto Sans JP", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
    font-weight: 500;
    font-size: calc(calc(23 / 750) * 100vw);
    padding: 0 0 0 calc(calc(4 / 750) * 100vw);
    letter-spacing: -0.01em;
    line-height: 1;
  }
  .home .heroPrice .cMonthlyCost .tax {
    position: relative;
    font-family: "Noto Sans JP", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
    font-weight: 500;
    font-size: calc(calc(15 / 750) * 100vw);
    letter-spacing: -0.01em;
    white-space: nowrap;
  }
  .home .heroPrice .cMonthlyCost .text {
    text-align: center;
    align-self: center;
    line-height: 1.4;
    padding: calc(calc(4 / 750) * 100vw) calc(calc(3 / 750) * 100vw);
    min-width: 4em;
    font-family: "Noto Sans JP", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
    font-weight: 500;
    font-size: calc(calc(15 / 750) * 100vw);
    color: var(--blue);
    border: var(--blue) calc(calc(1 / 750) * 100vw) solid;
    border-radius: calc(calc(3 / 750) * 100vw);
  }
  .home .hero .btnScroll {
    position: absolute;
    right: calc(calc(89 / 750) * 100vw);
    top: calc(calc(1037 / 750) * 100vw);
    width: calc(calc(190 / 750) * 100vw);
    height: calc(calc(24 / 750) * 100vw);
    overflow: hidden;
    transform: rotate(90deg);
    transform-origin: right bottom;
  }
  .home .hero .btnScroll a {
    position: relative;
    display: block;
    outline: 0;
    width: 100%;
    height: 100%;
    z-index: 90;
    color: var(--blue);
    font-family: "Spartan", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
    font-weight: 500;
    line-height: 1.1;
    font-size: calc(calc(16 / 750) * 100vw);
    line-height: 1em;
    text-decoration: none;
  }
  .home .hero .btnScroll a > span {
    position: relative;
    display: inline-block;
    width: calc(calc(72 / 750) * 100vw);
    height: 1em;
    margin-left: calc(calc(8 / 750) * 100vw);
    overflow: hidden;
  }
  .home .hero .btnScroll a > span > span {
    position: relative;
    display: block;
    width: calc(calc(60 / 750) * 100vw);
    height: 1em;
    -webkit-animation-name: tobottom;
    animation-name: tobottom;
    -webkit-animation-duration: 2600ms;
    animation-duration: 2600ms;
    -webkit-animation-timing-function: liner;
    animation-timing-function: liner;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    transform-origin: 0 0;
  }
  .home .hero .btnScroll a > span > span::before {
    position: absolute;
    top: 50%;
    left: 100%;
    content: "";
    display: block;
    width: calc(calc(12 / 750) * 100vw);
    height: calc(calc(12 / 750) * 100vw);
    border-radius: 50%;
    background: var(--blue);
    transform: translateY(calc(-50% + 0.5px));
  }
  .home .hero .btnScroll a > span > span::after {
    position: absolute;
    top: 50%;
    left: 0;
    transition: transform 0.8s ease;
    content: "";
    display: block;
    width: calc(calc(60 / 750) * 100vw);
    height: 1px;
    background: var(--blue);
  }
  .home .point {
    background-image: linear-gradient(0deg, #b6e9fc 0%, rgba(246, 251, 252, 0) 100%);
    padding: calc(calc(10 / 750) * 100vw) 0 calc(calc(53 / 750) * 100vw);
  }
  .home .point .bg {
    right: 0;
    top: auto;
    bottom: calc(calc(-600 / 750) * 100vw);
  }
  .home .point .bg img {
    width: calc(calc(600 / 750) * 100vw);
  }
  .home .point::after {
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    content: "";
    width: 100%;
    height: 100%;
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
  }
  .home .pointTitle {
    margin-bottom: calc(calc(83 / 750) * 100vw);
    text-align: center;
    font-size: calc(calc(36 / 750) * 100vw);
    line-height: 1.4;
  }
  .home .pointTitle .num {
    position: relative;
    top: calc(calc(8 / 750) * 100vw);
    display: inline-block;
    font-family: "Spartan", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
    font-weight: 400;
    line-height: 1.1;
    font-size: calc(calc(50 / 750) * 100vw);
    color: var(--blue);
  }
  .home .pointPanels_youtuber {
    padding: 0 calc(calc(25 / 750) * 100vw);
  }
  .home .pointPanels_youtuber ul {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
  }
  .home .pointPanels_youtuber ul li {
    position: relative;
    width: calc(calc(300 / 750) * 100vw);
    margin: 0 calc(calc(15 / 750) * 100vw) calc(calc(30 / 750) * 100vw);
  }
  .home .pointPanels_youtuber ul li a {
    position: relative;
    display: block;
    text-decoration: none;
    text-align: center;
    width: 100%;
    height: 100%;
    padding: 0;
    background: var(--white);
    border-radius: calc(calc(5 / 750) * 100vw);
    box-shadow: 0 calc(calc(20 / 750) * 100vw) calc(calc(51.6 / 750) * 100vw) calc(calc(8.4 / 750) * 100vw) rgba(48, 145, 179, 0.2);
    width: 100%;
    transition: transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1), box-shadow 0.6s cubic-bezier(0.215, 0.61, 0.355, 1), padding 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  .home .pointPanels_youtuber ul li a .img {
    max-width: 100%;
    width: 100%;
    height: auto;
    margin: 0;
  }
  .home .pointPanels_youtuber ul li a dt {
    font-family: "Spartan", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
    font-weight: 500;
    line-height: 1.1;
    font-size: calc(calc(18 / 750) * 100vw);
    color: var(--blue);
    letter-spacing: 0.05em;
  }
  .home .pointPanels_youtuber ul li a dd {
    margin-bottom: calc(calc(12 / 750) * 100vw);
    font-size: calc(calc(22 / 750) * 100vw);
  }
  .home .pointPanels_youtuber ul li a .cIcoArr {
    fill: var(--blue);
    stroke: var(--blue);
    transform: rotate(90deg);
  }
  .home .pointPanels_youtuber ul li a:hover {
    box-shadow: 0px 38px 69.66px 11.34px rgba(48, 145, 179, 0.25);
    transform: scale(1.15);
    z-index: 1;
  }
  .home .pointPanels_youtuber ul li:hover {
    z-index: 1;
  }
  .home .pointPanels_youtuber ul li:last-child a dd {
    font-size: calc(calc(20 / 750) * 100vw);
  }

  .home .pointPanels {
    padding: 0 calc(calc(25 / 750) * 100vw);
  }
  .home .pointPanels ul {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
  }
  .home .pointPanels ul li {
    position: relative;
    width: calc(calc(300 / 750) * 100vw);
    margin: 0 calc(calc(15 / 750) * 100vw) calc(calc(30 / 750) * 100vw);
  }
  .home .pointPanels ul li a {
    position: relative;
    display: block;
    text-decoration: none;
    text-align: center;
    width: 100%;
    height: 100%;
    padding: calc(calc(30 / 750) * 100vw) calc(calc(2 / 750) * 100vw) calc(calc(20 / 750) * 100vw);
    background: var(--white);
    border-radius: calc(calc(5 / 750) * 100vw);
    box-shadow: 0 calc(calc(20 / 750) * 100vw) calc(calc(51.6 / 750) * 100vw) calc(calc(8.4 / 750) * 100vw) rgba(48, 145, 179, 0.2);
    width: 100%;
    transition: transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1), box-shadow 0.6s cubic-bezier(0.215, 0.61, 0.355, 1), padding 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  .home .pointPanels ul li a .img {
    max-width: calc(calc(200 / 750) * 100vw);
    width: 100%;
    height: auto;
    margin: calc(calc(20 / 750) * 100vw) 0 calc(calc(24 / 750) * 100vw);
  }
  .home .pointPanels ul li a dt {
    font-family: "Spartan", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
    font-weight: 500;
    line-height: 1.1;
    font-size: calc(calc(18 / 750) * 100vw);
    color: var(--blue);
    letter-spacing: 0.05em;
  }
  .home .pointPanels ul li a dd {
    margin-bottom: calc(calc(12 / 750) * 100vw);
    font-size: calc(calc(22 / 750) * 100vw);
  }
  .home .pointPanels ul li a .cIcoArr {
    fill: var(--blue);
    stroke: var(--blue);
    transform: rotate(90deg);
  }
  .home .pointPanels ul li a:hover {
    box-shadow: 0px 38px 69.66px 11.34px rgba(48, 145, 179, 0.25);
    transform: scale(1.15);
    z-index: 1;
  }
  .home .pointPanels ul li:hover {
    z-index: 1;
  }
  .home .pointPanels ul li:last-child a dd {
    font-size: calc(calc(20 / 750) * 100vw);
  }
  .home .price {
    padding: calc(calc(105 / 750) * 100vw) 0 calc(calc(162 / 750) * 100vw);
  }
  .home .price .bg {
    left: 0;
    bottom: calc(calc(-100 / 750) * 100vw);
  }
  .home .price .bg img {
    width: calc(calc(600 / 750) * 100vw);
  }
  .home .price .cPanels {
    margin-top: calc(calc(78 / 750) * 100vw);
  }
  .home .price .cBtnS {
    margin-top: calc(calc(84 / 750) * 100vw);
  }
  .home .price .cNote2 {
    margin: 0 auto;
  }
  .home .service {
    padding: calc(calc(105 / 750) * 100vw) 0 calc(calc(162 / 750) * 100vw);
  }
  .home .service .bg {
    right: 0;
    top: calc(calc(854 / 750) * 100vw);
  }
  .home .service .bg img {
    width: calc(calc(300 / 750) * 100vw);
  }
  .home .service .bg2 {
    left: 0;
    bottom: 0;
    z-index: 1;
  }
  .home .service .bg2 img {
    width: calc(calc(800 / 750) * 100vw);
  }
  .home .option {
    background: rgba(var(--bluergb), 0.1);
    margin-top: calc(calc(115 / 750) * 100vw);
    margin-left: calc(calc(-40 / 750) * 100vw);
    width: calc(calc(710 / 750) * 100vw);
    padding: calc(calc(105 / 750) * 100vw) 0 calc(calc(102 / 750) * 100vw);
  }
  .home .optionTitle {
    text-align: center;
    color: var(--blue);
    font-size: calc(calc(34 / 750) * 100vw);
    font-family: "Noto Sans JP", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
    font-weight: 700;
  }
  .home .optionTitle span {
    display: block;
    font-family: "Spartan", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
    font-weight: 400;
    line-height: 1.1;
    font-size: calc(calc(22 / 750) * 100vw);
  }
  .home .option .cItemList {
    margin: calc(calc(40 / 750) * 100vw) auto calc(calc(38 / 750) * 100vw);
  }
  .home .hardware {
    overflow: hidden;
    padding: calc(calc(105 / 750) * 100vw) 0 calc(calc(162 / 750) * 100vw);
  }
  .home .hardware .bg {
    left: 0;
    top: 0;
  }
  .home .hardware .bg img {
    width: calc(calc(530 / 750) * 100vw);
  }
  .home .hardware .bg2 {
    right: 0;
    bottom: calc(calc(-100 / 750) * 100vw);
  }
  .home .hardware .bg2 img {
    width: calc(calc(650 / 750) * 100vw);
  }
  .home .hardwarePics {
    margin-top: calc(calc(92 / 750) * 100vw);
    margin-right: calc(calc(55 / 750) * 100vw);
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .home .hardwarePics .img {
    width: 100%;
    height: auto;
  }
  .home .hardwarePics .img:nth-child(1) {
    width: calc(calc(415 / 750) * 100vw);
  }
  .home .hardwarePics .img:nth-child(2) {
    width: calc(calc(337 / 750) * 100vw);
    margin-top: calc(calc(-52 / 750) * 100vw);
    margin-left: calc(calc(-42 / 750) * 100vw);
  }
  .home .hardwarePoints {
    margin-top: calc(calc(-105 / 750) * 100vw);
    margin-bottom: calc(calc(88 / 750) * 100vw);
  }
  .home .hardwarePoints ul {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
  }
  .home .hardwarePoints ul li {
    position: relative;
    width: calc(calc(315 / 750) * 100vw);
    text-align: center;
    margin-bottom: calc(calc(79 / 750) * 100vw);
  }
  .home .hardwarePoints ul li figure {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    height: calc(calc(150 / 750) * 100vw);
  }
  .home .hardwarePoints ul li figure img {
    width: 100%;
    height: auto;
  }
  .home .hardwarePoints ul li p {
    font-size: calc(calc(26 / 750) * 100vw);
    color: var(--white);
    font-family: "Noto Sans JP", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
    font-weight: 700;
  }
  .home .hardwarePoints ul li:nth-child(1) figure {
    width: calc(calc(195.19 / 750) * 100vw);
  }
  .home .hardwarePoints ul li:nth-child(2) figure {
    width: calc(calc(319.64 / 750) * 100vw);
    margin-left: calc(calc(-25 / 750) * 100vw);
  }
  .home .hardwarePoints ul li:nth-child(3) figure {
    width: calc(calc(204.36 / 750) * 100vw);
  }
  .home .hardwarePoints ul li:nth-child(4) figure {
    width: calc(calc(237.11 / 750) * 100vw);
  }
  .home .support {
    padding: calc(calc(105 / 750) * 100vw) 0 calc(calc(162 / 750) * 100vw);
  }
  .home .support .bg {
    right: 0;
    top: calc(calc(-30 / 750) * 100vw);
  }
  .home .support .bg img {
    width: calc(calc(300 / 750) * 100vw);
  }
  .home .support .cImgPanel {
    box-shadow: none;
    margin-top: calc(calc(68 / 750) * 100vw);
    margin-bottom: 0;
  }
  .home .support .cPanels ul {
    display: flex;
    justify-content: space-around;
    width: calc(calc(670 / 750) * 100vw);
    margin-top: calc(calc(-170 / 750) * 100vw);
    margin-left: calc(calc(-20 / 750) * 100vw);
  }
  .home .support .cPanels li {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    width: calc(calc(300 / 750) * 100vw);
    margin: 0;
    padding: calc(calc(33 / 750) * 100vw) calc(calc(18 / 750) * 100vw) calc(calc(33 / 750) * 100vw) calc(calc(18 / 750) * 100vw);
    box-shadow: calc(calc(0 / 750) * 100vw) calc(calc(12 / 750) * 100vw) calc(calc(18 / 750) * 100vw) calc(calc(2 / 750) * 100vw) rgba(48, 145, 179, 0.1);
    text-align: center;
  }
  .home .support .cPanels .fig {
    width: calc(calc(144 / 750) * 100vw);
    margin: 0 auto;
  }
  .home .support .cPanels .text {
    color: var(--blue);
    font-family: "Noto Sans JP", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
    font-weight: 700;
    font-size: calc(calc(24 / 750) * 100vw);
  }
  .home .support .cPanels .note {
    margin-top: 0.5em;
    font-size: calc(calc(18 / 750) * 100vw);
  }
  .home .support .cBtnS {
    margin-top: calc(calc(84 / 750) * 100vw);
  }
  .home .flow {
    padding: calc(calc(105 / 750) * 100vw) 0 calc(calc(82 / 750) * 100vw);
  }
  .home .flow .bg {
    left: calc(calc(-30 / 750) * 100vw);
    top: calc(calc(-140 / 750) * 100vw);
  }
  .home .flow .bg img {
    width: calc(calc(500 / 750) * 100vw);
  }
  .home .flow .cBtnS {
    margin-top: calc(calc(84 / 750) * 100vw);
  }
  .home .special .cGradientBgBox {
    margin: calc(calc(60 / 750) * 100vw) auto;
    width: calc(calc(670 / 750) * 100vw);
    padding: calc(calc(60 / 750) * 100vw) calc(calc(40 / 750) * 100vw) calc(calc(87 / 750) * 100vw);
  }
  .home .special .cGradientBgBox .bg {
    right: calc(calc(-40 / 750) * 100vw);
    top: calc(calc(-40 / 750) * 100vw);
  }
  .home .special .cGradientBgBox .bg img {
    width: calc(calc(400 / 750) * 100vw);
  }
  .home .special .cGradientBgBox .cInner {
    width: auto;
  }
  .home .specialPanels {
    margin-top: calc(calc(18 / 750) * 100vw);
  }
  .home .specialPanels ul {
    justify-content: space-between;
  }
  .home .specialPanels ul li {
    position: relative;
    width: calc(calc(590 / 750) * 100vw);
    margin-right: 0;
    margin-left: 0;
    padding: calc(calc(32 / 750) * 100vw) calc(calc(40 / 750) * 100vw);
    line-height: calc(36 / 24);
  }
  .home .specialPanels ul li h3 {
    margin-bottom: calc(calc(22 / 750) * 100vw);
    font-family: "Noto Sans JP", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
    font-weight: 700;
    font-size: calc(calc(32 / 750) * 100vw);
    color: var(--blue);
  }
  .home .specialPanels ul li .liner {
    font-size: calc(calc(24 / 750) * 100vw);
  }
  .home .specialPanels ul li .sticker {
    position: absolute;
    right: 0;
    top: calc(calc(-33 / 750) * 100vw);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: calc(calc(152 / 750) * 100vw);
    height: calc(calc(152 / 750) * 100vw);
    border-radius: 50%;
    background-image: linear-gradient(170deg, #01cadc 0%, #00a6dc 100%);
    box-shadow: calc(calc(0 / 750) * 100vw) calc(calc(30 / 750) * 100vw) calc(calc(60.2 / 750) * 100vw) calc(calc(9.8 / 750) * 100vw) rgba(48, 145, 179, 0.2);
    font-family: "Noto Sans JP", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
    font-weight: 500;
    font-size: calc(calc(22 / 750) * 100vw);
    color: var(--white);
    text-align: center;
  }
  .home .specialPanels ul li .sticker .cMonthlyCost {
    width: auto;
    margin: calc(calc(16 / 750) * 100vw) -1em calc(calc(5 / 750) * 100vw) 0;
    color: var(--white);
  }
  .home .specialPanels ul li .sticker .cMonthlyCost .num {
    font-size: calc(calc(28 / 750) * 100vw);
    padding: 0 calc(calc(3 / 750) * 100vw) 0 0;
  }
  .home .specialPanels ul li .sticker .cMonthlyCost .yen {
    font-family: "Noto Sans JP", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
    font-weight: 700;
    font-size: calc(calc(18 / 750) * 100vw);
  }
  .home .specialPanels ul li .sticker .cMonthlyCost .tax {
    font-size: calc(calc(11 / 750) * 100vw);
    right: calc(calc(-18 / 750) * 100vw);
    top: calc(calc(-10 / 750) * 100vw);
  }
  .home .specialPanels ul li .sticker .text {
    font-family: "Spartan", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
    font-weight: 400;
    line-height: 1.1;
    font-size: calc(calc(28 / 750) * 100vw);
  }
}
@media only screen and (min-width:851px) {
  .home #location {
    position: fixed;
    left: 24px;
    top: 50%;
    z-index: var(--zmenu);
    width: 120px;
    height: 160px;
    margin-top: -80px;
    transition: transform 0.3s;
    transform: translateX(-100%);
  }
  .home #location.shown {
    transform: translateX(0);
  }
  .home #location li {
    position: relative;
    line-height: 1;
  }
  .home #location a {
    position: relative;
    display: block;
    margin: 2em 0;
    font-family: "Spartan", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
    font-weight: 400;
    line-height: 1.1;
    font-size: 1.1rem;
    color: var(--gray2);
    text-decoration: none;
  }
  .home #location a span {
    display: inline-block;
    opacity: 0;
    transform: translate(-5px, -1px);
    transition: opacity 0.3s cubic-bezier(0.19, 1, 0.22, 1);
  }
  .home #location a::before {
    position: relative;
    content: "";
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-right: 1em;
    border-radius: 50%;
    background-color: var(--gray2);
    transform: scale(0.5);
    transition: transform 0.3s cubic-bezier(0.19, 1, 0.22, 1);
  }
  .home #location a:hover, .home #location a.active {
    color: var(--gray3);
  }
  .home #location a:hover span, .home #location a.active span {
    opacity: 1;
    transform: translate(0, -1px);
    transition: opacity 0.3s cubic-bezier(0.19, 1, 0.22, 1), transform 0.6s cubic-bezier(0.19, 1, 0.22, 1);
  }
  .home #location a:hover::before, .home #location a.active::before {
    background: #e0467a;
    background-color: var(--gray3);
    transform: scale(1);
  }
  .home #location a.active {
    color: var(--blue);
  }
  .home #location a.active::before {
    background-color: var(--blue);
  }
  .home #location a.active[data-nav=hardware] {
    color: var(--white);
  }
  .home #location a.active[data-nav=hardware]::before {
    background-color: var(--white);
  }
  .home .hero {
    position: relative;
    min-height: 100vh;
    min-height: calc(var(--vh, 1vh) * 100);
  }
  .home .hero .bg {
    left: 0;
    top: calc( calc(289 / 780) * 100vh);
  }
  .home .heroInner1 {
    padding-top: calc( calc(138 / 778) * 100vh);
    padding-left: calc(calc(108 / 1280) * 100vw);
  }
  .home .heroKV {
    position: absolute;
    right: 0;
    top: calc( calc(-149 / 778) * 100vh);
    z-index: 0;
    width: calc(calc(1046 / 1280) * 100vw);
    height: calc( calc(876 / 778) * 100vh);
    border-radius: calc( calc(876 / 778 / 2) * 100vh) 0 0 calc( calc(876 / 778 / 2) * 100vh);
    padding-top: calc( calc(149 / 778) * 100vh);
    overflow: hidden;
  }
  .home .heroImg {
    width: calc(calc(1046 / 1280) * 100vw);
    height: calc( calc(727 / 778) * 100vh);
    -o-object-fit: cover;
    object-fit: cover;
    font-family: "object-fit: cover";
  }
  .home .heroTitle {
    font-size: 4.6rem;
    font-family: "Spartan", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
    font-weight: 500;
    line-height: 1.1;
    line-height: 1.2;
    margin-bottom: calc( calc(8 / 778) * 100vh);
    color: var(--blue);
  }
  .home .heroTitle .text1 {
    display: block;
    font-size: 3.2rem;
    margin-left: 3px;
  }
  .home .heroLiner {
    position: relative;
    text-align: left;
    margin-bottom: calc( calc(42 / 778) * 100vh);
    font-family: "Noto Sans JP", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
    font-weight: 400;
    font-size: 2rem;
    color: var(--blue);
  }
  .home .heroLogo {
    position: relative;
    z-index: 1;
    width: 248px;
  }
  .home .heroLinks {
    position: absolute;
    left: calc(calc(100 / 1280) * 100vw);
    bottom: calc( calc(78 / 778) * 100vh);
    display: inline-flex;
    flex-direction: row-reverse;
    justify-content: flex-start;
    align-items: flex-end;
  }

  .home .badge {
    position: relative;
    margin-left: 20px;
    z-index: 1;
  }
  .home .badge  {
    display: block;
    font-family: "Noto Sans JP", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
    font-weight: 500;
    font-size: 2rem;
    text-decoration: none;
    text-shadow: 0px 0px 14px rgba(255, 255, 255, 0.7), 0px 0px 14px rgba(255, 255, 255, 0.7);
    color: var(--blue);
  }
  .home .badge  span {
    position: relative;
    display: block;
    width: 300px;
    box-shadow: 0px 28px 43px 7px rgba(48, 145, 179, 0.25);
    overflow: hidden;
  }
  .home .badge  span:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    opacity: 0.15;
    -webkit-clip-path: circle(0 at center);
    clip-path: circle(0 at center);
  }
  .home .badge  span:hover:before {
    -webkit-clip-path: circle(200px at center);
    clip-path: circle(200px at center);
    transition: 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  .home .heroMovie {
    position: relative;
    margin-left: 20px;
    z-index: 1;
  }
  .home .heroMovie a {
    display: block;
    font-family: "Noto Sans JP", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
    font-weight: 500;
    font-size: 2rem;
    text-decoration: none;
    text-shadow: 0px 0px 14px rgba(255, 255, 255, 0.7), 0px 0px 14px rgba(255, 255, 255, 0.7);
    color: var(--blue);
    line-height: 130%;
  }

  .home .heroMovie a span {
    position: relative;
    display: block;
    width: 160px;
    box-shadow: 0px 28px 43px 7px rgba(48, 145, 179, 0.25);
    overflow: hidden;
  }
  .home .heroMovie a span:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    opacity: 0.15;
    -webkit-clip-path: circle(0 at center);
    clip-path: circle(0 at center);
  }
  .home .heroMovie a span:hover:before {
    -webkit-clip-path: circle(200px at center);
    clip-path: circle(200px at center);
    transition: 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
  }


  .home .heroMovie2 {
    position: relative;
    margin-left: 20px;
    z-index: 1;
  }
  .home .heroMovie2 a {
    display: block;
    font-family: "Noto Sans JP", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
    font-weight: 500;
    font-size: 2rem;
    text-decoration: none;
    text-shadow: 0px 0px 14px rgba(255, 255, 255, 0.7), 0px 0px 14px rgba(255, 255, 255, 0.7);
    color: var(--blue);
    line-height: 130%;
  }

  .home .heroMovie2 a span {
    position: relative;
    display: block;
    width: 160px;
    box-shadow: 0px 28px 43px 7px rgba(48, 145, 179, 0.25);
    overflow: hidden;
  }
  .home .heroMovie2 a span:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    opacity: 0.15;
    -webkit-clip-path: circle(0 at center);
    clip-path: circle(0 at center);
  }
  .home .heroMovie2 a span:hover:before {
    -webkit-clip-path: circle(200px at center);
    clip-path: circle(200px at center);
    transition: 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
  }



  .home .heroPrice {
    position: relative;
    text-align: left;
    padding-top: 33px;
  }
  .home .heroPrice .cImg {
    position: absolute;
    left: 25px;
    bottom: 30px;
    z-index: 0;
    transition: transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
    width: 169px;
  }
  .home .heroPrice .cIcoArr {
    transition: transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  .home .heroPrice a {
    display: flex;
    align-items: center;
    justify-content: space-around;
    text-decoration: none;
    width: 520px;
    height: 150px;
    box-shadow: 0px 38px 69.66px 11.34px rgba(48, 145, 179, 0.25);
    border-radius: 5px;
    padding-left: 225px;
    background: white url(/assets/images/top/bg_kv_item1.png) left bottom no-repeat;
  }
  .isPC.hoverable .home .heroPrice a:hover .cImg {
    transform: translateY(-10px);
  }
  .isPC.hoverable .home .heroPrice a:hover .cIcoArr {
    transform: scale(1.15) rotate(90deg);
  }
  .isSP .home .heroPrice a:hover .cImg {
    transform: translateY(-30);
  }
  .home .heroPrice .title1 {
    position: relative;
    z-index: 2;
    font-size: 1.4rem;
    margin-bottom: 10px;
    line-height: 1.5714285714;
  }
  .home .heroPrice .title1 span {
    position: absolute;
    width: 7em;
    transform: translate(0.2em, 0.45em);
    font-size: 0.9rem;
  }
  .home .heroPrice .cMonthlyCost {
    position: relative;
    z-index: 2;
    display: flex;
    width: auto;
    justify-content: flex-start;
    margin: 0;
    letter-spacing: -0.05em;
  }
  .home .heroPrice .cMonthlyCost .unit {
    font-family: "Noto Sans JP", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
    font-weight: 500;
    font-size: 1.8rem;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    line-height: 1.2;
  }
  .home .heroPrice .cMonthlyCost .num {
    padding: 0;
    font-family: "Spartan", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
    font-weight: 400;
    line-height: 1.1;
    font-size: 4.6rem;
    letter-spacing: -0.1em;
  }
  .home .heroPrice .cMonthlyCost .yenArea {
    display: flex;
    flex-direction: column;
    align-self: flex-start;
  }
  .home .heroPrice .cMonthlyCost .yen {
    position: relative;
    font-family: "Noto Sans JP", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
    font-weight: 500;
    font-size: 1.8rem;
    padding: 0 0 0 4px;
    letter-spacing: -0.01em;
    line-height: 1;
  }
  .home .heroPrice .cMonthlyCost .tax {
    position: relative;
    font-family: "Noto Sans JP", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
    font-weight: 500;
    font-size: 1.2rem;
    letter-spacing: -0.01em;
    white-space: nowrap;
  }
  .home .heroPrice .cMonthlyCost .text {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    align-self: center;
    line-height: 1.6;
    padding: 0 2px;
    font-family: "Noto Sans JP", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
    font-weight: 500;
    font-size: 1.2rem;
    color: var(--blue);
    border: var(--blue) 1px solid;
    border-radius: 3px;
    white-space: nowrap;
  }
  .home .hero .btnScroll {
    position: absolute;
    left: 42px;
    bottom: 178px;
    width: 120px;
    height: 11px;
    overflow: hidden;
    transform: rotate(90deg);
    transform-origin: left bottom;
  }
  .home .hero .btnScroll a {
    position: relative;
    display: block;
    outline: 0;
    width: 100%;
    height: 100%;
    z-index: 90;
    line-height: 1em;
    color: var(--blue);
    font-family: "Spartan", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
    font-weight: 500;
    line-height: 1.1;
    font-size: 1.1rem;
    text-decoration: none;
  }
  .home .hero .btnScroll a > span {
    position: relative;
    display: inline-block;
    width: 57px;
    height: 1em;
    margin-left: 8px;
    overflow: hidden;
  }
  .home .hero .btnScroll a > span > span {
    position: relative;
    display: block;
    width: 51px;
    height: 1em;
    -webkit-animation-name: tobottom;
    animation-name: tobottom;
    -webkit-animation-duration: 2600ms;
    animation-duration: 2600ms;
    -webkit-animation-timing-function: liner;
    animation-timing-function: liner;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    transform-origin: 0 0;
  }
  .home .hero .btnScroll a > span > span::before {
    position: absolute;
    top: 50%;
    left: 100%;
    content: "";
    display: block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--blue);
    transform: translateY(calc(-50% + 0.5px));
  }
  .home .hero .btnScroll a > span > span::after {
    position: absolute;
    top: 50%;
    left: 0;
    transition: transform 0.8s ease;
    content: "";
    display: block;
    width: 57px;
    height: 1px;
    background: var(--blue);
  }
  .home .point {
    background-image: linear-gradient(0deg, #b6e9fc 0%, rgba(246, 251, 252, 0) 100%);
    padding: 50px 0 115px;
  }
  .home .point .bg {
    right: 0;
    top: calc( 200px + 0px);
  }
  .home .point::after {
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    content: "";
    width: 100%;
    height: 100%;
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
  }
  .home .pointTitle {
    margin-bottom: 83px;
    text-align: center;
    font-size: 3rem;
    line-height: 1.4;
    letter-spacing: 0.02em;
  }
  .home .pointTitle .num {
    position: relative;
    top: 8px;
    display: inline-block;
    font-family: "Spartan", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
    font-weight: 400;
    line-height: 1.1;
    font-size: 5rem;
    color: var(--blue);
  }
  .home .pointPanels_youtuber {
    padding: 0 calc(calc(25 / 1280) * 100vw);
  }
  .home .pointPanels_youtuber ul {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
  }
  .home .pointPanels_youtuber ul li {
    position: relative;
    width: calc(calc(208 / 1280) * 100vw);
    min-width: 320px;
    max-width: 218px;
    margin: 0 calc(calc(15 / 1280) * 100vw);
  }
  .home .pointPanels_youtuber ul li a {
    position: relative;
    display: block;
    text-decoration: none;
    text-align: center;
    width: 100%;
    height: 100%;
    padding: 0px;
    background: var(--white);
    transition: transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1), box-shadow 0.6s cubic-bezier(0.215, 0.61, 0.355, 1), padding 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  .home .pointPanels_youtuber ul li a .img {
    max-width: 320px;
    width: 100%;
    height: auto;
    margin: 0px;
  }
  .home .pointPanels_youtuber ul li a dt {
    font-family: "Spartan", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
    font-weight: 500;
    line-height: 1.1;
    font-size: 1.1rem;
    color: var(--blue);
    letter-spacing: 0.05em;
  }
  .home .pointPanels_youtuber ul li a dd {
    margin-bottom: 12px;
    font-size: 1.5rem;
  }
  .home .pointPanels_youtuber ul li a .cIcoArr {
    fill: var(--blue);
    stroke: var(--blue);
    transform: rotate(90deg);
  }
}
@media only screen and (min-width:851px) and (max-width:850px) {
  .home .pointPanels_youtuber ul li a {
    border-radius: calc(calc(5 / 750) * 100vw);
    box-shadow: 0 calc(calc(20 / 750) * 100vw) calc(calc(51.6 / 750) * 100vw) calc(calc(8.4 / 750) * 100vw) rgba(48, 145, 179, 0.2);
    width: 100%;
  }
}
@media only screen and (min-width:851px) and (min-width:851px) {
  .home .pointPanels_youtuber ul li a {
    border-radius: 5px;
    box-shadow: 0px 12px 18px 2px rgba(48, 145, 179, 0.1);
    width: 100%;
    margin-bottom: 50px;
  }
}
@media only screen and (min-width:851px) {
  .home .pointPanels_youtuber ul li a:hover {
    box-shadow: 0px 38px 69.66px 11.34px rgba(48, 145, 179, 0.25);
    transform: scale(1.15);
    z-index: 1;
  }
}
@media only screen and (min-width:851px) {
  .home .pointPanels_youtuber ul li:hover {
    z-index: 1;
  }
}
@media only screen and (min-width:851px) {
  .home .pointPanels_youtuber ul:last-child a dd {
    font-size: 1.4rem;
  }
}  
  .home .pointPanels {
    padding: 0 calc(calc(25 / 1280) * 100vw);
  }
  .home .pointPanels ul {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
  }
  .home .pointPanels ul li {
    position: relative;
    width: calc(calc(208 / 1280) * 100vw);
    min-width: 180px;
    max-width: 218px;
    margin: 2%;
  }
  .home .pointPanels ul li a {
    position: relative;
    display: block;
    text-decoration: none;
    text-align: center;
    width: 100%;
    height: 100%;
    padding: 24px 5px 18px;
    background: var(--white);
    transition: transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1), box-shadow 0.6s cubic-bezier(0.215, 0.61, 0.355, 1), padding 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  .home .pointPanels ul li a .img {
    max-width: 150px;
    width: 100%;
    height: auto;
    margin: 16px 0 16px;
  }
  .home .pointPanels ul li a dt {
    font-family: "Spartan", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
    font-weight: 500;
    line-height: 1.1;
    font-size: 1.1rem;
    color: var(--blue);
    letter-spacing: 0.05em;
  }
  .home .pointPanels ul li a dd {
    margin-bottom: 12px;
    font-size: 1.5rem;
  }
  .home .pointPanels ul li a .cIcoArr {
    fill: var(--blue);
    stroke: var(--blue);
    transform: rotate(90deg);
  }
}
@media only screen and (min-width:851px) and (max-width:850px) {
  .home .pointPanels ul li a {
    border-radius: calc(calc(5 / 750) * 100vw);
    box-shadow: 0 calc(calc(20 / 750) * 100vw) calc(calc(51.6 / 750) * 100vw) calc(calc(8.4 / 750) * 100vw) rgba(48, 145, 179, 0.2);
    width: 100%;
  }
}
@media only screen and (min-width:851px) and (min-width:851px) {
  .home .pointPanels ul li a {
    border-radius: 5px;
    box-shadow: 0px 12px 18px 2px rgba(48, 145, 179, 0.1);
    width: 100%;
    margin-bottom: 50px;
  }
}
@media only screen and (min-width:851px) {
  .home .pointPanels ul li a:hover {
    box-shadow: 0px 38px 69.66px 11.34px rgba(48, 145, 179, 0.25);
    transform: scale(1.15);
    z-index: 1;
  }
}
@media only screen and (min-width:851px) {
  .home .pointPanels ul li:hover {
    z-index: 1;
  }
}
@media only screen and (min-width:851px) {
  .home .pointPanels ul:last-child a dd {
    font-size: 1.4rem;
  }
}
@media only screen and (min-width:851px) {
  .home .price {
    padding: 120px 0 140px;
  }
  .home .price .bg {
    left: 0;
    bottom: calc( -100px + 0px);
  }
  .home .price .cPanels {
    margin-top: 78px;
  }
  .home .price .cBtnS {
    margin-top: 84px;
  }
  .home .price .cNote2 {
    width: calc(calc(900 / 1280) * 100vw);
    max-width: 900px;
    margin: 0 auto;
  }
}
@media only screen and (min-width:851px) {
  .home .service {
    padding: 120px 0 115px;
  }
  .home .service .bg {
    right: 0;
    top: calc( 254px + 0px);
  }
  .home .service .bg2 {
    left: 0;
    bottom: calc( 0px + 0px);
    z-index: 1;
  }
}
@media only screen and (min-width:851px) {
  .home .option {
    background: rgba(var(--bluergb), 0.1);
    margin-top: 115px;
    padding: 42px 0 63px;
  }
  .home .optionTitle {
    text-align: center;
    color: var(--blue);
    font-size: 2.4rem;
    font-family: "Noto Sans JP", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
    font-weight: 700;
  }
  .home .optionTitle span {
    display: block;
    font-family: "Spartan", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
    font-weight: 400;
    line-height: 1.1;
    font-size: 1.6rem;
  }
  .home .option .cItemList {
    margin-top: 40px;
    margin-bottom: 38px;
  }
  .home .option .cItemList li {
    width: 252px;
    margin-bottom: 0;
    font-size: 2rem;
  }
}
@media only screen and (min-width:851px) {
  .home .hardware {
    overflow: hidden;
    padding: 120px 0 98px;
  }
  .home .hardware .bg {
    left: 0;
    top: calc( 0px + 0px);
  }
  .home .hardware .bg2 {
    right: 0;
    bottom: calc( -300px + 0px);
  }
  .home .hardwarePics {
    margin-top: 55px;
    margin-right: 55px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .home .hardwarePics .img {
    width: 100%;
    height: auto;
  }
  .home .hardwarePics .img:nth-child(1) {
    width: 518px;
  }
  .home .hardwarePics .img:nth-child(2) {
    width: 356px;
    margin-top: -100px;
  }
  .home .hardwarePoints {
    margin-top: -200px;
    margin-bottom: 88px;
  }
  .home .hardwarePoints ul {
    display: flex;
    justify-content: space-between;
  }
  .home .hardwarePoints ul li {
    position: relative;
    max-width: 260px;
    text-align: center;
  }
  .home .hardwarePoints ul li figure {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    height: 120px;
  }
  .home .hardwarePoints ul li figure img {
    width: 100%;
    height: auto;
  }
  .home .hardwarePoints ul li p {
    font-size: 1.8rem;
    color: var(--white);
    font-family: "Noto Sans JP", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
    font-weight: 700;
  }
  .home .hardwarePoints ul li:nth-child(1) figure {
    width: 149px;
  }
  .home .hardwarePoints ul li:nth-child(2) figure {
    width: 244px;
  }
  .home .hardwarePoints ul li:nth-child(3) {
    margin-left: 20px;
  }
  .home .hardwarePoints ul li:nth-child(3) figure {
    width: 156px;
  }
  .home .hardwarePoints ul li:nth-child(4) {
    margin-left: 25px;
  }
  .home .hardwarePoints ul li:nth-child(4) figure {
    width: 181px;
  }
}
@media only screen and (min-width:851px) {
  .home .support {
    padding: 120px 0 115px;
  }
  .home .support .bg {
    right: 0;
    top: calc( -107px + 0px);
  }
  .home .support .cImgPanel {
    box-shadow: none;
    margin-top: 68px;
    margin-bottom: 0;
  }
  .home .support .cPanels {
    margin-top: -40px;
  }
  .home .support .cPanels li {
    margin: 0 15px;
    display: grid;
    grid-template-columns: auto 1fr;
    grid-template-rows: 1fr auto;
    gap: 0px 28px;
    grid-template-areas: "fig text" "fig note";
    padding: 33px 28px 33px 33px;
    box-shadow: 0px 12px 18px 2px rgba(48, 145, 179, 0.1);
  }
  .home .support .cPanels .fig {
    grid-area: fig;
    align-self: center;
    width: 100px;
  }
  .home .support .cPanels .fig img {
    width: 100%;
    height: auto;
  }
  .home .support .cPanels .text {
    grid-area: text;
    align-self: center;
    color: var(--blue);
    font-family: "Noto Sans JP", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
    font-weight: 700;
    font-size: 2rem;
  }
  .home .support .cPanels .note {
    grid-area: note;
  }
  .home .support .cBtnS {
    margin-top: 84px;
  }
}
@media only screen and (min-width:851px) {
  .home .flow {
    padding: 79px 0 98px;
  }
  .home .flow .bg {
    left: 0;
    top: calc( -200px + 0px);
  }
  .home .flow .cBtnS {
    margin-top: 84px;
  }
}
@media only screen and (min-width:851px) {
  .home .special .cGradientBgBox {
    width: calc(100vw - 120px);
    max-width: 1160px;
    margin: 60px auto 0;
    padding: 60px 0 87px;
  }
  .home .special .cGradientBgBox .bg {
    left: calc(100vw - 480px);
    top: calc( -200px + 0px);
  }
  .home .specialPanels {
    margin-top: 18px;
    margin-bottom: 30px;
  }
  .home .specialPanels ul {
    justify-content: space-between;
  }
  .home .specialPanels ul li {
    position: relative;
    width: calc(calc(474 / 1280) * 100vw);
    padding: 32px 40px;
    line-height: calc(36 / 24);
  }
  .home .specialPanels ul li h3 {
    margin-bottom: 22px;
    font-family: "Noto Sans JP", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
    font-weight: 700;
    font-size: calc(calc(24 / 1280) * 100vw);
    color: var(--blue);
  }
  .home .specialPanels ul li .liner {
    font-size: calc(calc(14 / 1280) * 100vw);
  }
  .home .specialPanels ul li .sticker {
    position: absolute;
    right: calc(calc(-33 / 1280) * 100vw);
    top: calc(calc(-33 / 1280) * 100vw);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: calc(calc(152 / 1280) * 100vw);
    height: calc(calc(152 / 1280) * 100vw);
    border-radius: 50%;
    background-image: linear-gradient(170deg, #01cadc 0%, #00a6dc 100%);
    box-shadow: 0px 30px 60.2px 9.8px rgba(48, 145, 179, 0.2);
    font-family: "Noto Sans JP", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
    font-weight: 500;
    font-size: calc(calc(22 / 1280) * 100vw);
    color: var(--white);
    text-align: center;
  }
  .home .specialPanels ul li .sticker .cMonthlyCost {
    width: auto;
    margin: calc(calc(16 / 1280) * 100vw) 0 calc(calc(5 / 1280) * 100vw);
    color: var(--white);
  }
  .home .specialPanels ul li .sticker .cMonthlyCost .num {
    font-size: calc(calc(28 / 1280) * 100vw);
    padding: 0 calc(calc(3 / 1280) * 100vw) 0 0;
  }
  .home .specialPanels ul li .sticker .cMonthlyCost .yen {
    font-family: "Noto Sans JP", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
    font-weight: 700;
    font-size: calc(calc(18 / 1280) * 100vw);
  }
  .home .specialPanels ul li .sticker .cMonthlyCost .tax {
    font-size: calc(calc(11 / 1280) * 100vw);
    right: calc(calc(-14 / 1280) * 100vw);
    top: calc(calc(-10 / 1280) * 100vw);
  }
  .home .specialPanels ul li .sticker .text {
    font-family: "Spartan", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
    font-weight: 400;
    line-height: 1.1;
    font-size: calc(calc(28 / 1280) * 100vw);
  }
  .home .specialPanels ul li:nth-child(1) {
    margin-left: 0;
  }
  .home .specialPanels ul li:nth-child(2) {
    margin-right: 0;
  }
  .home .special .cBtnS {
    margin-top: 84px;
  }
}
@media only screen and (min-width:1056px) {
  .home .special .cGradientBgBox {
    width: calc(100vw - 120px);
    max-width: 1160px;
    margin: 60px auto 0;
    padding: 60px 0 87px;
  }
  .home .special .cGradientBgBox .bg {
    left: calc(100vw - 480px);
    top: calc( -200px + 0px);
  }
  .home .specialPanels {
    margin-top: 18px;
    margin-bottom: 30px;
  }
  .home .specialPanels ul {
    justify-content: space-between;
  }
  .home .specialPanels ul li {
    position: relative;
    width: calc(calc(474 / 1280) * 100vw);
    padding: 32px 40px;
    line-height: calc(36 / 24);
  }
  .home .specialPanels ul li h3 {
    margin-bottom: 22px;
    font-family: "Noto Sans JP", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
    font-weight: 700;
    font-size: 2.4rem;
    color: var(--blue);
  }
  .home .specialPanels ul li .liner {
    font-size: 1.4rem;
  }
  .home .specialPanels ul li .sticker {
    position: absolute;
    right: -33px;
    top: -33px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 152px;
    height: 152px;
    border-radius: 50%;
    background-image: linear-gradient(170deg, #01cadc 0%, #00a6dc 100%);
    box-shadow: 0px 30px 60.2px 9.8px rgba(48, 145, 179, 0.2);
    font-family: "Noto Sans JP", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
    font-weight: 500;
    font-size: 2.2rem;
    color: var(--white);
    text-align: center;
  }
  .home .specialPanels ul li .sticker .cMonthlyCost {
    width: auto;
    margin: 16px 0 5px;
    color: var(--white);
  }
  .home .specialPanels ul li .sticker .cMonthlyCost .num {
    font-size: 2.8rem;
    padding: 0 3px 0 0;
  }
  .home .specialPanels ul li .sticker .cMonthlyCost .yen {
    font-family: "Noto Sans JP", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
    font-weight: 700;
    font-size: 1.8rem;
  }
  .home .specialPanels ul li .sticker .cMonthlyCost .tax {
    font-size: 1.1rem;
    right: -14px;
    top: -10px;
  }
  .home .specialPanels ul li .sticker .text {
    font-family: "Spartan", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
    font-weight: 400;
    line-height: 1.1;
    font-size: 2.8rem;
  }
  .home .specialPanels ul li:nth-child(1) {
    margin-left: 0;
  }
  .home .specialPanels ul li:nth-child(2) {
    margin-right: 0;
  }
  .home .special .cBtnS {
    margin-top: 84px;
  }
}

@media only screen and (max-width:850px) {
  .cDocsSection {
    font-size: calc(calc(26 / 750) * 100vw);
    line-height: 1.5;
    margin-bottom: calc(calc(98 / 750) * 100vw);
  }
  .cDocsSection:last-of-type {
    margin-bottom: calc(calc(120 / 750) * 100vw);
  }
  .cDocsSection .cDocsBox {
    position: relative;
    width: calc(calc(670 / 750) * 100vw);
    margin: calc(calc(88 / 750) * 100vw) auto 0;
    text-align: left;
  }
  .cDocsSection .cDocsText {
    font-size: calc(calc(26 / 750) * 100vw);
    margin-bottom: calc(calc(38 / 750) * 100vw);
  }
  .cDocsSection .cNote {
    margin-bottom: 1em;
  }
  .cDocsSection .cDocsTitle {
    margin-bottom: calc(calc(34 / 750) * 100vw);
  }
  .cDocsSection .cDocsList > li {
    position: relative;
    margin-bottom: calc(calc(32 / 750) * 100vw);
    margin-left: calc(calc(48 / 750) * 100vw);
    font-size: calc(calc(26 / 750) * 100vw);
    line-height: 1.6;
  }
  .cDocsSection .cDocsList > li > .cDocsBoxInner {
    margin-left: calc(calc(8 / 750) * 100vw);
  }
  .cDocsSection .cDocsList .cDocsListTitle {
    position: relative;
    padding-left: calc(calc(52 / 750) * 100vw);
    margin-bottom: calc(calc(28 / 750) * 100vw);
    margin-left: calc(calc(-42 / 750) * 100vw);
  }
  .cDocsSection .cDocsList .cDocsListTitle p {
    margin-bottom: calc(calc(28 / 750) * 100vw);
  }
  .cDocsSection .cDocsList .cDocsListTitle .cNote {
    margin-bottom: 0;
  }
  .cDocsSection .cDocsList .num {
    position: absolute;
    left: 0;
    top: 0;
    display: inline-block;
    padding-right: 0.5em;
    text-align: right;
    width: calc(calc(52 / 750) * 100vw);
  }
  .cDocsSection .cDocsList2 > li h3 {
    margin-bottom: 0.5em;
    font-weight: bold;
    margin-left: 1.8em;
    text-indent: -1.8em;
  }
  .cDocsSection .cDocsList2 > li > .cDocsBoxInner {
    margin-bottom: calc(calc(28 / 750) * 100vw);
    margin-left: calc(calc(26 / 750) * 100vw);
  }
  .cDocsSection .cDocsDL {
    margin-top: calc(calc(58 / 750) * 100vw);
    margin-bottom: calc(calc(24 / 750) * 100vw);
  }
  .cDocsSection .cDocsDL + .cDocsDL {
    margin-top: 0;
  }
  .cDocsSection .cDocsDL a {
    display: block;
    margin-bottom: calc(calc(30 / 750) * 100vw);
    font-size: calc(calc(26 / 750) * 100vw);
  }
  .cDocsSection .cDocsDL a:link, .cDocsSection .cDocsDL a:hover, .cDocsSection .cDocsDL a:visited, .cDocsSection .cDocsDL a:active {
    color: var(--blue);
    text-decoration: none;
  }
  .cDocsSection .cDocsDL a span {
    display: block;
    margin-top: calc(calc(18 / 750) * 100vw);
  }
  .cDocsSection .cDocsDL.type1 img {
    width: calc(calc(100 / 750) * 100vw);
    height: auto;
  }
  .cDocsSection .cDocsDL.type2 img {
    width: calc(calc(304 / 750) * 100vw);
    height: auto;
  }
}
@media only screen and (min-width:851px) {
  .cDocsSection {
    font-size: 1.6rem;
    line-height: 1.7;
    margin-bottom: 120px;
  }
  .cDocsSection .cDocsBox {
    margin-top: 52px;
    position: relative;
    width: 100%;
    max-width: calc(980px + calc(40px * 2));
    margin: 52px auto 0;
    padding: 0 40px;
  }
  .cDocsSection .cDocsText {
    font-size: 1.6rem;
    margin-bottom: 28px;
  }
  .cDocsSection .cNote {
    margin-bottom: 1em;
  }
  .cDocsSection .cDocsTitle {
    margin-bottom: 40px;
  }
  .cDocsSection .cDocsList > li {
    position: relative;
    margin-bottom: 22px;
    margin-left: 28px;
    font-size: 1.4rem;
    line-height: 1.6;
  }
  .cDocsSection .cDocsList > li .cDocsBoxInner {
    margin-left: 28px;
  }
  .cDocsSection .cDocsList .cDocsListTitle {
    position: relative;
    padding-left: 46px;
    margin-bottom: 22px;
    margin-left: -24px;
  }
  .cDocsSection .cDocsList .cDocsListTitle p {
    margin-bottom: 18px;
  }
  .cDocsSection .cDocsList .cDocsListTitle .cNote {
    margin-bottom: 0;
  }
  .cDocsSection .cDocsList .num {
    position: absolute;
    left: 0;
    top: 0;
    display: inline-block;
    padding-right: 0.7em;
    text-align: right;
    width: 46px;
  }
  .cDocsSection .cDocsList2 > li h3 {
    margin-bottom: 0.8em;
    font-weight: bold;
  }
  .cDocsSection .cDocsList2 > li .cDocsBoxInner {
    margin-bottom: 28px;
    margin-left: 28px;
  }
  .cDocsSection .cDocsDL {
    margin-bottom: 24px;
  }
  .cDocsSection .cDocsDL a {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    font-size: 1.6rem;
  }
  .cDocsSection .cDocsDL a:link, .cDocsSection .cDocsDL a:hover, .cDocsSection .cDocsDL a:visited, .cDocsSection .cDocsDL a:active {
    color: var(--blue);
    text-decoration: none;
  }
  .cDocsSection .cDocsDL a img {
    margin-right: 10px;
  }
  .cDocsSection .cDocsDL.type1 img {
    width: 33px;
    height: auto;
  }
  .cDocsSection .cDocsDL.type2 img {
    width: 158px;
    height: auto;
  }
  .cDocsSection .cDocsBox.center {
    text-align: center;
  }
}

@media only screen and (max-width:850px) {
  #privacypolicy #wrapper #content {
    background: url(/assets/images/privacypolicy/bg_top.png) left 0 top calc(calc(1889 / 750) * 100vw)/calc(calc(588 / 750) * 100vw) auto no-repeat, url(/assets/images/privacypolicy/bg_middle_sp.png) left 0 top calc(calc(5784 / 750) * 100vw)/calc(calc(750 / 750) * 100vw) auto no-repeat, url(/assets/images/bg/bg_bottom_blur.png) left calc(calc(145 / 750) * 100vw) bottom calc(calc(-256 / 750) * 100vw)/calc(calc(1050 / 750) * 100vw) auto no-repeat;
  }
}
@media only screen and (min-width:851px) {
  #privacypolicy #wrapper #content {
    background: url(/assets/images/privacypolicy/bg_top.png) left 0 top 674px no-repeat, url(/assets/images/privacypolicy/bg_middle.png) right 0 top 2400px no-repeat, url(/assets/images/bg/bg_bottom_blur.png) left calc(calc(820 / 1280) * 100vw) bottom -389px no-repeat;
  }
}

@media only screen and (max-width:850px) {
  #tokushou #wrapper #content {
    background: url(/assets/images//tokushou/bg_top.png) left 0 top calc(calc(700 / 750) * 100vw)/calc(calc(432.1 / 750) * 100vw) auto no-repeat, url(/assets/images//tokushou/bg_bottom.png) right 0 bottom calc(calc(50 / 750) * 100vw)/calc(calc(490 / 750) * 100vw) auto no-repeat;
  }
  #tokushou #wrapper .cInfo {
    margin-top: calc(calc(118 / 750) * 100vw);
    padding-bottom: calc(calc(18 / 750) * 100vw);
  }
}
@media only screen and (min-width:851px) {
  #tokushou #wrapper #content {
    background: url(/assets/images/tokushou/bg_top.png) left 0 top 520px no-repeat, url(/assets/images//tokushou/bg_bottom.png) right 0 bottom 40px no-repeat;
  }
}

@media only screen and (max-width:850px) {
  .form .howtoFlow {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: calc(calc(586 / 750) * 100vw);
    margin: calc(calc(43 / 750) * 100vw) auto calc(calc(28 / 750) * 100vw);
  }
  .form .howtoFlow li {
    position: relative;
    color: var(--blue);
    width: calc(calc(586 / 750) * 100vw);
    height: calc(calc(270 / 750) * 100vw);
    margin: 0 auto calc(calc(74 / 750) * 100vw);
    padding: calc(calc(40 / 750) * 100vw) 0 calc(calc(16 / 750) * 100vw);
    border-radius: calc(calc(5 / 750) * 100vw);
    background: var(--white);
    background-color: white;
    box-shadow: 0 calc(calc(12 / 750) * 100vw) calc(calc(18 / 750) * 100vw) calc(calc(2 / 750) * 100vw) rgba(48, 145, 179, 0.1);
  }
  .form .howtoFlow li .illust {
    position: absolute;
    right: calc(calc(50 / 750) * 100vw);
    top: calc(calc(30 / 750) * 100vw);
    width: calc(calc(210 / 750) * 100vw);
    height: calc(calc(210 / 750) * 100vw);
    margin: 0 auto;
  }
  .form .howtoFlow li .illust img {
    width: 100%;
    height: auto;
  }
  .form .howtoFlow li p {
    width: 50%;
    text-align: center;
    font-size: calc(calc(40 / 750) * 100vw);
    font-family: "Spartan", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
    font-weight: 300;
    line-height: 1.1;
    margin-bottom: calc(calc(18 / 750) * 100vw);
  }
  .form .howtoFlow li p .num {
    font-family: "Spartan", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
    font-weight: 300;
    line-height: 1.1;
    font-size: calc(calc(64 / 750) * 100vw);
    padding-left: 0.2em;
    margin-bottom: 0.5em;
  }
  .form .howtoFlow li dt {
    width: 50%;
    text-align: center;
    font-family: "Noto Sans JP", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
    font-weight: 700;
    font-size: calc(calc(26 / 750) * 100vw);
    line-height: 1.6;
  }
  .form .howtoFlow li dt.box {
    position: relative;
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    background: var(--bgblue2);
    border-radius: calc(calc(5 / 750) * 100vw);
    box-shadow: 0px 12px 18px 2px rgba(48, 145, 179, 0.1);
    width: calc(calc(210 / 750) * 100vw);
    height: calc(calc(172 / 750) * 100vw);
  }
  .form .howtoFlow li dd {
    font-family: "Noto Sans JP", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
    font-weight: 700;
    font-size: calc(calc(24 / 750) * 100vw);
    line-height: 1.6;
  }
  .form .howtoFlow li .arr {
    position: absolute;
    top: 100%;
    left: calc(calc(276 / 750) * 100vw);
    z-index: -2;
    width: calc(calc(40 / 750) * 100vw);
    transform: translate(0, -10%);
  }
  .form .howtoFlow li:nth-child(4) {
    height: calc(calc(371 / 750) * 100vw);
    margin-bottom: calc(calc(10 / 750) * 100vw);
    padding-top: calc(calc(30 / 750) * 100vw);
  }
  .form .howtoFlow li:nth-child(4) .arr3 {
    position: absolute;
    left: calc(calc(132 / 750) * 100vw);
    top: 0;
    width: calc(calc(322 / 750) * 100vw);
    z-index: 0;
  }
  .form .howtoFlow li:nth-child(4) p {
    margin-bottom: calc(calc(65 / 750) * 100vw);
  }
  .form .howtoFlow li:nth-child(4) dl {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .form .howtoFlow li:nth-child(4) dl dd {
    text-align: center;
    width: calc(calc(68 / 750) * 100vw);
  }
}
@media only screen and (min-width:851px) {
  .form .howtoFlow {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: calc(calc(980 / 1280) * 100vw);
    margin: calc(calc(63 / 1280) * 100vw) auto calc(calc(28 / 1280) * 100vw);
  }
  .form .howtoFlow li {
    position: relative;
    text-align: center;
    color: var(--blue);
    border-radius: 5px;
    background: var(--white);
    position: relative;
    width: calc(calc(208 / 1280) * 100vw);
    height: calc(calc(320 / 1280) * 100vw);
    padding: calc(calc(20 / 1280) * 100vw);
  }
  .form .howtoFlow li .illust {
    width: calc(calc(150 / 1280) * 100vw);
    height: calc(calc(150 / 1280) * 100vw);
    margin: 0 auto;
  }
  .form .howtoFlow li .illust img {
    width: 100%;
    height: auto;
  }
  .form .howtoFlow li p {
    font-size: calc(calc(20 / 1280) * 100vw);
    font-family: "Spartan", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
    font-weight: 300;
    line-height: 1.1;
    margin-bottom: calc(calc(12 / 1280) * 100vw);
  }
  .form .howtoFlow li p .num {
    font-family: "Spartan", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
    font-weight: 300;
    line-height: 1.1;
    font-size: calc(calc(32 / 1280) * 100vw);
    padding-left: 0.25em;
    margin-bottom: 0.5em;
  }
  .form .howtoFlow li dt {
    font-family: "Noto Sans JP", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
    font-weight: 700;
    font-size: calc(calc(18 / 1280) * 100vw);
    line-height: 1.6;
  }
  .form .howtoFlow li dt.box {
    position: relative;
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    background: var(--bgblue2);
    border-radius: calc(calc(5 / 1280) * 100vw);
    box-shadow: 0px 12px 18px 2px rgba(48, 145, 179, 0.1);
    height: calc(calc(102 / 1280) * 100vw);
  }
  .form .howtoFlow li dd {
    font-family: "Noto Sans JP", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
    font-weight: 700;
    font-size: calc(calc(16 / 1280) * 100vw);
    line-height: 1.6;
  }
  .form .howtoFlow li .illust {
    margin-top: calc(calc(12 / 1280) * 100vw);
  }
  .form .howtoFlow li .arr {
    position: absolute;
    left: 100%;
    top: 50%;
    z-index: -2;
    width: calc(calc(92 / 1280) * 100vw);
    transform: translate(-25%, -50%);
  }
  .form .howtoFlow li .arr2 {
    position: absolute;
    left: 100%;
    top: 55%;
    z-index: -2;
    width: calc(calc(98 / 1280) * 100vw);
    transform: translate(-25%, -50%);
  }
  .form .howtoFlow li:nth-child(3) .arr {
    transform: translate(-65%, -50%);
  }
  .form .howtoFlow li:nth-child(4) {
    overflow: hidden;
  }
  .form .howtoFlow li:nth-child(4) .arr2 {
    left: auto;
    right: 100%;
    transform: translate(25%, -50%);
    z-index: 0;
    opacity: 0.5;
  }
}
@media only screen and (min-width:1280px) {
  .form .howtoFlow {
    width: 980px;
    margin: 63px auto 28px;
  }
  .form .howtoFlow li {
    border-radius: 5px;
    width: 208px;
    height: 320px;
    padding: 20px;
  }
  .form .howtoFlow li .illust {
    width: 150px;
    height: 150px;
  }
  .form .howtoFlow li p {
    font-size: 20px;
    margin-bottom: 12px;
  }
  .form .howtoFlow li p .num {
    font-size: 32px;
  }
  .form .howtoFlow li dt {
    font-size: 18px;
  }
  .form .howtoFlow li dt.box {
    border-radius: 5px;
    box-shadow: 0px 12px 18px 2px rgba(48, 145, 179, 0.1);
    height: 102px;
  }
  .form .howtoFlow li dd {
    font-size: 16px;
  }
  .form .howtoFlow li .illust {
    margin-top: 12px;
  }
  .form .howtoFlow li .arr {
    width: 92px;
  }
  .form .howtoFlow li .arr2 {
    width: 98px;
  }
}
@media only screen and (max-width:850px) {
  .form #wrapper #content {
    background: url(/assets/images/bg/bg_bottom_blur.png) left calc(calc(145 / 750) * 100vw) bottom calc(calc(-356 / 750) * 100vw)/calc(calc(1050 / 750) * 100vw) calc(calc(1050 / 750) * 100vw) no-repeat;
  }
  .form .howto .cInner {
    z-index: 2;
  }
  .form .howto .cGradientBgBox {
    border-radius: calc(calc(5 / 750) * 100vw);
    margin: calc(calc(78 / 750) * 100vw) auto calc(calc(30 / 750) * 100vw);
    width: calc(calc(670 / 750) * 100vw);
    padding: calc(calc(60 / 750) * 100vw) calc(calc(40 / 750) * 100vw) calc(calc(51 / 750) * 100vw);
  }
  .form .howto .cGradientBgBox .bg {
    right: calc(calc(-40 / 750) * 100vw);
    top: calc(calc(-392 / 750) * 100vw);
  }
  .form .howto .cGradientBgBox .bg img {
    width: calc(calc(500 / 750) * 100vw);
  }
  .form .howto .cGradientBgBox .cInner3 {
    width: calc(calc(590 / 750) * 100vw);
    margin: 0 auto;
  }
  .form .bg2 {
    left: calc(calc(-40 / 750) * 100vw);
    bottom: calc(calc(-447 / 750) * 100vw);
  }
  .form .bg2 img {
    width: calc(calc(465 / 750) * 100vw);
  }
}
@media only screen and (min-width:851px) {
  .form #wrapper #content {
    background: url(/assets/images/bg/bg_bottom_blur.png) left calc(calc(640 / 1280) * 100vw) bottom -425px no-repeat;
  }
  .form .howto {
    margin-top: -40px;
    padding-bottom: 150px;
  }
  .form .howto .cGradientBgBox {
    border-radius: 5px;
    width: calc(100vw - 120px);
    max-width: 1160px;
    margin: 60px auto 0;
    padding: 60px 0 87px;
  }
  .form .howto .cGradientBgBox .bg {
    left: calc(100vw - 480px);
    top: calc( -200px + 0px);
  }
  .form .howto .cGradientBgBox .cInner3 {
    width: calc(calc(980 / 1280) * 100vw);
    margin: 0 auto;
  }
  .form .howto .bg2 {
    right: calc(100vw - 439px);
    bottom: -354px;
  }
}

@media only screen and (max-width:850px) {
  .form-confi #wrapper #content {
    background: url(/assets/images/bg/back_effect_b.png) right calc(calc(265 / 750) * 100vw) top calc(calc(392 / 750) * 100vw)/calc(calc(1050 / 750) * 100vw) calc(calc(1050 / 750) * 100vw) no-repeat, url(/assets/images/bg/bg_bottom_blur.png) left calc(calc(145 / 750) * 100vw) bottom calc(calc(-356 / 750) * 100vw)/calc(calc(1050 / 750) * 100vw) calc(calc(1050 / 750) * 100vw) no-repeat;
  }
}
@media only screen and (min-width:851px) {
  .form-confi #wrapper #content {
    background: url(/assets/images/bg/back_effect_b.png) right calc(calc(840 / 1280) * 100vw) top 749px no-repeat, url(/assets/images/bg/bg_bottom_blur.png) left calc(calc(640 / 1280) * 100vw) bottom -425px no-repeat;
  }
}

@media only screen and (max-width:850px) {
  .form-complete #wrapper #content {
    background: url(/assets/images/bg/bg_bottom_blur.png) left calc(calc(145 / 750) * 100vw) bottom calc(calc(-286 / 750) * 100vw)/calc(calc(1050 / 750) * 100vw) calc(calc(1050 / 750) * 100vw) no-repeat;
  }
  .form-complete #wrapper #content .cSection .cInner .toSitetop {
    margin-top: calc(calc(96 / 750) * 100vw);
  }
}
@media only screen and (min-width:851px) {
  .form-complete #wrapper #content {
    background: url(/assets/images/bg/bg_bottom_blur.png) left calc(calc(640 / 1280) * 100vw) bottom -425px no-repeat;
  }
  .form-complete #wrapper #content .cSection .cInner .toSitetop {
    margin-top: 60px;
  }
}

@media only screen and (max-width:850px) {
  #company #wrapper #content {
    background: url(/assets/images/bg/back_effect_a_blur.png) right calc(calc(165 / 750) * 100vw) top calc(calc(392 / 750) * 100vw)/calc(calc(750 / 750) * 100vw) calc(calc(750 / 750) * 100vw) no-repeat, url(/assets/images/bg/bg_bottom_blur.png) left calc(calc(145 / 750) * 100vw) bottom calc(calc(-356 / 750) * 100vw)/calc(calc(1050 / 750) * 100vw) calc(calc(1050 / 750) * 100vw) no-repeat;
  }
  #company #wrapper .cInfo {
    margin-top: calc(calc(57 / 750) * 100vw);
  }
  #company #wrapper .cNewsIndex {
    margin-top: calc(calc(57 / 750) * 100vw);
  }
  #company #wrapper .cNewsIndex .cBtnS {
    margin-top: calc(calc(79 / 750) * 100vw);
  }
}
@media only screen and (min-width:851px) {
  #company #wrapper #content {
    background: url(/assets/images/bg/back_effect_a_blur.png) right calc(calc(740 / 1280) * 100vw) top 520px no-repeat, url(/assets/images/bg/bg_bottom_blur.png) left calc(calc(640 / 1280) * 100vw) bottom -425px no-repeat;
  }
  #company #wrapper .cInfo {
    margin-top: 62px;
    padding-bottom: 30px;
  }
  #company #wrapper .cNewsIndex {
    margin-top: 62px;
  }
  #company #wrapper .cNewsIndex .cBtnS {
    margin-top: 66px;
  }
}

@media only screen and (max-width:850px) {
  .price-page .cSection {
    padding-bottom: calc(calc(90 / 750) * 100vw);
  }
  .price-page .cSection + .cSection {
    padding: calc(calc(90 / 750) * 100vw) 0;
  }
  .price-page .cNote2 {
    width: calc(calc(670 / 750) * 100vw);
    margin-left: calc(calc(-20 / 750) * 100vw);
  }
}
@media only screen and (min-width:851px) {
  .price-page .cSection {
    padding-bottom: 130px;
  }
  .price-page .cSection + .cSection {
    padding: 130px 0;
  }
  .price-page .cNote2 {
    width: calc(calc(900 / 1280) * 100vw);
    max-width: 900px;
    margin: 0 auto;
  }
}
@media only screen and (max-width:850px) {
  .price-page #plans .bg {
    right: 0;
    bottom: calc(calc(-190 / 750) * 100vw);
  }
  .price-page #plans .bg img {
    width: calc(calc(547 / 750) * 100vw);
  }
  .price-page #compare {
    overflow: hidden;
  }
  .price-page #compare .bg {
    right: 0;
    top: calc(calc(-651 / 750) * 100vw);
  }
  .price-page #compare .bg img {
    width: calc(calc(547 / 750) * 100vw);
  }
  .price-page #compare .bg2 {
    left: calc(calc(-23 / 750) * 100vw);
    bottom: 0;
    z-index: 1;
  }
  .price-page #compare .bg2 img {
    width: calc(calc(800 / 750) * 100vw);
  }
  .price-page #example .bg {
    left: calc(calc(-23 / 750) * 100vw);
    top: 0;
  }
  .price-page #example .bg img {
    width: calc(calc(530 / 750) * 100vw);
  }
  .price-page #example .bg2 {
    right: 0;
    bottom: calc(calc(0 / 750) * 100vw);
  }
  .price-page #example .bg2 img {
    width: calc(calc(650 / 750) * 100vw);
  }
  .price-page #cancel .bg {
    left: calc(calc(-80 / 750) * 100vw);
    top: calc(calc(1000 / 750) * 100vw);
  }
  .price-page #cancel .bg img {
    width: calc(calc(354 / 750) * 100vw);
  }
}
@media only screen and (min-width:851px) {
  .price-page #plans .bg {
    right: 0;
    bottom: calc( -202px + 0px);
  }
  .price-page #compare {
    overflow: hidden;
  }
  .price-page #compare .bg {
    right: 0;
    top: calc( -715px + 0px);
  }
  .price-page #compare .bg2 {
    left: 0;
    bottom: calc( 0px + 0px);
  }
  .price-page #example .bg {
    left: 0;
    top: calc( 0px + 0px);
  }
  .price-page #example .bg2 {
    right: 0;
    top: calc( 280px + 0px);
  }
  .price-page #cancel .bg {
    left: 0;
    top: calc( 360px + 0px);
  }
}
.about-page .logo {
  margin: 0 auto;
}
.about-page .logo svg {
  width: 100%;
  height: auto;
}
@media only screen and (max-width:850px) {
  .about-page .logo {
    width: calc(calc(630 / 750) * 100vw);
  }
}
@media only screen and (min-width:851px) {
  .about-page .logo {
    width: 570px;
  }
}
.about-page .text {
  text-align: center;
  margin: 0 auto;
}
@media only screen and (max-width:850px) {
  .about-page .text {
    margin-top: calc(calc(64 / 750) * 100vw);
  }
}
@media only screen and (min-width:851px) {
  .about-page .text {
    margin-top: 60px;
  }
}
.about-page .movie {
  position: relative;
  margin: 0 auto;
}
.about-page .movie a {
  position: relative;
  display: block;
  text-align: center;
  text-decoration: none;
  font-family: "Noto Sans JP", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  font-weight: 700;
  color: var(--blue);
}
.about-page .movie .cImgPanel {
  display: block;
  position: relative;
  margin-top: 0.8em;
  overflow: hidden;
}
.about-page .movie .cImgPanel:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  opacity: 0.15;
  -webkit-clip-path: circle(0 at center);
  clip-path: circle(0 at center);
}
.about-page .movie .cImgPanel:hover:before {
  -webkit-clip-path: circle(500px at center);
  clip-path: circle(500px at center);
  transition: 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.about-page .movie .thumb {
  width: 100%;
  height: auto;
}
@media only screen and (max-width:850px) {
  .about-page .movie {
    margin-bottom: calc(calc(90 / 750) * 100vw);
  }
  .about-page .movie a {
    font-size: calc(calc(32 / 750) * 100vw);
  }
  .about-page .movie .ico {
    width: calc(calc(160 / 750) * 100vw);
  }
}
@media only screen and (min-width:851px) {
  .about-page .movie {
    max-width: 854px;
    margin-bottom: 90px;
  }
  .about-page .movie a {
    font-size: 2.6rem;
  }
  .about-page .movie .ico {
    width: 142px;
  }
}
@media only screen and (max-width:850px) {
  .about-page .cPanel {
    margin-bottom: calc(calc(68 / 750) * 100vw);
    padding: calc(calc(68 / 750) * 100vw) 0 calc(calc(80 / 750) * 100vw);
  }
  .about-page .cPanel dl {
    margin: 0 calc(calc(50 / 750) * 100vw);
  }
  .about-page .cPanel dd {
    width: calc(calc(580 / 750) * 100vw);
    margin-top: calc(calc(81 / 750) * 100vw);
    margin-bottom: calc(calc(88 / 750) * 100vw);
    margin-left: calc(calc(-10 / 750) * 100vw);
  }
  .about-page .cPanel .cListTitleVW {
    text-align: center;
    margin-bottom: 0;
  }
  .about-page .cPanel .cNote2VW {
    margin-top: calc(calc(24 / 750) * 100vw);
  }
  .about-page .cPanel + .cPanel dd {
    margin-left: calc(calc(-30 / 750) * 100vw);
  }
}
@media only screen and (min-width:851px) {
  .about-page .cPanel {
    padding: calc(calc(95 / 1280) * 100vw) 0 calc(calc(62 / 1280) * 100vw);
  }
  .about-page .cPanel dl {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: space-between;
    width: calc(calc(920 / 1280) * 100vw);
    margin: 0 auto calc(calc(50 / 1280) * 100vw);
  }
  .about-page .cPanel dt {
    width: calc(calc(391 / 1280) * 100vw);
  }
  .about-page .cPanel dd {
    width: calc(calc(477 / 1280) * 100vw);
    margin-right: calc(calc(52 / 1280) * 100vw);
  }
  .about-page .cPanel .cListTitleVW {
    margin-bottom: 0;
  }
  .about-page .cPanel .cNote2VW {
    margin-top: calc(calc(28 / 1280) * 100vw);
  }
}
@media only screen and (min-width:1056px) {
  .about-page .cPanel {
    padding: 95px 0 62px;
  }
  .about-page .cPanel dl {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: space-between;
    width: 920px;
    margin: 0 auto 50px;
  }
  .about-page .cPanel dt {
    width: 391px;
  }
  .about-page .cPanel dd {
    width: 477px;
    margin-right: 52px;
  }
  .about-page .cPanel .cListTitleVW {
    margin-bottom: 0;
  }
  .about-page .cPanel .cNote2VW {
    margin-top: 28px;
  }
}

@media only screen and (max-width:850px) {
  .about-page #outline {
    padding: calc(calc(90 / 750) * 100vw) 0 calc(calc(156 / 750) * 100vw);
  }
  .about-page #charts {
    padding: calc(calc(169 / 750) * 100vw) 0 calc(calc(98 / 750) * 100vw);
  }
  .about-page #tvcm {
    z-index: 1;
    padding: calc(calc(90 / 750) * 100vw) 0 calc(calc(80 / 750) * 100vw);
  }
}
@media only screen and (min-width:851px) {
  .about-page .outline .bg {
    position: absolute;
    left: 50%;
    top: 0;
    z-index: -1;
    width: calc(calc(1124.5 / 1280) * 100vw);
    max-width: calc(2249px / 2);
    transform: translateX(-50%);
  }
  .about-page #outline {
    padding: 60px 0 210px;
  }
  .about-page #charts {
    padding: 130px 0 80px;
  }
  .about-page #tvcm {
    z-index: 1;
    padding: 94px 0 40px;
  }
}
@media only screen and (max-width:850px) {
  .about-page #outline .bg2 {
    right: 0;
    top: calc(calc(420 / 750) * 100vw);
  }
  .about-page #outline .bg2 img {
    width: calc(calc(556 / 750) * 100vw);
  }
  .about-page #charts .bg {
    right: 0;
    top: 0;
  }
  .about-page #charts .bg img {
    width: calc(calc(377 / 750) * 100vw);
  }
  .about-page #charts .bg2 {
    left: 0;
    top: calc(calc(864 / 750) * 100vw);
  }
  .about-page #charts .bg2 img {
    width: calc(calc(552 / 750) * 100vw);
  }
  .about-page #charts .bg3 {
    left: 0;
    bottom: calc(calc(-700 / 750) * 100vw);
  }
  .about-page #charts .bg3 img {
    width: calc(calc(429 / 750) * 100vw);
  }
  .about-page #tvcm .bg {
    left: 0;
    top: calc(calc(2000 / 750) * 100vw);
  }
  .about-page #tvcm .bg img {
    width: calc(calc(324 / 750) * 100vw);
  }
  .about-page #tvcm .bg2 {
    right: 0;
    bottom: calc(calc(-500 / 750) * 100vw);
  }
  .about-page #tvcm .bg2 img {
    width: calc(calc(507 / 750) * 100vw);
  }
}
@media only screen and (min-width:851px) {
  .about-page #outline .bg2 {
    right: 0;
    bottom: calc( -392px + 0px);
  }
  .about-page #charts .bg {
    right: 0;
    top: calc( 0px + 0px);
  }
  .about-page #charts .bg2 {
    left: 0;
    bottom: calc( 211px + 0px);
  }
  .about-page #charts .bg3 {
    right: 0;
    bottom: calc( -181px + 0px);
  }
  .about-page #tvcm .bg {
    left: 0;
    top: calc( 197px + 0px);
  }
  .about-page #tvcm .bg2 {
    right: 0;
    bottom: calc( -400px + 0px);
  }
}
@media only screen and (max-width:850px) {
  .support-page .cSection {
    padding: 0 0 calc(calc(146 / 750) * 100vw);
  }
  .support-page .cSection + .cSection {
    padding: calc(calc(120 / 750) * 100vw) 0 calc(calc(146 / 750) * 100vw);
  }
  .support-page .support1 {
    background-image: linear-gradient(0deg, #b6e9fc 0%, rgba(246, 251, 252, 0) 100%);
  }
  .support-page .imgHeader {
    position: relative;
    margin-top: calc(calc(50 / 750) * 100vw);
  }
  .support-page .imgHeader .text1 {
    position: absolute;
    left: calc(calc(-26 / 750) * 100vw);
    top: calc(calc(-42 / 750) * 100vw);
    width: calc(calc(265 / 750) * 100vw);
  }
  .support-page .imgHeader .text2 {
    position: absolute;
    right: calc(calc(-24 / 750) * 100vw);
    top: calc(calc(-42 / 750) * 100vw);
    width: calc(calc(288 / 750) * 100vw);
  }
  .support-page .text {
    text-align: center;
    margin: calc(calc(52 / 750) * 100vw) auto 0;
  }
  .support-page .flow {
    padding-top: calc(calc(125 / 750) * 100vw);
  }
  .support-page .flow .cSteps li:last-child {
    margin-bottom: calc(calc(60 / 750) * 100vw);
  }
  .support-page .flow .cNote2 {
    padding: 0 calc(calc(20 / 750) * 100vw);
  }
  .support-page .support2 .cImgPanel {
    margin: calc(calc(88 / 750) * 100vw) 0 0;
  }
  .support-page .support2 .cPanels ul {
    display: flex;
    justify-content: space-around;
    margin-top: calc(calc(-170 / 750) * 100vw);
    margin-bottom: calc(calc(154 / 750) * 100vw);
  }
  .support-page .support2 .cPanels li {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    width: calc(calc(630 / 750) * 100vw);
    margin: 0;
    padding: calc(calc(47 / 750) * 100vw) calc(calc(18 / 750) * 100vw) calc(calc(60 / 750) * 100vw);
    box-shadow: calc(calc(0 / 750) * 100vw) calc(calc(12 / 750) * 100vw) calc(calc(18 / 750) * 100vw) calc(calc(2 / 750) * 100vw) rgba(48, 145, 179, 0.1);
    text-align: center;
  }
  .support-page .support2 .cPanels .fig {
    width: calc(calc(200 / 750) * 100vw);
    margin: 0 auto;
  }
  .support-page .support2 .cPanels .text3 {
    margin: calc(calc(38 / 750) * 100vw) 0 calc(calc(30 / 750) * 100vw);
    grid-area: text;
    align-self: center;
    text-align: center;
    color: var(--blue);
    font-family: "Noto Sans JP", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
    font-weight: 700;
    font-size: calc(calc(24 / 750) * 100vw);
    line-height: 2.2;
  }
  .support-page .support2 .cPanels .text3 span {
    font-family: "Spartan", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
    font-weight: 400;
    line-height: 1.1;
    font-size: calc(calc(52 / 750) * 100vw);
  }
}
@media only screen and (min-width:851px) {
  .support-page .cSection {
    padding: 0 0 198px;
  }
  .support-page .cSection + .cSection {
    padding: 130px 0;
  }
  .support-page .support1 {
    background-image: linear-gradient(0deg, #b6e9fc 0%, rgba(246, 251, 252, 0) 100%);
  }
  .support-page .imgHeader {
    position: relative;
    margin-top: 60px;
  }
  .support-page .imgHeader .text1 {
    position: absolute;
    left: 80px;
    top: -40px;
    width: calc(calc(374 / 1280) * 100vw);
    max-width: calc(748px / 2);
  }
  .support-page .imgHeader .text2 {
    position: absolute;
    right: 40px;
    top: -40px;
    width: calc(calc(413 / 1280) * 100vw);
    max-width: calc(826px / 2);
  }
  .support-page .text {
    text-align: center;
    margin: 53px auto 0;
  }
  .support-page .flow {
    padding-top: 120px;
  }
  .support-page .support2 .text4 {
    letter-spacing: -0.05em;
  }
  .support-page .support2 .cImgPanel {
    margin: 58px 0 0;
  }
  .support-page .support2 .cPanels {
    margin-top: calc(calc(-40 / 1280) * 100vw);
    margin-bottom: 100px;
  }
  .support-page .support2 .cPanels li {
    margin: 0 calc(calc(15 / 1280) * 100vw);
    display: grid;
    grid-template-columns: auto 1fr;
    grid-template-rows: auto auto;
    gap: calc(calc(28 / 1280) * 100vw) calc(calc(28 / 1280) * 100vw);
    grid-template-areas: "fig text" "btn btn";
    width: calc(calc(890 / 1280) * 100vw);
    padding: 48px 40px 60px 62px;
    box-shadow: calc(calc(0 / 1280) * 100vw) calc(calc(12 / 1280) * 100vw) calc(calc(18 / 1280) * 100vw) calc(calc(2 / 1280) * 100vw) rgba(48, 145, 179, 0.1);
  }
  .support-page .support2 .cPanels .fig {
    grid-area: fig;
    align-self: center;
    width: calc(calc(159 / 1280) * 100vw);
  }
  .support-page .support2 .cPanels .fig img {
    width: 100%;
    height: auto;
  }
  .support-page .support2 .cPanels .text3 {
    grid-area: text;
    align-self: center;
    text-align: left;
    color: var(--blue);
    font-family: "Noto Sans JP", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
    font-weight: 700;
    font-size: calc(calc(20 / 1280) * 100vw);
  }
  .support-page .support2 .cPanels .text3 span {
    font-family: "Spartan", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
    font-weight: 400;
    line-height: 1.1;
    font-size: calc(calc(36 / 1280) * 100vw);
  }
  .support-page .support2 .cPanels .btn {
    grid-area: btn;
  }
}
@media only screen and (min-width:1056px) {
  .support-page .support2 .cPanels {
    margin-top: -40px;
  }
  .support-page .support2 .cPanels li {
    margin: 0 calc(calc(15 / 1280) * 100vw);
    display: grid;
    grid-template-columns: auto 1fr;
    grid-template-rows: auto auto;
    gap: 28px 28px;
    grid-template-areas: "fig text" "btn btn";
    width: 890px;
    padding: 48px 40px 60px 62px;
    box-shadow: calc(calc(0 / 1280) * 100vw) calc(calc(12 / 1280) * 100vw) calc(calc(18 / 1280) * 100vw) calc(calc(2 / 1280) * 100vw) rgba(48, 145, 179, 0.1);
  }
  .support-page .support2 .cPanels .fig {
    width: 159px;
  }
  .support-page .support2 .cPanels .text3 {
    font-size: 2rem;
  }
  .support-page .support2 .cPanels .text3 span {
    font-size: 3.6rem;
  }
}
@media only screen and (max-width:850px) {
  .support-page #support1 .bg {
    right: 0;
    top: calc(calc(820 / 750) * 100vw);
  }
  .support-page #support1 .bg img {
    width: calc(calc(498 / 750) * 100vw);
  }
  .support-page #support1 .bg2 {
    left: 0;
    bottom: calc(calc(364 / 750) * 100vw);
  }
  .support-page #support1 .bg2 img {
    width: calc(calc(350 / 750) * 100vw);
  }
  .support-page #support2 .bg {
    right: 0;
    bottom: calc(calc(-500 / 750) * 100vw);
  }
  .support-page #support2 .bg img {
    width: calc(calc(507 / 750) * 100vw);
  }
}
@media only screen and (min-width:851px) {
  .support-page #support1 .bg {
    right: 0;
    top: calc( 350px + 0px);
  }
  .support-page #support1 .bg2 {
    left: 0;
    bottom: calc( -758px + 0px);
  }
  .support-page #support2 {
    overflow: hidden;
  }
  .support-page #support2 .bg {
    right: 0;
    bottom: calc( -400px + 0px);
  }
}
.option-page .warrantyPanels li {
  position: relative;
}
.option-page .warrantyPanels li .title {
  text-align: center;
  font-family: "Noto Sans JP", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  font-weight: 700;
  color: var(--blue);
}
@media only screen and (max-width:850px) {
  .option-page .warrantyPanels li {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto auto;
    gap: 0px 0px;
    margin-top: calc(calc(70 / 750) * 100vw);
    margin-bottom: calc(calc(70 / 750) * 100vw);
  }
  .option-page .warrantyPanels li .img {
    grid-area: 1/1/3/2;
  }
  .option-page .warrantyPanels li .price1 {
    grid-area: 1/2/2/3;
  }
  .option-page .warrantyPanels li .price2 {
    grid-area: 2/2/3/3;
  }
  .option-page .warrantyPanels li .title {
    grid-area: 1/1/2/2;
  }
  .option-page .warrantyPanels li .title {
    margin-top: calc(calc(40 / 750) * 100vw);
    font-size: calc(calc(26 / 750) * 100vw);
    line-height: 1.4;
  }
  .option-page .warrantyPanels li .title span {
    font-size: calc(calc(20 / 750) * 100vw);
  }
  .option-page .warrantyPanels li .img {
    width: 100%;
    height: 100%;
  }
  .option-page .warrantyPanels li .img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    font-family: "object-fit: cover";
  }
  .option-page .warrantyPanels li dl {
    width: 100%;
    align-self: center;
    color: var(--blue);
  }
  .option-page .warrantyPanels li dl.price1 {
    margin-top: calc(calc(40 / 750) * 100vw);
  }
  .option-page .warrantyPanels li dl.price2 {
    margin-bottom: calc(calc(40 / 750) * 100vw);
  }
  .option-page .warrantyPanels li dl dt {
    text-align: center;
    font-family: "Noto Sans JP", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
    font-weight: 500;
    font-size: calc(calc(20 / 750) * 100vw);
    margin-bottom: 0.4em;
  }
  .option-page .warrantyPanels li dl dd {
    justify-content: center;
  }
  .option-page .warrantyPanels li dl + dl {
    margin-right: calc(calc(100 / 1280) * 100vw);
  }
}
@media only screen and (min-width:851px) {
  .option-page .warrantyPanels li {
    display: flex;
    margin-top: 116px;
    margin-bottom: 86px;
    justify-content: space-between;
    align-items: center;
  }
  .option-page .warrantyPanels li .title {
    position: absolute;
    bottom: calc(100% + 18px);
    left: 0;
    width: 100%;
    font-size: 2.4rem;
  }
  .option-page .warrantyPanels li .title span {
    font-size: 1.8rem;
  }
  .option-page .warrantyPanels li .img {
    width: 33%;
  }
  .option-page .warrantyPanels li .img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    font-family: "object-fit: cover";
  }
  .option-page .warrantyPanels li dl {
    color: var(--blue);
  }
  .option-page .warrantyPanels li dl dt {
    text-align: center;
    font-family: "Noto Sans JP", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
    font-weight: 400;
    font-size: 1.8rem;
    margin-bottom: 0.4em;
  }
  .option-page .warrantyPanels li dl dd {
    justify-content: center;
  }
  .option-page .warrantyPanels li dl + dl {
    margin-right: calc(calc(100 / 1280) * 100vw);
  }
}
@media only screen and (min-width:1400px) {
  .option-page .warrantyPanels li .title {
    position: absolute;
    bottom: calc(100% + 18px);
    left: 0;
    width: 100%;
    font-size: 2.4rem;
  }
  .option-page .warrantyPanels li .title span {
    font-size: 1.8rem;
  }
  .option-page .warrantyPanels li dl dt {
    font-size: 1.8rem;
  }
  .option-page .warrantyPanels li dl + dl {
    margin-right: 109.375px;
  }
}
.option-page .warrantyPrice {
  position: relative;
  color: var(--blue);
}
.option-page .warrantyPrice.type2 {
  color: var(--white);
}
@media only screen and (max-width:850px) {
  .option-page .warrantyPrice {
    display: flex;
    align-items: baseline;
  }
  .option-page .warrantyPrice .unit {
    font-family: "Noto Sans JP", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
    font-weight: 500;
    font-size: calc(calc(32 / 750) * 100vw);
  }
  .option-page .warrantyPrice .num {
    padding: 0 calc(calc(15 / 750) * 100vw);
    font-family: "Spartan", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
    font-weight: 400;
    line-height: 1.1;
    font-size: calc(calc(82 / 750) * 100vw);
    letter-spacing: -0.05em;
  }
  .option-page .warrantyPrice .yenArea {
    display: flex;
    flex-direction: column-reverse;
    align-items: flex-start;
  }
  .option-page .warrantyPrice .day,
.option-page .warrantyPrice .yen {
    font-family: "Noto Sans JP", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
    font-weight: 500;
    font-size: calc(calc(32 / 750) * 100vw);
  }
  .option-page .warrantyPrice .tax {
    line-height: 1.4;
    margin-left: -0.5em;
    font-family: "Noto Sans JP", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
    font-weight: 500;
    font-size: calc(calc(14 / 750) * 100vw);
  }
  .option-page .warrantyPrice .note {
    display: block;
    color: var(--main-text);
    line-height: 1.2;
  }
}
@media only screen and (min-width:851px) {
  .option-page .warrantyPrice {
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    width: auto;
    align-items: baseline;
  }
  .option-page .warrantyPrice .unit {
    font-family: "Noto Sans JP", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
    font-weight: 500;
    font-size: 2.6rem;
  }
  .option-page .warrantyPrice .num {
    padding-right: 5px;
    font-family: "Spartan", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
    font-weight: 400;
    line-height: 1.1;
    font-size: 6.6rem;
    letter-spacing: -0.05em;
  }
  .option-page .warrantyPrice .yenArea {
    display: flex;
    flex-direction: column-reverse;
    align-items: flex-start;
  }
  .option-page .warrantyPrice .day,
.option-page .warrantyPrice .yen {
    font-family: "Noto Sans JP", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
    font-weight: 500;
    font-size: 2.6rem;
  }
  .option-page .warrantyPrice .tax {
    line-height: 1.2;
    margin-left: -0.5em;
    font-family: "Noto Sans JP", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
    font-weight: 500;
    font-size: 1.4rem;
  }
  .option-page .warrantyPrice .note {
    display: block;
    color: var(--main-text);
    line-height: 1.2;
  }
}
.option-page .warrantyPriceVW {
  position: relative;
  color: var(--blue);
}
.option-page .warrantyPriceVW.type2 {
  color: var(--white);
}
@media only screen and (max-width:850px) {
  .option-page .warrantyPriceVW {
    display: flex;
    align-items: baseline;
  }
  .option-page .warrantyPriceVW .unit {
    font-family: "Noto Sans JP", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
    font-weight: 500;
    font-size: calc(calc(32 / 750) * 100vw);
  }
  .option-page .warrantyPriceVW .num {
    padding: 0 calc(calc(15 / 750) * 100vw);
    font-family: "Spartan", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
    font-weight: 400;
    line-height: 1.1;
    font-size: calc(calc(82 / 750) * 100vw);
    letter-spacing: -0.05em;
  }
  .option-page .warrantyPriceVW .yenArea {
    display: flex;
    flex-direction: column-reverse;
    align-items: flex-start;
  }
  .option-page .warrantyPriceVW .day,
.option-page .warrantyPriceVW .yen {
    font-family: "Noto Sans JP", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
    font-weight: 500;
    font-size: calc(calc(26 / 750) * 100vw);
  }
  .option-page .warrantyPriceVW .tax {
    line-height: 1.4;
    margin-left: -0.5em;
    font-family: "Noto Sans JP", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
    font-weight: 500;
    font-size: calc(calc(14 / 750) * 100vw);
  }
  .option-page .warrantyPriceVW .note {
    display: block;
    color: var(--main-text);
    line-height: 1.2;
    font-size: calc(calc(22 / 750) * 100vw);
  }
}
@media only screen and (min-width:851px) {
  .option-page .warrantyPriceVW {
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    width: auto;
    align-items: baseline;
  }
  .option-page .warrantyPriceVW .unit {
    font-family: "Noto Sans JP", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
    font-weight: 500;
    font-size: calc(calc(26 / 1280) * 100vw);
  }
  .option-page .warrantyPriceVW .num {
    padding-right: 5px;
    font-family: "Spartan", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
    font-weight: 400;
    line-height: 1.1;
    font-size: calc(calc(66 / 1280) * 100vw);
    letter-spacing: -0.05em;
    margin-bottom: -0.1em;
  }
  .option-page .warrantyPriceVW .yenArea {
    display: flex;
    flex-direction: column-reverse;
    align-items: flex-start;
  }
  .option-page .warrantyPriceVW .day,
.option-page .warrantyPriceVW .yen {
    font-family: "Noto Sans JP", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
    font-weight: 500;
    font-size: calc(calc(26 / 1280) * 100vw);
  }
  .option-page .warrantyPriceVW .tax {
    line-height: 1.2;
    margin-left: -0.5em;
    font-family: "Noto Sans JP", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
    font-weight: 500;
    font-size: calc(calc(14 / 1280) * 100vw);
  }
  .option-page .warrantyPriceVW .note {
    display: block;
    color: var(--main-text);
    line-height: 1.2;
    font-size: calc(calc(14 / 1280) * 100vw);
  }
}
@media only screen and (min-width:1400px) {
  .option-page .warrantyPriceVW .num {
    padding-right: 5px;
    font-size: 72.1875px;
  }
  .option-page .warrantyPriceVW .day,
.option-page .warrantyPriceVW .yen {
    font-size: 28.4375px;
  }
  .option-page .warrantyPriceVW .tax {
    font-size: 15.3125px;
  }
  .option-page .warrantyPriceVW .note {
    font-size: 15.3125px;
  }
}
@media only screen and (max-width:850px) {
  .option-page .warrantyDetail {
    padding: calc(calc(53 / 750) * 100vw) calc(calc(36 / 750) * 100vw) 0;
    border-radius: calc(calc(5 / 750) * 100vw);
  }
  .option-page .warrantyDetail .title {
    font-family: "Noto Sans JP", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
    font-weight: 700;
    color: var(--white);
    font-size: calc(calc(36 / 750) * 100vw);
    margin-bottom: calc(calc(48 / 750) * 100vw);
  }
  .option-page .warrantyDetail ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 1em;
    width: calc(calc(598 / 750) * 100vw);
    margin: 0 auto calc(calc(24 / 750) * 100vw);
  }
  .option-page .warrantyDetail li {
    width: calc(calc(290 / 750) * 100vw);
    height: calc(calc(200 / 750) * 100vw);
    border-radius: calc(calc(5 / 750) * 100vw);
    background-color: white;
    margin-bottom: calc(calc(19 / 750) * 100vw);
    padding: 1em;
    text-align: center;
  }
  .option-page .warrantyDetail li dl {
    width: 100%;
    height: 100%;
    display: grid;
    grid-template-columns: auto;
    grid-template-rows: auto 1fr;
    gap: 0px 0px;
    align-items: center;
  }
  .option-page .warrantyDetail li dl dt {
    color: var(--blue);
  }
  .option-page .warrantyDetail .link {
    padding: calc(calc(40 / 750) * 100vw) 0 calc(calc(66 / 750) * 100vw);
  }
}
@media only screen and (min-width:851px) {
  .option-page .warrantyDetail {
    padding-top: 30px;
    border-radius: 5px;
  }
  .option-page .warrantyDetail .title {
    font-family: "Noto Sans JP", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
    font-weight: 700;
    color: var(--white);
    font-size: 2.6rem;
    margin-bottom: 26px;
  }
  .option-page .warrantyDetail ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 1em;
  }
  .option-page .warrantyDetail ul li {
    width: calc(calc(100% - 28px) / 3);
    border-radius: 5px;
    background-color: white;
    margin-bottom: 13px;
    text-align: center;
    padding: 3px 0 13px;
  }
  .option-page .warrantyDetail ul li dl {
    display: grid;
    grid-template-columns: auto;
    grid-template-rows: 1fr 1fr;
    gap: 0px 0px;
    align-items: center;
  }
  .option-page .warrantyDetail ul li dl dt {
    color: var(--blue);
  }
  .option-page .warrantyDetail .link {
    padding: 1em 0 2em;
  }
}
.option-page .planHeader {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 90%;
  margin-bottom: 1em;
  background: url(/assets/images/option/bg_days@2x.png) center left/contain no-repeat;
  color: var(--white);
}
.option-page .planHeader dt {
  line-height: 1.4;
  margin-right: 0.5em;
}
.option-page .planHeader dd {
  margin: 0;
}
@media only screen and (max-width:850px) {
  .option-page .planHeader {
    min-height: calc(calc(237 / 750) * 100vw);
  }
}
@media only screen and (min-width:851px) {
  .option-page .planHeader {
    min-height: calc(calc(184 / 1280) * 100vw);
  }
  .option-page .planHeader .num {
    transform: scale(0.75) translateY(0.1em);
  }
}
@media only screen and (min-width:1400px) {
  .option-page .planHeader {
    min-height: 201.25px;
  }
}
.option-page .planDetails {
  display: grid;
  grid-template-rows: auto;
  grid-template-columns: auto 1fr;
  gap: 0px 0px;
  align-items: center;
}
.option-page .planDetails dt {
  font-family: "Noto Sans JP", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  font-weight: 500;
  color: var(--blue);
  line-height: 1.4;
  margin-top: 0.2em;
  min-width: 7em;
}
.option-page .planDetails dd {
  margin: 0;
}
.option-page .planDetails dd .note {
  position: absolute;
  left: 0;
  top: 100%;
}
@media only screen and (max-width:850px) {
  .option-page .planDetails {
    padding: 0.5em 1em 0.5em calc(calc(108 / 750) * 100vw);
  }
  .option-page .planDetails dt {
    line-height: 1.4;
    margin-top: 0.2em;
    min-width: 5.5em;
  }
  .option-page .planDetails dd .tax {
    font-size: calc(calc(17 / 750) * 100vw);
  }
}
@media only screen and (min-width:851px) {
  .option-page .planDetails {
    padding: 0 1em 1.4em calc(calc(48 / 1280) * 100vw);
  }
  .option-page .planDetails dt {
    line-height: 1.4;
    margin-top: 0.2em;
    min-width: 6em;
  }
}
@media only screen and (min-width:1400px) {
  .option-page .planDetails {
    padding: 0 1em 1.4em 52.5px;
  }
}

@media only screen and (max-width:850px) {
  .option-page #warranty {
    padding: 0 0 calc(calc(146 / 750) * 100vw);
  }
  .option-page #warranty .bg {
    left: 0;
    top: calc(calc(300 / 750) * 100vw);
  }
  .option-page #warranty .bg img {
    width: calc(calc(476 / 750) * 100vw);
  }
  .option-page #plans {
    margin-bottom: calc(calc(-114 / 750) * 100vw);
    padding: calc(calc(90 / 750) * 100vw) 0 calc(calc(269 / 750) * 100vw);
  }
  .option-page #plans .bg {
    left: 0;
    top: calc(calc(-340 / 750) * 100vw);
    z-index: 0;
  }
  .option-page #plans .bg img {
    width: calc(calc(750 / 750) * 100vw);
  }
  .option-page #plans .bg2 {
    right: 0;
    bottom: calc(calc(-500 / 750) * 100vw);
  }
  .option-page #plans .bg2 img {
    width: calc(calc(507 / 750) * 100vw);
  }
  .option-page #plans .cPanelsVW {
    margin: calc(calc(80 / 750) * 100vw) 0 calc(calc(115 / 750) * 100vw);
  }
  .option-page #plans .cPanelsVW .cPanel {
    padding: 1em 0 3em;
  }
}
@media only screen and (min-width:851px) {
  .option-page #warranty {
    padding: 60px 0 198px;
  }
  .option-page #warranty .bg {
    right: 0;
    top: calc(-5px + 0px);
  }
  .option-page #warranty .bg2 {
    left: 0;
    bottom: calc(-358px + 0px);
  }
  .option-page #plans {
    overflow: hidden;
    margin-bottom: -120px;
    padding: 130px 0 calc(120px + 130px);
  }
  .option-page #plans .bg {
    left: 0;
    top: calc(-568px + 0px);
  }
  .option-page #plans .bg2 {
    right: 0;
    bottom: calc(-100px + 0px);
  }
  .option-page #plans .cPanelsVW {
    margin: calc(calc(50 / 1280) * 100vw) 0 calc(calc(100 / 1280) * 100vw);
  }
  .option-page #plans .cPanelsVW .cPanel {
    padding: calc(calc(20 / 1280) * 100vw) 0 calc(calc(58 / 1280) * 100vw);
  }
}
@media only screen and (min-width:1400px) {
  .option-page #plans .cPanelsVW {
    margin: 54.688px 0 109.375px;
  }
  .option-page #plans .cPanelsVW .cPanel {
    padding: 21.875px 0 63.438px;
  }
}
.service_hardware-page .serviceTitle {
  font-family: "Noto Sans JP", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  font-weight: 700;
  color: var(--blue);
}
@media only screen and (max-width:850px) {
  .service_hardware-page .serviceTitle {
    text-align: center;
    font-size: calc(calc(36 / 750) * 100vw);
    line-height: 1;
  }
}
@media only screen and (min-width:851px) {
  .service_hardware-page .serviceTitle {
    font-size: 3rem;
    line-height: 1.2;
  }
}
.service_hardware-page .serviceDetails .box .textArea p, .service_hardware-page .serviceDetails .box .textArea dl {
  margin-top: 1em;
}
.service_hardware-page .serviceDetails .box .textArea .cNote2 {
  margin-top: 2em;
}
@media only screen and (max-width:850px) {
  .service_hardware-page .serviceDetails .box {
    margin: calc(calc(58 / 750) * 100vw) 0 calc(calc(110 / 750) * 100vw);
  }
  .service_hardware-page .serviceDetails .box figure {
    width: calc(calc(405 / 750) * 100vw);
    margin: 0 auto calc(calc(78 / 750) * 100vw);
  }
  .service_hardware-page .serviceDetails .box .textArea {
    font-size: calc(calc(24 / 750) * 100vw);
  }
  .service_hardware-page .serviceDetails .box .textArea .serviceTitle {
    margin-bottom: 1em;
  }
}
@media only screen and (min-width:851px) {
  .service_hardware-page .serviceDetails .box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 58px 0 120px;
  }
  .service_hardware-page .serviceDetails .box figure {
    width: calc(calc(389 / 1280) * 100vw);
    max-width: 389px;
  }
  .service_hardware-page .serviceDetails .box .textArea {
    width: calc(calc(542 / 1280) * 100vw);
    max-width: 542px;
    font-size: 1.8rem;
  }
  .service_hardware-page .serviceDetails .box:nth-of-type(2n-1) {
    flex-direction: row;
  }
  .service_hardware-page .serviceDetails .box:nth-of-type(2n) {
    flex-direction: row-reverse;
  }
}
.service_hardware-page .hardwarePanels ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 1em;
}
.service_hardware-page .hardwarePanels ul li {
  padding: 1em;
}
.service_hardware-page .hardwarePanels ul li dt {
  color: var(--blue);
}
@media only screen and (max-width:850px) {
  .service_hardware-page .hardwarePanels {
    padding-top: calc(calc(48 / 750) * 100vw);
  }
  .service_hardware-page .hardwarePanels ul {
    width: calc(calc(598 / 750) * 100vw);
    margin: 0 auto calc(calc(48 / 750) * 100vw);
  }
  .service_hardware-page .hardwarePanels ul li {
    width: 100%;
    border-radius: calc(calc(5 / 750) * 100vw);
    background-color: white;
    margin-bottom: calc(calc(50 / 750) * 100vw);
    padding: calc(calc(50 / 750) * 100vw) calc(calc(30 / 750) * 100vw);
    text-align: left;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
  }
  .service_hardware-page .hardwarePanels ul li .imageArea {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: calc(calc(200 / 750) * 100vw);
    margin: 0 auto;
  }
  .service_hardware-page .hardwarePanels ul li > dl > dt {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 3em;
    margin-bottom: 0.5em;
    line-height: 1.4;
    text-align: center;
    color: var(--blue);
    font-family: "Noto Sans JP", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
    font-weight: 700;
    font-size: calc(calc(30 / 750) * 100vw);
  }
  .service_hardware-page .hardwarePanels ul li > dl .textArea {
    font-size: calc(calc(24 / 750) * 100vw);
  }
  .service_hardware-page .hardwarePanels ul li > dl .textArea p + p, .service_hardware-page .hardwarePanels ul li > dl .textArea dl {
    margin-top: 1em;
  }
  .service_hardware-page .hardwarePanels ul li > dl .textArea .cNote2 {
    margin-top: 2em;
  }
  .service_hardware-page .hardwarePanels ul li:nth-child(1) .imageArea {
    width: calc(calc(323.466 / 750) * 100vw);
  }
  .service_hardware-page .hardwarePanels ul li:nth-child(2) .imageArea {
    width: calc(calc(385.671 / 750) * 100vw);
  }
  .service_hardware-page .hardwarePanels ul li:nth-child(3) .imageArea {
    width: calc(calc(265.785 / 750) * 100vw);
  }
  .service_hardware-page .hardwarePanels ul li:nth-child(4) .imageArea {
    width: calc(calc(289.536 / 750) * 100vw);
  }
  .service_hardware-page .hardwarePanels ul li:nth-child(5) .imageArea {
    width: calc(calc(419.601 / 750) * 100vw);
  }
  .service_hardware-page .hardwarePanels ul li:nth-child(6) .imageArea {
    width: calc(calc(232.986 / 750) * 100vw);
  }
}
@media only screen and (min-width:851px) {
  .service_hardware-page .hardwarePanels {
    padding-top: 70px;
  }
  .service_hardware-page .hardwarePanels ul li {
    width: calc(calc(100% - 34px) / 2);
    margin-bottom: 34px;
    padding: 20px 42px 28px;
    text-align: left;
    display: flex;
    flex-direction: column;
  }
  .service_hardware-page .hardwarePanels ul li .imageArea {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 160px;
    margin: 0 auto 16px;
  }
  .service_hardware-page .hardwarePanels ul li > dl > dt {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 3em;
    margin-bottom: 0.5em;
    line-height: 1.4;
    text-align: center;
    color: var(--blue);
    font-family: "Noto Sans JP", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
    font-weight: 700;
    font-size: 2.4rem;
  }
  .service_hardware-page .hardwarePanels ul li > dl .textArea {
    font-size: 1.4rem;
  }
  .service_hardware-page .hardwarePanels ul li > dl .textArea p + p, .service_hardware-page .hardwarePanels ul li > dl .textArea dl {
    margin-top: 1em;
  }
  .service_hardware-page .hardwarePanels ul li > dl .textArea .cNote2 {
    margin-top: 2em;
  }
  .service_hardware-page .hardwarePanels ul li:nth-child(1) .imageArea {
    width: calc(calc(286 / 1280) * 100vw);
    max-width: 286px;
  }
  .service_hardware-page .hardwarePanels ul li:nth-child(2) .imageArea {
    width: calc(calc(341 / 1280) * 100vw);
    max-width: 341px;
  }
  .service_hardware-page .hardwarePanels ul li:nth-child(3) .imageArea {
    width: calc(calc(235 / 1280) * 100vw);
    max-width: 235px;
  }
  .service_hardware-page .hardwarePanels ul li:nth-child(4) .imageArea {
    width: calc(calc(256 / 1280) * 100vw);
    max-width: 256px;
  }
  .service_hardware-page .hardwarePanels ul li:nth-child(5) {
    justify-content: space-around;
  }
  .service_hardware-page .hardwarePanels ul li:nth-child(5) .imageArea {
    width: calc(calc(371 / 1280) * 100vw);
    max-width: 371px;
  }
  .service_hardware-page .hardwarePanels ul li:nth-child(6) .imageArea {
    width: calc(calc(206 / 1280) * 100vw);
    max-width: 206px;
  }
}
.service_hardware-page .specTitle {
  font-family: "Noto Sans JP", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  font-weight: 700;
  color: var(--blue);
  text-align: center;
}
@media only screen and (max-width:850px) {
  .service_hardware-page .specTitle {
    font-size: calc(calc(36 / 750) * 100vw);
    line-height: 1;
  }
}
@media only screen and (min-width:851px) {
  .service_hardware-page .specTitle {
    font-size: 2.4rem;
    line-height: 1.5;
  }
}
.service_hardware-page .specTitle2 {
  font-family: "Noto Sans JP", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  font-weight: 700;
  color: var(--blue);
  text-align: center;
}
@media only screen and (max-width:850px) {
  .service_hardware-page .specTitle2 {
    margin-bottom: 0.75em;
    font-size: calc(calc(30 / 750) * 100vw);
    line-height: 1.2;
  }
}
@media only screen and (min-width:851px) {
  .service_hardware-page .specTitle2 {
    margin-bottom: 0.5em;
    font-size: 1.6rem;
    line-height: 2.25;
  }
}
.service_hardware-page .specGallery {
  position: relative;
}
.service_hardware-page .specGallery .gallery__slide img {
  width: 100%;
  height: auto;
}
.service_hardware-page .specGallery .gallery .swiper-button-prev, .service_hardware-page .specGallery .gallery .swiper-button-next {
  background: none;
  top: auto;
  left: auto;
  right: auto;
  margin-top: 0;
  cursor: pointer;
  white-space: nowrap;
  display: inline-block;
}
.service_hardware-page .specGallery .gallery .swiper-button-prev svg, .service_hardware-page .specGallery .gallery .swiper-button-next svg {
  transition: all 0.2s;
  fill: var(--blue);
}
.service_hardware-page .specGallery .gallery .swiper-button-prev {
  position: relative;
}
.service_hardware-page .specGallery .gallery .swiper-button-prev svg {
  transform: rotate(180deg);
}
.service_hardware-page .specGallery .gallery .swiper-button-next {
  position: relative;
}
.service_hardware-page .specGallery .galleryCtrlArea {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  margin-top: 0.5em;
}
.service_hardware-page .specGallery .swiper-pagination {
  position: relative;
  text-align: center;
  display: inline-block;
  width: auto;
}
.service_hardware-page .specGallery .swiper-pagination-bullet {
  background: none;
  margin: 0 5px;
  background: var(--gray2);
  opacity: 1;
  outline: 0;
  transform: scale(0.6);
}
.service_hardware-page .specGallery .swiper-pagination-bullet:hover {
  background: var(--blue);
}
.service_hardware-page .specGallery .swiper-pagination-bullet-active {
  background: var(--blue);
  transform: scale(1);
}
@media only screen and (max-width:850px) {
  .service_hardware-page .specGallery .gallery__slide .text {
    margin-top: calc(calc(22 / 750) * 100vw);
  }
  .service_hardware-page .specGallery .gallery .swiper-button-prev, .service_hardware-page .specGallery .gallery .swiper-button-next {
    width: calc(calc(22 / 750) * 100vw);
    height: calc(calc(40 / 750) * 100vw);
  }
  .service_hardware-page .specGallery .swiper-pagination {
    padding: 0 calc(calc(40 / 750) * 100vw);
  }
  .service_hardware-page .specGallery .swiper-pagination-bullet {
    margin: 0 calc(calc(15 / 750) * 100vw);
    width: calc(calc(20 / 750) * 100vw);
    height: calc(calc(20 / 750) * 100vw);
  }
}
@media only screen and (min-width:851px) {
  .service_hardware-page .specGallery .gallery__slide .text {
    margin-top: 10px;
  }
  .service_hardware-page .specGallery .gallery .swiper-button-prev, .service_hardware-page .specGallery .gallery .swiper-button-next {
    width: 12px;
    height: 20px;
  }
  .service_hardware-page .specGallery .swiper-pagination {
    padding: 0 10px;
  }
  .service_hardware-page .specGallery .swiper-pagination-bullet {
    margin: 0 5px;
    width: 12px;
    height: 12px;
  }
}
@media only screen and (max-width:850px) {
  .service_hardware-page .specHeaderArea {
    margin-top: calc(calc(50 / 750) * 100vw);
  }
  .service_hardware-page .specHeaderArea .specGallery {
    width: 100%;
    text-align: center;
  }
  .service_hardware-page .specHeaderArea .specGallery .imageArea {
    width: calc(calc(382 / 750) * 100vw);
    margin: 0 auto;
  }
  .service_hardware-page .specHeaderArea .specGallery .text {
    margin-top: 1em;
    letter-spacing: 0.5em;
  }
  .service_hardware-page .specHeaderArea .specList {
    padding: calc(calc(60 / 750) * 100vw) 0 calc(calc(85 / 750) * 100vw);
  }
  .service_hardware-page .specHeaderArea .specList li {
    display: flex;
    justify-content: center;
    align-items: center;
    background: linear-gradient(320deg, #01cadc 0%, #01cadc 30%, #00a6dc 70%, #00a6dc 100%);
    color: var(--white);
    padding: 1em 0.5em;
    line-height: 1.4;
    text-align: center;
    font-family: "Noto Sans JP", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
    font-weight: 700;
  }
  .service_hardware-page .specHeaderArea .specList .specListMain {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .service_hardware-page .specHeaderArea .specList .specListMain li {
    width: calc(calc(311 / 750) * 100vw);
    margin-bottom: calc(calc(7 / 750) * 100vw);
    font-size: calc(calc(26 / 750) * 100vw);
  }
  .service_hardware-page .specHeaderArea .specList .specListSub {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .service_hardware-page .specHeaderArea .specList .specListSub li {
    width: calc(calc(205 / 750) * 100vw);
    font-size: calc(calc(18 / 750) * 100vw);
    margin-bottom: calc(calc(6 / 750) * 100vw);
  }
  .service_hardware-page .specHeaderArea .specList .specListSub li:nth-child(1) {
    width: calc(calc(311 / 750) * 100vw);
  }
  .service_hardware-page .specHeaderArea .specList .specListSub li:nth-child(2) {
    width: calc(calc(311 / 750) * 100vw);
  }
}
@media only screen and (min-width:851px) {
  .service_hardware-page .specHeaderArea {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    align-items: center;
    margin-top: 20px;
  }
  .service_hardware-page .specHeaderArea .specGallery {
    width: calc(calc(374 / 980) * 100%);
    text-align: center;
  }
  .service_hardware-page .specHeaderArea .specGallery .imageArea {
    width: calc(calc(284 / 1280) * 100vw);
    max-width: 284px;
    margin: 0 auto;
  }
  .service_hardware-page .specHeaderArea .specGallery .text {
    margin-top: 1em;
    letter-spacing: 0.5em;
  }
  .service_hardware-page .specHeaderArea .specList {
    width: calc(calc(546 / 980) * 100%);
  }
  .service_hardware-page .specHeaderArea .specList li {
    display: flex;
    justify-content: center;
    align-items: center;
    background: linear-gradient(320deg, #01cadc 0%, #01cadc 30%, #00a6dc 70%, #00a6dc 100%);
    color: var(--white);
    padding: 1em 0.5em;
    line-height: 1.4;
    text-align: center;
    font-family: "Noto Sans JP", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
    font-weight: 700;
  }
  .service_hardware-page .specHeaderArea .specList .specListMain {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .service_hardware-page .specHeaderArea .specList .specListMain li {
    width: calc(50% - 5px);
    margin-bottom: 10px;
    font-size: 1.9rem;
  }
  .service_hardware-page .specHeaderArea .specList .specListSub {
    display: flex;
    justify-content: space-between;
  }
  .service_hardware-page .specHeaderArea .specList .specListSub li {
    width: calc(calc(100% - 40px) / 5);
    font-size: 1.4rem;
  }
}
@media only screen and (max-width:850px) {
  .service_hardware-page .specDetails {
    margin-bottom: calc(calc(100 / 750) * 100vw);
  }
  .service_hardware-page .specDetails .specInfo + .specInfo {
    margin-top: calc(calc(80 / 750) * 100vw);
  }
}
@media only screen and (min-width:851px) {
  .service_hardware-page .specDetails {
    display: flex;
    justify-content: space-between;
    margin-top: 50px;
    margin-bottom: 60px;
  }
  .service_hardware-page .specDetails .specInfo {
    width: calc(50% - 20px);
  }
}
.service_hardware-page .specPics {
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}
.service_hardware-page .specPics .img {
  width: 100%;
  height: auto;
}
@media only screen and (max-width:850px) {
  .service_hardware-page .specPics {
    margin-top: calc(calc(55 / 750) * 100vw);
    margin-bottom: calc(calc(85 / 750) * 100vw);
  }
  .service_hardware-page .specPics .img:nth-child(1) {
    width: calc(calc(263 / 750) * 100vw);
  }
}
@media only screen and (min-width:851px) {
  .service_hardware-page .specPics {
    margin-top: 55px;
  }
  .service_hardware-page .specPics .img:nth-child(1) {
    width: 239px;
  }
}
.service_hardware-page .warrantyPanels li {
  position: relative;
}
.service_hardware-page .warrantyPanels li .title {
  text-align: center;
  font-family: "Noto Sans JP", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  font-weight: 700;
  color: var(--blue);
}
@media only screen and (max-width:850px) {
  .service_hardware-page .warrantyPanels li {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto auto;
    gap: 0px 0px;
    margin-top: calc(calc(70 / 750) * 100vw);
    margin-bottom: calc(calc(70 / 750) * 100vw);
  }
  .service_hardware-page .warrantyPanels li .img {
    grid-area: 1/1/3/2;
  }
  .service_hardware-page .warrantyPanels li .price1 {
    grid-area: 1/2/2/3;
  }
  .service_hardware-page .warrantyPanels li .price2 {
    grid-area: 2/2/3/3;
  }
  .service_hardware-page .warrantyPanels li .title {
    grid-area: 1/1/2/2;
  }
  .service_hardware-page .warrantyPanels li .title {
    margin-top: calc(calc(40 / 750) * 100vw);
    font-size: calc(calc(26 / 750) * 100vw);
    line-height: 1.4;
  }
  .service_hardware-page .warrantyPanels li .title span {
    font-size: calc(calc(20 / 750) * 100vw);
  }
  .service_hardware-page .warrantyPanels li .img {
    width: 100%;
    height: 100%;
  }
  .service_hardware-page .warrantyPanels li .img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    font-family: "object-fit: cover";
  }
  .service_hardware-page .warrantyPanels li dl {
    width: 100%;
    align-self: center;
    color: var(--blue);
  }
  .service_hardware-page .warrantyPanels li dl.price1 {
    margin-top: calc(calc(40 / 750) * 100vw);
  }
  .service_hardware-page .warrantyPanels li dl.price2 {
    margin-bottom: calc(calc(40 / 750) * 100vw);
  }
  .service_hardware-page .warrantyPanels li dl dt {
    text-align: center;
    font-family: "Noto Sans JP", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
    font-weight: 500;
    font-size: calc(calc(20 / 750) * 100vw);
    margin-bottom: 0.4em;
  }
  .service_hardware-page .warrantyPanels li dl dd {
    justify-content: center;
  }
  .service_hardware-page .warrantyPanels li dl + dl {
    margin-right: calc(calc(100 / 1280) * 100vw);
  }
}
@media only screen and (min-width:851px) {
  .service_hardware-page .warrantyPanels li {
    display: flex;
    margin-top: 116px;
    margin-bottom: 86px;
    justify-content: space-between;
    align-items: center;
  }
  .service_hardware-page .warrantyPanels li .title {
    position: absolute;
    bottom: calc(100% + 18px);
    left: 0;
    width: 100%;
    font-size: 2.4rem;
  }
  .service_hardware-page .warrantyPanels li .title span {
    font-size: 1.8rem;
  }
  .service_hardware-page .warrantyPanels li .img {
    width: 33%;
  }
  .service_hardware-page .warrantyPanels li .img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    font-family: "object-fit: cover";
  }
  .service_hardware-page .warrantyPanels li dl {
    color: var(--blue);
  }
  .service_hardware-page .warrantyPanels li dl dt {
    text-align: center;
    font-family: "Noto Sans JP", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
    font-weight: 400;
    font-size: 1.8rem;
    margin-bottom: 0.4em;
  }
  .service_hardware-page .warrantyPanels li dl dd {
    justify-content: center;
  }
  .service_hardware-page .warrantyPanels li dl + dl {
    margin-right: calc(calc(100 / 1280) * 100vw);
  }
}
.service_hardware-page .warrantyPrice {
  position: relative;
  color: var(--blue);
}
.service_hardware-page .warrantyPrice.type2 {
  color: var(--white);
}
@media only screen and (max-width:850px) {
  .service_hardware-page .warrantyPrice {
    display: flex;
    align-items: baseline;
  }
  .service_hardware-page .warrantyPrice .unit {
    font-family: "Noto Sans JP", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
    font-weight: 500;
    font-size: calc(calc(32 / 750) * 100vw);
  }
  .service_hardware-page .warrantyPrice .num {
    padding: 0 calc(calc(15 / 750) * 100vw);
    font-family: "Spartan", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
    font-weight: 400;
    line-height: 1.1;
    font-size: calc(calc(82 / 750) * 100vw);
    letter-spacing: -0.05em;
  }
  .service_hardware-page .warrantyPrice .yenArea {
    display: flex;
    flex-direction: column-reverse;
    align-items: flex-start;
  }
  .service_hardware-page .warrantyPrice .day, .service_hardware-page .warrantyPrice .yen {
    font-family: "Noto Sans JP", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
    font-weight: 500;
    font-size: calc(calc(32 / 750) * 100vw);
  }
  .service_hardware-page .warrantyPrice .tax {
    line-height: 1.4;
    margin-left: -0.5em;
    font-family: "Noto Sans JP", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
    font-weight: 500;
    font-size: calc(calc(14 / 750) * 100vw);
  }
  .service_hardware-page .warrantyPrice .note {
    display: block;
    color: var(--main-text);
    line-height: 1.2;
  }
}
@media only screen and (min-width:851px) {
  .service_hardware-page .warrantyPrice {
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    width: auto;
    align-items: baseline;
  }
  .service_hardware-page .warrantyPrice .unit {
    font-family: "Noto Sans JP", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
    font-weight: 500;
    font-size: 2.6rem;
  }
  .service_hardware-page .warrantyPrice .num {
    padding-right: 5px;
    font-family: "Spartan", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
    font-weight: 400;
    line-height: 1.1;
    font-size: 6.6rem;
    letter-spacing: -0.05em;
  }
  .service_hardware-page .warrantyPrice .yenArea {
    display: flex;
    flex-direction: column-reverse;
    align-items: flex-start;
  }
  .service_hardware-page .warrantyPrice .day, .service_hardware-page .warrantyPrice .yen {
    font-family: "Noto Sans JP", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
    font-weight: 500;
    font-size: 2.6rem;
  }
  .service_hardware-page .warrantyPrice .tax {
    line-height: 1.2;
    margin-left: -0.5em;
    font-family: "Noto Sans JP", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
    font-weight: 500;
    font-size: 1.4rem;
  }
  .service_hardware-page .warrantyPrice .note {
    display: block;
    color: var(--main-text);
    line-height: 1.2;
  }
}
.service_hardware-page .planHeader {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 90%;
  margin-bottom: 1em;
  background: url(/assets/images/service_hardware/bg_days@2x.png) center left/contain no-repeat;
  color: var(--white);
}
.service_hardware-page .planHeader dt {
  line-height: 1.4;
  margin-right: 0.5em;
}
.service_hardware-page .planHeader dd {
  margin: 0;
}
@media only screen and (max-width:850px) {
  .service_hardware-page .planHeader {
    min-height: calc(calc(237 / 750) * 100vw);
  }
}
@media only screen and (min-width:851px) {
  .service_hardware-page .planHeader {
    min-height: 184px;
  }
}
.service_hardware-page .planDetails {
  padding: 1em;
  display: grid;
  grid-template-rows: auto;
  grid-template-columns: auto 1fr;
  gap: 0px 0px;
  align-items: center;
  margin-bottom: 1.5em;
}
.service_hardware-page .planDetails dt {
  font-family: "Noto Sans JP", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  font-weight: 500;
  color: var(--blue);
  line-height: 1.4;
  margin-top: 0.2em;
  min-width: 7em;
  padding-left: calc(calc(20 / 1280) * 100vw);
}
.service_hardware-page .planDetails dd {
  margin: 0;
}
.service_hardware-page .planDetails dd .note {
  position: absolute;
  left: 0;
  top: 100%;
}
@media only screen and (max-width:850px) {
  .service_hardware-page .planDetails {
    margin-bottom: 0;
    padding: 0.5em 1em;
  }
  .service_hardware-page .planDetails dt {
    line-height: 1.4;
    margin-top: 0.2em;
    min-width: 7em;
    padding-left: calc(calc(60 / 750) * 100vw);
  }
  .service_hardware-page .planDetails dd .tax {
    font-size: calc(calc(17 / 750) * 100vw);
  }
}
@media only screen and (min-width:851px) {
  .service_hardware-page .planDetails dt {
    line-height: 1.4;
    margin-top: 0.2em;
    min-width: 7em;
    padding-left: calc(calc(20 / 1280) * 100vw);
  }
}

@media only screen and (max-width:850px) {
  .service_hardware-page .cSection {
    padding: 0 0 calc(calc(146 / 750) * 100vw);
  }
  .service_hardware-page .cSection + .cSection {
    padding: calc(calc(90 / 750) * 100vw) 0 calc(calc(155 / 750) * 100vw);
  }
  .service_hardware-page .cSection .cInner + .cInner {
    padding-top: calc(calc(40 / 750) * 100vw);
  }
}
@media only screen and (min-width:851px) {
  .service_hardware-page .cSection {
    padding: 0 0 100px;
  }
  .service_hardware-page .cSection + .cSection {
    padding: 130px 0;
  }
  .service_hardware-page .cSection .cInner + .cInner {
    padding-top: 80px;
  }
}
@media only screen and (max-width:850px) {
  .service_hardware-page #service .bg {
    right: 0;
    top: calc(calc(620 / 750) * 100vw);
  }
  .service_hardware-page #service .bg img {
    width: calc(calc(547 / 750) * 100vw);
  }
  .service_hardware-page #service .bg2 {
    left: 0;
    top: calc(calc(2383 / 750) * 100vw);
    z-index: 1;
  }
  .service_hardware-page #service .bg2 img {
    width: calc(calc(324 / 750) * 100vw);
  }
  .service_hardware-page #service .bg3 {
    right: calc(calc(-123 / 750) * 100vw);
    bottom: 0;
    z-index: 1;
  }
  .service_hardware-page #service .bg3 img {
    width: calc(calc(800 / 750) * 100vw);
    transform: scale(-1, 1);
  }
  .service_hardware-page #hardware {
    z-index: 0;
  }
  .service_hardware-page #hardware .bg {
    right: calc(calc(-123 / 750) * 100vw);
    top: 0;
  }
  .service_hardware-page #hardware .bg img {
    width: calc(calc(530 / 750) * 100vw);
    transform: scale(-1, 1);
  }
  .service_hardware-page #hardware .bg2 {
    right: 0;
    bottom: calc(calc(0 / 750) * 100vw);
  }
  .service_hardware-page #hardware .bg2 img {
    width: calc(calc(650 / 750) * 100vw);
  }
  .service_hardware-page #hardware .bg3 {
    left: 0;
    bottom: calc(calc(-739 / 750) * 100vw);
  }
  .service_hardware-page #hardware .bg3 img {
    width: calc(calc(429 / 750) * 100vw);
  }
  .service_hardware-page #spec .bg {
    left: 0;
    top: calc(calc(2000 / 750) * 100vw);
  }
  .service_hardware-page #spec .bg img {
    width: calc(calc(324 / 750) * 100vw);
  }
  .service_hardware-page #spec .bg2 {
    right: 0;
    bottom: calc(calc(-500 / 750) * 100vw);
  }
  .service_hardware-page #spec .bg2 img {
    width: calc(calc(507 / 750) * 100vw);
  }
}
@media only screen and (min-width:851px) {
  .service_hardware-page #service .bg {
    right: 0;
    top: calc( -35px + 0px);
  }
  .service_hardware-page #service .bg2 {
    left: 0;
    top: calc( 933px + 0px);
    z-index: 1;
  }
  .service_hardware-page #service .bg3 {
    left: 0;
    bottom: calc( 0px + 0px);
    z-index: 1;
  }
  .service_hardware-page #hardware .bg {
    left: 0;
    top: calc( 0px + 0px);
  }
  .service_hardware-page #hardware .bg2 {
    right: 0;
    bottom: calc( 0px + 0px);
  }
  .service_hardware-page #hardware .bg3 {
    left: 0;
    bottom: calc( -400px + 0px);
  }
  .service_hardware-page #spec .bg2 {
    right: 0;
    bottom: calc( -400px + 0px);
  }
}
.ToggleNavi .icoQ, .ToggleNavi .icoA {
  font-family: "Spartan", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  font-weight: 300;
  line-height: 1.1;
  color: var(--blue);
}
@media only screen and (max-width:850px) {
  .ToggleNavi .icoQ, .ToggleNavi .icoA {
    font-size: calc(calc(38 / 750) * 100vw);
  }
}
@media only screen and (min-width:851px) {
  .ToggleNavi .icoQ, .ToggleNavi .icoA {
    font-size: 3rem;
  }
}
.ToggleNavi .AccTrigger {
  position: relative;
  cursor: pointer;
  font-family: "Noto Sans JP", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  font-weight: 700;
}
.ToggleNavi .AccTrigger::before, .ToggleNavi .AccTrigger::after {
  content: "";
  display: block;
  background-color: var(--blue);
  position: absolute;
  transform-origin: center center;
  transition: transform 0.5s cubic-bezier(0.19, 1, 0.22, 1), opacity 0.3s cubic-bezier(0.19, 1, 0.22, 1);
}
.ToggleNavi .AccTrigger::after {
  transition: transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);
  transform: rotate(-90deg);
}
.ToggleNavi .AccTrigger.opened::before {
  transform: rotate(90deg);
  opacity: 0;
}
.ToggleNavi .AccTrigger.opened::after {
  transform: rotate(0deg);
}
.ToggleNavi .AccTrigger:hover {
  opacity: 0.7;
  transition: opacity 0.5s cubic-bezier(0.19, 1, 0.22, 1);
}
.ToggleNavi .AccDetail {
  position: relative;
  line-height: 0;
  height: 0;
  opacity: 0;
  transition: padding 0.4s cubic-bezier(0.215, 0.61, 0.355, 1), height 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.ToggleNavi .AccDetail > span {
  opacity: 0;
  transition: opacity 0.4s linear;
}
.ToggleNavi .AccDetail.opened {
  line-height: normal;
  height: auto;
  opacity: 1;
  transition: padding 0.4s cubic-bezier(0.215, 0.61, 0.355, 1), height 0.4s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.4s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.ToggleNavi .AccDetail.opened > span {
  opacity: 1;
}
.ToggleNavi .AccDetail a:hover {
  opacity: 0.75;
  transition: opacity 0.5s cubic-bezier(0.19, 1, 0.22, 1);
}
@media only screen and (max-width:850px) {
  .ToggleNavi {
    border-bottom: calc(calc(2 / 750) * 100vw) solid var(--border);
  }
  .ToggleNavi > .AccTrigger {
    border-top: calc(calc(2 / 750) * 100vw) solid var(--border);
    padding: calc(calc(40 / 750) * 100vw) 0;
    font-size: calc(calc(34 / 750) * 100vw);
    text-align: center;
    line-height: 1;
    color: var(--blue);
  }
  .ToggleNavi > .AccTrigger::before, .ToggleNavi > .AccTrigger::after {
    width: calc(calc(32 / 750) * 100vw);
    height: 2px;
    top: 50%;
    right: calc(calc(24 / 750) * 100vw);
  }
  .ToggleNavi > .AccDetail.opened {
    padding: 0 0 calc(calc(20 / 750) * 100vw);
  }
  .ToggleNavi > .AccDetail dl {
    border-radius: calc(calc(5 / 750) * 100vw);
    background-color: white;
    box-shadow: 0 calc(calc(20 / 750) * 100vw) calc(calc(51.6 / 750) * 100vw) calc(calc(8.4 / 750) * 100vw) rgba(48, 145, 179, 0.2);
    width: 100%;
    margin-bottom: calc(calc(20 / 750) * 100vw);
  }
  .ToggleNavi > .AccDetail dl .icoQ {
    position: absolute;
    left: calc(calc(24 / 750) * 100vw);
    top: calc(calc(30 / 750) * 100vw);
  }
  .ToggleNavi > .AccDetail dl .icoA {
    position: absolute;
    left: calc(calc(26 / 750) * 100vw);
    top: calc(calc(10 / 750) * 100vw);
  }
  .ToggleNavi > .AccDetail dl > .AccTrigger {
    padding: calc(calc(26 / 750) * 100vw) calc(calc(70 / 750) * 100vw) calc(calc(26 / 750) * 100vw) calc(calc(80 / 750) * 100vw);
    font-size: calc(calc(26 / 750) * 100vw);
  }
  .ToggleNavi > .AccDetail dl > .AccTrigger::before, .ToggleNavi > .AccDetail dl > .AccTrigger::after {
    width: calc(calc(26 / 750) * 100vw);
    height: calc(calc(2 / 750) * 100vw);
    top: 50%;
    right: calc(calc(26 / 750) * 100vw);
  }
  .ToggleNavi > .AccDetail dl > .AccDetail {
    padding: 0 calc(calc(26 / 750) * 100vw) 0 calc(calc(80 / 750) * 100vw);
    font-size: calc(calc(26 / 750) * 100vw);
    line-height: 1.6153846154;
  }
  .ToggleNavi > .AccDetail dl > .AccDetail.opened {
    padding: calc(calc(6 / 750) * 100vw) calc(calc(80 / 750) * 100vw) calc(calc(65 / 750) * 100vw) calc(calc(80 / 750) * 100vw);
  }
}
@media only screen and (min-width:851px) {
  .ToggleNavi {
    border-bottom: 1px solid var(--border);
  }
  .ToggleNavi > .AccTrigger {
    border-top: 1px solid var(--border);
    padding: 32px 0;
    font-size: 2.4rem;
    text-align: center;
    line-height: 1;
    color: var(--blue);
  }
  .ToggleNavi > .AccTrigger::before, .ToggleNavi > .AccTrigger::after {
    width: 30px;
    height: 2px;
    top: 50%;
    right: 26px;
  }
  .ToggleNavi > .AccDetail.opened {
    padding: 0 0 calc(46px - 20px);
  }
  .ToggleNavi > .AccDetail dl {
    border-radius: 5px;
    background-color: white;
    box-shadow: 0px 20px 51.6px 8.4px rgba(48, 145, 179, 0.2);
    width: 100%;
    margin-bottom: 20px;
  }
  .ToggleNavi > .AccDetail dl .icoQ {
    position: absolute;
    left: 33px;
    top: 26px;
  }
  .ToggleNavi > .AccDetail dl .icoA {
    position: absolute;
    left: 36px;
    top: 10px;
  }
  .ToggleNavi > .AccDetail dl > .AccTrigger {
    padding: 26px 70px 26px 86px;
    font-size: 2rem;
  }
  .ToggleNavi > .AccDetail dl > .AccTrigger::before, .ToggleNavi > .AccDetail dl > .AccTrigger::after {
    width: 25px;
    height: 2px;
    top: 50%;
    right: 28px;
  }
  .ToggleNavi > .AccDetail dl > .AccDetail {
    padding: 0 60px 0 86px;
    font-size: 1.6rem;
    line-height: 2;
  }
  .ToggleNavi > .AccDetail dl > .AccDetail.opened {
    padding: 10px 50px 40px 86px;
  }
}

@media only screen and (max-width:850px) {
  .faq-page #wrapper #content {
    background: url(/assets/images/faq/bg_middle.png) left calc(calc(305 / 750) * 100vw) top calc(calc(622 / 750) * 100vw)/calc(calc(661 / 750) * 100vw) calc(calc(929 / 750) * 100vw) no-repeat, url(/assets/images/bg/back_effect_b.png) right calc(calc(145 / 750) * 100vw) top calc(calc(4174 / 750) * 100vw)/calc(calc(1050 / 750) * 100vw) calc(calc(1050 / 750) * 100vw) no-repeat;
  }
  .faq-page .cSection {
    padding: calc(calc(30 / 750) * 100vw) 0 calc(calc(90 / 750) * 100vw);
  }
}
@media only screen and (min-width:851px) {
  .faq-page #wrapper #content {
    background: url(/assets/images/faq/bg_top.png) left 0 top 479px no-repeat, url(/assets/images/faq/bg_middle.png) right 0 top 1024px no-repeat, url(/assets/images/bg/back_effect_b.png) right calc(calc(740 / 1280) * 100vw) top 2887px no-repeat;
  }
  .faq-page .cSection {
    padding: 0 0 130px;
  }
  .faq-page .cPageTitle {
    margin-bottom: 92px;
  }
  .faq-page .cPageTitle .bg {
    top: -70px;
  }
}

@media print {
  header, footer, #menu, #sticker, #spSticker {
    display: none !important;
  }

  img {
    max-width: 100%;
    width: auto;
    height: auto;
  }

  section {
    display: block !important;
  }
}