@import url("https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&family=Noto+Sans+JP:wght@400;500;600;700&family=Noto+Serif+JP:wght@400;500;600&display=swap");
.font-min {
font-family: 'Noto Serif JP', serif;
}
.font-go {
font-family: 'Noto Sans JP', sans-serif;
}
.font-en {
font-family: 'Outfit', sans-serif;
}
.font-w500 { font-weight: 500;}
.font-w600 { font-weight: 600;}
.font-w700 { font-weight: 700;}
.color_wh {
color: #fff;
}
body {
--ark-font_family: 'Noto Sans JP', sans-serif;
--ark-color--back: #fcf6f1; } @keyframes PageFadeIn {
0% {
opacity: 0
}
100% {
opacity: 1
}
}
body.blog , body.single , body.archive , body.page  {
animation: PageFadeIn 1.5s ease 0s 1 normal;
}
.home.page  {
animation: none;
}
.c-headLogo__img {
height: auto;
width: 220px;
vertical-align: top;
}
@media not all and (min-width: 1000px) {
.c-headLogo__img {
width: 160px;
}
}
.l-header__body {
width: 1500px;
max-width: 100%;
}
@media (min-width: 800px) {
.l-header__center {
padding-left: 2rem;
}
.l-header__right{
padding-right: 2rem;
}
}
@media not all and (min-width: 1000px) {
.c-drawerNav li a {
padding-top: 1.2rem;
padding-bottom: 1.2rem;
font-size: 16px;
}
}
@media not all and (min-width: 1000px) {
.footer_cont_wrap li a {
padding-top: 1.2rem;
padding-bottom: 1.2rem;
}
} .p-drawer {
background: #eee;
color: #333;
}
[data-drawer-move=fade][data-drawer=opened] .l-header__drawerBtn  , .p-drawer__close {
color: #333;
}
.c-gnav .__mainText, .c-gnav .__subText {
font-weight: 600;
font-size: 15px;
}
.l-header__right > .ark-block-button .ark-block-button__link .ark-block-button__text {
font-weight: 600;
font-size: 13px;
}
.c-gnav__li>.c-gnav__a {
padding: 16px 20px;
}
.l-header > .l-header__body .ark-block-button__link {
padding: .75em 1.75em;
border-radius: 30px;
font-size: 1.2rem;
}
[data-btns=l-r][data-logo=left] .l-header__body, [data-btns=r-l][data-logo=left] .l-header__body {
padding: 0; }
.l-header .header_btn_mail{
margin-left: 20px;
}
@media (min-width: 800px) {
.home .mainvisual_area h2.wp-block-heading{
font-size: 68px;
font-family: sans-serif;
line-height: 1;
font-weight: 700;
white-space: normal;
letter-spacing: 10px;
position: absolute;
top: 100px;
z-index: 1;
left: 0;
right: 0;
margin: 0 auto;
max-width: 1500px !important;
padding-left: 66px;
padding-right: 66px;
}
.home.page .l-content__body {
position: relative;
}
}
.home .mainvisual_area h2.wp-block-heading{
animation: fadeLeft 1s ease-out 3s forwards;
opacity: 0;
}
@media not all and (min-width: 1000px) {
.img_mainvisual{
margin-top: 3rem !important;
}
}
@media not all and (min-width: 800px) {
.img_mainvisual{
margin-top: 2rem !important;
}
}
.home .mainvisual_area .wp-block-video{
margin-top: 0 !important;
opacity: 0.8;
}
.img_mainvisual { margin-left: auto;
margin-right: auto;
max-height: 100vh;
overflow: hidden;
animation: fadeIn 2s 2s forwards;
opacity: 0;
}
.l-header.fixed {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 92px;
z-index: 100;
background-color: rgba(255,255,255,1);
}
.l-header.fixed .l-header__body {
padding-top: 10px;
padding-bottom: 10px;
}
.home .p-postList__body{
display: flex;
padding: 10px 0;
}
.home .p-postList.-type-simple .p-postList__meta{
padding-right: 50px;
}
.l-content {
z-index: 10;
}
@keyframes fadeIn {
0% {
opacity: 0;
visibility: hidden;
}
100% {
opacity: 1;
}
}
@keyframes fadeLeft {
0% {
opacity: 0;
visibility: hidden;
transform: translateX(-3%);
}
100% {
opacity: 1;
transform: translateX(0);
}
} #header.l-header {
z-index: 100; }
.l-footer {
position: relative;
z-index: 0;
}
.loading {
position: fixed;
top: 0;
left: 0;
z-index: 1000;
width: 100vw;
height: 100vh;
background-color: #fff;
display: flex !important;
align-items: center;
justify-content: center;
animation: fadeOut 1.5s 2s forwards;
}
.loading p {
opacity: 0;
animation: logo_fade 2s 0.2s forwards;
}
@media not all and (min-width: 781px) {
.loading .c-headLogo__img {
width: 198px;
}
}
@keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
visibility: hidden;
}
}
@keyframes logo_fade {
0% {
opacity: 0;
transform: translateY(20px);
}
60% {
opacity: 1;
transform: translateY(0);
}
100% {
opacity: 0;
}
}  .c-title {
position: relative;
line-height: 33px;
font-size: 22px;
font-weight: 500;
letter-spacing: 5px;
background-color: #000000;
color: #ffffff;
display: inline-block;
padding: 0 20px;
}
.x-title {
margin-bottom: 15px;
text-align: center;
}
.x-title .sub_en {
font-family: 'Outfit', sans-serif;
font-weight: 600;
font-size: 50px;
letter-spacing: 0.1em;
line-height: 1;
color: var(--ark-color--main);
}
.l-footer .x-title .sub_en {
color: #fff;
}
.x-title h2 {
font-size: 20px !important;
margin-top: 12px;
letter-spacing: 0.3em;
font-weight: 500;
}
@media not all and (min-width: 781px) {
.x-title .sub_en {
font-size: 50px;
}
}
.tit_l{
font-size: 38px !important;
font-weight: 400;
}
.tit_m{
font-size: 32px; font-weight: 400;
}
.tit_s{
font-size: 20px;
font-weight: 600;
}
@media not all and (min-width: 781px) {
.tit_l{
font-size: 34px !important;
}
.tit_m{
font-size: 26px;
}
.tit_s{
font-size: 20px;
}
}
.btn_l{
padding-top: 1.5rem;
padding-bottom: 1.5rem;
font-size: 22px;
}
@media not all and (min-width: 781px) {
.btn_l{
flex-basis: 100%;
}
}
#top_title_area .c-pageTitle__main {
font-weight: 400;
}
.p-archive__title .c-pageTitle__main,
.p-entry__title .c-pageTitle__main,
.c-postContent h2,
.c-widget .wp-block-heading {
font-weight: 400 !important;
font-size: 2.2rem;
}
.p-postList .p-postList__title {
font-weight: 400;
}
.display_none{
display: none !important;
}
@media not all and (min-width: 781px) {
.p-archive__title .c-pageTitle__main,
.p-entry__title .c-pageTitle__main,
.c-postContent h2,
.c-widget .wp-block-heading {
font-size: 28px;
}
}
td, th { padding: var(--ark-padding--cell,.5em .75em)!important; }
:root {
--ark-padding--cell: 1em 2em;
} .l-footer__widgets {  background: url(https://taiyou-neji.com/wp/wp-content/uploads/2024/06/img_footer_bg.jpg) no-repeat;
background-size: cover;
}
.w-footer .tit {
position: relative;
line-height: 33px;
font-size: 22px;
font-weight: 500;
letter-spacing: 5px;
color: #ffffff;
display: inline-block;
}
.l-footer__widgets {
padding: 5rem 0;
}
.l-footer .btn_contact {
font-size: 22px;
}
.l-footer .tel_box {
align-items: center !important;
}
.l-footer .txt_tel {
font-size: 45px; }
.l-footer .txt_tel i {
font-size: 25px;
padding-right: 10px;
}
.l-footer .txt_tel_time {
margin-top: 0;
margin-bottom: 0;
}
@media not all and (min-width: 781px) {
.l-footer .txt_tel , .page_contact .txt_tel {
font-size: 36px;
text-align: center;
}
.l-footer .txt_tel_time , .page_contact .txt_tel_time {
text-align: center;
}
.l-footer .btn_contact .ark-block-button {
flex-basis: 100%;
}
}
.l-footer__foot .footer_body {
padding-top: 50px; }
.l-footer__foot .footer_cont_wrap{
justify-content: space-between;
}
.l-footer__foot .footer_logo {
text-align: left;
}
.l-footer__foot .c-copyright {  padding-top: 40px;
padding-bottom: 20px;
}
.footer_contact_btn_area{
position: relative;
background: #fff;
padding: 30px;
text-align: center;
align-items: center !important;
border-radius: 5px;
width: 96%;
margin-left: auto;
margin-right: auto;
gap: 10px !important;
}
.footer_contact_btn_area .wp-block-column:first-child{
padding-left: 5%;
}
.footer_contact_btn_area .wp-block-column:last-child{
padding-right: 5%;
}
.footer_contact_btn_area::before{
content: "";
width: 1px;
height: 4rem;
position: absolute;
left: 50%;
top: 50%;
margin-top: -2rem;
background: #333;
}
.footer_contact_btn_area .txt_tel{
margin-top: 0;
color: var(--ark-color--main);
}
.footer_contact_btn_area .txt_tel_tit{
font-size: 1rem;
font-weight: 600;
}
@media not all and (min-width: 781px) {
.footer_contact_btn_area{
width: auto;
gap: 40px !important;
}
.footer_contact_btn_area .wp-block-column:first-child{
padding-left: 0;
}
.footer_contact_btn_area .wp-block-column:last-child{
padding-right: 0;
}
.footer_contact_btn_area::before{
content: none;
}
}
@media not all and (min-width: 1000px) {
.footer_cont_wrap{
gap: 0 !important;
}
.footer_cont_wrap .box2 {
padding-top: 0;
margin-top: 40px !important;
}
.footer_cont_wrap .box2 ul {
border-bottom: none;
}
}
@media not all and (min-width: 781px) {
.wp-block-table th,
.wp-block-table td {
display: block;
}
}
.top_service_area h3 {
font-size: 1.1rem;
font-weight: 500;
letter-spacing: 0.1pt;
position: absolute;
top: 46%;
transform: translateY(-50%);
text-align: center;
left: 0;
right: 0;
margin-top: 0 !important;
bottom: 50%;
color: #fff;
}
.top_service_area .ark-block-buttons {
transform: scale(0.75);
}
.top_service_area .wp-block-column{
position: relative;
}
.top_service_area a figure {
filter: brightness(0.8);
}
@media not all and (min-width: 781px) {
.top_service_area a figure {
height: 120px;
overflow: hidden;
}
}
.top_service_area a:hover figure {
filter: brightness(1);
transition: 0.5s;
}
.top_service_area ul {
list-style-type: none;
padding-left: 0;
}
.top_service_area .wp-block-columns {
flex-wrap: wrap !important;
}
@media (min-width: 1000px) {
.top_service_area .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {
flex-basis: 22%;
}
}
@media not all and (min-width: 1000px) {
.top_service_area .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {
flex-basis: 40% !important;
}
}
@media not all and (min-width: 600px) {
.top_service_area .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {
flex-basis: 100% !important;
}
}
.top_message.wp-block-media-text.has-media-on-the-right{
grid-template-columns: repeat(12 , 1fr) !important;
}
.top_message.wp-block-media-text.has-media-on-the-right .wp-block-media-text__content{
grid-column: 1/7;
padding: 40px;
z-index: 10;
background-color: rgba(255,255,255,0.5);
box-shadow: 2px 2px 5px rgba(0,0,0,0.3);
position: relative;
}
.top_message.wp-block-media-text.has-media-on-the-right .wp-block-media-text__media{
grid-column: 5/-1;
}
@media not all and (min-width: 800px) {
.top_message.wp-block-media-text.has-media-on-the-right{
display: block;
padding-top: 0 !important;
}
.top_message.wp-block-media-text.has-media-on-the-right .wp-block-media-text__content{
box-shadow: none;
padding: 20px;
}
}
.has-child--acc .is-opened.sub-menu{
background: #eee;
}
.service_area h3 {
font-size: 22px;
font-weight: 500;
}
.home .index_service_box1{
margin-left: 0;
}
.home .index_service_box2{
margin-left: 40px;
}
.home .index_service_box3{
margin-left: 80px;
}
@media not all and (min-width: 1000px) {
.home .index_service_box1 , .home .index_service_box2 , .home .index_service_box3 {
margin-left: 0;
}
.home .ark-block-button {
--arkb-btn-width: 100%;
}
} .recruit_staff_wrap .wp-block-column:first-child{
margin-top: -30px !important;
margin-left: -30px !important;
gap: 0 !important;
z-index: 10;
}
.recruit_staff_wrap .wp-block-column:last-child{
flex-basis: 100% !important;
padding: 40px;
padding-left: 220px;
margin-left: -250px !important;
margin-bottom: 60px !important;
}
@media not all and (min-width: 781px) {
.recruit_staff_wrap .wp-block-column:first-child{
margin-top: 0 !important;
}
.recruit_staff_wrap .wp-block-column:last-child{
padding: 25px;
margin-left: 0 !important;
}
}
.page_recruit .ark-block-timeline__shape {
margin-top: 46px;
}
.page_recruit .ark-block-timeline .wp-block-column figure{
margin-top: -80px !important;
margin-bottom: -70px;
}
@media not all and (min-width: 1000px) {
.page_recruit .ark-block-timeline .wp-block-column figure{
margin-top: 0 !important;
margin-bottom: 0;
}
}
.page_contact .tel_area_wrap{
margin-top: 5px;
}
.page_contact .tel_area_wrap .txt_tel{
font-size: 34px !important;
font-weight: 600;
color: var(--ark-color--main);
margin-top: 5px;
}
.page_contact .tel_area_wrap .txt_tel strong{
font-size: 45px !important;
font-weight: 600;
}
.page_contact .tel_area_wrap .txt_tel_time {
margin-top: 0;
margin-bottom: 70px;
}
@media not all and (min-width: 781px) {
.page_contact .tel_area_wrap .txt_tel{
font-size: 24px !important;
}
.page_contact .tel_area_wrap .txt_tel strong{
font-size: 32px !important;
}
}
.page_service .service_intro_area{
margin-bottom: 60px;
}
.page_service .service_intro_area figure , .page_service figure.service_intro_area img {
box-shadow: #eee 15px 15px 0px;
} .page_service .service_intro_area .tit_m , .home .service_intro_area .tit_m  {
border-bottom: solid 3px #eee;
position: relative;
padding-bottom: 7px;
margin-top: 40px;
}
.page_service .service_intro_area .tit_m::after , .home .service_intro_area .tit_m::after {
position: absolute;
content: " ";
display: block;
border-bottom: solid 3px var(--ark-color--main);
bottom: -3px;
width: 78%;
}
.page_service .head_txt{
font-size: 20px;
}
.wide_s{
width: 80%;
margin-left: auto;
margin-right: auto;
}
@media not all and (min-width: 781px) {
.wide_s{
width: 100%;
}
} .page_service .service_item_area{
background-color:  var(--ark-color--gray);
padding-top: 40px;
padding-bottom: 40px;
}
.page_service .service_item_area .wp-block-group__inner-container{
max-width: 1240px ;
margin-left: auto;
margin-right: auto;
}
.page_service .service_item_area .wp-block-column p{
margin-top: 10px;
}
.product_wrap .tit_s{
margin-top: 1rem;
text-align: left; position: relative;
padding-left: 24px;
}
.product_wrap .tit_s::after{
position: absolute;
content: '';
bottom: .4em;
left: .2em;
width: 10px;
height: 10px;
background-color: var(--ark-color--main);
}
.product_wrap .ark-block-buttons{
margin-top: 1rem;
}
.sales_wrap {
gap: 4rem !important;
}
.sales_wrap .tit_s{
font-size: 18px;
margin-top: 25px;
}
.sales_wrap .wp-block-image{
box-shadow: #eee 15px 15px 0px;
}
.img_shadow{
box-shadow: #eee 15px 15px 0px;
}
.index_company .wp-block-media-text__media{
box-shadow: #eee 15px 15px 0px;
}
@media (min-width: 1200px) {
.index_company {
--ark-mediatext--space: 4rem;
}
}
@media not all and (min-width: 1000px) {
.index_company_area .wp-block-media-text {
grid-template-columns: 100%;
}
.index_company_area .wp-block-media-text .wp-block-media-text__content {
grid-column: 1;
grid-row: 2;
padding: var(--ark-mediatext--space);
}
}
.grecaptcha-badge { visibility: hidden; }
.contact_form_area .wpcf7-text ,
.contact_form_area .wpcf7-textarea{ width:100%;}
.contact_submit_area .wpcf7-submit{width:40%;}
.contact_submit_area{text-align: center; padding:20px;}   .wpcf7{
background-color: var(--ark-color--gray);
padding-top: 40px;
padding-bottom: 40px;
border-radius: 5px;
}
.cf7-a button, .cf7-a input, .cf7-a select, .cf7-a textarea {
padding: 0.7em 1em;
} #cf7-area {
width:80%;
margin: 0 auto;
}
@media not all and (min-width: 781px) {
#cf7-area {
width:90%;
}
}
.cf7-item {
display: flex;
align-items: flex-start;
justify-content: flex-start;
margin: 0 0 1.75em;
padding-bottom: 28px;
border-bottom: solid 1px #ccc;
}
.cf7-q {
width: 30%;
margin: 0 0 0 10px;
}
.cf7-a {
width: 70%;
} .form-heading
{
font-size: 1.1rem;
font-weight: 400;
margin: 0 0 2em;
}
.form-heading p {
margin: 0;
} #cf7-area label{
font-weight:bold;
}
#cf7-area input[type="text"],#cf7-area input[type="email"],#cf7-area input[type="tel"],#cf7-area input[type="number"],#cf7-area textarea {
background: #fff;
width:100%;
margin-left:0;
}
#cf7-area input[type="text"]:focus,#cf7-area input[type="email"]:focus,#cf7-area input[type="tel"]:focus,#cf7-area input[type="number"]:focus,#cf7-area textarea:focus {
background: #fff5e1;
border: 2px solid var(--ark-color--main);
outline: 0;
}
#cf7-area input[type="checkbox"], #cf7-area input[type="radio"]{
appearance: auto;
}
#cf7-area .wpcf7-list-item {
display: block;
}
#cf7-area textarea{
height:200px;
padding: 0.625em 0.4375em;
}
.cf7-accept-check{
text-align: center;
margin: 50px auto;
}
.cf7-submit {
width: 40%;
margin: 0 auto;
text-align: center;
}
#cf7-area input[type="submit"]
{
width: 100%;
background-color: var(--ark-color--main);
color: #fff;
border-radius: 50px;
font-size: 1.2em;
padding: 1em 10px;
transition: opacity .25s;
}
#cf7-area input[type="submit"]:hover
{
opacity: 0.75;
}
.cf7-btn{
width: 40%;
margin: 0 auto;
text-align: center;
} .cf7-req{
font-size:.8em;
padding: 1px 6px;
border-radius: 3px;
background: var(--ark-color--main);
color: #ffffff;
margin-left: 10px;
display:inline-block;
}
@media screen and (max-width:781px){
.cf7-item {
display: block;
}
#cf7-area label{
display: block;
margin-bottom: 10px;
}
.cf7-q {
width: 100%;
margin: 0;
}
.cf7-a {
width: 100%;
}
#cf7-area input[type="text"], #cf7-area input[type="email"], #cf7-area input[type="tel"], #cf7-area input[type="number"], #cf7-area textarea{
margin-left: 0;
}
.cf7-submit{
width: 90%;
}
}