/* カスタマイズ用CSS */

.fa-contact:before{
    content: "\f0e0";
    font-family: "FontAwesome";
    color: #f4a1a1;
}

.header-contact-btn {
    width: 13%;
    margin-left: 8px;
    border-radius: 50px;
    background: linear-gradient(135deg, #FE3197, #FFDD00);
    color: #fff;
    font-weight: 600;
    padding: 10px 0px;
    text-align: center;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}
@media (max-width:768px){
.header-contact-btn {
    display:none
}
}

.header-contact-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 2px 4px rgba(0,0,0,0.18);
}

.header-contact-btn a{
    color: #fff;
}

.job-detail,
.facility-detail{
    background: #fffdfd;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    padding: 16px;
    border-top: 5px solid #f38e8e;
    border-radius: 0 0 10px 10px;
}

.tabs-nav{
    justify-content: center;
    margin-bottom: 0;
}

.tabs-nav li {
    width: 50%;
    background: #cdcdcd;
    border-radius: 10px 10px 0 0;
    font-weight: 600;
    text-align: center;
    font-size: 18px;
    color: #fff;
    margin-right: 0;
    padding: 16px 0;
}

.tabs-nav li.active {
    background: #f38e8e;
    font-weight: bold;
    border-bottom: unset;
    text-align: center;
    color: #fff;
    box-shadow: 0px -2px 4px rgba(0, 0, 0, 0.1);
}

body{
    background-image: url(/html/user_data/assets/img/common/bg.jpg);
    background-attachment: fixed;
}

.ttl{
    font-weight: 600;
}

.ec-registerCompleteRole .ec-off3Grid .ec-off3Grid__cell {
        margin-left: 0%;
}

.ec-registerCompleteRole .ec-off3Grid {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}

.ec-productRole__category li {
    display: flex;
    gap: 3px;
}

.arrow {
    display: flex;
    align-items: center;
}
.arrow img {
    height: 10px;
    width: auto;
}

@media only screen and (min-width: 768px) {
    .ec-newsRole .ec-newsRole__newsDate {
        display: flex;
        align-items: center;
    }
}

@media only screen and (min-width: 768px) {
    .ec-newItemRole .ec-newItemRole__listItem {
        width: 22%;
    }
    
        .ec-newItemRole__listItem {
        transition: transform 0.3s ease, box-shadow 0.3s ease;
        box-shadow: 0 8px 16px rgba(0,0,0,0.1); /* 影を付ける */
    }

    .ec-newItemRole__listItem:hover {
        transform: translateY(-5px); /* 上に浮く */
    }

/* 見出しブロックには影や浮き効果を付けない */
    .ec-newItemRole__listItem:not(.__getAutoNewItemBlock) {
        transform: none;
        box-shadow: none;
    }

    .front_page .ec-inlineBtn--top {
        transition: transform 0.3s ease, box-shadow 0.3s ease;
    }

    .front_page .ec-inlineBtn--top:hover {
        transform: translateY(-3px);
    }

    .front_page .ec-blockBtn--top {
        display: inline-block;
        transition: transform 0.3s ease, box-shadow 0.3s ease;
    }

    .front_page .ec-blockBtn--top:hover {
            transform: translateY(-3px);
    }

    .ec-newsRole__newsTitle {
        transition: color 0.3s ease;
    }

    .ec-newsRole__newsTitle:hover {
        color: rgba(0, 0, 0, 0.2); /* 薄くなる色に調整 */
    }
}

.ec-topicRole__listItem img {
    transition: opacity 0.3s ease; /* なめらかに変化 */
}

.ec-topicRole__listItem:hover img {
    opacity: 0.5; /* ホバー時に薄くなる */
}

.ec-headerNaviRole .ec-headerNaviRole__nav a{
    color: inherit;
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 4px;
    margin-top: 5px;
}


@media only screen and (max-width: 768px) {
.ec-headerNaviRole .ec-headerNaviRole__nav a{
    margin-top: -1px;
}
}

.page-header-jp {
    margin: 0 !important;
}

.ec-favoriteRole .ec-favoriteRole__itemTitle{
    font-weight: 600;
}

@media only screen and (max-width: 768px) {
.ec-historyListHeader .ec-historyListHeader__date{
    font-size: 13px;
}
.ec-historyRole .ec-historyRole__contents{
    flex-direction: unset;
}
.ec-historyRole .ec-historyRole__header{
    width: 45%;
}
.ec-historyRole .ec-historyRole__detail{
    border-top: unset;
}
}

.ec-navlistRole .ec-navlistRole__navlist {
    display: flex;
    flex-wrap: nowrap;
    border-color: unset;
    border-style: unset;
    border-width: unset;
    margin-bottom: 32px;
    padding: 0;
    list-style: none;
    justify-content: center;
}


@media only screen and (max-width: 768px) {
    .ec-navlistRole .ec-navlistRole__navlist {
        flex-wrap: wrap;
    }
}


.ec-navlistRole .ec-navlistRole__item {
    border-color: unset;
    border: unset;
    border-width: thin;
    text-align: center;
    font-weight: bold;
    border-radius: 5px;
    background: #e7e7e7;
    margin: 0 4px;
    width: 100%;
    font-size: 14px;
    max-width: 240px;
}

@media only screen and (max-width: 768px) {
    .ec-navlistRole .ec-navlistRole__item {
        margin: 4px;
        width: 100%;
        max-width: 160px;
    }
}

.ec-navlistRole .active a {
    color: #ffffff;
    background: #ffc626;
    border-radius: 5px;
}

.ec-welcomeMsg {
    padding-bottom: unset;
    text-align: center;
    border-bottom: unset;
    font-weight: 600;
    background: #5b5b5b;
    color: #fff;
    display: block;
    width: 100%;
    max-width: 240px;
    border-radius: 150px;
    margin: 0px auto 8px;
}

.ec-pageHeader {
    display: flex;
    align-items: center;
    gap: 0px;
    flex-direction: column;
    margin:10px 0 24px;
}

.ec-mypageRole .ec-pageHeader h1, .ec-mypageRole .ec-pageHeader .h1{
    margin: 0;
    padding: 0;
}

@media only screen and (max-width: 768px) {
    .ec-pageHeader {
        gap: 0px;
        flex-direction: column;
        margin:10px 0 24px;
    }
}

.ec-pageHeader h1, .ec-pageHeader .h1{
    font-size: clamp(1.5rem, 0.8333rem + 1.3889vw, 2.5rem) !important;
    font-size: 16px;
    font-weight: bold;
    margin: 0;
    color: #ed9520;
    border-bottom: unset;
    border-top: unset;
    padding: unset;
}

.page-header-jp {
    font-size: clamp(0.75rem, 0.5833rem + 0.3472vw, 1rem);
    font-weight: 600;
}

.add-txt {
    margin-bottom: 8px;
}


.ec-favoriteRole__item-image,
.ec-imageGrid__img.page-my,
.ec-cartNaviIsset__cartImage{
    margin-bottom: 10px;
    text-align: center;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}


.ec-favoriteRole__item-image{
    height: 180px;
}
.ec-cartRow .ec-cartRow__img{
    text-align: center;
    width: 100%;
    height: 70px;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}


@media only screen and (max-width: 768px) {
    .ec-cartRow .ec-cartRow__img{
        width: 30%;
        height: 60px;
    }
}

.ec-cartNaviIsset__cartImage{
    height: 70px;
}

.ec-imageGrid__img.page-my{
    height: 100px;
    width: 19%;
    display: table-cell;
}

@media only screen and (max-width: 768px) {
   .ec-imageGrid__img.page-my{
        height: 100px;
        width: 48%;
        display: table-cell;
    } 
}


.ec-cartNaviIsset .ec-cartNaviIsset__cart{
    padding-bottom: 0px;
}

.ec-favoriteRole__item-image img,
.ec-cartRow__img img,
.ec-imageGrid__img.page-my img,
.ec-cartNaviIsset__cartImage img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 8px;
}


.ec-favoriteRole__item-image img{
    width: 100% !important;
}

.ec-drawerRoleClose{
    color: #ffffff;
    background: #ffb100;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
    z-index: 10000;
}

.ec-headerNav .ec-headerNav__item{
    font-size: 16px;
}

@media only screen and (max-width: 768px) {
    .ec-headerNav .ec-headerNav__item{
        font-size: 0px;
    }
}

.ec-productRole i.fa.fa-heart {
    margin-right: 8px;
    color: #fff !important;
}
.ec-productRole i.fa.fa-heart:before{
    color: #fff !important;
}

i.ec-cartNavi__icon.fas.fa-shopping-cart span {
    display: none;
}

.ec-blockTopBtn{
    display: none !important;
}

.bg-white{
    border-radius: 15px;
    background: #fff;
    padding: 40px 32px;
    max-width: 1520px;
    margin: 0 auto;
}

.white{
    color: #fff !important;
}

@media only screen and (max-width: 768px) {
    .bg-white{
        padding: 16px;
    }
}

@media only screen and (max-width: 768px) {
    .ec-layoutRole__main{
        padding: 16px 16px 0;
    }
}


.btn-my {
    border-radius: 5px;
    background: #ffc107;
    color: #fff;
    border: 0;
}

.ec-headerNaviRole {
    max-width: 1320px;
    position: fixed;
    justify-content: center;
    top: 0%;
    left: 50%;
    transform: translateX(-50%);
    z-index: 10000;
}

.ec-sliderRole {
    max-width: 1320px;
    margin-bottom: 80px;
}

.ec-role {
    max-width: 1520px;
}

@media  (max-width: 768px) {
    .ec-role {
    padding-left: 0px;
    padding-right: 0px;
    }
}

.ec-topicRole {
    margin-bottom: 0px;
}

@media  (max-width: 768px) {
    .ec-topicRole {
    padding: 16px;
    margin-bottom: 24px;
    }
}

.ec-layoutRole .ec-layoutRole__contents {
    max-width: 100%;
}

.ec-layoutRole{
    background: unset;
}

.ec-sliderItemRole{
    padding-left: 0;
    padding-right: 0;
    margin: 0;
}

.ec-itemNav__nav > li:hover > a {
    background: #ff7600;
}

.slick-slide img{
    border-radius: 10px;
}

@media only screen and (min-width: 768px) {
    .ec-cartNaviNull::before {
        left: 82.5%;
    }
}

/*----------------------------------    SPカテゴリ    ----------------------------------*/
.ec-drawerRole .ec-headerLinkArea {
    background: #fdfdfd;
}

.fa-cart-shopping:before, .fa-shopping-cart:before {
    content: "\f46d";
    color: #ED9520;
}

.ec-cartNavi {
    padding: 4px 16px;
    min-width: unset;
    justify-content: center;
    align-items: center;
}

.ec-headerLink__item span {
    color: #333333;
}

.fa-home-alt:before, .fa-home-lg-alt:before, .fa-home:before, .fa-house:before {
    content: "\f015";
    color: #333;
}

.ec-drawerRole {
    overflow-y: scroll;
    background: #ff8100;
}

.ec-drawerRole .ec-headerCategoryArea .ec-itemNav__nav li a {
    border-radius: 5px;
}

@media (max-width: 768px) {
    .ec-itemNav__nav {
        display: flex;
        flex-direction: column;
        gap: 4px;
    }
}
@media (min-width: 768px) {
.ec-itemNav__nav li ul{
    left: -36px;
    min-width: 150px;
    }
}
.ec-itemNav__nav li ul li a {
    border-bottom: unset;
    padding: 16px 8px;
    color: #333;
    text-align: center;
    background: #ffffff;
}

@media (max-width: 768px) {
.ec-itemNav__nav li ul li a {
    padding: 6px 22px 6px 16px;
}
}

@media only screen and (min-width: 768px) {
    .ec-itemNav__nav li ul li ul:before {
        display: none;
    }
}

.ec-itemNav__nav > li:hover li:hover > a {
  background: #ffaf64;
}

.ec-itemNav__nav li ul li ul li a {
  background: #ffffff
}

.ec-itemNav__nav li:hover ul li ul li a:hover {
  background: #f8f8f8;
}

@media (min-width: 768px) {
.ec-itemNav__nav li ul li ul:before{
        top: 28px;
}
}

.ec-drawerRole .ec-headerCategoryArea .ec-itemNav__nav li a {
    font-weight: 600;
    color: #333;
}

.ec-itemNav__nav li ul li ul {
    display: none;
}
/*----------------------------------    ヘッダー    ----------------------------------*/
@media  (max-width: 768px) {
    .ec-headerNav{
        display: flex;
    }
}

.ec-headerNavSP {
    width: 56px;
    height: 56px;
    top: 109%;
    left: 82%;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
}

.ec-headerNaviRole {
    background-color: #fff;
    border-radius: 51px;
    padding: 16px 24px;
    margin: 16px auto 40px;
}


@media  (max-width: 768px) {
    .ec-headerNaviRole {
       margin: 16px auto 0px;
       width: 95%;
    }
}

header.ec-layoutRole__header {
    padding: 0 16px;
    margin-top: 140px;
}

@media  (max-width: 768px) {
header.ec-layoutRole__header {
    margin-top: 80px;
}
}

.ec-headerNaviRole .ec-headerNaviRole__left{
    display: flex;
    gap: 8px;
    align-items: center;
    width: 48%;
}

.header-left-left img{
    height: auto;
    width: 100%;
    max-width: 140px;
    display: block;
}

@media only screen and (min-width: 768px) {
    .ec-headerSearch .ec-headerSearch__category .ec-select select {
      padding: 9px 8px 8px 12px;
    }
}

.fa-user:before,
.fa-heart:before,
.fa-lock:before{
    color: #f4a1a1;
}

@media only screen and (min-width: 768px) {
    .ec-headerNav .ec-headerNav__itemLink {
        font-weight: 600;
    }
}

.ec-cartNavi__label{
    display: none;
}

.ec-headerSearch .ec-headerSearch__category .ec-select.ec-select_search {
    background: #ff8100;
}

/*----------------------------------footer----------------------------------*/
.ec-footerRole {
    border-top: unset;
    margin-top: 30px;
    background: #FEC131;
}

@media only screen and (min-width: 768px) {
    .ec-footerTitle {
        padding: 50px 0 40px;
    }
}

@media only screen and (max-width: 768px) {
    .ec-footerTitle {
        padding: 40px 0 16px;
        text-align: center;
        color: white;
    }
}

.ec-footerRole .ec-footerRole__inner img {
        width: 100%;
        max-width: 170px;
}

@media only screen and (max-width: 768px) {
    .ec-footerNavi .ec-footerNavi__link a{
        border-bottom: unset;
        padding: 8px 0;
    }
}

@media only screen and (max-width: 768px) {
    .ec-footerNavi{
        padding-top: 24px;
    }
}

/*----------------------------------------------------------------------------------------------------------------------------------------
                                                        TOPページ
 ----------------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------    カテゴリ    ----------------------------------*/
@media only screen and (min-width: 768px) {
    .ec-categoryNaviRole {
        display: block;
        background-color: #f4f4f4;
        width: 100%;
        padding: 24px;
        border-radius: 15px;
        margin-bottom: 40px;
    }
}

.horizontal-line{
    border-top: 1px solid #afafaf96;
    width: 100%;
    margin: 16px 0 0px;
}

.category-ttl{
    font-size: 18px;
    font-weight: 600;
    color: #fff;
    border-radius: 50px;
    display: flex;
    justify-content: center;
}

.category-ttl p{
    font-size: 18px;
    font-weight: 600;
    color: #fff;
    border-radius: 50px;
    text-align: center;
    padding: 8px 24px;
    background-color: #292F4A;
}

.ec-headerTitle__title h1{
    display: none;
}

.ec-itemNav{
    padding: 16px;
    border-radius: 10px;
    
}

@media only screen and (min-width: 768px) {
    .ec-itemNav__nav {
        display: flex;
        gap: 20px;
        justify-content: center;
    }
}

@media only screen and (min-width: 768px) {
    .ec-itemNav__nav li a {
        border-radius: 5px;
    }
}

.ec-itemNav__nav li a {
    padding:12px 16px;
    background-color: #ffab63a6;
    color: #fff;
}

/*----------------------------------What is JOBIMO?----------------------------------*/
@media only screen and (min-width: 768px) {
    .ec-eyecatchRole {
        display: flex;
        align-items: center;
        gap: 40px;
        margin-bottom: 80px;
    }
}

@media only screen and (min-width: 768px) {
    .ec-eyecatchRole .ec-eyecatchRole__intro {
        flex: 1;
        padding-right: unset;
        order: 1;
    }
}

@media only screen and (min-width: 768px) {
    .ec-eyecatchRole .ec-eyecatchRole__image {
        flex: 1;
        order: 2;
    }
}

.ec-eyecatchRole .ec-eyecatchRole__image {
    margin-bottom: unset;
}


.ec-eyecatchRole .ec-eyecatchRole__introEnTitle {
    margin-top: 45px;
    font-size: clamp(3rem, 0.8333rem + 4.5139vw, 6.25rem);
    font-weight: 600;
    color: #fe7c31;
    line-height: 1;
}

@media only screen and (max-width: 768px) {
    .ec-eyecatchRole .ec-eyecatchRole__introEnTitle {
        line-height: 1;
        margin-top: 16px;
    }
}

.ec-eyecatchRole .ec-eyecatchRole__introEnTitle{
    margin-bottom: 8px;
}

@media only screen and (min-width: 768px) {
    .ec-eyecatchRole .ec-eyecatchRole__introTitle {
        margin-bottom: 1em;
        font-size: 20px;
    }
}

.ec-eyecatchRole__introTitle-02{
    font-size: clamp(1.25rem, 0.75rem + 1.0417vw, 2rem);
    font-weight: 600;
    color:#fe7c31;
    line-height: 32px;
    margin-bottom: 8px;
}

@media only screen and (min-width: 768px) {
    .ec-eyecatchRole .ec-eyecatchRole__introDescription {
        margin-bottom: 30px;
        font-weight: 500;
    }
}

.ec-eyecatchRole__introDescription-cont{
    margin: 40px 0 40px 56px;
}

@media only screen and (max-width: 768px) {
    .ec-eyecatchRole__introDescription-cont{
    margin: 0px;
    }
}
.ec-blockBtn--top {
    border: unset;
    background: linear-gradient(135deg, #ff7c38, #ffaa00);
    border-color: unset;
    border-radius: 50px;
    box-shadow:  0 4px 5px rgba(0, 0, 0, 0.1);
}

.w-jobimo .ec-eyecatchRole__image{
    border-radius: 5000px;
    overflow: hidden;
    padding-top:40px;
}

@media only screen and (max-width: 768px) {
    .w-jobimo .ec-eyecatchRole__image{
        max-width: 80%;
        margin: 0 auto;
        padding-top:0px;
    }
}

.w-jobimo .ec-eyecatchRole__image img{
    border-radius: 5000px;
    overflow: hidden;
}

/*----------------------------------TOPICS----------------------------------*/
.ec-topicRole {
    background: #ffffff;
    border-radius: 5px;
}

.ec-secHeading .ec-secHeading__en {
    font-size: clamp(1.25rem, 0.75rem + 1.0417vw, 2rem);
    color: #ff8b00;
    letter-spacing: 1px;
}

.ec-secHeading .ec-secHeading__ja {
    font-weight: 600;
    font-size: 16px;
}
@media only screen and (min-width: 768px) {
    .ec-topicRole .ec-topicRole__listItemTitle {
        margin-top: 0.5em;
        font-weight: 600;
        font-size: 1rem;
    }
}

/*----------------------------------New Jobs----------------------------------*/

.new-jobs{
    background-color: #f7f7f7;
}

@media only screen and (max-width: 768px) {
    .new-jobs{
        background-color: #fff;
        border-radius: 15px;
    }
}

.ec-newItemRole__listItem.__getAutoNewItemBlock img{
    border-radius: 10px;
    box-shadow: 0px 0px 8px rgb(1 1 1 / 10%);
}

.ec-secHeading--tandem .ec-secHeading__en {
    font-size: clamp(1.25rem, 0.75rem + 1.0417vw, 2rem);
    color: #00792a;
    letter-spacing: 1px;
}

.ec-secHeading--tandem .ec-secHeading__ja{
    font-weight: 600;
    font-size: 16px;
}

.ec-newItemRole .ec-newItemRole__listItemHeading {
    margin-top: calc(45% - 72px);
}

.ec-newItemRole .ec-newItemRole__listItemTitle {
    margin: 16px 0 10px;
    font-size: 16px;
    padding-left:16px;
    position: relative;
}

.ec-newItemRole .ec-newItemRole__listItemTitle::before {
    content: '';
    display: inline-block;
    width: 12px;
    height: 12px;
    background-color: #ff7600;
    border-radius: 40%;
    position: absolute;
    left: 0;
    top: 11px;
    transform: translateY(-50%);
}


@media only screen and (min-width: 768px) {
    .ec-newItemRole .ec-newItemRole__listItem:not(:last-of-type) {
        margin-right: 30px;
        padding: 16px;
        background-color: #fff;
        border-radius: 10px;
    }
}

.ec-newItemRole .ec-newItemRole__listItem:nth-child(odd) {
    margin-right: 30px;
    padding: 16px;
    background-color: #fff;
    border-radius: 10px;
}

.top-item-img {
    text-align: center;
    width: 100%;
    border-radius: 5px;
    height: 150px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

@media (max-width: 768px) {
    .top-item-img {
        height: 200px;
    } 
}

.ec-newItemRole .ec-newItemRole__listItem:nth-child(odd) img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 8px;
}

.ec-inlineBtn--top {
    border: unset;
    padding: 10px 16px;
    background: linear-gradient(135deg, #ff7c38, #ffaa00);
    border-color: unset;
    border-radius: 50px;
    box-shadow:  0 4px 5px rgba(0, 0, 0, 0.1);
}

.ec-newItemRole__listItemPrice{
 display: none;   
}

@media only screen and (max-width: 768px) {
    .ec-newItemRole .ec-newItemRole__list{
        flex-direction: column;
    }
}

@media only screen and (max-width: 768px) {
    .ec-newItemRole .ec-newItemRole__listItem{
        width: 100%;
        padding: 16px;
    }
}

@media only screen and (max-width: 768px) {
    .ec-newItemRole {
    padding: 0;
    }
}
/*----------------------------------Characteristics----------------------------------*/
.ec-categoryRole {
    padding: 40px 0;
    color: black;
    background: unset;
}

@media only screen and (max-width: 768px) {
    .ec-categoryRole {
        padding: 24px 0 0;
    }
}

.chara-cont{
    display: flex;
    gap:40px;
    justify-content: center;
}

@media only screen and (max-width: 768px) {
    .chara-cont{
        flex-direction: column;
        gap:16px;
        justify-content: center;
    }
}

.chara-box{
 flex: 1;   
 border-radius: 10px;
 overflow: hidden;
}

.chara-upper{
    position: relative;
    width: 100%;
    height: auto;
}

.chara-upper img {
    object-fit: cover;
    width: 100%;
    height: auto;
}

.upper-ttl-01,
.upper-ttl-02,
.upper-ttl-03,
.upper-ttl-04,
.upper-ttl-05,
.upper-ttl-06 {
    position: absolute;
    top: 0px;
    left: 0px;
    padding: 6px;
    color: #fff;
    font-weight: 600;
    border-radius: 5px 0 5px 0;
}

.upper-ttl-01{
    background: #68D0F2;
}
.upper-ttl-02{
    background: #5cb1b1;
}
.upper-ttl-03{
    background: #AE67FF;
}
.upper-ttl-04{
    background: #FF9100;
}
.upper-ttl-05{
    background: #FF4444;
}
.upper-ttl-06{
    background: #ffc100;
}

.jobim-02-content-ttl-01,
.jobim-02-content-ttl-02,
.jobim-02-content-ttl-03,
.jobim-02-content-ttl-04,
.jobim-02-content-ttl-05,
.jobim-02-content-ttl-06 {
  font-size: 1.2rem;  
  font-weight: 600;
}

.jobim-02-content-ttl-01 {
  color: #68D0F2;
}
.jobim-02-content-ttl-02 {
  color: #5cb1b1;
}
.jobim-02-content-ttl-03 {
  color: #AE67FF;
}
.jobim-02-content-ttl-04 {
  color: #FF9100;
}
.jobim-02-content-ttl-05 {
  color: #FF4444;
}
.jobim-02-content-ttl-06 {
  color: #ffc100;
}

.jobjobim-02imo-content-des{
    font-weight: 500;
    color: #333;
    text-align: left;
}

.chara-under{
    padding: 16px 24px;
    background-color: #fff ;
    display: flex;
    gap: 8px;
    flex-direction: column;
    align-items: center;
    height: 131px;
}

@media only screen and (max-width: 768px) {
.chara-under{
    height: 156px;
}
}

.swiper {
  width: 100%;
  overflow: hidden;
}

.swiper-wrapper {
  display: flex;
}

.swiper-slide {
  flex-shrink: 0;
  width: 300px; /* スライド1枚の幅 */
  margin-right: 20px; /* スペース */
}

.chara-box {
  background: #fff;
  text-align: center;
}

/*----------------------------------新着情報----------------------------------*/
@media only screen and (min-width: 768px) {
    .ec-newsRole {
        padding: 40px 0 80px;
    }
}

@media only screen and (min-width: 768px) {
    .ec-newsRole .ec-newsRole__news {
        border: unset;
        border-bottom: 1px solid #7a7a7a4a;
        padding: 0 24px 16px;
    }
}

@media only screen and (min-width: 768px) {
    .ec-newsRole .ec-newsRole__newsItem {
        padding: 0;
    }
}
/*----------------------------------------------------------------------------------------------------------------------------------------
                                                        求人一覧ページ
 ----------------------------------------------------------------------------------------------------------------------------------------*/
@media only screen and (min-width: 768px) {
    .ec-shelfGrid {
        margin-left: -16px;
        margin-right: -16px;
        gap: 15px;
    }
}

@media only screen and (min-width: 768px) {
    .ec-shelfGrid .ec-shelfGrid__item {
        width: 24%;
    }
}

@media only screen and (min-width: 769px) {
.product_page .ec-shelfRole.bg-white {
    border-radius: unset;
    background: unset;
    padding: unset;
    max-width: 1130px;
    background-color: unset !important;
}
}

@media only screen and (max-width: 768px) {
    .product_page .ec-shelfGrid {
        flex-direction: column;
        gap: 32px;
    }
    
    .product_page .ec-shelfGrid .ec-shelfGrid__item {
        margin-bottom: 0px;
        width: 100%;
        flex-direction: column;
    }
    
    .ec-shelfGrid .ec-shelfGrid__item:nth-child(odd){
        padding-right:0;
    }
    
}

.ec-shelfGrid .ec-shelfGrid__item-image {
    margin-bottom: 10px;
    text-align: center;
    width: 100%;
    height: 160px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}


@media only screen and (max-width: 768px) {
.ec-shelfGrid .ec-shelfGrid__item-image {
    height: 200px;
}
}

.ec-shelfGrid .ec-shelfGrid__item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 8px;
}

@media only screen and (min-width: 768px) {
    .ec-shelfGrid__item {
        padding: 16px 16px !important;
        background: #fff;
        border-radius: 10px;
        box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
    }
}

.ec-shelfGrid .ec-shelfGrid__item .ec-productRole__btn {
    margin-top: 16px;
    margin-bottom: 0px;
}

.ec-blockBtn--action {
    border-radius: 50px;
    border: unset;
    transition: background-color 0.2s;
}

.ec-blockBtn--action:hover {
  background-color: #f7910f;
  color: #fff;
}

.ec-shelfGrid__item p {
    font-weight: 600;
    color: #333;
}

.job-address {
    font-weight: 500 !important;
    font-size: 0.9rem;
}

.ec-shelfGrid__item .ec-productRole__tags {
    display: flex;
    font-size: 13px;
    gap:4px;
    padding: 0;
    color: #217df3;
    margin-top: 4px;
    flex-wrap: wrap;
}

.ec-newItemRole__list .ec-productRole__tags {
    display: flex;
    font-size: 13px;
    gap:4px;
    padding: 0;
    color: #217df3;
    margin-top: 4px;
    flex-wrap: wrap;
}

.ec-productRole__tag {
    display: block;
    border: 1px solid #217df3;
    padding: 2px 4px;
    border-radius: 4px;
}

.ec-shelfGrid__item {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

@media only screen and (min-width: 768px) {
.ec-shelfGrid__item:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15);
}
}

.monthly-salary{
    font-weight: 600;
    font-size: clamp(1.125rem, 1.0417rem + 0.1736vw, 1.25rem);
}

.monthly-salary span{
    font-weight: 600;
    font-size: 0.8rem;
    margin-right:4px;
}

.bonus {
    font-weight: 600;
    font-size: clamp(1.125rem, 1.0417rem + 0.1736vw, 1.25rem);
}

.bonus span{
    font-weight: 600;
    font-size: 0.8rem;
    margin-right:4px;
}

.product_page .ec-shelfGrid__item {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
/*----------------------------------------------------------------------------------------------------------------------------------------
                                                        求人詳細ページ
 ----------------------------------------------------------------------------------------------------------------------------------------*/
 @media only screen and (min-width: 768px) {
    .ec-productRole .ec-productRole__title .ec-headingTitle {
        font-size: 32px;
        font-weight: 600;
    }
}

.ec-grid2 {
        display: flex;
        background-color: #fff;
        border-radius: 15px;
        padding: 24px;
        box-shadow: 0px 0px 8px rgb(1 1 1 / 10%);
}

@media (max-width: 768px) {
  .ec-grid2 {
      flex-direction: column;
      gap: 16px;
  }
}

.ec-productRole__price{
    display: none;
}

.ec-productRole__actions{
    display: none;
}

@media only screen and (min-width: 768px) {
    .ec-sliderItemRole .item_nav {
        display: flex;
        justify-content: flex-start;
        flex-wrap: unset;
        margin-bottom: 0;
        height: 110px;
        padding: 8px;
    }
}

.thumb-btn.next {
    display: none;
}

.thumb-btn.prev {
    display: none;
}

.slick-slider {
   margin-bottom: 0px;
}

.ec-sliderItemRole .slideThumb {
    margin-bottom: 10px;
    text-align: center;
    width: 120px;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.ec-sliderItemRole .slideThumb img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
        border-radius: 5px;
}

.thumb-btn {
    margin-left: 8px;
    border-radius: 15px;
}

.thumb-btn {
    background: rgba(0, 0, 0, 0.4);
    color: #fff;
    border: none;
    font-size: 25px;
    width: 40px;
    height: 40px;
    cursor: pointer;
    z-index: 5;
    justify-content: center;
    align-items: center;
    display: flex;
    padding-bottom: 7px;
}

.ec-productRole {
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px;
    box-sizing: border-box;
    font-size: 16px;
    line-height: 1.4;
    color: #525263;
    -webkit-text-size-adjust: 100%;
    width: 100%;
    max-width: 1130px;
}

.ec-productRole .ec-productRole__description {
    margin-bottom: 16px;
    background-color: #fff;
    border-radius: 15px;
    padding: 24px;
    box-shadow: 0px 0px 8px rgb(1 1 1 / 10%);
    margin-top: 24px;
}
@media (max-width: 768px) {
  .ec-productRole .ec-productRole__description {
    padding: 16px;
}
}
.ec-productRole__description table {
    border: unset;
}

.ec-productRole__description tr {
    display: flex;
    gap:40px;
    border-bottom: 1px dashed #e0e0e0;
    padding: 12px;
}

@media (max-width: 768px) {
  .ec-productRole__description tr {
    gap:4px;
    padding: 0;
  }
  .detail-table tr {
      flex-direction: column;
  }
}

.ec-productRole__description th {
    display: block;
    width: 23%;
    color: #ed9520;
    margin-bottom: 4px;
}

@media (max-width: 768px) {
.ec-productRole__description th {
    width: 100%;
    padding: 8px 0 0 0;
    color: #ed9520;
    margin-bottom: 4px;
}
}

.ec-productRole__description td{
    width: 100%;
    display: block;
}

@media (max-width: 768px) {
  .ec-productRole__description td{
      padding: 0 0 8px 8px;
  }
}

.works-ttle {
    font-size: 1.5rem;
    font-weight: bold;
    border-bottom: 1px solid #cfcfcf;
    padding: 0 0px 4px 10px;
}

.btn-flex{
    display: flex;
    gap: 16px;
    padding: 16px 8px;
}

.btn-flex form{
    width: 100%;
}

.ec-productRole .ec-productRole__btn {
    width: 100%;
    margin-bottom: 16px;
    min-width: unset;
}

.ec-productRole .ec-productRole__btn button {
    border-radius: 50px;
}

.job-detail-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 14px;
}
.job-detail-table tr {
  padding: 0px;
}
.job-detail-table th {
  width: 23%;
  background: #f5f5f5;
  text-align: left;
  padding: 8px 16px;
    display: flex;
    align-items: center;
    margin-bottom: 0px;
}
@media (max-width: 768px) {
    .job-detail-table th {
        width: 23%;
        padding: 8px 4px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0;
    }
}
.job-detail-table td {
  padding: 8px 10px;
  line-height: 1.6;
    border-radius: 6px;
    overflow: hidden;
}

.des-ttl{
    color: #ff7c1f;
    font-size: 1.8rem;
    font-weight: 600;
}

.des-des {
    border-top: 1px dotted #e1e1e1;
    margin: 16px 0 0;
    padding: 10px 8px 28px;
    border-bottom: 1px dotted #e1e1e1;
    font-weight: 500;
}

.salary-txt{
    font-size:1.2rem;
    font-weight: 600;
}


@media (max-width: 768px) {
.salary-txt{
    font-size:1rem;
}
}

.ec-productRole .ec-productRole__tag{
    margin-bottom: 3px;
}


/*----------------------------------------------------------------------------------------------------------------------------------------
                                                       新規会員登録ページ
 ----------------------------------------------------------------------------------------------------------------------------------------*/
.hidden-radio {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
}

.choice-button {
    display: inline-block;
    padding: 2px 20px;
    margin: 5px;
    background-color: #b5b5b5;; /* 非選択時の初期色 */
    color: #000;
    border-radius: 6px;
    cursor: pointer;
    user-select: none;
    transition: background-color 0.2s, color 0.2s;
}

@media (max-width: 768px) {
.choice-button {
    padding: 2px 13px;
    margin: 2px;
}
}

/* ホバー時 */
.choice-button:hover {
    background-color: #91D6DB;
}

/* 選択済み */
.choice-button.selected {
    background-color: #91D6DB; /* 選択時の水色 */
    color: #fff;
}

/* 選択済みのホバーも維持 */
.choice-button.selected:hover {
    background-color: #91D6DB;
}

.ec-choiceButtons span {
    color: #fff;
    font-weight: 600;
    font-size: 1rem;
}

@media (max-width: 768px) {
.ec-choiceButtons span {
    font-size: 0.8rem;
}
}

.entry-flex {
    flex-direction: column;
    align-items: center;
    width: 100%;
}

.entry-ttl {
    width: 100% !important;
}

.entry-btn {
    width: 100% !important;
    display: flex;
    justify-content: center;
}

.ec-label {
    padding-left: 18px;
    position: relative;
}

.ec-label::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 14px;   /* 丸の直径 */
    height: 14px;  /* 丸の直径 */
    border-radius: 50%;
    background: linear-gradient(45deg, #FFB1B1, #FF7171);
}

.newline{
    display: none;
}
@media (max-width: 768px) {
    .newline{
        display: unset;
    }
    
    .ec-borderedDefs dt{
        position: relative;
    }
    
    .ec-label::before {
        top: 8px;
    }
    
    .ec-registerRole .ec-registerRole__actions{
        padding-top: 0px;
    }
}

.ec-off1Grid {
    border-radius: 15px;
    padding: 24px 0;
}

.ec-borderedDefs dl{
    border-bottom: unset;
}

.ec-borderedDefs {
    border-top:  unset;
}

.ec-blockBtn--cancel{
    border-radius: 50px;
}

.product_page .ec-blockBtn--cancel{
    background-color: #f4a1a1;
    border-color: unset;
    transition: background-color 0.2s;
}
.product_page .ec-blockBtn--cancel:hover {
  background-color: #e07b7b;
}

.ec-blockBtn--action{
    background-color:#ffaf49;
}
.ec-required {
    color: #fff;
    font-weight: 600;
    background-color: red;
    border-radius: 3px;
    padding: 2px 4px;
    white-space: nowrap;
}

@media only screen and (max-width: 768px) {
    .entry-ttl {
        position: relative;
    }
    
    .ec-required {
        top: 0px;
        position: absolute;
    }
}

.important-information-ttl {
    margin-bottom: 0px !important;
    font-weight: 600;
    font-size: 1.1rem;
}

.important-information-des {
    text-align: left;
}

.ec-registerRole{
    max-width: 1320px;
    padding-left: 0px;
    padding-right: 0px;
}

@media only screen and (max-width: 768px) {
    .ec-registerRole{
        padding-left: 0px;
        padding-right: 0px;
    }
    
}

@media only screen and (max-width: 768px) {
    .registration_page .ec-off1Grid{
        padding: 16px;
    }
}

.ec-member-btn-cont {
    display: flex;
    gap: 24px;
    max-width: 500px;
    margin: 24px auto 0;
}

@media only screen and (max-width: 768px) {
    .ec-member-btn-cont {
        gap: 8px;
        flex-direction: column;
    }
}

.ec-registerRole .ec-blockBtn--action {
    margin: 0;
}

/*----------------------------------------------------------------------------------------------------------------------------------------
                                                       新規会員登録ページ(確認)
 ----------------------------------------------------------------------------------------------------------------------------------------*/
 
@media only screen and (min-width: 768px) {
    .ec-borderedDefs dt {
        padding-top: 14px;
        width: 50%;
    }
}

/*----------------------------------------------------------------------------------------------------------------------------------------
                                                       新規会員登録ページ(完了)
 ----------------------------------------------------------------------------------------------------------------------------------------*/
.completion {
    background-color: #fff;
    border-radius: 15px;
    padding: 40px 16px;
}

.completion h2{
    font-size: 1.35rem;
}

/*----------------------------------------------------------------------------------------------------------------------------------------
                                                       本会員登録(完了)
 ----------------------------------------------------------------------------------------------------------------------------------------*/
.line-pc {
    display: flex;
    gap: 16px;
    align-items: center;
    background-color: #ebe9e9;
    color: #fff;
    font-weight: 600;
    padding: 16px 32px;
    border-radius: 10px;
    margin-bottom: 24px;
}

.line-sp {
    display: none;
}
    
@media only screen and (max-width: 540px) {
    .line-pc {
        display: none;
    }
    
    .line-sp {
        display: flex;
    }
}

.line-ttl-cont {
    color: #fff;
    font-weight: 600;
}

.line-ttl {
    color: #fff;
    font-weight: 600;
    font-size: 1rem;
    margin-bottom: 8px;
    background-color: #07c756;
    border-radius: 50px;
    padding: 4px 16px;
}

.line-des {
    color: #333;
    text-align: left;
    font-weight: 600;
}

.line-pc img {
    width: 100%;
    max-width: 170px;
    border-radius: 5px;
}

@media only screen and (max-width: 540px) {
    .line-sp {
        display: flex;
        flex-direction: column;
        gap: 16px;
        align-items: center;
        background-color: #ebe9e9;
        color: #fff;
        font-weight: 600;
        padding: 8px;
        border-radius: 10px;
        margin-bottom: 24px;
    }
    
    .line-ttl {
        color: #fff;
        font-weight: 600;
        font-size: 1rem;
        margin-bottom: 8px;
        background-color: #6e706f;
        border-radius: 50px;
        padding: 4px 16px;
    }
    
.line-des {
        color: #333;
        text-align: left;
        font-weight: 600;
        line-height: 25px;
    }
    
.line-btn {
        display: inline-block;
        transition: transform 0.3s ease, box-shadow 0.3s ease;
        color: #fff;
    }
    
.line-btn-ttl {
        background: #07c756;
        color: #fff;
        font-size: 1.3rem;
        padding: 14px 20px;
        border-radius: 50px;
        box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
    }
}

/*----------------------------------------------------------------------------------------------------------------------------------------
                                                       マイページ
 ----------------------------------------------------------------------------------------------------------------------------------------*/
 
@media only screen and (min-width: 768px) {
    .ec-mypageRole {
        padding-left: 26px;
        padding-right: 26px;
        max-width: 1520px;
    }
}

@media only screen and (max-width: 768px) {
    .ec-mypageRole {
    padding: 0px;
    }
}

/*----------------------------------------------------------------------------------------------------------------------------------------
                                                       応募一覧
 ----------------------------------------------------------------------------------------------------------------------------------------*/


@media only screen and (min-width: 768px) {
    .ec-cartRow .ec-cartRow__contentColumn {
        padding: 8px 24px;
    }
}

.ec-cartRow__img img {
    border-radius: 5px;
}

.ec-cartHeader .ec-cartHeader__label {
    text-align: left;
}

@media only screen and (min-width: 768px) {
    .ec-cartRole .ec-cartRole__actions {
        width: 100%;
        margin-right: 0%;
        display: flex;
        gap: 24px;
        margin: 24px 0 0 0;
        justify-content: center;
    }
}

.ec-cartRole__actions .ec-blockBtn--cancel {
    width: 100%;
    max-width: 240px;
}

.ec-cartRole__actions .ec-blockBtn--action {
    width: 100%;
    max-width: 240px;
}

@media only screen and (max-width: 768px) {
    .ec-cartRole {
        padding: 24px 16px;
    }
    
    .cart-cont {
        padding: 0px;
    }

    .ec-cartRole .ec-cartRole__actions{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        margin: 16px 0 0 0;
    }
}


/*----------------------------------------------------------------------------------------------------------------------------------------
                                                       応募手続き
 ----------------------------------------------------------------------------------------------------------------------------------------*/

@media only screen and (min-width: 768px) {
    .ec-orderRole {
        margin-top: 20px;
        flex-direction: row;
        background-color: #fff;
        padding: 40px 32px;
        border-radius: 15px;
        max-width: 1200px;
    }
}

.ec-rectHeading h2 {
    border-radius: 5px;
}

.ec-totalBox {
    border-radius: 10px;
}

.ec-orderDelivery,
.ec-orderPayment{
    display: none;
}

.ec-cartCompleteRole{
    max-width: 1320px;
}

/*----------------------------------------------------------------------------------------------------------------------------------------
                                                       マイページ/応募履歴
 ----------------------------------------------------------------------------------------------------------------------------------------*/
.page-my img{
    border-radius:5px;
}

@media only screen and (max-width: 768px) {
    .mypage .ec-off1Grid{
        padding: 0px;
    }
}

.ec-history {
    max-width: 1200px;
    margin: 0 auto;
    padding: 16px;
}

/*----------------------------------------------------------------------------------------------------------------------------------------
                                                       マイページ/応募履歴詳細
 ----------------------------------------------------------------------------------------------------------------------------------------*/
.application-detail .ec-orderRole {
    flex-direction: column;
}

.application-detail .ec-orderRole__detail{
    width: 100%;
}

.application-detail .ec-totalBox{
    background:unset;
    padding: 0px;
    margin-bottom: 0px;
}

.application-detail .ec-orderRole .ec-orderRole__summary {
        margin: 0 auto;
}

.application-detail .ec-role.ec-orderRole.my-page-btn{
    margin-top: 20px;
    flex-direction: row;
    background-color: unset;
    padding: 0;
    border-radius: 0;
    max-width: 600px;
}

.application-detail .ec-role.ec-orderRole.my-page-btn .ec-orderRole__detail{
    text-align: center;
}

.application-detail .ec-inlineBtn{
    padding: 20px 20px;
    color: #fff;
    width: 100%;
    max-width: 320px;
    border-radius: 50px;
    background-color: #525263;
    border: unset;
}

.application-detail .ec-orderRole .ec-orderRole__summary{
    display: none;
}
/*----------------------------------------------------------------------------------------------------------------------------------------
                                                       マイページ/お気に入り一覧
 ----------------------------------------------------------------------------------------------------------------------------------------*/
.application-history .ec-favoriteRole__item-image img{
    border-radius:8px;
}

.ec-favorite{
    max-width: 1200px;
    margin: 0 auto;
}

@media (max-width: 768px) {
    .ec-favorite{
        padding: 16px;
    }
}

.application-history .ec-favoriteRole .ec-favoriteRole__item .ec-closeBtn--circle {
    position: absolute;
    right: 14px;
    top: 14px;
}

@media (max-width: 768px) {
    .ec-favoriteRole .ec-favoriteRole__itemList{
        flex-direction: column;
    }  
    
    .ec-favoriteRole .ec-favoriteRole__item{
        width: 100%;
    }
}

@media (max-width: 768px) {
    .mypage .ec-layoutRole__main{
        padding: 8px;
    }
}

/*----------------------------------------------------------------------------------------------------------------------------------------
                                                       マイページ/会員情報編集
 ----------------------------------------------------------------------------------------------------------------------------------------*/

@media (max-width: 768px) {
    .ec-mypageRole.edit {
        padding: 0;
    } 
}

.ec-mypageRole.edit {
    max-width: 1520%;
    margin: 0 auto;
}

.edit dt {
    width: 31%;
}

.edit .ec-radio input{
    margin-right: 0px;
    margin-bottom: 10px;
}

/*----------------------------------------------------------------------------------------------------------------------------------------
                                                       マイページ/退会手続き
 ----------------------------------------------------------------------------------------------------------------------------------------*/
button:not(:disabled), [type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled) {
    cursor: pointer;
    border-radius: 50px;
}

/*----------------------------------------------------------------------------------------------------------------------------------------
                                                       お問い合わせページ
 ----------------------------------------------------------------------------------------------------------------------------------------*/
#page_contact .ec-contactRole {
    max-width: 1320px;
}

#page_contact .ec-off1Grid{
    padding: 40px 32px;
}
@media (max-width: 768px) {
    #page_contact .ec-off1Grid{
        padding: 16px;
    }
}
/*----------------------------------------------------------------------------------------------------------------------------------------
                                                       会社概要ページ
 ----------------------------------------------------------------------------------------------------------------------------------------*/
.about-us .ec-off1Grid {
    background-color: unset;
    box-shadow: unset;
    padding: unset;
}

.about-us .ec-off1Grid__cell {
    padding: 16px;
}

.about-us-box {
    max-width: 1000px;
    margin: 0 auto;
}
.about-us dl {
    display: flex;
    border-bottom: 1px solid #e7e7e7;
    padding: 24px;
}
@media (max-width: 768px) {
    .about-us dl {
        flex-direction: column;
        padding: 4px;
    }
}
.about-us dt {
    width: 30%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    line-height: 16px;
}

@media (max-width: 768px) {
    .about-us dt {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        line-height: 16px;
    }
}

.about-us dd {
    flex: 1;
}
@media (max-width: 768px) {
    .about-us dd {
        padding: 0 16px;
    }
}

.message{
    margin-bottom: 40px;
}
@media (max-width: 768px) {
    .message{
        margin-bottom: 24px;
    }
}
.message-cont{
    padding: 0 32px;
}
@media (max-width: 768px) {
    .message-cont{
        padding: 0px;
    }
}
.message-box {
    max-width: 860px;
    margin: 0 auto;
}

.message-des {
    font-weight: 600;
}

.access {
    margin-top: 40px;
}
@media (max-width: 768px) {
    .access {
        margin-top: 24px;
    }
}

.common-ttl {
    margin-bottom: 40px;
}

@media (max-width: 768px) {
    .common-ttl {
        margin-bottom: 24px;
    }
}

.common-eng {
    font-weight: 600;
    font-size: clamp(1.25rem, 0.4167rem + 1.7361vw, 2.5rem);
    text-align: center;
    color: #ff8100;
    line-height: 1;
}

.common-jp {
    text-align: center;
    font-weight: 600;
    line-height: 16px;
}

.access-map-wrap iframe {
    width: 100%;
    height: 500px;
    border-radius: 5px;
}

@media (max-width: 768px) {
    .access-map-wrap iframe {
        height: 240px;
    }
}

/*----------------------------------------------------------------------------------------------------------------------------------------
                                                       ログイン
 ----------------------------------------------------------------------------------------------------------------------------------------*/
.ec-login{
    padding: 40px 32px;
    border-radius: 10px;
}
@media (max-width: 768px) {
    .ec-login{
        padding: 24px 16px;
    }
}

.ec-login-cont {
    max-width: 540px;
    margin: 0 auto;
}


/*----------------------------------------------------------------------------------------------------------------------------------------
                                                       プライバシーポリシーページ
 ----------------------------------------------------------------------------------------------------------------------------------------*/
.ec-role.privacy-policy{
    padding: 0;
}

@media (max-width: 768px) {
    .ec-role.privacy-policy{
        padding: 0px;
    }
}

/*.privacy-policy .ec-role{*/
/*    background-color: #fff;*/
/*    padding: 40px;*/
/*    border-radius:15px;*/
/*    color: #333 !important;*/
/*}*/

.privacy-policy .ec-off1Grid {
    background-color: unset;
    border-radius: unset;
    box-shadow: unset;
    padding: unset;
}

.pp-ttl {
    margin: 32px 0 8px;
    padding: 4px;
    border-top: 1px solid #FEC131;
    border-bottom: 1px solid #FEC131;
}

.pp-itemization {
    margin-left:16px;
}