@charset "utf-8";
 .sec{
margin-bottom: 15rem;
}
.sec_inner{
max-width: 110rem;
margin: auto;
}
.page_sec{
margin-bottom: 15rem;
}
@media (max-width: 768px) {
.sec{
margin-bottom: 10rem;
&.recruit,
&.policy,
&.sitemap{
width: 90%;
margin-left: auto;
margin-right: auto;
}
}
.page_sec{
margin-bottom: 10rem;
}
} .keyV{
width: 100vw;
height: 40rem;
position: relative;
overflow: clip;
}
.keyV_img{
width: 100%;
height: 100%;
}
.keyV_img img{
width: 100%;
height: 100%;
object-fit: cover;
}
.keyV_text{
position: absolute;
width: 40rem;
top: 23rem;
left: 40rem;
z-index: 1;
}
.keyV_head{
position: absolute;
top: 60%;
left: 50%;
transform: translate(-50%,-50%);
text-align: center;
z-index: 2;
}
.keyV::after {
content: "";
width: 100%;
height: 100%;
background: rgb(from var(--accentcolor) r g b / 0.3);
backdrop-filter: blur(4px);
z-index: 0;
position: absolute;
top: 0;
left: 0;
}
@media (max-width: 768px) {
.keyV{
height: 40svh;
}
.keyV_text{
width: 23rem;
right: 3rem;
top:10rem;
left: auto;
}
} .article_eyecatch {
aspect-ratio: 16/9;
overflow: hidden;
border-radius: 2rem;
margin-bottom: 2rem;
}
.article_eyecatch img{
width: 100%;
height: 100%;
object-fit: cover;
}
.article_cat_term{
display: inline-block;
padding: 0.3rem 3rem;
background: var(--maincolor);
border-radius: 3rem;
color: #fff;
margin-right: 1rem;
}
.article_h1{
font-size: 3.6rem;
font-weight: bold;
margin-bottom: 1rem;
}
.article{
margin-bottom: 10rem;
p:not(:last-of-type){
margin-bottom: 2em;
}
h2{
font-size: 3.0rem;
font-weight: bold;
margin: 4rem 0;
&::before{
content: "●";
font-size: 2rem;
color: var(--accentcolor);
margin-right: 1rem;
}
}
h3{
font-size: 2.4rem;
font-weight: bold;
margin: 4rem 0;
&::before{
content: "●";
font-size: 1.4rem;
color: var(--accentcolor);
margin-right: 1rem;
}
}
}
.article_head{
padding-bottom: 3.5rem;
border-bottom: 1px solid rgb(from var(--graycolor) r g b / 0.3);
margin-bottom: 8rem;
}
.article_inner{
width: 90%;
margin: auto;
}
@media (max-width: 768px) {
.article_h1{
font-size: 2.4rem;
}
.article_head{
width: 90%;
margin: 0 auto 3.5rem;
}
.article{
p{
font-size: 1.4rem;
}
h2 {
font-size: 2.0rem;
margin: 3rem 0;
&::before{
font-size: 1.2rem;
}
}
h3{
font-size: 1.5rem;
margin: 3rem 0;
&::before{
font-size: 0.9rem;
}
}
}
} .page_sec_h3{
position: relative;
width: 100%;
margin-bottom: 8rem;
}
.page_sec_h3_ja{
font-weight: bold;
font-size: 3.6rem;
font-family: "Zen Maru Gothic", sans-serif;
}
.page_sec_h3_ja::before{
content: "●";
color: var(--accentcolor);
margin-right: 1rem;
}
.page_sec_h3_en{
font-family: "Montserrat", sans-serif;
font-size: 1.4rem;
position: absolute;
top: 50%;
transform: translate(calc(-100% + 1.8rem), -50%);
left: 0;
text-align: right;
}
.page_sec_h4{
font-size: 2.4rem;
font-weight: bold;
}
@media (max-width: 768px) {
.page_sec_h3{
margin-bottom: 4rem;
}
.page_sec_h3_en{
font-size: 1rem;
top: 1.2rem;
left: 1.2rem;
text-align: left;
transform: none;
}
.page_sec_h3_ja{
font-size: 2.4rem;
}
.page_sec_h3_ja::before{
margin-right: 0;
display: block;
}
.page_sec_h4{
font-size: 2rem;
}
} .wp-block-image,
.wp-block-gallery,
.wp-block-list{
margin: 2em 0;
}
.wp-block-list li{
text-indent: -1.5em;
padding-left: 1.5em;
position: relative;
}
.wp-block-list li::before{
content: "";
display: inline-block;
margin-right: 1em;
width: .5em;
height: .5em;
border-radius: 50%;
background: rgb(from var(--graycolor) r g b / 0.4);
vertical-align: middle;
}
.wp-block-paragraph a{
text-decoration:underline;
color:var(--maincolor);
}
ol.wp-block-list {
counter-reset: list-num;
}
ol.wp-block-list li::before{
counter-increment: list-num;
content: counter(list-num) "."; 
width: auto;
height: auto;
display: inline;
background: transparent;
margin-right: .5em;
vertical-align: baseline;
}
h2.wp-block-heading{
font-size: 3.0rem;
font-weight: bold;
margin: 4rem 0;
&::before{
content: "●";
font-size: 2rem;
color: var(--accentcolor);
margin-right: 1rem;
}
}
h3.wp-block-heading{
font-size: 2.4rem;
font-weight: bold;
margin: 4rem 0;
&::before{
content: "●";
font-size: 1.4rem;
color: var(--accentcolor);
margin-right: 1rem;
}
}
p.wp-block-paragraph:not(:last-of-type){
margin-bottom: 2em;
}
@media (max-width: 768px) {
h2.wp-block-heading {
font-size: 2.0rem;
margin: 3rem 0;
&::before{
font-size: 1.2rem;
}
}
h3.wp-block-heading {
font-size: 1.5rem;
margin: 3rem 0;
&::before{
font-size: 0.9rem;
}
}
} .sitemap_nav{
display: flex;
gap: 5rem;
align-items: start;
justify-content: center;
}
.sitemap_list{
display: flex;
flex-direction: column;
gap: 1rem;
}
.sitemap_list_item a{
transition: all .3s ease;
display: block;
}
.sitemap_list_item a:hover{
color: var(--maincolor);
}