﻿:root{--color-white:#ffffff;--color-black:#1a1a1a;--color-gray-light:#f5f5f5;--color-accent:#ec6545;--color-border:#ededed;--color_border-gray:#e1e1e1}.page__workstyle_title,.page__workstyle_goal,.page__workstyle_detail,.page__workstyle_introduce{width:90%;max-width:1280px;margin:auto}@media only screen and (max-width: 1199px){.page__workstyle_title,.page__workstyle_goal,.page__workstyle_detail,.page__workstyle_introduce{width:91.66667%}}.lower_mv{background:url(../../company/mission/images/img_mv.jpg);background-repeat:no-repeat;background-size:cover;background-position:center}.page__workstyle{margin:100px auto}@media only screen and (min-width: 768px) and (max-width: 1199px){.page__workstyle{margin:80px auto}}@media only screen and (max-width: 767px){.page__workstyle{margin:3em auto}}.page__workstyle .bg_gray{padding:80px 120px 100px;background:#f5f5f5}@media only screen and (min-width: 768px) and (max-width: 1199px){.page__workstyle .bg_gray{padding:60px 2em}}@media only screen and (max-width: 767px){.page__workstyle .bg_gray{padding:3em 1em}}.page__workstyle_intro{position:relative;margin-bottom:135px}@media only screen and (min-width: 768px) and (max-width: 1199px){.page__workstyle_intro{margin-bottom:100px}}@media only screen and (max-width: 767px){.page__workstyle_intro{margin-bottom:3em}}.page__workstyle_intro .title_l{position:absolute;left:460px;top:9%;-webkit-transform:translateX(-50%);transform:translateX(-50%);color:#fff;letter-spacing:.3em;text-align:left;text-shadow:2px 2px 3px rgba(0,0,0,0.7),0 0 5px rgba(0,0,0,0.9);width:max-content}@media only screen and (min-width: 768px) and (max-width: 1199px){.page__workstyle_intro .title_l{left:300px}}@media only screen and (max-width: 767px){.page__workstyle_intro .title_l{left:160px}}@media only screen and (min-width: 768px) and (max-width: 1199px){.page__workstyle_intro .title_l{top:10%}}@media only screen and (max-width: 767px){.page__workstyle_intro .title_l{top:13px}}@media only screen and (min-width: 768px) and (max-width: 1199px){.page__workstyle_intro .title_l{letter-spacing:.2em}}@media only screen and (max-width: 767px){.page__workstyle_intro .title_l{letter-spacing:.1em}}.page__workstyle_intro .title_l .en{font-size:369%}@media only screen and (min-width: 768px) and (max-width: 1199px){.page__workstyle_intro .title_l .en{font-size:219%}}@media only screen and (max-width: 767px){.page__workstyle_intro .title_l .en{font-size:100%}}.page__workstyle_intro .title_l .sub_title{font-size:200%;font-family:"游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif}@media only screen and (min-width: 768px) and (max-width: 1199px){.page__workstyle_intro .title_l .sub_title{font-size:125%}}@media only screen and (max-width: 767px){.page__workstyle_intro .title_l .sub_title{font-size:82%}}.page__workstyle_intro img{width:100%}.page__workstyle_title{margin-bottom:70px}@media only screen and (min-width: 768px) and (max-width: 1199px){.page__workstyle_title{margin-bottom:50px}}@media only screen and (max-width: 767px){.page__workstyle_title{margin-bottom:2em}}.page__workstyle_title h3.title_l{margin-bottom:120px}@media only screen and (min-width: 768px) and (max-width: 1199px){.page__workstyle_title h3.title_l{margin-bottom:100px}}@media only screen and (max-width: 767px){.page__workstyle_title h3.title_l{margin-bottom:3em}}@media only screen and (max-width: 767px){.page__workstyle_title p{text-align:left}}.page__workstyle_goal{margin-bottom:100px}@media only screen and (min-width: 768px) and (max-width: 1199px){.page__workstyle_goal{margin-bottom:80px}}@media only screen and (max-width: 767px){.page__workstyle_goal{margin-bottom:3em}}.page__workstyle_goal .b_orange{border-left:3px solid #ec6545;padding-left:.75em;margin-bottom:1em}.page__workstyle_goal .image-wrapper{width:60%;margin:0 auto;display:flex;justify-content:center}@media only screen and (max-width: 767px){.page__workstyle_goal .image-wrapper{width:100%}}.page__workstyle_goal ul.card-list_2{display:grid;gap:20px;list-style:none;grid-template-columns:repeat(3, 1fr);gap:20px;margin-top:3em}@media only screen and (max-width: 767px){.page__workstyle_goal ul.card-list_2{grid-template-columns:1fr}}@media only screen and (max-width: 767px){.page__workstyle_goal ul.card-list_2{gap:5px}}@media only screen and (max-width: 767px){.page__workstyle_goal ul.card-list_2{margin-top:1em}}.page__workstyle_goal ul.card-list_2 li{padding:2rem 1rem 2.3rem;box-sizing:border-box;text-align:center;margin-bottom:1.3%;margin-right:1.6%;background-color:#f5f5f5}@media only screen and (max-width: 767px){.page__workstyle_goal ul.card-list_2 li{padding:1em 0.8em 1.3em}}@media only screen and (max-width: 767px){.page__workstyle_goal ul.card-list_2 li{margin-bottom:0}}@media only screen and (max-width: 767px){.page__workstyle_goal ul.card-list_2 li{margin-right:0}}@media only screen and (max-width: 767px){.page__workstyle_goal ul.card-list_2 li:nth-child(2n){margin-right:0}}.page__workstyle_goal ul.card-list_2 li img{max-width:60px}.page__workstyle_goal ul.card-list_2 li .content{display:flex;flex-direction:column;align-items:center}.page__workstyle_goal ul.card-list_2 li .content .title{font-weight:bold;font-size:1.5rem;margin-bottom:8px;margin-top:1rem}.page__workstyle_goal ul.card-list_2 li .content p{font-size:16px;margin:0;text-align:left}.page__workstyle_detail{margin-bottom:110px}@media only screen and (min-width: 768px) and (max-width: 1199px){.page__workstyle_detail{margin-bottom:90px}}@media only screen and (max-width: 767px){.page__workstyle_detail{margin-bottom:4em}}.page__workstyle_detail h3{margin-bottom:3rem}@media only screen and (min-width: 768px) and (max-width: 1199px){.page__workstyle_detail h3{margin-bottom:2rem}}@media only screen and (max-width: 767px){.page__workstyle_detail h3{margin-bottom:1rem}}.page__workstyle_detail_box{margin-top:70px}@media only screen and (min-width: 768px) and (max-width: 1199px){.page__workstyle_detail_box{margin-top:50px}}@media only screen and (max-width: 767px){.page__workstyle_detail_box{margin-top:1.5em}}.page__workstyle_detail_box .ttl_ic{display:flex !important;align-items:center !important;margin-bottom:1em !important}.page__workstyle_detail_box .ttl_ic span{margin-right:.1em}.page__workstyle_introduce{margin-bottom:200px;background:url(../../company/workstyle/images/img_bnr.jpg);background-size:cover;background-position:center;transition:transform 0.3s ease-in-out;position:relative}@media only screen and (min-width: 768px) and (max-width: 1199px){.page__workstyle_introduce{margin-bottom:150px}}@media only screen and (max-width: 767px){.page__workstyle_introduce{margin-bottom:5em}}@media only screen and (max-width: 767px){.page__workstyle_introduce{background:url(../../company/workstyle/images/img_bnr_sp.jpg)}}@media only screen and (max-width: 767px){.page__workstyle_introduce{background-size:cover;background-position:center}}.page__workstyle_introduce-inner{z-index:2;max-width:770px;margin:auto}@media only screen and (min-width: 768px){.page__workstyle_introduce-inner{display:flex;justify-content:space-between;align-items:center;padding:4.6875% 3.90625%}}@media only screen and (max-width: 767px){.page__workstyle_introduce-inner{padding:7.8125% 6.51042%}}.page__workstyle_introduce-main{z-index:2}@media only screen and (min-width: 768px){.page__workstyle_introduce-main{width:64.93506%}}@media only screen and (max-width: 767px){.page__workstyle_introduce-main{margin-bottom:6.51042%}}.page__workstyle_introduce__title{margin-bottom:.3em;color:white}.page__workstyle_introduce__text{color:white}@media only screen and (min-width: 768px){.page__workstyle_introduce__button{width:28.57143%}}.page__workstyle_introduce::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.6);z-index:0;transition:background 0.5s ease}@media only screen and (max-width: 767px){.page__workstyle_introduce::before{display:none}}.page__workstyle_introduce:hover::before{background:rgba(0,0,0,0.2)}.title_s{margin-bottom:1em}
