﻿html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,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,hr{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}header #headerSubContainer nav,header #headerSubContainer nav ul li a,.telMailBunner a,footer #footerContainer #footerContent h2{text-indent:100%;white-space:nowrap;overflow:hidden}html{font-family:sans-serif}html h3{line-height:1.5em}html h4{line-height:1.5em}strong{font-weight:bold}body{background:url(../img/backImage.gif)}.clear-br{display:none}@media screen and (max-width: 640px){.clear-br{display:block}}#container{width:100%;height:100%;margin:0 auto 0 auto;border:0px solid red}.telMailBunner{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:space-around;justify-content:space-around;-webkit-flex-wrap:wrap;flex-wrap:wrap;width:960px;margin:30px auto 0 auto;border:0px solid black}@media screen and (max-width: 640px){.telMailBunner{-webkit-flex-direction:column;flex-direction:column;width:90%;height:100%;margin:30px auto 0 auto}}.telMailBunner .tel{display:block;width:470px;height:75px}@media screen and (max-width: 640px){.telMailBunner .tel{width:100%}}.telMailBunner .tel a{display:block;width:100%;height:0;padding-top:15.45%;background:url(../img/telBunner.svg);background-size:contain;background-repeat:no-repeat;margin:0 auto 0 auto}.telMailBunner .mail{display:block;width:470px;height:75px}@media screen and (max-width: 640px){.telMailBunner .mail{width:100%;margin:5px 0 0 0}}.telMailBunner .mail a{display:block;width:100%;height:0;padding-top:15.45%;background:url(../img/mailBunner.svg);background-size:contain;background-repeat:no-repeat;margin:0 auto 0 auto}


/* 後で消す */
#wpadminbar {
    display: none;
}

/* 共通------------------------------------ */
html {
    margin: 0 !important;
    font-feature-settings: "palt";
    letter-spacing: 0.07em;
}
img {
    width: 100%;
}
#container {
    max-width: 430px;
    min-width: 340px;
    margin: 0 auto;
    background-color: #fff;
}
.recruit2026-header_text,
.recruit2026-contents_label {
    font-family: "Roboto Condensed", sans-serif;
    font-size: 15px;
}
h2,
p,
dt,
dd,
a {
    font-family: "Noto Sans JP", sans-serif;
}

/* ヘッダー------------------------------------ */
.recruit2026-header {
    width: 90%;
    margin: 0 auto;
    padding-top: 3.9%;
}
.recruit2026-header_box {
    display: flex;
    align-items: center;
}
.recruit2026-header_logo {
    max-width: 90px;
    padding-right: 20px;
}

/* MV------------------------------------ */
.recruit2026-mv_box {
    aspect-ratio: 393/490;
    position: relative;
    background-image: url(./../img/recruit2026_mv_image.webp);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: top center;
}
.recruit2026-mv_text {
    width: 61.7%;
    position: absolute;
    top: 3.8%;
    left: 3.9%;
    z-index: 1;
}
.recruit2026-mv_deco-top,
.recruit2026-mv_deco-bottom {
    width: 100%;
    position: absolute;
    left: 0;
}
.recruit2026-mv_deco-top {
    top: 0;
}
.recruit2026-mv_deco-bottom {
    bottom: 0;
}
.recruit2026-mv_staffbox {
    width: 79.8%;
    position: absolute;
    right: 0;
    bottom: 2%;
    z-index: 1;
}
.recruit2026-mv_icon {
    padding: 1.5% 0.8%;
    position: absolute;
    top: -3.5%;
    right: 11%;
    transform: rotate(-5deg);
    background-color: #FFF000;
    border: 3px solid #000;
    text-align: center;
    font-size: 22px;
    font-weight: 900;
}
.recruit2026-mv_staff {
    width: 100%;
}
.recruit2026-mv_catch {
    padding-bottom: 15.5%;
    position: relative;
    background-color: #000;
    color: #fff;
    z-index: 1;
}
.recruit2026-mv_catch-deco {
    width: 100%;
    position: absolute;
    top: -4%;
    left: 0;
}
.recruit2026-mv_catch-title {
    width: 90%;
    margin: 0 auto;
    /* padding-top: 19.5%; */
    padding-top: min(19.5vw, 90px);
    position: relative;
    line-height: 1.6;
    /* font-size: 28px; */
    font-size: min(28px, 7.2vw);
    font-weight: 900;
    letter-spacing: 0.1em;
}
.recruit2026-mv_catch-text {
    width: 90%;
    margin: 0 auto;
    padding-top: 4vw;
    line-height: 1.8;
    /* font-size: 18px; */
    font-size: min(18px, 4.6vw);
    font-weight: 700;
}

/* コンテンツ------------------------------------ */
.recruit2026-contents {
    padding-bottom: 27%;
    position: relative;
}
.recruit2026-contents::before,
.recruit2026-contents::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 0;
}
.recruit2026-contents::before {
    left: 5%;
    width: 5px;
    background-image: repeating-linear-gradient(to bottom, #DBDBDB 0, #DBDBDB 25px, transparent 16px, transparent 50px);
}
.recruit2026-contents::after {
    left: 11.2%;
    width: 5px;
    background-color: #DBDBDB;
}
.recruit2026-about,
.recruit2026-recruit,
.recruit2026-tour {
    width: 79.5%;
    margin-left: auto;
    padding-top: 25.8%;
}
.recruit2026-contents_label {
    color: #205BD0;
    letter-spacing: 0.03em;
}
.recruit2026-contents_title {
    /* font-size: 28px; */
    font-size: min(28px, 7.2vw);
    font-weight: bold;
    line-height: 1.5;
}
.recruit2026-contents_text {
    width: 93.7%;
    padding-top: 7%;
    /* font-size: 18px; */
    font-size: min(18px, 4.6vw);
    line-height: 1.97;
    text-align: justify;
}

/* バイクショップライズ？ */
.recruit2026-about {
    padding-top: 17%;
}

/* ライズのお仕事 */
.recruit2026-works {
    width: 100%;
    padding-top: 25.8%;
}
.recruit2026-works_label,
.recruit2026-works_title {
    width: 79.5%;
    margin-left: auto;
}
.recruit2026-works_list {
    margin-top: 7.7%;
}
.recruit2026-works_item {
    padding-top: 17.5%;
    position: relative;
    z-index: 1;
}
.recruit2026-works_item:first-of-type {
    padding-top: 0;
}
.recruit2026-works_item-photo {
    width: 84.7%;
}
.recruit2026-works_right .recruit2026-works_item-photo {
    margin-left: auto;
}
.recruit2026-works_item-tag {
    width: 82.1%;
    padding: 2.2% 0 2.6% 1.8%;
    position: absolute;
    bottom: -6%;
    border-top: 2px solid #000;
    background-color: #205BD0;
    font-size: 20px;
    font-weight: bold;
    color: #fff;
}
.recruit2026-works_left>.recruit2026-works_item-tag {
    border-left: 2px solid #000;
    right: 0;
}
.recruit2026-works_right>.recruit2026-works_item-tag {
    border-right: 2px solid #000;
    left: 0;
}

/* 正社員採用情報 */
.recruit2026-recruit {
    padding-top: 31.5%;
}
.recruit2026-recruit_list {
    margin-top: 2%;
}
.recruit2026-recruit_list-item {
    width: 93.7%;
    padding-top: 11.5%;
    /* font-size: 18px; */
    font-size: min(18px, 4.6vw);
}
.recruit2026-recruit_list-term {
    color: #205BD0;
    font-weight: bold;
}
.recruit2026-recruit_list-desc {
    padding-top: 3.5%;
    text-align: justify;
    line-height: 1.7;
    letter-spacing: 0.03em;
}

/* 職場見学 */
.recruit2026-tour {
    padding-top: 19%;
}
.recruit2026-tour_text {
    padding-top: 7%;
    line-height: 1.65;
}
.recruit2026-tour_btn {
    margin-top: 18%;
}
.recruit2026-tour_btn-caption {
    /* font-size: 18px; */
    font-size: min(18px, 4.6vw);
}
.recruit2026-tour_btn-link {
    width: 86.5%;
    margin-top: 5%;
    padding: 5% 2% 5.8%;
    position: relative;
    display: inline-block;
    border-radius: 10px 0 10px 0;
    font-size: 24px;
    text-align: center;
    text-decoration: none;
    font-weight: bold;
}
.recruit2026-tour_btn-link::after {
    content: "";
    width: 29px;
    height: 1px;
    position: absolute;
    top: 50%;
    right: 5.5%;
    transform: translateY(-50%);
}
.recruit2026-tour_btn-link_web {
    background-color: #205BD0;
    color: white;
}
.recruit2026-tour_btn-link_web::after {
    background-color: #fff;
}
.recruit2026-tour_btn-tel {
    margin-top: 12%;
}
.recruit2026-tour_btn-link_tel {
    padding: 4.5% 2%;
    background-color: #fff;
    border: 2px solid #205BD0;
    color: #205BD0;
}
.recruit2026-tour_btn-link_tel::after {
    background-color: #205BD0;
}

/* フッター */
.recruit2026-footer {
    background-color: #000;
}
.recruit2026-footer_inner {
    width: 74.5%;
    margin: 0 auto;
    padding-top: 12%;
    color: #fff;
    text-align: center;
}
.recruit2026-footer_logo {
    width: 80.2%;
    margin: 0 auto;
    display: inline-block;
}
.recruit2026-footer_name {
    padding-top: 7%;
    /* font-size: 18px; */
    font-size: min(18px, 4.6vw);
}
.recruit2026-footer_address {
    padding-top: 10%;
    line-height: 1.7;
    font-size: 14px;
}
.recruit2026-footer_copyright {
    padding-top: 13%;
    padding-bottom: 9%;
    font-size: 10px;
}