@charset "UTF-8";
.animated{animation-duration:1s;animation-fill-mode:both}.animated.hinge{animation-duration:2s}@keyframes bounce{0%,100%,20%,50%,80%{transform:translateY(0)}40%{transform:translateY(-30px)}60%{transform:translateY(-15px)}}.bounce{animation-name:bounce}@keyframes flash{0%,100%,50%{opacity:1}25%,75%{opacity:0}}.flash{animation-name:flash}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}100%{transform:scale(1)}}.pulse{animation-name:pulse}@keyframes shake{0%,100%{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-10px)}20%,40%,60%,80%{transform:translateX(10px)}}.shake{animation-name:shake}@keyframes swing{20%{transform:rotate(15deg)}40%{transform:rotate(-10deg)}60%{transform:rotate(5deg)}80%{transform:rotate(-5deg)}100%{transform:rotate(0)}}.swing{animation-name:swing;transform-origin:top center}@keyframes tada{0%{transform:scale(1)}10%,20%{transform:scale(.9) rotate(-3deg)}30%,50%,70%,90%{transform:scale(1.1) rotate(3deg)}40%,60%,80%{transform:scale(1.1) rotate(-3deg)}100%{transform:scale(1) rotate(0)}}.tada{animation-name:tada}@keyframes wobble{0%{transform:translateX(0)}15%{transform:translateX(-25%) rotate(-5deg)}30%{transform:translateX(20%) rotate(3deg)}45%{transform:translateX(-15%) rotate(-3deg)}60%{transform:translateX(10%) rotate(2deg)}75%{transform:translateX(-5%) rotate(-1deg)}100%{transform:translateX(0)}}.wobble{animation-name:wobble}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.9)}100%{transform:scale(1)}}.bounceIn{animation-name:bounceIn}@keyframes bounceInDown{0%{opacity:0;transform:translateY(-2000px)}60%{opacity:1;transform:translateY(30px)}80%{transform:translateY(-10px)}100%{transform:translateY(0)}}.bounceInDown{animation-name:bounceInDown}@keyframes bounceInLeft{0%{opacity:0;transform:translateX(-2000px)}60%{opacity:1;transform:translateX(30px)}80%{transform:translateX(-10px)}100%{transform:translateX(0)}}.bounceInLeft{animation-name:bounceInLeft}@keyframes bounceInRight{0%{opacity:0;transform:translateX(2000px)}60%{opacity:1;transform:translateX(-30px)}80%{transform:translateX(10px)}100%{transform:translateX(0)}}.bounceInRight{animation-name:bounceInRight}@keyframes bounceInUp{0%{opacity:0;transform:translateY(2000px)}60%{opacity:1;transform:translateY(-30px)}80%{transform:translateY(10px)}100%{transform:translateY(0)}}.bounceInUp{animation-name:bounceInUp}@keyframes bounceOut{0%{transform:scale(1)}25%{transform:scale(.95)}50%{opacity:1;transform:scale(1.1)}100%{opacity:0;transform:scale(.3)}}.bounceOut{animation-name:bounceOut}@keyframes bounceOutDown{0%{transform:translateY(0)}20%{opacity:1;transform:translateY(-20px)}100%{opacity:0;transform:translateY(2000px)}}.bounceOutDown{animation-name:bounceOutDown}@keyframes bounceOutLeft{0%{transform:translateX(0)}20%{opacity:1;transform:translateX(20px)}100%{opacity:0;transform:translateX(-2000px)}}.bounceOutLeft{animation-name:bounceOutLeft}@keyframes bounceOutRight{0%{transform:translateX(0)}20%{opacity:1;transform:translateX(-20px)}100%{opacity:0;transform:translateX(2000px)}}.bounceOutRight{animation-name:bounceOutRight}@keyframes bounceOutUp{0%{transform:translateY(0)}20%{opacity:1;transform:translateY(20px)}100%{opacity:0;transform:translateY(-2000px)}}.bounceOutUp{animation-name:bounceOutUp}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.fadeIn{animation-name:fadeIn}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}100%{opacity:1;transform:translateY(0)}}.fadeInDown{animation-name:fadeInDown}@keyframes fadeInDownBig{0%{opacity:0;transform:translateY(-2000px)}100%{opacity:1;transform:translateY(0)}}.fadeInDownBig{animation-name:fadeInDownBig}@keyframes fadeInLeft{0%{opacity:0;transform:translateX(-20px)}100%{opacity:1;transform:translateX(0)}}.fadeInLeft{animation-name:fadeInLeft}@keyframes fadeInLeftBig{0%{opacity:0;transform:translateX(-2000px)}100%{opacity:1;transform:translateX(0)}}.fadeInLeftBig{animation-name:fadeInLeftBig}@keyframes fadeInRight{0%{opacity:0;transform:translateX(20px)}100%{opacity:1;transform:translateX(0)}}.fadeInRight{animation-name:fadeInRight}@keyframes fadeInRightBig{0%{opacity:0;transform:translateX(2000px)}100%{opacity:1;transform:translateX(0)}}.fadeInRightBig{animation-name:fadeInRightBig}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}100%{opacity:1;transform:translateY(0)}}.fadeInUp{animation-name:fadeInUp}@keyframes fadeInUpBig{0%{opacity:0;transform:translateY(2000px)}100%{opacity:1;transform:translateY(0)}}.fadeInUpBig{animation-name:fadeInUpBig}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.fadeOut{animation-name:fadeOut}@keyframes fadeOutDown{0%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(20px)}}.fadeOutDown{animation-name:fadeOutDown}@keyframes fadeOutDownBig{0%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(2000px)}}.fadeOutDownBig{animation-name:fadeOutDownBig}@keyframes fadeOutLeft{0%{opacity:1;transform:translateX(0)}100%{opacity:0;transform:translateX(-20px)}}.fadeOutLeft{animation-name:fadeOutLeft}@keyframes fadeOutLeftBig{0%{opacity:1;transform:translateX(0)}100%{opacity:0;transform:translateX(-2000px)}}.fadeOutLeftBig{animation-name:fadeOutLeftBig}@keyframes fadeOutRight{0%{opacity:1;transform:translateX(0)}100%{opacity:0;transform:translateX(20px)}}.fadeOutRight{animation-name:fadeOutRight}@keyframes fadeOutRightBig{0%{opacity:1;transform:translateX(0)}100%{opacity:0;transform:translateX(2000px)}}.fadeOutRightBig{animation-name:fadeOutRightBig}@keyframes fadeOutUp{0%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(-20px)}}.fadeOutUp{animation-name:fadeOutUp}@keyframes fadeOutUpBig{0%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(-2000px)}}.fadeOutUpBig{animation-name:fadeOutUpBig}@keyframes flip{0%{animation-timing-function:ease-out;transform:perspective(400px) translateZ(0) rotateY(0) scale(1)}40%{animation-timing-function:ease-out;transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1)}50%{animation-timing-function:ease-in;transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1)}80%{animation-timing-function:ease-in;transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95)}100%{animation-timing-function:ease-in;transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1)}}.animated.flip{animation-name:flip;backface-visibility:visible}@keyframes flipInX{0%{opacity:0;transform:perspective(400px) rotateX(90deg)}40%{transform:perspective(400px) rotateX(-10deg)}70%{transform:perspective(400px) rotateX(10deg)}100%{opacity:1;transform:perspective(400px) rotateX(0)}}.flipInX{animation-name:flipInX;backface-visibility:visible!important}@keyframes flipInY{0%{opacity:0;transform:perspective(400px) rotateY(90deg)}40%{transform:perspective(400px) rotateY(-10deg)}70%{transform:perspective(400px) rotateY(10deg)}100%{opacity:1;transform:perspective(400px) rotateY(0)}}.flipInY{animation-name:flipInY;backface-visibility:visible!important}@keyframes flipOutX{0%{opacity:1;transform:perspective(400px) rotateX(0)}100%{opacity:0;transform:perspective(400px) rotateX(90deg)}}.flipOutX{animation-name:flipOutX;backface-visibility:visible!important}@keyframes flipOutY{0%{opacity:1;transform:perspective(400px) rotateY(0)}100%{opacity:0;transform:perspective(400px) rotateY(90deg)}}.flipOutY{animation-name:flipOutY;backface-visibility:visible!important}@keyframes lightSpeedIn{0%{opacity:0;transform:translateX(100%) skewX(-30deg)}60%{opacity:1;transform:translateX(-20%) skewX(30deg)}80%{opacity:1;transform:translateX(0) skewX(-15deg)}100%{opacity:1;transform:translateX(0) skewX(0)}}.lightSpeedIn{animation-name:lightSpeedIn;animation-timing-function:ease-out}@keyframes lightSpeedOut{0%{opacity:1;transform:translateX(0) skewX(0)}100%{opacity:0;transform:translateX(100%) skewX(-30deg)}}.lightSpeedOut{animation-name:lightSpeedOut;animation-timing-function:ease-in}@keyframes rotateIn{0%{opacity:0;transform:rotate(-200deg);transform-origin:center center}100%{opacity:1;transform:rotate(0);transform-origin:center center}}.rotateIn{animation-name:rotateIn}@keyframes rotateInDownLeft{0%{opacity:0;transform:rotate(-90deg);transform-origin:left bottom}100%{opacity:1;transform:rotate(0);transform-origin:left bottom}}.rotateInDownLeft{animation-name:rotateInDownLeft}@keyframes rotateInDownRight{0%{opacity:0;transform:rotate(90deg);transform-origin:right bottom}100%{opacity:1;transform:rotate(0);transform-origin:right bottom}}.rotateInDownRight{animation-name:rotateInDownRight}@keyframes rotateInUpLeft{0%{opacity:0;transform:rotate(90deg);transform-origin:left bottom}100%{opacity:1;transform:rotate(0);transform-origin:left bottom}}.rotateInUpLeft{animation-name:rotateInUpLeft}@keyframes rotateInUpRight{0%{opacity:0;transform:rotate(-90deg);transform-origin:right bottom}100%{opacity:1;transform:rotate(0);transform-origin:right bottom}}.rotateInUpRight{animation-name:rotateInUpRight}@keyframes rotateOut{0%{opacity:1;transform:rotate(0);transform-origin:center center}100%{opacity:0;transform:rotate(200deg);transform-origin:center center}}.rotateOut{animation-name:rotateOut}@keyframes rotateOutDownLeft{0%{opacity:1;transform:rotate(0);transform-origin:left bottom}100%{opacity:0;transform:rotate(90deg);transform-origin:left bottom}}.rotateOutDownLeft{animation-name:rotateOutDownLeft}@keyframes rotateOutDownRight{0%{opacity:1;transform:rotate(0);transform-origin:right bottom}100%{opacity:0;transform:rotate(-90deg);transform-origin:right bottom}}.rotateOutDownRight{animation-name:rotateOutDownRight}@keyframes rotateOutUpLeft{0%{opacity:1;transform:rotate(0);transform-origin:left bottom}100%{opacity:0;transform:rotate(-90deg);transform-origin:left bottom}}.rotateOutUpLeft{animation-name:rotateOutUpLeft}@keyframes rotateOutUpRight{0%{opacity:1;transform:rotate(0);transform-origin:right bottom}100%{opacity:0;transform:rotate(90deg);transform-origin:right bottom}}.rotateOutUpRight{animation-name:rotateOutUpRight}@keyframes slideInDown{0%{opacity:0;transform:translateY(-2000px)}100%{transform:translateY(0)}}.slideInDown{animation-name:slideInDown}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-2000px)}100%{transform:translateX(0)}}.slideInLeft{animation-name:slideInLeft}@keyframes slideInRight{0%{opacity:0;transform:translateX(2000px)}100%{transform:translateX(0)}}.slideInRight{animation-name:slideInRight}@keyframes slideOutLeft{0%{transform:translateX(0)}100%{opacity:0;transform:translateX(-2000px)}}.slideOutLeft{animation-name:slideOutLeft}@keyframes slideOutRight{0%{transform:translateX(0)}100%{opacity:0;transform:translateX(2000px)}}.slideOutRight{animation-name:slideOutRight}@keyframes slideOutUp{0%{transform:translateY(0)}100%{opacity:0;transform:translateY(-2000px)}}.slideOutUp{animation-name:slideOutUp}@keyframes hinge{0%{animation-timing-function:ease-in-out;transform:rotate(0);transform-origin:top left}20%,60%{animation-timing-function:ease-in-out;transform:rotate(80deg);transform-origin:top left}40%{animation-timing-function:ease-in-out;transform:rotate(60deg);transform-origin:top left}80%{animation-timing-function:ease-in-out;opacity:1;transform:rotate(60deg) translateY(0);transform-origin:top left}100%{opacity:0;transform:translateY(700px)}}.hinge{animation-name:hinge}@keyframes rollIn{0%{opacity:0;transform:translateX(-100%) rotate(-120deg)}100%{opacity:1;transform:translateX(0) rotate(0)}}.rollIn{animation-name:rollIn}@keyframes rollOut{0%{opacity:1;transform:translateX(0) rotate(0)}100%{opacity:0;transform:translateX(100%) rotate(120deg)}}.rollOut{animation-name:rollOut}
 *,
::before,
::after {
box-sizing: border-box;
}
* {
font-size: inherit;
line-height: inherit;
}
::before,
::after {
text-decoration: inherit;
vertical-align: inherit;
}
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, dialog, figure, footer, header, main, menu, nav, section,
time, mark, audio, video {
margin: 0;
padding: 0;
vertical-align: baseline;
}
header, footer, article, section, aside, main, nav, menu, figure, figcaption {
display: block;
}
span, small, strong, em, b, i {
color: inherit;
}
html {
-webkit-text-size-adjust: 100%;
-moz-text-size-adjust: 100%;
text-size-adjust: 100%;
}
body {
overflow-x: hidden;
overflow-y: auto;
}
ul,
ol {
list-style: none;
}
img {
border: 0;
height: auto;
max-width: 100%;
vertical-align: top;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
caption, th {
text-align: left;
}
input, select {
vertical-align: middle;
}
input, textarea {
margin: 0;
padding: 0;
}
address {
font-style: normal;
}
q::before,
q::after {
display: none;
}
button {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: transparent;
border: none;
color: inherit;
cursor: pointer;
font: inherit;
margin: 0;
outline: none;
padding: 0;
-webkit-tap-highlight-color: transparent;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
button:disabled {
cursor: not-allowed;
opacity: 0.6;
}
a {
cursor: pointer;
transition: opacity 0.3s ease;
}
a:hover {
opacity: 0.8;
}   html {
font-size: 62.5%;
}
body {
color: #111;
font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
font-size: 1.4rem;
font-weight: 400;
letter-spacing: 0.1em;
line-height: 1.7;
}
@media screen and (min-width: 768px), print {
body {
font-size: 1.6rem;
}
}
a {
color: #111;
text-decoration: none;
transition: color 0.3s ease;
}
a:hover {
color: #024873;
}
.button {
border-radius: 60px;
display: inline-block;
font-size: 1.6rem;
font-style: normal;
font-weight: 700;
letter-spacing: 0.48px;
min-width: 159px;
padding: 10px 30px;
text-align: center;
transition: color 0.3s ease, background-color 0.3s ease;
}
.button.--primary {
background-color: #fff;
border: 2px solid #111;
}
.button.--primary:hover {
background-color: #024873;
color: #111;
}
.button.--secondary {
background-color: #111;
border: 2px solid #fff;
color: #fff;
}
.button.--secondary:hover {
background-color: #fff;
color: #111;
} .side-link__menu {
background-color: #fff;
border: solid 1px #f4f2ea;
border-radius: 4px 0 0 4px;
border-right: none;
display: flex;
flex-direction: column;
gap: 13px;
opacity: 0;
padding: 15px 10px;
position: fixed;
right: 0;
top: 120px;
transform: translateX(100%);
transition: opacity 0.3s ease, transform 0.3s ease;
width: -moz-fit-content;
width: fit-content;
z-index: 1;
}
.side-link__menu.is-visible {
opacity: 1;
transform: translateX(0);
}
.side-link__menu.is-hidden {
opacity: 0;
pointer-events: none;
transform: translateX(110%);
}
@media screen and (min-width: 768px), print {
.side-link__menu {
top: 300px;
}
}
.side-link__menu a {
height: 30px;
width: 30px;
}
.side-link__menu .side-link__ec {
margin-left: -2px;
} .section__title {
font-size: 2.5rem;
font-weight: 700;
padding-bottom: 16px;
position: relative;
}
@media screen and (min-width: 768px), print {
.section__title {
font-size: 3.8rem;
padding-bottom: 24px;
}
}
.section__title::after {
background: linear-gradient(to right, #024873 0%, #024873 50%, #04b2d9 50%, #04b2d9 100%);
bottom: 0;
content: "";
height: 3px;
position: absolute;
width: 100px;
}
@media screen and (min-width: 768px), print {
.section__title::after {
height: 4px;
width: 155px;
}
}
.section__title.--primary {
padding-bottom: 8px;
}
.section__title.--primary::after {
left: 0;
transform: none;
}
.section__title.--secondary {
text-align: center;
}
.section__title.--secondary::after {
left: 50%;
transform: translateX(-50%);
}
.section__title .section__title-en {
color: #04b2d9;
display: block;
font-family: "Roboto", sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 1;
} .section-button a {
align-items: center;
color: #111;
display: inline-flex;
font-size: 1.6rem;
font-weight: 600;
gap: 12px;
text-decoration: none;
}
.section-button a::before {
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23111' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3Cpolyline points='12 5 19 12 12 19'%3E%3C/polyline%3E%3C/svg%3E") no-repeat center center;
background-size: 20px 20px;
border: 1px solid #111;
border-radius: 50%;
content: "";
display: block;
flex-shrink: 0;
height: 50px;
transition: background-color 0.3s ease, border-color 0.3s ease, transform 0.3s ease;
width: 50px;
}
.section-button a:hover::before {
background-color: #04b2d9;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3Cpolyline points='12 5 19 12 12 19'%3E%3C/polyline%3E%3C/svg%3E");
border-color: #04b2d9;
transform: translateX(5px);
}
@media screen and (min-width: 768px), print {
.section-button a {
font-size: 1.8rem;
gap: 16px;
}
.section-button a::before {
background-size: 24px 24px;
height: 60px;
width: 60px;
}
.section-button a:hover::before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3Cpolyline points='12 5 19 12 12 19'%3E%3C/polyline%3E%3C/svg%3E");
transform: translateX(8px);
}
} @media screen and (min-width: 768px), print {
.min-md-none {
display: none !important;
}
}
@media screen and (max-width: 767px), print {
.max-md-none {
display: none !important;
}
} .breadcrumb {
padding: 10px 0;
}
.breadcrumb__inner {
margin: 0 auto;
padding: 0 20px;
width: 100%;
}
@media screen and (min-width: 768px), print {
.breadcrumb__inner {
max-width: 1760px;
padding: 0 40px;
}
}
.breadcrumb__list {
align-items: center;
display: flex;
flex-wrap: wrap;
font-size: 1.2rem;
gap: 8px;
}
@media screen and (min-width: 768px), print {
.breadcrumb__list {
font-size: 1.4rem;
gap: 12px;
}
}
.breadcrumb__item {
align-items: center;
display: flex;
gap: 8px;
}
@media screen and (min-width: 768px), print {
.breadcrumb__item {
gap: 12px;
}
}
.breadcrumb__item:not(:last-child)::after {
color: #999;
content: ">";
font-size: 1rem;
}
@media screen and (min-width: 768px), print {
.breadcrumb__item:not(:last-child)::after {
font-size: 1.2rem;
}
}
.breadcrumb__item:first-child a {
align-items: center;
display: flex;
gap: 6px;
}
.breadcrumb__item:first-child a::before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2304b2d9' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z'%3E%3C/path%3E%3Cpolyline points='9 22 9 12 15 12 15 22'%3E%3C/polyline%3E%3C/svg%3E");
background-repeat: no-repeat;
background-size: contain;
content: "";
display: inline-block;
flex-shrink: 0;
height: 16px;
width: 16px;
}
.breadcrumb__item a {
color: #666;
transition: color 0.3s ease;
}
.breadcrumb__item a:hover {
color: #04b2d9;
}
.breadcrumb__item:last-child {
color: #999;
} .page-head__wrapper {
padding: 0 20px;
}
@media screen and (min-width: 768px), print {
.page-head__wrapper {
padding: 0 40px;
}
}
.page-head {
align-items: center;
border-radius: 10px;
display: flex;
height: 200px;
justify-content: center;
margin: 0 auto;
width: 100%;
}
@media screen and (min-width: 768px), print {
.page-head {
height: 350px;
max-width: 1680px;
}
}
.page-title {
color: #fff;
font-size: 2.4rem;
font-weight: 600;
letter-spacing: 0.1em;
}
@media screen and (min-width: 768px), print {
.page-title {
font-size: 3.2rem;
}
} .header {
background-color: #fff;
height: 70px;
left: 0;
position: fixed;
top: 0;
width: 100%;
z-index: 20;
}
@media screen and (min-width: 1230px), print {
.header {
height: 90px;
}
}
.header__inner {
align-items: center;
display: flex;
height: inherit;
justify-content: space-between;
margin: 0 auto;
max-width: 100%;
padding: 0 20px;
position: relative;
width: inherit;
}
@media screen and (min-width: 1230px), print {
.header__inner {
max-width: 1760px;
padding: 0 20px;
}
}
@media screen and (min-width: 1200px), print {
.header__inner {
max-width: 1760px;
padding: 0 40px;
}
}
.header__logo a {
align-items: center;
font-size: 2.4rem;
}
.header__logo a span {
font-size: 1.8rem;
padding-right: 0.2em;
vertical-align: 0.05em;
}
@media screen and (min-width: 1230px), print {
.header__logo a {
align-items: center;
font-size: 3rem;
}
.header__logo a span {
font-size: 2rem;
padding-right: 0.2em;
vertical-align: 0.1em;
}
}
.header__hamburger {
align-items: center;
background-color: transparent;
display: flex;
height: 21px;
justify-content: center;
width: 36px;
z-index: 20;
}
.header__hamburger span {
background-color: #04b2d9;
border-radius: 6px;
display: block;
height: 3px;
position: relative;
transition: background-color 0.3s ease;
width: 100%;
}
.header__hamburger span::before, .header__hamburger span::after {
background-color: #024873;
border-radius: 6px;
content: "";
display: block;
height: 3px;
position: absolute;
transition: transform 0.3s ease;
transition: transform 0.3s ease;
width: 100%;
}
.header__hamburger span::before {
top: -8px;
}
.header__hamburger span::after {
bottom: -8px;
}
@media screen and (min-width: 1230px), print {
.header__hamburger {
display: none;
}
}
.header__hamburger.is-active span {
background-color: transparent;
}
.header__hamburger.is-active span::before {
background-color: #fff;
transform: translateY(8px) rotate(45deg);
}
.header__hamburger.is-active span::after {
background-color: #fff;
transform: translateY(-8px) rotate(-45deg);
}
.header-nav__item.button--primary a {
align-items: center;
background-color: #04b2d9;
border-radius: 20px;
display: flex;
justify-content: center;
min-width: 240px;
padding: 8px 40px;
transition: opacity 0.3s;
}
.header-nav__item.button--primary a:hover {
opacity: 0.8;
}
@media screen and (min-width: 1230px), print {
.header-nav__item.button--primary a {
color: #fff;
min-width: 160px;
padding: 8px 24px;
}
}
.header-nav__item.button--secondary a {
align-items: center;
background-color: #fff;
border-radius: 20px;
color: #024873;
display: flex;
justify-content: center;
min-width: 240px;
padding: 8px 40px;
transition: opacity 0.3s;
}
.header-nav__item.button--secondary a:hover {
opacity: 0.8;
}
@media screen and (min-width: 1230px), print {
.header-nav__item.button--secondary a {
color: #fff;
min-width: 160px;
padding: 8px 24px;
}
}
.header-nav__item.button--secondary a {
color: #024873;
}
@media screen and (min-width: 1230px), print {
.header-nav__item.button--secondary a {
align-items: center;
background-color: #024873;
border-radius: 20px;
display: flex;
justify-content: center;
min-width: 240px;
padding: 8px 40px;
transition: opacity 0.3s;
}
.header-nav__item.button--secondary a:hover {
opacity: 0.8;
}
.header-nav__item.button--secondary a {
color: #fff;
}
}
@media screen and (min-width: 1230px), print {
.header-nav__item.button--secondary a {
color: #fff;
min-width: 160px;
padding: 8px 24px;
}
}
@media screen and (max-width: 1230px), print {
.header-nav {
background-color: #024873;
display: block;
height: 100vh;
margin-left: auto;
padding-top: 100px;
position: fixed;
right: -100%;
top: 0;
transition: right 0.3s ease;
width: 100%;
}
.header-nav__list {
align-items: center;
display: flex;
flex-direction: column;
row-gap: 28px;
}
.header-nav__item a {
color: white;
font-size: 1.6rem;
font-weight: 700;
letter-spacing: 0.48px;
text-align: right;
}
.header-nav__item a:hover {
color: #fff;
}
.header-nav.is-active {
right: 0;
}
}
@media screen and (min-width: 1230px), print {
.header-nav__list {
align-items: center;
display: flex;
-moz-column-gap: 14px;
column-gap: 14px;
}
.header-nav__item a {
font-size: 1.6rem;
font-weight: 700;
letter-spacing: 0.48px;
text-align: right;
}
}
@media screen and (min-width: 1350px), print {
.header-nav__list {
-moz-column-gap: 30px;
column-gap: 30px;
}
}
.footer__ec {
height: 250px;
margin-top: 60px;
padding: 0 20px;
}
@media screen and (min-width: 992px), print {
.footer__ec {
height: 220px;
margin: 0 auto;
margin-top: 140px;
padding: 0 40px;
}
}
.footer__ec-inner {
align-items: center;
background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.3)), url(//amakusainc.co.jp/wp-content/themes/amakusa/assets/images/footer-ec.webp);
background-position: top 30% center;
background-repeat: no-repeat;
background-size: cover;
border-radius: 10px;
color: #fff;
display: flex;
font-size: 2.2rem;
font-weight: 600;
height: 100%;
justify-content: center;
margin: 0 auto;
max-width: 1220px;
position: relative;
width: 100%;
transition: opacity 0.3s ease;
}
.footer__ec-inner:hover {
opacity: 0.8;
}
.footer__ec-inner a {
align-items: center;
color: inherit;
display: flex;
height: 100%;
justify-content: center;
text-decoration: none;
width: 100%;
}
.footer__ec-inner::before {
display: none;
}
@media screen and (min-width: 992px), print {
.footer__ec-inner {
font-size: 3.0rem;
}
}
.footer {
background-color: #049dd9;
margin-top: 80px;
}
.footer__inner {
margin: 0 auto;
max-width: 100%;
padding: 0 20px;
}
@media screen and (min-width: 768px), print {
.footer__inner {
max-width: min(1220px, 100%);
padding: 0 40px;
}
}
.footer__inner {
padding-top: 50px;
}
@media screen and (min-width: 768px), print {
.footer__inner {
align-items: start;
display: flex;
justify-content: space-between;
padding-top: 90px;
}
}
.footer__info {
display: flex;
justify-content: space-between;
}
@media screen and (min-width: 768px), print {
.footer__info {
flex-direction: column;
row-gap: 20px;
}
}
.footer__company-info p {
color: #fff;
font-size: 1.2rem;
}
@media screen and (min-width: 768px), print {
.footer__company-info p {
font-size: 1.4rem;
}
}
.footer__company-name a {
color: #fff;
font-size: 2.4rem;
font-weight: 700;
}
@media screen and (min-width: 768px), print {
.footer__company-name a {
font-size: 3.6rem;
}
}
.footer__company-name a span {
color: #fff;
font-size: 1.8rem;
font-weight: 700;
margin-right: 0.2em;
vertical-align: 0.06em;
}
@media screen and (min-width: 768px), print {
.footer__company-name a span {
font-size: 2.4rem;
}
}
.footer__link {
align-items: center;
display: flex;
justify-content: center;
-moz-column-gap: 10px;
column-gap: 10px;
}
@media screen and (min-width: 768px), print {
.footer__link {
justify-content: start;
}
}
.footer__link-item {
height: auto;
width: 30px;
}
@media screen and (min-width: 768px), print {
.footer__link-item {
width: 40px;
}
}
.footer__link-item a {
display: block;
height: 100%;
width: 100%;
}
.footer-nav {
margin-top: 40px;
}
@media screen and (min-width: 768px), print {
.footer-nav {
margin-top: 20px;
}
}
.footer-nav__list {
display: grid;
grid-template-columns: repeat(2, 1fr);
row-gap: 14px;
}
@media screen and (min-width: 768px), print {
.footer-nav__list {
grid-template-columns: repeat(3, 1fr);
}
}
.footer-nav__item {
width: -moz-fit-content;
width: fit-content;
}
.footer-nav__item a {
align-items: center;
color: #fff;
display: flex;
font-size: 1.4rem;
font-weight: 400;
line-height: 1.6;
}
@media screen and (min-width: 768px), print {
.footer-nav__item a {
font-size: 1.6rem;
}
}
.footer-nav__item a::before {
background-color: #fff;
border-radius: 50%;
content: "";
display: inline-block;
height: 6px;
margin-right: 8px;
width: 6px;
}
.footer__copyright {
border-top: 1px solid #fff;
color: #fff;
font-size: 1.2rem;
margin: 40px auto 0;
max-width: calc(100% - 40px);
padding-bottom: 40px;
padding-left: 20px;
padding-right: 20px;
padding-top: 20px;
text-align: center;
}
@media screen and (min-width: 768px), print {
.footer__copyright {
max-width: 1220px;
padding-left: 40px;
padding-right: 40px;
}
}
.index-main {
margin-top: 70px;
}
@media screen and (min-width: 768px), print {
.index-main {
margin-top: 90px;
}
} .index-mv {
background: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.3)), url(//amakusainc.co.jp/wp-content/themes/amakusa/assets/images/01_index_mv.webp);
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
height: calc(100vh - 70px);
min-height: calc(100vh - 70px);
width: 100%;
position: relative;
}
@media screen and (min-width: 768px), print {
.index-mv {
background-attachment: fixed;
height: calc(100vh - 90px);
min-height: calc(100vh - 90px);
}
}
.index-mv__inner {
align-items: center;
display: flex;
flex-direction: column;
height: 100%;
justify-content: start;
padding-top: 21.3333333333vw;
}
@media screen and (min-width: 768px), print {
.index-mv__inner {
padding-top: 5.2083333333vw;
}
}
.index-mv__title {
color: #fff;
font-size: 3.2rem;
font-weight: 700;
line-height: 1.8;
writing-mode: vertical-rl;
}
@media screen and (min-width: 768px), print {
.index-mv__title {
font-size: 4.2rem;
}
}
.index-mv__title .tcy {
margin-top: -0.5em;
}
.index-mv__scroll {
bottom: 10px;
left: 50%;
position: absolute;
transform: translateX(-50%);
z-index: 1;
}
.index-mv__scroll span {
color: #fff;
display: block;
font-size: 1.4rem;
font-weight: 500;
letter-spacing: 0.1em;
margin-bottom: 8px;
text-align: center;
}
.index-mv__scroll::after {
animation: scrollLine 2s ease-in-out infinite;
background-color: #fff;
content: "";
display: block;
height: 60px;
margin: 0 auto;
width: 1.5px;
}
@media screen and (min-width: 768px), print {
.index-mv__scroll {
bottom: 40px;
left: 50%;
position: absolute;
transform: translateX(-50%);
z-index: 1;
}
.index-mv__scroll span {
color: #fff;
display: block;
font-size: 1.4rem;
font-weight: 500;
letter-spacing: 0.1em;
margin-bottom: 10px;
text-align: center;
}
.index-mv__scroll::after {
animation: scrollLine 2s ease-in-out infinite;
background-color: #fff;
content: "";
display: block;
height: 80px;
margin: 0 auto;
width: 1.5px;
}
}
@keyframes scrollLine {
0% {
transform: scaleY(0);
transform-origin: top;
}
50% {
transform: scaleY(1);
transform-origin: top;
}
51% {
transform: scaleY(1);
transform-origin: bottom;
}
100% {
transform: scaleY(0);
transform-origin: bottom;
}
} .index-about {
margin-top: 60px;
}
@media screen and (min-width: 768px), print {
.index-about {
margin-top: 120px;
}
}
.index-about__inner {
margin: 0 auto;
max-width: 100%;
padding: 0 20px;
}
@media screen and (min-width: 768px), print {
.index-about__inner {
max-width: min(1220px, 100%);
padding: 0 40px;
}
}
.index-about__text {
line-height: 2.4;
margin-top: 30px;
text-align: center;
} .index-slider {
margin-top: 60px;
overflow: hidden;
}
@media screen and (min-width: 768px), print {
.index-slider {
margin-top: 80px;
}
}
.index-slider__wrapper {
align-items: flex-end;
animation: slideLoop 50s linear infinite;
display: flex;
gap: 20px;
}
@media screen and (min-width: 768px), print {
.index-slider__wrapper {
animation-name: slideLoop-md;
}
}
.index-slider__item {
flex-shrink: 0;
height: 200px;
width: 300px;
}
.index-slider__item:nth-child(2n) {
height: 140px;
}
@media screen and (min-width: 768px), print {
.index-slider__item:nth-child(2n) {
height: 213px;
}
}
.index-slider__item img {
height: 100%;
width: 100%;
-o-object-fit: cover;
border-radius: 8px;
object-fit: cover;
}
@media screen and (min-width: 768px), print {
.index-slider__item {
height: 267px;
width: 400px;
}
}
@keyframes slideLoop {
from {
transform: translateX(0);
}
to {
transform: translateX(-1920px);
}
}
@keyframes slideLoop-md {
from {
transform: translateX(0);
}
to {
transform: translateX(-2520px);
}
} .index-service {
margin-top: 60px;
}
@media screen and (min-width: 768px), print {
.index-service {
margin-top: 140px;
}
}
.index-service__inner {
margin: 0 auto;
max-width: 100%;
padding: 0 20px;
}
@media screen and (min-width: 768px), print {
.index-service__inner {
max-width: min(1220px, 100%);
padding: 0 40px;
}
}
.index-service__head {
display: flex;
flex-direction: column;
row-gap: 20px;
}
@media screen and (min-width: 768px), print {
.index-service__head {
flex-direction: row;
-moz-column-gap: 40px;
column-gap: 40px;
}
}
.index-service__title-wrapper {
align-items: flex-start;
display: flex;
justify-content: space-between;
-moz-column-gap: 20px;
column-gap: 20px;
}
@media screen and (min-width: 768px), print {
.index-service__title-wrapper {
flex-direction: column;
flex-shrink: 0;
}
}
.index-service__text-wrapper {
display: flex;
flex: 1;
flex-direction: column;
}
@media screen and (min-width: 768px), print {
.index-service__text-wrapper {
align-items: flex-end;
flex-direction: row;
-moz-column-gap: 30px;
column-gap: 30px;
}
}
.index-service__title {
flex-shrink: 0;
}
@media screen and (min-width: 768px), print {
.index-service__text {
flex: 1;
}
}
.index-service__content {
display: flex;
flex-direction: column;
margin-top: 20px;
row-gap: 20px;
}
@media screen and (min-width: 768px), print {
.index-service__content {
flex-direction: row;
-moz-column-gap: 30px;
column-gap: 30px;
margin-top: 50px;
}
}
.index-service__item {
flex: 1;
}
.index-service__item-img {
border-radius: 8px;
height: 300px;
overflow: hidden;
width: 100%;
}
.index-service__item-img img {
display: block;
height: 100%;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.index-service__item-content {
align-items: center;
display: flex;
justify-content: start;
-moz-column-gap: 10px;
column-gap: 10px;
margin-top: 12px;
}
.index-service__item-title {
font-size: 1.8rem;
font-weight: 600;
}
@media screen and (min-width: 768px), print {
.index-service__item-title {
font-size: 2.2rem;
}
}
.index-service__item-icon {
background-color: #fff;
border: 1px solid #111;
border-radius: 50%;
flex-shrink: 0;
height: 30px;
position: relative;
transition: background-color 0.3s ease, border-color 0.3s ease;
width: 30px;
}
.index-service__item-icon::after {
border-bottom: 2px solid #111;
border-right: 2px solid #111;
content: "";
height: 8px;
left: 45%;
position: absolute;
top: 50%;
transform: translate(-50%, -50%) rotate(-45deg);
transition: border-color 0.3s ease;
width: 8px;
}
@media screen and (min-width: 768px), print {
.index-service__item-icon {
height: 40px;
width: 40px;
}
.index-service__item-icon::after {
height: 10px;
width: 10px;
}
}
.index-service__item a:hover .index-service__item-icon {
background-color: #04b2d9;
border-color: #04b2d9;
}
.index-service__item a:hover .index-service__item-icon::after {
border-bottom-color: #fff;
border-right-color: #fff;
}
.index-service .section-button {
flex-shrink: 0;
}
.index-service .section-button {
margin-top: 20px;
text-align: left;
} .index-news {
margin-top: 60px;
}
@media screen and (min-width: 768px), print {
.index-news {
margin-top: 140px;
}
}
.index-news__inner {
margin: 0 auto;
max-width: 100%;
padding: 0 20px;
}
@media screen and (min-width: 768px), print {
.index-news__inner {
max-width: min(1220px, 100%);
padding: 0 40px;
}
}
.index-news__inner {
display: flex;
flex-direction: column;
}
@media screen and (min-width: 768px), print {
.index-news__inner {
flex-direction: row;
-moz-column-gap: 40px;
column-gap: 40px;
justify-content: space-between;
}
}
.index-news__head {
align-items: center;
display: flex;
justify-content: space-between;
}
@media screen and (min-width: 768px), print {
.index-news__head {
align-items: start;
flex-direction: column;
flex-shrink: 0;
justify-content: start;
row-gap: 30px;
}
}
.index-news__content {
margin-top: 30px;
}
@media screen and (min-width: 768px), print {
.index-news__content {
margin-top: 0;
width: 80%;
}
}
.index-news__list {
display: flex;
flex-direction: column;
width: 100%;
}
.index-news__item {
border-bottom: 1px solid #E0E0E0;
display: flex;
flex-direction: column;
}
@media screen and (min-width: 768px), print {
.index-news__item {
flex-direction: row;
}
}
.index-news__item:first-child {
border-top: 1px solid #E0E0E0;
}
.index-news__item a {
display: block;
padding: 14px 0;
transition: opacity 0.3s ease;
width: 100%;
}
.index-news__item a:hover {
opacity: 0.7;
}
@media screen and (min-width: 768px), print {
.index-news__item a {
display: flex;
flex-direction: row;
gap: 20px;
padding: 20px 0;
}
}
.index-news__item-head {
align-items: center;
display: flex;
gap: 12px;
}
@media screen and (min-width: 768px), print {
.index-news__item-head {
flex-shrink: 0;
gap: 16px;
}
}
.index-news__item-tag {
background-color: #04b2d9;
border-radius: 4px;
color: #fff;
flex-shrink: 0;
font-size: 1.2rem;
font-weight: 700;
line-height: 1.6;
padding: 2px 12px;
}
@media screen and (min-width: 768px), print {
.index-news__item-tag {
font-size: 1.4rem;
padding: 2px 16px;
}
}
.index-news__item-date {
color: #666;
font-size: 1.4rem;
font-weight: 400;
}
@media screen and (min-width: 768px), print {
.index-news__item-date {
font-size: 1.6rem;
}
}
.index-news__item-title {
color: #111;
font-size: 1.6rem;
font-weight: 600;
line-height: 1.7;
margin-top: 8px;
}
@media screen and (min-width: 768px), print {
.index-news__item-title {
flex: 1;
font-size: 1.8rem;
margin-top: 0;
}
} .index-company {
margin-top: 60px;
}
@media screen and (min-width: 768px), print {
.index-company {
margin-top: 140px;
}
}
.index-company__inner {
margin: 0 auto;
max-width: 100%;
padding: 0 20px;
}
@media screen and (min-width: 768px), print {
.index-company__inner {
max-width: min(1220px, 100%);
padding: 0 40px;
}
}
@media screen and (min-width: 768px), print {
.index-company__inner {
align-items: center;
display: flex;
flex-direction: row;
-moz-column-gap: 0;
column-gap: 0;
max-width: 100%;
padding: 0;
}
}
.index-company__img {
border-radius: 8px;
height: 335px;
overflow: hidden;
width: 100%;
}
.index-company__img img {
display: block;
height: 100%;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
}
@media screen and (min-width: 768px), print {
.index-company__img {
border-radius: 0 10px 10px 0;
flex-shrink: 0;
height: 400px;
width: 50%;
}
}
@media screen and (min-width: 992px), print {
.index-company__img {
height: 560px;
width: 57%;
}
}
.index-company__content {
margin-top: 20px;
}
@media screen and (min-width: 768px), print {
.index-company__content {
margin-top: 0;
max-width: calc(min(1140px, 100%) / 2 + 40px);
padding-left: 40px;
padding-right: 40px;
width: 50%;
}
}
@media screen and (min-width: 992px), print {
.index-company__content {
padding-left: 60px;
}
}
.index-company__text {
margin-top: 10px;
}
@media screen and (min-width: 768px), print {
.index-company__text {
line-height: 2;
margin-top: 20px;
}
}
.index-company .section-button {
margin-top: 14px;
}
@media screen and (min-width: 768px), print {
.index-company .section-button {
margin-top: 30px;
}
}
.service-main {
margin-top: 70px;
}
@media screen and (min-width: 992px), print {
.service-main {
margin-top: 90px;
}
}
.service-head {
background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url(//amakusainc.co.jp/wp-content/themes/amakusa/assets/images/02_service_mv.webp);
background-position: center center;
background-position: top 29% left;
background-repeat: no-repeat;
background-size: cover;
} .service-about {
margin-top: 40px;
}
.service-about__inner {
margin: 0 auto;
max-width: 100%;
padding: 0 20px;
}
@media screen and (min-width: 768px), print {
.service-about__inner {
max-width: min(1220px, 100%);
padding: 0 40px;
}
}
.service-about__inner {
text-align: center;
}
.service-about__title {
font-size: 2.4rem;
}
@media screen and (min-width: 768px), print {
.service-about__title {
font-size: 3.8rem;
}
}
.color-primary {
color: #04b2d9;
}
.color-secondary {
color: #024873;
}
.service-about__text {
line-height: 2;
margin-top: 20px;
} .service-content {
margin: 0 auto;
max-width: 100%;
padding: 0 20px;
}
@media screen and (min-width: 768px), print {
.service-content {
max-width: min(1220px, 100%);
padding: 0 40px;
}
}
.service-content {
margin-top: 60px;
}
@media screen and (min-width: 768px), print {
.service-content {
margin-top: 120px;
}
}
.service-content__list {
display: flex;
flex-direction: column;
margin-top: 30px;
row-gap: 40px;
}
@media screen and (min-width: 768px), print {
.service-content__list {
margin-top: 60px;
row-gap: 80px;
}
}
.service-content__item {
display: flex;
flex-direction: column;
row-gap: 10px;
}
@media screen and (min-width: 768px), print {
.service-content__item {
flex-direction: row;
-moz-column-gap: 40px;
align-items: center;
column-gap: 40px;
}
}
@media screen and (min-width: 768px), print {
.service-content__item:nth-child(even) {
flex-direction: row-reverse;
}
}
.service-content__item-img {
border-radius: 10px;
height: 300px;
overflow: hidden;
width: 100%;
}
.service-content__item-img img {
display: block;
height: 100%;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
}
@media screen and (min-width: 768px), print {
.service-content__item-img {
flex-shrink: 0;
height: 400px;
width: 50%;
}
}
.service-content__item-title {
border-bottom: 1px solid #04b2d9;
font-size: 2rem;
padding-bottom: 4px;
}
@media screen and (min-width: 768px), print {
.service-content__item-title {
font-size: 2.8rem;
}
}
.service-content__item-text {
margin-top: 10px;
}
.company-main {
margin-top: 70px;
}
@media screen and (min-width: 992px), print {
.company-main {
margin-top: 90px;
}
}
.company-head {
background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url(//amakusainc.co.jp/wp-content/themes/amakusa/assets/images/02_company_mv.webp);
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
} .company-table {
margin-top: 40px;
}
@media screen and (min-width: 768px), print {
.company-table {
margin-top: 60px;
}
}
.company-table__inner {
margin: 0 auto;
max-width: 100%;
padding: 0 20px;
}
@media screen and (min-width: 768px), print {
.company-table__inner {
max-width: min(1220px, 100%);
padding: 0 40px;
}
}
@media screen and (min-width: 768px), print {
.company-table__inner {
max-width: 800px;
}
}
.company-table__table {
border-collapse: collapse;
width: 100%;
}
.company-table__table tr {
border-bottom: 1px solid #E0E0E0;
}
.company-table__table tr:first-child {
border-top: 1px solid #E0E0E0;
}
.company-table__table th,
.company-table__table td {
line-height: 1.8;
padding: 20px 12px;
text-align: left;
}
@media screen and (min-width: 768px), print {
.company-table__table th,
.company-table__table td {
padding: 24px 16px;
}
}
.company-table__table th {
background-color: #E8F4F8;
color: #111;
font-size: 1.4rem;
font-weight: 600;
vertical-align: middle;
white-space: nowrap;
width: 35%;
}
@media screen and (min-width: 768px), print {
.company-table__table th {
font-size: 1.6rem;
width: 180px;
}
}
.company-table__table td {
color: #111;
font-size: 1.4rem;
font-weight: 400;
vertical-align: top;
}
@media screen and (min-width: 768px), print {
.company-table__table td {
font-size: 1.6rem;
}
}
.message-main {
margin-top: 70px;
}
@media screen and (min-width: 992px), print {
.message-main {
margin-top: 90px;
}
}
.message-head {
background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url(//amakusainc.co.jp/wp-content/themes/amakusa/assets/images/02_message_mv.webp);
background-position: center center;
background-position: top 50% left;
background-repeat: no-repeat;
background-size: cover;
} .message-content {
margin-top: 40px;
}
@media screen and (min-width: 768px), print {
.message-content {
margin-top: 60px;
}
}
.message-content__inner {
align-items: center;
display: flex;
flex-direction: column;
gap: 40px;
margin: 0 auto;
max-width: 500px;
max-width: 100%;
padding: 0 20px;
}
@media screen and (min-width: 768px), print {
.message-content__inner {
max-width: min(1220px, 100%);
padding: 0 40px;
}
}
@media screen and (min-width: 768px), print {
.message-content__inner {
align-items: flex-start;
flex-direction: row;
gap: 40px;
}
}
.message-content__ceo {
width: 100%;
}
.message-content__img {
border-radius: 10px;
max-height: 400px;
overflow: hidden;
}
@media screen and (min-width: 768px), print {
.message-content__img {
height: auto;
max-height: none;
max-width: 500px;
min-width: 300px;
}
}
.message-content__img img {
width: 100%;
-o-object-fit: cover;
display: block;
object-fit: cover;
transform: scale(1.3);
}
.message-content__ceo-profile {
margin-top: 20px;
}
.message-content__ceo-profile p {
border-top: 1px solid #e3ecf3;
line-height: 2;
margin-top: 12px;
padding-top: 12px;
}
.message-content__ceo-name span {
display: block;
}
.message-content__ceo-name-name {
font-size: 2.4rem;
font-weight: 700;
}
.message-content__ceo-name-name span {
color: #9fa0a0;
display: inline;
font-size: 1.2rem;
font-weight: 400;
}
.message-content__text-wrapper {
display: flex;
flex-direction: column;
gap: 1.8em;
}
.message-content__text-catch {
background-color: #e3ecf3;
color: #111;
font-size: 1.6rem;
font-weight: 700;
line-height: 2;
margin-bottom: 8px;
padding-left: 1.2em;
position: relative;
}
@media screen and (min-width: 768px), print {
.message-content__text-catch {
font-size: 2rem;
}
}
.message-content__text-catch::before {
background-color: #024873;
content: "";
height: 100%;
left: 0;
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 0.5em;
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
}
.message-content__text-text {
line-height: 2;
}
.message-content__name {
align-items: flex-start;
display: flex;
flex-direction: column;
font-weight: 700;
margin-left: auto;
}
@media screen and (min-width: 768px), print {
.message-content__name {
margin-top: 14px;
}
}
.message-content__name-ceo {
font-size: 1.4rem;
font-weight: 500;
padding-left: 0.08em;
}
.message-content__name-inner {
display: flex;
flex-direction: column;
margin-top: 8px;
row-gap: 3px;
width: 53.3333333333vw;
}
@media screen and (min-width: 768px), print {
.message-content__name-inner {
width: clamp(200px, 20.8333333333vw, 300px);
}
}
.message-content__name-name {
font-size: 2.4rem;
}
@media screen and (min-width: 768px), print {
.message-content__name-name {
font-size: 3.2rem;
}
}
.message-content__name-name-en {
color: #9fa0a0;
font-weight: 400;
padding-left: 0.03em;
}
.news-archive-main {
margin-top: 70px;
}
@media screen and (min-width: 992px), print {
.news-archive-main {
margin-top: 90px;
}
}
.news-archive-head {
background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url(//amakusainc.co.jp/wp-content/themes/amakusa/assets/images/02_news_mv.webp);
background-position: center center;
background-position: top 70% center;
background-repeat: no-repeat;
background-size: cover;
} .news-archive {
margin-top: 40px;
}
@media screen and (min-width: 768px), print {
.news-archive {
margin-top: 60px;
}
}
.news-archive__inner {
margin: 0 auto;
max-width: 100%;
padding: 0 20px;
}
@media screen and (min-width: 768px), print {
.news-archive__inner {
max-width: min(1220px, 100%);
padding: 0 40px;
}
}
.news-archive__list {
display: flex;
flex-direction: column;
width: 100%;
}
.news-archive__item {
border-bottom: 1px solid #E0E0E0;
display: flex;
flex-direction: column;
}
.news-archive__item:first-child {
border-top: 1px solid #E0E0E0;
}
.news-archive__item a {
display: block;
padding: 14px 0;
transition: opacity 0.3s ease;
}
.news-archive__item a:hover {
opacity: 0.7;
} .news-archive__item-thumb {
display: none; }
@media screen and (min-width: 768px), print {
.news-archive__item-thumb {
display: block;
width: 180px; flex-shrink: 0;
}
.news-archive__item-thumb img {
width: 100%;
height: auto;
vertical-align: middle;
object-fit: cover;
aspect-ratio: 16 / 9;
}
} .news-archive__item-body {
display: flex;
flex-direction: column;
gap: 8px;
}
@media screen and (min-width: 768px), print {
.news-archive__item-body {
flex: 1;
justify-content: center;
}
}
@media screen and (min-width: 768px), print {
.news-archive__item a {
align-items: center;
display: flex;
flex-direction: row;
gap: 30px; padding: 20px 0;
}
}
.news-archive__item-head {
align-items: center;
display: flex;
gap: 12px;
}
@media screen and (min-width: 768px), print {
.news-archive__item-head { gap: 16px;
}
}
.news-archive__item-tag {
background-color: #04b2d9;
border-radius: 4px;
color: #fff;
flex-shrink: 0;
font-size: 1.2rem;
font-weight: 700;
line-height: 1.6;
padding: 2px 0;
text-align: center;
width: 100px;
}
@media screen and (min-width: 768px), print {
.news-archive__item-tag {
font-size: 1.4rem;
padding: 2px 0;
width: 140px;
}
}
.news-archive__item-date {
color: #666;
font-size: 1.4rem;
font-weight: 400;
}
@media screen and (min-width: 768px), print {
.news-archive__item-date {
font-size: 1.6rem;
}
}
.news-archive__item-title {
color: #111;
font-size: 1.6rem;
font-weight: 600;
line-height: 1.7;
margin-top: 0; }
@media screen and (min-width: 768px), print {
.news-archive__item-title { font-size: 1.8rem;
margin-top: 0;
}
}
.news-main {
margin-top: 70px;
}
@media screen and (min-width: 992px), print {
.news-main {
margin-top: 90px;
}
}
.news-head {
background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url(//amakusainc.co.jp/wp-content/themes/amakusa/assets/images/02_news_mv.webp);
background-position: center center;
background-position: top 70% center;
background-repeat: no-repeat;
background-size: cover;
} .news-article {
margin-top: 40px;
}
@media screen and (min-width: 768px), print {
.news-article {
margin-top: 60px;
}
}
.news-article__inner {
margin: 0 auto;
max-width: 100%;
padding: 0 20px;
}
@media screen and (min-width: 768px), print {
.news-article__inner {
max-width: min(1220px, 100%);
padding: 0 40px;
}
}
.news-article__head {
border-bottom: 1px solid #E0E0E0;
padding-bottom: 20px;
}
@media screen and (min-width: 768px), print {
.news-article__head {
padding-bottom: 20px;
}
}
.news-article__meta {
align-items: center;
display: flex;
gap: 12px;
margin-bottom: 16px;
}
@media screen and (min-width: 768px), print {
.news-article__meta {
gap: 16px;
margin-bottom: 20px;
}
}
.news-article__tag {
background-color: #04b2d9;
border-radius: 4px;
color: #fff;
flex-shrink: 0;
font-size: 1.2rem;
font-weight: 700;
line-height: 1.6;
padding: 2px 12px;
}
@media screen and (min-width: 768px), print {
.news-article__tag {
font-size: 1.4rem;
padding: 2px 16px;
}
}
.news-article__date {
color: #666;
font-size: 1.4rem;
font-weight: 400;
}
@media screen and (min-width: 768px), print {
.news-article__date {
font-size: 1.6rem;
}
}
.news-article__title {
color: #111;
font-size: 2rem;
font-weight: 700;
line-height: 1.6;
}
@media screen and (min-width: 768px), print {
.news-article__title {
font-size: 2.8rem;
line-height: 1.5;
}
}
.news-article__content {
margin-top: 30px;
}
@media screen and (min-width: 768px), print {
.news-article__content {
margin-top: 40px;
}
}
.news-article__content p {
line-height: 2;
margin-bottom: 20px;
}
.news-article__content p:last-child {
margin-bottom: 0;
}
@media screen and (min-width: 768px), print {
.news-article__content p {
margin-bottom: 30px;
}
}
.news-article__content a {
color: #04b2d9;
text-decoration: underline;
}
.news-article__content a:hover {
color: #024873;
} .news-link {
margin-top: 40px;
}
@media screen and (min-width: 768px), print {
.news-link {
margin-top: 60px;
}
}
.news-link__inner {
margin: 0 auto;
max-width: 100%;
padding: 0 20px;
}
@media screen and (min-width: 768px), print {
.news-link__inner {
max-width: min(1220px, 100%);
padding: 0 40px;
}
}
.news-link__inner {
text-align: center;
}
.news-link__back,
.thanks-link__back,
.error-404__back {
align-items: center;
border: 1px solid #111;
border-radius: 60px;
display: inline-flex;
font-size: 1.6rem;
font-weight: 500;
gap: 8px;
justify-content: center;
padding: 12px 40px;
position: relative;
transition: background-color 0.3s ease, color 0.3s ease;
}
.news-link__back::before,
.thanks-link__back::before,
.error-404__back::before {
border-bottom: 1px solid #111;
border-left: 1px solid #111;
content: "";
display: block;
height: 8px;
transform: rotate(45deg);
transition: border-color 0.3s ease;
width: 8px;
}
.news-link__back:hover,
.thanks-link__back:hover,
.error-404__back:hover {
background-color: #024873;
border-color: #024873;
color: #fff;
}
.news-link__back:hover::before,
.thanks-link__back:hover::before,
.error-404__back:hover::before {
border-bottom-color: #fff;
border-left-color: #fff;
}
@media screen and (min-width: 768px), print {
.news-link__back,
.thanks-link__back,
.error-404__back {
font-size: 1.8rem;
gap: 10px;
padding: 14px 50px;
}
.news-link__back::before,
.thanks-link__back::before,
.error-404__back::before {
height: 10px;
width: 10px;
}
}
.contact-main {
margin-top: 70px;
}
@media screen and (min-width: 992px), print {
.contact-main {
margin-top: 90px;
}
}
.contact-head {
background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url(//amakusainc.co.jp/wp-content/themes/amakusa/assets/images/02_contact_mv.webp);
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
} .contact-form {
margin-top: 40px;
}
@media screen and (min-width: 768px), print {
.contact-form {
margin-top: 60px;
}
}
.contact-form__inner {
margin: 0 auto;
max-width: 100%;
padding: 0 20px;
}
@media screen and (min-width: 768px), print {
.contact-form__inner {
max-width: min(1220px, 100%);
padding: 0 40px;
}
}
.contact-form__inner {
background-color: #f9f9f9;
padding-bottom: 40px;
padding-top: 40px;
}
@media screen and (min-width: 768px), print {
.contact-form__inner {
border-radius: 20px;
padding-bottom: 80px;
padding-top: 80px;
}
}
.contact-form__head {
margin-bottom: 20px;
text-align: center;
}
@media screen and (min-width: 768px), print {
.contact-form__head {
margin-bottom: 30px;
}
}
.contact-form__title {
color: #04b2d9;
font-size: 2.4rem;
font-weight: 700;
margin-bottom: 8px;
}
@media screen and (min-width: 768px), print {
.contact-form__title {
font-size: 3.2rem;
margin-bottom: 12px;
}
}
.contact-form__subtitle {
color: #111;
font-size: 1.6rem;
font-weight: 600;
}
@media screen and (min-width: 768px), print {
.contact-form__subtitle {
font-size: 1.8rem;
}
}
.contact-form__description {
color: #666;
line-height: 2;
margin-bottom: 40px;
margin-top: 32px;
text-align: center;
}
@media screen and (min-width: 768px), print {
.contact-form__description {
margin-bottom: 60px;
}
}
.contact-form__form {
margin: 0 auto;
max-width: 800px;
} .form-group {
border-bottom: 1px solid #e7e7e7;
display: flex;
flex-direction: column;
gap: 12px;
margin-bottom: 0;
padding: 24px 0;
}
@media screen and (min-width: 768px), print {
.form-group {
align-items: center;
flex-direction: row;
gap: 40px;
padding: 28px 0;
}
}
.form-group:first-of-type {
border-top: 1px solid #e7e7e7;
}
.form-label {
display: grid;
grid-template-columns: 1fr auto;
-moz-column-gap: 12px;
align-items: center;
color: #111;
column-gap: 12px;
font-size: 1.6rem;
font-weight: 600;
line-height: 1.6;
margin-bottom: 0;
row-gap: 4px;
width: 100%;
}
@media screen and (min-width: 768px), print {
.form-label {
flex: 0 0 200px;
font-size: 1.6rem;
max-width: 200px;
}
}
.form-required {
align-self: center;
background-color: #e74c3c;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 1.2rem;
font-weight: 700;
justify-self: end;
padding: 2px 8px;
}
.form-optional {
align-self: center;
background-color: #04b2d9;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 1.2rem;
font-weight: 700;
justify-self: end;
padding: 2px 8px;
}
.form-input {
background-color: #fff;
border: 1px solid #d9d9d9;
border-radius: 10px;
flex: 1;
font-size: 1.6rem;
padding: 14px 18px;
transition: border-color 0.3s ease, box-shadow 0.3s ease;
width: 100%;
}
.form-input:focus {
border-color: #04b2d9;
box-shadow: 0 10px 20px rgba(4, 178, 217, 0.08);
outline: none;
}
@media screen and (min-width: 768px), print {
.form-input {
padding: 16px 22px;
}
}
.form-textarea {
background-color: #fff;
border: 1px solid #d9d9d9;
border-radius: 10px;
flex: 1;
font-family: inherit;
font-size: 1.6rem;
line-height: 1.8;
padding: 14px 18px;
resize: vertical;
transition: border-color 0.3s ease, box-shadow 0.3s ease;
width: 100%;
}
.form-textarea:focus {
border-color: #04b2d9;
box-shadow: 0 10px 20px rgba(4, 178, 217, 0.08);
outline: none;
}
@media screen and (min-width: 768px), print {
.form-textarea {
padding: 16px 22px;
}
}  .form-checkbox-group {
width: 100%;
}  .form-checkbox-group .wpcf7-checkbox {
display: flex;
flex-direction: column; gap: 16px;
width: 100%;
} @media screen and (min-width: 768px), print {
.form-checkbox-group .wpcf7-checkbox {
flex-direction: row; flex-wrap: wrap; gap: 16px 24px; }
} .form-checkbox-group .wpcf7-list-item,
.form-privacy .wpcf7-list-item {
display: block;
margin: 0;
width: auto; }  .form-checkbox-group label,
.form-privacy label {
align-items: center;
cursor: pointer;
display: flex;
gap: 12px;
user-select: none;
position: relative;
width: 100%;
margin: 0;
} .form-checkbox-group input[type="checkbox"],
.form-privacy input[type="checkbox"] {
opacity: 0;
position: absolute; width: 1px;
height: 1px;
top: 50%;
left: 0;
pointer-events: none;
z-index: -1;
} .checkbox-custom {
background-color: #fff;
border: 2px solid #ddd;
border-radius: 4px;
display: block;
flex-shrink: 0;
height: 24px;
position: relative;
transition: background-color 0.3s ease, border-color 0.3s ease;
width: 24px;
} .checkbox-custom::after {
border: solid #fff;
border-width: 0 2px 2px 0;
content: "";
height: 10px;
left: 50%;
opacity: 0;
position: absolute;
top: 50%;
transform: translate(-50%, -60%) rotate(45deg) scale(0);
transition: opacity 0.3s ease, transform 0.3s ease;
width: 6px;
}  .form-checkbox-group input[type="checkbox"]:checked ~ .checkbox-custom,
.form-privacy input[type="checkbox"]:checked ~ .checkbox-custom {
background-color: #04b2d9;
border-color: #04b2d9;
} .form-checkbox-group input[type="checkbox"]:checked ~ .checkbox-custom::after,
.form-privacy input[type="checkbox"]:checked ~ .checkbox-custom::after {
opacity: 1;
transform: translate(-50%, -60%) rotate(45deg) scale(1);
} .form-checkbox-group input[type="checkbox"]:focus ~ .checkbox-custom,
.form-privacy input[type="checkbox"]:focus ~ .checkbox-custom {
box-shadow: 0 0 0 3px rgba(4, 178, 217, 0.2);
} .checkbox-text {
color: #111;
font-size: 1.6rem;
}
.checkbox-text a {
color: #04b2d9;
text-decoration: underline;
}
.checkbox-text a:hover {
color: #024873;
} .form-checkbox--privacy label {
align-items: flex-start;
}
.form-checkbox--privacy .checkbox-custom {
margin-top: 2px;
}
.form-privacy {
background-color: #f8f9fa;
border-radius: 8px;
display: flex;
justify-content: center;
margin-top: 32px;
}
@media screen and (min-width: 768px), print {
.form-privacy {
margin-top: 40px;
}
}
.form-submit {
margin-top: 30px;
text-align: center;
}
@media screen and (min-width: 768px), print {
.form-submit {
margin-top: 40px;
}
}
.form-button {
align-items: center;
background-color: #04b2d9;
border: none;
border-radius: 60px;
color: #fff;
cursor: pointer;
display: inline-flex;
font-size: 1.8rem;
font-weight: 700;
justify-content: center;
min-width: 280px;
padding: 16px 60px;
transition: background-color 0.3s ease, transform 0.3s ease;
}
.form-button:hover {
background-color: #024873;
transform: translateY(-2px);
}
.form-button:active {
transform: translateY(0);
}
@media screen and (min-width: 768px), print {
.form-button {
font-size: 2rem;
min-width: 320px;
padding: 18px 80px;
}
} .contact-info {
margin-bottom: 60px;
margin-top: 80px;
}
@media screen and (min-width: 768px), print {
.contact-info {
margin-bottom: 80px;
margin-top: 120px;
}
}
.contact-info__inner {
margin: 0 auto;
max-width: 100%;
padding: 0 20px;
}
@media screen and (min-width: 768px), print {
.contact-info__inner {
max-width: min(1220px, 100%);
padding: 0 40px;
}
}
.contact-info__inner {
text-align: center;
}
.contact-info__title {
color: #111;
font-size: 2rem;
font-weight: 700;
}
@media screen and (min-width: 768px), print {
.contact-info__title {
font-size: 2.8rem;
}
}
.privacy-main {
margin-top: 70px;
}
@media screen and (min-width: 992px), print {
.privacy-main {
margin-top: 90px;
}
}
.privacy-policy {
padding-top: 40px;
}
@media screen and (min-width: 768px), print {
.privacy-policy {
padding-top: 60px;
}
}
.privacy-policy__inner {
margin: 0 auto;
max-width: 100%;
padding: 0 20px;
}
@media screen and (min-width: 768px), print {
.privacy-policy__inner {
max-width: min(1220px, 100%);
padding: 0 40px;
}
}
.privacy-policy__inner {
background-color: #fff;
border-radius: 16px;
padding: 40px 24px 0;
}
@media screen and (min-width: 768px), print {
.privacy-policy__inner {
padding: 56px 72px 0;
}
}
.privacy-policy__list {
counter-reset: privacy-item;
display: flex;
flex-direction: column;
}
.privacy-policy__list li {
list-style: none;
}
.privacy-policy__list h2 {
color: #111;
font-size: 1.6rem;
font-weight: 600;
}
@media screen and (min-width: 768px), print {
.privacy-policy__list h2 {
font-size: 1.8rem;
}
}
.privacy-policy__list p {
line-height: 1.9;
}
.privacy-policy__contact {
background-color: #f9fbfc;
border: 1px solid #e5e5e5;
border-radius: 12px;
line-height: 1.9;
padding: 24px;
}
.privacy-policy__contact a {
color: #04b2d9;
font-weight: 600;
}
.privacy-policy__content {
margin-top: 40px;
}
@media screen and (min-width: 768px), print {
.privacy-policy__content {
margin-top: 80px;
}
}
.privacy-policy__content-head {
border-bottom: 1px solid #E0E0E0;
padding-bottom: 20px;
}
.privacy-policy__content-head p {
margin-top: 1em;
}
.privacy-policy__content ul {
display: flex;
flex-direction: column;
gap: 10px;
list-style: none;
margin-top: 16px;
padding-left: 0;
}
.privacy-policy__content ul li {
line-height: 1.8;
padding-left: 24px;
position: relative;
}
.privacy-policy__content ul li::before {
background-color: #04b2d9;
border-radius: 2px;
content: "";
height: 10px;
left: 0;
position: absolute;
top: 0.9em;
transform: translateY(-50%);
width: 10px;
}
.privacy-policy__content-title {
color: #111;
font-size: 2rem;
font-weight: 700;
line-height: 1.4;
padding-left: 28px;
position: relative;
}
@media screen and (min-width: 768px), print {
.privacy-policy__content-title {
font-size: 2.2rem;
padding-left: 32px;
}
}
.privacy-policy__content-title::before {
background-color: #04b2d9;
border-radius: 50%;
box-shadow: 0 4px 12px rgba(4, 178, 217, 0.3);
content: "";
height: 16px;
left: 0;
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 16px;
}
.privacy-policy__list {
display: flex;
flex-direction: column;
gap: 20px;
margin-top: 24px;
}
.privacy-policy__list p {
margin-top: 1em;
}
@media screen and (min-width: 768px), print {
.privacy-policy__list {
gap: 48px;
margin-top: 32px;
}
}
.privacy-policy__content-body {
margin-top: 32px;
}
.privacy-policy__content-body p {
margin-top: 1em;
}
.thanks-main {
margin-top: 70px;
}
@media screen and (min-width: 768px), print {
.thanks-main {
margin-top: 90px;
}
}
.thanks-head {
background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url(//amakusainc.co.jp/wp-content/themes/amakusa/assets/images/02_contact_mv.webp);
}
.thanks {
padding: 60px 0;
}
@media screen and (min-width: 768px), print {
.thanks {
padding: 120px 0;
}
}
.thanks__inner {
margin: 0 auto;
max-width: 100%;
padding: 0 20px;
}
@media screen and (min-width: 768px), print {
.thanks__inner {
max-width: min(1220px, 100%);
padding: 0 40px;
}
}
.thanks__inner {
text-align: center;
}
.thanks__title {
font-size: 2.4rem;
font-weight: bold;
}
@media screen and (min-width: 768px), print {
.thanks__title {
font-size: 3.2rem;
}
}
.thanks__text {
line-height: 1.8;
margin-top: 30px;
}
@media screen and (min-width: 768px), print {
.thanks__text {
margin-top: 40px;
}
} .thanks-link {
margin-top: 40px;
}
@media screen and (min-width: 768px), print {
.thanks-link {
margin-top: 60px;
}
}
.thanks-link__inner {
margin: 0 auto;
max-width: 100%;
padding: 0 20px;
}
@media screen and (min-width: 768px), print {
.thanks-link__inner {
max-width: min(1220px, 100%);
padding: 0 40px;
}
}
.thanks-link__inner {
text-align: center;
}
.thanks-link__back {
align-items: center;
border: 1px solid #111;
border-radius: 60px;
display: inline-flex;
font-size: 1.6rem;
font-weight: 500;
gap: 8px;
justify-content: center;
padding: 12px 40px;
position: relative;
transition: background-color 0.3s ease, color 0.3s ease;
}
.thanks-link__back::before {
border-bottom: 1px solid #111;
border-left: 1px solid #111;
content: "";
display: block;
height: 8px;
transform: rotate(45deg);
transition: border-color 0.3s ease;
width: 8px;
}
.thanks-link__back:hover {
background-color: #024873;
border-color: #024873;
color: #fff;
}
.thanks-link__back:hover::before {
border-bottom-color: #fff;
border-left-color: #fff;
}
@media screen and (min-width: 768px), print {
.thanks-link__back {
font-size: 1.8rem;
gap: 10px;
padding: 14px 50px;
}
.thanks-link__back::before {
height: 10px;
width: 10px;
}
}   .news-article__thumbnail {
margin: 30px 0 30px 0;
}
.news-article__thumbnail .news-article__thumbnail-img {
display: block;
width: 100%;
height: auto;
border-radius: 8px;
} .news-article__content {
line-height: 1.8;
color: #333;
} .news-article__content h1 {
font-size: 28px;
font-weight: 700;
margin-top: 40px;
margin-bottom: 20px;
border-bottom: 1px solid #024873;
padding-bottom: 10px;
line-height: 1.4;
}
.news-article__content h2 {
font-size: 24px;
font-weight: 700;
margin-top: 35px;
margin-bottom: 15px;
border-left: 3px solid #024873;
padding-left: 15px;
line-height: 1.4;
}
.news-article__content h3 {
font-size: 20px;
font-weight: 700;
margin-top: 30px;
margin-bottom: 12px;
color: #0a4d8f;
line-height: 1.4;
} .news-article__content p {
margin-bottom: 15px;
line-height: 1.8;
} .news-article__content img {
display: block;
max-width: 100%;
height: auto;
margin: 20px auto;
border-radius: 8px;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
.news-article__content figure {
margin: 20px 0;
}
.news-article__content figcaption {
font-size: 14px;
color: #666;
text-align: center;
margin-top: 10px;
font-style: italic;
} .news-article__content ul,
.news-article__content ol {
margin: 15px 0;
padding-left: 30px;
}
.news-article__content li {
margin-bottom: 10px;
line-height: 1.8;
} .news-article__content a {
color: #024873;
text-decoration: underline;
transition: opacity 0.3s;
}
.news-article__content a:hover {
opacity: 0.7;
} .news-article__content blockquote {
border-left: 5px solid #024873;
padding-left: 15px;
margin: 20px 0;
color: #666;
font-style: italic;
} .news-article__content code {
background-color: #f5f5f5;
padding: 2px 6px;
border-radius: 4px;
font-family: 'Courier New', monospace;
font-size: 0.9em;
}
.news-article__content pre {
background-color: #f5f5f5;
padding: 15px;
border-radius: 8px;
overflow-x: auto;
margin: 15px 0;
}
.news-article__content pre code {
background-color: transparent;
padding: 0;
border-radius: 0;
}
@media screen and (max-width: 991px), print {
.news-article__content h1 {
font-size: 24px;
margin-top: 30px;
margin-bottom: 15px;
}
.news-article__content h2 {
font-size: 20px;
margin-top: 25px;
margin-bottom: 12px;
}
.news-article__content h3 {
font-size: 18px;
margin-top: 20px;
margin-bottom: 10px;
}
} .pagination {
display: flex;
justify-content: center;
align-items: center;
gap: 8px;
margin: 50px 0;
flex-wrap: wrap;
}
.pagination a,
.pagination span {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 40px;
height: 40px;
padding: 0 8px;
font-size: 14px;
border: 1px solid #ddd;
border-radius: 50%;
transition: all 0.3s ease;
text-decoration: none;
color: #024873;
}
.pagination a {
background-color: #fff;
}
.pagination a:hover {
background-color: #024873;
color: #fff;
border-color: #024873;
}
.pagination span.page-numbers.current {
background-color: #024873;
color: #fff;
border-color: #024873;
font-weight: 700;
cursor: default;
}
.pagination a.prev,
.pagination a.next {
display: flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
padding: 0;
min-width: 40px;
border-radius: 50%;
font-size: 18px;
font-weight: 700;
line-height: 1;
}
.pagination a.prev:hover,
.pagination a.next:hover {
background-color: #024873;
border-color: #024873;
color: #fff;
}
.pagination a.prev:hover span,
.pagination a.next:hover span {
color: #fff;
}
@media screen and (max-width: 991px), print {
.pagination {
margin: 40px 0;
gap: 4px;
}
.pagination a,
.pagination span {
min-width: 36px;
height: 36px;
font-size: 12px;
padding: 0;
}
.pagination a.prev,
.pagination a.next {
display: flex;
align-items: center;
justify-content: center;
width: 36px;
height: 36px;
padding: 0;
min-width: 36px;
border-radius: 50%;
font-size: 16px;
font-weight: 700;
line-height: 1;
}
}
.form-checkbox-group input[type="checkbox"],
.form-privacy input[type="checkbox"] {
opacity: 0;
position: absolute; width: 1px;
height: 1px;
top: 10px; left: 10px; pointer-events: none;
z-index: -1; } .wpcf7-not-valid-tip {
display: none !important;
} .wpcf7-not-valid {
border-color: #d9d9d9 !important; } .form-group .wpcf7-form-control-wrap {
flex: 1; width: 100%; max-width: 100%;
display: block; } form.sent .wpcf7-response-output {
display: none !important;
} .error-404-section {
padding: 150px 20px 100px;
text-align: center;
}
@media screen and (min-width: 992px), print {
.error-404-section {
padding: 200px 0 140px;
}
}
.error-404__title {
color: #024873;
font-family: "Roboto", sans-serif;
font-size: 4rem;
font-weight: 700;
line-height: 1.2;
margin-bottom: 10px;
}
@media screen and (min-width: 768px), print {
.error-404__title {
font-size: 6rem;
}
}
.error-404__subtitle {
color: #111;
font-size: 1.6rem;
font-weight: 700;
margin-bottom: 40px;
}
@media screen and (min-width: 768px), print {
.error-404__subtitle {
font-size: 2rem;
margin-bottom: 60px;
}
}
.error-404__text {
font-size: 1.4rem;
line-height: 2;
margin-bottom: 40px;
}
@media screen and (min-width: 768px), print {
.error-404__text {
font-size: 1.6rem;
}
} form.sent {
pointer-events: none; opacity: 0.8; transition: opacity 0.3s;
} form.sent .form-button {
background-color: #ccc !important;
color: #fff !important;
cursor: default;
}
.gt-current-wrapper.notranslate.glink.nturl.gt_raw_link-xxjexk  {
display: none !important;
} .dropdown-menu.sub-menu {
display: flex;
align-items: center;
gap: 10px; } ul li.gtranslate,
ul li.gtranslate::before,
ul li.gtranslate::after {
list-style: none !important;
content: none !important;
background: none !important;
width: auto !important;
height: auto !important;
margin: 0 !important;
padding: 0 5px !important; border: none !important;
} ul li.gtranslate img {
vertical-align: middle !important;
margin: 0 !important;
box-shadow: none !important;
}h1:where(.wp-block-heading).has-background,h2:where(.wp-block-heading).has-background,h3:where(.wp-block-heading).has-background,h4:where(.wp-block-heading).has-background,h5:where(.wp-block-heading).has-background,h6:where(.wp-block-heading).has-background{padding:1.25em 2.375em}h1.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h1.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h2.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h2.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h3.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h3.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h4.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h4.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h5.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h5.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h6.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h6.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]){rotate:180deg}