@charset "utf-8";
.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
word-wrap: normal !important;
word-break: normal !important;
}
.wpcf7 .hidden-fields-container {
display: none;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2; }
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450; }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border-color: #dc3232; }
.wpcf7 form.spam .wpcf7-response-output {
border-color: #f56e28; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #ffb900; }
.wpcf7-form-control-wrap {
position: relative;
}
.wpcf7-not-valid-tip {
color: #dc3232; font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
position: relative;
top: -2ex;
left: 1em;
z-index: 100;
border: 1px solid #dc3232;
background: #fff;
padding: .2em .8em;
width: 24em;
}
.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-spinner {
visibility: hidden;
display: inline-block;
background-color: #23282d; opacity: 0.75;
width: 24px;
height: 24px;
border: none;
border-radius: 100%;
padding: 0;
margin: 0 24px;
position: relative;
}
form.submitting .wpcf7-spinner {
visibility: visible;
}
.wpcf7-spinner::before {
content: '';
position: absolute;
background-color: #fbfbfc; top: 4px;
left: 4px;
width: 6px;
height: 6px;
border: none;
border-radius: 100%;
transform-origin: 8px 8px;
animation-name: spin;
animation-duration: 1000ms;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@media (prefers-reduced-motion: reduce) {
.wpcf7-spinner::before {
animation-name: blink;
animation-duration: 2000ms;
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes blink {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.wpcf7 [inert] {
opacity: 0.5;
}
.wpcf7 input[type="file"] {
cursor: pointer;
}
.wpcf7 input[type="file"]:disabled {
cursor: default;
}
.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
direction: ltr;
}
.wpcf7-reflection > output {
display: list-item;
list-style: none;
}
.wpcf7-reflection > output[hidden] {
display: none;
}#scrollUp {
width: 40px;
height: 40px;
}
#scrollUp .scroll-top {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
}.vmlpp-password-form {
max-width: 400px;
margin: 40px auto;
padding: 20px;
background: #fff;
border: 1px solid #c3c4c7;
border-radius: 4px;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
} .vmlpp-error-message {
color: #d63638;
font-weight: 600;
font-size: 14px;
line-height: 1.5;
margin-bottom: 20px;
padding: 12px;
background-color: #fcf0f1;
border-left: 4px solid #d63638;
border-radius: 0;
} .vmlpp-password-form p {
margin-bottom: 20px;
}
.vmlpp-password-form p:last-child {
margin-bottom: 0;
}
.vmlpp-password-form label {
display: block;
font-weight: 600;
margin-bottom: 8px;
color: #1d2327;
font-size: 14px;
line-height: 1.5;
}
.vmlpp-password-form input[type="password"] {
width: 100%;
padding: 6px 8px;
border: 1px solid #8c8f94;
border-radius: 3px;
font-size: 14px;
line-height: 2;
color: #2c3338;
background-color: #fff;
box-sizing: border-box;
}
.vmlpp-password-form input[type="password"]:focus {
border-color: #2271b1;
box-shadow: 0 0 0 1px #2271b1;
outline: 2px solid transparent;
} .vmlpp-password-form .button {
display: inline-block;
padding: 6px 12px;
font-size: 13px;
line-height: 2.15384615;
min-height: 30px;
margin: 0;
text-decoration: none;
cursor: pointer;
border-width: 1px;
border-style: solid;
border-radius: 3px;
white-space: nowrap;
box-sizing: border-box;
background: #2271b1;
border-color: #2271b1;
color: #fff;
}
.vmlpp-password-form .button:hover,
.vmlpp-password-form .button:focus {
background: #135e96;
border-color: #135e96;
color: #fff;
}
.vmlpp-password-form .button:active {
background: #0a4b78;
border-color: #0a4b78;
color: #fff;
} @media screen and (max-width: 782px) {
.vmlpp-password-form {
max-width: 100%;
margin: 20px 10px;
padding: 15px;
}
}
  @import url("https://fonts.googleapis.com/css2?family=Zen+Kaku+Gothic+New:wght@300;400;500;700;900&display=swap"); :root {
--color-background: #fff;
--color-font: #444444;
--color-primary: #FFD13A;
--color-primary-shade: #FFD13A;
--color-primary-tint: #ffe33a;
--color-secondary: #00B4E4;
--color-secondary-tint: #25c9f4;
--color-table-border: #D9D9D9;
--body-font-size: min(calc(1.6rem + (1vw - 1.92rem) * 0.1294), 1.6rem);
--body-font-family: 'Zen Kaku Gothic New', sans-serif;
--content-max-width: 1240px;
--header-background: #fff;
--header-color-font: #444444;
--header-color-primary: #D34C45;
--header-color-primary-shade: #AD1A25;
--header-color-primary-tint: #FD5955;
--footer-background: #ffffff;
--footer-color-font: #444444;
--footer-color-primary: #fff;
--color-wt: #fff;
--color-bk: #444444;
--color-point: #D34C45;
--color-point-shade: #AD1A25;
--font-family01: 'Zen Kaku Gothic New', sans-serif;
--font-family02: 'Zen Kaku Gothic New', sans-serif;
--px20: min(calc(20px + (1vw - 19.2px) * 0.1294), 20px); --px24: min(calc(24px + (1vw - 19.2px) * 0.2589), 24px); --px24s: min(calc(24px + (1vw - 19.2px) * 0.3883), 24px); }
body {
font-weight: 500;
} .c-mainimg {
padding-bottom: 8%;
position: relative;
&:before {
content: "";
width: 70%;
height: 1396px;
top: -40%;
left: -12%;
position: absolute;
background: url(//matsubara-hikari.net/wp-content/uploads/pinkparts.png.webp) no-repeat center center;
background-size: contain;
z-index: -1;
opacity: 0.3;
}
}
@media print,
screen and (max-width: 768px) {
.c-mainimg {
&:before {
width: 100%;
top: -93%;
left: -12%;
}
}
}
#mainImg {
position: relative;
}
.c-mainimg__mainimg {
position: relative;
width: 50%;
margin-left: auto;
&:before {
content: "";
position: absolute;
right: -13%;
top: -1%;
width: 110%;
height: 110%;
background: url(//matsubara-hikari.net/wp-content/uploads/fv_bgparts.png) no-repeat;
background-size: contain;
}
}
.c-mainimg__linkimg {
position: absolute;
right: 5%;
bottom: 13%;
width: 16%;
&:hover {
img {
opacity: 1;
-webkit-transform: translateY(10px);
-ms-transform: translateY(10px);
transform: translateY(10px);
}
}
}
.c-mainimg__subimg {
position: absolute;
left: 0;
bottom: -6%;
width: 28%;
}
.c-mainimg__subimg--center01 {
position: absolute;
left: 39%;
bottom: 0%;
width: 13%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
.c-mainimg__subimg--center02 {
position: absolute;
left: 28%;
bottom: 4%;
width: 6%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
.c-mainimg__txtarea {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
gap: var(--px40);
position: absolute;
top: 30%;
left: 40%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
br {
display: none !important;
}
.c-mainimg__txt {
-webkit-writing-mode: vertical-rl;
writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
text-orientation: mixed;
font-size: var(--px40);
color: var(--color-point);
font-weight: 700;
letter-spacing: 0.03em;
line-height: 1.2;
&:nth-of-type(2) {
margin-top: var(--px40);
}
&:nth-of-type(3) {
margin-top: var(--px80);
}
.pink {
color: #ff7c75;
}
.blue {
color: #3acff9;
}
.yellow {
color: #f3b116;
}
}
}
.mask {
mask-image: url(//matsubara-hikari.net/wp-content/uploads/fv_mask.png);
-webkit-mask-image: url(//matsubara-hikari.net/wp-content/uploads/fv_mask.png);
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-position: center;
}
@media print,
screen and (max-width: 1024px) {
.c-mainimg__linkimg {
bottom: 1%;
width: 23%;
}
.c-mainimg__txtarea {
left: 39%;
.c-mainimg__txt {
font-size: var(--px30);
}
}
}
@media print,
screen and (max-width: 640px) {
.c-mainimg {
padding-bottom: 60%;
}
.c-mainimg__linkimg {
right: 2%;
bottom: 35%;
width: 38%;
}
.c-mainimg__mainimg {
width: 90%;
}
.c-mainimg__subimg {
width: 45%;
}
.c-mainimg__txtarea {
bottom: 0;
top: inherit;
left: inherit;
-webkit-transform: inherit;
-ms-transform: inherit;
transform: inherit;
right: 16%;
.c-mainimg__txt {
font-size: var(--px40);
}
}
.c-mainimg__subimg--center01 {
left: 43%;
bottom: -5%;
width: 15%;
}
.c-mainimg__subimg--center02 {
left: 46%;
bottom: 8%;
width: 6%;
}
} nav#mainNav ul li a b {
font-weight: 500;
color: var(--color-font);
}
@media print,
screen and (min-width: 1024px) {
#header {
background: transparent;
height: 100px;
position: absolute;
top: 2%;
left: 0;
}
body.home:not(.sticky-header) #header .site-header {
max-width: 99%;
}
body:not(.home) #header {
background: var(--header-background);
}
#header .logo {
padding: 5px 20px;
margin-left: 0;
}
body.home:not(.sticky-header) #header .logo img {
-o-object-fit: contain;
object-fit: contain;
width: 100%;
height: auto;
max-width: var(--px100);
max-height: none;
-webkit-transition: none;
-o-transition: none;
transition: none;
}
.sticky-header #header-layout {
background: var(--color-wt);
}
nav#mainNav ul li a {
padding: var(--px20) var(--px16);
font-size: var(--px20);
br {
display: block;
}
}
nav#mainNav ul li a b,
nav#mainNav ul li a span {
margin-top: 0;
font-weight: 500;
color: var(--header-color-font);
}
nav#mainNav ul li li a:hover,
nav#mainNav ul li li.current-menu-item a,
nav#mainNav ul li li.current-menu-item li a:hover,
nav#mainNav ul li.current-menu-item li a:hover,
nav#mainNav ul li.current-menu-ancestor li.current-menu-item a,
nav#mainNav ul li.current-menu-ancestor li a:hover {
background: var(--header-background);
}
nav#mainNav ul li a:active,
nav#mainNav ul li a:hover {
background: transparent;
}
nav#mainNav ul li a:active,
nav#mainNav ul li a:hover,
nav#mainNav ul li.current-menu-ancestor a,
nav#mainNav ul li.current-menu-item a,
nav#mainNav ul li.current-menu-parent a {
background: transparent;
}
nav#mainNav ul li.current-menu-item a b,
nav#mainNav ul li a:hover b,
nav#mainNav ul li a:active b,
nav#mainNav ul li.current-menu-parent a b,
nav#mainNav ul li a:active span,
nav#mainNav ul li a:hover span,
nav#mainNav ul li.current-menu-item a span,
nav#mainNav ul li.current-menu-parent a span {
color: var(--header-color-primary);
}
.sticky-header #header>.inner {
background: transparent;
-webkit-box-shadow: none;
box-shadow: none;
}
nav#mainNav ul li a:hover {
color: var(--header-color-primary);
background: transparent;
}
nav#mainNav ul.sub-menu a {
font-size: var(--px16);
font-weight: 500;
}
}
@media print,
screen and (max-width: 1800px) {
nav#mainNav ul li a {
padding: 10px;
}
nav#mainNav ul li a {
font-size: var(--px16);
}
}
@media print,
screen and (max-width: 1200px) {
nav#mainNav ul li a {
padding: 5px;
}
}
@media print,
screen and (max-width: 1023px) {
body.mobile {
margin-top: 0;
}
body:not(.home).mobile {
margin-top: 60px;
}
.mobile #header {
background: transparent;
-webkit-box-shadow: none;
box-shadow: none;
}
nav#mainNav ul li a {
padding: 15px 10px;
font-size: var(--px16);
}
}
@media print,
screen and (max-width: 670px) {
body.mobile #header .logo img {
max-width: 180px;
}
}
.spmenu #menu p {
color: var(--color-font);
}
.spmenu #menu span,
.spmenu #menu span:before,
.spmenu #menu span:after {
width: 35px;
-webkit-transform: translate(-50%, 0) rotate(0);
-ms-transform: translate(-50%, 0) rotate(0);
transform: translate(-50%, 0) rotate(0);
left: 50%;
height: 2px;
background: var(--color-secondary);
}
.spmenu #menu.menuOpen span {
height: 1px;
-webkit-transform: translate(-50%, calc(50% + 5px)) rotate(-45deg);
-ms-transform: translate(-50%, calc(50% + 5px)) rotate(-45deg);
transform: translate(-50%, calc(50% + 5px)) rotate(-45deg);
}
.spmenu #menu.menuOpen span::before {
-webkit-transform: translate(-50%, 0) rotate(90deg);
-ms-transform: translate(-50%, 0) rotate(90deg);
transform: translate(-50%, 0) rotate(90deg);
bottom: auto;
}
.spmenu #menu.menuOpen span::after {
opacity: 0;
-webkit-transform: translate(-50%, 0) rotate(45deg);
-ms-transform: translate(-50%, 0) rotate(45deg);
transform: translate(-50%, 0) rotate(45deg);
bottom: auto;
}
@media only screen and (max-width: 1023px) {
body.mobile nav#mainNav a.menuOpen {
background-image: none;
border: none;
border-top: 1px solid #ddd;
}
body.mobile nav#mainNav ul li li a.menuOpen {
background: rgba(255, 255, 255, 1) url(//matsubara-hikari.net/wp-content/themes/mrp/images/sub1.png) no-repeat 30px 50%;
color: var(--header-color-font);
padding-left: 43px;
}
body.mobile nav#mainNav ul li li:last-child a.menuOpen {
background: rgba(255, 255, 255, 1) url(//matsubara-hikari.net/wp-content/themes/mrp/images/subLast.png) no-repeat 30px 50%;
color: var(--header-color-font);
padding-left: 40px;
}
} @media print,
screen and (min-width: 1024px) {
#header {
ul.header__contact {
gap: 8px;
}
a.head_btn {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: var(--px16);
background: var(--header-color-primary);
color: var(--color-wt);
font-size: calc(1.6rem + (1vw - 1.92rem) * 0.2232);
font-weight: 600;
line-height: 1.4;
text-align: center;
border-radius: 50vh;
-webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
height: calc(100% - 20px);
margin: 10px 0;
min-width: var(--px240);
padding: var(--px16) var(--px40);
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;
&.bus_btn {
background: var(--color-primary);
color: var(--color-font);
&:hover {
background: var(--color-primary-tint);
img {
opacity: 1;
}
}
}
&.line_btn {
background: #e7fff1;
color: #06c755;
gap: 8px;
min-width: fit-content;
&:hover {
background: #06c755;
color: var(--color-wt);
}
}
}
.c-cta__icoimg {
max-width: 50px;
img {
width: 100%;
height: auto;
}
}
}
}
nav#mainNav ul {
.ico_secret>a {
position: relative;
display: flex;
flex-direction: row;
gap: var(--px12);
align-items: baseline;
&:before {
content: "\f023";
font-family: 'Font Awesome 6 Free';
font-style: normal;
font-weight: bold;
font-size: var(--px16);
color: var(--color-secondary);
margin-top: 0.1em;
display: inline-block;
}
}
}
@media print,
screen and (max-width: 1700px) {
#header {
a.head_btn {
&.line_btn {
padding: 10px;
aspect-ratio: 1 / 1;
span {
display: none;
}
i {
font-size: var(--px30);
}
}
}
}
}
@media print,
screen and (max-width: 1400px) {
#header {
a.head_btn {
min-width: fit-content;
aspect-ratio: 1 / 1;
padding: 10px;
span {
display: none;
}
}
}
}
@media print,
screen and (max-width: 1023px) {
nav#mainNav ul {
.ico_secret>a {
justify-content: flex-start;
}
}
} #footer {
position: relative;
color: var(--footer-color-font);
font-size: var(--px14);
padding: 0;
background: transparent;
max-width: none;
width: 100%;
margin: 0 auto;
display: -webkit-box;
display: -ms-flexbox;
display: block;
.footnav ul>li::before,
.footnav ul>li::after {
content: none;
} .footnav ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding: 0;
gap: var(--px14);
}
li.menu-item {
display: inline-block;
text-align: left;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
padding: 0;
margin: 0;
}
li.menu-item a {
color: var(--footer-color-font);
line-height: 1.2;
font-size: var(--px14);
padding: 5px;
display: inline-block;
position: relative;
font-weight: 400;
-webkit-transition: 0.3s all;
-o-transition: 0.3s all;
transition: 0.3s all;
&:hover {
opacity: 0.7;
text-decoration: none;
}
}
li.menu-item a:first-of-type>a {
font-size: var(--px40);
}
ul.sub-menu {
padding: var(--px12) 0 0 0 !important;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: var(--px12);
}
ul.sub-menu li {
padding: 0;
margin: 0;
}
ul.sub-menu li a {
padding: 5px;
font-size: var(--px16);
font-weight: 500;
&:hover {
opacity: 0.7;
text-decoration: none;
}
} #copyright {
margin: 0;
background: transparent;
text-align: right;
color: var(--footer-color-font);
padding: 5px 0;
}
}
#footer {
.googlemap {
padding-bottom: 375px;
margin: 0 auto;
max-width: 90%;
}
.footer__logo:not(:last-child) {
text-align: center;
margin-bottom: 0;
}
.footer__logo img {
width: 113px;
height: auto;
max-height: none;
}
.c-info__column {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: var(--px30);
}
.c-info__add {
font-size: var(--px16);
text-align: center;
font-weight: 500;
}
} @media print,
screen and (max-width: 1023px) {
body.mobile #scrollUp {
bottom: 70px;
}
} #footer .c-cta,
.post .c-cta,
.c-cta {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
gap: var(--px80);
.c-cta__inner {
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
gap: var(--px60);
width: 100%;
margin: 0 auto;
}
.c-cta__column {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: space-between;
gap: var(--px60);
&.c-cta__column--top {
margin-bottom: var(--px30);
width: 100%;
margin-left: auto;
margin-right: auto;
text-align: left;
}
&.c-cta__column--bottom {
margin-top: var(--px40);
}
}
.c-cta__title {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
padding: 0px;
gap: var(--px20);
font-style: normal;
font-weight: 700;
font-size: var(--px40);
line-height: 100%;
margin-bottom: var(--px30);
letter-spacing: 0.1em;
}
.c-cta__subtitle {
font-style: normal;
font-weight: 900;
font-size: var(--px16);
line-height: 140%;
}
.c-cta__desc {
font-size: var(--px18);
}
.c-cta__img img {
max-width: 300px;
height: auto;
}
.c-cta__btnlist {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
;
gap: var(--px20);
margin: 0;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
.c-cta__btnitem {
margin: 0;
}
.c-cta__btn-body {
line-height: 1.2;
b {
letter-spacing: 0.01em;
font-size: var(--px18);
color: var(--color-wt);
font-weight: 600;
}
}
.c-cta__btn {
width: 360px;
height: 100%;
min-height: 68px;
font-weight: 600;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
text-align: center;
text-decoration: none;
background: var(--color-primary);
border-radius: 50vh;
padding: var(--px16) var(--px30);
font-size: var(--px16);
color: var(--color-font);
gap: 2px;
-webkit-transition: 0.3s all;
-o-transition: 0.3s all;
transition: 0.3s all;
text-decoration: none;
-webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
.c-cta__btn-subtxt {
font-size: var(--px14);
.note {
display: inline-block;
}
}
&.c-cta__btn--tel {
color: var(--color-font);
font-size: var(--px24);
background: var(--color-primary);
.c-cta__btn-title {
font-size: var(--px14);
font-weight: 500;
text-align: center;
}
b {
font-weight: 400;
font-family: var(--font-family04);
}
.c-cta__btn-subtxt {
font-size: var(--px12);
}
}
&.c-cta__btn--mail {
font-size: var(--px16);
background: var(--color-point);
color: var(--color-wt);
&:hover {
color: var(--color-wt);
background: var(--header-color-primary-tint);
}
}
&.c-cta__btn--line {
background: #e7fff1;
color: #06c755;
-webkit-transition: 0.3s all;
-o-transition: 0.3s all;
transition: 0.3s all;
b {
color: #06c755;
-webkit-transition: 0.3s all;
-o-transition: 0.3s all;
transition: 0.3s all;
}
&:hover {
color: var(--color-wt);
background: #06c755;
opacity: 1;
text-decoration: none;
b {
color: var(--color-wt);
}
}
}
i {
font-size: var(--px20);
}
&:hover {
color: var(--color-font);
background: var(--color-primary-shade);
opacity: 1;
text-decoration: none;
}
}
} #footer .c-cta {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
&.c-cta--footer {
margin: var(--px100) auto 0 22%;
padding-bottom: 12%;
text-align: left;
max-width: 1260px;
&:before {
content: "";
background: url(//matsubara-hikari.net/wp-content/uploads/sectionimg_bottom.png.webp) no-repeat bottom left;
background-size: contain;
position: absolute;
bottom: 0;
left: 0;
width: 80%;
height: 80%;
z-index: -1;
}
&:after {
content: "";
background: url(//matsubara-hikari.net/wp-content/uploads/parts_bottom.png.webp) no-repeat bottom right;
background-size: contain;
position: absolute;
bottom: 0;
right: 0;
width: 50%;
height: 80%;
z-index: -2;
}
.c-info__column {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: var(--px30);
-ms-flex-negative: 0;
flex-shrink: 0;
}
}
}
@media print,
screen and (max-width: 1400px) {
#footer .c-cta {
&.c-cta--footer {
margin: var(--px100) auto 0 auto;
width: 90%;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
}
}
@media print,
screen and (max-width: 1240px) {
#footer .c-cta {
&.c-cta--footer {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-bottom: 18%;
}
&.c-cta__column--top {
width: 94%;
}
}
}
@media print,
screen and (max-width: 768px) {
#footer .c-cta {
.c-cta__title {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-align: center;
}
.c-cta__column {
&.c-cta__column--top {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
.c-cta__img {
display: none;
}
}
&.c-cta__column--bottom {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 0;
.footnav:not(:last-child) {
margin-bottom: 0;
}
}
}
.c-cta__btnlist {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
}
}  .post {
.col2_list {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.col2_list>li {
width: 48%;
margin-bottom: 5%;
.imgarea {
overflow: hidden;
aspect-ratio: 1.414/ 1;
img {
-o-object-fit: cover;
object-fit: cover;
width: 100%;
height: 100%;
}
}
}
.col2_list.col2_minlist li {
margin-bottom: 6px;
}
}
@media print,
screen and (max-width: 640px) {
.post {
.col2_list>li {
width: 100%;
}
.col2_list>li:last-child {
margin-bottom: 0;
}
}
} .post {
.col3_list {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.col3_list>li {
width: 32%;
margin-bottom: 2%;
.imgarea {
overflow: hidden;
aspect-ratio: 1.414/ 1;
img {
-o-object-fit: cover;
object-fit: cover;
width: 100%;
height: 100%;
}
}
}
.col3_list::before {
content: "";
display: block;
width: 32%;
height: 0;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.col3_list:after {
content: "";
display: block;
width: 32%;
height: 0;
}
}
@media print,
screen and (max-width: 960px) {
.post {
.col3_list>li {
width: 48%;
margin-bottom: 5%;
}
.col3_list::before,
.col3_list:after {
content: none;
}
}
}
@media print,
screen and (max-width: 640px) {
.post {
.col3_list>li {
width: 100%;
}
.col3_list>li:last-child {
margin-bottom: 0;
}
}
} .post {
.col4_list {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.col4_list>li {
width: 23%;
margin-bottom: 1.5%;
.imgarea {
overflow: hidden;
aspect-ratio: 1.414/ 1;
img {
-o-object-fit: cover;
object-fit: cover;
width: 100%;
height: 100%;
}
}
}
.col4_list::before {
content: "";
display: block;
width: 23%;
height: 0;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.col4_list:after {
content: "";
display: block;
width: 23%;
height: 0;
}
}
@media print,
screen and (max-width: 1023px) {
.post {
.col4_list>li {
width: 48%;
}
.col4_list::before,
.col4_list:after {
content: none;
}
}
}
@media print,
screen and (max-width: 640px) {
.post {
.col4_list>li {
width: 100%;
}
.col4_list>li:last-child {
margin-bottom: 0;
}
}
}  .post {
.c-card {
&>.c-card__item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
position: relative;
.c-card__img {
aspect-ratio: 8 / 5;
overflow: hidden;
border-radius: var(--px40);
margin-bottom: var(--px16);
img {
-o-object-fit: cover;
object-fit: cover;
width: 100%;
height: 100%;
}
}
.c-card__txt {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
width: 96%;
margin: 0 auto;
}
.c-card__title {
font-size: var(--px24s);
font-weight: 700;
text-align: left;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: var(--color-font);
gap: var(--px12);
letter-spacing: 0.1em;
background: transparent;
padding: 0;
margin: 0;
-webkit-box-shadow: none;
box-shadow: none;
&::before {
content: "";
-webkit-clip-path: polygon(50% 0%, 0% var(--px24), var(--px24) var(--px24));
clip-path: polygon(50% 0%, 0% var(--px24), var(--px24) var(--px24));
display: inline-block;
padding: 0;
width: var(--px24);
height: var(--px24);
background: var(--color-point);
-ms-flex-negative: 0;
flex-shrink: 0;
}
.c-title__subtxt {
display: block;
font-size: var(--px14);
font-weight: 500;
font-style: normal;
line-height: 1.6;
margin: 0;
}
}
.c-card__desc {
line-height: 1.8;
margin-top: 8px;
font-size: var(--px16);
font-weight: 500;
color: var(--color-font);
}
.c-card__btnlist {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: var(--px14);
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-top: var(--px14);
.c-linkbtn--min {
margin-top: 0;
}
}
}
}
}
.post {
.c-card.u-recruitmentlist {
&>.c-card__item {
.c-card__title {
font-size: var(--px24s);
font-weight: 700;
text-align: left;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
text-align: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: var(--color-font);
gap: var(--px12);
letter-spacing: 0.1em;
background: transparent;
padding: 0;
margin: 0;
-webkit-box-shadow: none;
box-shadow: none;
&:before,
&:after {
content: none;
}
}
.c-card__desc {
margin-top: var(--px12);
}
}
}
} .post {
.c-card.c-card--door {
&>.c-card__item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
box-shadow: 20px 20px 60px 0 rgba(16, 50, 82, 0.22);
border-radius: 50vh 50vh 0 0;
.c-card__img {
aspect-ratio: 1 / 1;
overflow: hidden;
border-radius: 50vh 50vh 0 0;
margin-bottom: 0;
img {
-o-object-fit: cover;
object-fit: cover;
width: 100%;
height: 100%;
-webkit-transition: 0.3s all;
-o-transition: 0.3s all;
transition: 0.3s all;
}
}
.c-card__txt {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
width: 100%;
margin: 0 auto;
padding: var(--px30) var(--px30) var(--px40) var(--px30);
background: var(--color-wt);
}
.c-card__title {
font-size: var(--px24s);
font-weight: 700;
text-align: left;
color: var(--color-font);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-align: left;
padding: 0;
gap: var(--px12);
letter-spacing: 0.1em;
&::before {
content: "";
-webkit-clip-path: polygon(50% 0%, 0% var(--px24), var(--px24) var(--px24));
clip-path: polygon(50% 0%, 0% var(--px24), var(--px24) var(--px24));
display: block;
padding: 0;
width: var(--px24);
height: var(--px24);
background: var(--color-point);
}
.c-title__subtxt {
display: block;
font-size: var(--px14);
font-weight: 500;
font-style: normal;
line-height: 1.6;
margin: 0;
}
}
.c-card__desc {
line-height: 1.8;
margin-top: 8px;
font-size: var(--px16);
font-weight: 500;
color: var(--color-font);
}
.c-card__link {
position: absolute;
z-index: 2;
bottom: 20%;
right: calc(-150px / 2 - -5%); }
}
&>.c-card__item:has(a:hover) .c-card__img img {
-webkit-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05);
}
}
}  .post {
.c-contentlist.c-contentlist--circle {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
.c-contentlist__listitem {
max-width: 710px;
width: 50%;
position: relative;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
align-self: flex-start;
padding: 0 0 5% 10%;
min-height: 0;
}
.c-contentlist__img {
width: 522px;
height: 50%;
border-radius: 50vh;
aspect-ratio: 1 / 1;
overflow: hidden;
position: relative;
img {
-o-object-fit: cover;
object-fit: cover;
width: 100%;
height: 100%;
-webkit-transition: 0.3s all;
-o-transition: 0.3s all;
transition: 0.3s all;
}
}
.c-contentlist__txtarea {
position: absolute;
max-width: 380px;
max-height: 380px;
width: 27vw;
height: 27vw;
left: 0;
bottom: 0;
background: #FFFFFF;
-webkit-box-shadow: 0px 4px 50px rgba(0, 0, 0, 0.25);
box-shadow: 0px 4px 50px rgba(0, 0, 0, 0.25);
border-radius: 50vh;
padding: var(--px60);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-align: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
gap: var(--px12);
-ms-flex-negative: 0;
flex-shrink: 0;
}
.c-contentlist__title {
font-family: var(--font-family02);
font-weight: 700;
font-size: var(--px24);
color: var(--color-font);
line-height: 1.6;
border: none;
padding: 0;
margin: 0;
letter-spacing: 0.1em;
-webkit-box-shadow: none;
box-shadow: none;
}
.c-contentlist__link {
position: absolute;
z-index: 2;
bottom: -2%;
right: calc(-150px / 2 - -5%); }
.c-contentlist__listitem:has(a:hover) .c-contentlist__img img {
-webkit-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05);
}
}
} .post {
.c-column.c-column--bgimg {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
gap: var(--px80);
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 100px 0 0;
margin: 0 auto;
z-index: 2;
&+.c-column--bgimg {
margin-top: var(--px80);
}
&:last-child {
margin-bottom: var(--px80);
}
.c-column__txtarea {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
padding: var(--px80) var(--px60);
max-width: 710px;
width: 55%;
background: var(--color-wt);
border-radius: var(--px40);
-webkit-box-shadow: var(--px20) var(--px20) var(--px60) rgba(0, 0, 0, 0.15);
box-shadow: var(--px20) var(--px20) var(--px60) rgba(0, 0, 0, 0.15);
z-index: 2;
margin-left: auto;
margin-right: 0;
.c-column__ttlarea {
margin-bottom: var(--px24);
}
.c-column__ttl {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: var(--px12);
font-family: var(--font-family01);
font-weight: 700;
font-size: var(--px40);
line-height: 1.6;
color: var(--color-font);
padding: 0;
border: none;
margin: 0 0 var(--px40);
.c-column__subttl {
font-size: var(--px16);
}
}
.c-column__inner {
width: 100%;
padding: 6%;
margin: 0 auto;
}
.c-column__btnlist {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: var(--px12);
margin-top: var(--px30);
-ms-flex-wrap: wrap;
flex-wrap: wrap;
.c-linkbtn {
margin-top: 0;
}
}
}
.c-column__media {
width: 62%;
height: 90%;
border-radius: var(--px40);
position: absolute;
top: 0;
left: 0;
z-index: 1;
overflow: hidden;
img {
-o-object-fit: cover;
object-fit: cover;
width: 100%;
height: 100%;
aspect-ratio: 37 / 24;
}
}
}
}
@media print,
screen and (max-width: 1240px) {
.post {
.c-column.c-column--bgimg {
width: 90%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
-webkit-box-align: self-start;
-ms-flex-align: self-start;
align-items: self-start;
gap: 0;
padding: 0;
.c-column__txtarea {
width: 80%;
max-width: none;
position: relative;
margin-top: -7%;
.c-column__inner {
padding: 0;
}
}
.c-column__media {
position: relative;
width: 90%;
}
}
}
}
@media print,
screen and (max-width: 768px) {
.post {
.c-column.c-column--bgimg {
width: 100%;
margin: 0 auto;
.c-column__txtarea {
width: 95%;
}
.c-contentlist__media {
img {
aspect-ratio: 4 / 3;
}
}
}
}
} .post {
.c-contentlist.c-contentlist--deco {
position: relative;
.c-contentlist__item {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
gap: var(--px40);
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: var(--px60);
background: var(--color-wt);
border-radius: var(--px20);
margin: 0 auto;
z-index: 2;
&:before,
&:after {
content: "";
width: 100%;
height: 20%;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
position: absolute;
background: url(//matsubara-hikari.net/wp-content/uploads/ttlico03.png.webp) no-repeat;
background-size: contain;
z-index: 4;
}
&:before {
top: -6%;
background-position: top center;
}
&:after {
bottom: -6%;
background-position: bottom center;
}
.c-contentlist__txtarea {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-align: center;
width: 60%;
gap: var(--px18);
.c-contentlist__title {
font-weight: 700;
font-size: var(--px24);
line-height: 1.6;
color: var(--color-font);
padding: 0;
border: none;
letter-spacing: 0.1em;
-webkit-box-shadow: none;
box-shadow: none;
}
.c-contentlist__desc {
font-weight: 500;
font-size: var(--px18);
line-height: 1.8;
}
}
.c-contentlist__media {
width: 62%;
border-radius: var(--px40);
overflow: hidden;
img {
-o-object-fit: cover;
object-fit: cover;
width: 100%;
height: 100%;
aspect-ratio: 4 / 3;
-webkit-transition: 0.3s all;
-o-transition: 0.3s all;
transition: 0.3s all;
}
}
}
.c-contentlist__item:has(a:hover) .c-contentlist__media img {
-webkit-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05);
}
}
} .post table {
margin: var(--px30) auto;
border: none;
border-collapse: separate;
border-spacing: 10px;
}
.post table th,
.post table td {
padding: 20px 15px 18px;
min-height: 40px;
vertical-align: middle;
border: none;
color: var(--color-bk);
background: var(--color-background);
}
.post table th {
border-bottom: none;
color: var(--color-font);
background: #ffdddd;
}
.post table td {
border-bottom: dotted 2px #ccc;
}
@media print,
screen and (max-width: 640px) {
.post table {
border-spacing: 0;
}
.post table th {
border-bottom: none;
padding-bottom: 0;
}
.post table.responsive th {
padding: 20px 15px 18px;
}
.post table td {
padding-top: 10px;
}
}
@media print,
screen and (max-width: 768px) {
.post {
.table_scroll {
width: 100%;
overflow-y: hidden;
overflow-x: auto;
-ms-overflow-style: -ms-autohiding-scrollbar;
-webkit-overflow-scrolling: touch;
}
.table_scroll::-webkit-scrollbar {
height: 4px;
}
.table_scroll::-webkit-scrollbar-thumb {
background: #aaa;
}
.table_scroll::-webkit-scrollbar-track {
background: #444144;
}
.table_scroll table {
table-layout: auto;
font-size: 90%;
}
.table_scroll table th,
.pricetable table td {
white-space: nowrap;
padding: 6px 10px;
}
}
}  .post {
h2,
.c-ttl--style01 {
position: relative;
color: var(--color-font);
font-size: var(--px40);
font-weight: 700;
font-family: var(--font-family01);
line-height: 1.4;
background: transparent;
padding: 0;
margin: var(--px120) auto var(--px60);
text-align: center;
letter-spacing: 0;
&::before {
content: none;
}
&::after {
content: "";
background: url(//matsubara-hikari.net/wp-content/uploads/ico_ttlparts.png.webp) no-repeat;
background-size: contain;
background-position: center;
display: block;
margin: 0 auto;
padding: 0;
width: var(--px100);
height: var(--px20);
margin-top: var(--px30);
}
}
h3,
.c-ttl--style02 {
position: relative;
font-size: var(--px24s);
font-family: var(--font-family01);
font-weight: 600;
padding: var(--px18);
margin: var(--px60) 0 var(--px40);
border: none;
background: #e3f9ff;
color: var(--color-secondary);
border-radius: var(--px12);
-webkit-box-shadow: 0px 4px 6px rgb(0 0 0 / 16%);
box-shadow: 0px 4px 6px rgb(0 0 0 / 16%);
&::before,
&::after {
content: none;
}
}
h4,
.c-ttl--style03 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: var(--px16);
font-family: var(--font-family01);
font-weight: 700;
font-size: var(--px20);
line-height: 1.8;
color: var(--color-font);
text-align: left;
margin: var(--px60) 0 var(--px30);
border: none;
border-bottom: dotted 4px #ccc;
background: transparent;
padding: 0 var(--px12) var(--px16) 0;
-webkit-box-shadow: none;
box-shadow: none;
border-radius: 0;
letter-spacing: 0;
&::before {
content: "";
display: inline-block;
padding: 0;
width: var(--px24);
height: var(--px24);
background: var(--color-primary);
-ms-flex-negative: 0;
flex-shrink: 0;
border-radius: 50vh;
position: static;
}
&::after {
content: none;
}
}
.c-ttl--style04 {
position: relative;
font-size: var(--px24s);
font-family: var(--font-family01);
font-weight: 600;
margin: var(--px60) 0 var(--px40);
background: transparent;
-webkit-box-shadow: none;
box-shadow: none;
padding: 0 0 var(--px12);
gap: var(--px14);
color: var(--color-font);
border-bottom: dotted #ccc;
margin-bottom: var(--px20);
line-height: 1.6;
&::before,
&::after {
content: none;
}
}
}
@media print,
screen and (max-width: 640px) {
.post {
h2,
.c-ttl--style01 {
&::after {
width: var(--px160);
}
}
}
}
.post {
b {
color: var(--color-font);
font-weight: 700;
display: inline-block;
}
}
.post {
.u-size24 {
font-size: var(--px24);
}
}
body:not(.home) {
position: relative; &:before {
content: "";
background: url(//matsubara-hikari.net/wp-content/uploads/parts_bottom.png.webp) no-repeat bottom right;
background-size: contain;
position: fixed;
bottom: 0;
right: 0;
width: 50%;
height: 80%;
z-index: -2;
}
}
@media print,
screen and (min-width: 1024px) {
body:not(.home) #header {
top: 0;
}
} body.home .post {
h1,
h2,
h3,
h4,
h5 {
border: none;
background: transparent;
padding: inherit;
margin: inherit;
letter-spacing: 0;
font-style: normal;
display: inherit;
text-align: inherit;
&::before,
&::after {
content: none;
}
}
} .post {
.c-title {
font-family: var(--font-family01);
font-style: normal;
font-weight: 700;
font-size: var(--px40);
line-height: 160%;
color: var(--color-font);
border: none;
text-align: center;
display: block;
margin: 0 auto var(--px60) 0;
background: transparent;
padding: 0;
}
} .post {
.c-title.c-title--column {
font-size: var(--px40);
text-align: left;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: var(--px12);
margin-left: auto;
margin-right: auto;
margin-bottom: var(--px80);
padding: 0;
&::before,
&::after {
content: none;
}
.c-title__entxt {
display: block;
font-size: var(--px16);
font-weight: 700;
font-style: normal;
line-height: 1.2;
margin: 0;
}
.c-title__ico img {
max-height: var(--px60);
width: auto;
}
&.u-busttl {
margin-bottom: var(--px12);
font-size: var(--px30);
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: 5px var(--px12);
.c-title__ico img {
max-height: var(--px50);
}
}
}
} .post {
.c-title.c-title--ico {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: var(--px16);
letter-spacing: 0.1em;
&:after {
content: "";
background: url(//matsubara-hikari.net/wp-content/uploads/ico_ttlparts.png.webp) no-repeat;
background-size: contain;
background-position: center;
display: block;
margin: 0 auto;
padding: 0;
width: var(--px100);
height: var(--px20);
}
}
}
@media print,
screen and (max-width: 640px) {
.post {
.c-title.c-title--ico {
gap: 8px;
font-size: var(--px40);
}
}
}  .post {
.linkBtn,
.c-linkbtn {
width: 100%;
min-width: 240px;
font-weight: 600;
font-size: var(--px16);
font-family: var(--font-family01);
color: var(--color-wt);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: var(--px16);
margin: var(--px20) 0 0;
padding: var(--px12) var(--px12) var(--px12) var(--px20);
text-align: left;
background: var(--color-secondary);
-webkit-transition: 0.3s all;
-o-transition: 0.3s all;
transition: 0.3s all;
border-radius: var(--px80);
-webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
&:hover {
color: var(--color-wt);
background: var(--color-secondary-tint);
&::before {
color: var(--color-secondary-tint);
}
}
&::before {
content: "\f061";
           font-family: 'Font Awesome 6 Free';
font-style: normal;
           font-weight: 900;
font-size: var(--px16);
line-height: 1;
color: var(--color-secondary);
margin-top: -1px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 45px;
height: 45px;
background: url(//matsubara-hikari.net/wp-content/uploads/ico_btnbg_wt.png.webp) no-repeat;
background-size: contain;
background-position: center;
-webkit-transition: 0.3s all;
-o-transition: 0.3s all;
transition: 0.3s all;
}
&::after {
content: none;
}
&.linkBtn--center {
margin-left: auto;
margin-right: auto;
}
}
.linkBtn,
.c-linkbtn {
&.u-telbtn {
&::before {
content: "\f3cd";
}
}
}
}
@media print,
screen and (max-width: 768px) {
.post {
.linkBtn,
.c-linkbtn {
&::before {
width: 30px;
height: 30px;
font-size: var(--px12);
}
}
}
}
.post {
.c-txtlink {
border-bottom: solid 1px;
font-weight: 700;
color: var(--color-secondary);
-webkit-transition: 0.3s all;
-o-transition: 0.3s all;
transition: 0.3s all;
&:hover {
border-bottom: solid 1px transparent;
-webkit-transition: 0.3s all;
-o-transition: 0.3s all;
transition: 0.3s all;
color: var(--color-secondary-tint);
}
}
} .post {
.c-linkbtn--min {
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
max-width: none;
font-weight: 600;
font-size: var(--px16);
font-family: var(--font-family01);
color: var(--color-font);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
gap: var(--px16);
margin: var(--px20) 0 0;
padding: 8px 20px;
border-radius: var(--px40);
text-align: left;
line-height: 1.4;
background: #F1F1F1;
-webkit-transition: 0.3s all;
-o-transition: 0.3s all;
transition: 0.3s all;
&:hover {
color: var(--color-secondary);
background: transparent;
}
&::before {
content: "\f061";
           font-family: 'Font Awesome 5 Free' !important;
font-style: normal;
           font-weight: 900;
font-size: var(--px16);
color: var(--color-secondary);
margin-top: 0.1em;
}
&::after {
content: none;
}
&.c-linkbtn--dl:before {
content: "\f15c";
font-family: 'Font Awesome 5 Free' !important;
font-style: normal;
           font-weight: 900;
font-size: var(--px16);
color: var(--color-secondary);
margin-top: 0.1em;
}
}
}
@media print,
screen and (max-width: 768px) {
.post {
.linkBtn__min {
&:after {
width: 14px;
height: 14px;
left: 15px;
}
&::before {
width: 30px;
height: 30px;
}
}
}
} .post {
.c-arrow.c-arrow--bgimg {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 150px;
height: 150px;
background: url(//matsubara-hikari.net/wp-content/uploads/ico_btnbg_y.png.webp) no-repeat;
background-size: contain;
background-position: center;
font-weight: 600;
color: var(--color-font);
&::after {
content: "\f061";
font-family: 'Font Awesome 5 Free' !important;
font-style: normal;
           font-weight: 900;
font-size: var(--px18);
display: block;
line-height: 1;
margin-top: 4px;
}
}
} .post {
.linkBtn.linkbtn--bgnone {
background: transparent;
color: var(--color-font);
-webkit-box-shadow: none;
box-shadow: none;
&::before {
content: "\f061";
font-family: 'Font Awesome 5 Free' !important;
font-style: normal;
           font-weight: 900;
font-size: var(--px18);
color: var(--color-wt);
margin-top: -1px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 60px;
height: 60px;
background: url(//matsubara-hikari.net/wp-content/uploads/ico_btnbg_blue.png.webp) no-repeat;
background-size: contain;
background-position: center;
}
&:hover {
color: var(--color-secondary);
}
}
} .post { .c-btnlist {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin: var(--px40) auto;
gap: var(--px14) 2%;
.c-btnlist__listitem {
position: relative;
}
.c-btnlist__btn {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
padding: var(--px18) 45px var(--px18) var(--px20);
gap: var(--px20);
height: 100%;
font-family: var(--font-family01);
font-weight: 500;
font-size: var(--px16);
text-align: left;
line-height: 1.4;
width: 100%;
color: var(--color-wt);
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
border-radius: var(--px80);
border: none;
background: var(--color-secondary);
&.c-btnlist__btn--external:after {
content: "\f08e";
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: var(--px16);
line-height: 1;
color: var(--color-wt);
position: absolute;
right: 15px;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
width: auto;
height: auto;
border: none;
margin: 0;
}
&:hover {
background: var(--color-secondary-tint);
color: var(--color-wt);
&:after {
color: var(--color-wt);
}
}
}
&.c-btnlist--anchor {
.c-btnlist__btn {
&:after {
                   content: "\f063" !important;
font-family: "Font Awesome 5 Free" !important;
font-weight: 900;
font-size: var(--px16);
line-height: 1;
color: var(--color-wt);
position: absolute;
right: 15px;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
width: auto;
height: auto;
border: none;
margin: 0;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
&:hover {
&:after {
color: var(--color-wt);
}
}
}
}
}
}
@media print,
screen and (max-width: 640px) {
.post {
.c-btnlist {
.c-btnlist__listitem {
width: 100%;
max-width: 240px;
}
.c-btnlist__btn {
max-width: none;
width: 100%;
min-width: auto;
line-height: 1.4;
font-size: var(--px14);
}
}
}
} .post {
.l-about {
z-index: 1;
padding-bottom: 0;
.c-aboutcontent__txtarea {
position: relative;
width: 36%;
margin: 0 auto;
-webkit-transform: translateX(-9%);
-ms-transform: translateX(-9%);
transform: translateX(-9%);
.c-aboutcontent__title {
margin-bottom: var(--px60);
letter-spacing: 0.1em;
span {
display: block;
color: var(--color-point);
font-size: var(--px40);
text-align: left;
line-height: 2.1;
&+span {
margin-left: 6%;
&+span {
margin-left: 12%;
}
}
}
}
.c-aboutcontent__txt {
font-size: var(--px20);
font-weight: 500;
line-height: 3.2;
text-align: left;
margin-left: 10%;
display: block;
width: 100%;
&:nth-of-type(2) {
margin-left: 20%;
margin-top: var(--px40);
}
}
.u-btn_right {
margin-left: auto;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
}
.linkBtn.linkbtn--bgnone {
font-size: var(--px20);
margin: var(--px60) 0 0;
}
}
.c-sectionimg {
max-width: 300px;
margin: 0 auto 0 29%;
width: 21%;
padding: var(--px20) 0;
text-align: center;
img {
width: 100%;
height: auto;
-o-object-fit: contain;
object-fit: contain;
}
}
.c-fixtcontent__img {
position: absolute;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
z-index: -1;
.c-fixtcontent__mainimg {
position: relative;
}
.c-fixtcontent__subimg {
position: absolute;
}
&.c-fixtcontent__img--img01 {
top: 6%;
left: 0;
width: 30%;
.c-fixtcontent__mainimg {
max-width: 572px;
margin-right: auto;
text-align: left;
}
.c-fixtcontent__subimg {
bottom: 5%;
right: 25%;
max-width: 164px;
width: 28%;
}
}
&.c-fixtcontent__img--img02 {
top: 0;
right: 9%;
width: 29%;
.c-fixtcontent__mainimg {
max-width: 662px;
margin-left: auto;
text-align: right;
}
.c-fixtcontent__subimg {
bottom: 11%;
right: -26%;
max-width: 170px;
width: 30%;
}
}
&.c-fixtcontent__img--img03 {
top: 33%;
right: -1%;
width: 33%;
z-index: -2;
.c-fixtcontent__mainimg {
max-width: 662px;
margin-left: auto;
text-align: right;
}
.c-fixtcontent__subimg {
bottom: 16%;
left: 0%;
max-width: 200px;
width: 30%;
}
}
}
}
}
@media print,
screen and (max-width: 1600px) {
.post {
.l-about {
.c-aboutcontent__txtarea {
width: 44%;
}
& .c-fixtcontent__img {
&.c-fixtcontent__img--img01 {
left: -5%;
}
&.c-fixtcontent__img--img02 {
right: 4%;
}
&.c-fixtcontent__img--img03 {
width: 30%;
}
}
}
}
}
@media print,
screen and (max-width: 1240px) {
.post {
.l-about {
.c-aboutcontent__txtarea {
width: 54%;
}
& .c-fixtcontent__img {
&.c-fixtcontent__img--img01 {
left: -8%;
}
&.c-fixtcontent__img--img02 {
right: 11%;
}
&.c-fixtcontent__img--img03 {
width: 27%;
}
}
}
}
}
@media print,
screen and (max-width: 768px) {
.post {
.l-about {
.c-aboutcontent__txtarea {
width: 54%;
.c-aboutcontent__title {
margin-bottom: var(--px30);
span {
font-size: var(--px30);
}
}
.c-aboutcontent__txt {
font-size: var(--px16);
}
}
& .c-fixtcontent__img {
&.c-fixtcontent__img--img01 {
width: 70%;
left: -40%;
top: 27%;
.c-fixtcontent__subimg {
right: 14%;
}
}
&.c-fixtcontent__img--img02 {
width: 50%;
right: -25%;
}
&.c-fixtcontent__img--img03 {
width: 45%;
right: -15%;
top: 52%;
}
}
}
}
}
@media print,
screen and (max-width: 640px) {
.post {
.l-about {
.c-aboutcontent__txtarea {
width: 60%;
.linkBtn.linkbtn--bgnone {
font-size: var(--px16);
margin-left: 15%;
&::before {
width: var(--px80);
height: var(--px80);
}
}
}
}
}
}
.post {
.l-introduction {
position: relative;
&:before {
content: "";
width: 18%;
height: 12%;
top: -4%;
left: 0;
position: absolute;
background: url(//matsubara-hikari.net/wp-content/uploads/illustration04.png.webp) no-repeat left bottom;
background-size: contain;
z-index: 3;
}
.l-introduction__wrap--01 {
position: relative;
z-index: 2;
padding-bottom: 140px;
&:before {
content: "";
width: 18%;
height: 50%;
top: 14%;
left: 0;
position: absolute;
background: url(//matsubara-hikari.net/wp-content/uploads/illustration05.png.webp) no-repeat left top;
background-size: contain;
z-index: -1;
}
&:after {
content: "";
width: 20%;
height: 50%;
top: 42%;
left: 20%;
position: absolute;
background: url(//matsubara-hikari.net/wp-content/uploads/illustration06.png.webp) no-repeat center top;
background-size: contain;
z-index: -1;
}
.c-card--door {
max-width: 1140px;
margin-left: auto;
margin-right: 8%;
&>.c-card__item {
-ms-flex-item-align: start;
align-self: flex-start;
max-width: 510px;
&+.c-card__item {
margin-top: var(--px80);
}
}
}
}
.l-introduction__wrap--02 {
position: relative;
&:before {
content: "";
width: 100%;
height: 60%;
top: 0;
left: 0;
position: absolute;
background: -o-linear-gradient(top, #45CEF2 0%, #FFFFFF 102.57%);
background: -webkit-gradient(linear, left top, left bottom, from(#45CEF2), color-stop(102.57%, #FFFFFF));
background: linear-gradient(180deg, #45CEF2 0%, #FFFFFF 102.57%);
}
&:after {
content: "";
width: 100%;
height: 50%;
top: -50%;
left: 0;
position: absolute;
background: url(//matsubara-hikari.net/wp-content/uploads/gratop.png.webp) no-repeat center bottom;
background-size: cover;
z-index: -1;
}
.l-introduction__inner {
background: var(--color-wt);
padding: 200px var(--px120) var(--px120) var(--px120);
border-radius: var(--px120) 0 0 0;
width: 92%;
margin-left: auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
top: -330px;
padding-bottom: 15%;
z-index: 1;
}
.c-card {
&>.c-card__item {
width: 27%;
margin-bottom: 6%;
}
}
.c-sectionimg {
position: absolute;
bottom: 0;
left: 0;
z-index: 1;
height: auto;
width: 100%;
img {
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
}
}
.c-card {
max-width: 1280px;
position: relative;
z-index: 2;
}
}
.l-introduction__wrap--03 {
position: relative;
&:before {
content: "";
width: 10%;
height: 15%;
top: 5%;
left: 54%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
position: absolute;
background: url(//matsubara-hikari.net/wp-content/uploads/illustration07.png.webp) no-repeat center top;
background-size: contain;
z-index: -1;
}
&:after {
content: "";
width: 0%;
height: 25%;
bottom: -20%;
right: 5%;
position: absolute;
background: url(//matsubara-hikari.net/wp-content/uploads/illustration12.png.webp) no-repeat center center;
background-size: contain;
z-index: 1;
}
.l-introduction__inner {
position: relative;
&:before {
content: "";
width: 70%;
height: 1396px;
top: -54%;
left: -22%;
position: absolute;
background: url(//matsubara-hikari.net/wp-content/uploads/pinkparts.png.webp) no-repeat center center;
background-size: contain;
z-index: 0;
opacity: 0.3;
}
&+.l-introduction__inner {
margin-top: var(--px80);
}
}
.c-contentlist {
position: relative;
z-index: 1;
&.c-contentlist--circle {
margin-left: 8%;
margin-top: -3%;
.c-contentlist__listitem {
&+.c-contentlist__listitem {
margin-top: var(--px240);
margin-left: -100px;
}
}
}
}
.c-contentlist.c-contentlist--deco {
max-width: 900px;
width: 80%;
margin-left: auto;
margin-right: 5%;
.c-contentlist__item {
position: relative;
}
.c-contentlist__link {
position: absolute;
z-index: 7;
bottom: -10%;
right: calc(-200px / 2 - -10%);
&::after {
font-size: var(--px24);
}
}
.c-arrow.c-arrow--bgimg {
width: 200px;
height: 200px;
font-size: var(--px18);
gap: 8px;
}
.c-fixtcontent__img {
position: absolute;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
max-width: 28%;
max-height: 20%;
bottom: 0;
left: 0;
z-index: 6;
img {
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
}
}
}
.c-fixtcontent__img {
position: absolute;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
.c-fixtcontent__mainimg {
position: relative;
}
.c-fixtcontent__subimg {
position: absolute;
}
&.c-fixtcontent__img--img01 {
top: 50%;
left: 0;
width: 45%;
.c-fixtcontent__mainimg {
max-width: 810px;
margin-right: auto;
text-align: left;
}
.c-fixtcontent__subimg {
top: 8%;
right: 20%;
max-width: 200px;
width: 22%;
}
}
&.c-fixtcontent__img--img02 {
top: 18%;
right: 0;
width: 32%;
.c-fixtcontent__mainimg {
max-width: 596px;
margin-left: auto;
text-align: right;
}
}
}
}
}
}
@media print,
screen and (max-width: 1400px) {
.post {
.l-introduction {
.l-introduction__wrap--03 {
.c-contentlist.c-contentlist--circle {
.c-contentlist__link {
right: calc(-150px / 2 - 5%);
}
}
}
}
}
}
@media print,
screen and (max-width: 1300px) {
.post {
.l-introduction {
.l-introduction__wrap--01 {
.c-card--door {
&>.c-card__item {
width: 46%;
}
}
}
}
}
}
@media print,
screen and (max-width: 1100px) {
.post {
.l-introduction {
.l-introduction__wrap--02 {
&:after {
height: 50%;
top: -50%;
}
.l-introduction__inner {
border-radius: var(--px100) var(--px100) 0 0;
margin-right: auto;
}
}
}
}
}
@media print,
screen and (max-width: 960px) {
.post {
.l-introduction {
.l-introduction__wrap--02 {
.l-introduction__inner {
padding: 240px var(--px80) 0 var(--px60);
.c-card {
&>.c-card__item {
width: 44%;
}
}
}
}
.l-introduction__wrap--03 {
.c-contentlist {
&.c-contentlist--circle {
.c-contentlist__listitem {
&+.c-contentlist__listitem {
margin-left: -50px;
}
.c-contentlist__txtarea {
padding: var(--px30);
}
.c-contentlist__title {
font-size: var(--px20);
}
.c-contentlist__desc {
font-size: var(--px14);
}
.c-arrow.c-arrow--bgimg {
font-size: var(--px14);
width: 120px;
height: 120px;
}
}
}
}
.c-contentlist.c-contentlist--deco {
.c-contentlist__link {
right: -2%;
}
.c-arrow.c-arrow--bgimg {
font-size: var(--px14);
width: 120px;
height: 120px;
}
}
}
}
}
}
@media print,
screen and (max-width: 840px) {
.post {
.l-introduction {
.l-introduction__wrap--01 {
.c-card--door {
.c-card__link {
bottom: 35%;
right: calc(-100px / 2 - 5%);
}
.c-arrow.c-arrow--bgimg {
width: 100px;
height: 100px;
font-size: var(--px14);
}
}
}
.l-introduction__wrap--02 {
&:after {
height: 70%;
top: -70%;
}
}
}
}
}
@media print,
screen and (max-width: 640px) {
.post {
.l-introduction {
padding-top: var(--px80);
&:before {
width: 40%;
height: 12%;
top: -5%;
left: 0;
}
.l-introduction__wrap--01 {
padding-bottom: 0;
&:after {
width: 40%;
height: 50%;
top: 48%;
left: -4%;
}
.c-card--door {
margin: 0 auto;
width: 100%;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
&>.c-card__item {
width: 80%;
margin-right: auto;
margin-left: 5%;
&:last-child {
margin-right: 5%;
margin-left: auto;
margin-top: var(--px30);
}
.c-card__link {
right: -3%;
bottom: 25%;
}
}
}
}
.l-introduction__wrap--02 {
.l-introduction__inner {
top: -40px;
padding-top: var(--px120);
.c-card {
.c-linkbtn--min {
font-size: var(--px14);
padding: 4px var(--px16);
}
}
}
.c-sectionimg {
width: 110%;
position: static;
}
}
.l-introduction__wrap--03 {
&:before {
width: 19%;
height: 15%;
top: 3%;
left: 89%;
}
.l-introduction__inner {
&:before {
width: 100%;
}
}
.c-fixtcontent__img {
.c-fixtcontent__img--img01 {
top: 36%;
left: -20%;
width: 74%;
}
.c-fixtcontent__img--img02 {
top: 7%;
right: -1%;
width: 42%;
}
}
.c-contentlist {
&.c-contentlist--circle {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
.c-contentlist__listitem {
width: 80%;
.c-contentlist__img {
width: auto;
height: 80%;
min-width: 280px;
}
&+.c-contentlist__listitem {
margin-left: auto;
margin-top: 0;
}
.c-contentlist__txtarea {
width: 40vw;
height: 40vw;
}
.c-arrow.c-arrow--bgimg {
font-size: var(--px14);
width: 120px;
height: 120px;
}
}
}
}
.c-contentlist.c-contentlist--deco {
width: 96%;
margin-right: auto;
}
}
}
}
}
@media print,
screen and (max-width: 540px) {
.post {
.l-introduction {
.l-introduction__wrap--02 {
&:after {
height: 30%;
top: -30%;
}
.l-introduction__inner {
.c-card {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
&>.c-card__item {
width: 90%;
}
}
}
}
.l-introduction__wrap--03 {
.c-contentlist {
&.c-contentlist--circle {
.c-contentlist__listitem {
width: 85%;
padding: var(--px60) var(--px30);
.c-contentlist__txtarea {
width: 50vw;
height: 50vw;
}
}
}
}
.c-contentlist.c-contentlist--deco {
.c-contentlist__item {
padding: var(--px60) var(--px30);
gap: var(--px12);
.c-contentlist__txtarea {
text-align: left;
gap: var(--px12);
.c-contentlist__desc {
font-size: var(--px14);
padding-bottom: var(--px20);
}
}
}
}
}
}
}
}
.post {
.l-insta {
position: relative;
&:before {
content: "";
width: 70%;
height: 1396px;
top: -54%;
right: -12%;
position: absolute;
background: url(//matsubara-hikari.net/wp-content/uploads/pinkparts.png.webp) no-repeat center center;
background-size: contain;
z-index: 0;
opacity: 0.3;
}
.wrapper_content {
max-width: 1480px;
}
}
}
@media print,
screen and (max-width: 640px) {
.post {
.l-insta {
padding: 0;
&:before {
width: 100%;
top: -88%;
right: -12%;
}
}
}
}
.post {
.l-tour {
z-index: 1;
padding: 0;
position: relative;
&:before {
content: "";
width: 13%;
height: 83%;
top: -12%;
left: 0;
position: absolute;
background: url(//matsubara-hikari.net/wp-content/uploads/DSC00805.png.webp) no-repeat top left;
background-size: contain;
z-index: -1;
}
&:after {
content: "";
width: 15%;
height: 20%;
bottom: -18%;
right: 4%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
position: absolute;
background: url(//matsubara-hikari.net/wp-content/uploads/illustration12.png.webp) no-repeat center top;
background-size: contain;
z-index: -1;
}
.wrapper_content {
max-width: 960px;
width: 80%;
&:before {
content: "";
width: 42%;
height: 41%;
top: 0%;
right: -23%;
position: absolute;
background: url(//matsubara-hikari.net/wp-content/uploads/DSC00459.png.webp) no-repeat top right;
background-size: contain;
z-index: 0;
}
.c-title.c-title--column {
margin-bottom: var(--px20);
}
.c-title__ico img {
margin-bottom: 10px;
margin-right: 10px;
}
.googlemap {
margin: var(--px24) auto 0;
}
}
}
}
@media print,
screen and (max-width: 640px) {
.post {
.l-insta {
&:before {
width: 13%;
height: 55%;
top: 30%;
}
.wrapper_content {
&:before {
width: 30%;
height: 41%;
top: 10%;
right: -16%;
}
}
}
}
}
.post {
.l-recruit {
position: relative;
padding: var(--px80) 0 0;
&:before {
content: "";
width: 100%;
height: 50%;
top: 80%;
left: 0;
position: absolute;
background: -o-linear-gradient(top, #45CEF2 0%, #FFFFFF 102.57%);
background: -webkit-gradient(linear, left top, left bottom, from(#45CEF2), color-stop(102.57%, #FFFFFF));
background: linear-gradient(180deg, #45CEF2 0%, #FFFFFF 102.57%);
}
&:after {
content: "";
width: 100%;
height: 100%;
top: -20%;
left: 0;
position: absolute;
background: url(//matsubara-hikari.net/wp-content/uploads/gratop.png.webp) no-repeat center top;
background-size: cover;
}
.wrapper_content {
max-width: 1650px;
z-index: 1;
}
}
}  .post {
.l-postarea.front_contents {
padding: 0;
position: relative;
&:before {
content: "";
width: 70%;
height: 1396px;
top: -75%;
right: -12%;
position: absolute;
background: url(//matsubara-hikari.net/wp-content/uploads/pinkparts.png.webp) no-repeat center center;
background-size: contain;
z-index: 0;
opacity: 0.3;
}
.wrapper_content {
max-width: 1320px;
z-index: 1;
.c-postcolumn {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
gap: var(--px60);
.c-postcolumn__item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
.postlist {
width: 100%;
}
.listTitle {
position: relative;
margin: 0 auto;
}
h1.title {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: var(--px16);
margin-bottom: var(--px30);
font-size: var(--px30);
color: var(--color-font);
font-weight: 600;
&:after {
content: "";
background: url(//matsubara-hikari.net/wp-content/uploads/ico_ttlparts.png.webp) no-repeat;
background-size: contain;
background-position: center;
display: block;
margin: 0 auto;
padding: 0;
width: var(--px100);
height: var(--px20);
}
}
.ttltxt {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
gap: var(--px18);
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-align: left;
font-size: var(--px30);
font-family: var(--font-family01);
font-weight: 600;
color: var(--color-primary);
font-style: normal;
line-height: 1.5;
margin: 0;
letter-spacing: 0;
.subtxt {
font-size: var(--px20);
font-family: var(--font-family02);
font-weight: 400;
font-style: normal;
margin: 0;
line-height: 1.2;
letter-spacing: 0;
}
&::before,
&::after {
content: none;
}
}
.btnarea {
display: block;
text-align: right;
margin-left: auto;
margin-top: auto;
}
.txt_c {
margin: 0 auto;
}
.linkBtn {
margin-top: 0;
}
&:first-of-type,
&:nth-of-type(2) {
width: calc(24% - var(--px60) / 2);
.sc_geneleted_list {
width: 100%;
}
.post2b {
justify-content: center;
width: 100%;
.clearfix {
width: 100%;
}
}
.clearfix+.clearfix {
display: none;
}
}
&:last-of-type {
flex-shrink: 0;
width: calc(50% - var(--px60));
}
.post2b li {
padding: 0 0 60px;
}
.post2b_link {
bottom: 20px;
}
.post2b_img {
text-align: center;
aspect-ratio: 1.414 / 1;
overflow: hidden;
border-radius: var(--px20);
}
.post2b img {
max-width: 100%;
max-height: none;
}
.txt_c.mt5 {
margin-top: auto !important;
text-align: center !important;
}
.linkBtn {
min-width: 200px;
}
}
}
}
}
}
@media print,
screen and (max-width: 1023px) {
.post {
.l-postarea.front_contents {
.wrapper_content {
.c-postcolumn {
flex-wrap: wrap;
.c-postcolumn__item {
&:first-of-type,
&:nth-of-type(2) {
width: calc(50% - var(--px60) / 2);
}
&:last-of-type {
flex-shrink: 0;
width: 100%;
}
}
}
}
}
}
}
@media print,
screen and (max-width: 799px) {
.post {
.l-postarea.front_contents {
.wrapper_content {
.c-postcolumn {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
.c-postcolumn__item {
&:first-of-type,
&:nth-of-type(2) {
width: 100%;
}
}
.post2b li {
display: flex;
align-items: center;
justify-content: center;
gap: var(--px60);
}
.post2b_img {
flex-shrink: 0;
}
}
}
}
}
}
@media print,
screen and (max-width: 640px) {
.post {
.l-postarea.front_contents {
&:before {
width: 100%;
top: -39%;
right: -42%;
}
.wrapper_content {
.c-postcolumn {
width: 80%;
margin-top: var(--px40);
margin-left: auto;
margin-right: auto;
.c-postcolumn__item {
.post2b li {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 0;
padding: 0 0 50px;
}
h1.title {
gap: 8px;
font-size: var(--px40);
}
.c-card__desc {
overflow: hidden;
display: -webkit-box;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
font-size: var(--px14);
}
}
}
}
}
}
} .post2b li .post2b_contents,
.post4b li .post4b_contents {
opacity: 1;
overflow: hidden;
display: -webkit-box;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
h2.top-loop,
h2.bottom-loop,
h2.cat-loop {
color: var(--color-font);
}
.post .time,
.postlist .time,
.post2b .time,
.post4b .time {
color: #fff;
font-size: var(--px12);
line-height: 1.2;
background: var(--color-point);
padding: 6px 14px;
display: block;
border-radius: 30px;
font-weight: 500;
}
.post_link a,
.post2b_link a,
.post4b_link a {
color: var(--color-font);
font-weight: 500;
}
.post2b li .post2b_contents,
.post4b li .post4b_contents {
opacity: 1;
}
.post_link,
.post2b_link,
.post4b_link {
color: var(--color-font);
}
@media print,
screen and (max-width: 640px) {
.post2b,
.post4b {
width: 100%;
.clearfix+.clearfix {
margin-top: var(--px40);
}
}
} .postlist {
li,
li:first-child {
border-top: 1px solid var(--color-table-border);
&:last-child {
border-bottom: 1px solid var(--color-table-border);
}
}
.post_text {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 98%;
margin: 0 auto;
padding: 12px 0;
gap: 0 10px;
}
.time {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
background: transparent;
margin: 0;
a {
color: var(--color-wt);
padding: 5px 8px;
background: var(--color-point);
border-radius: 5px;
text-align: center;
min-width: var(--px60);
display: block;
-webkit-transition: 0.3s all;
-o-transition: 0.3s all;
transition: 0.3s all;
&:hover {
opacity: 0.7;
}
}
}
.date {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
-ms-flex-negative: 0;
flex-shrink: 0;
line-height: 1.4;
}
.time,
.date {
padding: 10px 0;
font-family: var(--font-family02);
}
.ttls {
overflow: inherit;
white-space: normal;
-o-text-overflow: inherit;
text-overflow: inherit;
font-size: var(--px16);
width: 100%;
padding: 0;
margin: 0;
a {
padding: 10px 10px 10px 0;
font-weight: 500;
position: relative;
width: 100%;
display: block;
-webkit-transition: 0.3s all;
-o-transition: 0.3s all;
-webkit-transition: 0.3s all;
-o-transition: 0.3s all;
transition: 0.3s all;
&:hover {
text-decoration: none;
color: var(--color-secondary);
}
}
}
}
@media print,
screen and (max-width: 640px) {
.postlist {
.post_text {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-bottom: 0;
}
.time,
.date {
padding: 0;
}
}
} .dateLabel {
font-family: var(--font-family02);
font-style: normal;
}
.archive {
.c-card {
&>.c-card__item {
.c-card__desc {
overflow: hidden;
display: -webkit-box;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
font-size: var(--px14);
}
.c-card__title {
font-size: var(--px18);
letter-spacing: 0.01em;
margin: 0 0 var(--px12);
overflow: hidden;
display: -webkit-box;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
-webkit-box-shadow: none;
box-shadow: none;
&:before,
&:after {
content: none;
}
}
.c-card__bottomarea a.linkBtn--min {
border-bottom: solid 1px;
font-size: var(--px14);
padding-bottom: 3px;
}
}
}
}
@media print,
screen and (max-width: 640px) {
.archive {
.c-card {
&>.c-card__item {
&+.c-card__item {
margin-top: var(--px40);
}
}
width: 80%;
margin-left: auto;
margin-right: auto;
}
}
}  .page_contents_inner+.page_contents_inner {
margin-top: var(--px100);
}
.fw_contents .page_contents_inner:nth-child(even) {
background: #f3f3f3d9;
.c-boxstyle {
background: var(--color-wt);
}
h3:not([class]) {
background: #fff;
}
}
.fw_contents {
.page_contents_inner+.page_contents_inner {
margin-top: 0;
}
}
body:not(.home) {
#wrapper {
width: 94%;
}
.post img {
border-radius: var(--px40);
}
} .post {
.read_txt {
font-size: var(--px20);
font-weight: 600;
text-align: center;
letter-spacing: .01em;
line-height: 2.2;
margin: var(--px60) auto var(--px80);
}
}
@media print,
screen and (max-width: 640px) {
.post {
.read_txt {
text-align: left;
line-height: 2;
}
}
}
.post {
.c-conceptttl {
position: relative;
font-size: var(--px24s);
font-family: var(--font-family01);
font-weight: 600;
padding: 0;
margin: var(--px60) 0 var(--px40);
border: none;
text-align: left;
background: transparent;
color: var(--color-font);
border-radius: inherit;
-webkit-box-shadow: none;
box-shadow: none;
}
}
.post {
ul.list_star>li,
ul li.list_star {
position: relative;
list-style: none;
padding-left: var(--px30);
margin-left: 0;
font-weight: 600;
&:before {
content: '\f005';
position: absolute;
font-family: 'FontAwesome';
font-weight: 400;
left: 0;
color: var(--color-point);
}
&+li {
margin-top: var(--px12);
}
}
}
@media print,
screen and (max-width: 640px) {
.post {
ul.list_star>li,
ul li.list_star {
padding-left: var(--px24);
}
}
}
.post {
.gap10 {
gap: 10px;
}
}
.post {
.u-centercontent {
margin-left: auto;
margin-right: auto;
text-align: center;
}
}
body:not(.home) .post {
.linkBtn,
.c-linkbtn {
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
min-width: 240px;
}
}
.post {
table.c-table--style01 {
border-spacing: 0;
table-layout: fixed;
tr {
&:has(th) {
background-color: #fff;
}
&:nth-of-type(odd) td {
background-color: #f5f5f5;
}
td {
&:last-of-type {
border: none;
}
}
}
th {
background-color: var(--color-primary-shade);
border: none;
padding: 20px 15px 18px;
&:nth-of-type(even) {
background-color: var(--color-primary-tint);
}
}
td {
border: none;
border-right: dotted 1px #ccc;
}
}
}
.post {
table.c-table--style02 {
border-spacing: 0;
table-layout: fixed;
border: 1px solid var(--color-table-border);
text-align: center;
td,
th {
border: 1px solid var(--color-table-border);
}
th {
background-color: #eee;
padding: 20px 15px 18px;
}
}
} header#h1Header {
background: transparent;
height: auto;
z-index: -1;
overflow: visible;
border-bottom: dotted 6px #ccc;
max-width: var(--content-max-width);
margin: 0 auto;
&::before {
background-color: transparent;
}
h1.title {
position: relative;
padding-block: calc(18rem + (1vw - 1.92rem) * 9.7087) calc(7rem + (1vw - 1.92rem) * 2.5890);  padding-inline: 5%;
-webkit-transform: none;
-ms-transform: none;
transform: none;
color: var(--color-font);
font-size: var(--px40);
font-weight: 700;
font-family: var(--font-family02);
line-height: 1.2;
text-transform: lowercase;
display: block;
text-transform: capitalize;
&::before {
content: "";
position: absolute;
bottom: 0px;
width: min(1400px, 94%);
height: 1px;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
max-width: 1400px;
background: transparent;
}
&:after {
content: "";
background: url(//matsubara-hikari.net/wp-content/uploads/ico_ttlparts.png.webp) no-repeat;
background-size: contain;
background-position: center;
display: block;
margin: 0 auto;
padding: 0;
width: var(--px100);
height: var(--px20);
margin-top: var(--px30);
}
}
} @media print,
screen and (max-width: 768px) {
#contact .c-column.c-fullarea {
gap: var(--px16);
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
input[type="text"],
input[type="tel"],
input[type="email"],
input[type="date"],
input[type="url"],
input[type="number"],
select,
textarea {
vertical-align: middle;
line-height: 30px;
min-height: 50px;
padding: 10px;
border: none;
border-radius: 0;
color: var(--color-bk);
background: #f5f5f5;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.wpcf7-form {
padding: 0;
}
.wpcf7-form a {
border-bottom: solid 1px;
}
.wpcf7-form a:hover {
opacity: 0.7;
}
.wpcf7-form input[type=submit] {
display: block;
background: var(--color-secondary);
border: none;
border-radius: 0px;
font-family: var(--font-family01);
font-weight: 500;
font-size: var(--px16);
line-height: 1.4;
color: var(--color-wt);
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
margin: var(--px30) auto 0;
max-width: 240px;
width: 100%;
padding: var(--px20) var(--px30);
border-radius: var(--px80);
&:hover {
color: var(--color-wt);
background: var(--color-secondary-tint);
}
}
.submit_btn,
.post .submit_btn {
position: relative;
width: auto !important;
}
.submit_btn .wpcf7-spinner,
.post .submit_btn .wpcf7-spinner {
top: inherit;
background-color: #adadad;
}
.wpcf7-form .must {
background: var(--color-point);
} body.error404 #wrapper section h1 {
padding: 0;
font-family: var(--font-family01);
background: transparent;
margin: 20px 0 calc(40px + (1vw - 19.2px) * 1.6828) 0; color: var(--color-bk);
font-weight: 500;
font-size: calc(3rem + (1vw - 1.92rem) * 0.6472); line-height: 1.4;
letter-spacing: -1px;
padding-bottom: 10px;
border-bottom: solid 1px var(--color-bk);
width: 100%;
} .post ul#sitemap_list>li {
margin-bottom: 5px;
padding: var(--rem24) 0 var(--rem24) 5px;
background: none;
border-bottom: solid 1px var(--color-table-border);
}
.post ul#sitemap_list>li a {
font-weight: 500;
font-family: var(--font-family01);
}
.post ul#sitemap_list li a span.sub_ttl,
.post ul#sitemap_list li ul.children a {
margin-left: 1rem;
font-size: 80%;
font-weight: 500;
} .post {
.c-designbox {
background: #fdffc1;
padding: var(--px80);
border-radius: var(--px80);
max-width: 1240px;
margin: var(--px80) auto;
.c-designbox__ttl {
position: relative;
color: var(--color-point);
font-size: var(--px40);
font-weight: 700;
font-family: var(--font-family01);
line-height: 1.4;
background: transparent;
padding: 0;
margin: var(--px40) auto;
text-align: center;
letter-spacing: 0;
&::before,
&::after {
content: none;
}
}
.read_txt {
font-size: var(--px18);
text-align: center;
letter-spacing: .01em;
line-height: 2.2;
margin: var(--px60) auto var(--px80);
margin: var(--px40) auto var(--px60);
font-weight: 500;
}
}
}
@media print,
screen and (max-width: 640px) {
.post {
.c-designbox {
padding: var(--px40);
.read_txt {
text-align: left;
line-height: 2;
}
}
}
}
.post {
.c-boxstyle {
margin-top: var(--px40);
padding: var(--px40);
background: #f5f5f5;
border-radius: var(--px20);
.c-boxstyle+.c-boxstyle {
margin-top: var(--px30);
}
.c-boxstyle__head {
background: #ffe8e8;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-radius: var(--px20);
font-size: var(--px20);
font-weight: 500;
padding: var(--px20);
}
.c-boxstyle__ttl {
font-size: var(--px18);
font-weight: 600;
color: var(--color-point);
border-bottom: dotted 2px #ccc;
padding-bottom: var(--px12);
margin-bottom: var(--px12);
}
}
} .post {
.c-numlist {
margin: 0;
counter-reset: number 0;
.c-numlist__item {
list-style: none;
&+.c-numlist__item {
margin-top: var(--px40);
}
.c-numlist__ttl {
font-size: var(--px24s);
background: transparent;
-webkit-box-shadow: none;
box-shadow: none;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
gap: var(--px14);
color: var(--color-font);
border-bottom: dotted #ccc;
padding-bottom: var(--px12);
margin-bottom: var(--px20);
line-height: 1.4;
&:before {
counter-increment: number 1;
content: counter(number, decimal-leading-zero);
font-size: var(--px30w);
line-height: 1;
-ms-flex-negative: 0;
flex-shrink: 0;
font-weight: 600;
color: var(--color-wt);
margin-top: -1px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 60px;
height: 60px;
background: url(//matsubara-hikari.net/wp-content/uploads/ico_btnbg_blue.png.webp) no-repeat;
background-size: contain;
background-position: center;
}
}
}
}
}
@media print,
screen and (max-width: 640px) {
.post {
.c-numlist {
.c-numlist__item {
.c-numlist__ttl {
&:before {
width: 40px;
height: 40px;
font-size: var(--px30);
}
}
}
}
}
}
.post {
.c-btnlist__listitem:has(.c-classbtn) {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.c-classbtn {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: flex-start;
justify-content: flex-start;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: var(--px40);
-webkit-box-align: start;
-ms-flex-align: flex-start;
align-items: flex-start;
text-align: center;
padding: 0;
background: var(--color-wt);
border-radius: var(--px20);
margin: var(--px60) auto 0;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
min-width: 320px;
z-index: 2;
height: 100%;
&:before,
&:after {
content: "";
width: 100%;
height: var(--px20);
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
position: absolute;
background: url(//matsubara-hikari.net/wp-content/uploads/ttlico03.png.webp) repeat-x;
background-size: contain;
z-index: 4;
}
&:before {
top: -6%;
background-position: top center;
}
&:after {
bottom: -6%;
background-position: bottom center;
}
.c-classbtn__link {
line-height: 1.4;
font-size: var(--px20);
color: var(--color-secondary);
font-weight: 600;
width: 100%;
height: 100%;
padding: var(--px40) var(--px80) var(--px40) var(--px40);
cursor: pointer;
text-align: left;
-webkit-transition: 0.3s all;
-o-transition: 0.3s all;
transition: 0.3s all;
&:after {
position: absolute;
right: var(--px20);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
top: 50%;
content: "\f061";
font-family: 'Font Awesome 5 Free';
font-style: normal;
font-weight: 600;
font-size: var(--px14);
color: var(--color-wt);
margin-top: -1px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 40px;
height: 40px;
background: url(//matsubara-hikari.net/wp-content/uploads/ico_btnbg_blue.png.webp) no-repeat;
background-size: contain;
background-position: center;
}
&:hover {
opacity: 0.5;
}
}
.c-classbtn__label {
border: solid 1px;
padding: 6px 20px;
border-radius: 50vh;
display: block;
text-align: center;
margin: 8px auto;
line-height: 1.4;
font-size: var(--px16);
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
margin-left: 0;
}
.c-classbtn__min {
display: block;
font-size: var(--px14);
margin-top: var(--px14);
}
}
}
@media print,
screen and (max-width: 640px) {
.post {
.c-btnlist__listitem:has(.c-classbtn) {
max-width: none;
}
.c-classbtn {
.c-classbtn__link {
padding: var(--px60) var(--px80) var(--px60) var(--px60);
}
}
}
} .post {
.c-voice__listitem {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: var(--px60);
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
background: var(--color-wt);
padding: var(--px60);
border-radius: var(--px40);
&+.c-voice__listitem {
margin-top: var(--px40);
}
}
.c-voice__ico {
-ms-flex-negative: 0;
flex-shrink: 0;
max-width: var(--px160);
}
.c-person {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.c-person__detail {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 5px var(--px16);
padding-bottom: var(--px14);
border-bottom: dotted 4px #ccc;
dt,
dd {
padding: 0;
line-height: 1.4;
font-weight: 700;
font-size: var(--px20);
}
.c-person__name {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3; }
.c-person__role {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
width: 100%;
font-style: italic;
font-weight: 400; }
.c-person__experience {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2; }
}
.c-voice__ttl {
position: relative;
font-size: var(--px18);
font-family: var(--font-family01);
font-weight: 600;
padding: 0;
margin: var(--px20) 0 var(--px14);
border: none;
text-align: left;
background: transparent;
color: var(--color-font);
border-radius: inherit;
-webkit-box-shadow: none;
box-shadow: none;
}
}
@media print,
screen and (max-width: 768px) {
.post {
.c-voice__ico {
max-width: var(--px240);
}
.c-voice__listitem {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: var(--px18);
}
.c-person__detail {
text-align: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.c-voice__ttl {
font-size: var(--px20);
}
}
} .post {
table.has-counter {
counter-reset: rowNumber;
table-layout: fixed;
width: 100%;
tr>*:first-child {
width: var(--px80);
white-space: nowrap;
text-align: center;
font-size: var(--px20);
}
tr>*:not(:first-child) {
width: auto;
}
tr td:first-child {
counter-increment: rowNumber; }
tr td:first-child::before {
content: counter(rowNumber, decimal-leading-zero);
}
}
}
@media print,
screen and (max-width: 640px) {
.post {
table.has-counter {
tr>*:first-child {
width: var(--px120);
}
}
}
} .post {
.c-recruittxt {
font-size: var(--px20);
font-weight: 600;
text-align: center;
letter-spacing: .01em;
line-height: 1.4;
margin: var(--px60) auto 0;
.c-recruittxt__ttl {
font-size: var(--px24s);
font-weight: 600;
text-align: center;
letter-spacing: .01em;
line-height: 1.6;
background: -o-linear-gradient(transparent 60%, #fedcdc 40%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(40%, #fedcdc));
background: linear-gradient(transparent 60%, #fedcdc 40%);
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
margin: 0 auto var(--px16);
}
.c-recruittxt__light {
font-weight: 400;
margin-top: 4px !important;
line-height: 1.2;
margin-bottom: var(--px20);
letter-spacing: 0.4em;
font-size: var(--px16);
}
.c-recruittxt__strong {
font-size: var(--px30);
font-weight: 600;
text-align: center;
letter-spacing: .01em;
line-height: 1.4;
margin-top: var(--px24);
}
}
.c-step {
margin: var(--px30) auto;
border: none;
border-spacing: 0;
.c-step__head {
border-bottom: none;
font-size: var(--px20);
text-align: right;
position: relative;
min-height: 40px;
vertical-align: middle;
border: none;
color: var(--color-bk);
font-family: var(--font-family02);
background: var(--color-background);
padding: 0 var(--px40) 0 0;
&::before {
content: "";
position: absolute;
top: 50%;
right: 0;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
width: 12px;
height: 12px;
background-color: var(--color-primary-shade);
border-radius: 50vh;
}
&::after {
content: "";
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
right: 5px;
width: 2px;
height: 100%;
background-color: var(--color-primary-shade);
}
}
.c-step__item {
&:first-of-type,
&:last-of-type {
.c-step__head:after {
content: "";
position: absolute;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
right: 5px;
width: 2px;
height: 50%;
background-color: var(--color-primary-shade);
}
}
&:first-of-type {
.c-step__head:after {
top: inherit;
bottom: 0;
}
}
&:last-of-type {
.c-step__head:after {
top: 0;
}
}
}
}
.c-btnlist--partner {
display: flex;
gap: var(--px30);
justify-content: center;
align-items: center;
flex-wrap: wrap;
.c-btnlist__item {
width: 240px;
height: 200px;
background: #fff;
padding: var(--px20);
img {
border-radius: 0;
width: 100%;
height: 100%;
object-fit: contain;
}
}
}
}
@media print,
screen and (max-width: 1023px) {
.post {
.c-btnlist--partner {
.c-btnlist__item {
width: 160px;
height: 130px;
padding: var(--px12);
}
}
}
} .post {
.c-schedule {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
.c-schedule__list {
.c-schedule__listitem {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: var(--px60);
&+.c-schedule__listitem {
margin-top: var(--px60);
border-top: dotted 4px #ccc;
padding-top: var(--px60);
}
.c-schedule__month {
max-width: var(--px240);
-ms-flex-negative: 0;
flex-shrink: 0;
}
.c-schedule__eventlistitem {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: var(--px30);
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
&+.c-schedule__eventlistitem {
margin-top: var(--px20);
}
.c-schedule__ttl {
-ms-flex-negative: 0;
flex-shrink: 0;
width: 200px;
font-weight: 600;
line-height: 1.6;
.c-schedule__minttl {
display: block;
font-size: var(--px12);
font-weight: 500;
}
}
.c-schedule__class {
width: auto; table-layout: fixed; border-collapse: separate;
border-spacing: 0;
max-width: 100%; tr {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: var(--px12);
}
.c-schedule__classitem {
border: none;
background: transparent;
line-height: 1;
font-size: var(--px16);
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
white-space: nowrap;
padding: 8px 10px;
border-radius: 30px;
min-width: 60px;
min-height: auto;
text-align: center;
vertical-align: middle;
word-break: break-word;
&:not(:empty) {
background: #eee;
}
}
}
}
}
}
}
}
@media print,
screen and (max-width: 640px) {
.post {
.c-schedule {
.c-schedule__list {
.c-schedule__listitem {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: var(--px16);
.c-schedule__eventlistitem {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
padding: var(--px16);
background: #f7f7f7;
.c-schedule__ttl {
width: auto;
}
.c-schedule__class {
.c-schedule__classitem {
min-width: 40px;
padding: 6px 8px;
font-size: var(--px14);
}
}
}
}
}
}
}
}  .post {
.flowlist01 {
padding-left: 130px;
position: relative;
&::before {
content: "";
width: 15px;
height: 100%;
background: #eee;
margin-left: -8px;
display: block;
position: absolute;
top: 0;
left: 130px;
}
&>li {
position: relative;
&:not(:last-child) {
margin-bottom: 8vh;
}
.icon {
margin-left: auto;
font-size: var(--px20);
color: var(--color-wt);
background: var(--color-secondary);
padding: 8px;
position: absolute;
top: -37px;
left: -143px;
z-index: 100;
border-radius: 10px;
line-height: 1.2;
width: 120px;
height: 120px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 3px;
text-align: center;
&::after {
content: "";
border-style: solid;
border-width: 5px 0 5px 10px;
border-color: transparent transparent transparent var(--color-secondary);
position: absolute;
top: 50%;
left: 100%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.icon__min {
font-size: var(--px14);
line-height: 1.3;
}
}
dl {
padding-left: 70px;
position: relative;
&:before,
&::after {
content: "";
display: block;
position: absolute;
top: 20px;
}
&::before {
width: 12px;
height: 12px;
margin-top: -3px;
background: var(--color-secondary);
border-radius: 50%;
left: -7px;
}
&::after {
width: 50px;
border-bottom: 1px dashed var(--color-secondary-tint);
position: absolute;
left: 5px;
top: 23px;
}
dt {
font-size: var(--px24s);
font-weight: 600;
margin-bottom: var(--px20);
padding-bottom: 8px;
border-bottom: dotted 2px #ccc;
}
dd {
padding: 0;
&+dd {
margin-top: var(--px16);
}
img {
max-width: 500px;
width: 100%;
height: auto;
margin-right: auto;
margin-left: 0;
}
}
}
}
}
}
@media (max-width: 768px) {
.post {
.flowlist01 {
padding-left: 20px;
&::before {
left: 19px;
}
&>li {
.icon {
position: relative;
left: 0;
top: inherit;
display: block;
height: auto;
width: calc(100% - 20px);
margin-bottom: var(--px18);
&::after {
left: -10px;
-webkit-transform: translateY(-50%) rotate(180deg);
-ms-transform: translateY(-50%) rotate(180deg);
transform: translateY(-50%) rotate(180deg);
}
&::before {
content: "";
display: block;
position: absolute;
top: 18px;
width: 12px;
height: 12px;
margin-top: -3px;
background: var(--color-secondary);
border-radius: 50%;
left: -27px;
}
}
dl {
padding-left: 20px;
&::after {
content: none;
}
&:before {
content: none;
}
dd {
img {
margin-right: auto;
margin-left: auto;
}
}
}
}
}
}
} .post {
.c-btnlist.c-btnlist--admission {
justify-content: flex-start;
margin: var(--px30) 0;
max-width: 840px;
li {
width: 48%;
}
.c-linkbtn {
width: 100%;
background: #F1F1F1;
color: var(--color-font);
&::before {
content: "\f15c";
font-family: 'Font Awesome 6 Free';
font-style: normal;
font-weight: 300;
font-size: var(--px20);
color: var(--color-secondary);
margin-top: 0.1em;
background: transparent;
}
}
}
.c-boxstyle--admission {
.c-boxstyle__head {
background: #f9fd8f;
color: var(--color-font);
}
.list_checkbox li {
margin-bottom: var(--px18);
line-height: 1.4;
&:before {
content: '\f14a';
color: var(--color-secondary);
}
}
}
}
@media print,
screen and (max-width: 1023px) {
.post {
.c-boxstyle--admission {
.col4_list>li {
width: 32%
}
}
}
}
@media print,
screen and (max-width: 640px) {
.post {
.c-btnlist.c-btnlist--admission {
li {
width: fit-content;
}
}
.c-boxstyle--admission {
.col4_list>li {
width: 48%;
}
}
}
} .post {
.p-otayori .c-designbox {
.c-designbox__ttl {
font-size: var(--px30);
margin-top: 0;
}
}
.c-btnlist--otayori {
display: flex;
flex-wrap: wrap;
gap: var(--px12);
.c-linkbtn--min {
margin-top: 0;
background: #fff;
}
}
}
@media (max-width: 640px) {
.post {
.p-otayori .c-designbox {
.c-designbox__ttl {
font-size: var(--px30w);
margin-top: var(--px16);
}
}
.c-btnlist--otayori {
align-items: center;
flex-direction: column;
}
}
} .post {
a.bus_btn {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: var(--px16);
background: var(--header-color-primary);
color: var(--color-wt);
font-size: calc(1.6rem + (1vw - 1.92rem) * 0.2232);
font-weight: 600;
line-height: 1.4;
text-align: center;
border-radius: 50vh;
-webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
height: calc(100% - 20px);
margin: var(--px40) auto 0;
min-width: var(--px240);
max-width: 320px;
padding: var(--px24) var(--px40);
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;
&.bus_btn {
background: var(--color-primary);
color: var(--color-font);
&:hover {
background: var(--color-primary-tint);
img {
opacity: 1;
}
}
}
}
.c-cta__icoimg {
max-width: 50px;
img {
width: 100%;
height: auto;
}
}
}
@media print,
screen and (max-width: 640px) {
.post {
.p-school-bus {
.read_txt {
text-align: left;
line-height: 2;
font-size: var(--px18);
}
}
}
}
@media print,screen and (max-width: 768px) {
.cat-gallery iframe {
width: 100%;
aspect-ratio: 16 / 9;
max-width: 100%;
height: auto;
}
} .post .c-btnlist__btn::after{
content: "\f063" !important;
font-family: "Font Awesome 5 Free" !important;
}
.post .linkBtn::before, .post .c-linkbtn::before{
content: "\f061";
font-family: 'Font Awesome 5 Free';
}
.post .c-linkbtn--min::before{
content: "\f061";
font-family: "Font Awesome 5 Free" !important;
}.image_auth_jp_quiz { display: none;
}
.image_auth_jp_description { display: none;
} .image_auth_jp_quiz.loaded {
display: inline-block;
}
.image_auth_jp_description.loaded {
display: block;
} .image_auth_jp_error_message {
display: none;
padding: 10px;
margin: 5px 0;
background-color: #f8d7da;
border: 1px solid #f5c6cb;
border-radius: 4px;
color: #721c24;
font-size: 14px;
text-align: center;
}
.image_auth_jp_error_message.show {
display: block;
}html.slb_overlay object,html.slb_overlay embed,html.slb_overlay iframe{visibility:hidden}html.slb_overlay #slb_viewer_wrap object,html.slb_overlay #slb_viewer_wrap embed,html.slb_overlay #slb_viewer_wrap iframe{visibility:visible}