@charset "UTF-8";

body {
font-family: "Noto Sans JP", sans-serif;
font-weight: 400;
color: #111111;
line-height: 2;
letter-spacing: 0;
}
@media screen and (max-width: 768px) {
.menu_item__have_child .menu_item__parent {
position: relative;
cursor: pointer;
transition: all 0.5s ease;
}
}
@media screen and (max-width: 768px) {
.menu_item__have_child .menu_item__child {
max-height: 0;
overflow: hidden;
transition: max-height 0.5s ease;
}
}
.body_no_scroll {
overflow: hidden;
touch-action: none;
height: 100vh;
}
.hamburger_menu .hamburger_menu_btn {
display: none;
}
@media screen and (max-width: 768px) {
.hamburger_menu .hamburger_menu_btn {
position: fixed;
z-index: 1001;
right: 0;
top: 0.3125rem;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 0.5rem;
width: 3.125rem;
aspect-ratio: 1/1;
background-color: #fff;
border-radius: 0.625rem 0 0 0.625rem;
transition: all 0.3s ease;
cursor: pointer;
}
}
@media screen and (max-width: 768px) {
.hamburger_menu .hamburger_menu_btn .bar {
display: block;
width: 50%;
height: 0.125rem;
background-color: #0104fc;
transition: all 0.3s ease;
}
}
.hamburger_menu .hamburger_menu_list_wrapper {
transition: all 0.3s ease;
}
@media screen and (max-width: 768px) {
.hamburger_menu .hamburger_menu_list_wrapper {
position: fixed;
z-index: 1000;
top: 0;
display: block;
width: 100vw;
height: 100%;
background-color: #0104fc;
overflow-x: auto;
max-width: 20.625rem;
right: -100%;
}
}
@media screen and (max-width: 768px) {
.hamburger_menu.open {
position: fixed;
z-index: 900;
inset: 0;
background-color: rgba(0, 0, 0, 0.4);
}
}
.hamburger_menu.open .hamburger_menu_btn {
transition: all 0.3s ease;
}
@media screen and (max-width: 768px) {
.hamburger_menu.open .hamburger_menu_btn {
gap: 0;
background-color: #0104fc;
}
}
@media screen and (max-width: 768px) {
.hamburger_menu.open .hamburger_menu_btn .bar {
background-color: #fff;
}
}
@media screen and (max-width: 768px) {
.hamburger_menu.open .hamburger_menu_btn .bar:nth-child(1) {
transform: translateY(0.0625rem) rotate(45deg);
}
}
@media screen and (max-width: 768px) {
.hamburger_menu.open .hamburger_menu_btn .bar:nth-child(2) {
display: none;
}
}
@media screen and (max-width: 768px) {
.hamburger_menu.open .hamburger_menu_btn .bar:nth-child(3) {
transform: translateY(-0.0625rem) rotate(-45deg);
}
}
.hamburger_menu.open .hamburger_menu_list_wrapper {
transition: all 0.3s ease;
}
@media screen and (max-width: 768px) {
.hamburger_menu.open .hamburger_menu_list_wrapper {
right: 0;
}
}
.tab_buttons {
width: 100%;
}
.tab_buttons .tab_button {
background: unset;
}
.tab_contents .tab_content {
display: none;
}
.tab_contents .tab_content.active {
display: block;
} * {
margin: 0;
padding: 0;
}
*,
::before,
::after {
border-style: solid;
box-sizing: border-box;
border-width: 0;
transition: all 0.3s ease;
}
html {
height: 100%;
scroll-behavior: smooth;
}
body {
min-height: 100vh;
text-rendering: optimizeSpeed;
}
.all_container {
overflow-x: hidden;
}
ul,
ol {
list-style: none;
}
a {
color: inherit;
background-color: transparent;
text-decoration: none;
text-decoration-skip-ink: auto;
}
img,
video,
iframe,
picture {
display: block;
max-width: 100%;
width: 100%;
}
table {
width: 100%;
border-collapse: collapse;
border-spacing: 0;
}
input,
select,
textarea {
font: inherit;
color: inherit;
letter-spacing: inherit;
}
html {
font-size: 1.4134275618vw;
}
@media screen and (max-width: 768px) {
html {
font-size: 16px;
}
}
@media (min-width: 1132px) {
html {
font-size: 16px;
}
}
@media (max-width: 390px) {
html {
font-size: 4.1025641026vw;
}
} @media screen and (max-width: 768px) {
.u_pc {
display: none !important;
}
}
.u_sp,
.u_sp_b {
display: none !important;
}
@media screen and (max-width: 768px) {
.u_sp,
.u_sp_b {
display: block !important;
}
}
.u_sp_i {
display: none !important;
}
@media screen and (max-width: 768px) {
.u_sp_i {
display: inline !important;
}
}
.u_sp_ib {
display: none !important;
}
@media screen and (max-width: 768px) {
.u_sp_ib {
display: inline-block !important;
}
}
.u_sp_f {
display: none !important;
}
@media screen and (max-width: 768px) {
.u_sp_f {
display: flex !important;
}
}
.u_sp_t {
display: none !important;
}
@media screen and (max-width: 768px) {
.u_sp_t {
display: table-row !important;
}
} .innerbox_1180 {
max-width: calc(1180px + 2.5rem);
margin: 0 auto;
padding: 0 1.25rem;
}
.innerbox_1000 {
max-width: calc(1000px + 2.5rem);
margin: 0 auto;
padding: 0 1.25rem;
}
.innerbox_850 {
max-width: calc(850px + 2.5rem);
margin: 0 auto;
padding: 0 1.25rem;
} .flexbox {
display: flex;
}
.flex_center {
display: flex;
justify-content: center;
align-items: center;
}
.dis_ib {
display: inline-block;
}
.mt_1rem {
margin-top: 1rem;
}
a,
button,
.btn {
cursor: pointer;
transition: all 0.3s ease;
}
a:hover,
button:hover,
.btn:hover {
opacity: 0.8;
}
@media screen and (max-width: 768px) {
a:hover,
button:hover,
.btn:hover {
opacity: 1;
}
}
.page_contents_wrapper ol,
.single_contents_wrapper ol {
list-style: decimal;
padding-left: 1em;
}
.page_contents_wrapper ol > li > ul,
.single_contents_wrapper ol > li > ul {
list-style: lower-alpha;
padding-left: 1em;
}
.page_contents_wrapper ol > li > ul > li > ul,
.single_contents_wrapper ol > li > ul > li > ul {
list-style: lower-roman;
padding-left: 1em;
}
ul.dot_list > li {
display: block;
position: relative;
padding-left: 1em;
}
ul.dot_list > li::before {
content: "・";
display: block;
position: absolute;
left: 0;
top: 0;
}
.kome_mark {
display: block;
position: relative;
padding-left: 1em;
}
.kome_mark::before {
content: "※";
display: block;
position: absolute;
left: 0;
top: 0;
} .index_php {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 2.5rem;
padding: 12.5rem 1rem;
text-align: center;
}
.not_open {
font-size: 1.125rem;
font-weight: 700;
text-align: center;
padding: 2.5rem;
}
.page_contents_wrapper {
padding-top: 1rem;
padding-bottom: 8.75rem;
}
@media screen and (max-width: 768px) {
.page_contents_wrapper {
padding-top: 0;
padding-bottom: 5rem;
}
}
.archive_contents_wrapper {
padding-top: 1rem;
padding-bottom: 8.75rem;
}
@media screen and (max-width: 768px) {
.archive_contents_wrapper {
padding-top: 0;
padding-bottom: 5rem;
}
}
.single_contents_wrapper {
padding-top: 1rem;
padding-bottom: 8.75rem;
}
@media screen and (max-width: 768px) {
.single_contents_wrapper {
padding-top: 0;
padding-bottom: 5rem;
}
}
.page_title_wrapper {
height: 20.5rem;
padding-top: 4rem;
}
@media screen and (max-width: 768px) {
.page_title_wrapper {
height: 17.5rem;
padding-top: 3.25rem;
}
}
.page_title_wrapper .page_title_inner {
display: flex;
align-items: flex-start;
}
.page_title_wrapper .pege_title_main {
width: 100%;
min-width: 0;
}
.page_title_wrapper .page_title_ja {
position: relative;
z-index: 400;
display: block;
width: 100%;
font-size: 2.75rem;
line-height: 1;
font-weight: 600;
padding-bottom: 1.25rem;
border-bottom: 1px solid #c5c5c5;
}
@media screen and (max-width: 768px) {
.page_title_wrapper .page_title_ja {
font-size: 2rem;
}
}
.page_title_wrapper .page_title_ja::after {
content: "";
position: relative;
z-index: 1;
left: 0;
bottom: -1.3125rem;
display: block;
width: 6.25rem;
height: 1px;
background-color: #ff9000;
}
@media screen and (max-width: 768px) {
.page_title_wrapper .page_title_ja::after {
width: 3.75rem;
}
}
.page_title_wrapper .page_title_en {
font-size: 3.125rem;
line-height: 1;
font-weight: 600;
font-family: "Roboto", sans-serif;
color: #0104fc;
white-space: nowrap;
writing-mode: vertical-rl;
flex-shrink: 0;
transform: translateY(-2.125rem);
}
@media screen and (max-width: 768px) {
.page_title_wrapper .page_title_en {
font-size: 2rem;
transform: translateY(-1.5rem);
}
}
nav#breadcrumb {
padding-top: 4rem;
padding-bottom: 4rem;
}
nav#breadcrumb .breadcrumb_inner {
display: flex;
flex-wrap: nowrap;
align-items: center;
}
nav#breadcrumb .breadcrumb_inner .breadcrumb_item {
font-size: 1rem;
white-space: nowrap;
}
nav#breadcrumb .breadcrumb_inner .breadcrumb_item a,
nav#breadcrumb .breadcrumb_inner .breadcrumb_item span {
font-size: inherit;
line-height: inherit;
letter-spacing: inherit;
font-weight: inherit;
font-family: inherit;
color: inherit;
}
nav#breadcrumb .breadcrumb_inner .breadcrumb_item:nth-child(n + 2) {
margin-left: 1rem;
}
nav#breadcrumb .breadcrumb_inner .breadcrumb_item:nth-child(n + 2)::before {
content: "/";
font-size: inherit;
line-height: inherit;
color: #c5c5c5;
margin-right: 1rem;
}
nav#breadcrumb .breadcrumb_inner .breadcrumb_item:nth-last-child(1) {
white-space: nowrap;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
max-height: 2em;
}
nav#breadcrumb .breadcrumb_inner .breadcrumb_item:nth-last-child(1) a,
nav#breadcrumb .breadcrumb_inner .breadcrumb_item:nth-last-child(1) span {
pointer-events: none;
}
.wpcf7-response-output {
padding: 1.5rem !important;
text-align: center;
font-weight: 700;
background-color: #fff;
}
body:not(#page__contact) .grecaptcha-badge {
visibility: hidden;
}
.grecaptcha-badge {
z-index: 9999;
}
.single_contents__nav {
display: flex;
justify-content: space-between;
margin-top: 4rem;
} body:not(#page__top) {
padding-top: 7.5rem;
}
@media screen and (max-width: 768px) {
body:not(#page__top) {
padding-top: 3.75rem;
}
}
body:not(#page__top) main#main {
background-color: #f6f6f9;
} header#header .header_left {
position: absolute;
left: 0;
top: 0;
}
header#header .header_logo {
display: block;
background-color: #fff;
padding: 0.9375rem 1.875rem;
border-bottom-right-radius: 0.625rem;
}
@media screen and (max-width: 768px) {
header#header .header_logo {
padding: 0.4375rem 0.9375rem;
border-bottom-right-radius: 0.3125rem;
}
}
header#header .header_logo .logo {
width: 18.75rem;
}
@media screen and (max-width: 768px) {
header#header .header_logo .logo {
width: 9.5rem;
}
}
header#header .header_right {
position: fixed;
z-index: 999;
top: 1.25rem;
right: 0;
}
@media screen and (max-width: 768px) {
header#header .header_right {
position: initial;
}
}
header#header .hamburger_menu_list {
display: flex;
align-items: center;
gap: 1.5rem;
background-color: #fff;
padding: 0.9375rem 2rem;
border-radius: 0.625rem 0 0 0.625rem;
}
@media screen and (max-width: 768px) {
header#header .hamburger_menu_list {
flex-direction: column;
align-items: stretch;
gap: 0;
background-color: unset;
padding: 3rem 1.25rem 3rem;
}
}
@media screen and (max-width: 768px) {
header#header .hamburger_menu_list .menu_item {
border-bottom: 1px solid rgba(255, 255, 255, 0.4);
}
}
header#header .hamburger_menu_list .menu_item a,
header#header .hamburger_menu_list .menu_item span {
position: relative;
z-index: 400;
display: flex;
font-weight: 500;
line-height: 1.2;
padding: 0.125rem 0;
overflow: hidden;
cursor: pointer;
}
@media screen and (max-width: 768px) {
header#header .hamburger_menu_list .menu_item a,
header#header .hamburger_menu_list .menu_item span {
font-size: 1.125rem;
color: #fff;
padding: 1.5rem 0;
}
}
header#header .hamburger_menu_list .menu_item a::before,
header#header .hamburger_menu_list .menu_item span::before {
content: "";
position: absolute;
bottom: 0;
right: 100%;
width: 100%;
height: 2px;
background-color: #0104fc;
}
header#header .hamburger_menu_list .menu_item a:hover,
header#header .hamburger_menu_list .menu_item span:hover {
opacity: 1;
}
header#header .hamburger_menu_list .menu_item a:hover::before,
header#header .hamburger_menu_list .menu_item span:hover::before {
right: 0;
}
header#header .hamburger_menu_list .menu_item span {
align-items: center;
gap: 0.375rem;
padding-right: 0.25rem;
}
@media screen and (max-width: 768px) {
header#header .hamburger_menu_list .menu_item span {
justify-content: space-between;
}
}
header#header .hamburger_menu_list .menu_item span::after {
content: "";
display: block;
width: 0.5rem;
height: 0.5rem;
border-bottom: 2px solid #111111;
border-right: 2px solid #111111;
transform: translateY(-0.125rem) rotate(45deg);
}
@media screen and (max-width: 768px) {
header#header .hamburger_menu_list .menu_item span::after {
border-color: #fff;
}
}
@media screen and (max-width: 768px) {
header#header .hamburger_menu_list .menu_item span.open::after {
transform: translateY(0.125rem) rotate(-135deg);
}
}
@media screen and (max-width: 768px) {
header#header .hamburger_menu_list .menu_item__contact {
border-bottom: none;
margin-top: 1.5rem;
}
}
header#header .hamburger_menu_list .menu_item__contact a {
display: flex;
align-items: center;
gap: 1rem;
width: fit-content;
font-size: 1.125rem;
color: #fff;
background: linear-gradient(135deg, #ff9000 0%, #f3a540 100%);
padding: 0.8125rem 1rem 0.8125rem 1.125rem;
border-radius: 0.625rem;
box-shadow: 0.125rem 0.125rem 0.3125rem rgba(0, 0, 0, 0.15);
}
@media screen and (max-width: 768px) {
header#header .hamburger_menu_list .menu_item__contact a {
padding: 1.125rem 1rem 1.125rem 1.125rem;
color: #ff9000;
background: #fff;
margin-left: auto;
margin-right: auto;
}
}
header#header .hamburger_menu_list .menu_item__contact a picture {
width: 1.25rem;
height: 1.25rem;
}
header#header .hamburger_menu_list .menu_item__contact a picture img {
height: 100%;
object-fit: contain;
}
header#header .hamburger_menu_list .menu_item__contact a span {
font: inherit;
color: inherit;
padding: 0;
}
header#header .hamburger_menu_list .menu_item__contact a:hover {
box-shadow: 0.375rem 0.375rem 0.3125rem rgba(0, 0, 0, 0.15);
}
header#header .hamburger_menu_list .menu_item__contact a::before,
header#header .hamburger_menu_list .menu_item__contact a::after,
header#header .hamburger_menu_list .menu_item__contact span::before,
header#header .hamburger_menu_list .menu_item__contact span::after {
display: none;
}
header#header .hamburger_menu_list .menu_item__have_child {
position: relative;
z-index: 400;
}
@media screen and (max-width: 768px) {
header#header .hamburger_menu_list .menu_item__have_child .menu_item__child {
max-height: 0;
overflow: hidden;
transition: max-height 0.5s ease;
}
}
header#header .hamburger_menu_list .menu_item__have_child .child_menu_list {
position: absolute;
z-index: 1;
left: -1.5rem;
top: 0.5rem;
display: flex;
flex-direction: column;
align-items: flex-start;
background-color: #fff;
padding: 3rem 1.5rem 1.5rem;
opacity: 0;
visibility: hidden;
}
@media screen and (max-width: 768px) {
header#header .hamburger_menu_list .menu_item__have_child .child_menu_list {
position: initial;
align-items: stretch;
padding: 0 0 0 0.625rem;
background-color: unset;
opacity: 1;
visibility: visible;
}
}
header#header
.hamburger_menu_list
.menu_item__have_child
.child_menu_list
.child_menu_item
a {
margin-top: 1.125rem;
white-space: nowrap;
}
@media screen and (max-width: 768px) {
header#header
.hamburger_menu_list
.menu_item__have_child
.child_menu_list
.child_menu_item
a {
margin-top: 0;
}
}
header#header
.hamburger_menu_list
.menu_item__have_child
.child_menu_list
.child_menu_item:nth-child(n + 2) {
border-top: 1px solid rgba(255, 255, 255, 0.4);
}
header#header
.hamburger_menu_list
.menu_item__have_child:hover
.menu_item__parent::after {
transform: translateY(0.125rem) rotate(-135deg);
}
header#header
.hamburger_menu_list
.menu_item__have_child:hover
.child_menu_list {
opacity: 1;
visibility: visible;
} footer#footer {
position: relative;
z-index: 400;
}
footer#footer::after {
content: "";
position: absolute;
z-index: -1;
right: 0;
bottom: 0;
width: 15rem;
height: 15rem;
background-image: url(//okesou-jyuki.co.jp/wp-content/themes/okesou-jyuki_2025/assets/img/common/logo_bg.webp);
background-position: center;
background-repeat: no-repeat;
background-size: contain;
}
@media screen and (max-width: 768px) {
footer#footer::after {
display: none;
}
}
footer#footer .footer_inner {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: flex-start;
padding-top: 3.75rem;
padding-bottom: 3.75rem;
}
@media screen and (max-width: 768px) {
footer#footer .footer_left {
width: 100%;
}
}
footer#footer .footer_logo {
display: block;
width: 22.25rem;
}
@media screen and (max-width: 768px) {
footer#footer .footer_logo {
width: 13.75rem;
margin-left: auto;
margin-right: auto;
}
}
footer#footer .footer_right {
display: flex;
gap: 2rem;
padding-top: 3.125rem;
}
@media screen and (max-width: 768px) {
footer#footer .footer_right {
justify-content: center;
gap: 2.5rem;
width: 100%;
padding-top: 3.75rem;
}
}
footer#footer .footer_menu_list {
display: flex;
flex-wrap: wrap;
gap: 1rem 2rem;
}
@media screen and (max-width: 768px) {
footer#footer .footer_menu_list {
flex-direction: column;
gap: 1.5rem 2rem;
}
}
footer#footer .footer_menu_list .menu_item a,
footer#footer .footer_menu_list .menu_item span {
display: block;
font-size: 1rem;
font-weight: 500;
line-height: 1;
}
footer#footer .footer_menu_list .menu_item__child {
padding-left: 0.625rem;
}
footer#footer .footer_menu_list .menu_item__child .child_menu_item {
margin-top: 1.5rem;
}
footer#footer .footer_bottom {
width: 100%;
color: #fff;
background-color: #0104fc;
padding: 0.875rem;
}
@media screen and (max-width: 768px) {
footer#footer .footer_bottom {
padding: 0.625rem;
}
}
footer#footer .copyright {
font-size: 0.8125rem;
line-height: 1;
text-align: center;
}
@media screen and (max-width: 768px) {
footer#footer .copyright {
font-size: 0.625rem;
}
} section#cta {
background-image: url(//okesou-jyuki.co.jp/wp-content/themes/okesou-jyuki_2025/assets/img/common/cta_bg.webp);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
padding: 6.25rem 1.25rem;
}
@media screen and (max-width: 768px) {
section#cta {
padding: 3.75rem 1.25rem;
}
}
section#cta .section_title {
display: flex;
flex-direction: column;
align-items: center;
}
section#cta .cta_explain {
font-size: 1rem;
color: #fff;
text-align: center;
margin: 2.5rem 0;
}
@media screen and (max-width: 768px) {
section#cta .cta_explain {
text-align: left;
}
}
section#cta .cta_btn_wrapper {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 2.5rem;
}
section#cta .cta_btn {
flex-direction: column;
gap: 1rem;
width: 20.625rem;
max-width: 100%;
height: 8.5625rem;
color: #fff;
background-color: rgba(255, 255, 255, 0.2);
}
section#cta .cta_btn__icon {
width: 1.875rem;
height: 1.875rem;
object-fit: contain;
}
section#cta .cta_btn__label {
font-size: 1.5rem;
line-height: 1;
font-weight: 600;
}
@media screen and (max-width: 768px) {
section#cta .cta_btn__label {
font-size: 1.25rem;
}
}
section#cta .cta_btn__label.roboto {
font-size: 2rem;
font-family: "Roboto", sans-serif;
}
@media screen and (max-width: 768px) {
section#cta .cta_btn__label.roboto {
font-size: 1.75rem;
}
}
section#cta .cta_btn__note {
font-size: 1rem;
line-height: 1;
} .section_title span {
display: flex;
line-height: 1;
font-weight: 600;
}
.section_title .en {
font-family: "Roboto", sans-serif;
}
.section_title__small {
align-items: center;
gap: 0.5rem;
font-size: 1.25rem;
margin-bottom: 1rem;
}
@media screen and (max-width: 768px) {
.section_title__small {
gap: 0.375rem;
font-size: 0.75rem;
margin-bottom: 0.5rem;
}
}
.section_title__small::before {
content: "";
display: block;
width: 1.25rem;
height: 1px;
background: #ff9000;
}
@media screen and (max-width: 768px) {
.section_title__small::before {
width: 0.75rem;
}
}
.section_title__small.en {
font-size: 1.125rem;
}
@media screen and (max-width: 768px) {
.section_title__small.en {
font-size: 0.75rem;
}
}
.section_title__big {
font-size: 2.5rem;
}
@media screen and (max-width: 768px) {
.section_title__big {
font-size: 1.5rem;
}
}
.section_title__big.en {
font-size: 3.75rem;
}
@media screen and (max-width: 768px) {
.section_title__big.en {
font-size: 2rem;
}
}
.section_title__white span {
color: #fff;
}
.section_title__white .section_title__small::before {
background: #fff;
}
.orange_title {
font-size: 1.25rem;
line-height: 1.6;
font-weight: 600;
padding: 0.25rem 0.5rem;
border-left: 0.5rem solid #ff9000;
}
.btn {
display: flex;
justify-content: center;
align-items: center;
max-width: 100%;
}
.btn:hover {
opacity: 1;
}
.btn.maincolor_btn {
width: fit-content;
height: 4rem;
color: #fff;
background-color: #0104fc;
border: 1px solid #0104fc;
border-radius: 2rem;
padding: 0 3rem;
}
.btn.maincolor_btn:hover {
color: #0104fc;
background-color: #fff;
}
.btn_arrow {
gap: 2.5rem;
width: fit-content;
font-size: 1rem;
line-height: 1;
letter-spacing: 0.01em;
padding: 0 0.5rem 1rem 0.5rem;
border-bottom: 1px solid #111111;
}
.btn_arrow::after {
content: "";
display: block;
width: 0.625rem;
height: 0.625rem;
border-top: 1.5px solid #111111;
border-right: 1.5px solid #111111;
transform: rotate(45deg);
}
.btn_arrow:hover::after {
transform: translateX(0.375rem) rotate(45deg);
}
.btn_recruit {
gap: 0.75rem;
width: fit-content;
height: 3.125rem;
font-size: 1rem;
line-height: 1;
font-weight: 500;
color: #fff;
background: linear-gradient(180deg, #3c8bf6 0%, #0466eb 100%);
padding: 0 1rem;
border-radius: 0.3125rem;
box-shadow: 0 0.125rem 0.3125rem rgba(0, 0, 0, 0.15);
}
.btn_recruit::after {
content: "";
display: block;
width: 1.0625rem;
height: 1.0625rem;
background-image: url(//okesou-jyuki.co.jp/wp-content/themes/okesou-jyuki_2025/assets/img/common/icon_arrow_white.webp);
background-position: center;
background-repeat: no-repeat;
background-size: contain;
}
.btn_recruit:hover::after {
transform: translateX(0.375rem);
}
.btn_return {
gap: 1.5rem;
width: fit-content;
height: 2.75rem;
font-size: 1rem;
line-height: 1;
letter-spacing: 0.05em;
font-weight: 500;
background-color: #fff;
padding: 0 1.25rem;
border-radius: 0.3125rem;
box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.1);
}
.btn_return::before {
content: "";
display: block;
width: 0.5rem;
height: 0.5rem;
border-left: 1.5px solid #111111;
border-bottom: 1.5px solid #111111;
transform: rotate(45deg);
}
.btn_return:hover::before {
transform: translateX(-0.375rem) rotate(45deg);
}
.bg_white_area {
background-color: #fff;
} section#fv {
background-image: url(//okesou-jyuki.co.jp/wp-content/themes/okesou-jyuki_2025/assets/img/top/fv_bg_pc.webp);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
min-height: 100vh;
padding: 13.75rem 0;
}
@media screen and (max-width: 768px) {
section#fv {
background-image: url(//okesou-jyuki.co.jp/wp-content/themes/okesou-jyuki_2025/assets/img/top/fv_bg_sp.webp);
padding: 9.0625rem 0;
}
}
section#fv .fv_title span {
display: block;
line-height: 1;
font-weight: 600;
color: #fff;
text-shadow: 0 0 0.625rem rgba(0, 1, 61, 0.8);
}
section#fv .fv_title .small {
font-size: 1.875rem;
}
@media screen and (max-width: 768px) {
section#fv .fv_title .small {
font-size: 1.125rem;
}
}
section#fv .fv_title .big {
font-size: 3.75rem;
margin-top: 1.875rem;
}
@media screen and (max-width: 768px) {
section#fv .fv_title .big {
font-size: 2.25rem;
margin-top: 1.125rem;
}
}
section#fv .fv_title .row {
margin-top: 1.25rem;
}
@media screen and (max-width: 768px) {
section#fv .fv_title .row {
margin-top: 0.75rem;
}
}
section#fv .fv_title .row_2 {
padding-left: 2.1em;
}
section#about {
max-width: 90rem;
padding-top: 10rem;
padding-bottom: 10rem;
margin-left: auto;
margin-right: auto;
}
@media screen and (max-width: 768px) {
section#about {
padding-top: 5rem;
padding-bottom: 5rem;
}
}
section#about .about_inner {
display: flex;
align-items: flex-start;
gap: 5rem;
}
@media screen and (max-width: 768px) {
section#about .about_inner {
flex-direction: column-reverse;
gap: 2.5rem;
padding: 0 1.25rem;
}
}
section#about .about_image_wrapper {
width: calc((100% - 5rem) / 2);
}
@media screen and (max-width: 768px) {
section#about .about_image_wrapper {
width: 100%;
transform: translateX(-1.25rem);
}
}
section#about .about_text_wrapper {
position: relative;
z-index: 400;
width: calc((100% - 5rem) / 2);
padding-right: 1rem;
}
@media screen and (max-width: 768px) {
section#about .about_text_wrapper {
width: 100%;
padding-right: 0;
}
}
section#about .about_text_inner {
width: 34.375rem;
max-width: 100%;
}
section#about .about_subtitle {
font-size: 1.5rem;
line-height: 1.6;
font-weight: 600;
margin-top: 2.5rem;
}
@media screen and (max-width: 768px) {
section#about .about_subtitle {
font-size: 1.3125rem;
}
}
section#about .about_explain {
line-height: 1.6;
margin-top: 1.5rem;
}
section#about .about_bg_image {
position: absolute;
z-index: -1;
top: -1.875rem;
right: 1.875rem;
width: 24.375rem;
height: 24.375rem;
object-fit: contain;
}
@media screen and (max-width: 768px) {
section#about .about_bg_image {
top: -2.5rem;
right: -1.25rem;
width: 14.625rem;
height: 14.625rem;
}
}
section#business {
background-image: url(//okesou-jyuki.co.jp/wp-content/themes/okesou-jyuki_2025/assets/img/top/business_bg.webp);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
padding-top: 10rem;
padding-bottom: 10rem;
}
@media screen and (max-width: 768px) {
section#business {
padding-top: 5rem;
padding-bottom: 5rem;
}
}
section#business .business_items_wrapper {
margin-top: 3.75rem;
}
@media screen and (max-width: 768px) {
section#business .business_items_wrapper {
margin-top: 2.5rem;
}
}
section#business .business_items_wrapper .upper,
section#business .business_items_wrapper .lower {
display: flex;
gap: 2.5rem;
}
@media screen and (max-width: 768px) {
section#business .business_items_wrapper .upper,
section#business .business_items_wrapper .lower {
flex-wrap: wrap;
}
}
section#business .business_items_wrapper .upper {
justify-content: left;
}
section#business .business_items_wrapper .lower {
justify-content: right;
margin-top: 4.375rem;
}
@media screen and (max-width: 768px) {
section#business .business_items_wrapper .lower {
margin-top: 2.5rem;
}
}
section#business .business_item {
position: relative;
z-index: 400;
display: block;
width: 28.75rem;
max-width: 100%;
height: 25rem;
background-color: #fff;
border-radius: 1.25rem 0;
}
@media screen and (max-width: 768px) {
section#business .business_item {
width: 100%;
height: 18.625rem;
border-radius: 0.9375rem 0;
}
}
section#business .business_item__label {
display: flex;
justify-content: space-between;
align-items: center;
background-color: rgba(17, 17, 17, 0.3);
width: fit-content;
min-width: 17.5rem;
padding: 1rem 1.875rem;
border-top-left-radius: 1.25rem;
}
@media screen and (max-width: 768px) {
section#business .business_item__label {
min-width: 13.1875rem;
padding: 0.75rem 1.5rem;
border-top-left-radius: 0.9375rem;
}
}
section#business .business_item__title span {
display: block;
line-height: 1;
color: #fff;
}
section#business .business_item__title__ja {
font-size: 2rem;
font-weight: 700;
}
@media screen and (max-width: 768px) {
section#business .business_item__title__ja {
font-size: 1.5rem;
}
}
section#business .business_item__title__en {
font-size: 1.25rem;
font-weight: 600;
font-family: "Roboto", sans-serif;
margin-top: 0.5rem;
}
@media screen and (max-width: 768px) {
section#business .business_item__title__en {
font-size: 0.9375rem;
margin-top: 0.375rem;
}
}
section#business .business_item__arrow {
width: 2.1875rem;
height: 2.1875rem;
object-fit: contain;
}
@media screen and (max-width: 768px) {
section#business .business_item__arrow {
width: 1.625rem;
height: 1.625rem;
}
}
section#business .business_item__bg {
position: absolute;
z-index: -1;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 1.25rem 0;
box-shadow: 0.625rem 0.625rem 0 #0466eb;
}
@media screen and (max-width: 768px) {
section#business .business_item__bg {
border-radius: 0.9375rem 0;
box-shadow: 0.4375rem 0.4375rem 0 #0466eb;
}
}
section#business .business_item:hover {
opacity: 1;
}
section#business .business_item:hover .business_item__arrow {
transform: translateX(0.5rem);
}
section#business .business_item:hover .business_item__bg {
opacity: 0.8;
}
section#news {
background-color: #f6f6f9;
padding-top: 10rem;
padding-bottom: 10rem;
}
@media screen and (max-width: 768px) {
section#news {
padding-top: 5rem;
padding-bottom: 5rem;
}
}
section#news .news_contents_wrapper {
display: flex;
align-items: flex-start;
gap: 5rem;
margin-top: 2.5rem;
}
@media screen and (max-width: 768px) {
section#news .news_contents_wrapper {
flex-direction: column;
gap: 1.625rem;
margin-top: 1.5rem;
}
}
section#news .news_categories {
width: 11.25rem;
flex-shrink: 0;
}
@media screen and (max-width: 768px) {
section#news .news_categories {
display: flex;
flex-wrap: wrap;
gap: 1.125rem;
width: 100%;
}
}
section#news .news_categories .tab_button {
display: block;
width: 100%;
height: 3rem;
font-size: 1.125rem;
line-height: 1;
letter-spacing: 0.01em;
font-weight: 500;
font-family: "Roboto", sans-serif;
color: #111111;
background-color: #fff;
border: 1px solid #111111;
border-radius: 0.3125rem;
}
@media screen and (max-width: 768px) {
section#news .news_categories .tab_button {
width: calc((100% - 2.25rem) / 3);
height: 2.375rem;
font-size: 0.875rem;
border-radius: 0.25rem;
}
}
section#news .news_categories .tab_button:nth-child(n + 2) {
margin-top: 1.5rem;
}
@media screen and (max-width: 768px) {
section#news .news_categories .tab_button:nth-child(n + 2) {
margin-top: 0;
}
}
section#news .news_categories .tab_button.active {
color: #fff;
background-color: #0104fc;
border-color: #0104fc;
}
section#news .news_list_wrapper {
width: 100%;
}
section#news .news_list {
padding-bottom: 2.5rem;
}
@media screen and (max-width: 768px) {
section#news .news_list {
padding-top: 0.75rem;
padding-bottom: 1.5rem;
}
}
section#news .news_btn_wrapper {
background-color: #fff;
padding: 0 3rem 2.5rem;
}
@media screen and (max-width: 768px) {
section#news .news_btn_wrapper {
padding: 0 1.25rem 2.25rem;
}
}
section#news .news_btn_wrapper .btn {
margin-left: auto;
}
section#recruit_company {
position: relative;
z-index: 400;
padding-top: 10rem;
padding-bottom: 10rem;
}
@media screen and (max-width: 768px) {
section#recruit_company {
padding-top: 5rem;
padding-bottom: 5rem;
}
}
section#recruit_company::after {
content: "";
position: absolute;
z-index: -1;
left: 0;
right: 0;
bottom: 0;
display: block;
width: 100%;
height: 19.375rem;
background-color: #f6f6f9;
}
@media screen and (max-width: 768px) {
section#recruit_company::after {
height: 12.5rem;
}
}
section#recruit_company .recruit_company_inner {
display: flex;
flex-wrap: wrap;
}
@media screen and (max-width: 768px) {
section#recruit_company .recruit_company_inner {
justify-content: center;
}
}
section#recruit_company .recruit_company_link {
flex-direction: column;
width: 50%;
height: 25rem;
box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.15);
}
@media screen and (max-width: 768px) {
section#recruit_company .recruit_company_link {
width: 100%;
max-width: 18.75rem;
height: 15rem;
}
}
section#recruit_company .recruit_company_link.recruit {
background: linear-gradient(180deg, #3c8bf6 0%, #0466eb 100%);
border-top-left-radius: 1.25rem;
}
@media screen and (max-width: 768px) {
section#recruit_company .recruit_company_link.recruit {
border-top-left-radius: 0.75rem;
}
}
section#recruit_company .recruit_company_link.company {
background: linear-gradient(180deg, #ecd907 0%, #ff9000 100%);
border-bottom-right-radius: 1.25rem;
}
@media screen and (max-width: 768px) {
section#recruit_company .recruit_company_link.company {
border-bottom-right-radius: 0.75rem;
}
} .categories_wrapper {
display: flex;
flex-wrap: wrap;
gap: 0.5rem;
}
.cat_item {
display: inline-block;
min-width: 5.625rem;
font-size: 0.875rem;
line-height: 1;
font-weight: 500;
font-family: "Roboto", sans-serif;
text-align: center;
color: #fff;
background-color: #ff9000;
padding: 0.25rem 1rem;
border-radius: 0.3125rem;
}
.cat_item__side {
display: block;
line-height: 1;
}
@media screen and (max-width: 768px) {
.cat_item__side {
font-size: 1rem;
}
}
.cat_item__side:nth-child(n + 2) {
margin-top: 1rem;
}
.cat_item__side.current {
color: #999999;
}
.archives_links_wrapper .archives_title {
font-size: 1.125rem;
line-height: 1;
font-weight: 500;
font-family: "Roboto", sans-serif;
color: #0104fc;
padding-bottom: 1.5rem;
border-bottom: 1px solid #c5c5c5;
}
.archives_links_wrapper .archive_list {
margin-top: 1.5rem;
}
.news_list {
width: 100%;
background-color: #fff;
padding: 1.75rem 1.875rem 3.75rem;
box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.1);
}
@media screen and (max-width: 768px) {
.news_list {
padding: 2.25rem 1.25rem 3.75rem;
}
}
.post_co {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 1.125rem 1rem;
width: 100%;
padding: 2rem 1.5625rem 1rem;
border-bottom: 1px solid #d1d1d1;
}
@media screen and (max-width: 768px) {
.post_co {
padding: 1.5rem 0 1rem;
}
}
.post_co__date {
font-size: 1.125rem;
line-height: 1;
font-weight: 500;
font-family: "Roboto", sans-serif;
}
.post_co__title {
width: 100%;
font-size: 1rem;
line-height: 1.6;
font-weight: 500;
}
.pagination {
display: flex;
justify-content: center;
align-items: center;
gap: 0.5rem;
margin-top: 3.75rem;
}
@media screen and (max-width: 768px) {
.pagination {
margin-top: 2.5rem;
}
}
.pagination .page-numbers {
display: flex;
justify-content: center;
align-items: center;
width: 3.5rem;
height: 3.5rem;
font-size: 0.875rem;
line-height: 1;
font-weight: 500;
font-family: "Roboto", sans-serif;
}
.pagination .page-numbers.current {
color: #0104fc;
background-color: #fff;
border-radius: 50%;
}
.pagination .page-numbers.prev::before,
.pagination .page-numbers.next::before {
content: "";
display: block;
width: 0.625rem;
height: 0.625rem;
border-top: 2px solid #111111;
border-right: 2px solid #111111;
}
.pagination .page-numbers.prev::before {
transform: rotate(-135deg);
}
.pagination .page-numbers.next::before {
transform: rotate(45deg);
}
body.blog .all_container,
body.archive .all_container,
body.single .all_container {
overflow-x: initial;
}
.archive_contents_wrapper {
display: flex;
align-items: flex-start;
gap: 3.75rem;
}
@media screen and (max-width: 768px) {
.archive_contents_wrapper {
flex-direction: column-reverse;
}
}
.archive_contents_wrapper .sidebar_contents {
position: sticky;
top: 1.25rem;
width: 12.5rem;
}
@media screen and (max-width: 768px) {
.archive_contents_wrapper .sidebar_contents {
position: initial;
width: 100%;
}
}
.archive_contents_wrapper .archive_main_contents {
width: 100%;
}
.single_contents_wrapper {
display: flex;
align-items: flex-start;
gap: 3.75rem;
}
@media screen and (max-width: 768px) {
.single_contents_wrapper {
flex-direction: column-reverse;
}
}
.single_contents_wrapper .sidebar_contents {
position: sticky;
top: 1.25rem;
width: 12.5rem;
}
@media screen and (max-width: 768px) {
.single_contents_wrapper .sidebar_contents {
position: initial;
width: 100%;
}
}
.single_contents_wrapper .single_main_contents {
width: 100%;
}
.single_contents_wrapper .single_main_contents .bg_white_area {
padding: 3.125rem 3.75rem;
}
@media screen and (max-width: 768px) {
.single_contents_wrapper .single_main_contents .bg_white_area {
padding: 3.125rem 1.5rem;
}
}
.single_main_contents .bg_white_area {
padding: 3.125rem 3.75rem;
}
.single_main_contents .single_contents__meta {
display: flex;
align-items: center;
gap: 1rem;
}
.single_main_contents .single_contents__date {
font-size: 1.125rem;
line-height: 1;
font-weight: 500;
font-family: "Roboto", sans-serif;
}
.single_main_contents .single_contents__title {
font-size: 1.75rem;
font-weight: 600;
line-height: 1.5;
padding-bottom: 2.5rem;
margin-top: 2rem;
border-bottom: 1px solid #c5c5c5;
}
.single_main_contents .single_contents__image {
margin-top: 2.5rem;
}
.single_main_contents .single_contents__text {
margin-top: 2.5rem;
}
.single_main_contents .single_contents__text > * {
margin: 1em 0;
}
.single_main_contents .single_return_btn_wrapper {
margin-top: 2.5rem;
}
section#reason .reason_items_wrapper {
margin-top: 3.75rem;
}
@media screen and (max-width: 768px) {
section#reason .reason_items_wrapper {
margin-top: 2.5rem;
}
}
section#reason .reason_item {
display: flex;
gap: 2.5rem;
}
section#reason .reason_item:nth-child(2n + 1) {
flex-direction: row;
}
@media screen and (max-width: 768px) {
section#reason .reason_item:nth-child(2n + 1) {
flex-direction: column;
}
}
section#reason .reason_item:nth-child(2n) {
flex-direction: row-reverse;
}
@media screen and (max-width: 768px) {
section#reason .reason_item:nth-child(2n) {
flex-direction: column;
}
}
section#reason .reason_item:nth-child(n + 2) {
margin-top: 3.75rem;
}
section#reason .reason_item__text {
width: calc((100% - 2.5rem) / 2);
}
@media screen and (max-width: 768px) {
section#reason .reason_item__text {
width: 100%;
}
}
section#reason .reason_item__title {
position: relative;
z-index: 400;
}
section#reason .reason_item__title > span {
display: block;
font-weight: 600;
}
section#reason .reason_item__title .number {
font-size: 6.25rem;
line-height: 1;
font-family: "Roboto", sans-serif;
color: rgba(1, 4, 252, 0.2);
}
@media screen and (max-width: 768px) {
section#reason .reason_item__title .number {
font-size: 5rem;
}
}
section#reason .reason_item__title .text {
position: absolute;
left: 3.375rem;
top: 50%;
transform: translateY(-50%);
font-size: 1.5rem;
line-height: 1.6;
}
@media screen and (max-width: 768px) {
section#reason .reason_item__title .text {
font-size: 1.3125rem;
}
}
section#reason .reason_item__explain {
font-size: 1rem;
line-height: 1.4;
margin-top: 1.3125rem;
}
@media screen and (max-width: 768px) {
section#reason .reason_item__explain {
margin-top: 1.5rem;
}
}
section#reason .reason_item__image {
width: calc((100% - 2.5rem) / 2);
}
@media screen and (max-width: 768px) {
section#reason .reason_item__image {
width: 100%;
}
}
section#replacement {
padding-top: 11.25rem;
}
@media screen and (max-width: 768px) {
section#replacement {
padding-top: 7.5rem;
}
}
section#replacement .section_title_wrapper {
display: flex;
justify-content: center;
}
section#replacement .replacement_items_wrapper {
margin-top: 3.75rem;
}
@media screen and (max-width: 768px) {
section#replacement .replacement_items_wrapper {
margin-top: 2.5rem;
}
}
section#replacement .replacement_items_wrapper .items_row {
display: flex;
justify-content: center;
flex-wrap: wrap;
gap: 2rem;
}
@media screen and (max-width: 768px) {
section#replacement .replacement_items_wrapper .items_row {
padding: 0 2.5rem;
gap: 2.5rem;
}
}
section#replacement .replacement_items_wrapper .items_row:nth-child(n + 2) {
margin-top: 3.75rem;
}
@media screen and (max-width: 768px) {
section#replacement .replacement_items_wrapper .items_row:nth-child(n + 2) {
margin-top: 2.5rem;
}
}
section#replacement .replacement_item {
width: calc((100% - 6rem) / 4);
}
@media screen and (max-width: 768px) {
section#replacement .replacement_item {
width: 100%;
}
}
section#replacement .replacement_item__image {
aspect-ratio: 270/200;
object-fit: cover;
}
section#replacement .replacement_item__label {
display: block;
font-size: 1.125rem;
line-height: 1.6;
font-weight: 600;
text-align: center;
margin-top: 1rem;
}
section#flow {
padding-top: 11.25rem;
}
@media screen and (max-width: 768px) {
section#flow {
padding-top: 7.5rem;
}
}
section#flow .flow_explain {
font-size: 1rem;
line-height: 1.6;
margin-top: 3.75rem;
}
@media screen and (max-width: 768px) {
section#flow .flow_explain {
font-size: 0.875rem;
margin-top: 2.5rem;
}
}
section#flow .flow_list {
margin-top: 3.75rem;
}
@media screen and (max-width: 768px) {
section#flow .flow_list {
margin-top: 2.5rem;
}
}
section#flow .flow_list_item {
display: flex;
align-items: flex-start;
gap: 2.5rem;
background-color: #fff;
padding: 1.5rem 3rem;
border-radius: 1.25rem;
box-shadow: 0 0.125rem 0.5rem rgba(0, 0, 0, 0.1);
}
@media screen and (max-width: 768px) {
section#flow .flow_list_item {
align-items: center;
gap: 1.5rem;
padding: 1.5rem;
}
}
section#flow .flow_list_item:nth-child(n + 2) {
margin-top: 2rem;
}
@media screen and (max-width: 768px) {
section#flow .flow_list_item:nth-child(n + 2) {
margin-top: 2.5rem;
}
}
section#flow .flow_list_item__image {
width: 7.5rem;
flex-shrink: 0;
}
@media screen and (max-width: 768px) {
section#flow .flow_list_item__image {
width: 5rem;
}
}
section#flow .flow_list_item__text {
width: 100%;
}
section#flow .flow_list_item__number {
font-size: 1.125rem;
line-height: 1;
font-weight: 600;
font-family: "Roboto", sans-serif;
color: #0104fc;
}
section#flow .flow_list_item__title {
font-size: 1.25rem;
line-height: 1.6;
margin-top: 0.5rem;
}
section#flow .flow_list_item__explain {
font-size: 1rem;
line-height: 1.6;
margin-top: 0.5rem;
}
section#flow .flow_list_item .red {
color: #fc0101;
}
section#flow .attention_checklist {
margin-top: 1.5rem;
}
@media screen and (max-width: 768px) {
section#flow .attention_checklist {
margin-top: 2.5rem;
}
}
section#works {
padding-top: 11.25rem;
}
@media screen and (max-width: 768px) {
section#works {
padding-top: 7.5rem;
}
}
section#works .works_items_wrapper {
margin-top: 3.75rem;
}
@media screen and (max-width: 768px) {
section#works .works_items_wrapper {
margin-top: 2.5rem;
}
}
section#works .works_item {
background-color: #fff;
box-shadow: 0 0.125rem 0.5rem rgba(0, 0, 0, 0.1);
}
section#works .works_item:nth-child(n + 2) {
margin-top: 2.5rem;
}
section#works .works_item__title {
font-size: 1.25rem;
line-height: 1.6;
font-weight: 600;
color: #fff;
background: #0104fc;
padding: 0.75rem 1.25rem;
}
@media screen and (max-width: 768px) {
section#works .works_item__title {
padding: 0.875rem 1.25rem;
line-height: 1.4;
}
}
section#works .works_item__details {
display: flex;
flex-wrap: wrap;
gap: 1.5rem 2.5rem;
padding: 2.5rem;
}
@media screen and (max-width: 768px) {
section#works .works_item__details {
padding: 1.5rem 1.25rem 2.5rem;
}
}
section#works .works_item__image {
width: 25rem;
}
@media screen and (max-width: 768px) {
section#works .works_item__image {
width: 100%;
}
}
section#works .works_item__explain {
width: calc(100% - 25rem - 2.5rem);
font-size: 1rem;
line-height: 1.6;
}
@media screen and (max-width: 768px) {
section#works .works_item__explain {
width: 100%;
}
}
.attention_checklist {
width: 100%;
}
.attention_checklist .list_item {
position: relative;
z-index: 400;
display: block;
font-size: 1rem;
line-height: 1.25;
color: #fc0101;
padding-left: 1.875rem;
}
.attention_checklist .list_item::before {
content: "";
position: absolute;
left: 0;
top: 0;
display: block;
width: 1.25rem;
height: 1.25rem;
background-image: url(//okesou-jyuki.co.jp/wp-content/themes/okesou-jyuki_2025/assets/img/common/icon_check.webp);
background-position: center;
background-repeat: no-repeat;
background-size: contain;
}
@media screen and (max-width: 768px) {
.attention_checklist .list_item::before {
top: 50%;
transform: translateY(-50%);
}
}
.attention_checklist .list_item:nth-child(n + 2) {
margin-top: 1rem;
}
section#enefarm_about {
padding-top: 7.5rem;
}
section#enefarm_about .enefarm_about_inner {
display: flex;
flex-direction: column;
align-items: center;
background-color: #fff;
gap: 3.75rem;
padding: 5rem 2rem;
}
@media screen and (max-width: 768px) {
section#enefarm_about .enefarm_about_inner {
gap: 2.5rem;
padding: 3.75rem 1.5625rem;
}
}
section#enefarm_about .enefarm_about_image {
width: 41.75rem;
}
section#enefarm_about .enefarm_about_explain {
font-size: 1rem;
line-height: 1.6;
text-align: center;
}
section#enefarm_about .enefarm_about_explain .accent {
font-size: 1.25rem;
letter-spacing: 0.25em;
padding-left: 0.25em;
}
section#enefarm_about .enefarm_about_explain .bold {
font-weight: 700;
}
section#enefarm_kinds {
padding-top: 11.25rem;
}
@media screen and (max-width: 768px) {
section#enefarm_kinds {
padding-top: 7.5rem;
}
}
@media screen and (max-width: 768px) {
section#enefarm_kinds .enefarm_kinds_inner {
padding: 0;
}
}
section#enefarm_kinds .section_title_wrapper {
display: flex;
justify-content: center;
}
@media screen and (max-width: 768px) {
section#enefarm_kinds .section_title_wrapper {
justify-content: flex-start;
padding: 0 20px;
}
}
@media screen and (max-width: 768px) {
section#enefarm_kinds .swiper {
padding: 0 20px;
}
}
section#enefarm_kinds .swiper-button-prev,
section#enefarm_kinds .swiper-button-next {
top: 21.875rem;
justify-content: center;
align-items: center;
width: 2.1875rem;
height: 2.1875rem;
background-color: rgba(51, 51, 51, 0.1);
border-radius: 50%;
display: none;
}
@media screen and (max-width: 768px) {
section#enefarm_kinds .swiper-button-prev,
section#enefarm_kinds .swiper-button-next {
display: flex;
}
}
section#enefarm_kinds .swiper-button-prev::after,
section#enefarm_kinds .swiper-button-next::after {
content: "";
position: absolute;
top: 50%;
display: block;
width: 0.625rem;
height: 0.625rem;
border-top: 1px solid #111111;
border-right: 1px solid #111111;
}
section#enefarm_kinds .swiper-button-prev::after {
left: calc(50% + 0.125rem);
transform: translate(-50%, -50%) rotate(-135deg);
}
section#enefarm_kinds .swiper-button-next::after {
left: calc(50% - 0.125rem);
transform: translate(-50%, -50%) rotate(45deg);
}
section#enefarm_kinds .enefarm_kinds_items_wrapper {
display: flex;
gap: 2.5rem;
margin-top: 3.75rem;
}
@media screen and (max-width: 768px) {
section#enefarm_kinds .enefarm_kinds_items_wrapper {
gap: 0;
margin-top: 2.5rem;
}
}
section#enefarm_kinds .enefarm_kinds_item {
width: calc((100% - 2.5rem) / 2);
background-color: #fff;
box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.1);
}
@media screen and (max-width: 768px) {
section#enefarm_kinds .enefarm_kinds_item {
width: 100%;
}
}
section#enefarm_kinds .enefarm_kinds_item__suggest {
font-size: 1.5rem;
line-height: 1.6;
font-weight: 600;
text-align: center;
color: #fff;
background-color: #0104fc;
padding: 0.5rem 1rem;
}
@media screen and (max-width: 768px) {
section#enefarm_kinds .enefarm_kinds_item__suggest {
font-size: 1.25rem;
}
}
section#enefarm_kinds .enefarm_kinds_item__details {
padding: 2rem 1.5rem 3.75rem;
}
@media screen and (max-width: 768px) {
section#enefarm_kinds .enefarm_kinds_item__details {
padding: 1.5rem 0.9375rem 2.5rem;
}
}
section#enefarm_kinds .enefarm_kinds_item__image {
height: 22.1875rem;
object-fit: contain;
margin-top: 1.5rem;
}
@media screen and (max-width: 768px) {
section#enefarm_kinds .enefarm_kinds_item__image {
height: 17.5rem;
}
}
section#enefarm_kinds .enefarm_kinds_item__list {
padding: 0 1rem;
margin-top: 3.75rem;
}
@media screen and (max-width: 768px) {
section#enefarm_kinds .enefarm_kinds_item__list {
padding: 0 0.625rem;
margin-top: 2.5rem;
}
}
section#enefarm_kinds .enefarm_kinds_item__list .list_item:nth-child(n + 2) {
margin-top: 2.5rem;
}
section#enefarm_kinds .enefarm_kinds_item__list .list_item__title {
position: relative;
z-index: 400;
}
section#enefarm_kinds .enefarm_kinds_item__list .list_item__title > span {
display: block;
}
section#enefarm_kinds .enefarm_kinds_item__list .list_item__title .number {
display: inline-flex;
flex-direction: column;
align-items: center;
font-size: 5rem;
line-height: 1;
font-weight: 600;
font-family: "Roboto", sans-serif;
color: rgba(1, 4, 252, 0.2);
text-align: center;
}
section#enefarm_kinds .enefarm_kinds_item__list .list_item__title .point {
font-size: 1.5rem;
line-height: 1;
font-weight: 600;
font-family: "Roboto", sans-serif;
color: rgba(1, 4, 252, 0.2);
}
section#enefarm_kinds .enefarm_kinds_item__list .list_item__title .text {
position: absolute;
z-index: 1;
left: 3.4375rem;
top: 50%;
transform: translateY(-50%);
font-size: 1.5rem;
line-height: 1.6;
font-weight: 600;
padding-top: 1.5rem;
}
@media screen and (max-width: 768px) {
section#enefarm_kinds .enefarm_kinds_item__list .list_item__title .text {
line-height: 1.4;
padding-top: 3.5rem;
}
}
section#enefarm_kinds .enefarm_kinds_item__list .list_item__explain {
line-height: 1.6;
margin-top: 1rem;
}
@media screen and (max-width: 768px) {
section#enefarm_kinds .enefarm_kinds_item__list .list_item__explain {
margin-top: 2rem;
}
}
section#manufacturer {
padding-top: 11.25rem;
}
@media screen and (max-width: 768px) {
section#manufacturer {
padding-top: 7.5rem;
}
}
section#manufacturer .section_title_wrapper {
display: flex;
justify-content: center;
}
section#manufacturer .manufacturer_images {
display: grid;
grid-template-columns: 1fr 2fr 1fr 1.25fr;
gap: 4rem;
margin-top: 3.75rem;
}
@media screen and (max-width: 768px) {
section#manufacturer .manufacturer_images {
gap: 1.5rem 4rem;
grid-template-columns: 1fr 1.5fr;
margin-top: 2.5rem;
}
}
section#manufacturer img {
height: 4.75rem;
object-fit: contain;
object-position: bottom center;
}
@media screen and (max-width: 768px) {
section#manufacturer img {
height: 2.375rem;
}
}
section#manufacturer .manufacturer_02 {
padding: 0 1rem;
}
@media screen and (max-width: 768px) {
section#manufacturer .manufacturer_02 {
padding: 0;
}
}
body#page__cooking-utensils section#cta,
body#page__sater-heater section#cta,
body#page__water-area section#cta,
body#page__reform section#cta {
margin-top: 11.25rem;
}
@media screen and (max-width: 768px) {
body#page__cooking-utensils section#cta,
body#page__sater-heater section#cta,
body#page__water-area section#cta,
body#page__reform section#cta {
margin-top: 5rem;
}
}
.recruit_title {
font-size: 1.5rem;
line-height: 1.6;
font-weight: 600;
padding-bottom: 0.5rem;
border-bottom: 1px solid #111111;
}
section#recruit_overview {
position: relative;
z-index: 400;
background: linear-gradient(180deg, #3c8bf6 0%, #0466eb 100%);
overflow: hidden;
}
section#recruit_overview .overview_inner {
display: flex;
align-items: flex-start;
gap: 7.5rem;
}
section#recruit_overview .overview_text_wrapper {
width: 38.75rem;
max-width: 100%;
flex-shrink: 0;
color: #fff;
padding-top: 6.25rem;
padding-bottom: 6.25rem;
}
@media screen and (max-width: 768px) {
section#recruit_overview .overview_text_wrapper {
padding-top: 3.75rem;
padding-bottom: 3.75rem;
}
}
section#recruit_overview .recruit_title {
border-color: #fff;
}
section#recruit_overview .overview_explain {
line-height: 1.6;
margin-top: 2rem;
}
section#recruit_overview .overview_image_wrapper {
width: 100%;
aspect-ratio: 1/1;
transform: translateY(2.1875rem);
}
@media screen and (max-width: 768px) {
section#recruit_overview .overview_image_wrapper {
position: absolute;
top: 0.625rem;
right: 0.625rem;
width: 8.4375rem;
transform: none;
}
}
section#recruit_overview .overview_image_wrapper img {
height: 100%;
object-fit: contain;
}
section#recruit_link {
max-width: 1440px;
padding-top: 5rem;
padding-bottom: 7.5rem;
margin-left: auto;
margin-right: auto;
}
section#recruit_link .recruit_link_inner {
display: flex;
align-items: flex-start;
gap: 5.625rem;
}
@media screen and (max-width: 768px) {
section#recruit_link .recruit_link_inner {
flex-direction: column-reverse;
gap: 3.125rem;
padding: 0 1.25rem;
}
}
section#recruit_link .recruit_link_image_wrapper {
position: relative;
z-index: 400;
width: 37.5rem;
flex-shrink: 0;
padding-bottom: 7.875rem;
}
@media screen and (max-width: 768px) {
section#recruit_link .recruit_link_image_wrapper {
width: 100%;
padding-bottom: 4.5625rem;
}
}
@media screen and (max-width: 768px) {
section#recruit_link .recruit_link_image_wrapper .recruit_link_image_01 {
transform: translateX(-1.25rem);
}
}
section#recruit_link .recruit_link_image_wrapper .recruit_link_image_02 {
position: absolute;
z-index: 1;
right: -2.5rem;
bottom: 0;
width: 19.375rem;
}
@media screen and (max-width: 768px) {
section#recruit_link .recruit_link_image_wrapper .recruit_link_image_02 {
right: 0;
width: 11.25rem;
}
}
section#recruit_link .recruit_link_text_wrapper {
max-width: 40rem;
padding-top: 5rem;
}
@media screen and (max-width: 768px) {
section#recruit_link .recruit_link_text_wrapper {
padding-top: 0;
}
}
section#recruit_link .recruit_link__explain {
font-size: 1rem;
line-height: 1.6;
margin-top: 2rem;
}
section#recruit_link .recruit_link__btn_wrapper {
margin-top: 2.5rem;
}
@media screen and (max-width: 768px) {
section#recruit_link .recruit_link__btn_wrapper {
margin-top: 2rem;
}
}
section#philosophy {
position: relative;
z-index: 400;
padding-bottom: 7.5rem;
}
@media screen and (max-width: 768px) {
section#philosophy {
padding-bottom: 3.125rem;
}
}
section#philosophy .philosophy_contents_wrapper {
display: flex;
align-items: center;
padding-top: 3.75rem;
padding-left: 2.5rem;
}
@media screen and (max-width: 768px) {
section#philosophy .philosophy_contents_wrapper {
padding-top: 2.5rem;
padding-left: 0;
}
}
section#philosophy .philosophy_text_wrapper {
width: 47.75rem;
flex-shrink: 0;
}
@media screen and (max-width: 768px) {
section#philosophy .philosophy_text_wrapper {
width: 100%;
}
}
section#philosophy .main_philosophy > li {
font-size: 1.75rem;
line-height: 1.6;
font-weight: 600;
}
@media screen and (max-width: 768px) {
section#philosophy .main_philosophy > li {
line-height: 1.4;
}
}
section#philosophy .main_philosophy > li:nth-child(n + 2) {
margin-top: 1.25rem;
}
@media screen and (max-width: 768px) {
section#philosophy .main_philosophy > li:nth-child(n + 2) {
margin-top: 1.5rem;
}
}
section#philosophy .philosophy_explain {
line-height: 1.6;
margin: 2.5rem 0;
}
section#philosophy .sub_philosophy {
line-height: 1.6;
}
section#philosophy .philosophy_image_wrapper {
width: 100%;
}
@media screen and (max-width: 768px) {
section#philosophy .philosophy_image_wrapper {
position: absolute;
z-index: -1;
right: 1.25rem;
top: 0;
width: 9.4375rem;
}
}
.company_table_wrapper {
padding-top: 2.5rem;
padding-left: 2.5rem;
}
@media screen and (max-width: 768px) {
.company_table_wrapper {
padding-left: 0;
}
}
.company_table {
width: 100%;
}
.company_table th,
.company_table td {
padding: 1rem 1.5rem;
border: 1px solid #aaaab2;
}
@media screen and (max-width: 768px) {
.company_table th,
.company_table td {
padding: 1rem;
}
}
.company_table th {
width: 22.5rem;
font-weight: 600;
text-align: center;
background-color: #eaeaf9;
}
@media screen and (max-width: 768px) {
.company_table th {
width: 6.625rem;
padding-left: 0.625rem;
padding-right: 0.625rem;
}
}
.company_table td {
background-color: #fff;
}
.company_table td iframe {
height: 28rem;
}
@media screen and (max-width: 768px) {
.company_table td iframe {
height: 10.875rem;
}
}
section#profile {
background-color: #fff;
padding-top: 7.5rem;
padding-bottom: 7.5rem;
}
@media screen and (max-width: 768px) {
section#profile {
padding-top: 3.75rem;
padding-bottom: 3.75rem;
}
}
section#history {
padding-top: 7.5rem;
padding-bottom: 7.5rem;
}
@media screen and (max-width: 768px) {
section#history {
padding-top: 3.75rem;
padding-bottom: 3.75rem;
}
}
section#access {
background-color: #fff;
padding-top: 7.5rem;
padding-bottom: 7.5rem;
}
@media screen and (max-width: 768px) {
section#access {
padding-top: 3.75rem;
padding-bottom: 3.75rem;
}
}
section#access .access_subtitle {
margin-bottom: 1.5rem;
}
section#access .red {
color: red;
}
section#access .kome_mark {
font-size: 0.875rem;
line-height: 1.5;
}
@media screen and (max-width: 768px) {
section#access .kome_mark {
font-size: 0.75rem;
}
}
.contact_explain {
line-height: 1.8;
text-align: center;
}
section#tel_contact {
margin-top: 3.75rem;
}
section#tel_contact .tel_contact_contents {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 0 1rem;
line-height: 1.6;
margin-top: 1.5rem;
padding-left: 1.5rem;
}
section#tel_contact .tel_contact_contents .number {
font-size: 2.1875rem;
font-weight: 600;
font-family: "Roboto", sans-serif;
}
section#mail_contact {
margin-top: 3.75rem;
}
section#mail_contact .mail_contact_contents {
margin-top: 1rem;
}
.contact_form_wrapper {
background-color: #fff;
padding: 5rem;
}
@media screen and (max-width: 768px) {
.contact_form_wrapper {
padding: 2.5rem 1.25rem;
}
}
.contact_form_wrapper .required {
color: #fc0101;
}
.contact_form_wrapper
input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]),
.contact_form_wrapper textarea,
.contact_form_wrapper select {
width: 100%;
background-color: #f6f6f9;
padding: 0.625rem 1rem;
border: 1px solid #aaaab2;
border-radius: 0.25rem;
}
.contact_form_wrapper
input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]),
.contact_form_wrapper select {
height: 3rem;
}
.contact_form_wrapper input[type="checkbox"],
.contact_form_wrapper input[type="radio"] {
width: 1.5rem;
height: 1.5rem;
accent-color: #0104fc;
}
.contact_form_wrapper .wpcf7-checkbox {
display: grid;
grid-template-columns: repeat(3, auto);
justify-content: start;
gap: 1.25rem;
}
@media screen and (max-width: 768px) {
.contact_form_wrapper .wpcf7-checkbox {
grid-template-columns: 1fr;
}
}
.contact_form_wrapper .wpcf7-checkbox span {
display: block;
margin: 0;
}
.contact_form_wrapper .wpcf7-checkbox .wpcf7-list-item label {
display: flex;
align-items: center;
gap: 0.75rem;
}
.contact_form {
font-size: 1rem;
line-height: 1.5;
}
.contact_form__row {
display: flex;
align-items: center;
gap: 1.25rem;
}
@media screen and (max-width: 768px) {
.contact_form__row {
flex-wrap: wrap;
}
}
.contact_form__row:nth-child(n + 2) {
margin-top: 2.25rem;
}
.contact_form__label {
width: 10.625rem;
flex-shrink: 0;
font-weight: 600;
}
@media screen and (max-width: 768px) {
.contact_form__label {
width: 100%;
}
}
.contact_form .wpcf7-form-control-wrap {
width: 100%;
}
.privacy_policy_wrapper {
height: 14.6875rem;
padding: 2.5rem 1.25rem;
margin-top: 2.25rem;
border: 1px solid #aaaab2;
border-radius: 0.5rem;
overflow-y: auto;
}
@media screen and (max-width: 768px) {
.privacy_policy_wrapper {
padding: 2.5rem 0.625rem;
}
}
.privacy_policy_wrapper > * {
font-size: 1rem;
}
@media screen and (max-width: 768px) {
.privacy_policy_wrapper > * {
font-size: 0.875rem;
}
}
.privacy_policy_wrapper .privacy_policy_title {
line-height: 1.6;
text-align: center;
text-decoration: underline;
margin-bottom: 2.5rem;
}
.privacy_policy_wrapper h4 {
font-weight: 700;
margin-top: 1em;
}
.privacy_policy_wrapper p,
.privacy_policy_wrapper ul,
.privacy_policy_wrapper ol,
.privacy_policy_wrapper table {
font-weight: 400;
margin-bottom: 1em;
}
.privacy_policy_wrapper table th,
.privacy_policy_wrapper table td {
padding: 1rem 1.5rem !important;
border: 1px solid #aaaab2;
}
@media screen and (max-width: 768px) {
.privacy_policy_wrapper table th,
.privacy_policy_wrapper table td {
padding: 1rem 0.75rem !important;
}
}
.privacy_policy_wrapper table th {
width: 33%;
background-color: #f6f6f9 !important;
}
.privacy_policy_wrapper table td {
background-color: #fff !important;
}
.acceptance_wrapper {
margin-top: 2.25rem;
}
.acceptance_wrapper span {
display: block;
margin: 0;
}
.acceptance_wrapper .wpcf7-list-item label {
display: flex;
justify-content: center;
align-items: center;
gap: 0.75rem;
font-weight: 600;
}
.submit_btn_wrapper {
position: relative;
z-index: 400;
width: 15.625rem;
height: 4rem;
margin: 2.25rem auto 0;
}
.submit_btn_wrapper .submit_btn {
width: 100%;
height: 100%;
font-size: 1.125rem;
line-height: 1;
font-weight: 600;
color: #fff;
background: linear-gradient(135deg, #ff9000 0%, #f3a540 100%);
padding-right: 1.5rem;
border-radius: 0.625rem;
box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.15);
cursor: pointer;
}
.submit_btn_wrapper .submit_btn:disabled {
opacity: 0.5;
}
.submit_btn_wrapper::after {
content: "▶︎";
position: absolute;
z-index: 1;
right: 1.5rem;
top: 50%;
transform: translateY(-50%);
display: block;
font-size: 0.625rem;
color: #fff;
}
.submit_btn_wrapper:hover::after {
right: 1.125rem;
}
.submit_btn_wrapper .wpcf7-spinner {
position: absolute;
bottom: -1.5rem;
left: 50%;
transform: translateX(-50%);
}
body#page__thanks .bg_white_area {
padding: 3.75rem 2.5rem;
}
@media screen and (max-width: 768px) {
body#page__thanks .bg_white_area {
padding: 2.5rem 0.625rem;
}
}
body#page__thanks .bg_white_area h2 {
font-size: 1.5rem;
line-height: 1.6;
font-weight: 600;
}
body#page__thanks .bg_white_area p {
font-size: 1rem;
line-height: 1.6;
margin-top: 2.5rem;
}
@media screen and (max-width: 768px) {
body#page__thanks .bg_white_area p {
margin-top: 1.5rem;
}
}