@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@100;400;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap");
@import url("https://cdn.jsdelivr.net/npm/yakuhanjp@4.1.1/dist/css/yakuhanrp.css");
:root {
  --easing: cubic-bezier(0.39, 0.38, 0.28, 0.88);
  --transition: 0.8s var(--easing);
  --color-base: #f8f8f8;
  --color-txt: #404040;
  --color-gray: #CCC;
  --color-green: #a2cca3;
  --color-yellow: #f3df00;
  --color-green-lighter: #dff0df;
  --color-blue: #1e4d9e;
  --color-blue-lighter: #d5edf9;
  --color-orange: #f5ba8a;
  --color-skyblue: #81d5d3;
  --color-pink: #ec878a;
  --color-pink-lighter: #fee8e8;
  --color-purple: #af9dd3;
  --color-theme: var(--color-blue);
  --box-shadow: 0.8rem 0.8rem 1.2rem rgba(0, 0, 0, 0.05), -0.8rem -0.8rem 1.2rem #fff;
  --box-shadow-hover: 1rem 1rem 1.5rem rgba(0, 0, 0, 0.08), -1rem -1rem 1.5rem #fff;
  --box-shadow-inset: inset 0.8rem 0.8rem 1.2rem rgba(0, 0, 0, 0.05), inset -0.8rem -0.8rem 1.2rem #fff;
  --box-shadow-dark: 0.8rem 0.8rem 1.2rem rgba(0, 0, 0, 0.1), -0.8rem -0.8rem 1.2rem rgba(255, 255, 255, 0.2);
}

.roboto-thin {
  font-family: "Roboto", sans-serif;
  font-weight: 100;
  font-style: normal;
}

.roboto-regular {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.roboto-bold {
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-style: normal;
}

_:lang(x)::-internal-media-controls-overlay-cast-button, img {
  image-rendering: -webkit-optimize-contrast;
}

/*--------------------------------------------------------------
/pub/template/
--------------------------------------------------------------*/
/* *****************************************
/*+  common  +******************************
/***************************************** */
body {
  margin: 0;
  padding: 0;
}
@media (min-width: 513px) {
  body {
    background-color: #eaf0f7;
  }
}

#template {
  max-width: 512px;
  overflow: hidden;
  margin: 0 auto;
  text-align: center;
  font-family: YakuHanRP, "Noto Sans JP", -apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","游ゴシック Medium",YuGothic,YuGothicM,メイリオ,Meiryo,sans-serif;
  background-color: #FFF;
  -moz-font-feature-settings: "palt";
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
  letter-spacing: .16em;
  line-height: 1.65;
  font-size: 3.73333vw;
  color: var(--color-txt);
  font-weight: 400;
}
@media (min-width: 513px) {
  #template {
    box-shadow: 0px 0px 54px 0px rgba(0, 0, 0, 0.3);
  }
}
@media (min-width: 513px) {
  #template {
    font-size: 19.11467px;
  }
}
#template a {
  color: var(--color-theme);
  text-decoration: underline;
}
#template a:link, #template a:visited {
  color: var(--color-theme);
  text-decoration: underline;
}
#template a:hover, #template a:active {
  color: var(--color-theme);
  text-decoration: none;
}
@media (min-width: 513px) {
  #template a[href*="tel:"] {
    pointer-events: none;
    cursor: default;
    text-decoration: none;
  }
  #template a {
    transition: .3s all;
  }
  #template a:hover {
    opacity: .7;
  }
}
#template * {
  margin: 0;
  padding: 0;
}
#template div, #template h1, #template h2, #template h3, #template h4, #template h5, #template h6, #template form, #template fieldset, #template p, #template th, #template td, #template dl, #template dt, #template dd {
  line-height: 1.65;
}
#template img, #template input[type="image"] {
  width: 100%;
  height: auto;
  display: block;
  vertical-align: bottom;
}
#template video {
  width: 100%;
  height: auto;
  display: block;
}
#template ol, #template ul {
  list-style: none;
}
#template sup {
  font-size: 60%;
  vertical-align: top;
  position: relative;
  top: -0.1em;
  letter-spacing: .05em;
}
#template .clearfix:after {
  content: "";
  display: block;
  clear: both;
}
#template *, #template *:before, #template *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#template .fade {
  transition: 0.5s;
}
#template .fade:hover {
  opacity: .75;
}
#template .bold {
  font-weight: 700;
}
#template .txt-blue {
  color: var(--color-blue);
}
#template .notes {
  margin: 0 5.33333%;
}
#template .note {
  -moz-font-feature-settings: "palt";
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
  letter-spacing: .16em;
  line-height: 1.65;
  font-size: 2.4vw;
  text-align: left;
  letter-spacing: 0.05em;
  color: #404040;
}
@media (min-width: 513px) {
  #template .note {
    font-size: 12.288px;
  }
}
#template .note li {
  letter-spacing: normal;
  text-indent: -1em;
  padding-left: 1em;
}
#template dl.note {
  display: flex;
  flex-wrap: wrap;
  line-height: 1.4;
  text-align: left;
}
#template dl.note dt {
  width: 1em;
}
#template dl.note dd {
  width: calc(100% - 1em);
}
#template dl.note.numbering dt {
  width: 2em;
}
#template dl.note.numbering dd {
  width: calc(100% - 2em);
}
#template .tr {
  text-align: right;
}
#template .tl {
  text-align: left;
}
#template .tc {
  text-align: center;
}
#template .under-line {
  background: linear-gradient(0deg, #f9ba00 15%, white 15%);
}
#template #footer {
  padding: 1em 0;
}
#template .fadeIn {
  opacity: 0;
  transition: .3s;
}
#template .fadeIn.lazyloaded {
  opacity: 1;
}

.effected, .effected::before, .effected::after {
  opacity: 1 !important;
  transform: translate(0, 0) scale(1, 1) !important;
}

/* *****************************************
/*+  content  +********************************
/***************************************** */
/*+ common object + ------------------------------ */
#template .colored_btn, #template a.colored_btn {
  position: relative;
  color: #FFF;
  background-color: var(--color-theme);
  border-radius: 999px;
  display: inline-block;
  -moz-font-feature-settings: "palt";
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
  letter-spacing: .16em;
  line-height: 1.65;
  font-size: 3.46667vw;
  text-decoration: none;
  font-weight: bold;
  padding: .6em 3em;
}
@media (min-width: 513px) {
  #template .colored_btn, #template a.colored_btn {
    font-size: 17.74933px;
  }
}
#template .colored_btn.icon-plus::before, #template .colored_btn.icon-plus::after, #template a.colored_btn.icon-plus::before, #template a.colored_btn.icon-plus::after {
  content: "";
  display: block;
  position: absolute;
  width: .85em;
  height: 2px;
  background-color: #FFF;
  right: 1em;
  top: calc(50% - 1px);
}
#template .colored_btn.icon-plus::after, #template a.colored_btn.icon-plus::after {
  transform: rotate(90deg);
  transition: all .3s;
}
#template .colored_btn.icon-plus.active::after, #template a.colored_btn.icon-plus.active::after {
  transform: rotate(180deg);
  opacity: 0;
}
#template .colored_btn.icon-arrow::after, #template a.colored_btn.icon-arrow::after {
  content: "";
  display: block;
  position: absolute;
  width: .6em;
  height: .6em;
  border-bottom: #FFF solid 2px;
  border-right: #FFF solid 2px;
  right: 1em;
  top: 50%;
  transform: translateY(-50%) rotate(-45deg);
}
#template .ul-yellow {
  background-image: linear-gradient(0deg, #fff155 30%, rgba(255, 241, 85, 0) 30%);
}

/*+ block + ------------------------------ */
#content > section, #content .area {
  position: relative;
  z-index: 0;
}
#content .mv {
  position: relative;
}
#content .cv {
  position: relative;
  background-color: var(--color-theme);
  padding: 0 0 calc( 80 / 750 * 100%);
  /* ショートCV */
}
#content .cv__teiki {
  position: relative;
}
#content .cv__teiki .cv_btn {
  display: block;
  width: calc( 300 / 750 * 100%);
  border: none;
  transition: all .3s;
}
#content .cv__teiki .cv_btn:hover {
  opacity: .9;
  transform: translateY(5px);
}
#content .cv__teiki .cv_btn_member {
  display: block;
  width: calc( 290 / 750 * 100% + 1px);
  border: var(--color-theme) solid clamp(1px, 0.26667vw, 1.36533px);
  border-radius: 999px;
  transition: all .3s;
}
#content .cv__teiki .cv_btn_member:hover {
  opacity: .7;
  transform: translateY(5px);
}
#content .cv__btn--90day {
  position: absolute;
  left: calc( 58 / 750 * 100%);
  top: 0;
  margin: calc( 568 / 750 * 100%) 0 0;
}
#content .cv__btn--30day {
  position: absolute;
  right: calc( 58 / 750 * 100%);
  top: 0;
  margin: calc( 568 / 750 * 100%) 0 0;
}
#content .cv__btn_member--90day {
  position: absolute;
  left: calc( 63 / 750 * 100%);
  top: 0;
  margin-top: calc( 667 / 750 * 100%);
}
#content .cv__btn_member--30day {
  position: absolute;
  right: calc( 63 / 750 * 100%);
  top: 0;
  margin-top: calc( 667 / 750 * 100%);
}
#content .cv__normal {
  position: relative;
}
#content .cv__normal .cv_btn {
  cursor: pointer;
  display: block;
  width: calc( 418 / 750 * 100%);
  height: 0;
  padding-top: calc( 70 / 750 * 100%);
  border: none;
  text-indent: -9999px;
  background: url("../img/sp/cv_btn_normal.png") no-repeat 0 0/100% auto;
  transition: all .3s;
}
#content .cv__normal .cv_btn:hover {
  opacity: .9;
  transform: translateY(5px);
}
#content .cv__normal .cv_btn_member {
  cursor: pointer;
  display: block;
  width: calc( 380 / 750 * 100% + 1px);
  height: 0;
  padding: calc( 50 / 750 * 100%) 0 0;
  border: #FFF solid clamp(1px, 0.26667vw, 1.36533px);
  border-radius: 999px;
  text-indent: -9999px;
  background: url("../img/sp/cv_btn_normal_member.png") no-repeat 0 0/100% auto;
  transition: all .3s;
}
#content .cv__normal .cv_btn_member:hover {
  opacity: .7;
  transform: translateY(5px);
}
#content .cv__btn--normal {
  position: absolute;
  left: calc( 257 / 750 * 100%);
  top: 0;
  margin: calc( 295 / 750 * 100%) 0 0;
}
#content .cv__btn_member--normal {
  position: absolute;
  left: calc( 276 / 750 * 100%);
  top: 0;
  margin-top: calc( 385 / 750 * 100%);
}
#content .cv__service {
  margin-bottom: 1em;
}
#content .cv__note {
  color: #FFF;
  margin: calc( 50 / 750 * 100%) calc( 40 / 750 * 100%) 0;
  -moz-font-feature-settings: "palt";
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
  letter-spacing: .16em;
  line-height: 1.65;
  font-size: 2.4vw;
  letter-spacing: .1em;
  font-weight: 400;
}
@media (min-width: 513px) {
  #content .cv__note {
    font-size: 12.288px;
  }
}
#content .cv__note.numbering {
  letter-spacing: .1em;
  font-weight: 400;
}
#content .cv__guide {
  margin: calc( 40 / 750 * 100%) calc( 40 / 750 * 100%) 0;
  -moz-font-feature-settings: "palt";
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
  letter-spacing: .16em;
  line-height: 1.65;
  font-size: 3.2vw;
  letter-spacing: .05em;
}
@media (min-width: 513px) {
  #content .cv__guide {
    font-size: 16.384px;
  }
}
#content .cv__guide--item {
  margin-bottom: calc( 30 / 750 * 100%);
}
#content .cv__guide--item:last-child {
  margin-bottom: 0;
}
#content .cv__guide a {
  position: relative;
  color: #FFF;
  display: block;
  width: fit-content;
  min-width: calc( 600 / 750 * 100%);
  border: #FFF solid 1px;
  border-radius: 4px;
  text-decoration: none;
  margin: 0 auto;
  padding: .3em 2em;
}
#content .cv__guide a::after {
  content: "";
  display: block;
  position: absolute;
  right: .75em;
  top: 0;
  bottom: 0;
  width: .6em;
  height: .6em;
  margin: auto;
  border-right: #FFF solid 2px;
  border-bottom: #FFF solid 2px;
  transform: rotate(-45deg);
}
#content .cv-short__teiki {
  position: relative;
}
#content .cv-short__teiki--btn {
  position: absolute;
  left: calc( 70 / 750 * 100%);
  top: 0;
  margin-top: calc( 320 / 750 * 100%);
  width: calc( 610 / 750 * 100%);
  transition: all .3s;
}
#content .cv-short__teiki--btn:hover {
  opacity: .9;
  transform: translateY(5px);
}
#content .cv-short__normal {
  position: relative;
}
#content .cv-short__normal--btn {
  position: absolute;
  left: calc( 70 / 750 * 100%);
  top: 0;
  margin-top: calc( 100 / 750 * 100%);
  width: calc( 610 / 750 * 100%);
  transition: all .3s;
}
#content .cv-short__normal--btn:hover {
  opacity: .9;
  transform: translateY(5px);
}
#content .functional-claims {
  background-color: #c8dbf0;
  padding: calc( 80 / 750 * 100%) calc( 40 / 750 * 100%);
  color: var(--color-theme);
}
#content .functional-claims__ttl {
  font-weight: 700;
  font-size: 1.07em;
  margin-bottom: .5em;
}
#content .functional-claims__txt {
  font-size: 1.07em;
  text-align: left;
}
#content .imagecopy {
  padding-bottom: calc( 80 / 750 * 100%);
}
#content .voice {
  background-color: #FFF;
  padding: 0 0 calc( 80 / 750 * 100%);
}
#content .voice__note {
  margin: calc( 120 / 750 * 100%) calc( 40 / 750 * 100%) 0;
  -moz-font-feature-settings: "palt";
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
  letter-spacing: .16em;
  line-height: 1.65;
  font-size: 2.4vw;
  letter-spacing: .1em;
}
@media (min-width: 513px) {
  #content .voice__note {
    font-size: 12.288px;
  }
}
#content .voice__slider {
  margin: 1em 0 2em;
}
#content .voice__slider-item {
  border: 2px solid var(--color-theme);
  border-radius: .4em;
  text-align: left;
  margin: 0 2em;
  padding: 1em;
}
#content .voice__slider-item img {
  border: solid #b29667 clamp(2px, 0.4vw, 2.048px);
  border-radius: clamp(4px, 1.06667vw, 5.46133px);
}
#content .voice .slick-dots {
  position: absolute;
  bottom: -1.5em;
  left: 0;
  right: 0;
  display: flex;
  justify-content: center;
}
#content .voice .slick-dots li {
  position: relative;
  text-indent: -999em;
  margin: 0 .5em;
}
#content .voice .slick-dots li::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border: solid 0.3em var(--color-gray);
  border-radius: 50%;
}
#content .voice .slick-dots li.slick-active::after {
  border: solid 0.3em var(--color-theme);
}
#content .voice .slick-arrow {
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  display: block;
  width: calc( 30 / 750 * 100%);
  height: 0;
  margin: auto;
  padding: calc( 30 / 750 * 100%) 0 0;
  cursor: pointer;
  color: transparent;
  border: none;
  outline: none;
  background: transparent;
  z-index: 99;
}
#content .voice .slick-arrow.slick-disabled {
  visibility: hidden;
}
#content .voice .slick-prev {
  left: calc( 23 / 750 * 100%);
  border-left: var(--color-theme) solid 2px;
  border-bottom: var(--color-theme) solid 2px;
  transform: rotate(45deg);
}
#content .voice .slick-next {
  right: calc( 23 / 750 * 100%);
  border-left: var(--color-theme) solid 2px;
  border-bottom: var(--color-theme) solid 2px;
  transform: rotate(-135deg);
}
#content .commitment {
  background: #FFF url("../img/sp/commitment_bg.jpg") no-repeat center top/100% auto;
  padding-bottom: calc( 100 / 750 * 100%);
}
#content .commitment .inner {
  position: relative;
}
#content .commitment__ttl {
  margin-bottom: 2.5em;
}
#content .commitment__ttl::after {
  content: "";
  display: block;
  border-bottom: 2px solid var(--color-theme);
  width: 3em;
  margin: auto;
}
#content .commitment__lead {
  text-align: left;
  margin-bottom: calc( 100 / 750 * 100%);
}
#content .commitment__lead--subttl {
  color: var(--color-theme);
  font-size: 1.5em;
  font-weight: 600;
  line-height: 1.4;
  margin: calc( 120 / 750 * 100%) calc( 50 / 750 * 100%) 1em;
}
#content .commitment__lead--subttl:first-of-type {
  margin-top: 0;
}
#content .commitment__lead--txt {
  font-size: 1.14em;
  line-height: 1.8;
  margin: 0 calc( 50 / 750 * 100%) 1.5em;
}
#content .commitment__block {
  text-align: left;
  margin: 0 calc( 50 / 750 * 100%) calc( 40 / 750 * 100%);
  padding: 0 0 calc( 40 / 750 * 100%);
  border-bottom: #d6d8d7 solid 1px;
}
#content .commitment__block:last-of-type {
  margin-bottom: 0;
}
#content .commitment__head {
  -moz-font-feature-settings: "palt";
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
  letter-spacing: .16em;
  line-height: 1.65;
  font-size: 4.13333vw;
  letter-spacing: .03em;
  font-weight: 500;
  color: var(--color-theme);
  padding: 0 .5em 0 0;
  position: relative;
  cursor: pointer;
  display: flex;
  align-content: center;
}
@media (min-width: 513px) {
  #content .commitment__head {
    font-size: 21.16267px;
  }
}
#content .commitment__head .icon_num {
  align-self: center;
  -moz-font-feature-settings: "palt";
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
  letter-spacing: .16em;
  line-height: 1.65;
  font-size: 6.4vw;
  line-height: 1;
  letter-spacing: .02em;
  font-family: "Roboto", sans-serif;
  font-weight: 100;
  font-style: normal;
  padding-right: .4em;
  color: #666;
}
@media (min-width: 513px) {
  #content .commitment__head .icon_num {
    font-size: 32.768px;
  }
}
#content .commitment__head::before, #content .commitment__head::after {
  content: "";
  display: block;
  position: absolute;
  width: 0.6em;
  height: 1px;
  background-color: #FFF;
  right: 0.2em;
  top: 0;
  bottom: 0;
  margin: auto;
  z-index: 3;
}
#content .commitment__head::after {
  transform: rotate(90deg);
  transition: all .3s;
}
#content .commitment__head.active::after {
  transform: rotate(180deg);
}
#content .commitment__head-txt {
  align-self: center;
  margin: -.2em 0;
  line-height: 1.4;
}
#content .commitment__head-txt::after {
  content: "";
  display: block;
  position: absolute;
  width: 1em;
  height: 1em;
  background-color: var(--color-theme);
  border-radius: 50%;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  z-index: 2;
}
#content .commitment__content {
  -moz-font-feature-settings: "palt";
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
  letter-spacing: .16em;
  line-height: 1.65;
  font-size: 3.73333vw;
}
@media (min-width: 513px) {
  #content .commitment__content {
    font-size: 19.11467px;
  }
}
#content .commitment__content-inner {
  margin: 1em 0 0;
}
#content .commitment__content-inner > p, #content .commitment__content-inner > div {
  margin-bottom: 1em;
}
#content .commitment__content-inner > p:last-child, #content .commitment__content-inner > div:last-child {
  margin-bottom: 0;
}
#content .commitment__content-inner .point {
  color: var(--color-theme);
  -moz-font-feature-settings: "palt";
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
  letter-spacing: .16em;
  line-height: 1.65;
  font-size: 3.2vw;
}
@media (min-width: 513px) {
  #content .commitment__content-inner .point {
    font-size: 16.384px;
  }
}
#content .commitment__content-inner .point__list li {
  position: relative;
  margin-bottom: 0.5em;
  padding-left: .8em;
}
#content .commitment__content-inner .point__list li::before {
  content: "";
  position: absolute;
  display: block;
  width: 3px;
  height: 3px;
  background-color: var(--color-theme);
  left: 0;
  top: 0.7em;
  border-radius: 999px;
}
#content .commitment__summary {
  text-align: left;
  margin: calc( 160 / 750 * 100%) calc( 50 / 750 * 100%) calc( 100 / 750 * 100%);
}
#content .commitment__summary--pic {
  margin: 0 0 calc( 60 / 750 * 100%);
}
#content .commitment__summary--ttl {
  color: var(--color-theme);
  font-size: 1.5em;
  font-weight: 600;
  line-height: 1.4;
  margin: calc( 120 / 750 * 100%) 0 1em;
}
#content .commitment__summary--ttl:first-of-type {
  margin-top: 0;
}
#content .commitment__summary--txt {
  font-size: 1.14em;
  line-height: 1.8;
  margin: 0 0 1.5em;
}
#content .commitment__summary .point {
  color: var(--color-theme);
  -moz-font-feature-settings: "palt";
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
  letter-spacing: .16em;
  line-height: 1.65;
  font-size: 3.2vw;
}
@media (min-width: 513px) {
  #content .commitment__summary .point {
    font-size: 16.384px;
  }
}
#content .commitment__summary .point__list li {
  position: relative;
  margin-bottom: 0.5em;
  padding-left: .8em;
}
#content .commitment__summary .point__list li::before {
  content: "";
  position: absolute;
  display: block;
  width: 3px;
  height: 3px;
  background-color: var(--color-theme);
  left: 0;
  top: 0.7em;
  border-radius: 999px;
}
#content .commitment__linkbtn span {
  display: block;
  -moz-font-feature-settings: "palt";
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
  letter-spacing: .16em;
  line-height: 1.65;
  font-size: 2.93333vw;
}
@media (min-width: 513px) {
  #content .commitment__linkbtn span {
    font-size: 15.01867px;
  }
}
#content .service {
  background-color: #f7f6f2;
  margin: 0;
  padding: 0 0 calc( 100 / 750 * 100%);
}
#content .service__note {
  margin: 0 calc( 30 / 750 * 100%) 0;
  -moz-font-feature-settings: "palt";
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
  letter-spacing: .16em;
  line-height: 1.65;
  font-size: 2.4vw;
  letter-spacing: normal;
}
@media (min-width: 513px) {
  #content .service__note {
    font-size: 12.288px;
  }
}
#content .bnr_fixed {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  transition: opacity .3s, transform .3s;
  position: fixed;
  z-index: 9999;
  color: #FFF !important;
  text-decoration: none !important;
  background-color: var(--color-theme);
  border-radius: 50%;
  -moz-font-feature-settings: "palt";
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
  letter-spacing: .16em;
  line-height: 1.65;
  font-size: 3.2vw;
  line-height: 1.2;
  bottom: 0;
  right: calc( 20 / 750 * 100%);
  width: calc( 150 / 750 * 100%);
  aspect-ratio: 1 / 1;
  margin: 0 auto calc(20 / 750 * 100% );
  padding-top: .7em;
  opacity: 0;
  transform: translateY(20px);
  box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.35);
}
@media (min-width: 513px) {
  #content .bnr_fixed {
    font-size: 16.384px;
  }
}
@media print, screen and (min-width: 513px) {
  #content .bnr_fixed {
    font-size: 14px;
    width: calc(120px * 512 / 750);
    left: auto;
    right: 20px;
    margin-bottom: 20px;
  }
}
@media print, screen and (min-width: 732px) {
  #content .bnr_fixed {
    left: 0;
    right: calc( -1 * 512px - 120px);
  }
}
#content .bnr_fixed::after {
  content: "";
  display: block;
  background-color: #FFF;
  width: .8em;
  height: calc(tan(60deg) * .8em / 2);
  clip-path: polygon(0 0, 100% 0, 50% 100%);
  margin-top: .5em;
}
#content .bnr_fixed.is-active {
  opacity: 1;
  transform: translateY(0);
}

#template .guide {
  margin: 0;
  padding: 2em 0 0;
  letter-spacing: normal;
}
#template .guide .guidance {
  width: 42%;
  margin: 0 auto 5.33333%;
}
#template .guide #tokushou, #template .guide .company-outline, #template .guide .policy {
  margin-bottom: 1em;
}
#template .guide .note {
  text-align: left;
  margin: 0 4%;
}
#template .guide .note h3 {
  margin-top: 1em;
}
#template .guide .note p {
  margin-bottom: 1em;
}
#template .guide .returnTop {
  text-align: right;
  margin: 1.5em 3.125%;
}
#template .guide a {
  color: var(--color-theme);
  font-weight: 500;
}
#template .spec {
  margin: 0 calc( 30 / 750 * 100%);
  text-align: left;
  -moz-font-feature-settings: "palt";
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
  letter-spacing: .16em;
  line-height: 1.65;
  font-size: 2.66667vw;
  letter-spacing: normal;
}
@media (min-width: 513px) {
  #template .spec {
    font-size: 13.65333px;
  }
}
#template .spec__table dt {
  font-weight: 600;
}
#template .spec__table dd {
  padding: .25em 0 1em;
}
#template .spec__table .small {
  font-size: 70%;
}
#template .spec__todokede {
  display: block;
  margin: .25em 0 1em;
  padding: .5em 1em;
  border: 1px solid var(--color-gray);
}
#template .returnTop {
  text-align: right;
  margin: 1.5em 1em 0;
  -moz-font-feature-settings: "palt";
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
  letter-spacing: .16em;
  line-height: 1.65;
  font-size: 3.2vw;
  letter-spacing: normal;
}
@media (min-width: 513px) {
  #template .returnTop {
    font-size: 16.384px;
  }
}
#template .returnTop a {
  color: var(--color-theme);
  font-weight: 500;
}