
.wrapper1080 {
    width: 100%;
    max-width: 1080px;
    margin-left: auto;
    margin-right: auto;
}



section.allgroup {
    width: 100%;
    max-width: 758px;
    margin: 0 auto 120px;
}
section.allgroup > div {
    width: 648px;
    margin: 0 auto;
}
section.allgroup > div > img {
    width: 100%;
    height: auto;
}

/*各事業ボタン*/
section.allgroup > ol {
    display: flex;
    justify-content: space-between;
    margin-top: 80px;
}
section.allgroup .btn {
    width: 176px;
    font-size: 20px;
}
section.allgroup a.btn::after {
    background-image: unset;
    content: "";
    width: 10px;
    height: 10px;
    display: inline-block;
    border-top: solid 2px #27B8DA;
    border-right: solid 2px #27B8DA;
    position: absolute;
    top: 43%;
    right: 5%;
    transform: translateY(-50%) rotate(135deg);
    -webkit-transform: translateY(-50%) rotate(135deg);
    -ms-transform: translateY(-50%) rotate(135deg);
    margin-right: 10px;
}
section.allgroup a.btn:hover:after {
    border-top: solid 2px #FFF;
    border-right: solid 2px #FFF;
}

/*各事業見出し*/
section.service-mds {
    position: relative;
    padding-top: 94px;
    margin-top: -94px;
}
div.bk_area {
    border-top: 4px solid #27B8DA;
    width: 100%;
    height: 200px;
    background-image: url(../../images/recruit/service/title_bg_pc.png);
    background-repeat: no-repeat;
} 
div.bk_area .title_area {
    position: absolute;
    top: 50%;
}
div.bk_area h2.ja_title {
    color: #FFF;
}
div.bk_area h2.ja_title::after {
    border-bottom: 2px solid #FFF;
}

p.sb_en-title {
    font-size: 22px;
    font-weight: bold;
    color: #27B8DA;
    background-color: #fff;
    padding: 0px 88px 20px;
    border-radius: 0px 0px 5px 5px;
    position: absolute;
    top: 94px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    line-height: unset;
}

/*****車検事業*****/
div.no1 {
    display: flex;
    justify-content: space-between;
    margin-bottom: 40px;
}
div.repair {
    flex-direction: row-reverse;
}

/*****事業説明*****/
section.service {
    margin: 80px auto 117px;
}
/*右上詳細内容*/
div.no1 > div:nth-of-type(1) {
    width: 540px;
}
div.no1 p:nth-of-type(1) {
    font-size: 26px;
    font-weight: bold;
    color: #001317;
    line-height: 2;
    margin-bottom: 16px;
}
div.no1 p:nth-of-type(2) {
    font-size: 16px;
    font-weight: 500;
    color: #001317;
    text-align: justify;
    line-height: 1.75;
    margin-bottom: 20px;
}
.under {
    background: linear-gradient(transparent 70%, #FFFF00 70%);
}
div.no1 > div:nth-of-type(1) > img {
    width: 540px;
    height: auto;
}
/*左上画像*/
div.no1 > div:nth-of-type(2) > img {
    width: 500px;
    height: auto;
}
/*下画像*/
section.service ul {
    display: flex;
    justify-content: space-between;
}
section.service > ul > li > img {
    width: 348px;
    height: auto;
}


/*****沿革*****/
section.history > div.title_area {
    padding-top: 120px;
}

/*沿革表*/
table {
    width: 100%;
    max-width: 950px;
    margin: 0 auto;
}

table tr.bule {
    background-color: #F8F8F8;
}

table th ,
table td {
    font-size: 16px;
    font-weight: 500;
    color: #001317;
    line-height: 1.5;
}
table th.yearpic {
    padding-left: 20px;
}
table th.year,
table td {
    padding: 20px 15px;
}
table td.pic {
    padding: 20px 20px 20px 0px;
}
th.yearpic > img {
    width: 144px;
    height: auto;
}
tr > td > img {
    width: 240px;
    height: auto;
}

/*水色棒線*/
.line {
    width: 2px;
    height: 250px;
    background-color: #27B8DA;
    position: absolute;
    top: 25px;
    left: 0px;
    z-index: 1;
}
td.month {
    position: relative;
}
.line:before {
    content: '';
    width: 10px;
    height: 10px;
    background: #27B8DA;
    position: absolute;
    top: 0px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    border-radius: 100%;
  }
.last {
    height: 180px;
}
.m_last {
    height: 73px;
}
.s_last {
    height: 70px;
}


table tr:nth-of-type(1) th,
table tr:nth-of-type(1) td,
table tr:nth-of-type(11) th,
table tr:nth-of-type(11) td,
table tr:nth-of-type(23) th,
table tr:nth-of-type(23) td,
table tr:nth-of-type(31) th,
table tr:nth-of-type(31) td,
table tr:nth-of-type(39) th,
table tr:nth-of-type(39) td {
    font-weight: bold;
}

/*年代毎の開始設定*/
*{}
*{}
table tr:nth-of-type(1) th.year,
table tr:nth-of-type(1) td,
table tr:nth-of-type(2) th.year,
table tr:nth-of-type(2) td,
table tr:nth-of-type(4) th.year,
table tr:nth-of-type(4) td,
table tr:nth-of-type(5) th.year,
table tr:nth-of-type(5) td,
table tr:nth-of-type(9) th.year,
table tr:nth-of-type(9) td,
table tr:nth-of-type(21) th.year,
table tr:nth-of-type(21) td,
table tr:nth-of-type(31) th.year,
table tr:nth-of-type(31) td       {
    padding-top: 34px;
}
table tr:nth-of-type(1) div.line,
table tr:nth-of-type(2) div.line,
table tr:nth-of-type(4) div.line,
table tr:nth-of-type(5) div.line,
table tr:nth-of-type(9) div.line,
table tr:nth-of-type(21) div.line,
table tr:nth-of-type(31) div.line {
    top: 42px;
}

/*これからも時代に寄り添い、柔軟に変化・進化していける私たちを目指して*/
div.minchou {
    margin: 68px auto 152px;
}
div.minchou > p {
    font-size: 30px;
    font-weight: 700;
    color: #27B8DA;
    font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    text-align: center;
    line-height: 2;
    transform: rotate(.03deg);
    -webkit-transform: rotate(.03deg);
}
div.minchou > p:nth-of-type(2) {
    font-size: 24px;
    margin-top: 37px;
}

/*■■■■■■■■■■■■■■sp■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
@media screen and (max-width: 1080px) {
*{}
*{}
/*■■■■■■■■■■■■■■sp■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/

section.allgroup {
    width: 90%;
    max-width: 600px;
    margin: 0 auto 60px;
}
section.allgroup > div {
    width: 100%;
    max-width: 600px;
}

/*各事業ボタン*/
section.allgroup > ol {
    flex-wrap: wrap;
    width: 100%;
    max-width: 350px;
    margin: 0 auto;
    margin-top: 60px;
}
section.allgroup > ol > li {
    width: 48%;
    margin-bottom: 15px;
}

section.allgroup .btn {
    width: 100%;
    max-width: 160px;
    font-size: min(6vw,18px);
}

/*各事業見出し*/
section.service-mds {
    padding-top: 0px;
    margin-top: 0px;
}
div.bk_area .title_area {
    top: 30%;
}
p.sb_en-title {
    font-size: min(3.5vw,14px);
    padding: 0px 21px 7px;
    width: max-content;
    top: 0px;
}

/*****車検事業*****/
div.no1 {
    display: flex;
    flex-direction: column-reverse;
    margin-bottom: 24px;
}

/*****事業説明*****/
section.service {
    width: 100%;
    margin: 0px auto 80px;
}
/*右上詳細内容*/
div.no1 > div:nth-of-type(1) {
    width: 80%;
    max-width: 600px;
    margin: 0 auto;
}
div.no1 p:nth-of-type(1) {
    margin-top: 36px;
    font-size: 24px;
    margin-bottom: 36px;
}
div.no1 p:nth-of-type(2) {
    font-size: 16px;
    margin-bottom: 4px;
}

div.no1 > div:nth-of-type(1) > img {
    width: 100%;
}
/*左上画像*/
div.no1 > div:nth-of-type(2) > img {
    width: 100%;
}
/*下画像*/
section.service ul {
    display: flex;
    justify-content: center;
}

section.service > div:nth-of-type(2) {
    width: 100%;
    max-width: 700px;
    display: block !important;
    margin: 0 auto 10px;
}
section.service > div:nth-of-type(2) > img {
    width: 100%;
    height: auto;
}

section.service > ul > li {
    margin-right: 10px;
}
section.service > ul > li:last-of-type {
    margin-right: 0px;
}
section.service > ul > li > img {
    width: 100%;
    max-width: 345px;
}

/*****沿革*****/
section.history > div.title_area {
    padding-top: 80px;
}

/*沿革表*/
table {
    width: 90%;
    max-width: 600px;
}

table th ,
table td {
    font-size: 14px;
}
table th.yearpic {
    position: relative;
    display: block;
    width: 1px;
    height: 83px;
}
table th.year,
table td {
    padding: 0px 15px 10px;
}

table td {
    display: block;
}
th.yearpic > img {
    position: absolute;
    z-index: 2;
    top: -13px;
    left: 30px;
    width: 144px;
}
tr > td > img {
    width: 100%;
    max-width: 275px;
    margin-left: 20px;
    padding-right: 20px;
}

/*水色棒線*/
.line {
    height: 400px;
    top: 6px;
}

.line:before {
    top: -2px;
}

.last {
    height: 320px;
}
@media (min-width: 425px) and (max-width: 1080px) {
    .m_last {
        /* height: 85px; */
        height: calc((100vw - 425px)* 5 / 655 + 65px );
    }
}
@media (max-width: 424px)  {
    .m_last {
        height: 85px;
    }
}

.s_last {
    height: 62px;
}
tr.last td.naiyou {
    display: block;
    height: 80px;
}
tr.last td.pic {
    height: 190px;
    padding-bottom: 200px;
}


/*年代毎の開始設定*/
*{}
*{}
table tr:nth-of-type(1) th.year,
table tr:nth-of-type(1) td,
table tr:nth-of-type(2) th.year,
table tr:nth-of-type(2) td,
table tr:nth-of-type(4) th.year,
table tr:nth-of-type(4) td,
table tr:nth-of-type(5) th.year,
table tr:nth-of-type(5) td,
table tr:nth-of-type(9) th.year,
table tr:nth-of-type(9) td,
table tr:nth-of-type(21) th.year,
table tr:nth-of-type(21) td,
table tr:nth-of-type(31) th.year,
table tr:nth-of-type(31) td       {
    padding-top: 0px;
}
table tr:nth-of-type(1) th.year,
table tr:nth-of-type(1) td:nth-of-type(1),
table tr:nth-of-type(2) th.year,
table tr:nth-of-type(2) td:nth-of-type(1),
table tr:nth-of-type(4) th.year,
table tr:nth-of-type(4) td:nth-of-type(1),
table tr:nth-of-type(5) th.year,
table tr:nth-of-type(5) td:nth-of-type(1),
table tr:nth-of-type(9) th.year,
table tr:nth-of-type(9) td:nth-of-type(1),
table tr:nth-of-type(21) th.year,
table tr:nth-of-type(21) td:nth-of-type(1),
table tr:nth-of-type(31) th.year,
table tr:nth-of-type(31) td:nth-of-type(1) {
    padding-top: 85px;
}
table tr:nth-of-type(1) div.line,
table tr:nth-of-type(2) div.line,
table tr:nth-of-type(4) div.line,
table tr:nth-of-type(5) div.line,
table tr:nth-of-type(9) div.line,
table tr:nth-of-type(21) div.line,
table tr:nth-of-type(31) div.line {
    top: 90px;
}

/*これからも時代に寄り添い、柔軟に変化・進化していける私たちを目指して*/
div.minchou {
    width: 90%;
    margin: 41px auto 96px;
}
div.minchou > p {
    font-size: 22px;
}
div.minchou > p:nth-of-type(2) {
    font-size: 20px;
    margin-top: 20px;
}

/*■■■■■■■■■■■■■■sp■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
}
/*■■■■■■■■■■■■■■sp■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/