@charset "UTF-8";

@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Zen+Antique+Soft&display=swap"); *,
*::before,
*::after {
box-sizing: border-box;
}
html,
body {
padding: 0;
margin: 0;
}
body {
font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
line-height: 1.6;
font-weight: 500;
background: #fff;
}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, button, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
border: 0;
font: inherit;
font-size: 100%;
margin: 0;
padding: 0;
vertical-align: baseline;
}
html {
line-height: 1;
}
ol, ul {
list-style: none;
}
li, dd {
list-style-type: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
caption, th, td {
font-weight: normal;
text-align: left;
vertical-align: middle;
}
q, blockquote {
quotes: none;
}
q:before, q:after, blockquote:before, blockquote:after {
content: "";
content: none;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
display: block;
}
img {
border: none;
vertical-align: bottom;
width: 100%;
max-width: 100%;
height: auto;
}
a {
text-decoration: none;
}
@media (hover: hover) {
a:hover {
opacity: 0.7;
}
} body {
color: #000;
font-family: "Noto Sans JP", sans-serif;
}
body.is-active {
position: fixed;
width: 100%;
height: 100%;
}
html {
font-size: 62.5%;
scroll-behavior: smooth;
} @media (max-width: 767px) {
.pc {
display: none !important;
}
} @media (min-width: 768px) {
.sp {
display: none !important;
}
}
.anchor {
scroll-margin-top: 90px;
}
@media (max-width: 767px) {
.anchor {
scroll-margin-top: 60px;
}
} .inner {
width: 1156px;
max-width: 100%;
margin: 0 auto;
padding: 0 16px;
}
@media (max-width: 767px) {
.inner {
padding: 0 20px;
}
}
.w1440 {
width: 1440px;
padding: 0;
} .more {
display: block;
width: 255px;
margin-left: auto;
text-align: right;
font-size: min(1.8rem, 2.0833333333vw);
line-height: 1;
color: #004B75;
font-family: "Roboto", sans-serif;
position: relative;
padding-left: 130px;
background-color: unset;
cursor: pointer;
}
.more::before {
content: "";
position: absolute;
top: 50%;
left: 20px;
background: #004B75;
width: 110px;
height: 1px;
transform-origin: right;
transition: all 0.4s;
}
@media (hover: hover) {
.more:hover {
opacity: 1;
}
.more:hover::before {
transform: scaleX(1.145);
}
}
@media (max-width: 767px) {
.more {
width: 181px;
font-size: 1.4rem;
padding-left: 100px;
}
.more::before {
width: 80px;
left: 0;
}
}
.c_btn {
display: inline-block;
width: 100%;
font-size: 2rem;
font-weight: 500;
line-height: 1.1;
text-align: center;
color: #004B75;
border: 1px solid #004B75;
padding: 20px 0;
background: transparent;
font-family: "Noto Sans JP", sans-serif;
transition: all 0.3s;
}
.c_btn:hover {
opacity: 1;
background: #004B75;
color: #fff;
}
@media (max-width: 767px) {
.c_btn {
font-size: 1.2rem;
padding: 20px 0;
}
} .c_page-kv {
width: 100%;
aspect-ratio: 1440/560;
margin-top: 90px;
position: relative;
max-height: 560px;
}
.c_page-kv img {
max-height: 560px;
-o-object-fit: cover;
object-fit: cover;
}
@media (max-width: 767px) {
.c_page-kv {
aspect-ratio: 390/312;
margin-top: 60px;
}
}
.c_kv-en {
position: absolute;
top: 45%;
left: calc(50% - min(648px, 45vw));
width: min(90px, 6.25vw);
}
.c_kv-en img {
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
filter: drop-shadow(0px 1px 1px #004b7533);
}
@media (max-width: 767px) {
.c_kv-en {
left: 25px;
top: 55%;
width: 40px;
}
}
.c_page-container {
padding: min(5.5%, 80px) 0 250px;
background: #F6F6F6;
}
@media (max-width: 767px) {
.c_page-container {
padding: 50px 0 130px;
}
}
.c_page-title {
position: relative;
z-index: 10;
margin: 0 auto;
} #form {
margin-top: 90px;
}
@media (max-width: 767px) {
#form {
margin-top: 60px;
}
}
.c_form-container {
padding: 90px 0 200px;
background: #F6F6F6;
}
@media (max-width: 767px) {
.c_form-container {
padding: 70px 0 130px;
}
}
.c_form {
margin: 110px auto 0;
width: 904px;
max-width: 100%;
}
@media (max-width: 767px) {
.c_form {
width: 310px;
margin: 60px auto 0;
}
}
.c_form-items dt {
font-size: 1.8rem;
font-weight: 500;
line-height: 1.6;
color: #004B75;
margin-bottom: 0.2em;
}
.c_form-items dt:nth-of-type(n + 2) {
margin-top: 1em;
}
.c_form-items dd {
font-size: 1.8rem;
font-weight: 500;
line-height: 2;
position: relative;
}
.c_form-items dd input[type=text],
.c_form-items dd input[type=email],
.c_form-items dd input[type=tel],
.c_form-items dd select,
.c_form-items dd textarea {
width: 100%;
border: none;
background: #ECECEC;
padding: 1em;
font-family: "Noto Sans JP", sans-serif;
color: black;
font-size: 1.5rem;
}
.c_form-items dd input[type=text]::-moz-placeholder, .c_form-items dd input[type=email]::-moz-placeholder, .c_form-items dd input[type=tel]::-moz-placeholder, .c_form-items dd select::-moz-placeholder, .c_form-items dd textarea::-moz-placeholder {
font-family: "Noto Sans JP", sans-serif;
color: rgba(0, 0, 0, 0.5);
font-size: 1.5rem;
}
.c_form-items dd input[type=text]::placeholder,
.c_form-items dd input[type=email]::placeholder,
.c_form-items dd input[type=tel]::placeholder,
.c_form-items dd select::placeholder,
.c_form-items dd textarea::placeholder {
font-family: "Noto Sans JP", sans-serif;
color: rgba(0, 0, 0, 0.5);
font-size: 1.5rem;
}
.c_form-items dd.invalid input[type=text],
.c_form-items dd.invalid input[type=email],
.c_form-items dd.invalid input[type=tel],
.c_form-items dd.invalid select,
.c_form-items dd.invalid textarea {
background: #F3DADB;
}
.c_form-items dd.invalid .validText {
display: block;
}
.c_form-items dd select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
color: rgba(0, 0, 0, 0.5);
}
.c_form-items dd select option:first-child, .c_form-items dd select:invalid {
color: rgba(0, 0, 0, 0.5);
}
.c_form-items dd select option {
color: #000;
}
.c_form-items dd textarea {
min-height: 210px;
resize: vertical;
}
.c_form-items dd::-moz-placeholder {
font-family: "Noto Sans JP", sans-serif;
color: rgba(0, 0, 0, 0.5);
font-size: 1.5rem;
}
.c_form-items dd::placeholder {
font-family: "Noto Sans JP", sans-serif;
color: rgba(0, 0, 0, 0.5);
font-size: 1.5rem;
}
.c_form-items dd:has(select) .selectWrap {
position: relative;
}
.c_form-items dd:has(select) .selectWrap::after {
content: "";
position: absolute;
border: 1px solid;
border-top: none;
border-right: none;
aspect-ratio: 1/1;
width: 10px;
right: 1em;
top: 50%;
transform: translate(0, -50%) rotate(-45deg);
transform-origin: left 50%;
pointer-events: none;
}
.c_form-items dd .validText {
display: none;
font-size: 1.2rem;
color: #CE5A61;
}
@media (max-width: 767px) {
.c_form-items dt {
font-size: 1.2rem;
margin-bottom: 10px;
}
.c_form-items dd {
font-size: 1.2rem;
}
.c_form-items dd input[type=text],
.c_form-items dd input[type=email],
.c_form-items dd input[type=tel],
.c_form-items dd select,
.c_form-items dd textarea {
padding: 0.8em;
font-size: 1.2rem;
}
.c_form-items dd textarea {
min-height: unset;
height: 125px;
}
}
.c_form-privacy {
margin-top: 75px;
color: #004B75;
font-weight: 500;
text-align: center;
letter-spacing: 0.1em;
}
.c_form-privacy p {
font-size: 1.5rem;
line-height: 1.6;
}
.c_form-privacy label {
font-size: 2em;
margin-top: 33px;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
display: flex;
align-items: center;
justify-content: center; }
.c_form-privacy label .hasInput {
position: relative;
width: 1em;
aspect-ratio: 1/1;
background: #C8C8C8;
border-radius: 50%;
margin-right: 1em;
line-height: 1;
}
.c_form-privacy label .hasInput::after {
content: "";
position: absolute;
background: url(//best-capital.co.jp/wp_new/wp-content/themes/Best%20Capital/images/icon_check.png) no-repeat center center/100%;
aspect-ratio: 19/13;
width: 0.7em;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.c_form-privacy label:has(:checked) .hasInput {
background: #007aff;
}
.c_form-privacy label input[type=checkbox] {
opacity: 0;
margin: 0;
}
@media (max-width: 767px) {
.c_form-privacy {
margin-top: 40px;
}
.c_form-privacy p {
font-size: 1rem;
line-height: 1.8;
}
.c_form-privacy label {
font-size: 1.4rem;
line-height: 1.5;
margin-top: 20px;
}
.c_form-privacy label .hasInput {
margin-right: 0.5em;
}
}
.c_form-submit {
margin-top: 90px;
}
.c_form-submit.c_form-submit2 {
margin-top: 40px;
}
@media (max-width: 767px) {
.c_form-submit {
margin-top: 50px;
}
} .c_news-container {
padding: 90px 0 120px;
background: #F6F6F6;
margin-top: 90px;
}
@media (max-width: 767px) {
.c_news-container {
margin-top: 60px;
padding: 70px 0;
padding: 70px calc((100vw - 350px) / 2);
}
}
.c_news-title {
font-family: "Zen Antique Soft", serif;
font-size: min(40px, 5.34vw);
line-height: 1.5;
color: #004B75;
text-align: center; max-width: 100%;
margin: 0 auto 100px;
}
@media (max-width: 767px) {
.c_news-title { margin: 0 auto 75px;
}
} .popupBox {
position: fixed;
z-index: 501;
width: 800px;
max-width: calc(100% - 48px);
max-height: calc(100% - 48px);
transform: translate(-50%, -50%);
background: #fff;
border-radius: 5px;
top: 50%;
left: 50%;
display: none;
overflow: scroll;
scrollbar-width: none;
}
.popupBox::-webkit-scrollbar {
display: none;
}
.popupBox p {
margin-bottom: 20px;
}
.popupBox.is-show {
display: block;
}
.popupBox__close {
position: absolute;
top: 32px;
right: 32px;
width: 26px;
cursor: pointer;
}
@media (max-width: 767px) {
.popupBox__close {
top: 17px;
right: 12px;
}
}
.popupBg {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.3);
z-index: 500;
display: none;
}
.popupBg.is-show {
display: block;
} .error-container {
padding: 10% 0 24.4%;
text-align: center;
}
.error-container h2 {
font-size: 6rem;
font-weight: bold;
}
@media (max-width: 767px) {
.error-container h2 {
font-size: 4rem;
}
}
.error-container p {
padding-top: 5%;
font-size: 2rem;
}
@media (max-width: 767px) {
.error-container p {
font-size: 1.6rem;
}
} header {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 90px;
background: #ffffffa8;
z-index: 100;
transition: background 0.5s ease 0s;
}
header.change-clear {
background: transparent;
}
header:has(.drawer-icon.is-active) {
background: #fff;
}
header:has(.drawer-icon.is-active) .header-nav {
display: none !important;
}
@media (max-width: 767px) {
header {
padding: 0;
height: 60px;
}
}
@media (min-width: 768px) {
.header__inner {
width: 1410px;
padding-right: 100px;
}
}
.header-content {
height: 90px;
display: flex;
justify-content: space-between;
align-items: center;
}
@media (max-width: 767px) {
.header-content {
height: 60px;
}
}
.header-logo {
width: min(230px, 19.53125vw);
}
@media (max-width: 767px) {
.header-logo {
width: 180px;
}
}
.header-nav {
width: calc(100% - min(230px, 19.53125vw));
}
@media (max-width: 767px) {
.header-nav {
display: none !important;
}
}
.header-menu {
display: flex;
align-items: center;
justify-content: end;
}
.header-menu li {
position: relative;
display: flex;
align-items: center;
padding: 0 2.18%;
}
.header-menu li a {
display: inline-block;
font-size: min(1.4rem, 1.5625vw);
font-weight: 600;
line-height: 1.2;
color: #004B75;
text-align: center;
}
.header-menu li .hovTa {
position: absolute;
bottom: 0%;
left: 0%;
transform: translate(0%, 100%);
width: 100%;
pointer-events: none;
display: none;
padding-top: 10px;
}
.header-menu li .hovTa.active {
pointer-events: auto;
display: block;
}
.header-menu li .hovTa a {
color: #004B75;
font-size: min(1.4rem, 1.5625vw);
font-weight: 700;
padding: 0.8em 0;
letter-spacing: 0.05em;
width: 100%;
}
.header-menu li .hovTa a:nth-child(n+2) {
border-top: 1px solid #C8C8C8;
}
.header-menu li .hovTa .hovTaBody {
background: #fff;
border-radius: 5px;
padding: 8px 13.5%;
}
.header-menu li.hovTr > a {
position: relative;
}
.header-menu li.hovTr > a::after {
content: "";
position: absolute;
background: #004B75;
aspect-ratio: 1/1;
width: 0.9em;
right: -1.4em;
top: 50%;
transform: translate(0%, -50%);
-webkit-clip-path: polygon(0 0, 50% 100%, 100% 0);
clip-path: polygon(0 0, 50% 100%, 100% 0);
}
@media screen and (max-width: 999px) {
.header-menu li.hovTr > a::after {
right: -0.7em;
width: 0.6em;
}
}
@media screen and (max-width: 999px) {
.header-menu li {
padding: 0 1.2%;
}
}
@media (max-width: 767px) {
.header-menu {
display: none;
}
}
.drawer-icon {
position: absolute;
top: 50%;
right: 0;
transform: translateY(-50%);
width: 90px;
height: 90px;
background: #004B75;
z-index: 300; transition: transform 0.5s ease 0s;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
@media (max-width: 767px) {
.drawer-icon {
width: 60px;
height: 60px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
}
.drawer-icon.is-active .drawer-icon__bar1 {
transform: rotate(-45deg);
top: 8px;
}
.drawer-icon.is-active .drawer-icon__bar2 {
transform: rotate(45deg);
top: 8px;
}
.drawer-icon__bars {
width: 24px;
height: 16px;
display: block;
position: relative;
z-index: 400;
}
.drawer-icon__bar1,
.drawer-icon__bar2 {
position: absolute;
width: 24px;
height: 2px;
background: #fff;
top: 0;
left: 0;
}
.drawer-icon__bar1 {
top: 0;
transition: transform 0.3s;
}
.drawer-icon__bar2 {
top: 12px;
transition: transform 0.3s;
}
.drawer-content {
width: 100%;
height: 100%;
position: fixed;
top: 90px;
right: 0;
background: #004B75;
padding: 0;
z-index: 299;
transform: translateX(105%);
transition: transform 0.5s ease 0s;
overflow-y: auto;
overscroll-behavior: contain; display: flex;
}
.drawer-content.is-active {
transform: translateX(0);
}
@media (max-width: 767px) {
.drawer-content {
top: 60px;
}
}
.drawer-overlay {
position: fixed;
width: 33.3%;
margin-top: 0%;
height: 100vh;
}
@media (max-width: 767px) {
.drawer-overlay {
display: none;
width: 0;
}
}
.drawer-img {
position: absolute;
bottom: 0;
height: 100%;
position: relative;
width: 100%;
}
.drawer-img::after {
content: "";
position: absolute;
width: 100%;
height: 100%;
background: rgba(0, 74, 117, 0.2);
top: 0;
left: 0;
}
.drawer-img img {
object-fit: cover;
width: 100%;
height: 100%;
}
.drawer-menu {
padding-bottom: 100px;
width: 60%;
max-width: 700px;
margin: 20px 40px 0 auto;
}
@media (max-width: 767px) {
.drawer-menu {
width: 100%;
margin: 20px;
}
}
.drawer-menu li {
padding: 2em 0;
color: #fff;
font-size: 1.6rem;
}
.drawer-menu li:not(:last-child) {
border-bottom: 1px solid #C8C8C8;
}
.drawer-menu li a {
display: block;
text-decoration: none;
color: #fff;
}
.drawer-sub-menu {
margin-top: 16px;
}
.drawer-sub-menu a {
font-size: 1.2rem;
line-height: 1.2;
padding-left: 72px;
position: relative;
}
.drawer-sub-menu a::before {
content: "";
position: absolute;
top: 50%;
left: 24px;
transform: translateY(-50%);
width: 33px;
height: 1px;
background: #C8C8C8;
}
.drawer-sub-menu a:nth-child(n+2) {
margin-top: 20px;
} footer {
background: #004B75;
color: #fff;
padding: 74px 0 50px;
}
footer a {
color: #fff;
}
@media (max-width: 767px) {
footer {
padding: 40px 0;
}
}
@media (min-width: 768px) {
.footer__inner {
width: 1250px;
}
}
.footer-contact {
padding-bottom: 40px;
border-bottom: 1px solid #fff;
position: relative;
}
.footer-contact h1 {
font-size: 3rem;
font-weight: 500;
line-height: 1.1;
}
.footer-contact h1 span {
display: block;
font-size: 1.5rem;
font-family: "Roboto", sans-serif;
}
@media (max-width: 767px) {
.footer-contact h1 {
font-size: 2.2rem;
}
.footer-contact h1 span {
font-size: 1.2rem;
font-weight: 300;
}
}
.footer-contact-items {
margin-top: min(44px, 3.8062283737vw);
display: flex;
align-items: center;
}
@media (max-width: 767px) {
.footer-contact-items {
margin-top: 38px;
flex-direction: column-reverse;
align-items: start;
}
}
.footer-contact_tel {
font-size: 2.4rem;
font-weight: 500;
line-height: 1.1;
letter-spacing: 0.04em;
}
.footer-contact_tel span {
display: block;
font-size: 1.2rem;
margin-top: 9px;
}
@media (max-width: 767px) {
.footer-contact_tel {
font-size: 1.2rem;
display: flex;
border: 1px solid #fff;
margin-top: 20px;
padding: 20px 1em;
}
.footer-contact_tel a {
display: inline-block;
padding-right: 10px;
border-right: 1px solid #fff;
}
.footer-contact_tel span {
margin-top: 0;
padding-left: 10px;
}
}
.footer-contact_form {
margin-left: 60px;
}
.footer-contact_form a {
display: inline-block;
font-size: 1.5rem;
font-weight: 500;
line-height: 1.1;
border: 1px solid #fff;
padding: 25px 2em;
transition: all 0.3s;
}
.footer-contact_form a:hover {
background: #fff;
color: #004B75;
opacity: 1;
}
@media (max-width: 767px) {
.footer-contact_form {
margin-left: 0;
}
.footer-contact_form a {
font-size: 1.2rem;
padding: 20px 2em;
}
}
.to-top {
position: absolute;
bottom: 50px;
right: 0;
width: 50px;
}
@media (max-width: 767px) {
.to-top {
width: min(50px, 14.3%);
}
}
.footer-container {
padding-top: 25px;
}
@media (max-width: 767px) {
.footer-container {
padding-top: 30px;
}
}
.footer-logo {
width: 230px;
}
@media (max-width: 767px) {
.footer-logo {
display: block;
width: 200px;
margin: 0 auto;
}
}
.footer-content {
margin-top: 25px;
display: flex;
justify-content: space-between;
font-size: 1.5rem;
font-weight: 500;
line-height: 1.6;
}
.footer-content a {
text-decoration: underline;
}
@media (max-width: 767px) {
.footer-content {
font-size: 1rem;
margin-top: 35px;
}
}  .kv {
position: relative; }
.kv .pc img {
max-height: 810px;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.kv .pc video { height: 100vh;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
}
@media (max-width: 767px) {
.kv { }
.kv .sp img {
aspect-ratio: 390/600;
-o-object-fit: cover;
object-fit: cover;
}
.kv .sp video {
aspect-ratio: 390/600;
height: 90vh;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
}
}
.kv-btn {
position: absolute;
bottom: 0px;
right: 0px;
width: min(204px, 17.6470588235vw);
background: #fff;
font-size: min(2.5rem, 2.34375vw);
font-weight: 600;
font-style: italic;
padding: 0.56em 0;
color: #004B75;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
border: 1px solid #004B75;
}
.kv-btn img {
width: 2em;
margin-left: 10.2%;
}
@media (max-width: 767px) {
.kv-btn {
font-size: 1.8rem;
padding: 0.76em 0;
width: 162px;
}
.kv-btn img {
margin-left: 0;
position: relative;
left: 1em;
}
} .concept {
padding: min(140px, 9.6%) 0 min(17.2%, 250px);
}
@media (max-width: 767px) {
.concept {
padding: 140px 0 214px;
}
}
.concept-container {
position: relative;
}
.concept-container h1 {
position: absolute;
top: 0;
left: min(72px, 5vw);
opacity: 0;
}
.concept-container h1 img {
height: min(404px, 34.9480968858vw);
width: auto;
}
.concept-container h1.anim_act {
-webkit-animation: fadeRoll_concept 0.5s ease-in forwards;
animation: fadeRoll_concept 0.5s ease-in forwards;
}
@media (max-width: 767px) {
.concept-container h1 {
top: 0%;
transform: translate(0%, -40%);
left: 25px;
}
.concept-container h1 img {
height: 203px;
width: auto;
}
}
@media (min-width: 768px) {
@-webkit-keyframes fadeRoll_concept {
from {
transform: translate(0%, 0%);
}
to {
transform: translate(0%, -10%);
opacity: 1;
}
}
@keyframes fadeRoll_concept {
from {
transform: translate(0%, 0%);
}
to {
transform: translate(0%, -10%);
opacity: 1;
}
}
}
@media (max-width: 767px) {
@-webkit-keyframes fadeRoll_concept {
from {
transform: translate(0%, -30%);
}
to {
transform: translate(0%, -40%);
opacity: 1;
}
}
@keyframes fadeRoll_concept {
from {
transform: translate(0%, -30%);
}
to {
transform: translate(0%, -40%);
opacity: 1;
}
}
}
.concept-items {
padding-top: 45px;
}
.concept-items li {
width: 86%;
margin-left: auto;
}
.concept-items li h2 {
font-family: "Zen Antique Soft", serif;
font-size: min(40px, 5.34vw);
line-height: 1.5;
}
.concept-items li:first-child h2 {
width: min(600px, 54.375vw);
margin-right: min(100px, 5.8333333333vw);
}
.concept-items li:first-child .concept-text {
padding-left: 21px;
}
.concept-items li:nth-child(2) {
margin-left: unset;
margin-right: auto;
}
.concept-items li:nth-child(2) h2 {
width: min(600px, 49.8611111111vw);
margin-right: min(100px, 5.8333333333vw);
}
.concept-items li:nth-child(2) .concept-text {
padding-left: min(112px, 7.7777777778vw);
}
.concept-items li:nth-child(3) h2 {
width: min(600px, 52.0833333333vw);
margin-right: min(100px, 5.8333333333vw);
}
.concept-items li:nth-child(3) .concept-text {
padding-left: min(50px, 3.4722222222vw);
}
.concept-items li:nth-child(n+2) {
margin-top: min(185px, 12.8472222222vw);
}
@media (min-width: 768px) {
.concept-items li:nth-child(2) {
width: 82.3%;
}
.concept-items li:nth-child(3) {
width: 81.4%;
}
}
@media (max-width: 767px) {
.concept-items {
padding-top: 0%;
}
.concept-items li {
width: 95%;
display: flex;
flex-direction: column-reverse;
}
.concept-items li:first-child h2 {
width: min(304px, 77.9487179487vw);
margin-right: 0;
}
.concept-items li:first-child .concept-text {
padding-left: 18px;
}
.concept-items li:nth-child(2) {
margin-left: unset;
margin-right: auto;
width: 81%;
}
.concept-items li:nth-child(2) h2 {
width: min(263px, 67.4358974359vw);
margin-right: 0;
}
.concept-items li:nth-child(2) .concept-text {
padding-left: 10.2564102564vw;
}
.concept-items li:nth-child(2) .concept-img img {
aspect-ratio: 300/240;
}
.concept-items li:nth-child(3) h2 {
width: min(283px, 72.5641025641vw);
margin-right: 0;
}
.concept-items li:nth-child(3) .concept-text {
padding-left: min(50px, 3.4722222222vw);
}
.concept-items li:nth-child(n+2) {
margin-top: 110px;
}
}
.concept-text {
display: flex;
align-items: center;
}
.concept-text p {
font-size: min(1.8rem, 1.6927083333vw);
font-weight: 500;
line-height: 2;
}
@media (max-width: 767px) {
.concept-text {
display: block;
margin-top: 25px;
}
.concept-text p {
font-size: 1.4rem;
line-height: 1.5;
margin-top: 40px;
}
}
.concept-img {
margin-top: 40px;
}
@media (max-width: 767px) {
.concept-img {
margin-top: 0;
}
.concept-img img {
aspect-ratio: 300/200;
-o-object-fit: cover;
object-fit: cover;
}
} .news {
background: #004B75;
padding: min(10.5%, 151px) 0 0;
position: relative;
}
.news h1 {
position: absolute;
top: 8%;
left: 5%;
width: 5.4%;
opacity: 0;
}
.news h1.anim_act {
-webkit-animation: fadeRoll_news 0.5s ease-in forwards;
animation: fadeRoll_news 0.5s ease-in forwards;
}
@media (max-width: 767px) {
.news {
padding: 160px 0 0;
}
.news h1 {
top: 0;
left: 13%;
width: 42.75px;
transform: translate(-50%, -80%);
}
}
@media (min-width: 768px) {
@-webkit-keyframes fadeRoll_news {
from {
transform: translate(0%, 10%);
}
to {
transform: translate(0%, 0);
opacity: 1;
}
}
@keyframes fadeRoll_news {
from {
transform: translate(0%, 10%);
}
to {
transform: translate(0%, 0);
opacity: 1;
}
}
}
@media (max-width: 767px) {
@-webkit-keyframes fadeRoll_news {
from {
transform: translate(-50%, -70%);
}
to {
transform: translate(-50%, -80%);
opacity: 1;
}
}
@keyframes fadeRoll_news {
from {
transform: translate(-50%, -70%);
}
to {
transform: translate(-50%, -80%);
opacity: 1;
}
}
}
@media (max-width: 767px) {
.news__inner {
position: relative;
z-index: 10;
}
}
.news-content {
width: 81.5%;
margin-left: auto;
overflow: hidden;
position: relative;
padding-bottom: min(16%, 230px);
cursor: pointer;
}
@media (max-width: 767px) {
.news-content {
width: 88.5%;
padding-bottom: 190px;
}
}
.news-item {
font-size: 1.5rem;
font-weight: 500;
line-height: 1.8;
}
.news-item a {
color: #fff;
display: block;
}
.news-item span, .news-item h3 {
padding: 0 5px;
}
@media (hover: hover) {
.news-item:hover span, .news-item:hover h3 {
text-decoration: underline;
}
}
.news-item span {
display: block;
margin: 19px 0 9px;
}
.news-item img {
aspect-ratio: 300/205;
-o-object-fit: cover;
object-fit: cover;
}
@media (max-width: 767px) {
.news-item span {
margin: 30px 0 0px;
}
.news-item h3 {
line-height: 1.2;
}
}
.navWrap {
position: absolute;
bottom: 30%;
bottom: min(11.3vw, 162px);
left: 0;
width: 81%;
}
@media (max-width: 767px) {
.navWrap {
bottom: 124px;
width: 70%;
}
}
.swiper-horizontal > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-horizontal {
background: #fff;
height: 2px;
bottom: unset;
top: 50%;
transform: translate(0%, -50%);
}
.swiper-scrollbar-drag {
background: #979797;
}
.swiper-button-next,
.swiper-button-prev {
width: 35px;
left: unset;
right: -2.5%;
top: 50%;
transform: translate(100%, -50%);
width: 35px;
aspect-ratio: 1/1;
margin: 0;
}
.swiper-button-next::after,
.swiper-button-prev::after {
content: "";
position: absolute;
background: url(//best-capital.co.jp/wp_new/wp-content/themes/Best%20Capital/images/btn_left.png) no-repeat center center/100%;
width: 100%;
height: 100%;
}
@media (max-width: 767px) {
.swiper-button-next,
.swiper-button-prev {
width: 25px;
}
}
.swiper-button-next {
transform: translate(250%, -50%) scale(-1, 1);
} .menu {
padding: min(17.2%, 250px) 0;
background: #01283E;
}
@media (max-width: 767px) {
.menu {
padding: 120px 0 150px;
}
}
.menu-items {
width: 1120px;
max-width: 100%;
margin: 0 auto;
}
.menu-items li {
display: flex;
aspect-ratio: 1120/370;
}
.menu-items li h2 {
font-family: "Zen Antique Soft", serif;
font-size: min(32px, 4.27vw);
line-height: 1.5;
display: inline;
}
.menu-items li:first-child h2 {
width: min(260px, 22.1354166667vw);
}
.menu-items li:nth-child(2) h2 {
width: min(208px, 22.1354166667vw);
}
.menu-items li:nth-child(3) h2 {
width: min(113px, 11.0677083333vw);
}
.menu-items li:nth-child(n+2) {
margin-top: min(170px, 14.7058823529vw);
}
@media (max-width: 767px) {
.menu-items {
aspect-ratio: unset;
}
.menu-items li {
display: block;
aspect-ratio: unset;
}
.menu-items li:first-child h2 {
width: 159px;
}
.menu-items li:nth-child(2) h2 {
width: 127px;
}
.menu-items li:nth-child(3) h2 {
width: 70px;
}
.menu-items li:nth-child(n+2) {
margin-top: 75px;
}
}
.menu-item-img {
width: 50%;
}
.menu-item-img img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
@media (max-width: 767px) {
.menu-item-img {
width: 100%;
}
}
.menu-item-content {
width: 50%;
padding: min(40px, 2.7777777778vw);
background: #004B75;
color: #fff;
position: relative;
}
.menu-item-content p {
margin-top: 1.2em;
font-size: min(1.8rem, 1.6927083333vw);
font-weight: 500;
line-height: 2;
}
@media (max-width: 767px) {
.menu-item-content {
width: 100%;
aspect-ratio: unset;
height: auto;
padding: 25px;
}
.menu-item-content p {
font-size: 1.4rem;
line-height: 1.5;
font-feature-settings: "palt";
margin-bottom: 6em;
}
}
.menu-more {
position: absolute;
bottom: min(30px, 2.7777777778vw);
right: min(40px, 2.7777777778vw);
}
.menu-more a {
color: #fff;
}
.menu-more a::before {
background: #fff;
}
@media (max-width: 767px) {
.menu-more {
bottom: 22px;
right: 28px;
}
} .company {
padding: min(250px, 17.3611111111vw) 0 min(310px, 21.5277777778vw);
}
@media (max-width: 767px) {
.company {
padding: 150px 0 130px;
}
}
@media (min-width: 768px) {
.company-inner {
width: 87%;
max-width: 1253px;
}
}
.company-wrapper {
display: flex;
justify-content: space-between;
position: relative;
}
@media (max-width: 767px) {
.company-wrapper {
display: block;
}
}
.company-img {
width: 41%;
aspect-ratio: 495/600;
position: relative;
margin-left: 3%;
}
.company-img h1 {
position: absolute;
top: max(-58rem, -5.0173010381vw);
left: 0;
transform: translateX(-50%);
opacity: 0;
}
.company-img h1 img {
height: min(440px, 36.2139917695vw);
width: auto;
}
.company-img h1.anim_act {
-webkit-animation: fadeRoll_company 0.5s ease-in forwards;
animation: fadeRoll_company 0.5s ease-in forwards;
}
@media (max-width: 767px) {
.company-img {
width: 100%;
margin-left: 0;
}
.company-img h1 {
top: 0;
left: 10%;
z-index: 10;
transform: translate(-50%, -30%);
}
.company-img h1 img {
height: 236px;
}
}
@media (min-width: 768px) {
@-webkit-keyframes fadeRoll_company {
from {
transform: translate(-50%, 10%);
}
to {
transform: translate(-50%, 0);
opacity: 1;
}
}
@keyframes fadeRoll_company {
from {
transform: translate(-50%, 10%);
}
to {
transform: translate(-50%, 0);
opacity: 1;
}
}
}
@media (max-width: 767px) {
@-webkit-keyframes fadeRoll_company {
from {
transform: translate(-50%, -20%);
}
to {
transform: translate(-50%, -30%);
opacity: 1;
}
}
@keyframes fadeRoll_company {
from {
transform: translate(-50%, -20%);
}
to {
transform: translate(-50%, -30%);
opacity: 1;
}
}
}
.company-info {
width: 50%;
}
.company-info dl {
display: flex;
flex-wrap: wrap;
}
.company-info dt, .company-info dd {
font-size: min(1.5rem, 1.6927083333vw);
line-height: 1.8;
font-weight: 500;
font-weight: 400;
color: #004B75;
padding: 1.3em 0;
border-bottom: 1px solid #004B75;
}
.company-info dt:nth-of-type(1), .company-info dd:nth-of-type(1) {
border-top: 1px solid #004B75;
}
.company-info dt {
width: 26%;
}
.company-info dd {
width: 74%;
}
.company-info a {
color: #004B75;
}
@media (hover: hover) {
.company-info a:has(.company-btn):hover {
opacity: 1;
}
}
@media (max-width: 767px) {
.company-info {
width: 100%;
margin-top: 60px;
}
.company-info dt, .company-info dd {
font-size: 1.2rem;
padding: 20px 0;
}
}
.company-more {
margin-top: 30px;
}
.company-btn {
display: none;
}
body.fixed {
position: fixed;
width: 100%; height: auto;
}
.modalItem { position: fixed;
z-index: -100;
opacity: 0;
transition: opacity 0.7s linear, z-index 0.1s linear 1s; }
.modalItem.active {
opacity: 1;
z-index: 100;
transition: opacity 0.5s linear;
}
#modalBg {
top: 0;
left: 0;
width: 100%;
height: 100vh;
background: rgba(0, 0, 0, 0.5);
}
#modalBody {
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 80%;
height: auto;
max-height: 90vh;
max-height: 90svh;
background: #fff;
padding: 30px;
aspect-ratio: 560/315; }
@media (max-width: 767px) {
#modalBody {
width: 96%;
padding: 1px;
}
}
#modalCloseBtn {
position: absolute;
top: 7px;
right: 7px;
width: 20px;
aspect-ratio: 1/1;
cursor: pointer;
}
#modalCloseBtn::before, #modalCloseBtn::after {
content: "";
position: absolute;
background: gray;
width: 1px;
height: 100%;
left: 50%;
top: 50%;
transform: translate(-50%, -50%) rotate(45deg);
}
#modalCloseBtn::after {
transform: translate(-50%, -50%) rotate(-45deg);
}
iframe {
width: 100%;
height: 100%;
}
.iframeWrap {
width: 100%;
height: 100%;
}
.fadeRoll {
transform: translateY(10%);
opacity: 0;
}
.fadeinBTX50 {
opacity: 0;
}
.fadeinBTX50.anim_act {
-webkit-animation: fadeinBTX50 0.5s ease-in forwards;
animation: fadeinBTX50 0.5s ease-in forwards;
}
.fadeinLR {
transform: translateX(-10%);
opacity: 0;
}
.fadeinRL {
transform: translateX(10%);
opacity: 0;
}
.fadein {
opacity: 0;
}
.anim_act {
-webkit-animation: fadein 0.5s ease-in forwards;
animation: fadein 0.5s ease-in forwards;
}
@media (min-width: 768px) {
.animD05 {
-webkit-animation-delay: 0.5s;
animation-delay: 0.5s;
}
.animD1 {
-webkit-animation-delay: 1s;
animation-delay: 1s;
}
.animD15 {
-webkit-animation-delay: 1.5s;
animation-delay: 1.5s;
}
.animD2 {
-webkit-animation-delay: 2s;
animation-delay: 2s;
}
.animD25 {
-webkit-animation-delay: 2.5s;
animation-delay: 2.5s;
}
.animD3 {
-webkit-animation-delay: 3s;
animation-delay: 3s;
}
}
@-webkit-keyframes fadein {
to {
transform: initial;
opacity: 1;
}
}
@keyframes fadein {
to {
transform: initial;
opacity: 1;
}
}
@-webkit-keyframes fadeinBTX50 {
from {
transform: translate(-50%, 10%);
}
to {
transform: translate(-50%, 0);
opacity: 1;
}
}
@keyframes fadeinBTX50 {
from {
transform: translate(-50%, 10%);
}
to {
transform: translate(-50%, 0);
opacity: 1;
}
}  .support {
color: #004B75;
}
.support-head h2 {
font-family: "Zen Antique Soft", serif;
font-size: min(40px, 5.34vw);
line-height: 1.5;
color: #004B75;
text-align: center; max-width: 100%;
}
.support-head p {
font-size: 1.8rem;
line-height: 2;
font-weight: 700;
margin-top: 50px;
}
@media (max-width: 767px) {
.support-head h2 {
display: block;
width: 244px;
margin: 0 auto;
}
.support-head p {
font-size: 1.4rem;
line-height: 1.5;
font-weight: 500;
width: 320px;
margin: 43px auto 0;
}
}
.support-content {
margin-top: 80px;
}
@media (max-width: 767px) {
.support-content {
margin-top: 78px;
}
}
.support-inner {
width: 1256px;
}
.support-box {
background: #fff;
padding: 85px min(40px, 4.8611111111vw);
}
@media (max-width: 767px) {
.support-box {
padding: 40px 15px 70px 20px;
padding-left: 2.4%;
padding-right: 2.5%;
}
}
.support-items {
display: flex;
flex-wrap: wrap;
}
@media (max-width: 767px) {
.support-items {
display: block;
}
}
.support-item {
width: 50%;
}
.support-item:nth-child(n+3) {
margin-top: 125px;
}
@media (max-width: 767px) {
.support-item {
width: 100%;
}
.support-item:nth-child(n+2) {
margin-top: 80px;
}
}
.support-item-wrapper {
display: flex;
justify-content: center;
}
.support-item-num {
position: relative;
margin-bottom: 10px;
}
.support-item:first-child .support-item-num img {
width: min(36px, 4.3885350318vw);
-o-object-fit: contain;
object-fit: contain;
}
.support-item-num img {
width: min(40px, 4.3885350318vw);
-o-object-fit: contain;
object-fit: contain;
}
.support-item-num span {
display: inline-block;
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
width: 2px;
height: calc(100% - 56px);
background: #004B75;
}
@media (min-width: 768px) {
.support-item-num {
margin-right: 2%;
position: relative;
width: 16%;
}
}
@media screen and (max-width: 999px) {
.support-item-num img {
width: 24px;
}
}
@media (max-width: 767px) {
.support-item-num {
margin-right: 0;
width: 50px;
}
.support-item-num img {
width: auto;
width: 27px;
display: block;
}
.support-item:first-child .support-item-num img {
width: 23px;
}
.support-item-num span {
height: calc(100% - 38px);
}
}
.support-item-content {
}
.support-item-content .support-item-head {
position: relative;
padding-top: 24%;
}
.support-item-content .supprot-item-bg {
position: absolute;
top: 0;
width: 86%;
border: 1px solid #004c75;
}
.support-item-content .support-item-title {
background: #F6F6F6;
border: 1px solid #004B75;
padding: 20px;
position: relative;
inset: 0;
width: 65%;
margin-left: auto;
}
@media (max-width: 768px) {
.support-item-content .support-item-title {
padding: 15px 10px;
}
}
.support-item-content h3 {
font-size: min(2.6rem, 2.0885350318vw);
line-height: 1.2;
font-weight: 700;
}
@media (min-width: 768px) {
.support-item-content {
width: 92%;
}
}
@media (max-width: 767px) {
.support-item-content {
width: calc(100% - 20px);
}
.support-item-content h3 {
font-size: 1.75rem;
line-height: 1;
}
}
.support-list {
margin-top: 8%;
padding-bottom: 6%;
}
.support-list li {
font-size: 1.5rem;
line-height: 1.6;
font-weight: 500;
}
.support-list li h4 {
display: block;
font-size: 2rem;
line-height: 1.1;
margin-bottom: 0.6em;
}
.support-list li:nth-child(n+2) {
margin-top: 1.6em;
}
@media (max-width: 767px) {
.support-list {
margin-top: 2.2em;
}
.support-list li {
font-size: 1.2rem;
}
.support-list li h4 {
font-size: 1.4rem;
line-height: 1.5;
font-weight: bold;
margin-bottom: 0.4em;
}
.support-list li:nth-child(n+2) {
margin-top: 2em;
}
} .business h2 {
font-family: "Zen Antique Soft", serif;
font-size: min(40px, 5.34vw);
line-height: 1.5;
color: #004B75;
text-align: center; max-width: 100%;
}
@media (max-width: 767px) {
.business h2 { margin: 0 auto;
}
}
.business-en {
width: min(165px, 11.4583333333vw);
}
@media (max-width: 767px) {
.business-en {
width: 80px;
}
}
.business-inner {
width: 1172px;
}
@media (max-width: 767px) {
.business-inner {
padding: 0 16px;
}
}
.business-features {
background: #004B75;
border-radius: 10px;
margin-top: 80px;
padding: 80px min(100px, 6.9444444444vw) 100px;
}
.business-features h3 {
width: 247px;
max-width: 100%;
}
@media (max-width: 767px) {
.business-features {
margin-top: 60px;
padding: 60px 0 80px;
padding-left: 10%;
}
.business-features h3 {
width: 135px;
}
}
.business-features-list {
color: #fff;
margin-top: 60px;
padding-left: 75px;
position: relative;
}
.business-features-list::before {
content: "";
position: absolute;
top: -25px;
left: 20px;
background: #D9D9D9;
width: 2px;
height: calc(100% + 50px);
}
.business-features-list li {
display: flex;
align-items: start;
}
.business-features-list li:nth-child(n+2) {
margin-top: 40px;
}
.business-features-list li img {
width: auto;
height: 3em;
margin-right: 3em;
}
@media (max-width: 767px) {
.business-features-list {
padding-left: 6%;
margin-top: 40px;
margin-left: 7px;
}
.business-features-list::before {
left: 0;
}
.business-features-list li:nth-child(n+2) {
margin-top: 2.9em;
}
.business-features-list li img {
height: 2.2em;
margin-right: 1.6em;
}
}
.business-features-text {
font-size: 3rem;
font-weight: 700;
line-height: 1.1;
letter-spacing: 0.1em;
}
@media (max-width: 767px) {
.business-features-text {
font-size: min(1.8rem, 4.6153846154vw);
}
}
.business-features-link {
display: block;
}
.business-features-link a {
display: inline-block;
font-size: 1.6rem;
font-weight: 400;
font-family: "Roboto", sans-serif;
color: #fff;
margin-top: 15px;
position: relative;
padding-right: 30px;
}
.business-features-link a::after {
content: "";
position: absolute;
top: 50%;
right: 0;
transform: translateY(-50%);
background: url(//best-capital.co.jp/wp_new/wp-content/themes/Best%20Capital/images/icon_arrow.png) no-repeat center center/contain;
width: 15px;
aspect-ratio: 15/15;
}
@media (max-width: 767px) {
.business-features-link a {
font-size: 1rem;
letter-spacing: 0.05em;
margin-top: 1em;
padding-right: 2em;
}
} .business-lists {
margin-top: min(160px, 5vw);
display: flex;
flex-wrap: wrap;
justify-content: space-between;
gap: 40px 20px;
}
.business-list {
width: calc(50% - 20px);
position: relative;
border: 1px solid #004B75;
}
.business-list::before {
content: "";
position: absolute;
background: linear-gradient(45deg, #004B75, #004B75, transparent, transparent, #004B75);
opacity: .7;
width: 100%;
height: 100%;
}
.business-list:nth-child(1) {
background: url(//best-capital.co.jp/wp_new/wp-content/themes/Best%20Capital/images/business-list_img01.png) no-repeat center center/cover;
}
.business-list:nth-child(2) {
background: url(//best-capital.co.jp/wp_new/wp-content/themes/Best%20Capital/images/business-list_img02.png) no-repeat center center/cover;
}
.business-list:nth-child(3) {
background: url(//best-capital.co.jp/wp_new/wp-content/themes/Best%20Capital/images/business-list_img03.png) no-repeat center center/cover;
}
.business-link {
display: flex;
padding: min(50px,10vw) min(30px,5vw);
transition: all .3s;
position: relative;
}
.business-link:hover {
opacity: .85;
background: #004B75;
}
.business-link::after {
content: "";
position: absolute;
color: #fff;
width: 3em;
height: 3em;
top: 50%;
right: 0;
border: .75em solid currentColor;
border-left: 0;
border-bottom: 0;
box-sizing: border-box;
transform: translateX(-150%) translateY(-50%) rotate(45deg);
transition: all 0.4s;
}
.business-link span {
color: #fff;
font-family: "Roboto Condensed", sans-serif;
font-size: min(1.5rem, 3.5vw);
font-weight: 400;
line-height: 1.8;
}
.business-link span::before {
content: attr(data-en);
display: block;
font-size: min(4.5rem, 5vw);
font-weight: 700;
text-transform: uppercase;
white-space: pre;
letter-spacing: 0.08em;
line-height: 1.4;
}
.business-link:hover::after,
.business-link--active:hover::after {
transform: translateX(-100%) translateY(-50%) rotate(45deg);
}
@media (max-width: 999px) {
.business-lists {
flex-direction: column;
}
.business-list {
width: 100%;
}
} .recruit h2 {
font-family: "Zen Antique Soft", serif;
font-size: min(40px, 5.34vw);
line-height: 1.5;
color: #004B75;
text-align: center; }
@media (max-width: 767px) {
.recruit h2 { margin: 0 auto;
}
}
@media (max-width: 767px) {
.recruit-en {
width: 40px;
bottom: -53px;
}
}
.recruit-box {
margin-top: 80px;
background: #004B75;
padding: 65px min(78px, 5.4166666667vw) 100px;
color: #fff;
border-radius: 10px;
}
.recruit-box h3 {
font-size: min(3.5rem, 4.296875vw);
font-weight: 500;
line-height: 1.1;
letter-spacing: 0.05em;
}
@media (max-width: 767px) {
.recruit-box {
padding: 50px 3% 60px;
margin-top: 50px;
}
.recruit-box h3 {
font-size: 1.8rem;
line-height: 1.5;
text-align: center;
}
}
.recruit-box-content {
display: flex;
margin-top: 65px;
padding-left: 6.6%;
position: relative;
}
.recruit-box-content::before {
content: "";
position: absolute;
top: -35px;
left: 20px;
background: #D9D9D9;
width: 2px;
height: calc(100% + 70px);
}
@media (max-width: 767px) {
.recruit-box-content {
display: block;
margin-top: 35px;
padding-left: 15%;
}
.recruit-box-content::before {
top: -20px;
height: calc(100% + 20px);
left: 10.5%;
}
}
.recruit-list {
width: 50%;
}
.recruit-list:nth-child(2) {
padding-left: 4%;
}
.recruit-list li {
font-size: min(2rem, 2.0833333333vw);
font-weight: 500;
line-height: 1.1;
padding-left: 2em;
position: relative;
letter-spacing: 0.05em;
}
.recruit-list li::before {
content: "";
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
background: #C8C8C8;
width: 10px;
aspect-ratio: 10/10;
border-radius: 50%;
}
.recruit-list li:nth-child(n+2) {
margin-top: 2.4em;
}
@media (max-width: 767px) {
.recruit-list {
width: 100%;
}
.recruit-list:nth-child(2) {
padding-left: 0;
margin-top: 14px;
}
.recruit-list li {
width: 100%;
font-size: min(1.4rem, 3.5897435897vw);
line-height: 1.5;
padding-left: 20px;
}
.recruit-list li:nth-child(n+2) {
margin-top: 14px;
}
.recruit-list li::before {
width: 5px;
}
}
.recruit-desc {
padding-top: 200px;
display: flex;
color: #004B75;
}
.recruit-desc h3 {
font-size: min(3.5rem, 2.4305555556vw);
font-weight: 500;
line-height: 1.1;
margin-right: 17%;
}
@media (min-width: 768px) {
.recruit-desc h3 {
width: 140px;
}
}
@media screen and (max-width: 999px) {
.recruit-desc h3 {
width: auto;
font-size: 3rem;
margin-right: 10%;
}
}
@media (max-width: 767px) {
.recruit-desc {
display: block;
padding-top: 100px;
}
.recruit-desc h3 {
font-size: 2.2rem;
margin-right: 0;
margin-bottom: 40px;
}
}
.recruit-desc-list {
width: 714px;
max-width: 100%;
}
.recruit-desc-list dl {
display: flex;
flex-wrap: wrap;
}
.recruit-desc-list dt, .recruit-desc-list dd {
padding: 25px 0;
font-size: 1.5rem;
line-height: 1.7;
border-bottom: 1px solid #004B75;
letter-spacing: 0.05em;
}
.recruit-desc-list dt:first-of-type, .recruit-desc-list dd:first-of-type {
border-top: 1px solid #004B75;
}
.recruit-desc-list dt {
width: 155px;
font-weight: 700;
}
.recruit-desc-list dd {
width: calc(100% - 155px);
font-weight: 500;
}
.recruit-desc-list dd span {
display: block;
font-weight: 700;
}
@media (max-width: 999px) {
.recruit-desc-list {
width: 70%;
}
.recruit-desc-list dt {
width: 120px;
}
.recruit-desc-list dd {
width: calc(100% - 120px);
}
}
@media (max-width: 767px) {
.recruit-desc-list {
width: 100%;
}
.recruit-desc-list dt, .recruit-desc-list dd {
font-size: 1.2rem;
line-height: 1.8;
}
.recruit-desc-list dt {
width: 100px;
padding-left: 0.5em;
}
.recruit-desc-list dd {
letter-spacing: 0.05em;
font-feature-settings: "palt";
}
.recruit-desc-list dd:last-of-type {
letter-spacing: 0.02em;
}
}
.recruit-btn {
margin-top: 50px;
}
@media (max-width: 767px) {
.recruit-btn {
margin-top: 30px;
}
} .contact h2 {
font-family: "Zen Antique Soft", serif;
font-size: min(40px, 5.34vw);
line-height: 1.5;
color: #004B75;
text-align: center; max-width: 100%;
margin: 0 auto;
}
@media (max-width: 767px) {
.contact h2 { }
} .entry h2 {
font-family: "Zen Antique Soft", serif;
font-size: min(40px, 5.34vw);
line-height: 1.5;
color: #004B75;
text-align: center; max-width: 100%;
margin: 0 auto;
}
.entry-text {
margin-top: 45px;
font-size: 1.5rem;
font-weight: 500;
line-height: 1.6;
text-align: center;
color: #004B75;
}
@media (max-width: 767px) {
.entry-text {
margin-top: 30px;
font-size: 1rem;
line-height: 1.8;
}
} .news-items {
width: 904px;
max-width: 100%;
margin: 0 auto;
}
.news-items li {
font-size: 1.5rem;
font-weight: 500;
border-bottom: 1px solid #004B75;
padding: 1.2em 0;
line-height: 1.6;
letter-spacing: 0.05em;
}
.news-items li:first-child {
border-top: 1px solid #004B75;
}
.news-items li a {
display: flex;
color: #004B75;
}
.news-items li span {
display: inline-block;
width: 155px;
}
.news-items li h4, .news-items li h3 {
width: calc(100% - 155px);
}
@media (max-width: 767px) {
.news-items li {
font-size: 1.4rem;
line-height: 1.5;
padding: 1.5em 0;
}
.news-items li a {
flex-direction: column;
}
.news-items li h3 {
width: 100%;
}
}
.news-pagination {
text-align: center;
margin: 90px auto 0;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
position: relative;
}
.news-pagination .page-numbers {
display: inline-block;
font-size: 1.5rem;
font-weight: 500;
line-height: 1.5;
text-decoration: none;
color: rgba(0, 75, 117, 0.5);
}
.news-pagination .page-numbers:nth-child(n+2) {
margin-left: 20px;
}
.news-pagination .page-numbers.current {
border-bottom: 1px solid #004B75;
color: #004B75;
}
.news-pagination .page-numbers.next {
position: absolute;
aspect-ratio: 1/1;
width: 0.7em;
right: -1.4em;
top: 50%;
border-right: 2px solid;
border-bottom: 2px solid;
transform: translate(100%, -50%) rotate(-45deg);
} .news-block {
color: #004B75;
width: 904px;
max-width: 100%;
margin: 0 auto;
}
.news-block p {
font-size: 1.5rem;
font-weight: 400;
line-height: 1.8;
letter-spacing: 0.05em;
}
@media (max-width: 767px) {
.news-block p {
font-size: 1.2rem;
font-weight: 400;
}
}
.news-date {
font-size: 1.2rem;
line-height: 1.1;
font-weight: 500;
letter-spacing: 0.05em;
}
@media (max-width: 767px) {
.news-date {
font-size: 1rem;
line-height: 1.8;
}
}
.news-title {
font-size: 2.5rem;
font-weight: 600;
line-height: 1.1;
margin: 15px auto 1.3em;
letter-spacing: 0.05em;
}
@media (max-width: 767px) {
.news-title {
font-size: 1.8rem;
margin: 0.4em auto 1.4em;
}
}
.news-thumb {
width: 65%;
margin: 0 auto 80px;
}
.news-thumb img {
aspect-ratio: 16/10;
object-fit: cover;
}
@media (max-width: 767px) {
.news-thumb {
width: 108%;
margin: 0 auto 40px;
margin-left: 50%;
transform: translateX(-50%);
}
}
.news-btn {
margin-top: 90px;
text-align: center;
}
.news-btn a {
width: 276px;
max-width: 100%;
}
@media (max-width: 767px) {
.news-btn {
margin-top: 70px;
}
.news-btn a {
width: 310px;
}
} .comrade-inner {
width: 1172px;
}
@media (max-width: 767px) {
.comrade-en {
width: 40px;
bottom: -81px;
}
}
.comrade-container {
padding: min(80px, 5.5%) 0 200px;
background: #FFF;
}
.comrade-container h2 {
font-family: "Zen Antique Soft", serif;
font-size: min(40px, 5.34vw);
line-height: 1.5;
color: #004B75;
text-align: center; }
@media (max-width: 767px) {
.comrade-container {
padding: 50px 0 100px;
}
.comrade-container h2 { margin: 0 auto;
}
}
.comrade-items {
margin-top: 80px;
}
@media (max-width: 767px) {
.comrade-items {
margin-top: 50px;
}
}
.comrade-box {
padding: 40px 0;  color: #004B75;
}
.comrade-box:nth-child(n+2) {
margin-top: 20px;
}
@media (max-width: 767px) { .comrade-box:nth-child(n+2) {
margin-top: 50px;
}
}
.comrade-head {
display: flex;  gap: 30px;
}
@media (max-width: 767px) {
.comrade-head {
flex-direction: column;
padding-bottom: 40px;
}
}
.comrade-left {
display: flex;
flex-direction: column;
width: 37%;
gap: 20px;
padding: 30px 0;
}
@media (max-width: 767px) {
.comrade-left {
width: 100%;
padding: 10px 0;
}
}
.comrade-thumb {
width: 100%;
}
.comrade-thumb img {
aspect-ratio: 16/9;
-o-object-fit: cover;
object-fit: cover;
}
@media (max-width: 767px) {
.comrade-thumb {
width: 100%;
}
}
.comrade-info {
width: 52%;
padding: 30px 0;
}
@media (max-width: 767px) {
.comrade-info {
width: 100%;
padding: 0;
}
}
.comrade-company {
font-size: 2.5rem;
line-height: 2;
font-weight: 600;
margin-bottom: .75em;
border-bottom: 1px solid #0661a0;
position: relative;
}
.comrade-company:after {
content: "";
background-color: #0661a0;
width: 70px;
height: 3px;
left: 0;
bottom: -2px;
position: absolute;
}
@media (max-width: 767px) {
.comrade-company {
font-size: 2rem;
}
}
.comrade-introduction {
font-size: 1.5rem;
font-weight: 450;
line-height: 1.6;
}
@media (max-width: 767px) {
.comrade-introduction {
font-size: 1.4rem;
line-height: 1.5;
}
}
.comrade-info dl {
display: flex;
flex-direction: row;
border-top: 1px solid #e6ebf0;
}
.comrade-info dl {
border-bottom: 1px solid #e6ebf0;
}
.comrade-info dl dt {
width: 160px;
background-color: #f7f9fa;
}
.comrade-info dl dt,
.comrade-info dl dd {
padding: 8px 10px;
font-size: 15px;
font-size: 1.5rem;
line-height: 30px;
letter-spacing: .05em;
font-weight: normal;
text-align: left;
}
.comrade-info dl dd {
width: 100%;
background: #fff;
}
.comrade-info dl dd a {
text-decoration: underline;
color: #004B75;
display: flex;
align-items: center;
}
.comrade-info dl dd img {
width: 15px;
margin-left: 10px;
}
@media (max-width: 767px) {
.comrade-info dl {
flex-direction: column;
}
.comrade-info dl dt,
.comrade-info dl dd {
width: 100%;
}
}  .comrade-interview {
padding: 65px 2.7% 0;
}
.comrade-interview span {
display: inline-block;
width: 140px;
font-size: 1.2rem;
line-height: 1.1;
font-weight: 450;
position: relative;
margin-bottom: 15px;
}
.comrade-interview span::after {
content: "";
position: absolute;
top: 50%;
right: 0;
width: 60px;
height: 1px;
background: #004B75;
margin-left: 10px;
}
.comrade-interview h3 {
font-size: 2.5rem;
font-weight: 600;
line-height: 1.1;
margin-bottom: 40px;
}
.comrade-interview p {
font-size: 1.5rem;
font-weight: 400;
font-family: "Roboto", sans-serif;
line-height: 1.8;
letter-spacing: 0.05em;
}
@media (max-width: 767px) {
.comrade-interview {
padding: 30px 0% 0;
}
.comrade-interview h3 {
font-size: 1.8rem;
margin-bottom: 30px;
}
.comrade-interview p {
font-size: 1.2rem;
}
}
.comrade-btn {
margin-top: 40px;
} .comrade-post {
height: 890px;
padding: 80px 57px 120px;
color: #004B75;
}
.comrade-post .comrade-thumb {
width: 52%;
}
.comrade-post .comrade-company {
font-size: 1.2rem;
font-weight: 500;
}
.comrade-post .comrade-ceo {
margin-top: 0;
font-size: 2.5rem;
}
.comrade-post .comrade-ceo span {
margin-bottom: 1.3em;
}
.comrade-post .comrade-interview {
padding: 48px 0% 0;
}
.comrade-post .comrade-interview > .wp-block-image {
margin-top: 50px;
width: 100%;
}
.comrade-post .comrade-interview > .wp-block-image figure {
width: 100%;
}
.comrade-post .comrade-title {
font-size: 2.5rem;
font-weight: 700;
line-height: 1.1;
letter-spacing: 0.05em;
}
.comrade-post h2 {
width: 100%;
font-size: 2rem;
margin: 50px auto 36px;
font-weight: bold;
}
@media (max-width: 767px) {
.comrade-post {
padding: 80px 35px 120px;
}
.comrade-post .comrade-info {
display: flex;
justify-content: space-between;
align-items: end;
}
.comrade-post .comrade-thumb {
width: 100%;
}
.comrade-post .comrade-company {
font-size: 1rem;
line-height: 1.8;
margin-bottom: 0.1em;
}
.comrade-post .comrade-ceo {
font-size: min(2rem, 5.3333333333vw);
line-height: 1.5;
margin-top: 0;
}
.comrade-post .comrade-ceo span {
font-size: 1rem;
margin-bottom: 0;
}
.comrade-post .comrade-interview {
padding: 35px 0% 0;
}
.comrade-post .comrade-interview span {
margin-bottom: 0.5em;
}
.comrade-post h2 {
font-size: 1.6rem;
margin: 40px auto 25px;
}
}
.comrade-bottom {
display: flex;
align-items: center;
border: 1px solid #C8C8C8;
padding: 26px 24px;
width: 606px;
max-width: 100%;
margin: 119px auto 0;
}
.comrade-bottom .comrade-thumb {
width: 170px;
margin-right: 26px;
}
.comrade-bottom .comrade-info {
width: calc(100% - 196px);
padding: 0;
}
.comrade-bottom .comrade-company {
font-size: 2rem;
line-height: 1.1;
font-weight: 500;
letter-spacing: 0.05em;
margin-bottom: 0.6em;
}
.comrade-bottom .comrade-introduction {
font-size: 1.5rem;
font-weight: 500;
line-height: 1.6;
letter-spacing: 0.05em;
margin: 10px 0 10px;
}
.comrade-bottom .comrade-hp {
font-size: 1.5rem;
font-weight: 400;
line-height: 1.6;
letter-spacing: 0.05em;
margin-top: 5px;
}
.comrade-bottom .comrade-hp a {
letter-spacing: 0.05em;
}
@media (max-width: 767px) {
.comrade-bottom {
display: block;
margin-top: 60px;
border-radius: 5px;
padding: 35px 8%;
}
.comrade-bottom .comrade-thumb {
width: 84%;
margin: 0 auto 27px;
}
.comrade-bottom .comrade-info {
display: block;
width: 100%;
}
.comrade-bottom .comrade-company {
font-size: 1.6rem;
margin-bottom: 1em;
}
.comrade-bottom .comrade-introduction {
font-size: 1.2rem;
margin-top: 0;
}
.comrade-bottom .comrade-hp a {
font-size: 1.2rem;
}
} .company-container {
margin-top: 90px;
padding: 90px 0 310px;
background: #F6F6F6;
}
.company-container h2 {
font-family: "Zen Antique Soft", serif;
font-size: min(40px, 5.34vw);
line-height: 1.5;
color: #004B75;
text-align: center; margin: 0 auto;
}
.company-container .company {
padding-bottom: 0;
}
.company-container .company .company-more {
display: none;
}
.company-container .company .company-btn {
display: block;
margin-top: 60px;
}
@media (max-width: 767px) {
.company-container {
margin-top: 60px;
padding: 70px 0 130px;
}
.company-container h2 { }
.company-container .company .company-btn {
margin-top: 30px;
}
}
.mission {
margin-top: 90px;
padding-bottom: 160px;
}
@media (max-width: 767px) {
.mission {
margin-top: 50px;
padding-bottom: 120px;
}
}
.mission-items {
background: #fff;
padding: 70px;
color: #004B75;
max-width: 100%;
width: 1000px;
margin: 0 auto;
}
.mission-items li:first-child img {
width: 220px;
}
.mission-items li:nth-child(2) img {
width: 177px;
}
.mission-items li:nth-child(3) img {
width: 165px;
}
.mission-items li:not(:last-child) {
padding-bottom: 50px;
border-bottom: 1px solid #004B75;
}
.mission-items li:not(:first-child) {
padding-top: 60px;
}
.mission-items li h4 {
font-size: 3rem;
line-height: 1.1;
font-weight: 700;
margin-bottom: 0.5em;
}
.mission-items li p {
font-size: 1.6rem;
font-weight: 500;
line-height: 2;
}
@media (max-width: 767px) {
.mission-items {
padding: 60px 30px;
}
.mission-items li:first-child img {
width: 117px;
}
.mission-items li:nth-child(2) img {
width: 95px;
}
.mission-items li:nth-child(3) img {
width: 90px;
}
.mission-items li:not(:last-child) {
padding-bottom: 30px;
}
.mission-items li:not(:first-child) {
padding-top: 40px;
}
.mission-items li h4 {
font-size: 2rem;
line-height: 1.5;
}
.mission-items li p {
font-size: 1.25rem;
line-height: 1.5;
}
}
.mission-item-title {
margin-bottom: 40px;
}
.mission-item-title span {
display: block;
font-size: 1.8rem;
line-height: 2;
font-weight: 500;
}
@media (max-width: 767px) {
.mission-item-title {
margin-bottom: 2em;
}
.mission-item-title span {
font-size: 1.4rem;
line-height: 1.5;
}
}
.member {
background: #004B75;
padding: 150px 0;
}
@media (max-width: 767px) {
.member {
padding: 100px 0 100px;
}
}
@media (min-width: 768px) {
.member__inner {
width: 83.5%;
max-width: 1203px;
}
}
.member-wrapper {
position: relative;
}
@media (max-width: 767px) {
.member-wrapper {
width: 75%;
min-width: 289px;
margin: 0 auto;
}
}
.member-en {
width: min(80px, 5.5555555556vw);
position: absolute;
top: max(-90px, -6.25vw);
left: 0;
transform: translateX(-80%);
z-index: 20;
}
@media (max-width: 767px) {
.member-en {
width: min(43px, 11.0256410256vw);
transform: translate(-50%, -12%);
}
}
.member-items {
display: flex;
flex-wrap: wrap;
margin-left: 50px;
}
.member-items li {
cursor: pointer; width: calc((100% / 3) - 40px );
margin-left: 40px;
margin-bottom: 40px;
color: #fff;
border-left: 1px solid #fff;
overflow: hidden;
position: relative;
transition: .3s;
} .member-items li:before {
content: '';
position: absolute;
top: 0;
left: 0;
margin: auto;
width: 0;
height: 100%;
background: #fff;
z-index: 0;
transition: .3s;
}
.member-items li:hover {
transition: .3s;
color: #004B75;
}
.member-items li:hover:before {
width: 100%;
}
.member-items li .member-item-pic {
position: relative;
}
.member-items li .member-item-pic img, .member-items li .member-item-pic::after {
transition: all ease-out 0.3s;
}
.member-items li .member-item-pic::after {
content: "";
position: absolute;
background: rgba(4, 169, 252, 0.4705882353);
width: 100%;
height: 100%;
left: 0;
top: 0;
opacity: 0;
}
@media (hover: hover) {
.member-items li:hover .member-item-pic img {
filter: grayscale(0.65);
}
.member-items li:hover .member-item-pic::after {
opacity: 1;
}
}
@media (max-width: 767px) {
.member-items {
display: block;
margin-left: 65px;
}
.member-items li {
width: 100%;
margin-left: 0;
margin-bottom: 20px;
} }
.member-item-name { padding: 0.75em;
font-size: 2rem;
font-weight: 500;
line-height: 1.1;
z-index: 1;
position: relative;
}
.member-item-name span {
display: block;
font-size: 1.5rem;
line-height: 1.4;
margin-bottom: 15px;
}
@media (max-width: 767px) {
.member-item-name {
padding: 10px;
}
.member-item-name span {
margin-bottom: 0.2em;
}
}
.member-btn {
margin-top: 20px;
}
.member-btn button {
color: #fff;
font-size: min(1.8rem, 1.25vw);
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
padding-left: 0;
}
.member-btn button::before {
background: #fff;
left: -5em;
width: 3.5em;
}
@media (max-width: 767px) {
.member-btn {
margin-top: 30px;
}
.member-btn button {
font-size: 1.4rem;
}
.member-btn button::before {
left: -7.4em;
width: 5.5em;
}
} .member-post {
padding: 75px 57px;
}
@media (max-width: 767px) {
.member-post {
padding: 80px 35px 40px;
}
}
.member-post-wrapper {
display: flex;
justify-content: space-between;
}
@media (max-width: 767px) {
.member-post-wrapper {
display: block;
}
}
.member-post-pic {
width: 47%;
}
.member-post-pic img {
aspect-ratio: 322/350;
-o-object-fit: cover;
object-fit: cover;
}
@media (max-width: 767px) {
.member-post-pic {
width: 100%;
margin-top: 30px;
}
.member-post-pic img {
aspect-ratio: 1/1;
-o-object-position: top;
object-position: top;
}
}
.member-post-content {
width: 47%;
color: #004B75;
}
@media (min-width: 768px) {
.member-post-content {
padding-top: 30px;
}
}
@media (max-width: 767px) {
.member-post-content {
width: 100%;
}
}
.member-post-name {
font-size: 2.5rem;
font-weight: 700;
line-height: 1.1;
color: #004B75;
}
.member-post-name span {
display: block;
font-size: 1.2rem;
font-weight: 500;
margin-bottom: 20px;
}
@media (max-width: 767px) {
.member-post-name {
display: flex;
align-items: center;
justify-content: space-between;
font-size: 2rem;
}
.member-post-name span {
margin-bottom: 0;
}
}
.member-post-text {
margin-top: 30px;
font-size: 1.2rem;
font-weight: 400;
line-height: 1.8;
font-family: "Roboto", sans-serif;
}
@media (max-width: 767px) {
.member-post-text {
margin-top: 40px;
}
}
.load {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 100;
background: darkgray;
transition: all 0.7s;
}
.load.active {
height: 0%;
}
.load.load2 {
background: gray;
}
.c_inner1[class][class] {
padding: 0 min(150px, 10.4%);
width: 100%;
max-width: 1440px;
}
#validSubmit {
opacity: 0.7;
pointer-events: none;
}
#validSubmit.active {
opacity: 1;
pointer-events: all;
}
#formBack {
display: none;
}
#form.contact_confirm .c_form-items dd input[type=text], #form.contact_confirm .c_form-items dd input[type=email], #form.contact_confirm .c_form-items dd input[type=tel], #form.contact_confirm .c_form-items dd select, #form.contact_confirm .c_form-items dd textarea {
background: transparent;
pointer-events: none;
resize: none;
}
#form.contact_confirm .c_form-items dd input[type=text]::-moz-placeholder, #form.contact_confirm .c_form-items dd input[type=email]::-moz-placeholder, #form.contact_confirm .c_form-items dd input[type=tel]::-moz-placeholder, #form.contact_confirm .c_form-items dd select::-moz-placeholder, #form.contact_confirm .c_form-items dd textarea::-moz-placeholder {
display: none;
color: transparent;
}
#form.contact_confirm .c_form-items dd input[type=text]::placeholder, #form.contact_confirm .c_form-items dd input[type=email]::placeholder, #form.contact_confirm .c_form-items dd input[type=tel]::placeholder, #form.contact_confirm .c_form-items dd select::placeholder, #form.contact_confirm .c_form-items dd textarea::placeholder {
display: none;
color: transparent;
}
#form.contact_confirm .c_form-items dd select {
color: transparent;
}
#form.contact_confirm .c_form-items dd:has(select) .selectWrap::after {
display: none;
}
#form.contact_confirm #formBack {
display: block;
} .grecaptcha-badge { visibility: hidden; }
.mission-items li p.btm-m {
margin-bottom: 20px;
} .wp-block-separator {
border-top: 1px solid;
margin: 16px 0 32px;
}
.news-block p {
margin-bottom: 16px;
}
h1.wp-block-heading {
font-size: 32px;
font-weight: bold;
margin-bottom: 16px;
}
h2.wp-block-heading {
font-size: 24px;
font-weight: bold;
margin: 24px 0 16px;
}
h3.wp-block-heading {
font-size: 20px;
font-weight: bold;
margin-bottom: 16px;
}
@media (max-width: 767px) {
h1.wp-block-heading {
font-size: 24px;
font-weight: bold;
margin-bottom: 16px;
}
h2.wp-block-heading {
font-size: 20px;
font-weight: bold;
margin-bottom: 16px;
}
h3.wp-block-heading {
font-size: 16px;
font-weight: bold;
margin-bottom: 16px;
}
}
.is-provider-youtube iframe {
aspect-ratio: 16 / 9;
margin-bottom: 24px;
}
.wp-block-table {
margin-bottom: 40px;
font-size: 16px;
} @media (max-width: 767px) {
.wp-block-table {
margin-bottom: 24px;
font-size: 1.2rem;
width: 100%;
}
.wp-block-table table {
width: 140vw !important;
}
}
.wp-block-table td, .wp-block-table th {
padding: 1em .5em;
} .mission-criteria {
margin-bottom: 40px;
}
.mission-criteria h5 {
margin-bottom: 8px;
font-size: 16px;
font-weight: bold;
}
.mission-criteria ul {
margin: 0;
padding-left: 1.2em;
}
.mission-criteria li {
font-size: 1.2rem;
margin-bottom: 6px;
line-height: 1.8;
padding: 0 !important;
list-style-type: disc;
border-bottom: none !important;
}