@charset "UTF-8";
        body {
font-family: "Noto Sans JP", "Yu Gothic", "Meiryo", sans-serif;
line-height: 1.6;
color: #222222;
} html {
font-family: sans-serif;
-webkit-text-size-adjust: 100%;
-moz-text-size-adjust: 100%;
text-size-adjust: 100%;
-moz-tab-size: 4;
-o-tab-size: 4;
tab-size: 4;
font-feature-settings: normal;
}
body {
margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
display: block;
}
audio,
canvas,
progress,
video {
display: inline-block;
vertical-align: baseline;
}
audio:not([controls]) {
display: none;
height: 0;
}
[hidden],
template {
display: none;
}
a {
background-color: transparent;
}
a:active,
a:hover {
outline: 0;
}
abbr[title] {
border-bottom: 1px dotted;
}
b,
strong {
font-weight: 700;
}
dfn {
font-style: italic;
}
h1 {
margin: 0.67em 0;
font-size: 2em;
}
mark {
color: #000;
background: #ff0;
}
small {
font-size: 80%;
}
sub,
sup {
position: relative;
font-size: 75%;
line-height: 0;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
img {
border: 0;
}
svg:not(:root) {
overflow: hidden;
}
hr {
height: 0;
box-sizing: content-box;
}
pre {
overflow: auto;
}
code,
kbd,
pre,
samp {
font-family: monospace, monospace;
font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
margin: 0;
font: inherit;
color: inherit;
}
button {
overflow: visible;
}
button,
select {
text-transform: none;
}
button,
html input[type=button],
input[type=reset],
input[type=submit] {
-webkit-appearance: button;
cursor: pointer;
}
button[disabled],
html input[disabled] {
cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
padding: 0;
border: 0;
}
input {
line-height: normal;
}
input[type=checkbox],
input[type=radio] {
box-sizing: border-box;
padding: 0;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
height: auto;
}
input[type=search] {
box-sizing: content-box;
-webkit-appearance: textfield;
}
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
-webkit-appearance: none;
}
fieldset {
padding: 0.35em 0.625em 0.75em;
margin: 0 2px;
border: 1px solid silver;
}
legend {
padding: 0;
border: 0;
}
textarea {
overflow: auto;
}
optgroup {
font-weight: 700;
}
table {
border-spacing: 0;
border-collapse: collapse;
}
td,
th {
padding: 0;
} @media print {
*,
:before,
:after {
color: #000 !important;
text-shadow: none !important;
background: transparent !important;
box-shadow: none !important;
}
a,
a:visited {
text-decoration: underline;
}
a[href]:after {
content: " (" attr(href) ")";
}
abbr[title]:after {
content: " (" attr(title) ")";
}
a[href^="#"]:after,
a[href^="javascript:"]:after {
content: "";
}
pre,
blockquote {
border: 1px solid #999;
page-break-inside: avoid;
}
thead {
display: table-header-group;
}
tr,
img {
page-break-inside: avoid;
}
img {
max-width: 100% !important;
}
p,
h2,
h3 {
orphans: 3;
widows: 3;
}
h2,
h3 {
page-break-after: avoid;
}
select {
background: #fff !important;
}
.navbar {
display: none;
}
.btn > .caret,
.dropup > .btn > .caret {
border-top-color: #000 !important;
}
.label {
border: 1px solid #000;
}
.table {
border-collapse: collapse !important;
}
.table td,
.table th {
background-color: #fff !important;
}
.table-bordered th,
.table-bordered td {
border: 1px solid #ddd !important;
}
}
*,
:after,
:before,
input[type=checkbox],
input[type=radio] {
box-sizing: border-box;
}
.p0 {
padding: 0 !important;
}
.rounded-0 {
border-radius: 0 !important;
}
a {
text-decoration: none;
}
a:hover {
text-decoration: none;
}
img {
max-width: 100%;
}
h1,
h2,
h3,
h4,
h5,
h6,
p {
margin: 0;
}
.d-flex {
display: flex;
}
.d-flex-pc {
display: flex !important;
}
.align-items-start {
align-items: flex-start;
}
.align-items-end {
align-items: flex-end;
}
.align-items-center {
align-items: center;
}
.justify-content-between {
justify-content: space-between;
}
.justify-content-center {
justify-content: center;
}
.d-block {
display: block;
}
.d-inline-block {
display: inline-block;
}
.preline {
white-space: pre-line;
}
.position-relative {
position: relative;
}
.fll {
float: left;
}
.flr {
float: right;
}
.text-center {
text-align: center;
}
@media (max-width: 767px) {
.text-center-sp {
text-align: center;
}
}
.block-center {
display: block;
text-align: center;
}
.text-white {
color: #fff;
}
@media (max-width: 767px) {
.text-white-sp {
color: #fff;
}
}
.text-nowrap {
white-space: nowrap;
}
.h-10 {
display: block;
height: 0.6944444444vw;
}
@media (max-width: 767px) {
.h-10 {
height: 1.3020833333vw;
}
}
@media (min-width: 1441px) {
.h-10 {
height: 10px;
}
}
.clearfix:after {
content: "";
display: block;
clear: both;
}
.clearfix:before {
content: "";
display: block;
clear: both;
}
.clearfix {
display: block;
}
@media (min-width: 768px) {
.show-sp {
display: none !important;
}
}
@media (max-width: 767px) {
.show-pc {
display: none !important;
}
}
.hidden {
display: none !important;
}
.show {
display: initial !important;
}
* {
margin: 0;
padding: 0;
}
body {
font-size: 15px;
color: #222222;
box-sizing: border-box;
}
@media (max-width: 767px) {
body {
font-size: 14px;
}
}
html {
letter-spacing: 0.02em;
scroll-padding-top: 70px;
overflow-wrap: anywhere;
}
ul li {
list-style: none;
}
a,
a:visited {
color: #222222;
}
a {
transition: 0.2s;
}
a:hover {
opacity: 0.6;
}
img {
width: 100%;
height: auto;
}
em {
font-style: normal;
}
.button_01 {
display: inline-flex;
align-items: center;
justify-content: space-between;
gap: 10px;
font-size: clamp(13.6363636364px, 1.0416666667vw, 15px);
padding: clamp(6.6666666667px, 0.5555555556vw, 8px) clamp(8.3333333333px, 0.6944444444vw, 10px);
font-weight: 500;
color: #ffffff;
background-color: #62c0b4;
border-radius: 50px;
}
.button_01::before {
display: inline-block;
content: "";
width: 18px;
height: 18px;
}
.button_01::after {
display: inline-block;
content: "";
display: inline-block;
width: 18px;
height: 18px;
background-color: #fff;
-webkit-mask-image: url(//takagi.pro/assets/img/common/icon_btn_arrow.svg);
mask-image: url(//takagi.pro/assets/img/common/icon_btn_arrow.svg);
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-position: center;
-webkit-mask-size: contain;
mask-size: contain;
}
.button_01:visited {
color: #ffffff;
}
.button_02 {
display: inline-flex;
align-items: center;
justify-content: center;
font-size: clamp(13.6363636364px, 1.0416666667vw, 15px);
min-width: 160px;
padding: clamp(10.9090909091px, 0.8333333333vw, 12px) clamp(13.8461538462px, 1.25vw, 18px);
font-weight: 500;
color: #ffffff;
background-color: #62c0b4;
border-radius: 50px;
border: none;
}
.button_02:visited {
color: #ffffff;
}
.section .inner {
display: flex;
flex-direction: column;
align-items: center;
width: 100%;
max-width: calc(960px + clamp(40px, 5.5555555556vw, 80px) * 2);
padding: clamp(45.7142857143px, 4.4444444444vw, 64px) clamp(40px, 5.5555555556vw, 80px);
margin: 0 auto;
}
@media (max-width: 767px) {
.section .inner {
width: 100%;
padding-inline: 24px;
}
}
.section .inner.fullwidth {
max-width: none;
padding-left: 0;
padding-right: 0;
}
.section .inner .container {
width: 100%;
margin-top: clamp(20px, 2.7777777778vw, 40px);
}
.section .inner .heading {
color: #222222;
width: 100%;
}
.section .inner .heading .title {
font-family: "Noto Serif JP", serif;
font-weight: 300;
font-size: clamp(30px, 3.3333333333vw, 48px);
line-height: 1.4;
color: #62c0b4;
}
.section .inner .heading .sub {
font-weight: 500;
font-size: 16px;
letter-spacing: 0.1rem;
color: #62c0b4;
}
.section .inner .heading .shoulder_copy {
font-weight: 500;
font-size: 16px;
}
.section .inner .heading .lead {
color: #222222;
line-height: 1.8;
margin-top: clamp(13.986013986px, 1.3888888889vw, 20px);
}
.sub-fv {
position: relative;
z-index: 0;
}
.sub-fv .inner {
position: relative;
z-index: 2;
display: flex;
align-items: center;
justify-content: center;
height: clamp(139.8601398601px, 13.8888888889vw, 200px);
}
.sub-fv .inner .p-title {
text-align: center;
line-height: 1;
}
.sub-fv .inner .p-title__main {
font-weight: 700;
font-size: clamp(21.4285714286px, 2.0833333333vw, 30px);
letter-spacing: 0.14rem;
}
.sub-fv .inner .p-title__en {
display: inline-block;
font-family: "Noto Serif JP", serif;
font-weight: 500;
font-size: clamp(12.8571428571px, 1.25vw, 18px);
margin-top: clamp(6.993006993px, 0.6944444444vw, 10px);
}
.opacity-75 {
opacity: 0.75;
}
.opacity-50 {
opacity: 0.5;
}
.opacity-25 {
opacity: 0.25;
}
.js_object_fit img {
height: 100%;
}
.js_object_fit.-contain img {
-o-object-fit: contain;
object-fit: contain;
}
.js_object_fit.-cover img {
-o-object-fit: cover;
object-fit: cover;
}
.keep_ratio {
position: relative;
display: block;
width: 100%;
overflow: hidden;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
.keep_ratio img {
width: 100%;
height: 100%;
}
.keep_ratio::before {
content: "";
display: block; padding-top: 56.25%; }
.keep_ratio span {
display: block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.ellipsis__s {
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
.ellipsis__m {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden; line-height: 1.6;
height: 3.2em;
}
.ellipsis__m-3 {
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden; line-height: 1.6;
height: 4.8em;
}
.ellipsis__m-4 {
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
overflow: hidden; line-height: 1.6;
height: 6.4em;
}
.accordion {
text-align: center;
}
.accordion .ac_title,
.accordion .ac_close {
cursor: pointer;
}
.accordion .ac_inner {
display: none;
}
.tab-menu .tab-buttons {
display: flex;
list-style: none;
padding: 0;
margin: 0;
}
.tab-menu .tab-buttons .tab-button {
cursor: pointer;
transition: 0.1s ease;
}
.tab-menu .tab-buttons .tab-button.is-active {
color: #ffffff !important;
background-color: #62c0b4 !important;
}
.tab-menu.is-inactive-init .tab-button.is-active {
background-color: transparent !important;
color: inherit !important;
font-weight: normal !important;
}
.tab-menu.is-inactive-init .tab-button.is-active::after {
display: none !important;
}
.tab-menu .tab-contents {
position: relative;
overflow: visible;
transition: height 0.2s ease;
}
.tab-menu .tab-contents .tab-content {
position: absolute;
top: 0;
left: 0;
width: 100%;
opacity: 0;
visibility: hidden;
pointer-events: none;
transform: translateY(10px);
transition: opacity 0.2s ease, transform 0.2s ease;
z-index: 0;
}
.tab-menu .tab-contents .tab-content.is-active {
position: relative;
opacity: 1;
visibility: visible;
pointer-events: auto;
transform: translateY(0);
z-index: 1;
}
.tab-menu .tab-contents .tab-content.is-fading-out {
opacity: 0;
transform: translateY(10px);
}
.tab-menu .tab-content-list__more {
width: 100%;
text-align: center;
margin-top: clamp(27.972027972px, 2.7777777778vw, 40px);
transition: opacity 0.4s ease;
}
.tab-menu .tab-content-list__more.is-hidden {
opacity: 0;
pointer-events: none;
}
.tab-menu.no-animation .tab-contents {
transition: none;
}
.tab-menu.no-animation .tab-content {
transition: none;
transform: none;
}
.tab-menu.no-animation .tab-content.is-active {
transform: none;
}
.tab-menu.no-animation .tab-content.is-fading-out {
transition: none;
} :root {
--header-l: 80px; --header-s: 54px; }
@media (max-width: 1199px) {
:root {
--header-l: var(--header-s); }
}
header#main_header {
position: fixed;
top: 0;
left: 0;
z-index: 100;
opacity: 1;
width: 100%;
height: var(--header-l);
background-color: transparent;
transition: opacity 1.2s ease, height 0.2s ease !important;
overflow: visible !important;
}
header#main_header.disable-transition {
transition: none !important;
}
@media (max-width: 767px) {
header#main_header {
background-color: #ffffff;
}
}
header#main_header.is-small {
height: var(--header-s);
background-color: #ffffff;
}
header#main_header.is-small .inner .logo {
width: 240px;
}
header#main_header.is-small .inner .head_nav__inner .sns a {
width: 28px;
}
header#main_header.scroll_down {
background-color: #ffffff;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
}
header#main_header .inner {
position: relative;
z-index: 99;
display: flex;
align-items: center;
width: 100%;
height: 100%;
padding-inline: clamp(16px, 1.6666666667vw, 24px) clamp(10.6666666667px, 1.1111111111vw, 16px);
margin: 0 auto;
font-size: clamp(13.6363636364px, 1.0416666667vw, 15px);
border-bottom: none;
transition: 0.2s;
}
@media (max-width: 1199px) {
header#main_header .inner {
font-size: 16px;
}
}
header#main_header .inner .contents {
text-align: left;
}
header#main_header .inner > .logo {
flex-shrink: 0;
display: block;
transition: 0.2s;
width: clamp(200px, 22.2222222222vw, 320px);
}
@media (max-width: 1199px) {
header#main_header .inner > .logo {
width: 220px;
}
}
header#main_header .inner > .logo:hover {
opacity: 1;
}
header#main_header .inner > .logo img {
width: 100%;
height: auto;
vertical-align: bottom;
}
header#main_header .inner .head_nav {
margin-left: auto;
padding-right: clamp(16px, 1.6666666667vw, 24px); }
@media (max-width: 1199px) {
header#main_header .inner .head_nav {
position: fixed;
z-index: 99;
top: var(--header-s);
right: 0;
width: 100%;
height: 100%;
padding-right: 0;
background: #62c0b4;
visibility: hidden;
opacity: 0; transition: 0.2s cubic-bezier(0.47, 0, 0.745, 0.715);
}
}
@media (max-width: 767px) {
header#main_header .inner .head_nav {
padding-bottom: calc(env(safe-area-inset-bottom) + 40px);
}
}
@media (max-width: 1199px) {
header#main_header .inner .head_nav.panelactive {
opacity: 1;
visibility: visible;
}
}
body.resize-lock header#main_header .inner .head_nav {
display: none !important;
}
header#main_header .inner .head_nav.nav-transition-block {
display: none !important;
}
header#main_header .inner .head_nav__inner {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
font-weight: 500;
}
@media (max-width: 1199px) {
header#main_header .inner .head_nav__inner {
flex-direction: column;
justify-content: flex-start;
padding: 32px 24px;
height: calc(100vh - var(--header-s));
overflow: hidden;
overflow-y: auto;
}
}
header#main_header .inner .head_nav__inner a:hover {
opacity: initial;
}
header#main_header .inner .head_nav__inner .sns {
margin-left: clamp(22.3776223776px, 2.2222222222vw, 32px);
}
@media (max-width: 767px) {
header#main_header .inner .head_nav__inner .sns {
display: flex;
align-items: center;
justify-content: center;
gap: 32px;
width: 100%;
margin-left: 0;
margin-top: clamp(39.1608391608px, 3.8888888889vw, 56px);
}
}
header#main_header .inner .head_nav__inner .sns p {
font-size: 16px;
color: #ffffff;
margin-bottom: 10px;
}
header#main_header .inner .head_nav__inner .sns a {
display: inline-block;
width: 32px;
}
@media (max-width: 767px) {
header#main_header .inner .head_nav__inner .sns a {
width: 48px;
}
}
header#main_header .inner .head_nav__inner .sns a img {
vertical-align: bottom;
}
header#main_header .inner .head_nav__main {
display: flex;
align-items: center;
gap: clamp(4px, 1.9444444444vw, 28px);
flex-shrink: 0;
padding: 0;
}
@media (max-width: 1199px) {
header#main_header .inner .head_nav__main {
flex-direction: column;
width: 100%;
}
}
header#main_header .inner .head_nav__main > li {
position: relative;
display: flex;
flex-direction: column;
color: #62c0b4;
}
@media (max-width: 1199px) {
header#main_header .inner .head_nav__main > li {
width: 100%;
}
}
header#main_header .inner .head_nav__main > li a {
position: relative;
display: block;
}
@media (max-width: 1199px) {
header#main_header .inner .head_nav__main > li a {
width: 100%;
font-size: 18px;
}
}
header#main_header .inner .head_nav__main > li a::after {
content: "";
position: absolute;
left: 0;
bottom: -6px;
width: 100%;
height: 2px;
background-color: #62c0b4;
transform: scaleX(0);
opacity: 0;
transition: transform 0.3s ease, opacity 0.3s ease;
transform-origin: left;
}
@media (max-width: 1199px) {
header#main_header .inner .head_nav__main > li a::after {
content: none;
}
}
header#main_header .inner .head_nav__main > li a.current::after, header#main_header .inner .head_nav__main > li a:hover::after {
transform: scaleX(1);
opacity: 1;
}
header#main_header .inner .head_nav__main li a {
display: inline-block;
width: 100%;
padding: 0;
color: #222222;
}
@media (max-width: 1199px) {
header#main_header .inner .head_nav__main li a {
color: #ffffff;
padding: 8px;
border-bottom: 1px solid rgba(255, 255, 255, 0.31);
}
}
header#main_header .inner .head_nav__main li a.active {
border-bottom: none;
}
.openbtn {
display: none;
}
@media (max-width: 1199px) {
.openbtn {
display: inline-block;
position: absolute;
z-index: 100;
top: 0;
bottom: 0;
right: 16px;
width: 26px;
height: 18px;
margin: auto;
cursor: pointer; }
.openbtn span {
display: inline-block;
transition: all 0.3s;
position: absolute;
left: 0;
height: 2px;
border-radius: 2px;
background-color: #222222;
width: 100%;
}
.openbtn span:nth-of-type(1) {
top: 0;
}
.openbtn span:nth-of-type(2) {
top: 9px;
}
.openbtn span:nth-of-type(3) {
top: 18px;
}
.openbtn.active span:nth-of-type(1) {
top: 0;
left: 0;
transform: translateY(8px) rotate(-45deg);
}
.openbtn.active span:nth-of-type(2) {
opacity: 0;
}
.openbtn.active span:nth-of-type(3) {
top: 16px;
left: 0;
transform: translateY(-8px) rotate(45deg);
}
} footer .contents__contact .inner .container {
display: flex;
align-items: flex-end;
gap: clamp(24.5px, 6.8055555556vw, 98px);
margin-top: 0;
}
@media (max-width: 767px) {
footer .contents__contact .inner .container {
flex-direction: column;
align-items: center;
}
}
@media (max-width: 767px) {
footer .contents__contact .inner .container__box {
width: 80%;
}
}
footer .contents__contact .inner .container__box.-box01 {
display: flex;
flex-direction: column;
}
@media (max-width: 767px) {
footer .contents__contact .inner .container__box.-box01 {
order: 2;
}
}
footer .contents__contact .inner .container__box.-box01 .heading .copy {
font-family: "Noto Serif JP", serif;
font-weight: 500;
font-size: clamp(18.4615384615px, 1.6666666667vw, 24px);
margin-top: clamp(16.7832167832px, 1.6666666667vw, 24px);
font-feature-settings: "palt";
}
footer .contents__contact .inner .container__box.-box01 .heading .lead {
margin-top: clamp(2.7972027972px, 0.2777777778vw, 4px);
font-feature-settings: "palt";
}
footer .contents__contact .inner .container__box.-box01 .contact_info {
display: flex;
align-items: center;
gap: clamp(11.1888111888px, 1.1111111111vw, 16px);
margin-top: clamp(11.1888111888px, 1.1111111111vw, 16px);
}
@media (max-width: 767px) {
footer .contents__contact .inner .container__box.-box01 .contact_info {
flex-direction: column;
}
}
footer .contents__contact .inner .container__box.-box01 .contact_info__icon {
display: flex;
align-items: center;
gap: clamp(13.986013986px, 1.3888888889vw, 20px);
}
footer .contents__contact .inner .container__box.-box01 .contact_info__icon img {
width: clamp(72.7272727273px, 5.5555555556vw, 80px);
vertical-align: bottom;
}
footer .contents__contact .inner .container__box.-box01 .contact_info__phone .num {
width: clamp(237.7622377622px, 23.6111111111vw, 340px);
}
footer .contents__contact .inner .container__box.-box01 .contact_info__phone .num img {
vertical-align: bottom;
}
footer .contents__contact .inner .container__box.-box01 .contact_info__phone .time {
font-size: clamp(11.1888111888px, 1.1111111111vw, 16px);
line-height: 1.1;
margin-top: clamp(9.7902097902px, 0.9722222222vw, 14px);
}
footer .contents__contact .inner .container__box.-box02 {
margin-left: auto;
}
@media (max-width: 767px) {
footer .contents__contact .inner .container__box.-box02 {
order: 1;
margin-inline: auto;
}
}
footer .contents__contact .inner .container__box.-box02 .thumbnail img {
vertical-align: bottom;
}
footer .f-container {
background-color: #e1f9f5;
overflow: hidden;
}
footer .f-container .inner {
display: flex;
flex-direction: column;
align-items: center;
width: 100%;
max-width: calc(960px + clamp(21.8181818182px, 1.6666666667vw, 24px) * 2);
margin: 0 auto;
padding-top: clamp(50.9090909091px, 3.8888888889vw, 56px);
padding-inline: clamp(21.8181818182px, 1.6666666667vw, 24px);
}
footer .f-container .inner .footer_info {
display: flex;
justify-content: space-between;
gap: clamp(36px, 5vw, 72px);
width: 100%;
}
@media (max-width: 767px) {
footer .f-container .inner .footer_info {
flex-direction: column;
}
}
footer .f-container .inner .footer_info__profile {
flex-shrink: 0;
}
footer .f-container .inner .footer_info__profile .logo {
width: clamp(266.6666666667px, 22.2222222222vw, 320px);
}
footer .f-container .inner .footer_info__profile .add {
font-size: clamp(13.6363636364px, 1.0416666667vw, 15px);
margin-top: clamp(8.3916083916px, 0.8333333333vw, 12px);
}
footer .f-container .inner .footer_info__profile .add p:nth-child(1) {
margin-bottom: 8px;
}
footer .f-container .inner .footer_info__profile .back-to-top {
display: flex;
align-items: center;
gap: 6px;
margin-block: clamp(26.6666666667px, 2.2222222222vw, 32px) clamp(20px, 1.6666666667vw, 24px);
}
footer .f-container .inner .footer_info__profile .back-to-top img {
width: 30px;
}
footer .f-container .inner .footer_info__profile .back-to-top span {
font-size: 13px;
}
footer .f-container .inner .footer_info__nav {
display: flex;
align-items: flex-start;
gap: clamp(36px, 5vw, 72px);
}
footer .f-container .inner .footer_info__nav ul.main_nav {
display: grid;
-moz-column-count: 2;
column-count: 2;
grid-auto-flow: column;
grid-template-rows: repeat(6, auto);
gap: clamp(10px, 0.8333333333vw, 12px) clamp(36px, 5vw, 72px);
}
footer .f-container .inner .footer_info__nav ul.news_nav .sns {
display: flex;
flex-direction: column;
gap: 12px;
width: clamp(28.3333333333px, 2.3611111111vw, 34px);
margin-top: clamp(13.3333333333px, 1.1111111111vw, 16px);
}
@media (max-width: 767px) {
footer .f-container .inner .footer_info__nav ul.news_nav .sns {
width: 40px;
}
}
footer .f-container .inner .footer_info__nav ul li {
font-size: clamp(12.5px, 1.0416666667vw, 15px);
}
footer .f-container .inner .footer_info__nav ul li img {
vertical-align: middle;
}
footer .f-container .inner .footer_info__nav ul li small {
font-size: 90%;
}
footer .f-container .inner .footer_bottom {
position: relative;
z-index: 1;
display: flex;
justify-content: center;
font-size: clamp(11.6666666667px, 0.9722222222vw, 14px);
text-align: center;
width: 100%;
margin-top: 16px;
padding-block: clamp(21.8181818182px, 1.6666666667vw, 24px);
color: #ffffff;
}
footer .f-container .inner .footer_bottom::before {
content: "";
position: absolute;
inset: 0;
left: 0;
right: 0;
background-color: #62c0b4;
z-index: -1; width: 100vw; margin-left: calc(-50vw + 50%);
}
@media (max-width: 767px) {
footer .f-container .inner .footer_bottom {
flex-direction: column;
padding-top: 24px;
margin-top: 24px;
}
footer .f-container .inner .footer_bottom .copyright {
order: 2;
}
footer .f-container .inner .footer_bottom .btm_menu {
order: 1;
margin-bottom: 14px;
}
}
footer .f-container .inner .footer_bottom .btm_menu a {
color: #ffffff;
}
footer .f-container .inner .footer_bottom .btm_menu a:not(:first-child) {
margin-left: 16px;
}
#p-top {
position: absolute;
top: 0;
} .main {
margin-top: 80px;
}
@media (max-width: 1199px) {
.main {
margin-top: 54px;
}
} .navigation {
text-align: center;
margin-top: clamp(22.3776223776px, 2.2222222222vw, 32px);
}
.navigation .screen-reader-text {
display: none;
}
.navigation .page-numbers {
display: inline-block;
padding: 3px 10px;
font-size: clamp(11.1888111888px, 1.1111111111vw, 16px);
font-weight: 500;
margin-left: 10px;
color: #222222;
background-color: #ffffff;
border-radius: 4px;
}
.navigation .page-numbers:not(.dots) {
border: 1px solid rgba(199, 199, 199, 0.8);
}
.navigation .page-numbers:not(.current):not(.dots) {
transition: all 0.2s ease;
}
.navigation .page-numbers:not(.current):not(.dots):hover {
opacity: 1;
color: #fff;
background-color: #62c0b4;
}
.navigation .current {
color: #fff;
background-color: #62c0b4;
}   main,
footer {
opacity: 0;
transform: translateY(16px);
transition: opacity 0.6s ease, transform 0.6s ease;  }
body.loaded main,
body.loaded footer {
opacity: 1;
transform: translateY(0);
}
body.page-leave main,
body.page-leave footer {
opacity: 0;
transform: translateY(24px);
transition: opacity 0.3s ease, transform 0.3s ease;
} main.animating,
footer.animating {
overflow: hidden;
} .modal {
position: fixed;
inset: 0;
width: 100%;
height: 100vh;
height: 100dvh;
display: none;
align-items: center;
justify-content: center;
z-index: 1000;
backface-visibility: hidden;
will-change: transform, opacity;
}
.modal[aria-hidden=false] {
display: flex;
}
.modal[aria-hidden=false] .modal__content {
animation: modal-content-in 0.4s ease forwards;
}
.modal[aria-hidden=false] .modal__overlay {
animation: modal-overlay-in 0.4s ease forwards;
}
.modal.is-leaving .modal__content {
animation: modal-content-out 0.4s ease forwards;
}
.modal.is-leaving .modal__overlay {
animation: modal-overlay-out 0.4s ease forwards;
}
.modal__overlay {
position: absolute;
inset: 0;
background: rgba(0, 0, 0, 0.6);
cursor: pointer;
}
.modal__content {
position: relative;
background: #fff;
padding: 2rem;
max-width: 600px;
width: 90%;
border-radius: 8px;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
overflow: auto;
outline: none;
}
.modal__close {
position: absolute;
z-index: 1;
bottom: 0;
right: 0;
font-size: clamp(11.1888111888px, 1.1111111111vw, 16px);
line-height: 1;
padding: clamp(5.5944055944px, 0.5555555556vw, 8px);
color: #ffffff;
background-color: #222222;
border: 1px solid rgba(255, 255, 255, 0.5);
cursor: pointer;
}
@keyframes modal-content-in {
from {
opacity: 0;
transform: translateY(40px) scale(0.95);
}
to {
opacity: 1;
transform: none;
}
}
@keyframes modal-content-out {
from {
opacity: 1;
transform: none;
}
to {
opacity: 0;
transform: translateY(40px) scale(0.95);
}
}
@keyframes modal-overlay-in {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes modal-overlay-out {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
.sub-fv {
background: url(//takagi.pro/wp/wp-content/themes/mytheme/assets/img/news/fv-img.webp) no-repeat center;
background-size: cover;
}
.contents__news .inner .news-list {
border-top: 1px solid #E2E4E4;
}
.contents__news .inner .news-list li {
border-bottom: 1px solid #E2E4E4;
}
.contents__news .inner .news-list li .news-item {
display: flex;
gap: clamp(28px, 3.8888888889vw, 56px);
padding-block: clamp(11.1888111888px, 1.1111111111vw, 16px);
padding-inline: 8px;
}
.contents__news .inner .news-list li .news-item__date {
flex-shrink: 0;
color: #62c0b4;
}
.contents__news .inner .news-list li .news-item__title { text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
.news-item:hover .news-item__title {
text-decoration: underline;
}
.contents__news .inner .news-list li .news-item:hover {
opacity: 1;
}
.contents__news-details .inner {
padding-bottom: 0;
}
.contents__news-details .inner .heading .title {
font-family: "Noto Sans JP";
font-size: clamp(17.5px, 1.9444444444vw, 28px);
font-weight: 400;
line-height: 1.8;
}
.contents__news-details .inner .heading .date {
margin-top: clamp(20px, 1.6666666667vw, 24px);
}
.contents__news-details .inner .container {
padding-bottom: clamp(45.7142857143px, 4.4444444444vw, 64px);
border-bottom: 1px solid #e8e8e8;
}
.contents__news-details .inner .container .news-info__thumbnail {
margin-bottom: clamp(22.3776223776px, 2.2222222222vw, 32px);
}
.contents__news-details .inner .container .news-info__text {
line-height: 2;
}
.contents__news-details .inner .container .news-info__text img {
display: block;
width: auto;
margin-block: clamp(13.986013986px, 1.3888888889vw, 20px);
}
.contents__news-details .inner .container .news-info__file {
padding: clamp(21.8181818182px, 1.6666666667vw, 24px) clamp(29.0909090909px, 2.2222222222vw, 32px);
margin-top: clamp(27.972027972px, 2.7777777778vw, 40px);
border-radius: 8px;
background-color: lab(0% 0 0/0.03);
}
.contents__news-details .inner .container .news-info__file a {
display: inline-flex;
align-items: center;
}
.contents__news-details .inner .container .news-info__file a img {
width: 20px;
vertical-align: bottom;
}
.contents__news-details .inner .container .news-info__file a .title {
font-size: clamp(13.6363636364px, 1.0416666667vw, 15px);
margin-left: 4px;
text-decoration: underline;
}
.contents__news-details .inner .container .news-info__file a:hover {
opacity: 1;
}
.contents__news-details .inner .container .news-info__file a:hover .title {
text-decoration: none;
}
.contents__news-details .inner .container .news-info .bottom_link {
text-align: center;
margin-top: clamp(39.1608391608px, 3.8888888889vw, 56px);
}