@charset "UTF-8";
:root {
  -ms-overflow-style: -ms-autohiding-scrollbar;
  overflow-y: scroll;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%
}
* {
  font-size: inherit;
  line-height: inherit
}
::after, ::before {
  text-decoration: inherit;
  vertical-align: inherit
}
*, ::after, ::before {
  border-style: solid;
  border-width: 0
}
* {
  margin: 0;
  padding: 0
}
:root {
  box-sizing: border-box;
  cursor: default;
  text-rendering: optimizeLegibility
}
.lazyload {
  opacity: 0;
}
.lazyloaded {
  opacity: 1;
  transition: all 500ms;
}
/* reset============================================== */
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, font, 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 {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}
ol, ul {
  list-style: none;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
  content: '';
  content: none;
}
:focus {
  outline: 0;
}
ins {
  text-decoration: none;
}
del {
  text-decoration: line-through;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
input, button, select, textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
button {
  padding: 0;
  border: none;
  outline: none;
  font: inherit;
  color: inherit;
  background: none;
}
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}
:after, :before {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
/* clearfix============================================== */
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
.clearfix {
  min-height: 1px;
}
* html .clearfix {
  height: 1px;
}
/* body============================================== */
html, body {
  height: 100%;
  font-size: 1.4rem;
  color: #09132c;
  line-height: 1;
  letter-spacing: 0;
  background-color: #f6edf7;
  -webkit-font-smoothing: antialiased;
  -webkit-text-rendering: optimizelegibility;
  -webkit-text-size-adjust: 100%;
  margin: auto;
  -webkit-font-smoothing: antialiased;
  overflow-wrap: break-word;
  word-wrap: break-word;
  font-feature-settings: "palt";
  font-family: 'Noto Sans JP', sans-serif, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0;
}
html {
  font-size: 10px;
}
@media only screen and (min-width: 1800px) {
  html {
    font-size: 11px;
  }
}
h1, h2, h3, h4, h5 {
  font-weight: 700;
}
img {
  width: 100%;
  max-width: 100%;
  height: auto;
}
#container {
  width: 100%;
  height: auto;
  position: relative;
  margin: 0 auto;
  overflow: hidden;
}
.l-main {
  width: 100%;
}
.l-container {
  position: relative;
}
.l-content {
  position: relative;
}
.meta-text {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 0;
}
.c-vrtcl {
  -ms-writing-mode: tb-rl;
  -webkit-writing-mode: vertical-rl;
  writing-mode: vertical-rl;
  font-feature-settings: 'pkna';
}
.bodr-rds {
  border-radius: 9999px;
}
a {
  color: #ff6083;
  text-decoration: none;
  cursor: pointer !important;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  display: block;
}
.pc-block {
  display: block;
}
.sp-block {
  display: none;
}
.txt-l {
  text-align: left !important;
}
/* mouse-set text ============================================== */
.mouse-set {
  position: relative;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  pointer-events: auto;
}
.mouse-set a .mouse-on {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  overflow: hidden;
  position: relative;
}
.mouse-set:hover .mouse-on {
  background-color: #e0d8c2;
}
/* mouse-set img ============================================== */
.mouse-set a .mouse-on__inner {
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  position: relative;
  z-index: 0;
  -webkit-transform: scale(1.0);
  transform: scale(1.0);
}
.mouse-set a:hover .mouse-on__inner {
  -webkit-transform: scale(1.15);
  transform: scale(1.15);
}
/* mouse-line============================================== */
.mouse-line {
  background: url(../img/common/mouse-line.png) no-repeat left bottom;
  background-size: 100% 1px;
}
.mouse-line.line-white {
  background: url(../img/common/mouse-line-white.png) no-repeat left bottom;
}
.mouse-set .mouse-line {
  -webkit-transition: background-size .3s cubic-bezier(.65, .4, .003, 1) 0s;
  transition: background-size .3s cubic-bezier(.65, .4, .003, 1) 0s;
  background-position: right bottom;
  background-size: 0 1px;
}
.mouse-set a:hover .mouse-line {
  -webkit-animation: mouseline .5s cubic-bezier(.65, .4, .003, 1) 0s;
  animation: mouseline .5s cubic-bezier(.65, .4, .003, 1) 0s;
}
.mouse-set a:hover .mouse-line {
  -webkit-animation: none;
  animation: none;
  background-position: left bottom;
  background-size: 100% 1px;
}
@-webkit-keyframes mouseline {
  0% {
    background-position: right bottom;
    background-size: 100% 4px;
  }
  50% {
    background-position: right bottom;
    background-size: 0 4px;
  }
  51% {
    background-position: left bottom;
    background-size: 0 4px;
  }
  100% {
    background-position: left bottom;
    background-size: 100% 4px;
  }
}
@keyframes mouseline {
  0% {
    background-position: right bottom;
    background-size: 100% 4px;
  }
  50% {
    background-position: right bottom;
    background-size: 0 4px;
  }
  51% {
    background-position: left bottom;
    background-size: 0 4px;
  }
  100% {
    background-position: left bottom;
    background-size: 100% 4px;
  }
}
/* line/arrow/move============================================== */
.link-text {
  position: relative;
  display: inline-block;
  margin: 6% auto 0;
}
.link-text a {
  color: #ff6083;
}
.u-line {
  display: block;
}
.u-line .u-line__inner {
  overflow: hidden;
  display: inline-block;
  position: relative;
}
.u-line .u-line__inner span {
  position: relative;
  display: inline-block;
}
.u-line .u-line__inner span:before {
  content: " ";
  display: block;
  width: 100%;
  height: .1rem;
  background: #ff6083;
  position: absolute;
  bottom: 0;
}
.mouse-set:hover .arrow-icon img, .mouse-set:hover .btn-arrow img, .mouse-set:hover .u-line .u-line__inner span:before {
  -webkit-animation: moveactive 0.5s cubic-bezier(0.58, 0.3, 0.005, 1) 0s 1;
  animation: moveactive 0.5s cubic-bezier(0.58, 0.3, 0.005, 1) 0s 1;
}
@-webkit-keyframes moveactive {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  50% {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
  50.01% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  to {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes moveactive {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  50% {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
  50.01% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  to {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
/* js-scroll__anime============================================== */
.js-scroll__anime, .js-visual__anime {
  height: auto;
  display: block;
  position: relative;
}
/* fade-set============================================== */
.js-fade__anime {
  transition: transform 1s ease 0s, opacity 1s ease 0s;
  opacity: 0;
  transform: translate3d(0, 30px, 0);
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  transition-duration: 1s;
}
.js-fade__anime.typ-b {
  transform: translate3d(0, 60px, 0);
}
.js-fade__anime.fade-left {
  transform: translate3d(-30px, 0, 0);
}
.js-fade__anime.fade-right {
  transform: translate3d(30px, 0, 0);
}
.active .js-fade__anime, .active.js-fade__anime {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}
/* link-btn ============================================== */
.link-btn {
  width: clamp(25.2rem, 19.273rem + 29.64vw, 41.5rem);
  position: relative;
  margin: 3.5% auto 0;
  display: flex;
  justify-content: center;
  background-color: #ffd602;
  box-shadow: 0 5px 0 0 #7f6a00;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
	overflow: hidden;
}
.hover .link-btn:hover {
  box-shadow: 0 0 rgba(0, 0, 0, 0.4);
  transform: translateY(2px);
}
.link-btn__inner {
  position: relative;
  display: block;
  width: 100%;
}
.link-btn__unit {
  width: 100%;
  margin: 0 auto;
  display: flex;
  padding: 3% 2%;
  align-items: center;
  position: relative;
  overflow: hidden;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
p.btn-icon {
  width: clamp(3rem, 2.127rem + 4.36vw, 5.4rem);
  height: clamp(3rem, 2.127rem + 4.36vw, 5.4rem);
  border-radius: 50%;
  background-color: #FFF;
  display: flex;
  justify-content: center;
  align-items: center;
}
p.btn-icon span {
  display: block;
  width: clamp(1.6rem, 1.091rem + 2.55vw, 3rem);
  margin-left: 4.7%;
}
p.btn-label {
  width: clamp(19rem, 14.782rem + 21.09vw, 30.6rem);
  position: relative;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  z-index: 2;
  margin-left: 1.8%;
}
p.btn-arrow {
  width: 2.2%;
  margin: 0;
  position: absolute;
  right: 3%;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 0;
  pointer-events: none;
}
p.btn-arrow span {
  width: 100%;
  overflow: hidden;
  display: block;
}
.link-btn__note {
  font-size: clamp(1.2rem, 1.064rem + 0.58vw, 1.5rem);
  text-align: center;
  margin: 5% auto 0;
}
.link-btn__note a {
  color: #ff6083;
  font-weight: 700;
  display: inline-block;
}
.link-btn__note a {
  color: #ff6083;
  font-weight: 700;
  display: inline-block;
}
/* l-header ============================================== */
#l-header {
  width: 100%;
  max-width: 50rem;
  height: auto;
  position: fixed;
  left: 0;
  right: 0;
  margin: auto;
  top: 0;
  -webkit-transition: all .1s linear;
  transition: all .1s linear;
  z-index: 30;
  padding: 2.6rem 1rem;
  border-top: solid 4px #0a2a82;
  background-color: #FFF;
}
#l-header:before {
  position: absolute;
  content: '';
  top: -5px;
  right: 0;
  width: 50%;
  height: 5px;
  background-color: #fe5f83;
}
@media screen and (min-width: 769px) {
  #l-header {
    background-color: transparent;
    padding: 2.3% 1.5% 0 1.5%;
    max-width: 100%;
  }
}
@media screen and (min-width: 1024px) {
  #l-header {
    max-width: 100%;
  }
}
.l-header__body {
  width: calc(100% - 0rem);
  margin: 0 auto;
  height: auto;
  position: relative;
}
.l-header__sitename {
  width: clamp(21rem, 16.455rem + 19.39vw, 31rem);
  height: auto;
  z-index: 10;
  position: absolute;
  left: 0;
  top: -2.1rem;
  display: flex;
  align-items: center;
}
.l-header__sitename a {
    padding: 1.1rem 0;
  }
.l-header__sitename p {
  position: relative;
}
.l-header__sitename p:first-child:before {
  position: absolute;
  content: '';
  width: .1rem;
  height: calc(100% - 2rem);
  background-color: #0a2a82;
  right: 0;
  top: 1rem;
}
.l-header__sitename p:first-child {
  width: 37%;
  padding-right: 4%;
  margin-right: 4.5%;
}
.l-header__sitename p:nth-child(2) {
  width: calc(100% - 37%);
}
@media screen and (min-width: 769px) {
  .l-header__sitename {
    top: -1.5rem;
  }
	.l-header__sitename a {
    padding: 1rem 0;
  }
}
/* lp-wrap ============================================== */
.l-lp-wrap {
  max-width: 50rem;
  margin: 5.6rem auto 0;
}
@media screen and (min-width: 769px) {
  .l-lp-wrap {
    margin: 0 auto;
  }
}
.l-lp-wrap:before {
  background-image: url(../img/common/lp-cover_pc.jpg);
  width: 100%;
  height: 100%;
  position: fixed;
  content: '';
  left: 0;
  top: 0;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: 0;
  background-position: center center;
}
/* l-content-wrap ============================================== */
.l-content-wrap {
  max-width: 50rem;
  height: auto;
  z-index: 2;
  background-color: #FFF;
  position: relative;
}
@media screen and (min-width: 769px) {
  .l-content-wrap {
    overflow: hidden;
    box-shadow: 0px 10px 15px 5px rgba(81, 113, 137, 0.3);
    border: solid 2px #000000;
    border-radius: 3rem 3rem 0 0;
    margin: 6.5rem auto 0;
  }

}
/* l-main__guidance ============================================== */
.l-main__guidance {
  width: 100%;
  padding: 3% 2%;
  position: relative;
  z-index: 2;
  background-color: #ff6083;
}
.l-main__guidance:before {
  background-image: url(../img/mainvisual/guidance-cover.png);
  width: 100%;
  height: 100%;
  position: absolute;
  content: '';
  left: 0;
  top: 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  z-index: 0;
}
.l-main__guidance p {
  font-size: clamp(1.3rem, 1.118rem + 0.91vw, 1.8rem);
  text-align: center;
  color: #FFF;
  font-weight: 700;
  position: relative;
  z-index: 2;
  line-height: 1.3;
  letter-spacing: .05em;
}
/* l-main__visual ============================================== */
.l-main__visual {
  width: 100%;
  position: relative;
  z-index: 3;
}
.l-main__visual:after {
  right: 0;
  left: 0;
  margin: auto;
  width: 2rem;
  height: 1rem;
  top: -.1rem;
  background-color: #ff6083;
  display: grid;
  padding: 0;
  place-items: center;
  clip-path: polygon(0 0, 100% 0, 50% 100%);
  position: absolute;
  content: '';
  z-index: 2;
}
.l-main__visual:before {
  background-image: url(../img/mainvisual/mainvisual-cover.jpg);
  width: 100%;
  height: 100%;
  position: absolute;
  content: '';
  left: 0;
  top: 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  z-index: 0;
}
.l-main__body {
  width: calc(100% - 2rem);
  position: relative;
  margin: 0 auto;
  z-index: 3;
  padding: 7.5% 0 6%;
}
@media screen and (min-width: 541px) {
  .l-main__body {
    width: calc(100% - 4rem);
  }
}
.main-title {
  width: 100%;
  padding: 0 1% 0 0;
}
.main-batch {
  position: absolute;
  top: -5.5%;
  right: 1.2%;
  width: 28%;
}
/* p-section__index ============================================== */
.p-section__index {
  position: relative;
  z-index: 2;
  text-align: center;
}
.p-section__index p {
  margin: 0 auto;
}
.p-section__index h2 {
  font-size: clamp(1.6rem, 1.418rem + 0.78vw, 2rem);
  color: #FFF;
  background-color: #0a2a82;
  border-radius: .4rem;
  padding: 2.8% 2% 3.4%;
  position: relative;
}
.p-section__index h2.pink-bg {
  background-color: #ff6083;
  border-radius: 1rem 1rem 0 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.p-section__index h2:after {
  right: 0;
  left: 0;
  margin: auto;
  width: 2.4rem;
  height: 1.2rem;
  bottom: -.7rem;
  background-color: #0a2a82;
  display: grid;
  padding: 0;
  place-items: center;
  clip-path: polygon(0 0, 100% 0, 50% 100%);
  position: absolute;
  content: '';
  z-index: 2;
}
.p-section__index h2.pink-bg:after {
  display: none;
}
/* p-top-method ============================================== */
.p-top-method {
  width: calc(100% - 3rem);
  position: relative;
  z-index: 0;
  margin: 8% auto 0;
}
@media screen and (min-width: 541px) {
  .p-top-method {
    width: calc(100% - 6rem);
  }
}
.p-top-method__body {
  width: 100%;
  position: relative;
}
.method-flow {
  width: 100%;
  position: relative;
  margin: 6.2% auto 0;
}
.method-flow__lst {
  width: 100%;
  margin-bottom: 4.2%;
  padding-bottom: 4.2%;
  display: flex;
  border-bottom: dashed 1px #7b8894;
}
.method-flow__lst:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border: 0;
}
.method-flow__num {
  width: clamp(2.3rem, 1.982rem + 1.36vw, 3rem);
  height: clamp(2.3rem, 1.982rem + 1.36vw, 3rem);
  min-width: clamp(2.3rem, 1.982rem + 1.36vw, 3rem);
  min-height: clamp(2.3rem, 1.982rem + 1.36vw, 3rem);
  border-radius: .2rem;
  text-align: center;
  border: solid 1px #0a2a82;
  display: flex;
  align-items: center;
  justify-content: center;
}
.method-flow__num p {
  font-size: clamp(1.4rem, 1.218rem + 0.78vw, 1.8rem);
  color: #0a2a82;
  font-weight: 700;
  line-height: 1.3;
}
.method-flow__text {
  margin-left: 2.5%;
  padding-top: .2rem;
}
.method-flow__text p {
  font-size: clamp(1.4rem, 1.218rem + 0.78vw, 1.8rem);
  line-height: 1.3;
}
.method-flow__text span {
  display: inline-flex;
  font-weight: 700;
  color: #ff6083;
}
.method-note {
  width: 100%;
  background-color: #f1f4f6;
  border-radius: 1rem;
  padding: 6.8% 7.5%;
  margin: 9% auto 0;
}
.method-note__lst {
  width: 100%;
  padding-bottom: 3.8%;
  margin-bottom: 3.8%;
  border-bottom: dashed 1px #b0c2ce;
}
.method-note__lst:last-child {
  padding: 0;
  margin: 0;
  border: 0;
}
.method-note__text {
  position: relative;
  padding-left: 2.5%;
}
.method-note__text:before {
  width: clamp(0.3rem, 0.255rem + 0.19vw, 0.4rem);
  height: clamp(0.3rem, 0.255rem + 0.19vw, 0.4rem);
  border-radius: 50%;
  background-color: #0a2a82;
  position: absolute;
  content: '';
  left: 0;
  top: 19%;
}
.method-note__text p {
  font-size: clamp(1.1rem, 1.009rem + 0.39vw, 1.3rem);
  line-height: 1.4;
}
/* p-top-guide ============================================== */
.p-top-guide {
  width: calc(100% - 3rem);
  position: relative;
  z-index: 0;
  margin: 10% auto 0;
}
@media screen and (min-width: 541px) {
  .p-top-guide {
    width: calc(100% - 6rem);
  }
}
.p-top-guide__body {
  width: 100%;
  position: relative;
}
.guide-unit {
  width: 100%;
  position: relative;
  border-radius: 1rem;
  border: solid 1px #0a2a82;
  padding: 7.8% 0 9%;
}
.guide-logo {
  width: 100%;
  padding-bottom: 7%;
  border-bottom: dashed 1px #7b8894;
}
.guide-logo p:first-child {
  width: clamp(12rem, 10.182rem + 7.76vw, 16rem);
  margin: 0 auto;
}
.guide-logo p:last-child {
  font-size: clamp(1.4rem, 1.218rem + 0.78vw, 1.8rem);
  margin: 3.5% auto 0;
  text-align: center;
  font-weight: 700;
}
.guide-text {
  padding: 5.8% 8% 0;
}
.guide-text p {
  font-size: clamp(1.3rem, 1.118rem + 0.78vw, 1.7rem);
  line-height: 1.4;
  margin-bottom: 2.5%;
}
.guide-text p:last-child {
  margin-bottom: 0;
}
.normal-typ {
  width: clamp(18rem, 15.273rem + 11.64vw, 24rem);
  margin: 7% auto 0;
  background-color: #0a2a82;
  box-shadow: 0 5px 0 0 #061b54;
}
.normal-typ a {
  color: #FFF;
}
.normal-typ .link-btn__unit {
  justify-content: center;
  padding: 7% 2%;
}
.normal-typ p.btn-label {
  width: auto;
  font-weight: 700;
  margin: 0;
  font-size: clamp(1.2rem, 1.018rem + 0.78vw, 1.6rem);
}
.normal-typ p.btn-arrow {
  width: 3.2%;
  right: 6%;
  top: 52%;
}
/* p-top-notes ============================================== */
.p-top-notes {
  width: calc(100% - 0rem);
  position: relative;
  z-index: 0;
  margin: 13% auto 0;
  background-color: #ffe7ed;
  padding: 7% 0;
}
.p-top-notes__body {
  width: calc(100% - 3rem);
  margin: 0 auto;
  position: relative;
}
@media screen and (min-width: 541px) {
  .p-top-notes__body {
    width: calc(100% - 6rem);
  }
}
.p-section__index h2.pink-bg p:first-child {
  width: clamp(1.7rem, 1.564rem + 0.58vw, 2rem);
  margin: .2rem 0 0;
}
.p-section__index h2.pink-bg p:last-child {
  margin: 0 0 0 .5rem;
}
.notes-text {
  width: 100%;
  position: relative;
  border-radius: 0 0 1rem 1rem;
  border: solid 1px #ff6083;
  padding: 4.8% 0 6%;
  background-color: #FFF;
}
.notes-text p {
  font-size: clamp(1.3rem, 1.118rem + 0.78vw, 1.7rem);
  line-height: 1.4;
  text-align: center;
}
/* l-footer ============================================== */
.l-footer {
  width: 100%;
  padding: 9% 0;
  position: relative;
  border-bottom: solid 4px #0a2a82;
}
.l-footer:before {
  position: absolute;
  content: '';
  bottom: -4px;
  right: 0;
  width: 50%;
  height: 4px;
  background-color: #fe5f83;
}
.l-footer__body {
  width: 100%;
  margin: 0 auto;
  position: relative;
  z-index: 2;
}
.l-footer__nav {
  display: flex;
  align-items: center;
  justify-content: center;
}
.l-footer__nav p {
  font-size: clamp(1.2rem, 1.018rem + 0.78vw, 1.6rem);
  margin: 0 1rem;
}
.l-footer__nav p a {
  color: #09132c;
}
.hover .l-footer__nav p:hover a {
  color: #ff6083;
}
.copyright {
  font-size: clamp(1.1rem, 0.964rem + 0.58vw, 1.4rem);
  text-align: center;
  margin: 8% auto 0;
}
@supports (-ms-ime-align:auto) {
  .l-header__sitename {
    width: 31rem;
  }
  .l-main__guidance p {
    font-size: 1.8rem;
  }
	.l-main__visual:after {
		  display: none;
	}
  p.btn-icon {
    width: 5.4rem;
    height: 5.4rem;
  }
  p.btn-icon span {
    width: 3rem;
  }
  p.btn-label {
    width: 30.6rem;
  }
  .link-btn {
    width: 41.5rem;
  }
  .normal-typ {
    width: 24rem;
  }
  .p-section__index h2 {
    font-size: 2rem;
  }
  .method-flow__num {
    width: 3rem;
    height: 3rem;
  }
  .method-flow__num p {
    font-size: 1.8rem;
  }
  .guide-logo p:first-child {
    width: 16rem;
  }
  .p-section__index h2.pink-bg p:first-child {
    width: 2rem;
  }
  .l-footer__nav p {
    font-size: 1.6rem;
  }
  .copyright {
    font-size: 1.4rem;
  }
}