@charset "UTF-8";
html {
-webkit-text-size-adjust: 100%;
box-sizing: border-box;
-moz-tab-size: 4;
-o-tab-size: 4;
tab-size: 4;
word-break: normal;
}

*, :after, :before {
background-repeat: no-repeat;
box-sizing: inherit;
}

:after, :before {
text-decoration: inherit;
vertical-align: inherit;
}

* {
margin: 0;
padding: 0;
}

hr {
color: inherit;
height: 0;
overflow: visible;
}

details, main {
display: block;
}

summary {
display: list-item;
}

small {
font-size: 80%;
}

[hidden] {
display: none;
}

abbr[title] {
border-bottom: none;
text-decoration: underline;
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted;
}

a {
background-color: transparent;
}

a:active, a:hover {
outline-width: 0;
}

code, kbd, pre, samp {
font-family: monospace, monospace;
}

pre {
font-size: 1em;
}

b, strong {
font-weight: bolder;
}

sub, sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}

sub {
bottom: -0.25em;
}

sup {
top: -0.5em;
}

table {
border-color: inherit;
text-indent: 0;
}

iframe {
border-style: none;
}

input {
border-radius: 0;
}

[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
height: auto;
}

[type=search] {
-webkit-appearance: textfield;
outline-offset: -2px;
}

[type=search]::-webkit-search-decoration {
-webkit-appearance: none;
}

textarea {
overflow: auto;
resize: vertical;
}

button, input, optgroup, select, textarea {
font: inherit;
}

optgroup {
font-weight: 700;
}

button {
overflow: visible;
}

button, select {
text-transform: none;
}

[role=button], [type=button], [type=reset], [type=submit], button {
cursor: pointer;
}

[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
border-style: none;
padding: 0;
}

[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button:-moz-focusring {
outline: 1px dotted ButtonText;
}

[type=reset], [type=submit], button, html [type=button] {
-webkit-appearance: button;
}

button, input, select, textarea {
background-color: transparent;
border-style: none;
}

a:focus, button:focus, input:focus, select:focus, textarea:focus {
outline-width: 0;
}

select {
-moz-appearance: none;
-webkit-appearance: none;
}

select::-ms-expand {
display: none;
}

select::-ms-value {
color: currentColor;
}

legend {
border: 0;
color: inherit;
display: table;
max-width: 100%;
white-space: normal;
}

::-webkit-file-upload-button {
-webkit-appearance: button;
color: inherit;
font: inherit;
}

[disabled] {
cursor: default;
}

img {
border-style: none;
}

progress {
vertical-align: baseline;
}

[aria-busy=true] {
cursor: progress;
}

[aria-controls] {
cursor: pointer;
}

[aria-disabled=true] {
cursor: default;
}

* {
box-sizing: border-box;
overflow-wrap: break-word;
word-wrap: break-word;
background-repeat: no-repeat;
}

html {
overflow-y: scroll;
font-weight: 400;
font-size: 62.5%;
}
@supports (-webkit-touch-callout: none) {
html {
height: -webkit-fill-available;
}
}

body {
position: relative;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 1.6rem;
letter-spacing: 0.06em;
font-family: var(--font-jp);
font-weight: 500;
background-color: var(--color-bg);
color: var(--color-text);
max-width: 750px;
margin: 0 auto;
}
@supports (-webkit-touch-callout: none) {
body {
min-height: 100vh;
min-height: -webkit-fill-available;
}
}

ol,
ul {
list-style: none;
}

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

select::-ms-expand {
display: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
font-weight: 400;
}

a,
button {
font-family: inherit;
font-size: inherit;
letter-spacing: inherit;
text-decoration: none;
color: inherit;
transition: all 0.3s;
}
a:hover,
button:hover {
opacity: 0.7;
}

.t-br {
display: block;
}

.t-ib {
display: inline-block;
}

.t-hidden {
display: none;
}

.t-hiddenSp {
display: none;
}

.t-taL {
text-align: left !important;
}

.t-taR {
text-align: right !important;
}

.t-taC {
text-align: center !important;
}
.t-bold {
font-weight: 600 !important;
}

.t-italic {
font-style: italic !important;
}

.t-ttU {
text-transform: uppercase !important;
}

.t-ttL {
text-transform: lowercase !important;
}

.t-caution-color {
color: var(--caution-color);
}

.t-mt0 {
margin-top: 0 !important;
}

.t-visuallyHidden {
clip: rect(0 0 0 0);
-webkit-clip-path: inset(50%);
clip-path: inset(50%);
width: 1px;
height: 1px;
margin: -1px;
overflow: hidden;
position: absolute;
white-space: nowrap;
}

:root {
--color-main: #67a5e5;
--color-black: #000;
--color-white: #fff;
--color-border-features: #8dbcec;
--font-jp: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium",
"游ゴシック", "Yu Gothic", sans-serif;
--font-en: "Garamond Premier Pro", "Roboto", sans-serif;
}

.m-wrapper {
width: 100%;
max-width: 1000px;
margin-left: auto;
margin-right: auto;
padding: 0 10px;
}

.l-header {
position: absolute;
padding: 7px 10px;
width: 100vw;
}
.l-header__logo {
max-width: 38.533%;
display: block;
}

.l-footer__inner {
background: #f9ecef;
padding: 25px 0 35px;
color: #444;
}
.l-footer__inner p {
font-size: 1.2rem;
font-weight: 500;
font-family: "Noto Sans CJK JP", sans-serif;
line-height: 1.8;
}
.l-footer__logo {
display: block;
text-align: center;
max-width: 73.8%;
margin: 0 auto 30px;
}
.l-footer__copy {
text-align: center;
font-size: 1rem;
font-family: "Noto Sans CJK JP", sans-serif;
letter-spacing: 0.08em;
padding: 10px 0;
}

.u-heart-beat-animation {
animation: fuwascale 3s infinite ease-in-out 0.8s alternate;
transition: 2s ease-in-out;
}

@keyframes fuwascale {
0%, 40%, 80% {
transform: scale(1);
}
20%, 60%, 100% {
transform: scale(0.96);
}
}
.c-listReason {
border: 3px solid #e75476;
border-radius: 5px;
padding: 25px 0 35px;
}
.c-listReason li:not(:last-child) {
margin-bottom: 50px;
}
.c-listReason li figure {
position: relative;
margin-bottom: 25px;
}
.c-listReason li figure > picture {
max-width: 85.91%;
width: 100%;
display: block;
transform: translateX(-13px);
}
.c-listReason li figure figcaption {
padding: 0 15px;
margin-top: 25px;
}
.c-listReason li figure figcaption span {
position: absolute;
top: 46%;
right: 9px;
max-width: 44.85%;
}
.c-listReason li figure figcaption span picture {
display: block;
}
.c-listReason li:nth-child(2n+2) picture {
margin-left: auto;
transform: translateX(13px);
}
.c-listReason li:nth-child(2) figure figcaption span {
left: -9px;
right: unset;
top: 11%;
}
.c-listReason li:nth-child(3) figure figcaption span {
top: 37%;
right: 25px;
}
.c-listReason li:nth-child(4) figure figcaption span {
top: -25px;
left: -20px;
}
.c-listReason__inner {
padding: 0 15px;
}
.c-listReason__inner h3 {
color: #fe7494;
font-weight: 700;
line-height: 1.5;
margin-bottom: 15px;
font-size: 2.2rem;
}
.c-listReason__inner h3 span {
font-size: 3rem;
}
.c-listReason__inner p {
color: #4f4e4e;
font-size: 1.4rem;
}
.c-listReason__inner p span {
color: #fe7494;
font-size: 1.5rem;
font-weight: 700;
background: linear-gradient(to top, #fdfb8d 0%, #fdfb8d 9px, rgba(253, 251, 141, 0) 9px, rgba(253, 251, 141, 0) 100%);
}
.c-listMenu {
margin-bottom: 23px;
}
.c-listMenu li {
padding: 0px 10px;
}
.c-listMenu li:not(:last-child) {
margin-bottom: 30px;
}
.c-listMenu ~ p {
text-align: center;
margin-bottom: 35px;
}
.c-listStep li {
background: #fff;
position: relative;
box-shadow: 0 6px 10px rgba(0, 0, 0, 0.2);
padding: 17px 15px 25px;
}
.c-listStep li:not(:last-child) {
margin-bottom: 75px;
}
.c-listStep li:not(:last-child)::before {
content: "";
width: 35px;
aspect-ratio: 70/69;
position: absolute;
left: 50%;
transform: translate(-50%, -50%);
background: url(../img/top/arrow-list-step.webp) no-repeat;
background-size: cover;
top: calc(100% + 37.5px);
}
.c-listStep li h3 {
text-align: center;
font-size: 1.8rem;
letter-spacing: 0.1em;
margin-bottom: 15px;
}
.c-listStep li h3 span {
display: block;
margin-bottom: 15px;
}
.c-listStep li h3 span picture {
height: 20px;
}
.c-listStep li figure {
text-align: center;
}
.c-listStep li figure > picture {
max-width: 43.33%;
display: block;
margin: 0 auto;
}
.c-listStep li figure figcaption {
text-align: left;
font-size: 1.4rem;
color: #4f4e4e;
margin-top: 10px;
}
.c-listFaq {
margin-bottom: 40px;
}
.c-listFaq dl {
border: 2px solid #19b4be;
padding: 0 15px;
border-radius: 7px;
}
.c-listFaq dl:not(:last-child) {
margin-bottom: 13px;
}
.c-listFaq dl dt,
.c-listFaq dl dd {
display: flex;
flex-wrap: wrap;
color: #4f4e4e;
font-size: 1.2rem;
letter-spacing: 0.05em;
}
.c-listFaq dl dt::before,
.c-listFaq dl dd::before {
content: "";
aspect-ratio: 1/1;
display: inline-block;
width: 30px;
}
.c-listFaq dl dt span,
.c-listFaq dl dd span {
display: block;
padding-left: 13px;
width: calc(100% - 30px);
}
.c-listFaq dl dt {
padding: 12px 0;
align-items: center;
font-weight: 700;
cursor: pointer;
}
.c-listFaq dl dt::before {
background: url(../img/top/txt-q.webp) no-repeat;
background-size: cover;
}
.c-listFaq dl dt span {
position: relative;
padding-right: 80px;
}
.c-listFaq dl dt span::before {
content: "";
width: 15px;
aspect-ratio: 1/1;
background: url(../img/top/icon-plus.webp) no-repeat;
background-size: cover;
position: absolute;
right: 15px;
top: 50%;
transform: translateY(-50%);
}
.c-listFaq dl dt.-active span::before {
background: url(../img/top/icon-minus.webp) no-repeat center center;
}
.c-listFaq dl dd {
overflow: hidden;
max-height: 0;
transition: all 0.3s;
position: relative;
align-items: flex-start;
}
.c-listFaq dl dd::after {
content: "";
width: 100%;
height: 1px;
border-top: 2px dotted #19b4be;
position: absolute;
left: 0;
top: 0;
}
.c-listFaq dl dd::before {
background: url(../img/top/txt-a.webp) no-repeat;
background-size: cover;
margin-top: 15px;
}
.c-listFaq dl dd span {
padding: 15px 0 15px 15px;
}

.c-titleReason {
position: relative;
z-index: 1;
margin-bottom: 50px;
}
.c-titleReason > picture {
max-width: 53.33%;
margin: 0 auto;
display: block;
}
.c-titleReason span {
display: block;
position: absolute;
max-width: 57.33%;
top: 60%;
z-index: -1;
left: 10px;
}

.p-mv {
margin-bottom: -26%;
}
.p-topCvr {
padding-bottom: 20px;
}
.p-topCvr figure {
margin-bottom: 20px;
text-align: center;
}
.p-topCvr__btn {
text-align: center;
}
.p-topCvr__btn span,
.p-topCvr__btn a {
display: block;
}
.p-topCvr__btn span {
margin-bottom: 10px;
}
.p-topWorry figure figcaption {
text-align: center;
margin-top: -7%;
}
.p-topWorry figure figcaption img {
max-width: 66.66%;
}
.p-topKannoa__box-white {
background: #e6f1fb;
padding: 40px 0 35px;
}
.p-topKannoa__box-white .m-wrapper > picture {
display: block;
margin-bottom: 45px;
}
.p-topKannoa__features {
position: relative;
padding: 30px 10px 30px 10px;
border: 3px solid var(--color-border-features);
background: #fff;
border-radius: 9px;
}
.p-topKannoa__features h3 {
color: #fff;
text-align: center;
font-size: 1.8rem;
letter-spacing: 0.06em;
line-height: 1.5;
position: absolute;
z-index: 1;
top: 0;
width: 100%;
display: flex;
justify-content: center;
transform: translateY(-60%);
left: 0;
}
.p-topKannoa__features h3 span {
background: var(--color-main);
padding: 1px 23px;
font-style: italic;
-webkit-clip-path: polygon(0 0, 100% 0, calc(100% - 7.5px) 50%, 100% 100%, 0 100%, 7.5px 50%);
clip-path: polygon(0 0, 100% 0, calc(100% - 7.5px) 50%, 100% 100%, 0 100%, 7.5px 50%);
}
.p-topKannoa__features ol li {
display: flex;
flex-wrap: wrap;
}
.p-topKannoa__features ol li:not(:last-child) {
margin-bottom: 25px;
}
.p-topKannoa__features ol li > span {
width: 35px;
font-family: var(--font-en);
color: #35a7e6;
letter-spacing: 0.06em;
line-height: 1;
font-size: 2.4rem;
border-right: 1px solid #35a7e6;
padding-right: 10px;
}
.p-topKannoa__features-inner {
width: calc(100% - 35px);
padding-left: 10px;
}
.p-topKannoa__features-inner h4,
.p-topKannoa__features-inner p {
font-family: "Noto Sans JP", sans-serif;
}
.p-topKannoa__features-inner h4 {
letter-spacing: 0.06em;
color: #00243a;
font-size: 1.6rem;
font-weight: 700;
line-height: 1.5;
}
.p-topKannoa__features-inner p {
color: #4f4e4e;
line-height: 1.71;
letter-spacing: 0;
margin-top: 10px;
font-size: 1.4rem;
}
.p-topKannoa__check {
padding: 30px 16px 0;
}
.p-topKannoa__check picture {
margin-bottom: 0 !important;
}
.p-topReason {
padding: 30px 0;
}
.p-topDefine {
padding: 40px 0;
text-align: center;
}
.p-topDefine figure:first-child {
margin-bottom: 23px;
}
.p-topDefine figure:nth-child(2) > picture {
max-width: 64.66%;
display: block;
margin: 0 auto;
}
.p-topDefine figure figcaption {
margin-top: 15px;
}
.p-topDefine figure figcaption picture {
max-width: 85.33%;
display: block;
margin: 0 auto;
}
.p-topPoint {
padding-bottom: 30px;
}
.p-topPoint__table {
padding: 0 10px 22px;
}
.p-topPromise {
padding-bottom: 40px;
}
.p-topPromise__border {
margin-top: 35px;
}
.p-topPromise__border picture {
display: block;
max-width: 82.66%;
margin: 0 auto;
transform: translateX(1.5%);
}
.p-topFollow {
background: #dbeff9;
padding-top: 10px;
padding-bottom: 40px;
}
.p-topFollow h2 {
margin-bottom: -5.5%;
}
.p-topFollow h2 picture {
display: block;
max-width: 93.81%;
}
.p-topFollow__box {
position: relative;
background: #fff;
border: 2px solid #6cb0cf;
border-radius: 5px;
padding: 30px 15px 25px;
}
.p-topFollow__inner > span {
position: absolute;
top: -7px;
transform: translateY(-65%);
right: -5px;
max-width: 67.6%;
}
.p-topFollow__inner h3,
.p-topFollow__inner p {
font-family: "Noto Sans CJK JP", sans-serif;
}
.p-topFollow__inner h3 {
color: #1c84b5;
letter-spacing: 0.05em;
font-size: 1.6rem;
line-height: 1;
font-weight: 700;
border-left: 3px solid #1c84b5;
padding-left: 10px;
margin: 15px 0;
}
.p-topFollow__inner p {
color: #4f4e4e;
font-weight: 500;
line-height: 1.5;
font-size: 1.4rem;
letter-spacing: 0.05em;
}
.p-topMenu {
padding-bottom: 37px;
}
.p-topMenu > figure {
margin-bottom: -10.5%;
}
.p-topMenu__btn {
text-align: center;
}
.p-topMenu__btn span,
.p-topMenu__btn a {
display: block;
}
.p-topMenu__btn span {
margin-bottom: 10px;
}
.p-topFlow {
background: #f9ecef;
padding: 45px 20px 50px;
}
.p-topFlow h2 {
text-align: center;
margin-bottom: 35px;
position: relative;
z-index: 1;
}
.p-topFlow h2 > picture {
display: block;
max-width: 49.2%;
margin: 0 auto;
}
.p-topFlow h2 span {
position: absolute;
left: 12px;
z-index: -1;
max-width: 47.61%;
top: 50%;
}
.p-topFaq {
padding: 40px 0 45px;
}
.p-topFaq h2 {
text-align: center;
position: relative;
z-index: 1;
margin-bottom: 60px;
}
.p-topFaq h2 > picture {
display: block;
max-width: 34.22%;
margin: 0 auto;
}
.p-topFaq h2 span {
position: absolute;
left: 50%;
transform: translateX(-55%);
z-index: -1;
max-width: 57%;
top: 50%;
}
.p-topFaq__btn {
text-align: center;
}
.p-topFaq__btn span,
.p-topFaq__btn a {
display: block;
}
.p-topFaq__btn span {
margin-bottom: 10px;
}
.p-topBtnFollow {
position: fixed;
width: 100%;
max-width: 750px;
left: 50%;
transform: translateX(-50%);
bottom: 0;
visibility: visible;
opacity: 1;
transition: all 0.3s;
}
.p-topBtnFollow.-hidden {
opacity: 0;
visibility: hidden;
}
.p-topBtnFollow__mens {
display: block;
margin-right: auto;
aspect-ratio: 159/160;
width: 80px;
margin-bottom: 10px;
}
.p-topBtnFollow__btn {
text-align: center;
background: rgba(255, 255, 255, 0.85);
padding: 8px 0 5px;
}
.p-topBtnFollow__btn span,
.p-topBtnFollow__btn a {
display: block;
}
.p-topBtnFollow__btn span {
margin-bottom: 10px;
}
@media print, screen and (min-width: 769px){
.t-hiddenSp {
display: block;
}
.t-hiddenPc {
display: none;
}
.t-taL-pc {
text-align: left !important;
}
.t-taR-pc {
text-align: right !important;
}
.t-taC-pc {
text-align: center !important;
}
.l-header {
padding: 15px 20px;
width: 100%;
}
}
@media print, screen and (min-width: 1600px){
.m-wrapper {
max-width: 1120px;
}
}
@media screen and (min-width: 560px){
.m-wrapper {
padding: 0 20px;
}
.l-footer__inner {
padding: 50px 0 70px;
}
.l-footer__inner p {
font-size: 2.4rem;
}
.l-footer__logo {
margin-bottom: 60px;
}
.l-footer__copy {
font-size: 2rem;
padding: 15px 0;
}
.c-listReason {
border-width: 6px;
border-radius: 10px;
padding: 55px 0 70px;
}
.c-listReason li:not(:last-child) {
margin-bottom: 100px;
}
.c-listReason li figure {
margin-bottom: 50px;
}
.c-listReason li figure > picture {
transform: translateX(-26px);
}
.c-listReason li figure figcaption {
margin-top: 50px;
}
.c-listReason li:nth-child(2n+2) picture {
transform: translateX(26px);
}
.c-listReason__inner h3 {
font-size: 4.4rem;
margin-bottom: 30px;
}
.c-listReason__inner h3 span {
font-size: 6rem;
}
.c-listReason__inner p {
font-size: 2.8rem;
}
.c-listReason__inner p span {
font-size: 3rem;
background: linear-gradient(to top, #fdfb8d 0%, #fdfb8d 17px, rgba(253, 251, 141, 0) 17px, rgba(253, 251, 141, 0) 100%);
}
.c-listMenu {
margin-bottom: 55px;
}
.c-listMenu li {
padding: 0 20px;
}
.c-listMenu li:not(:last-child) {
margin-bottom: 60px;
}
.c-listMenu ~ p {
margin-bottom: 70px;
}
.c-listStep li {
padding: 35px 30px 55px;
}
.c-listStep li:not(:last-child) {
margin-bottom: 150px;
min-height: 560px;
}
.c-listStep li:not(:last-child)::before {
width: 70px;
top: calc(100% + 75px);
}
.c-listStep li h3 {
font-size: 3.6rem;
margin-bottom: 30px;
}
.c-listStep li h3 span {
margin-bottom: 30px;
}
.c-listStep li h3 span picture {
height: auto;
}
.c-listStep li figure figcaption {
font-size: 2.8rem;
letter-spacing: 0.05em;
font-weight: 500;
margin-top: 20px;
}
.c-listFaq {
margin-bottom: 80px;
}
.c-listFaq dl {
border-radius: 15px;
border-width: 4px;
padding: 0 30px;
}
.c-listFaq dl:not(:last-child) {
margin-bottom: 25px;
}
.c-listFaq dl dt,
.c-listFaq dl dd {
font-size: 2.4rem;
}
.c-listFaq dl dt::before,
.c-listFaq dl dd::before {
width: 50px;
}
.c-listFaq dl dt span,
.c-listFaq dl dd span {
padding-left: 25px;
width: calc(100% - 50px);
}
.c-listFaq dl dt {
padding: 24px 0;
}
.c-listFaq dl dt span::before {
right: 35px;
width: 27px;
}
.c-listFaq dl dd::before {
margin-top: 30px;
}
.c-listFaq dl dd span {
padding: 30px 0 30px 25px;
}
.c-titleReason {
margin-bottom: 105px;
}
.c-titleReason span {
left: 20px;
}
.p-topCvr {
padding-bottom: 40px;
}
.p-topCvr figure {
margin-bottom: 40px;
}
.p-topCvr__btn span {
margin-bottom: 20px;
}
.p-topKannoa__box-white {
padding: 80px 0 65px;
}
.p-topKannoa__box-white .m-wrapper > picture {
margin-bottom: 95px;
}
.p-topKannoa__features {
padding: 60px 16px 60px 16px;
border-radius: 18px;
border-width: 6px;
}
.p-topKannoa__features h3 {
font-size: 3.6rem;
}
.p-topKannoa__features h3 span {
padding: 1px 45px;
-webkit-clip-path: polygon(0 0, 100% 0, calc(100% - 15px) 50%, 100% 100%, 0 100%, 15px 50%);
clip-path: polygon(0 0, 100% 0, calc(100% - 15px) 50%, 100% 100%, 0 100%, 15px 50%);
}
.p-topKannoa__features ol li:not(:last-child) {
margin-bottom: 50px;
}
.p-topKannoa__features ol li > span {
border-width: 2px;
width: 70px;
font-size: 4.8rem;
}
.p-topKannoa__features-inner {
width: calc(100% - 70px);
padding-left: 25px;
}
.p-topKannoa__features-inner h4 {
font-size: 3.2rem;
}
.p-topKannoa__features-inner p {
font-size: 2.8rem;
margin-top: 20px;
}
.p-topKannoa__check {
padding: 60px 32px 0;
}
.p-topDefine figure:first-child {
margin-bottom: 46px;
}
.p-topDefine figure figcaption {
margin-top: 30px;
}
.p-topPoint {
padding-bottom: 60px;
}
.p-topPoint__table {
padding: 0 20px 44px;
}
.p-topPromise {
padding-bottom: 80px;
}
.p-topPromise__border {
margin-top: 70px;
}
.p-topFollow {
padding-bottom: 80px;
}
.p-topFollow__box {
border-width: 4px;
padding: 65px 35px 50px;
border-radius: 10px;
}
.p-topFollow__inner > span {
right: -15px;
top: 0;
}
.p-topFollow__inner h3 {
font-size: 3.2rem;
padding-left: 25px;
margin-top: 35px;
margin-bottom: 30px;
border-width: 6px;
}
.p-topFollow__inner p {
font-size: 2.8rem;
}
.p-topMenu {
padding-bottom: 74px;
}
.p-topMenu__btn span {
margin-bottom: 20px;
}
.p-topFlow {
padding: 90px 40px 100px;
}
.p-topFlow h2 {
margin-bottom: 70px;
}
.p-topFlow h2 span {
left: 25px;
top: 0%;
}
.p-topFaq {
padding: 80px 0 90px;
}
.p-topFaq h2 {
margin-bottom: 120px;
}
.p-topFaq h2 span {
top: 10%;
}
.p-topFaq__btn span {
margin-bottom: 20px;
}
.p-topBtnFollow__mens {
width: 159px;
margin-bottom: 20px;
}
.p-topBtnFollow__btn {
padding: 15px 0 10px;
}
.p-topBtnFollow__btn span {
margin-bottom: 20px;
}
}


header {
text-align: left;
padding: 0px 20px;
}
header img {
width: 50%;
}
main {
padding: 40px 20px 80px;
}
main h2 {
text-align: center;
font-weight: bold;
margin-bottom: 30px;
color: #444
}
main li a{
background-image: -moz-linear-gradient( 90deg, rgb(211,28,70) 0%, rgb(231,84,118) 94%);
background-image: -webkit-linear-gradient( 90deg, rgb(211,28,70) 0%, rgb(231,84,118) 94%);
background-image: -ms-linear-gradient( 90deg, rgb(211,28,70) 0%, rgb(231,84,118) 94%);
box-shadow: 0px 3px 0px 0px rgba(64, 0, 14, 0.3);
font-size: 1.8rem;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
height: 60px;
padding: 15px;
border: 2px solid #fff;
border-radius: 12px;
text-align: center;
color: #fff;
font-weight: bold;
border-radius: 50px;
}
main li:not(:first-child) {
margin-top: 15px;
}

.breadcrumb {
font-size: 10px;
padding: 20px;
}