@charset "UTF-8";
@charset 'UTF-8';

 .slick-loading .slick-list
{
background: #fff url(https://sanpo-shika.com/wp-content/themes/sanpodental/js/vendors/slick/ajax-loader.gif) center center no-repeat;
} @font-face
{
font-family: 'slick';
font-weight: normal;
font-style: normal;
src: url(https://sanpo-shika.com/wp-content/themes/sanpodental/js/vendors/slick/fonts/slick.eot);
src: url(https://sanpo-shika.com/wp-content/themes/sanpodental/js/vendors/slick/fonts/slick.eot?#iefix) format('embedded-opentype'), url(https://sanpo-shika.com/wp-content/themes/sanpodental/js/vendors/slick/fonts/slick.woff) format('woff'), url(https://sanpo-shika.com/wp-content/themes/sanpodental/js/vendors/slick/fonts/slick.ttf) format('truetype'), url(https://sanpo-shika.com/wp-content/themes/sanpodental/js/vendors/slick/fonts/slick.svg#slick) format('svg');
} .slick-prev,
.slick-next
{
font-size: 0;
line-height: 0;
position: absolute;
top: 50%;
display: block;
width: 20px;
height: 20px;
padding: 0;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
cursor: pointer;
color: transparent;
border: none;
outline: none;
background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
color: transparent;
outline: none;
background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
opacity: .25;
}
.slick-prev:before,
.slick-next:before
{
font-family: 'slick';
font-size: 20px;
line-height: 1;
opacity: .75;
color: white;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-prev
{
left: -25px;
}
[dir='rtl'] .slick-prev
{
right: -25px;
left: auto;
}
.slick-prev:before
{
content: '←';
}
[dir='rtl'] .slick-prev:before
{
content: '→';
}
.slick-next
{
right: -25px;
}
[dir='rtl'] .slick-next
{
right: auto;
left: -25px;
}
.slick-next:before
{
content: '→';
}
[dir='rtl'] .slick-next:before
{
content: '←';
} .slick-dotted.slick-slider
{
margin-bottom: 30px;
}
.slick-dots
{
position: absolute;
bottom: -25px;
display: block;
width: 100%;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
}
.slick-dots li
{
position: relative;
display: inline-block;
width: 20px;
height: 20px;
margin: 0 5px;
padding: 0;
cursor: pointer;
}
.slick-dots li button
{
font-size: 0;
line-height: 0;
display: block;
width: 20px;
height: 20px;
padding: 5px;
cursor: pointer;
color: transparent;
border: 0;
outline: none;
background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
opacity: 1;
}
.slick-dots li button:before
{
font-family: 'slick';
font-size: 6px;
line-height: 20px;
position: absolute;
top: 0;
left: 0;
width: 20px;
height: 20px;
content: '•';
text-align: center;
opacity: .25;
color: black;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
opacity: .75;
color: black;
}.slick-slider
{
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list
{
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus
{
outline: none;
}
.slick-list.dragging
{
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list
{
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track
{
position: relative;
top: 0;
left: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
display: table;
content: '';
}
.slick-track:after
{
clear: both;
}
.slick-loading .slick-track
{
visibility: hidden;
}
.slick-slide
{
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir='rtl'] .slick-slide
{
float: right;
}
.slick-slide img
{
display: block;
}
.slick-slide.slick-loading img
{
display: none;
}
.slick-slide.dragging img
{
pointer-events: none;
}
.slick-initialized .slick-slide
{
display: block;
}
.slick-loading .slick-slide
{
visibility: hidden;
}
.slick-vertical .slick-slide
{
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}
   html {
overflow-y: scroll;
overflow-x: hidden;
font-size: 10px; -ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
margin: 0;
padding: 0;
}
* {
box-sizing: border-box;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
fieldset, img {
border: 0;
}
img {
vertical-align: middle;
max-width: 100%;
height: auto;
}
address, caption, cite, code, dfn, var {
font-style: normal;
font-weight: normal;
}
li {
list-style: none;
}
caption, th {
text-align: left;
}
h1, h2, h3, h4, h5, h6 {
font-size: 100%;
font-weight: normal;
}
q:before, q:after {
content: "";
}
abbr, acronym {
border: 0;
font-variant: normal;
}
sup {
vertical-align: text-top;
}
sub {
vertical-align: text-bottom;
}
input, textarea, select, button {
font-family: inherit;
font-size: inherit;
font-weight: inherit;
outline: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
} input, textarea, select {
*font-size: 100%;
} legend {
color: #000;
}
del, ins {
text-decoration: none;
}
main {
display: block;
}
section {
position: relative;
}   @media screen and (min-width: 835px) {
.mbpc-1 {
margin-bottom: 1px !important;
}
}
@media screen and (max-width: 834px) {
.mbsp-1 {
margin-bottom: 1px !important;
}
}
@media screen and (min-width: 835px) {
.mbpc-2 {
margin-bottom: 2px !important;
}
}
@media screen and (max-width: 834px) {
.mbsp-2 {
margin-bottom: 2px !important;
}
}
@media screen and (min-width: 835px) {
.mbpc-3 {
margin-bottom: 3px !important;
}
}
@media screen and (max-width: 834px) {
.mbsp-3 {
margin-bottom: 3px !important;
}
}
@media screen and (min-width: 835px) {
.mbpc-4 {
margin-bottom: 4px !important;
}
}
@media screen and (max-width: 834px) {
.mbsp-4 {
margin-bottom: 4px !important;
}
}
@media screen and (min-width: 835px) {
.mbpc-5 {
margin-bottom: 5px !important;
}
}
@media screen and (max-width: 834px) {
.mbsp-5 {
margin-bottom: 5px !important;
}
}
@media screen and (min-width: 835px) {
.mbpc-6 {
margin-bottom: 6px !important;
}
}
@media screen and (max-width: 834px) {
.mbsp-6 {
margin-bottom: 6px !important;
}
}
@media screen and (min-width: 835px) {
.mbpc-7 {
margin-bottom: 7px !important;
}
}
@media screen and (max-width: 834px) {
.mbsp-7 {
margin-bottom: 7px !important;
}
}
@media screen and (min-width: 835px) {
.mbpc-8 {
margin-bottom: 8px !important;
}
}
@media screen and (max-width: 834px) {
.mbsp-8 {
margin-bottom: 8px !important;
}
}
@media screen and (min-width: 835px) {
.mbpc-9 {
margin-bottom: 9px !important;
}
}
@media screen and (max-width: 834px) {
.mbsp-9 {
margin-bottom: 9px !important;
}
}
@media screen and (min-width: 835px) {
.mbpc-10 {
margin-bottom: 10px !important;
}
}
@media screen and (max-width: 834px) {
.mbsp-10 {
margin-bottom: 10px !important;
}
}
@media screen and (min-width: 835px) {
.mbpc-11 {
margin-bottom: 11px !important;
}
}
@media screen and (max-width: 834px) {
.mbsp-11 {
margin-bottom: 11px !important;
}
}
@media screen and (min-width: 835px) {
.mbpc-12 {
margin-bottom: 12px !important;
}
}
@media screen and (max-width: 834px) {
.mbsp-12 {
margin-bottom: 12px !important;
}
}
@media screen and (min-width: 835px) {
.mbpc-13 {
margin-bottom: 13px !important;
}
}
@media screen and (max-width: 834px) {
.mbsp-13 {
margin-bottom: 13px !important;
}
}
@media screen and (min-width: 835px) {
.mbpc-14 {
margin-bottom: 14px !important;
}
}
@media screen and (max-width: 834px) {
.mbsp-14 {
margin-bottom: 14px !important;
}
}
@media screen and (min-width: 835px) {
.mbpc-15 {
margin-bottom: 15px !important;
}
}
@media screen and (max-width: 834px) {
.mbsp-15 {
margin-bottom: 15px !important;
}
}
@media screen and (min-width: 835px) {
.mbpc-16 {
margin-bottom: 16px !important;
}
}
@media screen and (max-width: 834px) {
.mbsp-16 {
margin-bottom: 16px !important;
}
}
@media screen and (min-width: 835px) {
.mbpc-17 {
margin-bottom: 17px !important;
}
}
@media screen and (max-width: 834px) {
.mbsp-17 {
margin-bottom: 17px !important;
}
}
@media screen and (min-width: 835px) {
.mbpc-18 {
margin-bottom: 18px !important;
}
}
@media screen and (max-width: 834px) {
.mbsp-18 {
margin-bottom: 18px !important;
}
}
@media screen and (min-width: 835px) {
.mbpc-19 {
margin-bottom: 19px !important;
}
}
@media screen and (max-width: 834px) {
.mbsp-19 {
margin-bottom: 19px !important;
}
}
@media screen and (min-width: 835px) {
.mbpc-20 {
margin-bottom: 20px !important;
}
}
@media screen and (max-width: 834px) {
.mbsp-20 {
margin-bottom: 20px !important;
}
}
@media screen and (min-width: 835px) {
.mbpc-21 {
margin-bottom: 21px !important;
}
}
@media screen and (max-width: 834px) {
.mbsp-21 {
margin-bottom: 21px !important;
}
}
@media screen and (min-width: 835px) {
.mbpc-22 {
margin-bottom: 22px !important;
}
}
@media screen and (max-width: 834px) {
.mbsp-22 {
margin-bottom: 22px !important;
}
}
@media screen and (min-width: 835px) {
.mbpc-23 {
margin-bottom: 23px !important;
}
}
@media screen and (max-width: 834px) {
.mbsp-23 {
margin-bottom: 23px !important;
}
}
@media screen and (min-width: 835px) {
.mbpc-24 {
margin-bottom: 24px !important;
}
}
@media screen and (max-width: 834px) {
.mbsp-24 {
margin-bottom: 24px !important;
}
}
@media screen and (min-width: 835px) {
.mbpc-25 {
margin-bottom: 25px !important;
}
}
@media screen and (max-width: 834px) {
.mbsp-25 {
margin-bottom: 25px !important;
}
}
@media screen and (min-width: 835px) {
.mbpc-26 {
margin-bottom: 26px !important;
}
}
@media screen and (max-width: 834px) {
.mbsp-26 {
margin-bottom: 26px !important;
}
}
@media screen and (min-width: 835px) {
.mbpc-27 {
margin-bottom: 27px !important;
}
}
@media screen and (max-width: 834px) {
.mbsp-27 {
margin-bottom: 27px !important;
}
}
@media screen and (min-width: 835px) {
.mbpc-28 {
margin-bottom: 28px !important;
}
}
@media screen and (max-width: 834px) {
.mbsp-28 {
margin-bottom: 28px !important;
}
}
@media screen and (min-width: 835px) {
.mbpc-29 {
margin-bottom: 29px !important;
}
}
@media screen and (max-width: 834px) {
.mbsp-29 {
margin-bottom: 29px !important;
}
}
@media screen and (min-width: 835px) {
.mbpc-30 {
margin-bottom: 30px !important;
}
}
@media screen and (max-width: 834px) {
.mbsp-30 {
margin-bottom: 30px !important;
}
}
@media screen and (min-width: 835px) {
.mbpc-31 {
margin-bottom: 31px !important;
}
}
@media screen and (max-width: 834px) {
.mbsp-31 {
margin-bottom: 31px !important;
}
}
@media screen and (min-width: 835px) {
.mbpc-32 {
margin-bottom: 32px !important;
}
}
@media screen and (max-width: 834px) {
.mbsp-32 {
margin-bottom: 32px !important;
}
}
@media screen and (min-width: 835px) {
.mbpc-33 {
margin-bottom: 33px !important;
}
}
@media screen and (max-width: 834px) {
.mbsp-33 {
margin-bottom: 33px !important;
}
}
@media screen and (min-width: 835px) {
.mbpc-34 {
margin-bottom: 34px !important;
}
}
@media screen and (max-width: 834px) {
.mbsp-34 {
margin-bottom: 34px !important;
}
}
@media screen and (min-width: 835px) {
.mbpc-35 {
margin-bottom: 35px !important;
}
}
@media screen and (max-width: 834px) {
.mbsp-35 {
margin-bottom: 35px !important;
}
}
@media screen and (min-width: 835px) {
.mbpc-36 {
margin-bottom: 36px !important;
}
}
@media screen and (max-width: 834px) {
.mbsp-36 {
margin-bottom: 36px !important;
}
}
@media screen and (min-width: 835px) {
.mbpc-37 {
margin-bottom: 37px !important;
}
}
@media screen and (max-width: 834px) {
.mbsp-37 {
margin-bottom: 37px !important;
}
}
@media screen and (min-width: 835px) {
.mbpc-38 {
margin-bottom: 38px !important;
}
}
@media screen and (max-width: 834px) {
.mbsp-38 {
margin-bottom: 38px !important;
}
}
@media screen and (min-width: 835px) {
.mbpc-39 {
margin-bottom: 39px !important;
}
}
@media screen and (max-width: 834px) {
.mbsp-39 {
margin-bottom: 39px !important;
}
}
@media screen and (min-width: 835px) {
.mbpc-40 {
margin-bottom: 40px !important;
}
}
@media screen and (max-width: 834px) {
.mbsp-40 {
margin-bottom: 40px !important;
}
}
@media screen and (min-width: 835px) {
.mbpc-41 {
margin-bottom: 41px !important;
}
}
@media screen and (max-width: 834px) {
.mbsp-41 {
margin-bottom: 41px !important;
}
}
@media screen and (min-width: 835px) {
.mbpc-42 {
margin-bottom: 42px !important;
}
}
@media screen and (max-width: 834px) {
.mbsp-42 {
margin-bottom: 42px !important;
}
}
@media screen and (min-width: 835px) {
.mbpc-43 {
margin-bottom: 43px !important;
}
}
@media screen and (max-width: 834px) {
.mbsp-43 {
margin-bottom: 43px !important;
}
}
@media screen and (min-width: 835px) {
.mbpc-44 {
margin-bottom: 44px !important;
}
}
@media screen and (max-width: 834px) {
.mbsp-44 {
margin-bottom: 44px !important;
}
}
@media screen and (min-width: 835px) {
.mbpc-45 {
margin-bottom: 45px !important;
}
}
@media screen and (max-width: 834px) {
.mbsp-45 {
margin-bottom: 45px !important;
}
}
@media screen and (min-width: 835px) {
.mbpc-46 {
margin-bottom: 46px !important;
}
}
@media screen and (max-width: 834px) {
.mbsp-46 {
margin-bottom: 46px !important;
}
}
@media screen and (min-width: 835px) {
.mbpc-47 {
margin-bottom: 47px !important;
}
}
@media screen and (max-width: 834px) {
.mbsp-47 {
margin-bottom: 47px !important;
}
}
@media screen and (min-width: 835px) {
.mbpc-48 {
margin-bottom: 48px !important;
}
}
@media screen and (max-width: 834px) {
.mbsp-48 {
margin-bottom: 48px !important;
}
}
@media screen and (min-width: 835px) {
.mbpc-49 {
margin-bottom: 49px !important;
}
}
@media screen and (max-width: 834px) {
.mbsp-49 {
margin-bottom: 49px !important;
}
}
@media screen and (min-width: 835px) {
.mbpc-50 {
margin-bottom: 50px !important;
}
}
@media screen and (max-width: 834px) {
.mbsp-50 {
margin-bottom: 50px !important;
}
}
@media screen and (min-width: 835px) {
.mbpc-51 {
margin-bottom: 51px !important;
}
}
@media screen and (max-width: 834px) {
.mbsp-51 {
margin-bottom: 51px !important;
}
}
@media screen and (min-width: 835px) {
.mbpc-52 {
margin-bottom: 52px !important;
}
}
@media screen and (max-width: 834px) {
.mbsp-52 {
margin-bottom: 52px !important;
}
}
@media screen and (min-width: 835px) {
.mbpc-53 {
margin-bottom: 53px !important;
}
}
@media screen and (max-width: 834px) {
.mbsp-53 {
margin-bottom: 53px !important;
}
}
@media screen and (min-width: 835px) {
.mbpc-54 {
margin-bottom: 54px !important;
}
}
@media screen and (max-width: 834px) {
.mbsp-54 {
margin-bottom: 54px !important;
}
}
@media screen and (min-width: 835px) {
.mbpc-55 {
margin-bottom: 55px !important;
}
}
@media screen and (max-width: 834px) {
.mbsp-55 {
margin-bottom: 55px !important;
}
}
@media screen and (min-width: 835px) {
.mbpc-56 {
margin-bottom: 56px !important;
}
}
@media screen and (max-width: 834px) {
.mbsp-56 {
margin-bottom: 56px !important;
}
}
@media screen and (min-width: 835px) {
.mbpc-57 {
margin-bottom: 57px !important;
}
}
@media screen and (max-width: 834px) {
.mbsp-57 {
margin-bottom: 57px !important;
}
}
@media screen and (min-width: 835px) {
.mbpc-58 {
margin-bottom: 58px !important;
}
}
@media screen and (max-width: 834px) {
.mbsp-58 {
margin-bottom: 58px !important;
}
}
@media screen and (min-width: 835px) {
.mbpc-59 {
margin-bottom: 59px !important;
}
}
@media screen and (max-width: 834px) {
.mbsp-59 {
margin-bottom: 59px !important;
}
}
@media screen and (min-width: 835px) {
.mbpc-60 {
margin-bottom: 60px !important;
}
}
@media screen and (max-width: 834px) {
.mbsp-60 {
margin-bottom: 60px !important;
}
}
@media screen and (min-width: 835px) {
.mbpc-61 {
margin-bottom: 61px !important;
}
}
@media screen and (max-width: 834px) {
.mbsp-61 {
margin-bottom: 61px !important;
}
}
@media screen and (min-width: 835px) {
.mbpc-62 {
margin-bottom: 62px !important;
}
}
@media screen and (max-width: 834px) {
.mbsp-62 {
margin-bottom: 62px !important;
}
}
@media screen and (min-width: 835px) {
.mbpc-63 {
margin-bottom: 63px !important;
}
}
@media screen and (max-width: 834px) {
.mbsp-63 {
margin-bottom: 63px !important;
}
}
@media screen and (min-width: 835px) {
.mbpc-64 {
margin-bottom: 64px !important;
}
}
@media screen and (max-width: 834px) {
.mbsp-64 {
margin-bottom: 64px !important;
}
}
@media screen and (min-width: 835px) {
.mbpc-65 {
margin-bottom: 65px !important;
}
}
@media screen and (max-width: 834px) {
.mbsp-65 {
margin-bottom: 65px !important;
}
}
@media screen and (min-width: 835px) {
.mbpc-66 {
margin-bottom: 66px !important;
}
}
@media screen and (max-width: 834px) {
.mbsp-66 {
margin-bottom: 66px !important;
}
}
@media screen and (min-width: 835px) {
.mbpc-67 {
margin-bottom: 67px !important;
}
}
@media screen and (max-width: 834px) {
.mbsp-67 {
margin-bottom: 67px !important;
}
}
@media screen and (min-width: 835px) {
.mbpc-68 {
margin-bottom: 68px !important;
}
}
@media screen and (max-width: 834px) {
.mbsp-68 {
margin-bottom: 68px !important;
}
}
@media screen and (min-width: 835px) {
.mbpc-69 {
margin-bottom: 69px !important;
}
}
@media screen and (max-width: 834px) {
.mbsp-69 {
margin-bottom: 69px !important;
}
}
@media screen and (min-width: 835px) {
.mbpc-70 {
margin-bottom: 70px !important;
}
}
@media screen and (max-width: 834px) {
.mbsp-70 {
margin-bottom: 70px !important;
}
}
@media screen and (min-width: 835px) {
.mbpc-71 {
margin-bottom: 71px !important;
}
}
@media screen and (max-width: 834px) {
.mbsp-71 {
margin-bottom: 71px !important;
}
}
@media screen and (min-width: 835px) {
.mbpc-72 {
margin-bottom: 72px !important;
}
}
@media screen and (max-width: 834px) {
.mbsp-72 {
margin-bottom: 72px !important;
}
}
@media screen and (min-width: 835px) {
.mbpc-73 {
margin-bottom: 73px !important;
}
}
@media screen and (max-width: 834px) {
.mbsp-73 {
margin-bottom: 73px !important;
}
}
@media screen and (min-width: 835px) {
.mbpc-74 {
margin-bottom: 74px !important;
}
}
@media screen and (max-width: 834px) {
.mbsp-74 {
margin-bottom: 74px !important;
}
}
@media screen and (min-width: 835px) {
.mbpc-75 {
margin-bottom: 75px !important;
}
}
@media screen and (max-width: 834px) {
.mbsp-75 {
margin-bottom: 75px !important;
}
}
@media screen and (min-width: 835px) {
.mbpc-76 {
margin-bottom: 76px !important;
}
}
@media screen and (max-width: 834px) {
.mbsp-76 {
margin-bottom: 76px !important;
}
}
@media screen and (min-width: 835px) {
.mbpc-77 {
margin-bottom: 77px !important;
}
}
@media screen and (max-width: 834px) {
.mbsp-77 {
margin-bottom: 77px !important;
}
}
@media screen and (min-width: 835px) {
.mbpc-78 {
margin-bottom: 78px !important;
}
}
@media screen and (max-width: 834px) {
.mbsp-78 {
margin-bottom: 78px !important;
}
}
@media screen and (min-width: 835px) {
.mbpc-79 {
margin-bottom: 79px !important;
}
}
@media screen and (max-width: 834px) {
.mbsp-79 {
margin-bottom: 79px !important;
}
}
@media screen and (min-width: 835px) {
.mbpc-80 {
margin-bottom: 80px !important;
}
}
@media screen and (max-width: 834px) {
.mbsp-80 {
margin-bottom: 80px !important;
}
}
@media screen and (min-width: 835px) {
.mbpc-81 {
margin-bottom: 81px !important;
}
}
@media screen and (max-width: 834px) {
.mbsp-81 {
margin-bottom: 81px !important;
}
}
@media screen and (min-width: 835px) {
.mbpc-82 {
margin-bottom: 82px !important;
}
}
@media screen and (max-width: 834px) {
.mbsp-82 {
margin-bottom: 82px !important;
}
}
@media screen and (min-width: 835px) {
.mbpc-83 {
margin-bottom: 83px !important;
}
}
@media screen and (max-width: 834px) {
.mbsp-83 {
margin-bottom: 83px !important;
}
}
@media screen and (min-width: 835px) {
.mbpc-84 {
margin-bottom: 84px !important;
}
}
@media screen and (max-width: 834px) {
.mbsp-84 {
margin-bottom: 84px !important;
}
}
@media screen and (min-width: 835px) {
.mbpc-85 {
margin-bottom: 85px !important;
}
}
@media screen and (max-width: 834px) {
.mbsp-85 {
margin-bottom: 85px !important;
}
}
@media screen and (min-width: 835px) {
.mbpc-86 {
margin-bottom: 86px !important;
}
}
@media screen and (max-width: 834px) {
.mbsp-86 {
margin-bottom: 86px !important;
}
}
@media screen and (min-width: 835px) {
.mbpc-87 {
margin-bottom: 87px !important;
}
}
@media screen and (max-width: 834px) {
.mbsp-87 {
margin-bottom: 87px !important;
}
}
@media screen and (min-width: 835px) {
.mbpc-88 {
margin-bottom: 88px !important;
}
}
@media screen and (max-width: 834px) {
.mbsp-88 {
margin-bottom: 88px !important;
}
}
@media screen and (min-width: 835px) {
.mbpc-89 {
margin-bottom: 89px !important;
}
}
@media screen and (max-width: 834px) {
.mbsp-89 {
margin-bottom: 89px !important;
}
}
@media screen and (min-width: 835px) {
.mbpc-90 {
margin-bottom: 90px !important;
}
}
@media screen and (max-width: 834px) {
.mbsp-90 {
margin-bottom: 90px !important;
}
}
@media screen and (min-width: 835px) {
.mbpc-91 {
margin-bottom: 91px !important;
}
}
@media screen and (max-width: 834px) {
.mbsp-91 {
margin-bottom: 91px !important;
}
}
@media screen and (min-width: 835px) {
.mbpc-92 {
margin-bottom: 92px !important;
}
}
@media screen and (max-width: 834px) {
.mbsp-92 {
margin-bottom: 92px !important;
}
}
@media screen and (min-width: 835px) {
.mbpc-93 {
margin-bottom: 93px !important;
}
}
@media screen and (max-width: 834px) {
.mbsp-93 {
margin-bottom: 93px !important;
}
}
@media screen and (min-width: 835px) {
.mbpc-94 {
margin-bottom: 94px !important;
}
}
@media screen and (max-width: 834px) {
.mbsp-94 {
margin-bottom: 94px !important;
}
}
@media screen and (min-width: 835px) {
.mbpc-95 {
margin-bottom: 95px !important;
}
}
@media screen and (max-width: 834px) {
.mbsp-95 {
margin-bottom: 95px !important;
}
}
@media screen and (min-width: 835px) {
.mbpc-96 {
margin-bottom: 96px !important;
}
}
@media screen and (max-width: 834px) {
.mbsp-96 {
margin-bottom: 96px !important;
}
}
@media screen and (min-width: 835px) {
.mbpc-97 {
margin-bottom: 97px !important;
}
}
@media screen and (max-width: 834px) {
.mbsp-97 {
margin-bottom: 97px !important;
}
}
@media screen and (min-width: 835px) {
.mbpc-98 {
margin-bottom: 98px !important;
}
}
@media screen and (max-width: 834px) {
.mbsp-98 {
margin-bottom: 98px !important;
}
}
@media screen and (min-width: 835px) {
.mbpc-99 {
margin-bottom: 99px !important;
}
}
@media screen and (max-width: 834px) {
.mbsp-99 {
margin-bottom: 99px !important;
}
}
@media screen and (min-width: 835px) {
.mbpc-100 {
margin-bottom: 100px !important;
}
}
@media screen and (max-width: 834px) {
.mbsp-100 {
margin-bottom: 100px !important;
}
}
.mb0 {
margin-bottom: 0 !important;
}
html.is-ov {
overflow: hidden;
}
html.ov {
overflow: hidden;
}
body {
color: #053864;
font-family: "IBM Plex Sans JP", sans-serif;
font-size: 100%;
-webkit-font-smoothing: antialiased;
line-height: 1.3;
overflow-x: hidden;
}
a {
text-decoration: none;
transition: all 0.3s;
-webkit-backface-visibility: hidden;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
transition: all 0.3s;
}
@media screen and (min-width: 835px) {
a {
transition: opacity var(--hover_time);
}
}
@media screen and (min-width: 835px) and (any-hover: hover) {
a:hover {
opacity: 0.6;
transition: all 0.3s;
}
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
a {
display: inline-block;
}
}
@media screen and (min-width: 835px) {
a[href^=tel] {
pointer-events: none;
}
}
@media screen and (max-width: 834px) {
a {
-webkit-tap-highlight-color: transparent;
}
}
.clearfix {
*zoom: 1;
}
.clearfix:before {
content: "";
display: table;
}
.clearfix:after {
clear: both;
content: "";
display: table;
}
@media screen and (max-width: 834px) {
.pc {
display: none !important;
}
}
@media screen and (max-width: 1245px) {
.pc-xl {
display: none !important;
}
}
@media screen and (max-width: 1024px) {
.pc-tb {
display: none !important;
}
}
@media screen and (max-width: 990px) {
.pc-lg {
display: none !important;
}
}
@media screen and (max-width: 640px) {
.pc-sm {
display: none !important;
}
}
@media screen and (max-width: 420px) {
.pc-ss {
display: none !important;
}
}
@media screen and (max-width: 374px) {
.pc-xs {
display: none !important;
}
}
@media screen and (min-width: 835px) {
.sp {
display: none !important;
}
}
@media screen and (min-width: 1246px) {
.sp-xl {
display: none !important;
}
}
@media screen and (min-width: 1025px) {
.sp-tb {
display: none !important;
}
}
@media screen and (min-width: 991px) {
.sp-lg {
display: none !important;
}
}
@media screen and (min-width: 641px) {
.sp-sm {
display: none !important;
}
}
@media screen and (min-width: 421px) {
.sp-ss {
display: none !important;
}
}
@media screen and (min-width: 375px) {
.sp-xs {
display: none !important;
}
}
.u-pull--left {
margin-left: calc((100vw - 100%) / 2 * -1);
}
.u-pull--right {
margin-right: calc((100vw - 100%) / 2 * -1);
}
.c-fc--white {
color: white !important;
}
.c-fc--black {
color: black !important;
}
.c-ft--en {
font-family: "Marcellus", serif;
}
.c-ft--jp {
font-family: "Shippori Mincho B1", serif;
}
.c-fw--lt {
font-weight: 300 !important;
}
.c-fw--rg {
font-weight: 400 !important;
}
.c-fw--md {
font-weight: 500 !important;
}
.c-fw--sbd {
font-weight: 600 !important;
}
.c-fw--bd {
font-weight: 700 !important;
}
.c-fw--bk {
font-weight: 900 !important;
}
.c-tx--v {
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
}
@media screen and (min-width: 835px) {
.c-tx--v-pc {
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
}
}
.c-al--c {
text-align: center !important;
}
.c-al--r {
text-align: right !important;
}
.c-al--l {
text-align: left !important;
}
.c-pull--left {
margin-left: calc((100vw - 100%) / 2 * -1);
}
.c-pull--right {
margin-right: calc((100vw - 100%) / 2 * -1);
} .c-txt__01 {
line-height: 2;
font-size: 1.5rem;
}
@media screen and (max-width: 1440px) {
.c-txt__01 {
font-size: 1.4rem;
}
}
@media screen and (max-width: 834px) {
.c-txt__01 {
line-height: 1.6;
}
}
.c-txt__01--white {
color: #fff;
}
.c-txt__02 {
line-height: 1.7143;
font-size: 1.4rem;
}
@media screen and (max-width: 834px) {
.c-txt__02 {
line-height: 1.6;
font-size: 1.3rem;
}
}
@media screen and (max-width: 834px) {
.c-ttl__01 {
margin-bottom: 10px;
}
}
.c-ttl__01 span {
display: block;
}
.c-ttl__01 .c-ft--en {
color: #053864;
font-family: "Marcellus", serif;
margin-bottom: 13px;
letter-spacing: 0.5px;
font-size: 1.4rem;
}
@media screen and (max-width: 834px) {
.c-ttl__01 .c-ft--en {
letter-spacing: 0;
margin-bottom: 0;
}
}
.c-ttl__01 .c-ft--jp {
font-family: "Shippori Mincho B1", serif;
color: #053864;
line-height: 1.2;
letter-spacing: 6px;
font-size: clamp(30px, 4vw, 60px);
}
@media screen and (max-width: 834px) {
.c-ttl__01 .c-ft--jp {
letter-spacing: 0;
}
}
.c-ttl__01 small {
display: block;
margin-top: 11px;
letter-spacing: 0.75px;
font-family: "Shippori Mincho B1", serif;
font-size: clamp(16px, 2.5vw, 24px);
}
@media screen and (max-width: 1245px) {
.c-ttl__01 small {
letter-spacing: 0;
}
}
@media screen and (max-width: 834px) {
.c-ttl__01 small {
margin-top: 6px;
}
}
.c-ttl__02 {
color: #eef6f7;
line-height: 1;
font-family: "Marcellus", serif;
font-size: clamp(50px, 7.5vw, 120px);
}
@media screen and (max-width: 834px) {
.c-ttl__02 {
color: #ddf0f3;
text-align: center;
}
}
.c-ttl__03 {
color: #053864;
line-height: 1.875;
font-family: "Shippori Mincho B1", serif;
font-size: clamp(20px, 2vw, 32px);
}
@media screen and (max-width: 834px) {
.c-ttl__03 {
line-height: 1.5;
}
}
.c-ttl__04 {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 27px;
}
@media screen and (max-width: 834px) {
.c-ttl__04 {
margin-bottom: 22px;
}
}
.c-ttl__04 .c-ft--jp {
display: inline-block;
color: #053864;
font-family: "Shippori Mincho B1", serif;
letter-spacing: 2px;
font-size: clamp(20px, 2vw, 32px);
}
@media screen and (max-width: 834px) {
.c-ttl__04 .c-ft--jp {
letter-spacing: 0;
}
}
.c-ttl__04 .c-ft--en {
display: inline-block;
color: #6dc6ce;
font-family: "Marcellus", serif;
margin-left: 11px;
letter-spacing: 0.75px;
font-size: 1.4rem;
}
@media screen and (max-width: 834px) {
.c-ttl__04 .c-ft--en {
margin-left: 8px;
letter-spacing: 0;
}
}
.c-btn__01 {
margin: 0 auto;
max-width: 372px;
width: 100%;
border-radius: 4px;
border: 1px solid #053864;
height: 72px;
padding: 10px;
color: #053864;
position: relative;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
transition: all 0.4s;
font-size: 1.5rem;
}
@media screen and (max-width: 834px) {
.c-btn__01 {
height: 50px;
max-width: 250px;
font-size: 1.4rem;
}
}
.c-btn__01::after {
content: "\e5c8";
font-family: "Material Symbols Outlined";
position: absolute;
right: 17px;
top: 50%;
transform: translateY(-50%);
font-size: 1.4rem;
}
@media (any-hover: hover) {
.c-btn__01:hover {
opacity: 1;
background: #053864;
color: #fff;
transition: all 0.4s;
}
}
.c-btn__02 {
appearance: none;
box-shadow: none;
outline: none;
margin: 0 auto;
max-width: 280px;
letter-spacing: 2px;
width: 100%;
border-radius: 5px;
cursor: pointer;
height: 72px;
padding: 10px;
color: #fff;
position: relative;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
transition: all 0.4s;
font-size: 1.5rem;
border: 1px solid #6dc6ce;
background: #6dc6ce;
font-weight: 500;
transition: all 0.3s;
}
@media screen and (max-width: 834px) {
.c-btn__02 {
height: 50px;
max-width: 250px;
font-size: 1.4rem;
}
}
@media screen and (min-width: 835px) {
.c-btn__02 {
transition: opacity var(--hover_time);
}
}
@media screen and (min-width: 835px) and (any-hover: hover) {
.c-btn__02:hover {
opacity: 0.6;
transition: all 0.3s;
}
}
.c-btn__02--back {
background: #fff;
color: #053864;
border: 1px solid #053864;
}
.js-scrollin {
opacity: 0;
-webkit-transform: translate(0, 70px);
-ms-transform: translate(0, 70px);
transform: translate(0, 70px);
}
.js-scrollin.active {
opacity: 1;
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
-webkit-transition: 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);
-o-transition: 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);
transition: 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.js-scrollin-img {
position: relative;
overflow: hidden;
mask-image: linear-gradient(to bottom, rgb(0, 0, 0) 50%, rgba(0, 0, 0, 0) 100%);
mask-repeat: no-repeat;
transition: mask-size 0.8s ease-in-out, opacity 0.5s;
opacity: 0;
mask-size: 100% 3%;
}
.js-scrollin-img.active {
opacity: 1;
mask-size: 100% 250%;
}
.wrapper {
margin-top: 140px;
}
@media screen and (max-width: 1245px) {
.wrapper {
margin-top: 75px;
}
}
.inner {
width: 90%;
margin: 0 auto;
max-width: 1200px;
}
@media screen and (max-width: 834px) {
.inner {
width: 100%;
padding: 0 25px;
}
}
.material-symbols-outlined {
font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24;
}
.box-module__list {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin: 0 auto 39px;
max-width: 506px;
}
.box-module__list-item {
width: 50%;
padding: 0 3px;
}
.box-module__list-item a {
display: block;
border-radius: 6px;
background: #6dc6ce;
color: #fff;
padding: 11px 10px 6px;
text-align: center;
font-size: clamp(12px, 2.5vw, 16px);
}
.box-module__list-item a span {
display: block;
margin-bottom: 5px;
font-size: clamp(20px, 2.5vw, 30px);
}
.box-module__address {
color: #053864;
font-weight: 300;
line-height: 1.533;
margin-bottom: 17px;
letter-spacing: 1.8px;
font-size: 1.5rem;
}
@media screen and (max-width: 1245px) {
.box-module__address {
letter-spacing: 0;
font-size: 1.4rem;
}
}
@media screen and (max-width: 834px) {
.box-module__address {
margin-bottom: 8px;
font-size: 1.3rem;
}
}
.box-module__tel {
text-align: center;
display: block;
color: #053864;
font-weight: 600;
margin-bottom: 16px;
letter-spacing: 1.5px;
font-family: "Shippori Mincho B1", serif;
font-size: clamp(22px, 2.5vw, 32px);
}
.box-module__tel a {
color: #053864;
}
.box-module__flex {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 22px;
}
@media screen and (max-width: 1245px) {
.box-module__flex {
flex-wrap: wrap;
}
}
.box-module__flex-tel {
width: calc(100% - 276px);
padding-right: 5px;
color: #053864;
padding-top: 10px;
letter-spacing: 1px;
}
@media screen and (max-width: 1245px) {
.box-module__flex-tel {
width: 100%;
letter-spacing: 0;
margin-bottom: 20px;
}
}
.box-module__flex-tel small {
display: block;
font-weight: 500;
margin-bottom: 0;
font-size: 1.2rem;
}
.box-module__flex-tel > span {
font-weight: 600;
font-family: "Shippori Mincho B1", serif;
font-size: clamp(18px, 2.6vw, 25px);
}
.box-module__flex-tel > span span {
font-size: 1.6rem;
}
.box-module__flex-tel a {
color: #053864;
}
.box-module__flex-contact {
width: 206px;
border-radius: 5px;
display: block;
background: #6dc6ce;
color: #fff;
font-weight: 500;
padding: 10px;
text-align: center;
}
@media screen and (max-width: 374px) {
.box-module__flex-contact {
width: 195px;
}
}
.box-module__flex-contact span {
font-size: 1.2rem;
}
.box-module__flex-contact .material-symbols-outlined {
font-size: 2rem;
margin-bottom: 5px;
}
.box-module__flex-in {
width: 70px;
text-align: right;
padding-right: 16px;
}
.box-module__tags {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
gap: 5px;
margin-bottom: 32px;
padding-right: 14px;
letter-spacing: 1px;
}
.box-module__tags-item {
background: #eef6f7;
padding: 8px 10px;
color: #053864;
font-weight: 500;
text-align: center;
border-radius: 25px;
width: 50%;
font-size: 1.4rem;
}
@media screen and (max-width: 834px) {
.box-module__tags-item {
font-size: 1.2rem;
}
}
.box-module__note {
color: #053864;
margin-bottom: 34px;
font-size: 1.2rem;
}
@media screen and (max-width: 834px) {
.box-module__note {
text-align: center;
}
}
.box-module__table {
margin-bottom: 16px;
}
@media screen and (max-width: 834px) {
.box-module__table {
max-width: 360px;
margin: 0 auto 13px;
}
}
.box-module__table table tr {
border-bottom: 1px solid #dbe3e9;
}
.box-module__table table tr:last-child {
border-bottom: 0;
}
.box-module__table table th, .box-module__table table td {
text-align: center;
border-right: 1px solid #dbe3e9;
color: #053864;
width: 60px;
height: 61px;
letter-spacing: -1px;
position: relative;
font-family: "Shippori Mincho B1", serif;
font-weight: 400;
font-size: 1.5rem;
}
@media screen and (max-width: 1024px) {
.box-module__table table th, .box-module__table table td {
letter-spacing: 0;
font-size: 1.4rem;
}
}
.box-module__table table th:last-child, .box-module__table table td:last-child {
border-right: 0;
}
.box-module__table table th:nth-child(1), .box-module__table table td:nth-child(1) {
width: 140px;
}
@media screen and (max-width: 834px) {
.box-module__table table th, .box-module__table table td {
height: 35px;
}
.box-module__table table th:nth-child(1), .box-module__table table td:nth-child(1) {
width: 24.5%;
}
}
.box-module__table table th span, .box-module__table table td span {
display: inline-block;
}
.box-module__table table th span.circle, .box-module__table table td span.circle {
width: 14px;
height: 14px;
border-radius: 50%;
background: #053864;
}
@media screen and (max-width: 834px) {
.box-module__table table th span.circle, .box-module__table table td span.circle {
width: 11px;
height: 11px;
}
}
.box-module__table table th span.triangle, .box-module__table table td span.triangle {
position: relative;
}
.box-module__table table th span.triangle::after, .box-module__table table td span.triangle::after {
content: "";
border: 8px solid transparent;
border-bottom: 12px solid #053864;
position: absolute;
top: -9px;
left: 50%;
transform: translate(-50%, -50%);
}
.box-module__table table th span.border, .box-module__table table td span.border {
width: 1px;
height: 87px;
background: #dbe3e9;
position: absolute;
top: -13px;
left: 50%;
transform: rotate(45deg);
}
@media screen and (max-width: 1245px) {
.box-module__table table th span.border, .box-module__table table td span.border {
height: 142%;
top: -7px;
transform: rotate(45deg);
}
}
.mac .box-module__tags-item {
font-size: 1.3rem;
}
.popup-content {
width: 100%;
height: 100vh;
padding: 20px;
position: fixed;
top: 0;
left: 0;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
background: rgba(0, 0, 0, 0.6);
opacity: 0;
visibility: hidden;
transition: all 0.3s;
z-index: -1;
}
@media screen and (max-width: 834px) {
.popup-content {
padding: 20px 10px;
}
}
.popup-content.on {
z-index: 1000;
opacity: 1;
visibility: visible;
transition: all 0.3s;
}
.popup-content__main {
width: 100%;
position: relative;
background: #fff;
border-radius: 12px;
max-width: 680px;
padding: 58px 43px 25px;
}
@media screen and (max-width: 834px) {
.popup-content__main {
padding: 58px 15px 25px;
}
}
.popup-content__main-close {
width: 35px;
height: 35px;
top: 16px;
right: 15px;
cursor: pointer;
position: absolute;
transition: all 0.3s;
transition: all 0.3s;
}
.popup-content__main-close::before, .popup-content__main-close::after {
content: "";
width: 26px;
height: 1px;
top: 67%;
left: 50%;
position: absolute;
background: #053864;
transform: rotate(45deg) translate(-50%, -50%);
}
.popup-content__main-close::after {
top: 16%;
transform: rotate(-45deg) translate(-50%, -50%);
}
@media screen and (min-width: 835px) {
.popup-content__main-close {
transition: opacity var(--hover_time);
}
}
@media screen and (min-width: 835px) and (any-hover: hover) {
.popup-content__main-close:hover {
opacity: 0.6;
transition: all 0.3s;
}
}
.popup-content .box-module__address {
text-align: center;
}
.popup-content .box-module__address {
margin-bottom: 2px;
}
.loading-page {
position: fixed;
top: 0;
left: 0;
height: 100vh;
width: 100%;
z-index: 1000;
background: #fff;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.breadcrumb {
margin-bottom: 25px;
}
@media screen and (max-width: 834px) {
.breadcrumb {
margin-bottom: 20px;
}
}
.breadcrumb .inner {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.breadcrumb a, .breadcrumb span {
color: #053864;
font-weight: 300;
display: inline-block;
font-size: 1.2rem;
}
.breadcrumb a {
margin-right: 21px;
padding-right: 22px;
position: relative;
text-decoration: underline;
}
.breadcrumb a:after {
content: "";
display: inline-block;
position: absolute;
width: 1px;
height: 14px;
background: #053864;
top: 50%;
right: 0;
transform: translateY(-50%);
}
@media screen and (max-width: 834px) {
.breadcrumb a {
margin-right: 12px;
padding-right: 12px;
}
}
.wp-pagenavi {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.wp-pagenavi a {
cursor: pointer;
}
.wp-pagenavi a, .wp-pagenavi span {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
width: 50px;
height: 50px;
color: #053864;
border-radius: 50%;
border: 0;
font-weight: 400;
font-size: 1.5rem;
line-height: 1;
margin: 0 2px;
}
@media screen and (max-width: 834px) {
.wp-pagenavi a, .wp-pagenavi span {
width: 30px;
height: 30px;
margin: 0 3px;
}
}
@media screen and (max-width: 374px) {
.wp-pagenavi a, .wp-pagenavi span {
width: 25px;
height: 25px;
font-size: 1.4rem;
}
}
.wp-pagenavi a:hover, .wp-pagenavi a.current, .wp-pagenavi span:hover, .wp-pagenavi span.current {
background: #6dc6ce;
color: white;
}
.wp-pagenavi a.dots, .wp-pagenavi span.dots {
width: auto;
}
.wp-pagenavi .pages {
display: none;
}
.wp-pagenavi .previouspostslink, .wp-pagenavi .nextpostslink {
position: relative;
background: #eef6f7;
}
.wp-pagenavi .previouspostslink:before, .wp-pagenavi .nextpostslink:before {
position: absolute;
font-family: "Material Symbols Outlined";
font-size: 1.6rem;
left: 20px;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
@media screen and (max-width: 834px) {
.wp-pagenavi .previouspostslink:before, .wp-pagenavi .nextpostslink:before {
font-size: 1.4rem;
left: 10px;
}
}
@media screen and (max-width: 374px) {
.wp-pagenavi .previouspostslink:before, .wp-pagenavi .nextpostslink:before {
font-size: 1.2rem;
left: 9px;
}
}
.wp-pagenavi .nextpostslink:before {
content: "\e5e1";
}
.wp-pagenavi .previouspostslink:before {
content: "\e5e0";
} .main-header {
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 1000;
transition: all 0.5s;
padding: 28px 10px 28px 26px;
background: #fff;
}
@media screen and (max-width: 1245px) {
.main-header {
padding: 18px 10px 18px 14px;
}
}
.main-header.hidden {
top: -200px;
transition: all 0.5s;
}
.main-header__inner {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
@media screen and (min-width: 1025px) {
.main-header__inner {
padding: 0 20px;
}
}
.main-header__logo {
width: 328px;
padding-top: 11px;
}
@media screen and (max-width: 1245px) {
.main-header__logo {
width: 202px;
z-index: 100;
padding-top: 0;
}
}
.main-header__logo img {
width: 100%;
}
.main-header__navGlobal {
width: calc(100% - 328px);
}
@media screen and (min-width: 1246px) {
.main-header__navGlobal {
justify-content: flex-end;
align-items: center;
display: flex !important;
}
}
@media screen and (max-width: 1245px) {
.main-header__navGlobal {
display: none;
position: fixed;
top: 0;
left: 0;
padding: 79px 25px 160px;
width: 100%;
height: 100vh;
overflow-y: auto;
background: #fff;
z-index: 99;
box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.1);
}
}
@media screen and (max-width: 374px) {
.main-header__navGlobal {
padding: 79px 10px 160px;
}
}
.main-header__navGlobal .box-module__table table {
margin: 0 auto;
}
.main-header__navGlobal .box-module__note {
text-align: center;
}
@media screen and (max-width: 834px) {
.main-header__navGlobal .box-module__table table th, .main-header__navGlobal .box-module__table table td {
font-size: 1.2rem;
}
.main-header__navGlobal .box-module__note {
margin-bottom: 36px;
font-size: 1rem;
}
}
.main-header__menu {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
@media screen and (max-width: 1245px) {
.main-header__menu {
max-width: 500px;
margin: 0 auto 23px;
border-top: 1px solid #dbe3e9;
}
}
.main-header__menu-item {
margin-left: 41px;
}
@media screen and (max-width: 1245px) {
.main-header__menu-item {
margin-left: 0;
width: 50%;
border-right: 1px solid #dbe3e9;
border-bottom: 1px solid #dbe3e9;
}
.main-header__menu-item:nth-child(2n) {
border-right: 0;
}
}
.main-header__menu-item a {
color: #053864;
font-family: "Shippori Mincho B1", serif;
font-size: 1.5rem;
}
@media screen and (max-width: 1245px) {
.main-header__menu-item a {
padding: 22.5px 10px;
text-align: center;
display: block;
}
}
.main-header__share {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
margin-left: 14px;
}
@media screen and (max-width: 1245px) {
.main-header__share {
margin-left: 0;
justify-content: center;
}
}
.main-header__share-item {
margin-left: 20px;
}
@media screen and (max-width: 1245px) {
.main-header__share-item {
margin-left: 0;
justify-content: center;
}
}
.main-header__share-item--popup {
width: 197px;
}
.main-header__share-popup {
box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.16);
background: rgba(255, 255, 255, 0.8);
color: #053864;
font-size: 1.4rem;
border-radius: 4px;
max-width: 195px;
width: 100%;
height: 55px;
padding: 10px 10px 5px 6px;
letter-spacing: 1px;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.main-header__share-popup span {
margin-right: 6px;
color: #6dc6ce;
font-size: 2.4rem;
}
.main-header__share-in {
font-size: 2.4rem;
}
@media screen and (max-width: 1245px) {
.main-header__share-in {
font-size: 2rem;
}
.main-header__share-in span {
font-family: "Shippori Mincho B1", serif;
color: #053864;
margin-left: 6px;
font-size: 1.5rem;
}
.main-header__share-in img {
width: 25px;
}
}
.main-header__share-contact {
width: 60px;
height: 60px;
border-radius: 50%;
background: #6dc6ce;
color: #fff;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.main-header__share-contact span {
font-size: 2.1rem;
}
.main-header__mobile-icon {
position: absolute;
top: 3px;
right: 6px;
display: none;
transition: background 0.5s;
z-index: 102;
cursor: pointer;
font-size: 1.3rem;
}
@media screen and (max-width: 1245px) {
.main-header__mobile-icon {
display: flex;
align-items: flex-end;
justify-content: center;
width: 60px;
height: 60px;
}
}
.main-header__mobile-icon-border {
position: absolute;
top: 45%;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
display: block;
width: 35px;
height: 1px;
user-select: none;
transition: background-color 0.3s;
background: #053864;
border-radius: 3px;
}
.main-header__mobile-icon-border:nth-child(1) {
margin-top: 10px;
margin-left: -17.5px;
}
.main-header__mobile-icon-border:nth-child(3) {
margin-top: -10px;
margin-left: -17.5px;
}
.ov .main-header.hidden {
top: 0;
}
@media screen and (max-width: 1245px) {
.main-header__mobile-icon-border:nth-child(1) {
-webkit-animation: click-header-sp-bar-1-close 0.8s cubic-bezier(0.45, 0.12, 0.04, 0.96) forwards;
animation: click-header-sp-bar-1-close 0.8s cubic-bezier(0.45, 0.12, 0.04, 0.96) forwards;
}
@-webkit-keyframes click-header-sp-bar-1-close {
0% {
transform: translateY(5px) rotate(45deg);
}
50% {
transform: translateY(5px) rotate(0);
}
100% {
transform: translateY(0) rotate(0);
}
}
@keyframes click-header-sp-bar-1-close {
0% {
transform: translateY(5px) rotate(45deg);
}
50% {
transform: translateY(5px) rotate(0);
}
100% {
transform: translateY(0) rotate(0);
}
}
.main-header__mobile-icon-border:nth-child(2) {
-webkit-animation: click-header-sp-bar-2-close 0.8s cubic-bezier(0.45, 0.12, 0.04, 0.96) forwards;
animation: click-header-sp-bar-2-close 0.8s cubic-bezier(0.45, 0.12, 0.04, 0.96) forwards;
}
@-webkit-keyframes click-header-sp-bar-2-close {
0% {
opacity: 0;
}
20% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes click-header-sp-bar-2-close {
0% {
opacity: 0;
}
20% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.main-header__mobile-icon-border:nth-child(3) {
-webkit-animation: click-header-sp-bar-3-close 0.8s cubic-bezier(0.45, 0.12, 0.04, 0.96) forwards;
animation: click-header-sp-bar-3-close 0.8s cubic-bezier(0.45, 0.12, 0.04, 0.96) forwards;
}
@-webkit-keyframes click-header-sp-bar-3-close {
0% {
transform: translateY(-5px) rotate(-45deg);
}
50% {
transform: translateY(-5px) rotate(0);
}
100% {
transform: translateY(0) rotate(0);
}
}
@keyframes click-header-sp-bar-3-close {
0% {
transform: translateY(-5px) rotate(-45deg);
}
50% {
transform: translateY(-5px) rotate(0);
}
100% {
transform: translateY(0) rotate(0);
}
}
.mobile-close .main-header__mobile-icon-border:nth-child(1) {
margin-top: -5px;
-webkit-animation: click-header-sp-bar-1-open 0.8s cubic-bezier(0.45, 0.12, 0.04, 0.96) forwards;
animation: click-header-sp-bar-1-open 0.8s cubic-bezier(0.45, 0.12, 0.04, 0.96) forwards;
}
@-webkit-keyframes click-header-sp-bar-1-open {
0% {
transform: translateY(0) rotate(0);
}
50% {
transform: translateY(5px) rotate(0);
}
100% {
transform: translateY(5px) rotate(45deg);
}
}
@keyframes click-header-sp-bar-1-open {
0% {
transform: translateY(0) rotate(0);
}
50% {
transform: translateY(5px) rotate(0);
}
100% {
transform: translateY(5px) rotate(45deg);
}
}
.mobile-close .main-header__mobile-icon-border:nth-child(2) {
-webkit-animation: click-header-sp-bar-2-open 0.8s cubic-bezier(0.45, 0.12, 0.04, 0.96) forwards;
animation: click-header-sp-bar-2-open 0.8s cubic-bezier(0.45, 0.12, 0.04, 0.96) forwards;
}
@-webkit-keyframes click-header-sp-bar-2-open {
0% {
opacity: 1;
}
80% {
opacity: 0;
}
100% {
opacity: 0;
}
}
@keyframes click-header-sp-bar-2-open {
0% {
opacity: 1;
}
80% {
opacity: 0;
}
100% {
opacity: 0;
}
}
.mobile-close .main-header__mobile-icon-border:nth-child(3) {
margin-top: 5px;
-webkit-animation: click-header-sp-bar-3-open 0.8s cubic-bezier(0.45, 0.12, 0.04, 0.96) forwards;
animation: click-header-sp-bar-3-open 0.8s cubic-bezier(0.45, 0.12, 0.04, 0.96) forwards;
}
@-webkit-keyframes click-header-sp-bar-3-open {
0% {
transform: translateY(0) rotate(0);
}
50% {
transform: translateY(-5px) rotate(0);
}
100% {
transform: translateY(-5px) rotate(-45deg);
}
}
@keyframes click-header-sp-bar-3-open {
0% {
transform: translateY(0) rotate(0);
}
50% {
transform: translateY(-5px) rotate(0);
}
100% {
transform: translateY(-5px) rotate(-45deg);
}
}
}
.main-footer {
padding: 147px 0;
border-top: 1px solid #dbe3e9;
}
@media screen and (max-width: 1245px) {
.main-footer {
padding: 100px 0;
}
}
@media screen and (max-width: 834px) {
.main-footer {
padding: 50px 0;
}
}
.main-footer__content {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-bottom: 76px;
}
@media screen and (max-width: 834px) {
.main-footer__content {
margin-bottom: 35px;
flex-wrap: wrap;
}
}
.main-footer__clmL {
width: 50%;
}
@media screen and (max-width: 1245px) {
.main-footer__clmL {
width: 58%;
}
}
@media screen and (max-width: 834px) {
.main-footer__clmL {
width: 100%;
margin-bottom: 25px;
}
}
.main-footer__logo {
display: block;
margin-bottom: 26px;
}
@media screen and (max-width: 834px) {
.main-footer__logo {
margin-bottom: 25px;
}
}
.main-footer__logo img {
max-width: 512px;
width: 100%;
}
@media screen and (max-width: 834px) {
.main-footer__logo img {
max-width: 300px;
}
}
.main-footer__brand {
color: #053864;
margin-bottom: 15px;
font-size: 1.2rem;
}
.main-footer__brand span {
font-weight: 500;
margin-right: 10px;
font-family: "Shippori Mincho B1", serif;
font-size: 1.8rem;
}
@media screen and (max-width: 834px) {
.main-footer__brand span {
margin-right: 0;
font-size: 1.6rem;
display: block;
margin-bottom: 7px;
}
}
.main-footer__visa img {
width: 100%;
padding-right: 18px;
}
@media screen and (max-width: 834px) {
.main-footer__visa img {
max-width: 450px;
padding-right: 0;
}
}
.main-footer__banner {
margin-top: 25px;
text-align: center;
}
.main-footer__banner img {
max-width: 500px;
width: 100%;
}
.main-footer__clmR {
width: 50%;
padding-left: 30px;
}
@media screen and (max-width: 1245px) {
.main-footer__clmR {
padding-left: 20px;
width: 42%;
}
}
@media screen and (max-width: 834px) {
.main-footer__clmR {
width: 100%;
padding-left: 0;
}
}
.main-footer__clmR iframe {
height: 630px;
width: 100%;
}
@media screen and (max-width: 834px) {
.main-footer__clmR iframe {
height: 300px;
}
}
.main-footer__recruit {
max-width: 690px;
width: 100%;
margin: 0 auto 47px;
display: block;
}
@media screen and (max-width: 1245px) {
.main-footer__recruit {
max-width: 500px;
margin-bottom: 35px;
}
}
@media screen and (max-width: 834px) {
.main-footer__recruit {
margin-bottom: 25px;
}
}
.main-footer__recruit-img img {
width: 100%;
}
.main-footer__group {
display: block;
max-width: 460px;
width: 100%;
margin: 0 auto 97px;
}
@media screen and (max-width: 1245px) {
.main-footer__group {
margin-bottom: 50px;
max-width: 400px;
}
}
.main-footer__group img {
width: 100%;
}
.main-footer__copyright {
text-align: center;
color: #053864;
font-family: "Marcellus", serif;
letter-spacing: 0.5px;
font-size: 1.2rem;
} .float_bnr {
width: 247px;
height: auto;
position: fixed;
z-index: 1000;
top: 75px;
left: 0;
z-index: 30;
max-width: 42%;
display: block;
}
.float_bnr img {
width: 100%;
height: auto;
}
@media screen and (min-width: 1246px) {
.float_bnr {
width: 210px;
top: 140px;
}
}
.mv-index {
position: relative;
}
@media screen and (min-width: 835px) {
.mv-index {
display: grid;
grid-template-columns: 1fr 25%;
column-gap: clamp(120px, 14vw, 190px);
}
}
.mv-index .slick-list {
padding-left: 0 !important;
overflow: visible !important;
}
.mv-index__slider {
min-width: 0;
height: 300px;
}
@media screen and (min-width: 835px) {
.mv-index__slider {
grid-row: 1;
min-height: 550px;
max-height: 850px;
height: calc(100vh - 75px);
}
}
@media screen and (min-width: 1246px) {
.mv-index__slider {
height: calc(100vh - 140px);
}
}
@media screen and (max-width: 834px) {
.mv-index__slider {
padding-right: 25px;
margin-bottom: 10px;
}
}
.mv-index__slider .slick-list,
.mv-index__slider .slick-track {
height: 100%;
}
.mv-index__slider-item {
box-shadow: none !important;
}
.mv-index__slider-item img {
border-radius: 0 10px 10px 0;
overflow: hidden;
width: 100%;
height: 100%;
object-fit: cover;
}
@media screen and (max-width: 834px) {
.mv-index__slider.mv-index__side {
display: none;
}
}
.mv-index__slider.mv-index__side img {
border-radius: 10px 0 0 10px;
}
.mv-index__ttl {
color: #053864;
font-family: "Shippori Mincho B1", serif;
position: absolute;
top: 52.7%;
right: 27.9%;
letter-spacing: 3.75px;
min-height: 504px;
transform: translateY(-50%);
}
@media screen and (min-width: 835px) {
.mv-index__ttl {
writing-mode: tb-rl;
}
}
@media screen and (max-width: 834px) {
.mv-index__ttl {
letter-spacing: 0;
position: static;
transform: translateY(0);
padding: 0 25px;
min-height: max-content;
}
}
.mv-index__ttl span {
line-height: 1.523;
font-size: clamp(24px, 3vw, 42px);
}
.mv-index__ttl small {
margin-left: 13px;
padding-top: 11px;
letter-spacing: 1.75px;
display: block;
font-size: 1.5rem;
}
@media screen and (max-width: 834px) {
.mv-index__ttl small {
letter-spacing: 0;
}
}
.sec-news {
padding: 86px 0;
}
@media screen and (max-width: 834px) {
.sec-news {
padding: 35px 0 50px;
}
}
.news-posts {
margin-bottom: 78px;
}
@media screen and (max-width: 834px) {
.news-posts {
margin-bottom: 35px;
}
}
.news-posts__item {
border-bottom: 1px solid #dbe3e9;
}
.news-posts__item a {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
color: #053864;
line-height: 1.3;
padding: 32.5px 37px 32.5px 0;
position: relative;
}
@media screen and (max-width: 834px) {
.news-posts__item a {
padding: 20px 20px 20px 0;
flex-wrap: wrap;
}
}
.news-posts__item a::after {
content: "\e5c8";
font-family: "Material Symbols Outlined";
position: absolute;
right: 17px;
top: 47%;
transition: all 0.6s;
transform: translateY(-50%);
font-size: 1.6rem;
}
@media screen and (max-width: 834px) {
.news-posts__item a::after {
right: 0;
font-size: 1.4rem;
}
}
.news-posts__item a:before {
content: "";
display: inline-block;
position: absolute;
width: 0;
height: 1px;
background: #053864;
left: 0;
bottom: -1px;
transition: all 0.6s;
}
@media (any-hover: hover) {
.news-posts__item a:hover::before {
width: 100%;
transition: all 0.6s;
}
.news-posts__item a:hover::after {
right: 10px;
transition: all 0.6s;
}
}
.news-posts__date {
width: 145px;
padding-right: 10px;
font-family: "Marcellus", serif;
letter-spacing: 0.5px;
font-size: 1.4rem;
}
@media screen and (max-width: 834px) {
.news-posts__date {
width: 100%;
padding-right: 0;
margin-bottom: 10px;
}
}
.news-posts__ttl {
letter-spacing: 0.5px;
width: calc(100% - 145px);
font-size: 1.5rem;
}
@media screen and (max-width: 834px) {
.news-posts__ttl {
width: 100%;
letter-spacing: 0;
}
}
.sec-policy {
padding: 88px 0 170px;
position: relative;
z-index: 2;
}
@media screen and (max-width: 834px) {
.sec-policy {
padding: 50px 0;
background: rgba(238, 246, 247, 0.6);
}
}
.sec-policy:before {
content: "";
display: inline-block;
position: absolute;
width: 83.5%;
height: 39.5%;
background: #eef6f7;
top: 18.5%;
left: 0;
z-index: -1;
border-radius: 0 10px 10px 0;
}
@media screen and (max-width: 834px) {
.sec-policy:before {
display: none;
}
}
.sec-policy__main {
position: absolute;
left: -24px;
top: 10%;
letter-spacing: 4px;
width: 40%;
z-index: 2;
}
@media screen and (max-width: 834px) {
.sec-policy__main {
width: 100%;
letter-spacing: 0;
position: static;
margin-bottom: 25px;
padding: 0 25px;
}
}
.sec-policy__main-heading {
margin-bottom: 98px;
}
@media screen and (max-width: 1245px) {
.sec-policy__main-heading {
margin-bottom: 23px;
}
}
@media screen and (max-width: 834px) {
.sec-policy__main-heading {
text-align: center;
margin-bottom: 15px;
width: 100%;
}
}
.sec-policy__main-img {
overflow: hidden;
width: 69.5%;
border-radius: 0 10px 10px 0;
}
@media screen and (max-width: 1245px) {
.sec-policy__main-img {
width: 77.5%;
}
}
@media screen and (max-width: 834px) {
.sec-policy__main-img {
width: 80%;
border-radius: 10px;
margin-bottom: 20px;
}
}
.sec-policy__main-img img {
width: 100%;
}
.policy-block {
padding-left: 320px;
margin-bottom: 119px;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
@media screen and (max-width: 1245px) {
.policy-block {
padding-left: 30%;
margin-bottom: 80px;
}
}
@media screen and (max-width: 834px) {
.policy-block {
padding-left: 0;
margin-bottom: 20px;
flex-wrap: wrap;
}
}
.policy-block__img {
width: calc(100% - 150px);
}
@media screen and (max-width: 1245px) {
.policy-block__img {
width: calc(100% - 90px);
}
}
@media screen and (max-width: 834px) {
.policy-block__img {
width: 80%;
margin-left: auto;
margin-bottom: 20px;
border-radius: 10px;
overflow: hidden;
}
}
.policy-block__img img {
width: 100%;
}
.policy-block__ttl {
width: 150px;
padding-right: 0;
margin-top: -13px;
transform: translateX(17px);
letter-spacing: 2.5px;
}
@media screen and (min-width: 835px) {
.policy-block__ttl {
writing-mode: tb-rl;
}
}
@media screen and (max-width: 1245px) {
.policy-block__ttl {
width: 90px;
transform: translateY(0);
}
}
@media screen and (max-width: 834px) {
.policy-block__ttl {
width: 100%;
text-align: center;
margin-bottom: 0;
letter-spacing: 0;
margin-top: 0;
}
}
.policy-flex {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: flex-end;
-ms-flex-align: end;
align-items: flex-end;
margin-bottom: 67px;
}
@media screen and (max-width: 834px) {
.policy-flex {
margin-bottom: 35px;
flex-wrap: wrap-reverse;
}
}
.policy-flex__ct {
width: 50%;
margin-left: 0;
letter-spacing: 0.75px;
}
@media screen and (max-width: 1440px) {
.policy-flex__ct {
letter-spacing: 0;
}
}
@media screen and (max-width: 834px) {
.policy-flex__ct {
width: 100%;
}
}
.policy-flex__img {
width: calc(50% + 123px);
margin-right: -123px;
border-radius: 5px;
overflow: hidden;
padding-left: 63px;
}
@media screen and (max-width: 834px) {
.policy-flex__img {
padding: 0;
margin-right: 0;
width: 100%;
border-radius: 10px;
margin-top: 25px;
}
}
.policy-flex__img img {
width: 100%;
}
.policy-list {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 15px;
position: relative;
z-index: 2;
}
@media screen and (max-width: 834px) {
.policy-list {
max-width: 700px;
margin: 0 auto;
justify-content: center;
}
}
@media screen and (max-width: 640px) {
.policy-list {
gap: 7px;
}
}
.policy-list:before {
content: "";
display: inline-block;
position: absolute;
width: 96%;
height: 1px;
background: #ced9e1;
top: 50%;
left: 50%;
transform: translateX(-50%);
z-index: -1;
}
@media screen and (max-width: 834px) {
.policy-list:before {
display: none;
}
}
.policy-list__item {
width: 220px;
height: 220px;
}
@media screen and (max-width: 1440px) {
.policy-list__item {
width: 190px;
height: 190px;
}
}
@media screen and (max-width: 1245px) {
.policy-list__item {
width: 15vw;
height: 15vw;
}
}
@media screen and (max-width: 834px) {
.policy-list__item {
width: 27vw;
height: 27vw;
}
}
@media screen and (max-width: 640px) {
.policy-list__item {
width: 100px;
height: 100px;
}
}
@media screen and (max-width: 374px) {
.policy-list__item {
width: 126px;
height: 126px;
}
}
.policy-list__ct {
background: #fff;
width: 100%;
height: 100%;
line-height: 1.2;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-align-content: center;
-ms-flex-line-pack: center;
align-content: center;
border-radius: 50%;
text-align: center;
padding: 15px;
color: #053864;
border: 1px solid #ced9e1;
font-size: 1.4rem;
}
@media screen and (max-width: 640px) {
.policy-list__ct {
padding: 8px;
font-size: 1.2rem;
}
}
.policy-list__ct > span {
width: 100%;
margin-bottom: 12px;
font-family: "Shippori Mincho B1", serif;
font-size: clamp(20px, 3vw, 42px);
}
@media screen and (max-width: 834px) {
.policy-list__ct > span {
margin-bottom: 7px;
}
}
.policy-list__ct > span span {
font-size: clamp(15px, 2vw, 30px);
}
.sec-treatment {
background: #ebf4f6;
padding-bottom: 127px;
}
@media screen and (max-width: 834px) {
.sec-treatment {
padding-bottom: 50px;
}
}
.sec-treatment__banner {
margin-bottom: 117px;
}
@media screen and (max-width: 1245px) {
.sec-treatment__banner {
margin-bottom: 80px;
}
}
@media screen and (max-width: 834px) {
.sec-treatment__banner {
margin-bottom: 15px;
}
}
.sec-treatment__banner picture, .sec-treatment__banner img {
width: 100%;
}
.treatment-flex {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
padding-top: 50px;
}
@media screen and (max-width: 834px) {
.treatment-flex {
padding-top: 20px;
flex-wrap: wrap;
}
}
.treatment-flex .c-ttl__01 {
width: 148px;
margin-top: -5px;
transform: translateX(-8px);
letter-spacing: 0.75px;
}
@media screen and (min-width: 835px) {
.treatment-flex .c-ttl__01 {
writing-mode: vertical-lr;
}
}
@media screen and (max-width: 1245px) {
.treatment-flex .c-ttl__01 {
width: 110px;
}
}
@media screen and (max-width: 834px) {
.treatment-flex .c-ttl__01 {
width: 100%;
margin-top: 0;
letter-spacing: 0;
transform: translateX(0);
}
}
@media screen and (min-width: 835px) {
.treatment-flex .c-ttl__01 .c-ft--jp {
margin-right: 5px;
letter-spacing: 9px;
margin-top: -6px;
}
}
.treatment-flex__ct {
width: calc(100% - 148px);
}
@media screen and (max-width: 1245px) {
.treatment-flex__ct {
width: calc(100% - 110px);
}
}
@media screen and (max-width: 834px) {
.treatment-flex__ct {
width: 100%;
}
}
.treatment-flex__desc {
margin-bottom: 35px;
letter-spacing: 0.6px;
padding-right: 100px;
}
@media screen and (max-width: 834px) {
.treatment-flex__desc {
padding-right: 0;
letter-spacing: 0;
margin-bottom: 55px;
}
}
.treatment-flex__clinic {
max-width: 900px;
width: 100%;
margin: 0 0 12px;
display: block;
position: relative;
}
.treatment-flex__clinic::after {
content: "\e5c8";
font-family: "Material Symbols Outlined";
position: absolute;
right: 22px;
bottom: 21px;
width: 56px;
height: 56px;
border-radius: 50%;
background: #fff;
color: #482715;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
font-size: clamp(20px, 3.2vw, 36px);
}
@media screen and (max-width: 834px) {
.treatment-flex__clinic::after {
width: 30px;
height: 30px;
right: 14px;
bottom: 14px;
}
}
.treatment-flex__clinic-img img {
width: 100%;
}
@media screen and (max-width: 834px) {
.treatment-flex__clinic-img img {
width: 100%;
min-height: 170px;
object-fit: cover;
}
}
.treatment-flex__clinic-ttl {
position: absolute;
top: 46%;
left: 0;
width: 100%;
text-align: center;
transform: translateY(-50%);
font-family: "Shippori Mincho B1", serif;
color: #fff;
display: block;
font-size: clamp(16px, 2.5vw, 34px);
}
.treatment-flex__clinic-ttl span {
background: #A5C44B;
padding: 11px 37px;
letter-spacing: 2px;
margin-top: 19px;
display: inline-block;
font-size: clamp(18px, 3.5vw, 46px);
}
@media screen and (max-width: 834px) {
.treatment-flex__clinic-ttl span {
padding: 5px 14px;
letter-spacing: 0;
margin-top: 10px;
}
}
.treatment-flex__implant {
max-width: 900px;
width: 100%;
margin: 0 0 12px;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
background: #e6904b;
position: relative;
}
@media screen and (max-width: 834px) {
.treatment-flex__implant {
flex-wrap: nowrap;
}
}
.treatment-flex__implant::after {
content: "\e5c8";
font-family: "Material Symbols Outlined";
position: absolute;
right: 17px;
bottom: 20px;
width: 56px;
height: 56px;
border-radius: 50%;
background: #fff;
color: #482715;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
font-size: clamp(20px, 3.2vw, 36px);
}
@media screen and (max-width: 834px) {
.treatment-flex__implant::after {
width: 30px;
height: 30px;
right: 14px;
bottom: 14px;
}
}
.treatment-flex__implant-ttl {
text-align: center;
line-height: 1.147;
font-family: "Shippori Mincho B1", serif;
width: 48%;
color: #fff;
padding: 10px;
font-size: clamp(20px, 4vw, 52px);
}
@media screen and (max-width: 834px) {
.treatment-flex__implant-ttl {
width: 100%;
}
}
.treatment-flex__implant-ttl span {
background: #fff;
color: #e6904b;
display: inline-block;
padding: 10px 42px;
letter-spacing: 0.5px;
border-radius: 30px;
margin-bottom: 20px;
font-size: clamp(13px, 2.5vw, 28px);
}
@media screen and (max-width: 834px) {
.treatment-flex__implant-ttl span {
padding: 5px 10px;
letter-spacing: 0;
margin-bottom: 5px;
}
}
.treatment-flex__implant-img {
width: 52%;
}
@media screen and (max-width: 834px) {
.treatment-flex__implant-img {
width: 100%;
}
}
.treatment-flex__implant-img img {
width: 100%;
}
.treatment-flex__pediatric {
max-width: 900px;
width: 100%;
margin: 0 0 82px;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
position: relative;
}
@media screen and (max-width: 834px) {
.treatment-flex__pediatric {
flex-wrap: nowrap;
margin: 0 0 50px;
}
}
.treatment-flex__pediatric-img {
width: 100%;
}
.treatment-flex__pediatric-img img {
width: 100%;
}
.treatment-flex__pediatric::after {
content: "\e5c8";
font-family: "Material Symbols Outlined";
position: absolute;
right: 22px;
bottom: 21px;
width: 56px;
height: 56px;
border-radius: 50%;
background: #fff;
color: #482715;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
font-size: clamp(20px, 3.2vw, 36px);
}
@media screen and (max-width: 834px) {
.treatment-flex__pediatric::after {
width: 30px;
height: 30px;
right: 14px;
bottom: 14px;
}
}
.treatment-box {
text-align: center;
padding: 47px 30px;
background: #fff;
border-radius: 10px;
position: relative;
z-index: 2;
}
@media screen and (max-width: 834px) {
.treatment-box {
padding: 35px 20px 180px;
}
}
.treatment-box:after {
content: "";
display: inline-block;
position: absolute;
width: 272px;
height: 250px;
background: url(//sanpo-shika.com/wp-content/themes/sanpodental/img/index/icon-01.png) center no-repeat;
background-size: contain;
right: -24px;
bottom: -18px;
z-index: -1;
}
@media screen and (max-width: 1245px) {
.treatment-box:after {
width: 150px;
height: 200px;
}
}
@media screen and (max-width: 834px) {
.treatment-box:after {
width: 170px;
height: 200px;
right: auto;
left: 50%;
transform: translateX(-50%);
}
}
.treatment-box__heading {
font-family: "Shippori Mincho B1", serif;
color: #053864;
margin-bottom: 20px;
letter-spacing: 4px;
font-size: clamp(20px, 2.5vw, 32px);
}
@media screen and (max-width: 834px) {
.treatment-box__heading {
letter-spacing: 0;
}
}
.treatment-box__desc {
margin-bottom: 24px;
}
@media screen and (max-width: 834px) {
.treatment-box__desc {
text-align: left;
}
}
.treatment-box__desc span {
display: block;
margin-top: 4px;
font-size: 1.2rem;
}
.treatment-box__main {
max-width: 510px;
width: 100%;
margin: 0 auto;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 41px;
}
@media screen and (max-width: 834px) {
.treatment-box__main {
margin-bottom: 35px;
justify-content: flex-start;
flex-wrap: wrap;
}
}
.treatment-box__main small {
display: inline-block;
padding: 7px 10px;
border-radius: 4px;
border: 1px solid #053864;
color: #053864;
font-family: "Shippori Mincho B1", serif;
font-size: 1.8rem;
}
@media screen and (min-width: 641px) {
.treatment-box__main small {
width: 120px;
}
}
@media screen and (max-width: 834px) {
.treatment-box__main small {
padding: 5px 10px;
font-size: 1.5rem;
}
}
@media screen and (max-width: 374px) {
.treatment-box__main small {
padding: 5px;
font-size: 1.4rem;
}
}
.treatment-box__main-ttl {
padding-left: 10px;
width: 50%;
flex: 1 1 auto;
}
.treatment-box__main p {
letter-spacing: 1px;
font-weight: 300;
line-height: 1.5;
text-align: left;
font-size: 1.4rem;
}
@media screen and (max-width: 834px) {
.treatment-box__main p {
letter-spacing: 0;
}
}
.treatment-box__main p span {
font-weight: 500;
}
.treatment-box__note {
max-width: 650px;
width: 100%;
margin: 0 auto;
background: #eef6f7;
padding: 23px 20px 18px;
letter-spacing: 0.8px;
border-radius: 3em;
color: #053864;
font-weight: 500;
font-size: 1.5rem;
}
@media screen and (max-width: 1245px) {
.treatment-box__note {
padding: 17px 9px 15px;
letter-spacing: 0;
max-width: 500px;
font-size: 1.4rem;
}
}
@media screen and (max-width: 834px) {
.treatment-box__note {
font-size: 1.3rem;
}
}
.treatment-list {
margin-bottom: 60px;
margin-left: -26px;
padding-right: 90px;
}
@media screen and (max-width: 1245px) {
.treatment-list {
margin-left: -15px;
}
}
@media screen and (max-width: 834px) {
.treatment-list {
margin-left: -10px;
margin-bottom: 50px;
padding-right: 0;
}
}
.treatment-list .slick-list {
padding-left: 0 !important;
}
.treatment-list__item {
padding: 10px 26px;
}
@media screen and (max-width: 1245px) {
.treatment-list__item {
padding: 5px 15px;
}
}
@media screen and (max-width: 834px) {
.treatment-list__item {
padding: 5px 10px;
}
}
.treatment-list__ct p {
margin-bottom: 14px;
letter-spacing: 0.5px;
color: #053864;
}
.treatment-list__img {
border-radius: 10px;
margin-bottom: 19px;
overflow: hidden;
position: relative;
}
.treatment-list__img::before {
content: "";
float: left;
padding-top: 66%;
}
.treatment-list__img::after {
content: "";
display: table;
clear: both;
}
.treatment-list__img > :first-child {
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
.treatment-list__img > :first-child img {
width: 100%;
height: 100%;
object-fit: cover;
}
@media screen and (max-width: 834px) {
.treatment-list__img {
margin-bottom: 16px;
}
}
.treatment-list__ttl {
color: #053864;
line-height: 1.3;
margin-bottom: 10px;
letter-spacing: 3px;
font-family: "Shippori Mincho B1", serif;
font-size: clamp(18px, 2.5vw, 24px);
}
@media screen and (max-width: 834px) {
.treatment-list__ttl {
letter-spacing: 0;
}
}
.treatment-list__tags {
margin-left: 3px;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: -5px;
}
.treatment-list__tags-item {
margin-right: 8px;
margin-bottom: 5px;
}
@media screen and (max-width: 1440px) {
.treatment-list__tags-item {
margin-right: 5px;
}
}
.treatment-list__tags-item span {
border: 1px solid #a8bdcb;
background: #fff;
padding: 6px 16px;
letter-spacing: 0.5px;
border-radius: 20px;
display: inline-block;
color: #053864;
font-size: 1.4rem;
}
@media screen and (max-width: 1440px) {
.treatment-list__tags-item span {
padding: 5px 10px 2px;
letter-spacing: 0;
font-size: 1.2rem;
}
}
.treatment-list .slick-prev, .treatment-list .slick-next {
width: 60px;
height: 60px;
border-radius: 50%;
background: #6dc6ce;
color: #6dc6ce;
top: -52px;
right: 27.3%;
left: auto;
z-index: 10;
}
@media screen and (max-width: 1245px) {
.treatment-list .slick-prev, .treatment-list .slick-next {
right: 18.3%;
}
}
@media screen and (max-width: 834px) {
.treatment-list .slick-prev, .treatment-list .slick-next {
width: 35px;
height: 35px;
top: -35px;
right: 16%;
}
}
.treatment-list .slick-prev::after, .treatment-list .slick-next::after {
content: "\e5c4";
font-family: "Material Symbols Outlined";
position: absolute;
left: 50%;
top: 50%;
color: #fff;
transform: translate(-50%, -50%);
font-size: 1.8rem;
}
.treatment-list .slick-prev::before, .treatment-list .slick-next::before {
display: none;
}
.treatment-list .slick-prev.slick-disabled, .treatment-list .slick-next.slick-disabled {
background: #bae3e7;
}
.treatment-list .slick-next {
right: calc(27.3% - 66px);
}
@media screen and (max-width: 1245px) {
.treatment-list .slick-next {
right: calc(18.3% - 66px);
}
}
@media screen and (max-width: 834px) {
.treatment-list .slick-next {
right: calc(16% - 40px);
}
}
.treatment-list .slick-next::after {
content: "\e5c8";
}
.sec-feature {
padding: 68px 0 34px;
}
.sec-feature .inner {
padding-top: 30px;
}
@media screen and (max-width: 834px) {
.sec-feature {
padding: 20px 0 50px;
}
}
.box-title {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
margin-bottom: 86px;
}
@media screen and (max-width: 834px) {
.box-title {
flex-wrap: wrap;
margin-bottom: 35px;
}
}
.box-title .c-ttl__01 {
width: 450px;
padding-right: 20px;
}
@media screen and (max-width: 1245px) {
.box-title .c-ttl__01 {
width: 42%;
}
}
@media screen and (max-width: 834px) {
.box-title .c-ttl__01 {
padding-right: 0;
width: 100%;
margin-bottom: 20px;
}
}
.box-title__ct {
padding-top: 41px;
letter-spacing: 0.9px;
width: calc(100% - 450px);
}
@media screen and (max-width: 1245px) {
.box-title__ct {
letter-spacing: 0;
padding-top: 0;
width: 58%;
}
}
@media screen and (max-width: 834px) {
.box-title__ct {
width: 100%;
}
}
.box-title__heading {
font-family: "Shippori Mincho B1", serif;
color: #053864;
margin-bottom: 20px;
letter-spacing: 1.5px;
font-size: clamp(18px, 2.5vw, 24px);
}
@media screen and (max-width: 1245px) {
.box-title__heading {
letter-spacing: 0;
}
}
.feature-list__item {
position: relative;
min-height: 100vh;
clip-path: inset(0);
}
.feature-list__item:nth-child(2) .feature-list__number {
top: 37%;
right: auto;
left: 4%;
}
.feature-list__item:nth-child(2) .feature-list__ct {
bottom: 14.9%;
right: auto;
left: 14.3%;
}
@media screen and (max-width: 834px) {
.feature-list__item:nth-child(2) .feature-list__ct {
bottom: 10%;
right: auto;
left: 0;
width: 100%;
margin: 0 auto;
padding: 0 25px;
}
}
.feature-list__item:nth-child(2) .feature-list__ttl {
margin-bottom: 28px;
}
.feature-list__item:nth-child(3) .feature-list__number {
top: 14%;
right: 7%;
}
.feature-list__item:nth-child(3) .feature-list__ct {
bottom: 14.3%;
right: 14.3%;
}
.feature-list__item:nth-child(4) .feature-list__number {
top: 30%;
right: auto;
left: 4%;
}
.feature-list__item:nth-child(4) .feature-list__ct {
bottom: 28.6%;
right: auto;
left: 14.3%;
letter-spacing: 0;
}
.feature-list__img {
position: fixed;
z-index: -1;
top: 0;
left: 0;
right: 0;
height: 100vh;
}
.feature-list__img img {
width: 100%;
height: 100%;
object-fit: cover;
}
.feature-list__number {
color: rgba(255, 255, 255, 0.102);
font-size: clamp(100px, 26vw, 390px);
line-height: 0.5;
font-family: serif;
position: absolute;
top: 46%;
right: 5%;
letter-spacing: -0.05em;
font-weight: 300;
font-family: "Shippori Mincho B1", serif;
}
.feature-list__ct {
position: absolute;
bottom: 13.3%;
right: 14.4%;
letter-spacing: 1px;
max-width: 597px;
color: #fff;
}
@media screen and (max-width: 834px) {
.feature-list__ct {
letter-spacing: 0;
padding: 0 25px;
width: 100%;
right: 0 !important;
left: 0 !important;
}
}
.feature-list__ttl {
line-height: 1.2;
font-family: "Shippori Mincho B1", serif;
margin-bottom: 38px;
font-size: clamp(25px, 3.5vw, 50px);
}
@media screen and (max-width: 834px) {
.feature-list__ttl {
margin-bottom: 18px;
}
}
.feature-list__ttl span {
display: block;
margin-bottom: 3px;
font-size: clamp(18px, 2.5vw, 24px);
}
.feature-list__ttl sup {
font-size: clamp(16px, 2vw, 20px);
}
.feature-list__banner {
padding: 30px 20px 49px;
background: url(//sanpo-shika.com/wp-content/themes/sanpodental/img/index/banner-08.jpg) center no-repeat;
background-size: cover;
text-align: center;
position: relative;
margin-top: 27px;
display: block;
}
@media screen and (max-width: 834px) {
.feature-list__banner {
padding: 18px 15px 53px;
background: url(//sanpo-shika.com/wp-content/themes/sanpodental/img/index/banner-08.jpg) center right no-repeat;
background-size: cover;
}
}
.feature-list__banner::after {
content: "\e5c8";
font-family: "Material Symbols Outlined";
position: absolute;
right: 13px;
bottom: 15px;
width: 37px;
height: 37px;
border-radius: 50%;
background: #fff;
color: #482715;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
font-size: clamp(18px, 2.5vw, 24px);
}
@media screen and (max-width: 834px) {
.feature-list__banner::after {
width: 35px;
height: 35px;
}
}
.feature-list__banner-ttl {
font-size: clamp(22px, 2.5vw, 32px);
color: #000100;
padding-left: 24px;
letter-spacing: 3px;
font-family: "Shippori Mincho B1", serif;
}
@media screen and (max-width: 834px) {
.feature-list__banner-ttl {
padding-left: 0;
letter-spacing: 0;
margin-bottom: 34px;
}
}
.feature-list__banner-ttl small {
display: inline-block;
color: #fff;
padding: 5px 22px;
background: #324C92;
border-radius: 30px;
margin-bottom: 10px;
font-size: 21px;
letter-spacing: 0px;
bottom: 10px;
font-size: clamp(16px, 2vw, 21px);
}
.feature-list__banner-ttl span {
display: block;
margin-top: 2px;
font-size: clamp(16px, 2vw, 21px);
}
.feature-list__banner-tags {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
position: absolute;
left: 21px;
bottom: 17px;
}
@media screen and (max-width: 834px) {
.feature-list__banner-tags {
left: 50%;
bottom: 16px;
transform: translateX(-50%);
}
}
.feature-list__banner-tags-item {
margin-right: 10px;
}
@media screen and (max-width: 834px) {
.feature-list__banner-tags-item {
margin-right: 5px;
}
}
.feature-list__banner-tags-item span {
text-align: center;
width: 85px;
height: 85px;
border-radius: 50%;
background: #7b92c9;
color: #fff;
font-family: "Shippori Mincho B1", serif;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
font-size: 1.6rem;
}
@media screen and (max-width: 834px) {
.feature-list__banner-tags-item span {
width: 60px;
height: 60px;
font-size: 1.2rem;
}
}
.feature-post {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: -160px -20px 0;
position: relative;
z-index: 2;
}
@media screen and (max-width: 1245px) {
.feature-post {
margin-top: -100px;
}
}
@media screen and (max-width: 834px) {
.feature-post {
margin: -50px -10px -35px;
}
}
.feature-post__item {
width: 50%;
padding: 0 20px;
margin-bottom: 82px;
}
@media screen and (max-width: 1245px) {
.feature-post__item {
margin-bottom: 50px;
}
}
@media screen and (max-width: 834px) {
.feature-post__item {
margin-bottom: 35px;
padding: 0 10px;
}
}
.feature-post__ct {
text-align: center;
display: block;
}
@media screen and (max-width: 834px) {
.feature-post__ct p {
text-align: left;
}
}
.feature-post__img {
border-radius: 6px;
margin-bottom: 20px;
position: relative;
}
.feature-post__img::before {
content: "";
float: left;
padding-top: 68.9655172414%;
}
.feature-post__img::after {
content: "";
display: table;
clear: both;
}
.feature-post__img > :first-child {
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
.feature-post__img > :first-child img {
width: 100%;
height: 100%;
object-fit: cover;
}
@media screen and (max-width: 834px) {
.feature-post__img {
margin-bottom: 15px;
}
}
.feature-post__ttl {
color: #053864;
text-align: center;
margin-bottom: 12px;
letter-spacing: 2px;
line-height: 1.3;
font-family: "Shippori Mincho B1", serif;
font-size: clamp(15px, 2vw, 21px);
}
@media screen and (max-width: 834px) {
.feature-post__ttl {
letter-spacing: 0;
margin-bottom: 10px;
}
}
.sec-message {
padding: 80px 0 136px;
position: relative;
z-index: 2;
}
@media screen and (max-width: 1245px) {
.sec-message {
padding: 70px 0 100px;
}
}
@media screen and (max-width: 834px) {
.sec-message {
padding: 50px 0;
background: rgba(238, 246, 247, 0.6);
}
}
.sec-message:after {
content: "";
display: inline-block;
position: absolute;
width: 83.3%;
height: 81.5%;
bottom: 0;
right: 0;
background: #eef6f7;
z-index: -1;
}
@media screen and (max-width: 834px) {
.sec-message:after {
display: none;
}
}
.sec-message .inner {
max-width: 1500px;
}
.message-flex {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-bottom: 35px;
}
@media screen and (max-width: 1245px) {
.message-flex {
margin-bottom: 0;
}
}
@media screen and (max-width: 834px) {
.message-flex {
flex-wrap: wrap;
}
}
.message-flex__img {
width: 500px;
border-radius: 10px;
overflow: hidden;
}
@media screen and (max-width: 1440px) {
.message-flex__img {
width: 400px;
}
}
@media screen and (max-width: 1245px) {
.message-flex__img {
width: 36%;
}
}
@media screen and (max-width: 834px) {
.message-flex__img {
width: 100%;
margin-bottom: 17px;
}
}
.message-flex__img img {
width: 100%;
}
.message-flex__ct {
width: calc(100% - 500px);
padding-right: 150px;
padding-left: 110px;
}
@media screen and (max-width: 1440px) {
.message-flex__ct {
padding-left: 30px;
padding-right: 0;
width: calc(100% - 400px);
}
}
@media screen and (max-width: 1245px) {
.message-flex__ct {
width: 64%;
padding-left: 25px;
}
}
@media screen and (max-width: 834px) {
.message-flex__ct {
width: 100%;
padding-left: 0;
}
}
.message-flex__ct-main {
position: relative;
padding-top: 79px;
margin-bottom: 30px;
z-index: 2;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: flex-end;
-ms-flex-align: end;
align-items: flex-end;
}
@media screen and (max-width: 834px) {
.message-flex__ct-main {
padding-top: 0;
margin-bottom: 35px;
flex-wrap: wrap;
}
}
.message-flex__ct-main .c-txt__01 {
order: 1;
width: calc(100% - 146px);
}
@media screen and (max-width: 1440px) {
.message-flex__ct-main .c-txt__01 {
width: calc(100% - 120px);
}
}
@media screen and (max-width: 1245px) {
.message-flex__ct-main .c-txt__01 {
width: calc(100% - 90px);
}
}
@media screen and (max-width: 834px) {
.message-flex__ct-main .c-txt__01 {
width: 100%;
order: 2;
}
}
.message-flex__ct-main .c-ttl__03 {
width: 146px;
padding-bottom: 40px;
order: 2;
transform: translateX(17px);
letter-spacing: 0.75px;
padding-bottom: 95px;
}
@media screen and (min-width: 835px) {
.message-flex__ct-main .c-ttl__03 {
writing-mode: tb-rl;
}
}
@media screen and (max-width: 1440px) {
.message-flex__ct-main .c-ttl__03 {
width: 120px;
}
}
@media screen and (max-width: 1245px) {
.message-flex__ct-main .c-ttl__03 {
width: 90px;
letter-spacing: 0;
transform: translateX(0);
}
}
@media screen and (max-width: 834px) {
.message-flex__ct-main .c-ttl__03 {
order: 1;
width: 100%;
padding-bottom: 0;
margin-bottom: 20px;
}
}
.message-flex__ct-main .c-ttl__02 {
position: absolute;
right: 0;
top: 0;
z-index: -1;
top: 10px;
letter-spacing: 3px;
}
@media screen and (max-width: 834px) {
.message-flex__ct-main .c-ttl__02 {
letter-spacing: 0;
position: static;
margin-bottom: 20px;
}
}
.message-flex__name {
line-height: 1.2;
text-align: right;
font-family: "Shippori Mincho B1", serif;
margin-bottom: 55px;
letter-spacing: 1.4px;
font-size: clamp(18px, 2.5vw, 24px);
}
.message-flex__name span {
display: block;
margin-bottom: 4px;
letter-spacing: 0px;
font-size: 1.6rem;
}
.message-flex__name b {
font-weight: 400;
font-size: 1.4rem;
}
.message-flex__name small {
margin-top: 8px;
display: inline-block;
padding: 7px 22px;
border: 1px solid #053864;
font-size: 1.5rem;
}
.message-flex__doctor {
padding: 30px 58px 10px;
border-radius: 8px;
background: #dbeef0;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
@media screen and (max-width: 1550px) {
.message-flex__doctor {
padding: 30px 15px 10px;
}
}
@media screen and (max-width: 1245px) {
.message-flex__doctor {
flex-wrap: wrap;
padding: 30px 20px;
}
}
.message-flex__doctor-img {
width: 240px;
margin-top: -47px;
}
@media screen and (max-width: 1550px) {
.message-flex__doctor-img {
width: 200px;
}
}
@media screen and (max-width: 1245px) {
.message-flex__doctor-img {
width: 100%;
margin-top: 0;
margin-bottom: 15px;
}
}
.message-flex__doctor-img img {
width: 100%;
}
@media screen and (max-width: 1245px) {
.message-flex__doctor-img img {
max-width: 220px;
width: 100%;
margin: 0 auto;
display: block;
}
}
.message-flex__doctor-ct {
padding-left: 46px;
margin-top: -21px;
width: calc(100% - 240px);
}
@media screen and (max-width: 1550px) {
.message-flex__doctor-ct {
padding-left: 20px;
width: calc(100% - 200px);
}
}
@media screen and (max-width: 1245px) {
.message-flex__doctor-ct {
width: 100%;
margin-top: 0;
padding-left: 0;
}
}
.message-flex__doctor-ttl {
font-family: "Shippori Mincho B1", serif;
line-height: 1.619;
margin-bottom: 15px;
font-size: clamp(16px, 2vw, 21px);
}
@media screen and (max-width: 834px) {
.message-flex__doctor-ttl {
line-height: 1.5;
}
}
.sec-gallery {
padding-bottom: 160px;
}
@media screen and (max-width: 834px) {
.sec-gallery {
padding-bottom: 50px;
}
}
.sec-gallery__banner {
margin-bottom: 89px;
}
@media screen and (max-width: 834px) {
.sec-gallery__banner {
margin-bottom: 35px;
}
}
.sec-gallery__banner img {
width: 100%;
}
@media screen and (min-width: 1246px) {
.sec-gallery .box-title {
margin-bottom: 92px;
}
.sec-gallery .box-title .c-ttl__01 {
width: 500px;
}
.sec-gallery .box-title .c-ttl__01 .c-ft--jp {
letter-spacing: 0;
}
.sec-gallery .box-title .box-title__ct {
width: calc(100% - 500px);
}
}
.gallery-box .slick-prev, .gallery-box .slick-next {
width: 60px;
height: 60px;
border-radius: 50%;
background: #6dc6ce;
color: #6dc6ce;
bottom: -135px;
top: auto;
right: 20.8%;
left: auto;
z-index: 10;
}
@media screen and (max-width: 1245px) {
.gallery-box .slick-prev, .gallery-box .slick-next {
right: 10.3%;
}
}
@media screen and (max-width: 834px) {
.gallery-box .slick-prev, .gallery-box .slick-next {
width: 35px;
height: 35px;
top: -35px;
bottom: auto;
right: 16%;
}
}
.gallery-box .slick-prev::after, .gallery-box .slick-next::after {
content: "\e5c4";
font-family: "Material Symbols Outlined";
position: absolute;
left: 50%;
top: 50%;
color: #fff;
transform: translate(-50%, -50%);
font-size: 1.8rem;
}
@media screen and (max-width: 834px) {
.gallery-box .slick-prev::after, .gallery-box .slick-next::after {
font-size: 1.6rem;
}
}
.gallery-box .slick-prev::before, .gallery-box .slick-next::before {
display: none;
}
.gallery-box .slick-prev.slick-disabled, .gallery-box .slick-next.slick-disabled {
background: #bae3e7;
}
.gallery-box .slick-next {
right: calc(20.8% - 67px);
}
@media screen and (max-width: 1245px) {
.gallery-box .slick-next {
right: calc(10.3% - 67px);
}
}
@media screen and (max-width: 834px) {
.gallery-box .slick-next {
right: calc(16% - 40px);
}
}
.gallery-box .slick-next::after {
content: "\e5c8";
}
.gallery-box:not(:last-child) {
margin-bottom: 105px;
}
@media screen and (max-width: 834px) {
.gallery-box:not(:last-child) {
margin-bottom: 50px;
}
}
.gallery-box__slider {
margin-left: -31px;
margin-bottom: 41px;
}
@media screen and (max-width: 1245px) {
.gallery-box__slider {
margin-left: -15px;
}
}
@media screen and (max-width: 834px) {
.gallery-box__slider {
margin-left: -10px;
margin-bottom: 20px;
}
}
.gallery-box__slider-item {
box-shadow: none !important;
padding: 0 31px;
}
@media screen and (max-width: 1245px) {
.gallery-box__slider-item {
padding: 0 15px;
}
}
@media screen and (max-width: 834px) {
.gallery-box__slider-item {
padding: 0 10px;
}
}
.gallery-box__slider-img {
position: relative;
border-radius: 10px;
overflow: hidden;
}
.gallery-box__slider-img::before {
content: "";
float: left;
padding-top: 66.6666666667%;
}
.gallery-box__slider-img::after {
content: "";
display: table;
clear: both;
}
.gallery-box__slider-img > :first-child {
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
.gallery-box__slider-img > :first-child img {
width: 100%;
height: 100%;
object-fit: cover;
}
.gallery-box__ct {
padding-right: 100px;
}
@media screen and (max-width: 834px) {
.gallery-box__ct {
padding-right: 0;
}
}
.gallery-box__ttl {
margin-bottom: 13px;
letter-spacing: 1px;
line-height: 1.3;
font-family: "Shippori Mincho B1", serif;
font-size: clamp(18px, 2.5vw, 24px);
}
@media screen and (max-width: 834px) {
.gallery-box__ttl {
letter-spacing: 0;
margin-bottom: 10px;
}
}
.mv-page {
padding: 44px 0;
}
@media screen and (max-width: 834px) {
.mv-page {
padding: 50px 0 0;
}
}
.mv-page .c-ttl__01 {
margin-bottom: 58px;
}
@media screen and (max-width: 834px) {
.mv-page .c-ttl__01 {
margin-bottom: 35px;
}
}
.mv-page .c-ttl__01 .c-ft--en {
margin-bottom: 5px;
}
.mv-page__img {
padding-right: 90px;
}
@media screen and (max-width: 834px) {
.mv-page__img {
padding-right: 0;
}
}
.mv-page__img img {
width: 100%;
}
.form-control {
background: #eef6f7;
height: 60px;
outline: none;
resize: none;
appearance: none;
border-radius: 6px;
-webkit-appearance: none;
border: 0;
font-size: 1.5rem;
line-height: 1.8666666667;
width: 100%;
padding: 12px;
font-family: "Noto Sans JP", sans-serif;
}
@media screen and (max-width: 834px) {
.form-control {
height: 50px;
padding: 10px;
}
}
.form-control--txt {
height: 300px;
}
@media screen and (max-width: 834px) {
.form-control--txt {
height: 200px;
}
}
.form-control::placeholder {
color: #808080;
}
.sec-contact {
padding: 96px 0 181px;
}
@media screen and (max-width: 834px) {
.sec-contact {
padding: 51px 0 61px;
}
}
@media screen and (max-width: 834px) {
.sec-contact {
padding: 50px 0;
}
}
.sec-contact--confirm .contact-block {
margin-bottom: 35px;
padding-bottom: 41px;
border-bottom: 1px solid #dbe3e9;
}
@media screen and (max-width: 834px) {
.sec-contact--confirm .contact-block {
padding-bottom: 15px;
margin-bottom: 35px;
}
}
.sec-contact--confirm .l-form__group-dt {
padding-top: 0 !important;
}
@media screen and (min-width: 835px) {
.sec-contact--thanks {
padding-bottom: 139px;
}
.sec-contact--thanks .c-btn__02 {
max-width: 320px;
}
}
@media screen and (max-width: 834px) {
.sec-contact--thanks .c-txt__01 {
letter-spacing: -0.5px;
}
}
.contact-block {
max-width: 850px;
width: 100%;
margin: 0 auto 42px;
}
@media screen and (max-width: 834px) {
.contact-block {
margin-bottom: 35px;
}
}
.contact-block__menu {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
position: relative;
z-index: 2;
margin-bottom: 52px;
}
.contact-block__menu:before {
content: "";
display: inline-block;
position: absolute;
width: 290px;
height: 1px;
background: #6dc6ce;
top: 30px;
left: 50%;
transform: translateX(-50%);
z-index: -1;
}
@media screen and (max-width: 834px) {
.contact-block__menu:before {
top: 25px;
width: 250px;
}
}
.contact-block__menu-item {
padding: 0 30px;
color: #053864;
text-align: center;
font-size: 1.5rem;
}
@media screen and (max-width: 834px) {
.contact-block__menu-item {
padding: 0 25px;
}
}
.contact-block__menu-item span {
margin-bottom: 12px;
width: 60px;
height: 60px;
border-radius: 50%;
background: #fff;
font-family: "Marcellus", serif;
border: 1px solid #a8bdcb;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
font-size: 2rem;
}
@media screen and (max-width: 834px) {
.contact-block__menu-item span {
width: 50px;
height: 50px;
font-size: 1.8rem;
}
}
.contact-block__menu-item.active {
font-weight: 500;
}
.contact-block__menu-item.active span {
color: #fff;
background: #6dc6ce;
border-color: #6dc6ce;
}
.contact-block__ttl {
text-align: center;
font-family: "Shippori Mincho B1", serif;
color: #053864;
margin-bottom: 25px;
font-size: 2rem;
}
@media screen and (max-width: 834px) {
.contact-block__ttl {
letter-spacing: -0.5px;
margin-bottom: 20px;
line-height: 1.6;
font-size: 1.6rem;
}
}
.contact-block__desc {
line-height: 1.7333;
}
.contact-note {
margin-bottom: 35px;
padding-bottom: 41px;
border-bottom: 1px solid #dbe3e9;
letter-spacing: 1.1px;
font-size: 1.4rem;
}
@media screen and (max-width: 834px) {
.contact-note {
letter-spacing: 0;
padding-bottom: 15px;
margin-bottom: 35px;
}
}
.contact-note span {
color: #6dc6ce;
}
.l-form__ct {
margin-bottom: 51px;
}
@media screen and (max-width: 834px) {
.l-form__ct {
margin-bottom: 25px;
}
}
.l-form__group {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.l-form__group:not(:last-child) {
margin-bottom: 49px;
}
@media screen and (max-width: 834px) {
.l-form__group:not(:last-child) {
margin-bottom: 15px;
}
}
.l-form__group-dt {
width: 260px;
padding-top: 16px;
color: #053864;
font-weight: 500;
font-size: 1.5rem;
}
@media screen and (max-width: 834px) {
.l-form__group-dt {
width: 100%;
text-align: left;
margin-bottom: 3px;
padding-top: 0;
}
}
.l-form__group-dt span {
color: #6dc6ce;
}
.l-form__group-dd {
width: calc(100% - 260px);
}
@media screen and (max-width: 834px) {
.l-form__group-dd {
width: 100%;
}
}
.l-form__flex {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 5.6px 0;
}
.l-form__flex-item {
width: calc((100% - 24.5px) / 2);
}
@media screen and (max-width: 834px) {
.l-form__flex-item {
width: 100%;
}
}
.l-form__info-brief {
text-align: center;
margin-bottom: 58px;
}
@media screen and (max-width: 834px) {
.l-form__info-brief {
line-height: 2.25;
margin-bottom: 34px;
}
}
.l-form__privacy {
border: 1px solid #a8bdcb;
padding: 25px 40px;
overflow-y: auto;
max-height: 300px;
max-width: 800px;
width: 100%;
margin: 0 auto 26px;
}
.l-form__privacy h3 {
text-align: center;
font-family: "Shippori Mincho B1", serif;
margin-bottom: 32px;
font-size: 2.2rem;
}
@media screen and (max-width: 834px) {
.l-form__privacy h3 {
margin-bottom: 20px;
font-size: 1.8rem;
}
}
.l-form__privacy .c-txt__01 {
margin-bottom: 33px;
}
.l-form__privacy h4 {
margin-bottom: 30px;
padding-bottom: 4px;
font-weight: 500;
border-bottom: 1px solid #dbe3e9;
font-size: 1.7rem;
}
@media screen and (max-width: 834px) {
.l-form__privacy h4 {
font-size: 1.6rem;
}
}
.l-form__privacy .c-al--c {
display: block;
}
.l-form__privacy a {
color: inherit;
}
@media screen and (max-width: 834px) {
.l-form__privacy {
padding: 25px 15px;
text-align: left;
}
}
.l-form__privacy ul li {
position: relative;
padding-left: 15px;
}
.l-form__privacy ul li:before {
content: "";
display: inline-block;
position: absolute;
width: 10px;
height: 10px;
background: #6dc6ce;
top: 9px;
left: 0;
border-radius: 50%;
}
.l-form__check {
text-align: center;
margin-bottom: 72px;
}
@media screen and (max-width: 834px) {
.l-form__check {
margin-bottom: 34px;
}
}
.l-form__wbtn {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 20px;
}
.l-form__wbtn .c-btn__02 {
margin: 0;
}
.l-form .error {
display: block !important;
margin-top: 14px;
color: red;
letter-spacing: 0.06em;
font-size: inherit !important;
line-height: 1;
}
@media screen and (max-width: 834px) {
.l-form .error {
margin-bottom: 10px;
}
}
.mwform-checkbox-field label,
.mwform-radio-field label,
.pure-input {
position: relative;
font-weight: 500;
font-size: 1.5rem;
line-height: 1.75;
display: inline-block;
letter-spacing: 0.75px;
}
.mwform-checkbox-field label input,
.mwform-radio-field label input,
.pure-input input {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 1;
opacity: 0;
cursor: pointer;
}
.mwform-checkbox-field label input[type=checkbox] + span,
.mwform-radio-field label input[type=checkbox] + span,
.pure-input input[type=checkbox] + span {
padding: 3px 0 3px 42px;
}
.mwform-checkbox-field label input[type=checkbox] + span::before,
.mwform-radio-field label input[type=checkbox] + span::before,
.pure-input input[type=checkbox] + span::before {
width: 20px;
height: 20px;
border-radius: 2px;
box-sizing: border-box;
}
.mwform-checkbox-field label input[type=checkbox] + span:after,
.mwform-radio-field label input[type=checkbox] + span:after,
.pure-input input[type=checkbox] + span:after {
background-color: transparent;
top: 11px;
left: 15px;
width: 10px;
height: 4px;
border-style: solid;
border-color: #db000f;
border-width: 0 0 2px 2px;
border-image: none;
transform: rotate(-45deg) scale(0);
}
.mwform-checkbox-field label input[type=checkbox]:checked + span:after,
.mwform-radio-field label input[type=checkbox]:checked + span:after,
.pure-input input[type=checkbox]:checked + span:after {
content: "";
transform: rotate(-45deg) scale(1);
transition: transform 200ms ease-out;
}
.mwform-checkbox-field label input[type=radio] + span:after, .mwform-checkbox-field label input[type=radio] + span:before,
.mwform-radio-field label input[type=radio] + span:after,
.mwform-radio-field label input[type=radio] + span:before,
.pure-input input[type=radio] + span:after,
.pure-input input[type=radio] + span:before {
border-radius: 50%;
}
.mwform-checkbox-field label input[type=radio] + span:after,
.mwform-radio-field label input[type=radio] + span:after,
.pure-input input[type=radio] + span:after {
top: 9px;
left: 4px;
width: 13px;
height: 13px;
}
.mwform-checkbox-field label input[type=radio]:checked + span:before,
.mwform-radio-field label input[type=radio]:checked + span:before,
.pure-input input[type=radio]:checked + span:before {
animation: borderscale 300ms ease-in;
background-color: white;
}
.mwform-checkbox-field label input[type=radio]:checked + span:after,
.mwform-radio-field label input[type=radio]:checked + span:after,
.pure-input input[type=radio]:checked + span:after {
transform: scale(1);
}
.mwform-checkbox-field label span,
.mwform-radio-field label span,
.pure-input span {
display: block;
position: relative;
padding: 0 0 0 29px;
user-select: none;
cursor: pointer;
}
.mwform-checkbox-field label span:before,
.mwform-radio-field label span:before,
.pure-input span:before {
box-sizing: content-box;
content: "";
background: #eef6f7;
position: absolute;
top: 4px;
left: 11px;
width: 22px;
height: 22px;
border: 0;
border-radius: 4px;
text-align: center;
transition: all 0.4s ease;
}
.mwform-checkbox-field label span:after,
.mwform-radio-field label span:after,
.pure-input span:after {
box-sizing: content-box;
content: "";
background-color: #db000f;
position: absolute;
top: 11px;
left: 15px;
width: 10px;
height: 10px;
transform: scale(0);
transform-origin: 50%;
transition: transform 200ms ease-out;
}
.mw_wp_form_confirm .l-form__group-dt {
padding-top: 0;
}
.mw_wp_form_confirm .l-form__group-dt .required {
display: none;
}
.mw_wp_form_confirm .l-form__info {
display: none;
}
.mw_wp_form_input .confirm-block {
display: none;
}
.mw_wp_form_confirm .input-block {
display: none;
}
.sec-blog {
padding: 96px 0 160px;
}
@media screen and (max-width: 834px) {
.sec-blog {
padding: 40px 0 50px;
}
}
@media screen and (min-width: 1246px) {
.sec-blog--detail {
padding-bottom: 180px;
}
}
.blog-content {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
@media screen and (max-width: 834px) {
.blog-content {
flex-wrap: wrap;
}
}
.blog-content__posts {
padding-right: 80px;
width: calc(100% - 280px);
}
@media screen and (min-width: 1246px) {
.blog-content__posts .news-posts__item a {
padding: 32.5px 37px 32.5px 0;
}
}
@media screen and (max-width: 1245px) {
.blog-content__posts {
padding-right: 30px;
width: calc(100% - 220px);
}
}
@media screen and (max-width: 834px) {
.blog-content__posts {
padding-right: 0;
width: 100%;
margin-bottom: 50px;
}
}
.blog-content__posts .news-posts {
margin-bottom: 83px;
}
@media screen and (max-width: 834px) {
.blog-content__posts .news-posts {
margin-bottom: 35px;
}
}
.blog-content__posts-heading {
color: #053864;
font-weight: 500;
letter-spacing: 1.5px;
margin-bottom: 42px;
padding-bottom: 24px;
margin-top: -5px;
border-bottom: 1px solid #dbe3e9;
font-size: 3rem;
}
@media screen and (max-width: 834px) {
.blog-content__posts-heading {
letter-spacing: 0;
padding-bottom: 15px;
margin-bottom: 25px;
margin-top: 0;
font-size: 2.1rem;
}
}
.blog-content__posts-heading span {
letter-spacing: 0.7px;
margin-bottom: 18px;
font-weight: 400;
display: block;
font-family: "Marcellus", serif;
font-size: 1.8rem;
}
@media screen and (max-width: 834px) {
.blog-content__posts-heading span {
margin-bottom: 10px;
letter-spacing: 0;
font-size: 1.6rem;
}
}
.blog-content__posts-desc {
margin-bottom: 50px;
}
@media screen and (max-width: 834px) {
.blog-content__posts-desc {
margin-bottom: 35px;
}
}
.blog-content__posts-detail {
margin-bottom: 89px;
}
@media screen and (max-width: 834px) {
.blog-content__posts-detail {
margin-bottom: 35px;
}
}
.blog-content__posts-detail h1, .blog-content__posts-detail h2, .blog-content__posts-detail h3, .blog-content__posts-detail h4, .blog-content__posts-detail h5, .blog-content__posts-detail h6 {
font-weight: 500;
color: #053864;
}
.blog-content__posts-detail h1 {
background: #eef6f7;
border-radius: 10px;
margin-bottom: 32px;
padding: 13px 19px;
letter-spacing: 0.25px;
font-size: 2.4rem;
}
@media screen and (max-width: 834px) {
.blog-content__posts-detail h1 {
padding: 10px 15px;
border-radius: 5px;
letter-spacing: 0;
margin-bottom: 20px;
font-size: 2.1rem;
}
}
@media screen and (max-width: 374px) {
.blog-content__posts-detail h1 {
font-size: 2rem;
}
}
.blog-content__posts-detail p {
line-height: 2;
margin-bottom: 46.5px;
font-size: 1.5rem;
}
@media screen and (max-width: 834px) {
.blog-content__posts-detail p {
line-height: 1.6;
margin-bottom: 35px;
font-size: 1.4rem;
}
}
.blog-content__posts-detail h2 {
padding-bottom: 14px;
margin-bottom: 33px;
border-bottom: 1px solid #053864;
font-size: 2.4rem;
}
@media screen and (max-width: 834px) {
.blog-content__posts-detail h2 {
letter-spacing: 0;
padding-bottom: 10px;
margin-bottom: 20px;
font-size: 2.1rem;
}
}
@media screen and (max-width: 374px) {
.blog-content__posts-detail h2 {
font-size: 2rem;
}
}
.blog-content__posts-detail h3 {
color: #6dc6ce;
margin-bottom: 20px;
font-size: 2.4rem;
}
@media screen and (max-width: 834px) {
.blog-content__posts-detail h3 {
letter-spacing: 0;
margin-bottom: 20px;
font-size: 2.1rem;
}
}
@media screen and (max-width: 374px) {
.blog-content__posts-detail h3 {
font-size: 2rem;
}
}
.blog-content__posts-detail h4 {
padding-bottom: 15px;
margin-bottom: 20px;
border-bottom: 1px solid #053864;
font-size: 2rem;
}
@media screen and (max-width: 834px) {
.blog-content__posts-detail h4 {
letter-spacing: 0;
padding-bottom: 10px;
margin-bottom: 20px;
font-size: 2.1rem;
}
}
@media screen and (max-width: 374px) {
.blog-content__posts-detail h4 {
font-size: 2rem;
}
}
.blog-content__posts-detail h5 {
padding-left: 25px;
margin-bottom: 20px;
position: relative;
font-size: 2rem;
}
@media screen and (max-width: 834px) {
.blog-content__posts-detail h5 {
padding-left: 20px;
font-size: 1.8rem;
}
}
.blog-content__posts-detail h5:before {
content: "";
display: inline-block;
position: absolute;
width: 14px;
height: 14px;
border-radius: 50%;
background: #6dc6ce;
top: 5px;
left: 0;
}
@media screen and (max-width: 834px) {
.blog-content__posts-detail h5:before {
top: 3px;
}
}
.blog-content__posts-detail h6 {
margin-bottom: 20px;
font-size: 2rem;
}
@media screen and (max-width: 834px) {
.blog-content__posts-detail h6 {
font-size: 1.8rem;
}
}
#toc_container {
padding: 33px 38px 19px;
border: 1px solid #dbe3e9;
border-radius: 10px;
margin-bottom: 60px;
}
@media screen and (max-width: 834px) {
#toc_container {
margin-bottom: 35px;
padding: 25px 15px;
}
}
#toc_container .toc_title {
font-family: "Marcellus", serif;
margin-bottom: 19px;
padding-bottom: 19px;
letter-spacing: 1px;
border-bottom: 1px solid #dbe3e9;
font-size: 2.4rem;
}
@media screen and (max-width: 834px) {
#toc_container .toc_title {
padding-bottom: 15px;
margin-bottom: 15px;
font-size: 2.2rem;
}
}
#toc_container .toc_list li {
margin-bottom: 15px;
}
#toc_container .toc_list li a {
color: #053864;
font-size: 1.5rem;
}
@media screen and (max-width: 834px) {
#toc_container .toc_list li a {
font-size: 1.5rem;
}
}
#toc_container .toc_list li a span {
min-width: 15px;
display: inline-block;
font-family: "Marcellus", serif;
color: #6dc6ce;
font-size: 1.6rem;
}
@media screen and (max-width: 834px) {
#toc_container .toc_list li a span {
font-size: 1.5rem;
}
}
#toc_container .toc_list li ul {
padding-left: 20px;
padding-top: 15px;
}
@media screen and (max-width: 834px) {
#toc_container .toc_list li ul {
padding-left: 15px;
}
}
.sidebar {
width: 280px;
}
@media screen and (max-width: 1245px) {
.sidebar {
width: 220px;
}
}
@media screen and (max-width: 834px) {
.sidebar {
width: 100%;
}
}
.sidebar-box {
background: #eef6f7;
border-radius: 10px;
padding: 25px 30px 35px;
}
@media screen and (max-width: 834px) {
.sidebar-box {
padding: 17px 20px 29px;
}
}
.sidebar-box:not(:last-child) {
margin-bottom: 50px;
}
@media screen and (max-width: 834px) {
.sidebar-box:not(:last-child) {
margin-bottom: 15px;
}
}
.sidebar-box__heading {
color: #053864;
font-family: "Marcellus", serif;
margin-bottom: 29px;
letter-spacing: 1px;
line-height: 1.2;
font-size: 2.6rem;
}
@media screen and (max-width: 834px) {
.sidebar-box__heading {
margin-bottom: 20px;
letter-spacing: 0;
font-size: 2.2rem;
}
}
.sidebar-box--accordion .sidebar-box__heading {
position: relative;
cursor: pointer;
margin-bottom: -12px;
transition: all 0.3s;
}
.sidebar-box--accordion .sidebar-box__heading:before {
content: "";
display: inline-block;
position: absolute;
width: 5px;
height: 5px;
border-bottom: 2px solid #053864;
border-right: 2px solid #053864;
right: 6px;
top: 8px;
transition: all 0.3s;
transform: rotate(45deg);
}
.sidebar-box--accordion .sidebar-box__heading.on::before {
top: 12px;
transition: all 0.3s;
transform: rotate(-135deg);
}
@media screen and (min-width: 835px) {
.sidebar-box--accordion .sidebar-box__heading {
transition: opacity var(--hover_time);
}
}
@media screen and (min-width: 835px) and (any-hover: hover) {
.sidebar-box--accordion .sidebar-box__heading:hover {
opacity: 0.6;
transition: all 0.3s;
}
}
.sidebar-box--accordion .sidebar-box__acc {
margin-top: 44px;
}
.sidebar-box--accordion .sidebar-box__list {
display: none;
margin-top: 33px;
}
.sidebar-box__list {
letter-spacing: 1px;
}
.sidebar-box__list li {
color: #053864;
font-size: 1.5rem;
font-weight: 300;
}
.sidebar-box__list li:not(:last-child) {
margin-bottom: 15px;
}
.sidebar-box__list li a {
color: inherit;
}
.sidebar-box__acc {
display: none;
}
.sidebar-box__tags {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 10px;
}
@media screen and (max-width: 834px) {
.sidebar-box__tags {
gap: 6px;
}
}
.sidebar-box__tags-item {
margin-bottom: 4px;
}
.sidebar-box__tags-item a {
border: 1px solid #a8bdcb;
border-radius: 25px;
display: inline-block;
padding: 7px 21px;
background: #fff;
color: #053864;
font-weight: 300;
font-size: 1.5rem;
}
@media screen and (max-width: 1245px) {
.sidebar-box__tags-item a {
padding: 6px 8px 3px;
font-size: 1.4rem;
}
}
.lineLink {
display: block;
width: 31px;
}
@media screen and (max-width: 1245px) {
.lineLink {
width: auto;
margin-bottom: 20px;
}
.main-header__share {
flex-direction: column;
}
}.feature-list__banner {
background-position: right;
padding: 30px 20px 30px;
}
.feature-list__banner-desc {
display: flex;
align-items: center;
margin-top: 20px;
}
.feature-list__banner-tags {
position: relative;
left: 0;
bottom: 0;
margin-right: 10px;
}
.feature-list__banner-desc p {
font-size: 13px;
line-height: 1.75;
color: #000100;
text-align: left;
width: 320px;
}
@media screen and (max-width: 834px) {
.feature-list__banner {
padding: 24px 20px 40px;
}
.feature-list__banner-ttl {
margin-bottom: 20px;
font-size: 26px;
}
.feature-list__banner-ttl small {
font-size: 14px;
}
.feature-list__banner-desc {
display: block;
}
.feature-list__banner-tags {
transform: none;
justify-content: center;
margin-bottom: 10px;
}
.feature-list__banner-tags-item {
margin-left: 5px;
margin-right: 5px;
}
.feature-list__banner-tags-item span {
width: 80px;
height: 80px;
font-size: 1.4rem;
}
.feature-list__banner-desc p {
width: auto;
}
} .footerLine {
width: 30px;
margin-left: 25px;
}
@media screen and (max-width: 834px) {
.footerLine {
margin-left: 19px;
}
} .botox_bnr {
margin-top: 6rem;
}
@media screen and (max-width: 834px) {
.botox_bnr {
margin-top: 3rem;
}
} .treatment-flex__clinic:after,
.treatment-flex__implant:after {
display: none;
}
.message-member {
margin-bottom: 40px;
}
.message-member__flex {
display: flex;
justify-content: space-between;
}
.message-member__flex-wrap {
display: flex;
justify-content: space-between;
align-items: center;
width: 49%;
}
.member-img {
width: 50%;
}
.member-name {
width: 46%;
font-size: 18px;
font-family: "Shippori Mincho B1", serif;
line-height: 1.4;
}
.member-name span.ttl {
margin-bottom: 5px;
display: block;
font-size: 80%;
}
.member-name span.pt {
font-size: 12px;
display: block;
margin-left: -8px;
}
@media screen and (max-width: 834px) {
.message-member__flex {
display: block;
}
.message-member__flex-wrap {
width: 100%;
margin-top: 15px;
}
}
.sec-policy__main-heading {
white-space: nowrap;
}