body {
color: #4d4d4d;
display: flex;
flex-direction: column;
font-family: "Noto Serif JP", serif;
min-height: 100vh
}
body.is-fixed {
overflow: hidden
}
main {
flex: 1
} *,
:after,
:before {
border-style: solid;
border-width: 0;
box-sizing: border-box
}
html {
-webkit-text-size-adjust: 100%;
-moz-text-size-adjust: 100%;
text-size-adjust: 100%;
-webkit-tap-highlight-color: transparent;
line-height: 1.15
}
body {
margin: 0
}
main {
display: block
}
address,
blockquote,
dl,
figure,
form,
iframe,
p,
pre,
table {
margin: 0
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-size: inherit;
font-weight: inherit;
margin: 0
}
ol,
ul {
list-style: none;
margin: 0;
padding: 0
}
dt {
font-weight: 700
}
dd {
margin-left: 0
}
hr {
border-top-width: 1px;
box-sizing: initial;
clear: both;
color: inherit;
height: 0;
margin: 0;
overflow: visible
}
pre {
font-family: monospace, monospace;
font-size: inherit
}
address {
font-style: inherit
}
a {
background-color: initial;
color: inherit;
text-decoration: none
}
abbr[title] {
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted
}
b,
strong {
font-weight: bolder
}
code,
kbd,
samp {
font-family: monospace, monospace;
font-size: inherit
}
small {
font-size: 80%
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: initial
}
sub {
bottom: -.25em
}
sup {
top: -.5em
}
embed,
iframe,
img,
object,
svg {
vertical-align: bottom
}
button,
input,
optgroup,
select,
textarea {
-webkit-appearance: none;
appearance: none;
background: #0000;
border-radius: 0;
color: inherit;
font: inherit;
margin: 0;
padding: 0;
text-align: inherit;
text-transform: inherit;
vertical-align: middle
}
[type=checkbox] {
-webkit-appearance: checkbox;
appearance: checkbox
}
[type=radio] {
-webkit-appearance: radio;
appearance: radio
}
[type=button],
[type=reset],
[type=submit],
button {
cursor: pointer
}
[type=button]:disabled,
[type=reset]:disabled,
[type=submit]:disabled,
button:disabled {
cursor: default
}
:-moz-focusring {
outline: auto
}
select:disabled {
opacity: inherit
}
fieldset,
option {
padding: 0
}
fieldset {
margin: 0;
min-width: 0
}
legend {
padding: 0
}
progress {
vertical-align: initial
}
textarea {
overflow: auto
}
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
height: auto
}
[type=search] {
outline-offset: -2px
}
[type=search]::-webkit-search-decoration {
-webkit-appearance: none;
appearance: none
}
::-webkit-file-upload-button {
-webkit-appearance: button;
appearance: button;
font: inherit
}
label[for] {
cursor: pointer
}
details {
display: block
}
summary {
display: list-item
}
[contenteditable]:focus {
outline: auto
}
table {
border-collapse: collapse;
border-color: inherit
}
caption {
text-align: left
}
td,
th {
padding: 0;
vertical-align: top
}
th {
font-weight: 700;
text-align: left
}
.c-header {
background: #fff;
position: fixed;
top: 0;
width: 100%;
z-index: 9999
}
.c-header__inner {
align-items: center;
display: flex;
height: 88px;
padding: 0 0 0 80px
}
@media screen and (max-width:767px) {
.c-header__inner {
height: 64px;
padding: 0 0 0 10px
}
}
@media screen and (max-width:600px) {
.c-header__inner {
height: 58px
}
}
.c-header__inner .c-header__logo {
max-width: 256px;
position: relative;
width: 100%;
z-index: 99999
}
@media screen and (max-width:767px) {
.c-header__inner .c-header__logo {
margin-right: 10px;
max-width: 161px
}
}
.c-header__inner .c-header__logo img {
height: auto;
width: 100%
}
.c-header__inner .c-header__menu {
margin-left: auto
}
.c-header__inner .c-header__tel {
align-items: center;
background: #47c4d0;
color: #fff;
display: flex;
font-size: 20px;
font-weight: 700;
height: 100%;
justify-content: center;
margin-left: 23px;
padding: 0 11px 0 23px;
text-shadow: 0 3px 6px #00000029
}
.c-header__inner .c-header__iconaccess {
align-items: center;
aspect-ratio: 1/1;
background: #47c4d04d;
display: flex;
flex-direction: column;
height: 100%;
justify-content: center;
margin-left: auto
}
.c-header__inner .c-header__iconaccess img {
height: auto;
width: 32px
}
@media screen and (max-width:767px) {
.c-header__inner .c-header__iconaccess img {
width: 22px
}
}
@media screen and (max-width:600px) {
.c-header__inner .c-header__iconaccess img {
width: 16px
}
}
.c-header__inner .c-header__iconaccess span {
color: #1895a0;
font-size: 14px;
font-weight: 500;
line-height: 1.6
}
@media screen and (max-width:767px) {
.c-header__inner .c-header__iconaccess span {
font-size: 12px
}
}
.c-header__inner .c-header__icontel {
align-items: center;
aspect-ratio: 1/1;
background: #47c4d080;
display: flex;
flex-direction: column;
height: 100%;
justify-content: center;
padding-top: 5px
}
@media screen and (max-width:600px) {
.c-header__inner .c-header__icontel {
padding-top: 3px
}
}
.c-header__inner .c-header__icontel img {
height: auto;
width: 36px
}
@media screen and (max-width:767px) {
.c-header__inner .c-header__icontel img {
width: 26px
}
}
@media screen and (max-width:600px) {
.c-header__inner .c-header__icontel img {
width: 20px
}
}
.c-header__inner .c-header__icontel span {
color: #1895a0;
font-size: 14px;
font-weight: 500;
line-height: 2
}
@media screen and (max-width:767px) {
.c-header__inner .c-header__icontel span {
font-size: 12px
}
}
.c-header__inner .c-header__drawer {
align-items: center;
aspect-ratio: 1/1;
background: #47c4d0;
cursor: pointer;
display: flex;
flex-direction: column;
gap: 7.4px;
height: 100%;
justify-content: center;
position: relative;
z-index: 99999
}
.c-header__inner .c-header__drawer.is-open .c-header__bars span:first-child {
top: 50%;
transform: rotate(45deg);
width: 100%
}
.c-header__inner .c-header__drawer.is-open .c-header__bars span:nth-child(2) {
opacity: 0
}
.c-header__inner .c-header__drawer.is-open .c-header__bars span:nth-child(3) {
top: 50%;
transform: rotate(-45deg);
width: 100%
}
.c-header__inner .c-header__drawer.is-open .text {
opacity: 0;
visibility: hidden
}
.c-header__inner .c-header__drawer .c-header__bars {
height: 16px;
position: relative;
width: 24px
}
@media screen and (max-width:600px) {
.c-header__inner .c-header__drawer .c-header__bars {
height: 13px;
width: 20px
}
}
.c-header__inner .c-header__drawer .c-header__bars span {
background: #fff;
display: block;
height: 1px;
left: 0;
position: absolute;
transition: opacity .3s, top .3s, width .3s, transform .3s
}
.c-header__inner .c-header__drawer .c-header__bars span:first-child {
top: 0;
width: 100%
}
.c-header__inner .c-header__drawer .c-header__bars span:nth-child(2) {
top: 50%;
width: 90%
}
.c-header__inner .c-header__drawer .c-header__bars span:nth-child(3) {
top: 100%;
width: 80%
}
.c-header__inner .c-header__drawer .text {
color: #fff;
font-size: 12px;
font-weight: 500;
opacity: 1;
transition: opacity .3s, visibility .3s;
visibility: visible
}
.c-footer {
background: #47c4d03b;
overflow: hidden
}
@media screen and (max-width:767px) {
.c-footer {
margin-bottom: 46px
}
}
.c-footer__inner {
max-width: 1400px;
padding-top: 59px
}
@media screen and (max-width:767px) {
.c-footer__inner {
padding-top: 40px
}
}
.c-footer__inner .c-footer__logo {
margin: 0 auto 36px;
max-width: 277px;
width: 100%
}
@media screen and (max-width:767px) {
.c-footer__inner .c-footer__logo {
margin: 0 auto 32px;
max-width: 221px
}
}
.c-footer__inner .c-footer__logo img {
height: auto;
width: 100%
}
.c-footer__inner .c-footer__btnarea {
align-items: center;
display: flex;
flex-wrap: wrap;
gap: 21px;
justify-content: center;
margin-bottom: 55px
}
@media screen and (max-width:767px) {
.c-footer__inner .c-footer__btnarea {
gap: 13px;
justify-content: flex-start;
margin-bottom: 38px
}
}
.c-footer__inner .c-footer__btnarea .c-footer__btn {
align-items: center;
background: #fff;
border-radius: 5px;
box-shadow: 0 3px 6px #00000029;
display: flex;
gap: 10px;
justify-content: center;
min-width: 192px;
padding: 13px
}
@media screen and (max-width:767px) {
.c-footer__inner .c-footer__btnarea .c-footer__btn {
min-width: 172px
}
}
.c-footer__inner .c-footer__btnarea .c-footer__btn img {
height: auto;
width: 43px
}
@media screen and (max-width:767px) {
.c-footer__inner .c-footer__btnarea .c-footer__btn img {
width: 32px
}
}
.c-footer__inner .c-footer__btnarea .c-footer__btn span {
color: #1895a0;
font-size: 18px;
line-height: 26/18
}
@media screen and (max-width:767px) {
.c-footer__inner .c-footer__btnarea .c-footer__btn span {
font-size: 16px
}
}
.c-footer__inner .c-footer__nav {
align-items: center;
display: flex;
flex-wrap: wrap;
gap: 32px;
margin-bottom: 27px
}
@media screen and (max-width:767px) {
.c-footer__inner .c-footer__nav {
column-count: 2;
display: block;
gap: 0;
margin-bottom: 20px
}
.c-footer__inner .c-footer__nav .c-footer-nav__item {
margin-bottom: 12px
}
}
.c-footer__inner .c-footer__nav .c-footer-nav__item a {
color: #015c64;
font-family: Noto Sans JP, sans-serif;
font-size: 18px;
font-weight: 500
}
@media screen and (max-width:767px) {
.c-footer__inner .c-footer__nav .c-footer-nav__item a {
font-size: 16px
}
}
.c-footer__inner .c-footer__listarea {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-bottom: 53px;
row-gap: 30px
}
@media screen and (max-width:767px) {
.c-footer__inner .c-footer__listarea {
flex-direction: column;
gap: 20px;
margin-bottom: 36px
}
}
.c-footer__inner .c-footer__listarea .c-footer__list:not(:first-child) {
margin-left: 10px
}
@media screen and (max-width:767px) {
.c-footer__inner .c-footer__listarea .c-footer__list:not(:first-child) {
margin-left: 0
}
}
.c-footer__inner .c-footer__listarea .c-footer__list:nth-child(2) .c-footer__child {
column-count: 2
}
.c-footer__inner .c-footer__listarea .c-footer__list .c-footer-list__title {
color: #015c64;
font-family: Noto Sans JP, sans-serif;
font-size: 18px;
font-weight: 500;
line-height: 1.4444444444;
margin-bottom: 14px
}
@media screen and (max-width:767px) {
.c-footer__inner .c-footer__listarea .c-footer__list .c-footer-list__title {
background: #47c4d0;
color: #fff;
font-size: 16px;
font-weight: 400;
margin-bottom: 0;
padding: 16px 0;
position: relative;
text-align: center
}
}
.c-footer__inner .c-footer__listarea .c-footer__list .c-footer-list__title.is-show:after {
transform: translateY(-50%) rotate(0deg)
}
.c-footer__inner .c-footer__listarea .c-footer__list .c-footer-list__title:after,
.c-footer__inner .c-footer__listarea .c-footer__list .c-footer-list__title:before {
background: #fff;
content: "";
display: none;
height: 1px;
position: absolute;
right: 25px;
top: 50%;
transform: translateY(-50%);
width: 16px
}
@media screen and (max-width:767px) {
.c-footer__inner .c-footer__listarea .c-footer__list .c-footer-list__title:after,
.c-footer__inner .c-footer__listarea .c-footer__list .c-footer-list__title:before {
display: block
}
}
.c-footer__inner .c-footer__listarea .c-footer__list .c-footer-list__title:after {
transform: translateY(-50%) rotate(90deg);
transition: transform .3s
}
@media screen and (max-width:767px) {
.c-footer__inner .c-footer__listarea .c-footer__list .c-footer__childwrap {
max-height: 0;
overflow: hidden;
transition: all .3s
}
}
.c-footer__inner .c-footer__listarea .c-footer__list .c-footer__childwrap .c-footer__child {
column-gap: 28px
}
@media screen and (max-width:767px) {
.c-footer__inner .c-footer__listarea .c-footer__list .c-footer__childwrap .c-footer__child {
background: #fff;
column-count: 2;
column-gap: 11px;
padding: 29px 16px
}
}
.c-footer__inner .c-footer__listarea .c-footer__list .c-footer__childwrap .c-footer__child .c-footer-child__item {
max-width: 240px
}
.c-footer__inner .c-footer__listarea .c-footer__list .c-footer__childwrap .c-footer__child .c-footer-child__item:not(:last-child) {
margin-bottom: 9px
}
@media screen and (max-width:767px) {
.c-footer__inner .c-footer__listarea .c-footer__list .c-footer__childwrap .c-footer__child .c-footer-child__item:not(:last-child) {
margin-bottom: 16px
}
}
.c-footer__inner .c-footer__listarea .c-footer__list .c-footer__childwrap .c-footer__child .c-footer-child__item a {
display: inline-block;
font-family: Noto Sans JP, sans-serif;
font-size: 14px;
font-weight: 500;
line-height: 1.4285714286;
padding-left: 1em;
text-indent: -1em
}
.c-footer__inner .c-footer__pt {
align-items: center;
background: #47c4d0;
border-radius: 50%;
bottom: 71px;
box-shadow: 0 3px 3px #00000029;
color: #fff;
cursor: pointer;
display: flex;
flex-direction: column;
font-family: Noto Sans JP, sans-serif;
font-size: 16px;
font-weight: 500;
gap: 6px;
height: 84px;
justify-content: center;
position: fixed;
right: 41px;
width: 84px;
z-index: 99
}
@media screen and (max-width:767px) {
.c-footer__inner .c-footer__pt {
bottom: 86px;
font-size: 10px;
gap: 3px;
height: 50px;
right: 8px;
width: 50px
}
}
.c-footer__inner .c-footer__pt span {
font-size: 24px
}
@media screen and (max-width:767px) {
.c-footer__inner .c-footer__pt span {
font-size: 14px
}
}
.c-footer__inner .c-footer__cr {
background: #1895a0;
margin: 0 calc(50% - 50vw);
padding: 6px 0;
text-align: center
}
.c-footer__inner .c-footer__cr .c-footer-cr__text {
color: #fff;
font-family: Noto Sans JP, sans-serif;
font-size: 14px;
font-weight: 500;
line-height: 1.4285714286
}
@media screen and (max-width:767px) {
.c-footer__inner .c-footer__cr .c-footer-cr__text {
font-size: 12px
}
}
@media screen and (max-width:1290px) {
.c-global-nav {
background: #47c4d0;
height: 100vh;
left: 0;
opacity: 0;
overflow-y: scroll;
padding: 140px 80px;
pointer-events: none;
position: fixed;
top: 0;
transition: opacity .3s, visibility .3s;
visibility: hidden;
width: 100%;
z-index: 9999
}
}
@media screen and (max-width:767px) {
.c-global-nav {
padding: 140px 50px
}
}
.c-global-nav.is-open {
opacity: 1;
pointer-events: auto;
visibility: visible
}
.c-global-nav .c-global-nav__list {
align-items: center;
display: flex;
gap: 26px
}
@media screen and (max-width:1290px) {
.c-global-nav .c-global-nav__list {
align-items: flex-start;
flex-direction: column;
gap: 36px
}
}
@media screen and (max-width:767px) {
.c-global-nav .c-global-nav__list {
gap: 18px
}
}
.c-global-nav .c-global-nav__list .c-global-nav__item {
position: relative
}
.c-global-nav__item_sp .c-global-nav__item_click .c-global-nav__item_click_span{
display:none;
}
@media screen and (max-width:1290px) {
.c-global-nav__item_sp .c-global-nav__item_slider {
display: none;
opacity: 0;
}
.c-global-nav__item_sp .c-global-nav__item_click .c-global-nav__item_click_span {
color: #fff;
font-size: 28px;
cursor: pointer;
font-weight: 500;
display:block;
}
.c-global-nav__item_sp .c-global-nav__item_click.is-active .c-global-nav__item_click_span {
display: none;
}
.c-global-nav__item_sp .c-global-nav__item_click.is-active .c-global-nav__item_slider{
display: grid;
opacity: 1;
animation: c-global-nav__item_slide 0.3s forwards;
}
}
@media screen and (max-width:767px) {
.c-global-nav__item_sp .c-global-nav__item_click .c-global-nav__item_click_span {
font-size: 16px
}
}
@keyframes c-global-nav__item_slide {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.c-global-nav .c-global-nav__list .c-global-nav__item a {
font-size: 16px;
font-weight: 500;
line-height: 1.4375
}
@media screen and (max-width:1290px) {
.c-global-nav .c-global-nav__list .c-global-nav__item a {
color: #fff;
font-size: 28px;
}
}
@media screen and (max-width:767px) {
.c-global-nav .c-global-nav__list .c-global-nav__item a {
font-size: 16px;
}
}
@media (min-width:47.9375em) {
.c-global-nav .c-global-nav__list .c-global-nav__item:hover .c-global-nav__child {
opacity: 1;
visibility: visible;
}
}
.c-global-nav .c-global-nav__list .c-global-nav__item .c-global-nav__child {
background: #47c4d0;
bottom: -20px;
column-gap: 30px;
display: grid;
grid-template-columns: repeat(3, 1fr);
left: -36px;
min-width: 202px;
opacity: 0;
padding: 13px 21px 16px 25px;
position: absolute;
transform: translateY(100%);
transition: opacity .3s, visibility .3s;
visibility: hidden
}
@media screen and (max-width:1290px) {
.c-global-nav .c-global-nav__list .c-global-nav__item .c-global-nav__child {
bottom: auto;
left: auto;
margin: 26px 0 0 24px;
min-width: auto;
opacity: 1;
padding: 0;
position: relative;
transform: none;
visibility: visible
}
}
@media screen and (max-width:767px) {
.c-global-nav .c-global-nav__list .c-global-nav__item .c-global-nav__child {
grid-auto-flow: row;
grid-template-columns: 1fr;
margin: 18px 0 0 18px
}
}
.c-global-nav .c-global-nav__list .c-global-nav__item .c-global-nav__child:before {
background: #47c4d0;
-webkit-clip-path: polygon(50% 0, 0 100%, 100% 100%);
clip-path: polygon(50% 0, 0 100%, 100% 100%);
content: "";
height: 10px;
left: 48px;
position: absolute;
top: 0;
transform: translateY(-100%);
width: 10px
}
.c-global-nav .c-global-nav__list .c-global-nav__item .c-global-nav__child .c-global-nav-child__item:not(:last-child) {
margin-bottom: 6px
}
.c-global-nav .c-global-nav__list .c-global-nav__item .c-global-nav__child .c-global-nav-child__item:nth-child(4n) {
margin-bottom: 0
}
@media screen and (max-width:1290px) {
.c-global-nav .c-global-nav__list .c-global-nav__item .c-global-nav__child .c-global-nav-child__item:not(:last-child) {
margin-bottom: 8px
}
}
@media screen and (max-width:767px) {
.c-global-nav .c-global-nav__list .c-global-nav__item .c-global-nav__child .c-global-nav-child__item:not(:last-child) {
margin-bottom: 8px
}
}
.c-global-nav .c-global-nav__list .c-global-nav__item .c-global-nav__child .c-global-nav-child__item a {
align-items: center;
color: #fff;
display: flex;
font-size: 14px;
font-weight: 700;
gap: 13px;
line-height: 1.4285714286;
min-width: 156px;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
word-break: break-all
}
@media screen and (max-width:1290px) {
.c-global-nav .c-global-nav__list .c-global-nav__item .c-global-nav__child .c-global-nav-child__item a {
font-size: 20px
}
}
@media screen and (max-width:767px) {
.c-global-nav .c-global-nav__list .c-global-nav__item .c-global-nav__child .c-global-nav-child__item a {
font-size: 14px;
white-space: wrap
}
}
.c-global-nav .c-global-nav__list .c-global-nav__item .c-global-nav__child .c-global-nav-child__item a img {
display: block;
height: auto;
margin-left: auto;
width: 7px
}
@media screen and (max-width:767px) {
.c-global-nav .c-global-nav__list .c-global-nav__item .c-global-nav__child .c-global-nav-child__item a img {
width: 5px
}
}
.c-container {
margin: 0 auto;
max-width: 1072px;
padding-left: 16px;
padding-right: 16px
}
.c-container--l {
max-width: 1240px
}
.c-cta {
position: fixed;
right: 0;
top: 176px;
z-index: 99
}
@media screen and (max-width:767px) {
.c-cta {
bottom: 0;
top: auto;
width: 100%
}
}
.c-cta__inner {
display: flex;
flex-direction: column;
gap: 16px
}
@media screen and (max-width:767px) {
.c-cta__inner {
flex-direction: row;
gap: 0;
width: 100%
}
}
.c-cta__inner .c-cta__btn {
align-items: center;
box-shadow: 0 2px 1px #00000029;
color: #fff;
display: flex;
font-size: 16px;
font-weight: 500;
justify-content: center;
letter-spacing: .1em;
padding: 14px 0 12px;
text-orientation: upright;
text-shadow: 0 2px 1px #00000029;
width: 56px;
writing-mode: vertical-lr
}
@media screen and (max-width:767px) {
.c-cta__inner .c-cta__btn {
font-size: 13px;
line-height: 1.4285714286;
writing-mode: horizontal-tb
}
}
.c-cta__inner .c-cta__btn:first-child {
background: #f4a6c0;
color: #222222;
}
@media screen and (max-width:767px) {
.c-cta__inner .c-cta__btn:first-child {
width: 29.4871794872%
}
}
.c-cta__inner .c-cta__btn:nth-child(2) {
background: #c0c0c0;
color: #222222;
}
@media screen and (max-width:767px) {
.c-cta__inner .c-cta__btn:nth-child(2) {
width: 29.4871794872%
}
}
.c-cta__inner .c-cta__btn:nth-child(3) {
background: #4a4a4a;
color: #fff;
}
@media screen and (max-width:767px) {
.c-cta__inner .c-cta__btn:nth-child(3) {
width: 41.0256410256%
}
}
.c-page-header {
margin-top: 88px
}
@media screen and (max-width:767px) {
.c-page-header {
margin-top: 64px
}
}
@media screen and (max-width:600px) {
.c-page-header {
margin-top: 58px
}
}
.c-page-header__inner .c-page-header__main {
position: relative
}
.c-page-header__inner .c-page-header__main .c-page-header__title {
color: #1895a0;
font-size: 40px;
font-weight: 700;
left: 10px;
line-height: 1.425;
position: absolute;
top: 50%;
transform: translateY(-50%);
z-index: 1
}
@media screen and (max-width:767px) {
.c-page-header__inner .c-page-header__main .c-page-header__title {
font-size: 32px
}
}
.c-page-header__inner .c-page-header__main .c-page-header__bg {
margin: 0 calc(50% - 50vw);
position: relative
}
.c-page-header__inner .c-page-header__main .c-page-header__bg:before {
background: #fff;
-webkit-clip-path: polygon(0 0, 100% 0, 86% 100%, 0 100%);
clip-path: polygon(0 0, 100% 0, 86% 100%, 0 100%);
content: "";
height: 100%;
left: 0;
opacity: .8;
position: absolute;
top: 0;
width: 45%
}
@media screen and (max-width:767px) {
.c-page-header__inner .c-page-header__main .c-page-header__bg:before {
width: 70%
}
}
.c-page-header__inner .c-page-header__main .c-page-header__bg img {
height: auto;
min-height: 300px;
object-fit: cover;
object-position: right;
width: 100%
}
@media screen and (max-width:767px) {
.c-page-header__inner .c-page-header__main .c-page-header__bg img {
max-height: 300px;
min-height: auto;
object-position: center
}
}
.c-page-header__inner .c-page-header__breadcrumbs {
margin-bottom: 50px;
margin-top: 30px
}
.c-breadcrumbs ul li {
display: inline
}
.c-breadcrumbs ul li a,
.c-breadcrumbs ul li span {
display: inline;
font-family: Noto Sans JP, sans-serif;
font-size: 14px;
line-height: 1.4285714286
}
.c-sec-title {
color: #1895a0;
text-align: center
}
.c-sec-title .c-sec-title__ja {
font-size: 16px;
font-weight: 700;
line-height: 1.4375
}
@media screen and (max-width:767px) {
.c-sec-title .c-sec-title__ja {
font-size: 14px
}
}
.c-sec-title .c-sec-title__en {
font-size: 48px;
font-weight: 700;
line-height: 1.4375
}
@media screen and (max-width:767px) {
.c-sec-title .c-sec-title__en {
font-size: 32px
}
}
.c-util-title {
color: #1895a0;
font-size: 32px;
font-weight: 700;
line-height: 1.4375;
margin-inline: auto;
padding-bottom: 10px;
padding-left: 8px;
padding-right: 8px;
position: relative;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content
}
@media screen and (max-width:767px) {
.c-util-title {
font-size: 24px
}
}
.c-util-title:after {
background: #1895a0;
bottom: 0;
content: "";
height: 1px;
left: 0;
position: absolute;
width: 100%
}
.c-news-item {
border-bottom: 1px solid #4d4d4d;
padding: 0 35px 13px
}
@media screen and (max-width:767px) {
.c-news-item {
padding: 0 16px 13px
}
}
.c-news-item .c-news-item__info {
align-items: center;
display: flex;
flex-wrap: wrap;
gap: 17px;
margin-bottom: 8px
}
.c-news-item .c-news-item__info .c-news-item__date {
font-size: 14px;
font-weight: 700;
line-height: 1.4285714286
}
@media screen and (max-width:767px) {
.c-news-item .c-news-item__info .c-news-item__date {
font-size: 13px
}
}
.c-news-item .c-news-item__info .c-news-item__cat {
background: #1895a0;
color: #fff;
font-size: 14px;
font-weight: 700;
line-height: 1.4285714286;
padding: 0 13px
}
@media screen and (max-width:767px) {
.c-news-item .c-news-item__info .c-news-item__cat {
font-size: 13px
}
}
.c-news-item .c-news-item__title {
font-size: 16px;
font-weight: 700;
line-height: 1.4375
}
@media screen and (max-width:767px) {
.c-news-item .c-news-item__title {
font-size: 14px
}
}
.c-btn {
background: #47c4d0;
box-shadow: 0 3px 6px #00000029;
color: #fff;
display: block;
font-size: 16px;
font-weight: 600;
line-height: 1.4375;
min-width: 280px;
padding: 16px 0 14px;
position: relative;
text-align: center;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content
}
@media screen and (max-width:767px) {
.c-btn {
font-size: 14px;
max-width: 280px;
min-width: auto;
width: 100%
}
}
.c-btn img {
position: absolute;
right: 12px;
top: 50%;
transform: translateY(-50%);
width: 33px
}
@media screen and (max-width:767px) {
.c-btn img {
width: 24px
}
}
.c-rec {
margin-bottom: 110px
}
@media screen and (max-width:767px) {
.c-rec {
margin-bottom: 64px
}
}
.c-rec__inner .c-rec__title {
margin-bottom: 58px
}
.c-rec__inner .c-rec__title .c-rec-title__en {
font-size: 40px;
line-height: 1
}
@media screen and (max-width:767px) {
.c-rec__inner .c-rec__title .c-rec-title__en {
font-size: 32px
}
}
.c-rec__inner .c-rec__contents .c-rec__items {
display: grid;
gap: 54px;
grid-template-columns: repeat(3, 1fr);
margin-bottom: 46px;
}
.c-rec__inner .c-rec__contents .c-rec__items.c-rec__items_sp {
display: none;
}
@media screen and (max-width:960px) {
.c-rec__inner .c-rec__contents .c-rec__items {
gap: 26px
}
}
@media screen and (max-width:767px) {
.c-rec__inner .c-rec__contents .c-rec__items.c-rec__items_pc {
display: none;
}
.c-rec__inner .c-rec__contents .c-rec__items.c-rec__items_sp {
display: block;
max-width: 300px;
width: fit-content;
gap: 16px;
margin: 0 auto 40px;
}
.c-rec__inner .c-rec__contents .c-rec__items_sp .swiper {
padding-bottom: 36px;
} 
}
.c-rec__inner .c-rec__contents .c-rec__items .c-rec__item a {
align-items: center;
display: flex;
flex-direction: column;
width: 100%
}
.c-rec__inner .c-rec__contents .c-rec__items .c-rec__item a .c-rec-item__thum {
aspect-ratio: 1/1;
margin-bottom: 24px;
width: 100%
}
@media screen and (max-width:767px) {
.c-rec__inner .c-rec__contents .c-rec__items .c-rec__item a .c-rec-item__thum {
margin-bottom: 12px;
}
}
.c-rec__inner .c-rec__contents .c-rec__items .c-rec__item a .c-rec-item__thum img {
aspect-ratio: 1/1;
height: 100%;
object-fit: cover;
width: 100%
}
.c-rec__inner .c-rec__contents .c-rec__items .c-rec__item a .c-rec-item__date {
display: block;
font-size: 14px;
font-weight: 700;
text-align: center
}
.c-rec__inner .c-rec__contents .c-rec__btn {
display: block;
margin-inline: auto
}
.c-deco-title {
color: #1895a0;
font-size: 32px;
font-weight: 700;
line-height: 1.4375;
padding: 0 67px;
position: relative;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content
}
@media screen and (max-width:767px) {
.c-deco-title {
font-size: 20px;
padding: 0 46px
}
}
.c-deco-title:after,
.c-deco-title:before {
background-image: url(//www.a-hifuka.com/wp-a-hifuka/wp-content/themes/a-derma/assets/img/top/title-deco.svg);
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
content: "";
height: 47px;
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 47px
}
@media screen and (max-width:767px) {
.c-deco-title:after,
.c-deco-title:before {
height: 30px;
width: 30px
}
}
.c-deco-title:before {
left: 0
}
.c-deco-title:after {
right: 0
}
.c-sec-btn {
background: #47c4d0;
box-shadow: 0 3px 4px #00000029;
display: flex;
max-width: 336px;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
width: 100%
}
.c-sec-btn .c-sec-btn__icon {
align-items: center;
background: #fff;
display: flex;
flex-shrink: 0;
justify-content: center;
padding: 12px 0;
width: 96px
}
.c-sec-btn .c-sec-btn__icon img {
height: auto;
width: 56px
}
.c-sec-btn .c-sec-btn__textarea {
align-items: center;
display: flex;
justify-content: center;
width: 100%
}
.c-sec-btn .c-sec-btn__textarea .c-sec-btn__text {
align-items: center;
color: #fff;
display: flex;
font-family: Noto Sans JP, sans-serif;
font-size: 20px;
font-weight: 500;
gap: 12px;
line-height: 1.35;
text-shadow: 0 3px 6px #00000029
}
@media screen and (max-width:767px) {
.c-sec-btn .c-sec-btn__textarea .c-sec-btn__text {
font-size: 16px
}
}
.c-sec-btn .c-sec-btn__textarea .c-sec-btn__text .bd {
border: 1px solid #fff;
font-size: 14px;
padding: 2px 7px
}
@media screen and (max-width:767px) {
.c-sec-btn .c-sec-btn__textarea .c-sec-btn__text .bd {
font-size: 12px
}
}
.c-bd-btn {
align-items: center;
background: #fff;
border: 2px solid #47c4d0;
color: #47c4d0;
display: flex;
font-size: 14px;
font-weight: 600;
gap: 16px;
justify-content: center;
line-height: 1.4285714286;
min-width: 216px;
padding: 10px;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content
}
@media screen and (max-width:767px) {
.c-bd-btn {
min-width: none
}
}
.c-bd-btn img {
height: auto;
width: 6px
}
.c-access .c-access__map {
margin-bottom: 80px
}
@media screen and (max-width:767px) {
.c-access .c-access__map {
margin-bottom: 40px
}
}
.c-access .c-access__map .c-access__iframewrap {
aspect-ratio: 1040/463
}
@media screen and (max-width:767px) {
.c-access .c-access__map .c-access__iframewrap {
aspect-ratio: 3/2
}
}
.c-access .c-access__map .c-access__iframewrap iframe {
height: 100%;
width: 100%
}
.c-access .c-access__info dl .c-access__row {
align-items: center;
border-bottom: 1px solid #d1d1d1;
display: flex;
gap: 47px;
padding-bottom: 12px;
padding-left: 68px
}
@media screen and (max-width:767px) {
.c-access .c-access__info dl .c-access__row {
align-items: flex-start;
flex-direction: column;
gap: 16px;
padding-left: 0
}
}
.c-access .c-access__info dl .c-access__row:not(:last-child) {
margin-bottom: 15px
}
.c-access .c-access__info dl .c-access__row dt {
background: #47c4d0;
color: #fff;
font-size: 16px;
font-weight: 700;
line-height: 1.4375;
min-width: 179px;
padding: 7px 0;
text-align: center;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content
}
@media screen and (max-width:767px) {
.c-access .c-access__info dl .c-access__row dt {
font-size: 14px;
min-width: 130px
}
}
.c-access .c-access__info dl .c-access__row dd {
font-family: Noto Sans JP, sans-serif;
font-size: 16px;
line-height: 1.5
}
@media screen and (max-width:767px) {
.c-access .c-access__info dl .c-access__row dd {
font-size: 14px
}
}
.c-head {
background: #f6fafb;
margin-top: -100px;
padding-bottom: 80px;
padding-top: 100px
}
.c-head__inner .c-head__title {
color: #1895a0;
font-size: 28px;
font-weight: 700;
line-height: 1.4285714286;
margin-bottom: 85px;
text-align: center
}
@media screen and (max-width:767px) {
.c-head__inner .c-head__title {
font-size: 22px;
margin-bottom: 40px
}
}
.c-head__inner .c-head__contents {
align-items: center;
display: flex;
gap: 147px
}
@media screen and (max-width:767px) {
.c-head__inner .c-head__contents {
flex-direction: column;
gap: 30px
}
}
.c-head__inner .c-head__contents .c-head__textarea .c-head__subtitle {
margin-bottom: 24px;
margin-left: 0
}
@media screen and (max-width:767px) {
.c-head__inner .c-head__contents .c-head__textarea .c-head__subtitle {
font-size: 18px
}
}
.c-head__inner .c-head__contents .c-head__textarea .c-head__text {
font-family: Noto Sans JP, sans-serif;
font-size: 16px;
line-height: 1.5
}
@media screen and (max-width:767px) {
.c-head__inner .c-head__contents .c-head__textarea .c-head__text {
font-size: 14px
}
}
.c-head__inner .c-head__contents .c-head__imgarea {
aspect-ratio: 382/286;
flex-shrink: 0;
max-width: 382px;
width: 36.7307692308%
}
.c-head__inner .c-head__contents .c-head__imgarea img {
height: 100%;
object-fit: cover;
width: 100%
}
.c-point {
background-image: url(//www.a-hifuka.com/wp-a-hifuka/wp-content/themes/a-derma/assets/img/common/bg.png);
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
box-shadow: 0 2px 1px #00000029
}
.c-point__inner {
padding-bottom: 81px;
padding-top: 32px
}
.c-point__inner .c-point__title {
margin-bottom: 80px
}
@media screen and (max-width:767px) {
.c-point__inner .c-point__title {
margin-bottom: 40px
}
}
.c-point__inner .c-point__items {
margin: 0 auto;
max-width: 920px
}
.c-point__inner .c-point__items .c-point__item {
align-items: center;
background: #fff;
box-shadow: 0 2px 1px #00000029;
display: flex;
font-family: Noto Sans JP, sans-serif;
font-size: 18px;
gap: 51px;
line-height: 1.4444444444;
padding: 10px 77px
}
@media screen and (max-width:767px) {
.c-point__inner .c-point__items .c-point__item {
font-size: 14px;
gap: 25px;
padding: 10px 16px
}
}
@media screen and (max-width:600px) {
.c-point__inner .c-point__items .c-point__item {
gap: 20px
}
}
.c-point__inner .c-point__items .c-point__item:not(:last-child) {
margin-bottom: 24px
}
.c-point__inner .c-point__items .c-point__item .blue {
align-items: center;
color: #47c4d0;
display: flex;
font-family: Noto Sans JP, sans-serif;
font-size: 26px;
font-weight: 700;
gap: 13px;
line-height: 1.4230769231
}
@media screen and (max-width:767px) {
.c-point__inner .c-point__items .c-point__item .blue {
font-size: 20px
}
}
@media screen and (max-width:600px) {
.c-point__inner .c-point__items .c-point__item .blue {
font-size: 18px;
gap: 10px
}
}
.c-point__inner .c-point__items .c-point__item .blue .large {
font-size: 52px;
line-height: 1;
margin-bottom: 6px
}
@media screen and (max-width:767px) {
.c-point__inner .c-point__items .c-point__item .blue .large {
font-size: 32px
}
}
@media screen and (max-width:600px) {
.c-point__inner .c-point__items .c-point__item .blue .large {
font-size: 24px
}
}
.c-best {
background: #f6fafb;
padding-bottom: 77px;
padding-top: 82px
}
.c-best__inner .c-best__title {
color: #1895a0;
font-size: 24px;
font-weight: 700;
line-height: 1.4583333333;
margin-bottom: 34px
}
.c-best__inner .c-best__list {
display: grid;
gap: 16px 34px;
grid-template-columns: 1fr 1fr
}
@media screen and (max-width:767px) {
.c-best__inner .c-best__list {
grid-template-columns: 1fr
}
}
.c-best__inner .c-best__list .c-best__item {
align-items: flex-start;
display: flex;
gap: 12px
}
.c-best__inner .c-best__list .c-best__item .c-best__check {
flex-shrink: 0;
margin-top: 2px;
width: 19px
}
@media screen and (max-width:767px) {
.c-best__inner .c-best__list .c-best__item .c-best__check {
margin-top: 0;
width: 16px
}
}
.c-best__inner .c-best__list .c-best__item .c-best__check img {
height: auto;
width: 100%
}
.c-best__inner .c-best__list .c-best__item .c-best-item__text {
font-family: Noto Sans JP, sans-serif;
font-size: 16px;
font-weight: 500;
line-height: 1.5
}
@media screen and (max-width:767px) {
.c-best__inner .c-best__list .c-best__item .c-best-item__text {
font-size: 14px
}
}
.c-section01 {
background: #f6fafb;
box-shadow: 0 2px 2px #00000029;
margin-bottom: 80px
}
.c-section01__inner {
padding-bottom: 81px
}
.c-section01__inner .c-section01__title {
margin-bottom: 24px;
margin-left: 0;
padding-right: 135px
}
.c-section01__inner .c-section01__contents .c-section01__item:not(:last-child) {
margin-bottom: 114px
}
.c-section01__inner .c-section01__contents .c-section01__item .c-section01__text {
font-family: Noto Sans JP, sans-serif;
font-size: 16px;
line-height: 1.875;
margin-bottom: 56px
}
@media screen and (max-width:767px) {
.c-section01__inner .c-section01__contents .c-section01__item .c-section01__text {
font-size: 14px
}
}
.c-section01__inner .c-section01__contents .c-section01__item .c-section01__cards {
display: grid;
gap: 56px 36px;
grid-template-columns: repeat(3, 1fr);
margin-bottom: 56px
}
@media screen and (max-width:960px) {
.c-section01__inner .c-section01__contents .c-section01__item .c-section01__cards {
gap: 30px 20px
}
}
@media screen and (max-width:767px) {
.c-section01__inner .c-section01__contents .c-section01__item .c-section01__cards {
grid-template-columns: 1fr 1fr
}
}
@media screen and (max-width:600px) {
.c-section01__inner .c-section01__contents .c-section01__item .c-section01__cards {
grid-template-columns: 1fr
}
}
.c-section01__inner .c-section01__contents .c-section01__item .c-section01__wide img {
height: auto;
width: 100%
}
.c-intro {
margin-bottom: 116px
}
.c-intro__inner .c-intro__title {
margin-bottom: 48px;
margin-left: 0
}
.c-intro__inner .c-intro__items {
display: grid;
gap: 56px 38px;
grid-template-columns: repeat(3, 1fr);
margin-bottom: 56px
}
@media screen and (max-width:960px) {
.c-intro__inner .c-intro__items {
gap: 30px 20px
}
}
@media screen and (max-width:767px) {
.c-intro__inner .c-intro__items {
grid-template-columns: 1fr 1fr
}
}
@media screen and (max-width:600px) {
.c-intro__inner .c-intro__items {
grid-template-columns: 1fr
}
}
.c-intro__inner .c-intro__note {
font-family: Noto Sans JP, sans-serif;
font-size: 16px;
line-height: 1.5;
margin-bottom: 23px;
text-align: center
}
@media screen and (max-width:767px) {
.c-intro__inner .c-intro__note {
font-size: 14px
}
}
.c-intro__inner .c-intro__btn {
margin: 0 auto
}
.c-desc {
margin-bottom: 160px
}
.c-desc__inner .c-desc__title {
margin-bottom: 50px;
margin-left: 0
}
.c-desc__inner .c-desc__table dl .c-desc__row {
align-items: center;
border-bottom: 1px solid #1895a0;
display: flex;
gap: 20px;
padding-bottom: 16px
}
@media screen and (max-width:767px) {
.c-desc__inner .c-desc__table dl .c-desc__row {
align-items: flex-start;
flex-direction: column;
gap: 13px
}
}
.c-desc__inner .c-desc__table dl .c-desc__row:not(:last-child) {
margin-bottom: 22px
}
.c-desc__inner .c-desc__table dl .c-desc__row dt {
color: #1895a0;
font-size: 20px;
line-height: 1.45;
text-align: center;
width: 33.4615384615%
}
@media screen and (max-width:767px) {
.c-desc__inner .c-desc__table dl .c-desc__row dt {
font-size: 16px;
text-align: left;
width: auto
}
}
.c-desc__inner .c-desc__table dl .c-desc__row dd {
font-family: Noto Sans JP, sans-serif;
font-size: 16px;
line-height: 1.5
}
@media screen and (max-width:767px) {
.c-desc__inner .c-desc__table dl .c-desc__row dd {
font-size: 14px
}
}
.c-pagelist {
margin-bottom: 160px
}
.c-pagelist__inner .c-pagelist__items {
display: grid;
gap: 32px 21px;
grid-template-columns: repeat(3, 1fr)
}
@media screen and (max-width:960px) {
.c-pagelist__inner .c-pagelist__items {
gap: 30px 20px
}
}
@media screen and (max-width:767px) {
.c-pagelist__inner .c-pagelist__items {
grid-template-columns: 1fr 1fr
}
}
@media screen and (max-width:600px) {
.c-pagelist__inner .c-pagelist__items {
grid-template-columns: 1fr
}
}
.c-pagelist__inner .c-pagelist__items .c-pagelist__item a {
background: #47c4d0;
display: flex;
flex-direction: column;
height: 100%
}
.c-pagelist__inner .c-pagelist__items .c-pagelist__item a .c-pagelist-item__img {
background: #fff;
width: 100%
}
.c-pagelist__inner .c-pagelist__items .c-pagelist__item a .c-pagelist-item__img img {
aspect-ratio: 333/222;
object-fit: cover;
width: 100%
}
.c-pagelist__inner .c-pagelist__items .c-pagelist__item a .c-pagelist-item__footer {
height: 100%
}
.c-pagelist__inner .c-pagelist__items .c-pagelist__item a .c-pagelist-item__footer .c-pagelist-item__title {
align-items: center;
color: #fff;
display: flex;
font-family: Noto Sans JP, sans-serif;
font-size: 18px;
font-weight: 500;
height: 100%;
justify-content: center;
line-height: 1.4444444444;
padding: 14px;
text-align: center;
width: 100%
}
.c-price {
margin-bottom: 160px
}
.c-price__inner .c-price__title {
margin-bottom: 52px;
margin-left: 0
}
@media screen and (max-width:767px) {
.c-price__inner .c-price__title {
margin-bottom: 40px
}
}
.c-price__inner .c-price__table dl .c-price__row {
align-items: center;
border-bottom: 1px solid #1895a0;
display: flex;
gap: 180px;
padding-bottom: 17px;
padding-left: 73px;
padding-right: 73px
}
@media screen and (max-width:767px) {
.c-price__inner .c-price__table dl .c-price__row {
align-items: flex-start;
flex-direction: column;
gap: 13px;
padding-left: 0;
padding-right: 0
}
}
.c-price__inner .c-price__table dl .c-price__row:not(:last-child) {
margin-bottom: 26px
}
.c-price__inner .c-price__table dl .c-price__row dt {
color: #1895a0;
font-size: 20px;
font-weight: 700;
line-height: 1.45;
width: 244px
}
@media screen and (max-width:767px) {
.c-price__inner .c-price__table dl .c-price__row dt {
font-size: 16px
}
}
.c-price__inner .c-price__table dl .c-price__row dd {
font-family: Noto Sans JP, sans-serif;
font-size: 16px;
line-height: 1.5
}
@media screen and (max-width:767px) {
.c-price__inner .c-price__table dl .c-price__row dd {
font-size: 14px
}
}
.c-section02 {
margin-bottom: 88px
}
.c-section02__inner .c-section02__title {
margin-bottom: 80px;
margin-left: 0
}
.c-section02__inner .c-section02__table .c-section02__items .c-section02__item:not(:last-child) {
margin-bottom: 26px
}
.c-section02__inner .c-section02__table .c-section02__items .c-section02__item .c-section02-item__title {
color: #1895a0;
font-size: 20px;
font-weight: 700;
line-height: 1.45;
margin-bottom: 8px
}
.c-section02__inner .c-section02__table .c-section02__items .c-section02__item .c-section02-item__text {
font-family: Noto Sans JP, sans-serif;
font-size: 16px;
line-height: 1.5
}
.c-bottom {
margin-bottom: 120px;
margin-top: 88px
}
.c-bottom__inner .c-bottom__btn {
margin: 0 auto 32px
}
.c-bottom__inner .c-bottom__back {
color: #47c4d0;
display: block;
font-family: Noto Sans JP, sans-serif;
font-size: 16px;
font-weight: 700;
line-height: 1.5;
margin: 0 auto;
padding-bottom: 7px;
position: relative;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content
}
@media screen and (max-width:767px) {
.c-bottom__inner .c-bottom__back {
font-size: 14px
}
}
.c-bottom__inner .c-bottom__back:after {
aspect-ratio: 282/12;
background-image: url(//www.a-hifuka.com/wp-a-hifuka/wp-content/themes/a-derma/assets/img/common/arrow-right-blue-long.svg);
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
bottom: 0;
content: "";
left: 50%;
position: absolute;
transform: translate(-50%);
width: 130%
}
.c-card {
align-items: center;
display: flex;
flex-direction: column
}
.c-card .c-card__img {
margin-bottom: 14px;
width: 100%
}
@media screen and (max-width:767px) {
.c-card .c-card__img {
margin-bottom: 10px
}
}
.c-card .c-card__img img {
aspect-ratio: 320/195;
object-fit: cover;
width: 100%
}
.c-card .c-card__title {
color: #1895a0;
font-family: Noto Sans JP, sans-serif;
font-size: 24px;
font-weight: 500;
line-height: 1.4583333333;
margin-bottom: 29px;
margin-top: auto;
text-align: center;
width: 100%
}
@media screen and (max-width:960px) {
.c-card .c-card__title {
font-size: 18px
}
}
@media screen and (max-width:767px) {
.c-card .c-card__title {
margin-bottom: 10px
}
}
.c-card .c-card__text {
font-family: Noto Sans JP, sans-serif;
font-size: 16px;
line-height: 1.5
}
@media screen and (max-width:767px) {
.c-card .c-card__text {
font-size: 14px
}
}
.c-pagination .c-pagination__list {
display: flex;
gap: 22px;
justify-content: center
}
.c-pagination .c-pagination__list a,
.c-pagination .c-pagination__list span {
align-items: center;
display: flex;
font-size: 18px;
font-weight: 700;
line-height: 1.4444444444
}
.c-pagination .c-pagination__list a.current,
.c-pagination .c-pagination__list span.current {
background: #1895a0;
color: #fff;
padding: 5px 13px
}
.c-pagination .c-pagination__list a.next img,
.c-pagination .c-pagination__list a.prev img,
.c-pagination .c-pagination__list span.next img,
.c-pagination .c-pagination__list span.prev img {
height: auto;
width: 15px
}
.c-pagination .c-pagination__list a.prev,
.c-pagination .c-pagination__list span.prev {
transform: scaleX(-1)
}
.c-pagination .c-pagination__list a.dots,
.c-pagination .c-pagination__list span.dots {
display: none
}
.c-pagination .c-pagination__list a.front img,
.c-pagination .c-pagination__list a.last img,
.c-pagination .c-pagination__list span.front img,
.c-pagination .c-pagination__list span.last img {
height: auto;
width: 18px
}
.c-philosophy {
margin-bottom: 74px
}
.c-philosophy__inner .c-philosophy__title {
margin-bottom: 72px
}
@media screen and (max-width:767px) {
.c-philosophy__inner .c-philosophy__title {
margin-bottom: 30px
}
}
.c-philosophy__inner .c-philosophy__contents {
background: #f6fafb;
padding: 31px 80px 24px
}
@media screen and (max-width:767px) {
.c-philosophy__inner .c-philosophy__contents {
padding: 31px 20px 24px
}
}
.c-philosophy__inner .c-philosophy__contents .c-philosophy__text {
font-size: 16px;
font-weight: 600;
line-height: 2.7
}
@media screen and (max-width:767px) {
.c-philosophy__inner .c-philosophy__contents .c-philosophy__text {
font-size: 14px;
line-height: 2
}
}
.c-feature {
margin-bottom: 71px
}
.c-feature__inner .c-feature__title {
margin-bottom: 45px;
margin-left: 0
}
@media screen and (max-width:767px) {
.c-feature__inner .c-feature__title {
margin-bottom: 30px
}
}
.c-feature__inner .c-feature__cols {
margin-bottom: 110px
}
@media screen and (max-width:767px) {
.c-feature__inner .c-feature__cols {
margin-bottom: 60px
}
}
.c-feature__inner .c-feature__cols .c-feature__col:not(:last-child) {
margin-bottom: 32px
}
.c-feature__inner .c-feature__cols .c-feature__col .c-feature__subtitle {
border-left: 2px solid #1895a0;
color: #1895a0;
font-size: 24px;
font-weight: 700;
line-height: 1.3333333333;
margin-bottom: 10px;
padding: 8px 0 8px 8px
}
@media screen and (max-width:767px) {
.c-feature__inner .c-feature__cols .c-feature__col .c-feature__subtitle {
font-size: 20px
}
}
.c-feature__inner .c-feature__cols .c-feature__col .c-feature__text {
font-family: Noto Sans JP, sans-serif;
font-size: 16px;
line-height: 1.5;
padding-left: 10px
}
@media screen and (max-width:767px) {
.c-feature__inner .c-feature__cols .c-feature__col .c-feature__text {
font-size: 14px
}
}
.c-feature__inner .c-feature__items {
align-items: stretch;
display: grid;
gap: 25px;
grid-template-columns: repeat(3, 1fr)
}
@media screen and (max-width:960px) {
.c-feature__inner .c-feature__items {
gap: 20px
}
}
@media screen and (max-width:767px) {
.c-feature__inner .c-feature__items {
grid-template-columns: 1fr
}
}
.c-feature__inner .c-feature__items .c-feature__item {
align-items: center;
display: flex;
flex-direction: column;
padding: 0 16px 23px;
position: relative;
z-index: 1
}
@media screen and (max-width:960px) {
.c-feature__inner .c-feature__items .c-feature__item {
padding: 0 12px 23px
}
}
.c-feature__inner .c-feature__items .c-feature__item:after {
background: #f6fafb;
bottom: 0;
content: "";
height: 80%;
left: 0;
position: absolute;
width: 100%;
z-index: -1
}
.c-feature__inner .c-feature__items .c-feature__item .c-feature-item__img {
margin-bottom: 34px;
width: 79.1946308725%
}
@media screen and (max-width:767px) {
.c-feature__inner .c-feature__items .c-feature__item .c-feature-item__img {
max-width: 260px
}
}
.c-feature__inner .c-feature__items .c-feature__item .c-feature-item__img img {
height: auto;
width: 100%
}
.c-feature__inner .c-feature__items .c-feature__item .c-feature-item__title {
font-size: 20px;
line-height: 1.6;
margin-bottom: 20px
}
@media screen and (max-width:767px) {
.c-feature__inner .c-feature__items .c-feature__item .c-feature-item__title {
font-size: 18px
}
}
.c-feature__inner .c-feature__items .c-feature__item .c-feature-item__textarea .c-feature-item__text {
font-family: Noto Sans JP, sans-serif;
font-size: 16px;
line-height: 1.5
}
.c-feature__inner .c-feature__items .c-feature__item .c-feature-item__textarea .c-feature-item__text:not(:last-child) {
margin-bottom: 1em
}
@media screen and (max-width:767px) {
.c-feature__inner .c-feature__items .c-feature__item .c-feature-item__textarea .c-feature-item__text {
font-size: 14px
}
}
.c-section01-low {
margin-bottom: 97px
}
.c-section01-low__inner .c-section01-low__title {
margin-bottom: 25px;
margin-left: 0
}
.c-section01-low__inner .c-section01-low__textarea {
align-items: center;
display: flex;
gap: 36px;
margin-bottom: 48px
}
@media screen and (max-width:767px) {
.c-section01-low__inner .c-section01-low__textarea {
align-items: flex-start;
flex-direction: column;
gap: 24px;
margin-bottom: 30px
}
}
.c-section01-low__inner .c-section01-low__textarea:has(.c-section01-low__text) .c-section01-low__subtitle {
flex-shrink: 0;
max-width: 20%
}
@media screen and (max-width:767px) {
.c-section01-low__inner .c-section01-low__textarea:has(.c-section01-low__text) .c-section01-low__subtitle {
max-width: none
}
}
.c-section01-low__inner .c-section01-low__textarea .c-section01-low__subtitle {
border-left: 2px solid #1895a0;
color: #1895a0;
font-size: 24px;
font-weight: 700;
line-height: 1.4583333333;
padding: 4px 0 4px 15px
}
@media screen and (max-width:767px) {
.c-section01-low__inner .c-section01-low__textarea .c-section01-low__subtitle {
font-size: 20px
}
}
.c-section01-low__inner .c-section01-low__textarea .c-section01-low__text {
font-family: Noto Sans JP, sans-serif;
font-size: 16px;
font-weight: 500;
line-height: 1.5
}
@media screen and (max-width:767px) {
.c-section01-low__inner .c-section01-low__textarea .c-section01-low__text {
font-size: 14px
}
}
.c-section01-low__inner .c-section01-low__items+.c-section01-low__textarea {
margin-top: 60px
}
@media screen and (max-width:767px) {
.c-section01-low__inner .c-section01-low__items+.c-section01-low__textarea {
margin-bottom: 40px
}
}
.c-section01-low__inner .c-section01-low__items .c-section01-low__item {
background: #f6fafb
}
.c-section01-low__inner .c-section01-low__items .c-section01-low__item:not(:last-child) {
margin-bottom: 60px
}
@media screen and (max-width:767px) {
.c-section01-low__inner .c-section01-low__items .c-section01-low__item:not(:last-child) {
margin-bottom: 40px
}
}
.c-section01-low__inner .c-section01-low__items .c-section01-low__item .c-section01-low-item__head {
align-items: center;
background: #47c4d0;
box-shadow: 0 3px 6px #00000029;
color: #fff;
display: flex;
font-size: 20px;
font-weight: 700;
line-height: 1.6;
padding: 8px 17px
}
@media screen and (max-width:767px) {
.c-section01-low__inner .c-section01-low__items .c-section01-low__item .c-section01-low-item__head {
font-size: 18px
}
}
.c-section01-low__inner .c-section01-low__items .c-section01-low__item .c-section01-low-item__head span {
font-size: 40px;
line-height: 1;
margin-right: 34px
}
@media screen and (max-width:767px) {
.c-section01-low__inner .c-section01-low__items .c-section01-low__item .c-section01-low-item__head span {
font-size: 32px;
margin-right: 15px
}
}
.c-section01-low__inner .c-section01-low__items .c-section01-low__item .c-section01-low-item__body {
padding: 16px 8px
}
.c-section01-low__inner .c-section01-low__items .c-section01-low__item .c-section01-low-item__body .c-section01-low-item__text {
font-size: 16px;
font-weight: 600;
line-height: 2
}
@media screen and (max-width:767px) {
.c-section01-low__inner .c-section01-low__items .c-section01-low__item .c-section01-low-item__body .c-section01-low-item__text {
font-size: 14px
}
}
.c-section02-low {
margin-bottom: 67px
}
.c-section02-low .c-section02-low__inner .c-section02-low__title {
margin-bottom: 34px;
margin-left: 0
}
.c-section02-low .c-section02-low__inner .c-section02-low__text {
font-family: Noto Sans JP, sans-serif;
font-size: 16px;
line-height: 1.5
}
@media screen and (max-width:767px) {
.c-section02-low .c-section02-low__inner .c-section02-low__text {
font-size: 14px
}
}
.c-section02-low .c-section02-low__inner .c-section02-low__text+.c-section03-low {
margin-top: 70px
}
.c-section02-low .c-section02-low__inner .c-section02-low__text+.c-section03-low .c-section03-low__inner {
padding: 0
}
.c-section03-low {
margin-bottom: 98px
}
.c-section03-low__inner .c-section03-low__title {
border-left: 2px solid #1895a0;
color: #1895a0;
font-family: Noto Sans JP, sans-serif;
font-size: 24px;
font-weight: 500;
line-height: 1.4583333333;
margin-bottom: 37px;
padding: 6px 0 6px 8px
}
@media screen and (max-width:767px) {
.c-section03-low__inner .c-section03-low__title {
font-size: 20px;
margin-bottom: 25px
}
}
.c-section03-low__inner .c-section03-low__text {
font-family: Noto Sans JP, sans-serif;
font-size: 16px;
line-height: 1.5;
padding-left: 10px
}
@media screen and (max-width:767px) {
.c-section03-low__inner .c-section03-low__text {
font-size: 14px
}
}
.c-section04-low {
margin-bottom: 124px
}
.c-section04-low__inner .c-section04-low__title {
margin-bottom: 34px;
margin-left: 0
}
.c-section04-low__inner .c-section04-low__text {
font-family: Noto Sans JP, sans-serif;
font-size: 16px;
line-height: 1.5;
margin-bottom: 63px
}
@media screen and (max-width:767px) {
.c-section04-low__inner .c-section04-low__text {
font-size: 14px;
margin-bottom: 40px
}
}
.c-section04-low__inner .c-section04-low__items .c-section04-low__item {
background: #f6fafb
}
.c-section04-low__inner .c-section04-low__items .c-section04-low__item:not(:last-child) {
margin-bottom: 57px
}
@media screen and (max-width:767px) {
.c-section04-low__inner .c-section04-low__items .c-section04-low__item:not(:last-child) {
margin-bottom: 40px
}
}
.c-section04-low__inner .c-section04-low__items .c-section04-low__item .c-section04-low-item__head {
align-items: center;
background: #47c4d0;
box-shadow: 0 3px 6px #00000029;
color: #fff;
display: flex;
font-size: 20px;
font-weight: 700;
line-height: 1.6;
padding: 8px 17px
}
@media screen and (max-width:767px) {
.c-section04-low__inner .c-section04-low__items .c-section04-low__item .c-section04-low-item__head {
font-size: 18px
}
}
.c-section04-low__inner .c-section04-low__items .c-section04-low__item .c-section04-low-item__head span {
font-size: 40px;
line-height: 1;
margin-right: 34px
}
@media screen and (max-width:767px) {
.c-section04-low__inner .c-section04-low__items .c-section04-low__item .c-section04-low-item__head span {
font-size: 32px;
margin-right: 15px
}
}
.c-section04-low__inner .c-section04-low__items .c-section04-low__item .c-section04-low-item__body {
padding: 16px 20px
}
@media screen and (max-width:1290px) {
.c-section04-low__inner .c-section04-low__items .c-section04-low__item .c-section04-low-item__body {
padding: 16px 8px
}
}
.c-section04-low__inner .c-section04-low__items .c-section04-low__item .c-section04-low-item__body .c-section04-low-item__text {
font-size: 16px;
font-weight: 600;
line-height: 2
}
@media screen and (max-width:767px) {
.c-section04-low__inner .c-section04-low__items .c-section04-low__item .c-section04-low-item__body .c-section04-low-item__text {
font-size: 14px
}
}
.c-box {
margin-bottom: 121px
}
.c-box__inner .c-box__contents {
background: #f6fafb;
padding: 41px 22px 34px
}
@media screen and (max-width:767px) {
.c-box__inner .c-box__contents {
padding: 30px 16px
}
}
.c-box__inner .c-box__contents .c-box__title {
margin-bottom: 34px
}
.c-box__inner .c-box__contents .c-box__text {
font-family: Noto Sans JP, sans-serif;
font-size: 18px;
line-height: 1.4444444444
}
@media screen and (max-width:767px) {
.c-box__inner .c-box__contents .c-box__text {
font-size: 14px
}
}
.c-box__inner .c-box__contents .c-box__text span {
color: #fc6f6f
}
.visible {
visibility: visible !important
}
.invisible {
visibility: hidden !important
}
.collapse {
visibility: collapse !important
}
.static {
position: static !important
}
.fixed {
position: fixed !important
}
.absolute {
position: absolute !important
}
.relative {
position: relative !important
}
.sticky {
position: -webkit-sticky !important;
position: sticky !important
}
.box-content {
box-sizing: initial !important
}
.block {
display: block !important
}
.inline {
display: inline !important
}
.flex {
display: flex !important
}
.table {
display: table !important
}
.grid {
display: grid !important
}
.contents {
display: contents !important
}
.hidden {
display: none !important
}
.size-full {
height: 100% !important;
width: 100% !important
}
.transform {
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important
}
.resize {
resize: both !important
}
.truncate {
overflow: hidden !important;
text-overflow: ellipsis !important;
white-space: nowrap !important
}
.border {
border-width: 1px !important
}
.uppercase {
text-transform: uppercase !important
}
.lowercase {
text-transform: lowercase !important
}
.italic {
font-style: italic !important
}
.underline {
text-decoration-line: underline !important
}
.shadow {
--tw-shadow: 0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a !important;
--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color) !important;
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important
}
.outline {
outline-style: solid !important
}
.blur {
--tw-blur: blur(8px) !important
}
.blur,
.grayscale {
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) !important
}
.grayscale {
--tw-grayscale: grayscale(100%) !important
}
.filter {
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) !important
}
.transition {
transition-duration: .15s !important;
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter !important;
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter !important;
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter !important;
transition-timing-function: cubic-bezier(.4, 0, .2, 1) !important
}
.ease-in {
transition-timing-function: cubic-bezier(.4, 0, 1, 1) !important
}
.ease-in-out {
transition-timing-function: cubic-bezier(.4, 0, .2, 1) !important
}
@media (min-width:768px) {
.tablet\:block {
display: block !important
}
.tablet\:flex {
display: flex !important
}
.tablet\:hidden {
display: none !important
}
}
@media (min-width:1290px) {
.desktopXl\:flex {
display: flex !important
}
.desktopXl\:hidden {
display: none !important
}
}