@charset "utf-8";

/*----------------------------------------
    共通部分
---------------------------------------------*/
html{
    font-size: 62.5%;
}
@media screen and (-webkit-min-device-pixel-ratio:0){
  html {
    margin-bottom:1px;
    height:100%;
    } 
}
body{
    font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
    font-size: 1.6rem;
    margin: 0;
    padding: 90px 0 0;
    line-height: 1.5;
    position: relative;
}

*,*::after,*::before{
    box-sizing: border-box;
}

h1,h2,h3,h4,h5,h6,p,ul,li,dl,dt,dd{
    margin: 0;
    padding: 0;
}

a{
    text-decoration: none;
    color: #222222;
}

a:hover{
    color: #00a5e7;
    transition: .3s;
}

ul{
    list-style: none;
}

.wrapper{
    width: 90%;
    margin: 0 auto;
}

img{
    vertical-align: middle;
}

.icon-new{
    position: relative;
}

.icon-new::after{
    content: "";
    background: url(../images/icon-new-window.png) no-repeat center center / 10px 10px;
    height: 10px;
    width: 10px;
    position: absolute;
    right: 15px;
    bottom: 15px;
}

.icon-new_bottom{
    position: relative;
}

.icon-new_bottom::after{
    content: "";
    background: url(../images/icon-new-window.png) no-repeat;
    height: 10px;
    width: 10px;
    position: absolute;
    right: 15px;
    bottom: 0;
}

.icon-new_blue{
    position: relative;
}
.icon-new_blue::after{
    content: "";
    position: absolute;
    width: 21px;
    height: 21px;
    top: 50%;
    right: 40px;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform : translateY(-50%);
    background: url(../images/icon-new-window_blue_sp.png) no-repeat center center / 21px 21px;
}

/*----------------------------------------
    共通クラス
---------------------------------------------*/

/*-検索機能css*/

#ss-form div.ss-categories {
    margin-top: 10px;
    display: flex;
    margin-left: 16%;
}

div#ss-main.center #ss-form {
    text-align: center !important;
}

.search_text {
    line-height: 37px;
}
div#ss-main {
    font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif !important;
    font-size: 1.6rem !important;
    margin: 0 !important;
    line-height: 1.5 !important;
}

.key-search-box {
    width: 100% !important;
}

.key-search-input {
    width: 100% !important;
    display: none !important;
}

.search_font {
    font-size: 2.0rem;
    padding-left: 10px;
}

#ss-query2, #ss-query3 ,#ss-query4 {
    font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif !important;
    border-style: none;
    background-color: #00a5e7;
    font-size: 1.4rem;
}

/*-画像つきヘッダー*/

.headline-container {
    margin-bottom: 20px;
    width: 100%;
    height: 240px;
    background: url(../service/images/mobility.jpg) no-repeat;
    background-size: cover;
}

.headline-container--service {
    margin-bottom: 20px;
    width: 100%;
    height: 240px;
    background: url(../service/images/mobility_01.jpg) no-repeat;
    background-size: cover;
}

.headline {
    padding-top: 100px;
    padding-bottom: 13px;
    font-size: 42px;
    font-weight: bold;
    color: #FFFFFF;
    text-align: center;
    line-height: 1;
}

.headline-sub {
    font-size: 13px;
    color: #FFFFFF;
    text-align: center;
}

.top-breadcrumb {
    margin-left: 120px;
}
/*-パンくず-*/

.breadcrumb {
    max-width: 1240px;
    width: 100%;
    margin: 0 auto;
}

.breadcrumb-list {
  list-style: none;
  font-size: 1.2rem;
  color: #181e29;
  /* display: flex; */
  /* justify-content: flex-start; */
  /* float: left; */
}

.breadcrumb-break {
  /* white-space: nowrap; */
  float: left;
  line-height: 23px;
}

.breadcrumb-item::after {
    padding-left: 4px;
    padding-right: 4px;
    content: '>';
}

.breadcrumb-item:last-child::after {
    content: none;
}

.breadcrumb-break-clear {
    clear: both;
}

.pt15 {
    padding-top: 15px; 
}
/*-ｐタグ-*/

.text {
    font-size: 1.6rem;
    color: #181e29;
    margin-bottom: 20px;
}

/*-大きいセクション（margin-bottom:30）-*/

.section-01 {
    margin-bottom: 30px;
}

/*-1カラムのマージントップ、ボトム-*/

.col1-wrapper {
    padding-top: 80px;
    padding-bottom: 40px;
}


/*-小さいセクション（margin-bottom:20）-*/

.section-02 {
    margin-bottom: 20px;
}

/*-リンクの下線-*/

.boder {
    border-bottom: #181e29 1px solid;
}

.boder:hover{
    border-bottom: #00a5e7 1px solid;
    transition: .3s;
}


/*-青色下線付き見出し（黒字）-*/

.heading-blue {
    padding-top: 80px;
    font-size: 3.6rem;
    color: #181e29;
    text-align: center;
    line-height: 1;
    position: relative;
}

.heading-blue::after {
    bottom: -18px;
    content: "";
    display: inline-block;
    width: 50px;
    height: 2px;
    background: #00a5e7;
    position: absolute;
    left: 50%;
    -ms-transform: translateX(-50%);
    -webkit-transform : translateX(-50%);
    transform : translateX(-50%);
}

.heading-blue-sub {
    margin-top: 40px;
    margin-bottom: 40px;
    font-size: 1.3rem;
    text-align: center;
    line-height: 1;
    color: #181e29;
}


/*-青色下線付き見出し（白字）-*/

.heading-blue-white {
    padding-top: 80px;
    font-size: 3.6rem;
    color: #FFFFFF;
    text-align: center;
    line-height: 1;
    position: relative;
}

.heading-blue-white::after {
    bottom: -18px;
    content: "";
    display: inline-block;
    width: 50px;
    height: 2px;
    background: #00a5e7;
    position: absolute;
    left: 50%;
    -ms-transform: translateX(-50%);
    -webkit-transform : translateX(-50%);
    transform : translateX(-50%);
}

.heading-blue-white-sub {
    margin-top: 40px;
    margin-bottom: 40px;
    font-size: 1.3rem;
    text-align: center;
    line-height: 1;
    color: #FFFFFF;
}


/*-1120pxコンテンツ幅-*/

.wrapper-02 {
    max-width: 1120px;
    width: 100%;
    margin: 0 auto;
}


/*-ジャンル見出し01-*/

.genre-01 {
    height: 120px;
    margin-bottom: 10px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    background-color: #edeff1;
}

.genre-01-icon {
    padding-left: 30px;
}

.genre-01-text {
    padding-left: 20px;
    font-size: 2.4rem;
    font-weight: bold;
    color: #181e29;
    line-height: 1;
}

.genre-01-text::before {
    content: '';
    display: block;
    height: 0;
    width: 0;
    margin-bottom: 4px;
}

/*-モビリティサービスのリンク青文字-*/

.genre-link:hover .genre-01-text {
    color: #00A5E7;
    transition: 0.3s;
}


/*-ジャンル見出し02-*/

.genre-02 {
    margin-bottom: 10px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    border-bottom: #dfe4ea solid 1px;
}

.genre-02-icon {
    padding-bottom: 10px;
}

.genre-02-text {
    margin-bottom: 10px;
    padding-left: 20px;
    font-size: 2.4rem;
    font-weight: bold;
    color: #181e29;
}

.genre-02-text::before {
    content: '';
    display: block;
    height: 0;
    width: 0;
    margin-bottom: 4px;
}


/*-子ページ見出しレベル2-*/

.h2-02 {
    padding: 6px 0 6px 15px;
    margin-bottom: 20px;
    font-size: 1.8rem;
    color: #181e29;
    border-left: #00A5E7 solid 4px;
    background-color: #edeff1;
}


/*-子ページ見出しレベル3-*/

.h3-02 {
    padding: 8px 15px 8px 15px;
    margin-bottom: 10px;
    font-size: 1.6rem;
    color: #181e29;
    background-color: #edeff1;
}

/*-子ページ見出しレベル4-*/

.h4-02 {
    padding: 0px 0 4px 0px;
    margin-bottom: 10px;
    font-size: 1.6rem;
    color: #181e29;
    border-bottom: #edeff1 solid 1px;
}


/*-灰色のテキスト-*/

.gray-text {
    margin-bottom: 20px;
    font-size: 1.4rem;
    color: #777777;
}


/*-2カラムボックス-*/

.col-02-01 {
    width: 48%;
    position: relative;
}


/*-子ページ2カラムボックス-*/

.col-02-02 {
    width: 48%;
    position: relative;
}

.h3-02-full{
    position: relative;
}

.col2-wrapper {
    padding-top: 80px;
}

.col-02-02-content {
    width: 700px;
}

.col-02-02-section {
    display: flex;
    justify-content: space-between;
}

.col-02-02-box {
    padding: 25px 20px 60px 20px;
}

.col-02-02-link_right {
    position: absolute;
    bottom: 40px;
    right: 20px;
}
.col-02-02-imgBox p{
    margin-top: 15px;
    margin-bottom: 15px;
    text-align: right;
}
.col-02-02-imgBox-link{
    display: inline-block;
    text-align: left;
}

@media all and (-ms-high-contrast: none){
    .col-02-02-imgBox-link-ms{
        display: inline-block;
        text-align: left;
    }
}
.col-02-02-imgBox a:hover .boder {
    border-bottom: #00a5e7 1px solid;
    transition: .3s;
}
.col-02-02-imgBox a:hover .more-arrow-link::after {
    content: url(../images/icon-arrow_blue_s.png);
    position: absolute;
    top: 10%;
    right: 0;
    transition: .3s;
}

/*-子ページ3カラムボックス-*/

.col-03-03 {
    width: 30%;
    position: relative;
    box-sizing: border-box;
}
.col-03-03-section .col-03-03:nth-child(3n+2):last-child {
    margin-left: auto;
    margin-right: 35%;
}

.col3-wrapper {
    padding-top: 80px;
}

.col-03-03-content {
    width: 700px;
    padding-bottom: 60px;
}

.col-03-03-section {
    margin-bottom: 20px;
    padding: 0px 20px 0px 20px;
    display: flex;
    flex-flow: wrap;
    justify-content: space-between;
}

.col-03-03-box {
    padding-top: 5px;
    padding-bottom: 25px;
}

.col-03-03-link_right {
    position: absolute;
    bottom: 0px;
    right: 20px;
}


/*-青色矢印のリンク-*/

.bule-arrow-list {
    margin-bottom: 25px;
}

.bule-arrow-item {
    padding-bottom: 10px;
}

.bule-arrow-item::after {
    content: url(../images/icon-arrow_blue_s.png);
    padding-left: 10px;
}


/*-青色ボタン-*/

.link-button {
    margin-top: auto;
    display: inline-block;
    position: relative;
    width: 360px;
    font-size: 1.4rem;
    text-align: center;
    line-height: 1;
    border: 1px solid #212733;
    padding: 17px 0;
    color: #333;
}

.link-button::after {
    position: absolute;
    right: 25px;
    content: url(../images/icon-arrow_blue_m.png);
}


.link-button:hover {
    color: #fff;
    background-color: #00A5E7;
    border: 1px solid #00A5E7;
}

.link-button:hover::after {
    content: url(../images/icon-arrow_white_m.png);
}


/*-右ナビ-*/

.right-nav-wrapper {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
}

.right-nav {
    width: 340px;
    top: 50px;
}

.right-link {
    width: 340px;
    display: inline-block;
    padding-left: 20px;
}

.right-item {
    position: relative;
    font-size: 1.4rem;
    line-height: 50px;
    background-color: #edeff1;
}

.right-item::after {
    content: "";
    background: url(../images/icon-arrow_blue_s.png) no-repeat;
    position: absolute;
    width: 100px;
    height: 30px;
    right: -60px;
    top: 50%;
    z-index: 10;

}

.right-item:first-child::after {
    content: "";
    background: none;
}

.right-item-blue {
    height: 70px;
    
    position: relative;
    line-height: 70px;
    background-color: #00A5E7;
}

.right-item-blue::after {
    content: "";
    background: url(../images/icon-arrow_white_s.png) no-repeat;
    position: absolute;
    width: 100px;
    height: 30px;
    right: -60px;
    top: 50%;
    z-index: 10;
}

.right-item-head {
    font-size: 1.6rem;
    color: #FFFFFF;
}

.right-item-head:hover {
    color: #FFFFFF;
}

.right-nav-border {
    width: 300px;
    display: inline-block;
    border-bottom: #d4d6d8 solid 1px;
    position: relative;
    z-index: 100;
}

.right-active {
    color: #00A5E7;
    padding-left: 20px;
}


/*-右ナビアコーディオン-*/

.right-menu02 {
    font-size: 1.3rem;
    background: #edeff1;
}

.right-menu03 {
    font-size: 1.1rem;
    background: #edeff1;
}

.right-item02 {
    position: relative;
}

.right-item03 {
    position: relative;
    line-height: 30px;
}

.right-item03::before {
    content: "-";
    top: 0;
    left: 33px;
    position: absolute;
}

.right-item02-acd {
    position: relative;
}


.right-item02-acd label {
    padding : 11px 12px;
    cursor :pointer;
    position: absolute;
    top: -11px;
    right: 14px;
}

.right-item02-acd input {
    display: none;
}

.right-item02-acd .accshow {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
}

.cssacc:checked + .accshow {
    height: auto;
    padding: 5px;
    background: #edeff1;
    opacity: 1;
}

.right-item03-acd {
    position: relative;
}

.right-item03-acd label {
    padding : 11px 12px;
    cursor :pointer;
    position: absolute;
    top: -11px;
    right: 14px;
}

.right-item03-acd input {
    display: none;
}

.cssacc02:checked + .accshow02 {
    height: 0;
    padding: 0;
    display: none;
}

.right-item03-acd .accshow02 {

    height: auto;
    padding: 5px;
    background: #edeff1;
    display: block;
}




.right-link02 {
    width: 340px;
    padding-left: 30px;
    display: inline-block;
}

.right-link03 {
    width: 340px;
    padding-left: 45px;
    display: inline-block;
}

.right-item02::after {
    content: "";
    background: url(../images/icon-arrow_blue_s.png) no-repeat;
    position: absolute;
    width: 100px;
    height: 30px;
    right: -60px;
    top: 50%;
    z-index: 10;
}

.right-link02-acd {
    padding-left: 30px;
}

.right-nav-border02 {
    position: relative;
}

.right-nav-border02::before {
    position: absolute;
    content: "";
    background: #d4d6d8;
    width: 86%;
    height: 1px;
    left: 9%;
    top: 47px;
}

.right-nav-border03 {
    position: relative;
}

.right-nav-border03::before {
    position: absolute;
    content: "";
    background: #d4d6d8;
    width: 300px;
    height: 1px;
    left: 21px;
    top: 48px;
}

.right-nav-border04 {
    position: relative;
}

.right-nav-border04::after {
    position: absolute;
    content: "";
    background: #d4d6d8;
    width: 88%;
    height: 1px;
    left: 8%;
    top: 33px;
}

.after {
    transform: rotateX( 180deg );
}

.right-active02 {
    font-weight: bold;
}

.right-active03 {
    color: #00A5E7;
}

.right-item04 {
    position: relative;
    font-size: 1.4rem;
    line-height: 50px;
    background-color: #edeff1;
}

.right-item04::after {
    content: "";
    background: url(../images/icon-arrow_blue_s.png) no-repeat;
    position: absolute;
    width: 100px;
    height: 30px;
    right: -60px;
    top: 24px;
    z-index: 10;

}


/*-詳しく見るリンク-*/

.more-arrow-link {
    width: 125px;
    margin-bottom: 10px;
    display: inline-block;
    font-size: 1.3rem;
    position: relative;
}

.more-arrow-link::after {
    content: url(../images/icon-arrow_black.png);
    position: absolute;
    top: 10%;
    right: 0;
}

.more-arrow-link:hover::after {
    content: url(../images/icon-arrow_blue_s.png);
    position: absolute;
    top: 10%;
    right: 0;
    transition: .3s;
}

/*-キャッチコピー-*/

.catch-phrase {
    margin-bottom: 20px;
    padding-bottom: 10px;
    font-size: 2.4rem;
    font-weight: bold;
    color: #181e29;
    border-bottom: #dfe4ea solid 1px; 
}
.catch-phrase-s {
    margin-bottom: 20px;
    margin-top: 60px;
    padding-bottom: 10px;
    font-size: 2.4rem;
    font-weight: bold;
    color: #181e29;
    border-bottom: #dfe4ea solid 1px; 
}
/*-画像-*/

.img-box {
    margin-top: 20px;
    margin-bottom: 30px;
    text-align: center;
}

.img {
    margin-bottom: 10px;
    max-width: 700px;
}

.caption {
    font-size: 1.2rem;
    color: #181e29;
    text-align: center;
}

.img-zoom {
    position: relative;
    font-size: 1.2rem;
}


.zoom-border::before {
    content: "";
    position: absolute;
    top:1;
    left: -21px;
    background: url(../images/icon-search.png) no-repeat;
    background-size: 17px;
    height: 17px;
    width: 17px;
}

.zoom-border {
    position: relative;
    border-bottom: #181e29 1px solid;
}


.img-link:hover .zoom-border{
    border-bottom: #00A5E7 1px solid;
    transition: .3s;
}


/*-青色文字-*/

.blue-text {
    margin-top: 30px;
    margin-bottom: 10px;
    color: #00A5E7;
    font-size: 1.4rem;
}

/*-余白調整ー*/

.mb10 { margin-bottom: 10px }
.mb20 { margin-bottom: 20px }
.mb30 { margin-bottom: 30px }
.mb40 { margin-bottom: 40px }
.mb50 { margin-bottom: 50px }
.mb60 { margin-bottom: 60px }


/*-ULリスト-*/

.ul-01 {
    margin-top: 5px;
    font-size: 1.4rem;
    color: #181e29;
    font-weight: bold;
}

.ul-01-item {
    padding-bottom: 5px;
    padding-left: 20px;
    text-indent: -20px;
}

.ul-01-item::before {
    content: "";
    width: 4px;
    height: 4px;
    margin-left: 5px;
    margin-right: 11px;
    display: inline-block;
    background-color: #00A5E7;
    border-radius: 50%;
    position: relative;
    top: -3px;
}

/*-入れ子ULリスト-*/

.ul-02 {
    margin-top: 5px;
    font-size: 1.4rem;
    font-weight: normal;
}

.ul-02-item {
    padding-left: 35px;
    padding-bottom: 5px;
    text-indent: -20px;
}

.ul-02-item::before {
    content: "";
    width: 4px;
    height: 4px;
    margin-left: 5px;
    margin-right: 11px;
    display: inline-block;
    background-color: #00A5E7;
    border-radius: 50%;
    position: relative;
    top: -3px;
}

/*-OLリスト-*/

.ol-01 {
    margin-top: 5px;
    font-size: 1.4rem;
    color: #181e29;
    font-weight: bold;
    counter-reset: li_count;
}

.ol-01-item {
    padding-bottom: 5px;
    padding-left: 20px;
    text-indent: -20px;
}

.ol-01-item::before {
    counter-increment: li_count;
    content: counter(li_count)".";
    color: #00A5E7;
    margin-right: 5px;
}

/*-入れ子OLリスト-*/

.ol-02 {
    margin-top: 5px;
    font-size: 1.4rem;
    color: #181e29;
    font-weight: normal;
    counter-reset: li_count;
}

.ol-02-item {
    padding-left: 35px;
    padding-bottom: 5px;
    text-indent: -20px;
}

.ol-02-item::before {
    counter-increment: li_count;
    content: counter(li_count)".";
    color: #00A5E7;
    margin-right: 5px;
}

/*-丸付き数字リスト-*/

.encircled-list-01 {
    margin-top:5px;
    font-size: 1.4rem;
    font-weight: normal;
}

.encircled-list-01-item {
    padding-bottom: 5px;
    padding-left: 20px;
    text-indent: -20px;
}

/*-入れ子丸付き数字リスト-*/

.encircled-list-02 {
    margin-top:5px;
    font-size: 1.4rem;
    font-weight: normal;
}

.encircled-list-02-item {
    padding-left: 35px;
    padding-bottom: 5px;
    text-indent: -20px;
}

/*-その他リスト-*/

.other-list-01 {
    margin-top:5px;
    font-size: 1.4rem;
    font-weight: normal;
}

.other-list-01-item {
    padding-bottom: 5px;
    padding-left: 20px;
    text-indent: -20px;
}

/*-入れ子その他リスト-*/

.other-list-02 {
    margin-top:5px;
    font-size: 1.4rem;
    font-weight: normal;
}

.other-list-02-item {
    padding-bottom: 5px;
    padding-left: 44px;
    text-indent: -36px;
}

.other-list-02-head {
    color: #00A5E7;
}

/*-入れ子その他リスト03-*/

.other-list-03 {
    margin-top:5px;
    font-size: 1.4rem;
    font-weight: normal;
}

.other-list-03-item {
    padding-bottom: 5px;
    padding-left: 44px;
    text-indent: -25px;
}

.other-list-03-head {
    color: #00A5E7;
}

/*-注釈リスト-*/

.annotation-list {
    font-size: 1.2rem;
    color: #181e29;
}

.annotation-list-txt {
    font-size: 1.2rem;
    color: #181e29;
}

.annotation-list-item::before {
    content: "※";
    margin-right: 5px;
    font-size: 1.2rem;
    color: #181e29;
}


/*-リストテキスト01（padding-left:20px）-*/

.list-text {
    font-weight: normal;
}

/*-リンクリスト-*/

.link-list {
    font-size: 1.4rem;
    color: #181e29;
}

.link-list-item {
    padding-bottom: 7px;
}

.link-list-item::before {
    content: ">";
    margin-right: 5px;
}

.icon-newwindow {
    padding: 15px 6px;
    margin: 3px;
    background: url(../images/icon-new-window.png) 100% 50% no-repeat;
}

.icon-pdf {
    font-weight: normal;
    padding: 15px 17px 15px 4px;
    margin: 3px;
    background: url(../images/icon_pdf.png) 100% 50% no-repeat;
}

/*-リンクリスト(青色)-*/

.link-list02 {
    font-size: 1.4rem;
    color: #00A5E7;
}

.link-list-item02 {
    padding-bottom: 7px;
}

.link-list-item02::before {
    content: ">";
    color: #00A5E7;
    margin-right: 5px;
}

.icon-newwindow02 {
    padding: 15px 6px;
    margin: 3px;
    background: url(../images/icon-new-window_blue_s.png) 100% 50% no-repeat;
}

/*-リンク青色-*/

.boder-blue {
    color: #00A5E7;
    border-bottom: #00A5E7 1px solid;
}



/*-枠有テキストエリア-*/

.boder-box {
    padding: 20px;
    font-size: 1.4rem;
    color: #181e29;
    border: #dfe4ea solid 1px;
}

/*-見出しつきテキストエリア-*/

.h3-boder-box-title {
    padding: 8px 0 8px 15px;
    font-size: 1.6rem;
    color: #181e29;
    background-color: #edeff1;
}

.h3-boder-box {
    padding: 20px;
    font-size: 1.4rem;
    color: #181e29;
    border: #dfe4ea solid 1px;
}

/*-テーブル-*/

table {
    width: 100%;
    position: relative;
    font-size: 1.4rem;
    table-layout: auto;
	border-collapse: collapse;
}

td {
    padding: 15px 20px;
    border-collapse: collapse;
    background-color: #FFFFFF;
}

th {
    padding: 15px 20px;
    text-align: left;
	border-collapse: collapse;
}

.table-boder {
    border: 1px solid #dfe4ea;
}

.th-01 {
    background-color: #edfaff;
}

.th-center {
    text-align: center;
}

.th-01-width {
    width: 25%;
}

.th-01-width02 {
    width: 20%;
}

.th-02 {
    background-color: #edeff1;
}

.th-02-width {
    width: 13%;
}

.th-20p{
    width: 20%;
}

.td-35p{
    width: 35%;
}

.table-title {
    font-size: 1.6rem;
    color: #181e29;
}

/*-詳細ページの強調テキスト-*/

.emphasis-text {
    font-size: 1.8rem;
    font-weight: bold;
    color: #00A5E7;
}
.emphasis-text-blk {
    font-size: 1.8rem;
    font-weight: bold;
}

/*-パンくず改行させない-*/

.breadcrumb-break {
    white-space: nowrap;
}

/*-テキスト右寄せ-*/
.text-right {
    font-size: 1.6rem;
    color: #181e29;
    margin-bottom: 10px;
    text-align: right;
}

/*-赤色テキスト-*/
.text-red {
    color: red;
}

/*-太字-*/
.text-weight {
    margin-bottom: 10px;
    font-size: 1.6rem;
    font-weight: bold;
    color: #181e29;
}

/*-格付けページ用テーブル-*/

.table-boder02 {
    border-left: 1px solid #dfe4ea;
    border-bottom: 1px solid #dfe4ea;
}

.table-boder03 {
    border-left: 1px solid #dfe4ea;
    border-right: 1px solid #dfe4ea;
    border-bottom: 1px solid #dfe4ea;
}

.table-boder04 {
    border-top: 1px solid #dfe4ea;
    border-left: 1px solid #dfe4ea;
    border-bottom: 1px solid #dfe4ea;
}

.table-boder05 {
    border: 1px solid #dfe4ea;
}

.table-boder06 {
    border: 1px solid #dfe4ea;
}

/*-詳しく見るリンク1col版-*/
.more-arrow-link_right {
	position: relative;
}

.more-arrow-link_right02 {
    position: absolute;
    bottom: -20px;
    right: 6px;
}

/*-テーブルの幅-*/
.table-width01 {
    width: 230px;
}

.table-width02 {
    width: 126px;
}

.table-width03 {
    width: 85px;
}


/* お問い合わせ・お見積り（振り分けページ） */

/* パンくず下の余白 */
.bread-bottom{
    padding-bottom: 28px;
}

/* 18pxテキスト中央揃え */
.text-center {
    font-size: 1.8rem;
    color: #181e29;
    margin-bottom: 10px;
    text-align: center;
}

/* 中央寄せ */
.center{
    text-align: center;
}

/* マージントップ50px */
.mt-50{
    margin-top: 51px;
}


/* マージントップ30px */
.mt-30{
    margin-top: 30px;
}

/* マージントップ10px */
.mt-10{
    margin-top: 10px;
}

/* マージンボトム0px */
.mb-0{
    margin-bottom: 0;
}

/* マージンボトム60px */
.mb-60{
    margin-bottom: 60px;
}

/*-ジャンル見出し02のアイコン無しバージョン-*/

.genre-02_none {
    margin-bottom: 10px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    border-bottom: #dfe4ea solid 1px;
}

.genre-02-text_none {
    margin-bottom: 10px;
    font-size: 2.4rem;
    font-weight: bold;
    line-height: 1;
    color: #181e29;
}

.genre-02-text_none::before {
    content: '';
    display: block;
    height: 0;
    width: 0;
    margin-bottom: 4px;
}

/*-h3アイコンつきレイアウト調整-*/

.mini-white {
    margin-right: 10px;
    vertical-align: -9px;
}

/*-h3アイコンつき大きさ調整-*/

.c-info_mini {
    width: 30px;
    height: 30px;
}

/*PC用　padding-top:20px;*/
.pc-pt20{
    padding-top: 20px;
}

.pc-pt40{
    padding-top: 40px;
}

/*左揃え*/
.left{
    text-align: left;
}

/*PCでwidth:100px*/
.pc-w100{
    width: 100px;
}

/* サービス詳細SMAサポートへのリンクテキスト */
.pc-boder{
    border-bottom: #181e29 1px solid;
}
.pc-boder:hover{
    border-bottom: #00a5e7 1px solid;
    transition: .3s;
}

/* トップへ戻るスムーススクロール */
#page-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
}
#page-top img{
    width: 60px;
}
#page-top a {
    display: block;
}

/*-全部囲むwrapper-*/

.wrapper-all {
    overflow: hidden;
}

/*--------------------------------
    header
----------------------------------*/
.header{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.header-inner{
    width: 100%;
    height: 90px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    align-items: center;
}

.logo{
    padding-left: 25px;
    position: relative;
}

.navTop{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    align-items: center;
    font-size: 1.2rem;
}

.navTop-link:first-child,
.navTop-link:nth-child(2){
    padding-left: 20px;
}

.navTop-link_archive{
    background: url("../images/header-archive.png") no-repeat 0 50%;
}

.navTop-link_sitemap{
    background: url("../images/header-sitemap.png") no-repeat 0 50%;
}

.navTop-item:nth-child(2),
.navTop-item:nth-child(3){
    margin-left: 22px;
}

.navTop-link_jp{
    border-bottom: 2px solid #222;
}

.navTop-item:nth-child(4){
    margin-left: 7px;
    padding-right: 18px;
    border-right: 1px solid #222;
}

.navTop-item:nth-child(5){
    padding-left: 15px;
}

.search-wrapper {
    position: relative;
    width: 30px;
    height: 30px;
    /*border: #222222 1px solid;*/
    border-radius: 50px;
    box-shadow: 0px 0px 0px 1px rgba(220,224,228,1);
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    cursor: pointer;
    transition: 250ms ease;
}

.search-wrapper.focused {
    width: 200px;
    }

.search-wrapper.focused input {
    padding: 9px 40px 0 13px;
    width: 100%;
    -webkit-transform: scale(1);
            transform: scale(1);
}
.search-wrapper input {
    background: transparent;
    border: 0;
    outline: none;
    height: 20px;
    width: 0;
    overflow: hidden;
    font-weight: 100;
    -webkit-transform: scale(0);
            transform: scale(0);
    -webkit-transform-origin: 0 50%;
            transform-origin: 0 50%;
    transition: 275ms ease;
}
.search-wrapper input::-webkit-input-placeholder {
    color: #cccccc;
}
.search-wrapper input:-ms-input-placeholder {
    color: #cccccc;
}
.search-wrapper input::-ms-input-placeholder {
    color: #cccccc;
}
.search-wrapper input::placeholder {
    color: #cccccc;
}
.search-wrapper i {
    position: absolute;
    color: white;
    font-size: 18px;
    top: 50%;
    right: 23px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
}

.ion-search::after{
position: absolute;
content: "";
width: 18px;
height: 18px;
background: url(../images/header-search.png) no-repeat center center / 18px 18px;
top: 50%;
transform: translateY(-50%);
}

.navBottom{
    padding-top: 9px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    font-size: 1.4rem;
    font-weight: bold;
}

.navBottom-item{
    margin-left: 35px;
}

.navRight{
    margin-left: 30px;
}

.navRight-btns{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.navMenu{
    display: none;
}

.js-header-scroll{
    background: #fff;
    position: fixed;
    top: 0;
    transition: .5s;
    z-index: 999;
    width: 100%;
}

.js-header-scroll.hide{
    -ms-transform: translateY(-100%);
    -webkit-transform : translateY(-100%);
    transform: translateY(-100%);
}

/*-グロナビホバー-*/


.nav-mobility {
    position: relative;
}

.nav-mobility-list {
    display: none;
    width: 300px;
    height: 370px !important;
    position: absolute;
    padding-bottom: 20px;    
}

.nav-mobility-list02 {
    display: none;
    width: 10%;
    position: absolute;
    padding-bottom: 20px;
    
}

.nav-mobility-list03 {
    display: none;
    width: 10%;
    position: absolute;
    padding-bottom: 20px;
    
}

.nav-mobility-item {
    position: relative;
    padding-bottom: 35px;
    padding-left: 10px;
    display: block;
    background-color: #edeff1;
    top:15px;
}

.nav-mobility-item span {
    position: absolute;
    bottom: 0px;
    padding-bottom: 15px;
}

.nav-mobility-item::after {
    position: absolute;
    content: "";
    width: 17px;
    height: 6px;
    background: url(../images/icon-arrow_blue_s.png) no-repeat center center;
    top: 30%;
    right: 10px;
    transform: translateY(-50%);
}

.nav-mobility-item02 {
    position: relative;
    padding-bottom: 10px;
    padding-left: 10px;
    display: block;
    background-color: #edeff1;
    top: 14px;
}

.nav-mobility-item02::after {
    position: absolute;
    content: "";
    width: 17px;
    height: 6px;
    background: url(../images/icon-arrow_blue_s.png) no-repeat center center;
    top: 63%;
    right: 10px;
    transform: translateY(-50%);
}

.nav-mobility-item02_pr {
    padding-right: 35px;
    display: inline-block;
}

.nav-mobility-car {
    position: relative;
    padding-left: 10px;
    display: block;
    background-color: #edeff1;
    top:15px;
    height: 50px;
}

.nav-mobility-car span {
    position: absolute;
    bottom: 0px;
    padding-bottom: 15px;
}

.nav-mobility-car::after {
    position: absolute;
    content: "";
    width: 17px;
    height: 6px;
    background: url(../images/icon-arrow_blue_s.png) no-repeat center center;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
}

.nav-mobility-border {
    position: relative;
    padding-bottom: 35px;
    padding-left: 10px;
    display: block;
    background-color: #edeff1;
    top:15px;
}

.nav-mobility-border::before {
    position: absolute;
    content: "";
    background: #dce0e4;
    width: 90%;
    height: 1px;
    left: 5%;
    top: 10px;
}


/*------------------------------
    mainvisual
--------------------------------*/
.fv-img{
    height: 721px;
    background: url("../images/fv.jpg") no-repeat center center / cover;
    cursor: pointer;
}

.mainvisual {
    display: block;
    position: relative;
}

.mainvisual-title-wrap{
    position: absolute;
    left: 60px;
    bottom: 50px;
}

.mainvisual-title {
    font-weight: bold;
    font-size: 9.5rem;
    color: #fff;
}

.mainvisual-sub {
    font-size: 5rem;
    color: #fff;
}

.mainvisual-link {
    padding-left: 30px;
    font-size: 1.9rem;
    vertical-align:middle;
    line-height: 75px;
    color: #fff;
    width: 395px;
    height: 75px;
    background-color: #00a5e7;
    position: absolute;
    left: 62px;
    bottom: -37px;
}

.mainvisual-link:hover{
    color: #fff;
}

.mainvisual-arrow {
    padding-left: 60px;
    height: 33px;
    vertical-align: middle;
}

/*----------------------------------------
    emergency
--------------------------------------------*/

.emergency-content {
    margin: 75px auto 0 auto;
    max-width: 1000px;
    width: 100%;
    border: #d4d6d8 1px solid;
}

.emergency-title {
    margin-top: 20px;
    font-size: 1.8rem;
    font-weight: bold;
    text-align: center;
    line-height: 1;
}

.emergency-text {
    margin: 20px 80px;
    font-size: 1.6rem;
    text-align: center;
}

/*----------------------------------------
    news
--------------------------------------------*/
.news-wrapper{
    width: 1246px;
    margin: 0 auto;
}

.news-heading,
.topics-heading{
    font-size: 3rem;
    padding-bottom: 15px;
}

.newstitle-more,
.topicstitle-more{
    width: 122px;
    display: inline-block;
    position: relative;
    border-bottom: 1px solid #212733;
}

.newstitle-more::after,
.topicstitle-more::after {
    position: absolute;
    width: 17px;
    height: 6px;
    left: 105px;
    content: "";
    background: url(../images/icon-arrow-black_sp.png) no-repeat center center / 17px 6px;
    top: 50%;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform : translateY(-50%);
}

.newstitle-more:hover,
.topicstitle-more:hover {
    color: #00A5E7;
    border-bottom: 1px solid #00A5E7;
}

.newstitle-more:hover::after,
.topicstitle-more:hover::after {
    position: absolute;
    width: 17px;
    height: 6px;
    left: 105px;
    content: "";
    background: url(../images/icon-arrow-blue_sp.png) no-repeat center center / 17px 6px;
    top: 50%;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform : translateY(-50%);
    transition: .3s;
}


.news,
.topics{
    width: 100%;
}

.news-category,
.topics-category{
    padding-right: 25px;
    font-size: 1rem;
}

.news-categoryBox,
.topics-categoryBox {
    width: 100px;
    display: inline-block;
    text-align: center;
    color: #1e6ff3;
    border: inset 1px #1e6ff3;
}

.news-pdf {
    font-size: 1.1rem;
    position: absolute;
    right: 5px;
    bottom: 20px;
    padding-right: 23px;
}

.news-data,
.topics-data{
    padding-right: 25px;
    font-size: 1.2rem;
}

.news-title,
.topics-title{
    font-size: 1.6rem;
}

.news-wrapper {
    padding-top: 70px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.newstitle,
.topicstitle{
    width: 30%;
}

.news-listBox{
    width: 100%;
    padding: 20px 80px 20px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    position: relative;
}

.topics-listBox{
    width: 100%;
    padding: 20px 80px 20px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    position: relative;
}

.news-listBox,
.topics-listBox{
    border-bottom: solid 1px #888888;
}

.news-listBox:last-child,
.topics-listBox:last-child{
    border-bottom: none;
}

.topics-list{
    width: 100%;
}

.news-list:last-child{
    border-bottom: none;
}

.newstitle-more,
.topicstitle-more{
    position: relative;
}

.newstitle-more,
.topicstitle-more{
    border-bottom: 1px solid #212733;
}

.news-pdf-icon,
.topics-pdf-icon {
    padding-left: 10px;
    vertical-align:middle;
}

.topics-contents {
    padding: 25px 0;
    background-color: #edeff1;
    border-bottom: #d4d6d8 1px solid;
    border-collapse: separate;
}

.topics-wrapper{
    width: 1246px;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.news-pdfIcon {
    position: relative;
}

.news-pdfIcon::after {
    content: "";
    position: absolute;
    right: 5px;
    bottom: 20px;
    width: 12px;
    height: 15px;
    background: url(../images/icon_pdf_sp.png) no-repeat center center / 12px 15px;
}

/*-------------------------------------------
    mobility
----------------------------------------------*/
.heading{
    padding-top: 90px;
    font-size: 5.3rem;
    font-weight: bold;
    text-align: center;
    position: relative;
}

.heading::after{
    bottom: -20px;
    content: "";
    display: inline-block;
    width: 50px;
    height: 2px;
    background: #00a5e7;
    position: absolute;
    left: 50%;
    -ms-transform: translateX(-50%);
    -webkit-transform : translateX(-50%);
    transform : translateX(-50%);
}

.heading-sub{
    padding-top: 50px;
    text-align: center;
    font-size: 2.2rem;
}

.mobility-picup2col {
    padding-top: 50px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.mobility-img2col {
    width: 100%;
    text-align: center;
}

.mobility-main2col {
    position: relative;
    width: 100%;
}

.mobility-main2col:nth-child(2){
    background: #edeff1;
}

.mobility-main2col-link{
    display: block;
    padding-bottom: 60px;
}

.mobility-character2col {
    width: 100%;
    position: relative;
}

.mobility-label2col {
    width: 115px;
    height: 30px;
    font-size: 1.4rem;
    color: #fff;
    text-align: center; 
    line-height: 30px;
    background-color: #00a5e7;
    position: absolute;
    top: 0;
    left: 0;
}

.mobility-icon2col {
    position: absolute;
    left: 50%;
    top:-45px;
    -ms-transform: translateX(-50%);
    -webkit-transform : translateX(-50%);
    transform : translateX(-50%);
}

.mobility-icon2col img{
    max-width: 90px;
    width: 100%;
}

.mobility-title2col {
    padding-top: 70px;
    padding-bottom: 30px;
    text-align: center;
    font-size: 2.5rem;
    font-weight: bold;
}

.mobility-sub2col {
    padding: 0 65px;
    font-size: 1.4rem;
}

.mobility-picup3col {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.mobility-main3col {
    width: 100%;
    position: relative;
    border-bottom: 1px solid #e0e1e3;
}

.mobility-main3col-link{
    display: block;
    padding-bottom: 50px;
}

.mobility-img3col {
    width: 100%;
}

.mobility-character3col {
    width: 100%;
    position: relative;
}

.mobility-icon3col {
    position: absolute;
    top: -45px;
    left: 50%;
    -ms-transform: translateX(-50%);
    -webkit-transform : translateX(-50%);
    transform : translateX(-50%);
}

.mobility-icon3col img{
    max-width: 76px;
    width: 100%;
}

.mobility-label3col {
    height: 25px;
    width: 90px;
    color: #fff;
    text-align: center; 
    font-size: 1.2rem;
    line-height: 25px;
    background-color: #00a5e7;
    position: absolute;
    top: 0;
    left: 0;
}

.mobility-title3col {
    padding-top: 50px;
    padding-bottom: 30px;
    font-size: 2rem;
    font-weight: bold;
    text-align: center;
}

.mobility-sub3col {
    padding-left: 40px;
    padding-right: 40px;
}

.mobility-main3col_center {
    background-color: #edeff1;
}

.sp-show {
    display: none;
}
.tab-show {
    display: none;
}
/*----------------------------------------
    service
-------------------------------------------*/
.service{
    padding-top: 70px;
}

.serviceImg img{
    max-width: 150px;
    width: 100%;
}

.heading-middle{
    margin-bottom: 50px;
    font-size: 2.4rem;
    text-align: center;
    position: relative;
}

.heading-middle::after{
    bottom: -15px;
    content: "";
    display: inline-block;
    width: 50px;
    height: 2px;
    background: #00a5e7;
    position: absolute;
    left: 50%;
    -ms-transform: translateX(-50%);
    -webkit-transform : translateX(-50%);
    transform : translateX(-50%);
}

.service-list{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.service-item{
    width: 20%;
    border-right: 1px solid #dfe4ea;
}

.service-item_link{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
}

.service-item:last-child{
    border-right: none;
}

.service-title{
    padding-top: 20px;
    font-size: 2rem;
    font-weight: bold;
}

.service-text{
    padding: 20px 0 30px;
    font-size: 1.4rem;
}

.service-detailBtn{
    margin-top: auto;
    text-align: center;
    display: inline-block;
    background: #212733;
    color: #fff;
    font-size: 1.3rem;
    padding: 10px 0;
    max-width: 160px;
    width: 100%;
}

.service-item_link{
    display: block;
    padding: 0 20px;
}

.service-btn{
    padding-top: 45px;
    text-align: center;
}

.service-link{
    display: inline-block;
    position: relative;
    width: 460px;
    font-size: 1.7rem;
    border: 1px solid #212733;
    padding: 22px 0;
    color: #333;
}

.service-item_link:hover .service-detailBtn{
    color: #00a5e7;
    transition: .3s;
}

.service-link::after {
    position: absolute;
    right: 25px;
    top: 50%;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform : translateY(-50%);
    width: 33px;
    height: 9px;
    content: "";
    background: url(../images/icon-arrow-blue_sp.png) no-repeat center center / 33px 9px;
}


.service-link:hover {
    color: #fff;
    background-color: #00A5E7;
    border: 1px solid #00A5E7;
}


.service-link:hover::after {
    position: absolute;
    right: 25px;
    top: 50%;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform : translateY(-50%);
    width: 33px;
    height: 9px;
    content: "";
    background: url(../images/icon-arrow-white_ll.png) no-repeat center center / 33px 9px;
}

/*----------------------------------------
    carsmart
-----------------------------------------*/
.carsmart {
    margin-top: 70px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.carsmart-left {
    width: 50%;
    cursor: pointer;
}

.carsmart-img {
    width: 100%;
}

.carsmart-right {
    width: 50%;
    position: relative;
    background-color: #edeff1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.carsmart-right:hover{
    cursor: pointer;
}

.carsmart-bnrbox{
    padding: 25px 0;
}

.carsmart-bnr {
    text-align: center;
}

.carsmart-sub {
    text-align: center;
    font-size: 1.4rem;
}

.carsmart-newwindow {
    position: absolute;
    top: 50%;
    right: 40px;
}

/*-----------------------------------
    partnership
--------------------------------------*/
.partnership {
    width: 100%;
    position: relative;
}

.partnership-title {
    width: 100%;
    position: relative;
}

.partnership-subHeading{
    padding-bottom: 55px;
}

.prtnership-agency {
    width: 100%;
    position: relative;
    padding-top: calc(360 / 1366 *100%);
    margin-bottom: 260px;
    background: url(../images/partner.jpg) no-repeat;
    background-size: contain;
    cursor: pointer;
}

.prtnership-2col {
    max-width: 1120px;
    width: 100%;
    position: absolute;
    top:30%;
    left: 50%;
    -ms-transform: translate(-50%,-50%);
    -webkit-transform : translate(-50%,-50%);
    transform : translate(-50%,-50%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.prtnership-title {
    width: 100%;
    font-size: 3.3rem;
    font-weight: bold;
    color: #fff;
}

.prtnership-link {
    position: relative;
    width: 260px;
    height: 50px;
    line-height: 50px;
    font-size: 1.4rem;
    text-align: center;
    color: #fff;
    border: 1px solid #fff;
}

.prtnership-link::after {
    content: "";
    height: 7px;
    width: 25px;
    background: url(../images/icon-arrow-white_l.png) no-repeat center center / 25px 7px;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    -webkit-transform : translateY(-50%);
    transform: translateY(-50%);
    right: 15px;
    vertical-align: middle;
}

.prtnership-link:hover::after {
    content: "";
    height: 7px;
    width: 25px;
    background: url(../images/icon-arrow-blue_l.png) no-repeat center center / 25px 7px;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    -webkit-transform : translateY(-50%);
    transform: translateY(-50%);
    right: 15px;
    vertical-align: middle;
    transition: .3s;
}


.prtnership-contracted {
    max-width: 1120px;
    width: 100%;
    padding-top: 4%;
    position: absolute;
    bottom: -360px;
    left: 50%;
    -ms-transform: translate(-50%,-50%);
    -webkit-transform : translate(-50%,-50%);
    transform : translate(-50%,-50%);
    background-color: #fff;
}

.partnership-system {
    width: 100%;
    padding: 0 0 20px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.partnership-management{
    position: relative;
    width: 100%;
    border-right: 1px solid #cdd1d7;
    border-left: 1px solid #cdd1d7;
}

.partnership-management a{
    padding: 20px 0 15px;
    display: block;
    text-align: center;
}

.partnership-estimate {
    position: relative;
    width: 100%;
    border-right: 1px solid #cdd1d7;
}

.partnership-estimate a{
    padding: 20px 0 15px;
    display: block;
    text-align: center;
}

.partnership-assist {
    width: 100%;
    padding-bottom: 10px;
}

.partnership-assist_sub {
    width: 100%;
    text-align: center;
}

.partnership-assistBnr {
    max-width: 100%;
}

.partnership-newwindow {
    position: absolute;
    bottom: 0;
    right: 0;
}

/*-------------------------------------------
    about
--------------------------------------------*/
.about {
    width: 100%;
    background-color: #edeff1;
}

.about-title {
    width: 100%;
    position: relative;
}

.about-main {
    padding-top: 50px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.about-mainImg {
    width: 100%;
    position: relative;
}

.about-mainBox {
    width: 100%;
    position: absolute;
    bottom: 6%;
    left: 50%;
    -ms-transform: translateX(-50%);
    -webkit-transform : translateX(-50%);
    transform: translateX(-50%);
}

.about-3col {
    display: block;
    width: 100%;
}

.about-img {
    width: 100%;
}

.about-img img{
    width: 100%;
}

.about-img_sp{
    display: none;
}

.about-top {
    padding-bottom: 25px;
    text-align: center;
    line-height: 28px;
    color: #fff;
    font-size: 2.8rem;
}

.about-bottom {
    text-align: center;
    color: #fff;
    font-size: 1.4rem;
}

.about-3col:hover .about-top,
.about-3col:hover .about-bottom{
    color: #00a5e7;
    transition: .3s;
}

/*----------------------------------------
    recruit
----------------------------------------*/
.recruit {
    width: 95%;
    margin: 0 auto;
}

.recruit-wrapper{
    margin: 0 auto;
    max-width: 1246px;
    width: 100%;
}

.recruit-title {
    width: 100%;
    position: relative;
}

.recruit-sub {
    padding-top: 30px;
    padding-bottom: 55px;
    text-align: center;
    font-size: 2rem;
}

.recruit-main {
    padding-top: 50px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.recruit-mainImg {
    width: 100%;
    position: relative;
}

.recruit-img {
    width: 100%;
}

.recruit-img_sp{
    display: none;
}

.recruit-box {
    position: absolute;
    top: 50%;
    left: 5%;
    -ms-transform: translateY(-50%);
    -webkit-transform : translateY(-50%);
    transform: translateY(-50%);
}

.recruit-top {
    padding-bottom: 20px;
    line-height: 30px;
    font-size: 3rem;
    font-weight: bold;
}

.recruit-bottom {
    font-size: 1.4rem
}

.icon-new_recruit::after {
    content: "";
    width: 17px;
    height: 17px;
    background: url(../images/icon-new-window_sp.png) no-repeat center center / 17px 17px;
    position: absolute;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform : translateY(-50%);
    top: 23%;
    left: 140px;
}

/*----------------------------------------
    contact
----------------------------------------*/
.contact{
    margin-top: 90px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 337px;
}

.contact-left,
.contact-right{
    width: 50%;
}

.contact-left{
    background: #00a5e7;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.contact-list{
    height: 100%;
}

.contact-item{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 50%;
    background: #212733;
}

.contact-leftInner{
    padding-left: 18%;
    display: block;
    color: #fff;
}

.contact-rightLink{
    width: 100%;
    height: 100%;
    color: #fff;
    font-size: 2.4rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 92px;
    padding-right: 20%;
    position: relative;
}

.contact-rightLink::after{
    content: url(../images/icon-arrow_blue.png);
    position: absolute;
    left: 85%;
    top: 47%;
    -ms-transform: translateY(-50%);
    -webkit-transform : translateY(-50%);
    transform: translateY(-50%);
}

.contact-rightLink:first-child{
    border-bottom: 1px solid #515661;
}

.contact-small{
    font-size: 1.4rem;
    display: block;
    padding-top: 6px;
}

.contact-heading{
    font-size: 5.2rem;
    padding-bottom: 35px;
}

.contact-subHeading{
    font-size: 1.8rem;
}

.contact-contactBtn{
    padding-left: 35px;
}

/*----------------------------------------
    agreement
----------------------------------------*/
.agreement{
    background: #edeff1;
    padding: 70px 0;
}

.agreement-list{
    margin: 0 auto;
    width: 1120px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-left: 1px solid #cdd1d7;
    border-right: 1px solid #cdd1d7;
}

.agreement-item{
    width: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.agreement-item:first-child{
    border-right: 1px solid #cdd1d7;
}

.logo-e-adivice_big{
    padding-bottom: 9px;
}

.agreement-link{
    display: inline-block;
    width: 100%;
    text-align: center;
}


/*----------------------------------------
    logos
----------------------------------------*/
.logosTop-wrapper{
    margin: 0 auto;
    max-width: 1120px;
    width: 100%;
}

.logosTop{
    background: #dce0e4;
}

.logosTop-list{
    padding: 40px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-left: 1px solid #dce0e4;
    border-right: 1px solid #dce0e4;
}

.logosTop-item:first-child{
    border-right: 1px solid #dce0e4;
}

.logosTop-link{
    display: inline-block;
}

.logosTop img{
    width: 100%;
}

.logosBottom-wrapper{
    margin: 0 auto;
    width: 1366px;
}

@media screen and (max-width:1366px){
    .logosBottom-wrapper{
        width: auto;
    }
}

.logosBottom-list{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center;
}

.logosBottom-item{
    border-right: 1px solid #dfe4ea;
    width: calc( 100% / 5 );
}

.logosBottom-item:last-child{
    border-right: none;
}

.logosBottom-link{
    display: block;
    height: 190px;
}

.logosBottom-inner{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
}

.logosBottom-imgWrapper{
    padding-bottom: 20px;
    text-align: center;
}

.logosBottom-imgWrapper img{
    max-width: 100%;
}

.logosBottom-text{
    font-size: 1.2rem;
    color: #777777;
    padding: 0 25px;
}

/*----------------------------------------
    モビリティサービス
----------------------------------------*/

.mobility-wrapper {
    margin-top: 60px;
    margin-bottom: 40px;
}

.mobility-content {
    display: flex;
    justify-content: space-between;
}

.mobility-box {
    padding: 20px 30px 90px 45px;
}

.link-button-box {
    position: absolute;
    bottom: 40px;
    left:50%;
    transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
}

.search-content {
    padding-bottom: 65px;
    background: url(../images/search.jpg) no-repeat;
    background-size: cover;
}

.search-form {
    margin-bottom: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.search-box {  
    width: 640px; 
    height: 60px;;
    display: block;   
    position: relative;  
}  

.search-boxBtn {  
    position: absolute;  
    top: 50%;  
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform : translateY(-50%);
    right: 20px;  
}  

.search-list {
    display: flex;
    justify-content: center;
    color: #FFFFFF;
}

.search-title {
    line-height: 2;
}

.search-item {
    margin-left: 10px;
    padding: 4px 5px 4px 30px;
    position: relative;
    font-size: 1.4rem;
    line-height: 0.9;
    background-color: #00a5e7;
}

.search-item::before {
    content: url(../service/images/icon-search_white.png);
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform : translateY(-50%);
    left: 10px;
}

.search-link {
    color: #FFFFFF;
}

.search-link:hover {
    color: #FFFFFF;
}

.tf-topics {
    width: 560px;;
    display: flex;
    flex-direction: column;
}

.tf-wrapper {
    margin-bottom: 100px;
    display: flex;
    justify-content: space-between;
}

.tf-list{
    padding: 0px 40px 40px 40px;
    display: block;
}

.tf-title{
    width: 100%;
    padding-left: 0;
    font-size: 1.6rem;
}

.tftitle-more a{
    font-size: 1.1rem;
    padding-bottom: 5px;
}

.tf-listBox{
    margin-top: 15px;
    display: block;
    border-bottom: solid 1px #dfe4ea;
}

.tf-listBox:first-child {
    margin-top: 0;
}

.tf-data{
    margin-bottom: 10px;
    display: inline-block;
}

.tf-title{
    padding-bottom: 10px;
}

.tf-data{
    padding-right: 15px;
    font-size: 1.2rem;
}

.tf-category {
    padding-right: 25px;
    font-size: 1rem;
    display: inline-block;
}

.tf-categoryBox {
    width: 100px;
    display: inline-block;
    text-align: center;
    color: #1e6ff3;
    border: inset 1px #1e6ff3;
}

.tf-button {
    margin-top: auto;
    text-align: center
}

.beyond-box {
    max-width: 1120px;
    width: 100%;
    margin: 0 auto;
    margin-bottom: 100px;
    background-color: #edeff1;
}

.beyond-box-2col {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.beyond-text {
    font-size: 1.4rem;
    padding-top: 8px;
    margin-bottom: 10px;
}


.blue-border {
    display: inline-block;
    width: 50px;
    border-bottom: 2px solid #00A5E7;
}

.beyond-textTitle {
    font-weight: bold;
    font-size: 2rem;
}

.blue-border-wrap {
    line-height: 0;
    padding: 10px 0;
}

.beyond-2col-item02 {
    padding: 15px 100px 15px 0;
}

.beyond-img {
    width: 100%;
}

.beyond-2col-item {
    width: 50%;
}

.tf-wrapper_en {
    display: block;
}

.tf-topics_none {
    display: none;
}

.tf-topics_center {
    margin: 0 auto;
}



/*----------------------------------------
    環境対策サービス
----------------------------------------*/

.environment-content {
    margin-bottom: 60px;
}

/*----------------------------------------
    サービス詳細サンプルページ
----------------------------------------*/

.sample-contant {
    margin-top: 20px;
    display: flex;
}

.sample-4colbox {
    margin-right: 20px;
}

.sample-mt {
    margin-top: 20px;
}

.sample-center {
    text-align: center;
}

.bpo-center {
    text-align: center;
}

/*----------------------------------------
    コンタクトフォーム
----------------------------------------*/
.form-container input {
    border: #181e29 1px solid;
}

select {
    border: #181e29 1px solid;
}

.contact-link-list {
    font-size: 1.6rem;
    font-weight: bold;
    margin-bottom: 20px;
}

.icon-arrow {
    padding: 15px 12px;
    margin: 3px;
    background: url(../images/icon-arrow_blue_m.png) 100% 50% no-repeat;
}

.agency-center {
    text-align: center;
}

.agency-center .button-wrap input:hover {
    background-color: #00A5E7;
}

.agency-center .button-wrap {
    position: relative;
    width: 360px;
    margin: 0 auto;
}

.agency-center .button-wrap::after {
    position: absolute;
    top: 8px;
    right: 25px;
    content: url(../images/icon-arrow_blue_m.png);
}

.agency-center .button-wrap:hover::after {
    content: url(../images/icon-arrow_white_m.png);
}

.agency-center .button-wrap input {
    background-color: #fff;
}

.form-container {
    display: table;
    border-collapse: collapse;
    font-size: 1.6rem;
    color: #181e29;
}

.form-list {
    display:table-row;
}

.form-label {
    display: table-cell;
    width: 270px;
    padding: 15px 0;
    text-align: left;
    background-color: #eeeff3;
    border-top: #181e29 1px solid;
    border-left: #181e29 1px solid;
    border-bottom: #181e29 1px solid;
    z-index: -1;
}

.form-required {
    position: relative;
}

.form-required::after {
    content: "必須";
    width: 40px;
    height: 20px;
    position: absolute;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform : translateY(-50%);
    top: 25px;
    right: 20px;
    text-align: center;
    font-size: 1.6rem;
    color: #FFFFFF;
    background-color: #00A5E7;
}

.form-container label {
    margin-left: 20px;
    font-weight: bold;
}

.form-margin-left {
    margin-left: 20px;
}

.form-item {
    display: table-cell;
    width: 850px;
    text-align: left;
    border-top: #181e29 1px solid;
    border-right: #181e29 1px solid;
    border-bottom: #181e29 1px solid;
}

.form-radio-item {
    display: inline-block;
}

.form-section {
    margin-bottom: 10px;
}

.form-company {
    width: 380px;
    height: 30px;
    padding-left: 10px;
}

.form-address {
    padding-left: 10px;
    width: 100px;
    height: 30px;
}

.form-address-list {
    margin-bottom: 15px;
}

.form-text-w {
    font-weight: bold;
}

.form-address-link {
    margin-left: 10px;
}

button.form-address-link {
    border: none;
    padding: 0;
    text-decoration: underline;
    background-color: transparent;
}

.form-address-item {
    margin-top: 10px;
    margin-left: 20px;
}

.form-pref {
    width: 150px;
    height: 30px;
    padding-left: 10px;
    float: left;
}

.form-address-fields {
  margin-left: 160px;
}

.form-address-fields > .form-address-another {
  margin-bottom: 10px;
}

.form-address-fields > .form-address-another:last-child {
  margin-bottom: 0;
}

.form-address-another {
    width: 490px;
    height: 30px;
    padding-left: 10px;
    margin-top: -1px;
    margin-left: 20px;
}

.form-industry {
    display: none;
}

.form-industry + span {
    padding-left: 20px;
    position:relative;
    font-weight: normal;
    margin-bottom: 25px;
}

.form-industry + span::before{
    content: "";
    display: block;
    position: absolute;
    top: 3px;
    left: 0;
    width: 14px;
    height: 14px;
    border: 1px solid #181e29;
    border-radius: 50%;
}

.form-industry:checked + span::after{
    content: "";
    display: block;
    position: absolute;
    top: 3px;
    left: 0;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: #181e29;
}

.form-industry_another {
    width: 380px;
    height: 30px;
    padding-left: 10px;
}

.form-pic {
    width: 170px;
    height: 30px;
    padding-left: 10px;
}

.form-tel {
    width: 100px;
    height: 30px;
    padding-left: 10px;
}

.form-address_pic {
    margin-bottom: 20px;
    font-weight: normal;
}

.form-content {
    width: 700px;
    height: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
    line-height: 1.6rem;
    padding-left: 10px;
    border: #181e29 1px solid;
}

.form-section02 {
    margin-bottom: 20px;
}

.form-text-box {
    width: 1000px;
    height: 80px;
    margin: 0 auto 30px auto;
    padding: 10px;
    overflow: auto;
    border: #181e29 1px solid;
}

.form-label-contact {
    position: relative;
}

.form-content-title {
    position: absolute;
    top: 15px;
}

.form-margin-bottom {
    margin-bottom: 25px;
}

.form-margin-bottom02{
    margin-bottom: 15px;
}

.form-category {
    font-weight: normal;
}

.form-reserve {
    width: 170px;
    height: 30px;
    padding-left: 10px;
}

.form-label02 {
    display: table-cell;
    width: 330px;
    padding: 15px 0;
    text-align: left;
    background-color: #eeeff3;
    border-top: #181e29 1px solid;
    border-left: #181e29 1px solid;
    border-bottom: #181e29 1px solid;
    z-index: -1;
}

.form-item02 {
    display: table-cell;
    width: 790px;
    text-align: left;
    border-top: #181e29 1px solid;
    border-right: #181e29 1px solid;
    border-bottom: #181e29 1px solid;
}

.form-day-item {
    padding-bottom: 10px;
    font-weight: normal;
}

.form-reserve-dai {
    padding-left: 10px;
}

.field_error {
    display: block;
    margin: 5px 20px;
    font-size: 1.4rem;
    color: #e32132;
}

/*--------------------------------------
    サービスよくある質問
----------------------------------------*/

.pa-anchor {
    margin: 20px auto 0;
    display: flex;
}

.pa-anchor-text {
    display: block;
    margin-right: 53px;
    position: relative;
    cursor: pointer;
    font-size: 1.5rem;
}

.pa-anchor-text::after {
    content: "";
    width: 12px;
    height: 6px;
    background: url(../images/news-down.png) no-repeat center center / 12px 6px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -22px;
}



/*--------------------------------------
    お問い合わせページ
----------------------------------------*/
/* 2カラム　お問い合わせページ用 */
.col-02-02-section_contact{
    display: flex;
    justify-content: center;
}

/* 2カラムの中身　お問い合わせページ用 */
.col-02-02_contact{
    width: auto;
}

.col-02-02_contact:first-child{
    margin-right: 40px;
}

/* お問い合わせページ　表示非表示 */
.contact-show{
    display: none;
}

/* お問い合わせページ　表示非表示 */
.cost-show{
    display: none;
}

/* お問い合わせページ　レイアウト */
.sample-mt-02{
    margin-top: 0;
    margin-bottom: 10px;
}

.section-03{
    margin-bottom: 40px;
}

.link-button_contact {
    margin-top: auto;
    display: inline-block;
    position: relative;
    width: 360px;
    font-size: 1.4rem;
    text-align: center;
    line-height: 1;
    border: 1px solid #212733;
    padding: 17px 0;
    color: #333;
    cursor: pointer;
}

.link-button_contact:hover{
    background-color: #00A5E7;
    border: #00A5E7 1px solid;
    color: #fff;
    transition: .3s;
}

.selected {
    background-color: #00A5E7;
    border: #00A5E7 1px solid;
    color: #fff;
}

.no-selected{
    background: #edeff1;
    border: 1px solid #212733;
    color: #333;
}

.pl-0{
    padding-left: 0;
}

.bbg{
    border-bottom: solid 1px #eeeff3;
}

/*-------------------------------------
    ニュースリリース
----------------------------------------*/

.news-listBox_archive{
    border-bottom: solid 1px #eeeff3;
}

.news-listBox_archive:last-child{
    border-bottom: none;
}

.news-pdf_archive::after{
    content: "";
    position: absolute;
    right: 0px;
    bottom: 5px;
    width: 12px;
    height: 15px;
    background: url(../images/icon_pdf_sp.png) no-repeat center center / 12px 15px;
}

.news-listBox_archive{
    width: 100%;
    padding: 20px 140px 20px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    position: relative;
}

.news-year{
    margin-top: 20px;
    display: flex;
}

.news-year-text{
    display: inline-block;
    margin-right: 40px;
    position: relative;
    cursor: pointer;
}

.news-year-text::after {
    content: "";
    width: 12px;
    height: 6px;
    background: url(../images/news-down.png) no-repeat center center / 12px 6px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 73px;
}


/* ニュースリリース　チェックボックス */

.checkbox01-input{
    display: none;
}

.checkbox01-parts{
    display: inline-block;
    padding-left: 20px;
    position:relative;
    margin-right: 20px;
}

.checkbox01-parts::before{
    content: "";
    display: block;
    position: absolute;
    top: 2px;
    left: 0;
    width: 15px;
    height: 15px;
    border: 1px solid #999;
}

.checkbox01-input:checked + .checkbox01-parts::after{
    content: "";
    display: block;
    position: absolute;
    top: 0px;
    left: 5px;
    width: 7px;
    height: 14px;
    transform: rotate(40deg);
    border-bottom: 2px solid #00A5E7;
    border-right: 2px solid #00A5E7;
}

/* ニュースリリースのレイアウト */
.news_archive{
    width: 100%;
}

.news-category_archive{
    padding-right: 25px;
    font-size: 1.6rem;
}

.news-categoryBox_archive{
    width: 150px;
    display: inline-block;
    text-align: center;
    color: #00a5e7;
    border: inset 1px #00a5e7;
}

.news-pdf_archive {
    font-size: 1.6rem;
    position: absolute;
    right: 5px;
    bottom: 20px;
    padding-right: 23px;
    text-decoration: underline;
    cursor: pointer;
}

.news-data_archive{
    padding-right: 25px;
    font-size: 1.6rem;
    white-space: nowrap;
}

.news-title_archive{
    font-size: 1.6rem;
}

.news-list_archive:last-child{
    border-bottom: none;
}

.news-pdf-icon_archive{
    padding-left: 10px;
    vertical-align:middle;
}

.news-title_archive{
    text-decoration: underline;
}


/*-トピックス-*/

.news-listBox-borderNone {
    border: none;
}

.news-listBox-border {
    border-bottom: solid 1px #eeeff3;
}

.articleClip {
    margin-bottom: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    flex-direction: row-reverse;
}

.articleClip-left {
    padding-left: 10px;
    padding-right: 30px;
}

.articleClip-img {
    margin-bottom: 20px;
}

.other-link_right {
    text-align: right;
    color: #00A5E7;
}

.other-arrow-link {
    width: 90px;
    margin-bottom: 10px;
    display: inline-block;
    text-align: right;
    font-size: 1.3rem;
    position: relative;
}

.other-arrow-link::after {
    content: url(../images/icon-arrow_black.png);
    position: absolute;
    top: 0;
    left: 0;
}

.other-arrow-link:hover::after {
    content: url(../images/icon-arrow_blue_s.png);
    position: absolute;
    top: 0;
    left: 0;
    transition: .3s;
}

.link-button02 {
    margin-top: auto;
    display: inline-block;
    position: relative;
    width: 360px;
    font-size: 1.4rem;
    text-align: center;
    line-height: 1;
    border: 1px solid #212733;
    padding: 17px 0;
    color: #333;
}

.link-button02::after {
    position: absolute;
    top: 15px;
    left: 93px;
    content: url(../images/icon-arrow_blue_m.png);
}


.link-button02:hover {
    color: #fff;
    background-color: #00A5E7;
    border: 1px solid #00A5E7;
}

.link-button02:hover::after {
    content: url(../images/icon-arrow_white_m.png);
}

.news-center {
    text-align: center;
}


/*---------------------------------
    パートナーシップ業務提携ページ
----------------------------------*/

/*-パートナーシップ用テーブル-*/

.partnership-table{
    table-layout: fixed;
}

.table-boder02_part {
    border-left: 1px solid #dfe4ea;
    border-bottom: 1px solid #dfe4ea;
}

.table-boder03_part {
    border-left: 1px solid #dfe4ea;
    border-right: 1px solid #dfe4ea;
    border-bottom: 1px solid #dfe4ea;
}

.table-boder04_part {
    border-top: 1px solid #dfe4ea;
    border-left: 1px solid #dfe4ea;
    border-bottom: 1px solid #dfe4ea;
}

.table-boder05_part {
    border: 1px solid #dfe4ea;
}

.table-boder06_part {
    border: 1px solid #dfe4ea;
}

/* 業務提携　表オレンジ */

.td_partnership {
    padding: 15px 14px;
}
@media screen and (max-width:986px) {
.td_partnership {
    padding: 15px 18px;
}
}

.th-orange{
    background-color: #f8a61f;
}

.table-boder02-orange {
    border-left: 1px solid #888;
    border-bottom: 1px solid #888;
}

.table-boder03-orange {
    border-left: 1px solid #888;
    border-right: 1px solid #888;
    border-bottom: 1px solid #888;
}

.table-boder04-orange{
    border-top: 1px solid #888;
    border-left: 1px solid #888;
    border-bottom: 1px solid #888;
}

.table-boder05-orange {
    border: 1px solid #888;
}

.table-boder06-orange {
    border: 1px solid #888;
}

/*--------------------------------------
     拠点一覧
-----------------------------------------*/
.base-linkBox{
    margin-top: 20px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

/* 2列対応 */
.base-linkBox-text{
    display: inline-block;
    width: 250px;
    cursor: pointer;
}

.base-linkBox-text02{
    display: inline-block;
    width: 205px;
    cursor: pointer;
    padding-right: 15px;
}

.base-sp-after{
    position: relative;
}

.base-sp-after::after {
    content: "";
    width: 12px;
    height: 6px;
    background: url(../images/news-down.png) no-repeat center center / 12px 6px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -20px;
}

.base-sp-after02{
    position: relative;
}

.base-sp-after02::after {
    content: "";
    width: 12px;
    height: 6px;
    background: url(../images/news-down.png) no-repeat center center / 12px 6px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -152px;
}

.base-ib-after{
    position: relative;
}

.base-ib-after::after {
    content: "";
    width: 12px;
    height: 6px;
    background: url(../images/news-down.png) no-repeat center center / 12px 6px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -2px;
}

.base-linkBox-left{
    display: flex;
    flex-wrap: wrap;
}

.base-linkBox-left .base-linkBox-text:nth-child(2n){
    margin-right: 205px;
    margin-left: 45px;
}

.td-25p{
    width: 25%;
}

.th-30p{
    width: 30%;
}

.td-gWidth {
    padding: 15px 10px;
    width: 23%;
}

.td-mmWidth {
    width: 30%;
}

/*----------------------------------------
    採用ページ共通
-----------------------------------------*/

.rec-header{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.rec-header-inner{
    width: 100%;
    height: 90px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    align-items: center;
}

/*---------------------------------------
    リクルートトップ
----------------------------------------*/
.logo-link_sp {
    display: none;
}

.recruitTop-wrapper {
    margin-top: -90px;
    margin-bottom: 120px;
}

.recruit-top-wrapper02 {
    max-width: 1240px;
    width: 100%;
    margin: 0 auto;
}

.recruit-section {
    margin-top: 90px;
}

.recruit-topImg {
    width: 100%;
}

.recruit-blue-h2 {
    font-size: 4.2rem;
    color: #181e29;
    text-align: center;
    line-height: 1;
    position: relative;
}

.recruit-blue-h2::after {
    bottom: -18px;
    content: "";
    display: inline-block;
    width: 50px;
    height: 2px;
    background: #00a5e7;
    position: absolute;
    left: 20%;
    -ms-transform: translateX(-50%);
    -webkit-transform : translateX(-50%);
    transform : translateX(-50%);
}

.recruit-blue-sub {
    padding-top: 40px;
    font-size: 1.8rem;
    text-align: center;
    line-height: 1;
    color: #181e29;
}

.recruit-2col {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.recruit-2col02 {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.recruit-blue02-h2 {
    font-size: 5.3rem;
    color: #181e29;
    text-align: center;
    line-height: 1;
    position: relative;
}

.recruit-blue02-h2::after {
    bottom: -18px;
    content: "";
    display: inline-block;
    width: 50px;
    height: 2px;
    background: #00a5e7;
    position: absolute;
    left: 50%;
    -ms-transform: translateX(-50%);
    -webkit-transform : translateX(-50%);
    transform : translateX(-50%);
}

.recruit-blue02-sub {
    padding-top: 40px;
    font-size: 1.8rem;
    text-align: center;
    line-height: 1;
    color: #181e29;
}

.recruit-blue02-title {
    margin-bottom: 40px;
}

.recruit-caption {
    font-size: 1.8rem;
    font-weight: bold;
    color: #181e29;
    text-align: center;
}

.recruit-2colBox-link:hover .recruit-caption {
    color: #00a5e7;
    transition: .3s;
}

.recruit-3col {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.recruit-gray-section {
    padding: 90px 0;
    background-color: #edeff1;
}

.recruit-warp {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.rec-news-contents {
    padding: 50px 0 25px 0;
    background-color: #edeff1;
}

.rec-news-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.rec-news-listBox{
    width: 100%;
    padding: 20px 80px 20px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    position: relative;
}

.rec-news-data {
    padding-top: 2px;
    padding-right: 25px;
    font-size: 1.2rem;
}

.rec-qa-box {
    width: 700px;
    margin: 0 auto;
    margin-bottom: 50px;
}


.accordion3 .inner {
    display: none;
}

.accordion3 .inner.open {
    display: block;
}

.accordion3 p{
    cursor: pointer;
    padding: 10px 10px 10px 40px;
    font-size: 1.5rem;
    text-indent: -20px;
}

.accordion3 .inner li{
    padding: 25px 25px 25px 45px;
    font-size: 1.5rem;
    text-indent: -20px;
}

.ac1 {
    position: relative;
    font-size: 2rem;
    font-weight: bold;
    background-color: #edeff1;
    margin-bottom: 20px;
}

.after02 img {
    transform: rotateX( 180deg );
}

.rec-pa-img {
    position: absolute;
    top: 37%;
    right: 28px;
}

.rec-img {
    width: 100%;
}

.rec-sp {
    padding-left: 20px;
}

.recruit-warpBox02 {
    width: 48%;
}


/*---------------------------------------
    recruit>people
    社員紹介ページ
----------------------------------------*/
.recruit-contents-wrapper {
    margin-bottom: 40px;
}

.rec-gNav{
    height: 90px;
}

.rec-gNav-list{
    display: flex;
    justify-content: flex-end;
    font-size: 1.5rem;
    padding-top: 45px;
}

.rec-gNav-item{
    margin-left: 35px;
    font-weight: bold;
}

.headline-container_rec {
    margin-bottom: 20px;
    width: 100%;
}

.rec-kImg{
    background: #e5e4e8;
}

.rec-kImg-inner{
    max-width: 1120px;
    width: 100%;
    margin: 0 auto;
    position: relative;
}

.rec-kImg-wrap{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.rec-kImg-message{
    font-size: 2.8rem;
    font-weight: bold;
    margin-bottom: 65px;
}

.rec-kImg-pro{
    color: #333;
    margin-bottom: 25px;
}

.rec-kImg-name{
    font-size: 2.8rem;
}

.people-roma{
    display: block;
    font-size: 1.6rem;
}

.rec-h3{
    padding-bottom: 30px;
    font-size: 2.4rem;
}

.fl-box{
    overflow: auto;
    padding-bottom: 60px;
}

.fl-imgBox{
    float: right;
    padding-left: 65px;
}

.fl-pb{
    padding-bottom: 40px;
}

.rec-flex{
    display: flex;
    justify-content: space-between;
}

.rec-proHeading{
    font-weight: bold;
}

.rec-pro-item{
    margin-bottom: 40px;
}

.rec-pro-item:last-child{
    margin-bottom: 0;
}

.rec-inner-item{
    padding-top: 20px;
}

.rec-inner-item02{
    padding-top: 20px;
    padding-left: 78px;
    text-indent: -78px;
}

.rec-flex-start{
    display: flex;
    flex-wrap: wrap;
}

.schedule-heading{
    margin-bottom: 25px;
}

.rec-member{
    width: 20%;
    padding-left: 8px;
    margin-bottom: 40px;
}


.rec-member:last-child{
    margin-bottom: 60px;
}

.rec-member-link{
    display: block;
}

.rec-memberImg{
    margin-bottom: 20px;
}

.rec-memberName{
    position: relative;
    margin-bottom: 10px;
}

.rec-memberName::after{
    position: absolute;
    width: 17px;
    height: 4px;
    right: 26px;
    content: "";
    background: url(../images/icon-arrow_blue_m.png) no-repeat center center / 17px 4px;
    top: 50%;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform : translateY(-50%);    
}

.rec-flex-center{
    display: flex;
    justify-content: center;
}

.rec-btnBox{
    text-align: center;
}

.rec-btnBox:first-child{
    margin-right: 55px;
}

.rec-btnBox02:first-child{
    margin-right: 55px;
}

.rec-btn{
    max-width: 390px;
    width: 100%;
}

.rec-btn {
    position: relative;
    width: 390px;
    font-size: 1.6rem;
    text-align: center;
    line-height: 1;
    border: 1px solid #212733;
    padding: 28px 0;
    color: #333;
    cursor: pointer;
}

.rec-btn::after{
    position: absolute;
    content: "";
    width: 17px;
    height: 4px;
    background: url(../images/icon-arrow_blue_m.png) no-repeat center center / 17px 4px;
    top: 50%;
    right: 25px;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform : translateY(-50%); 
}

.rec-btn:hover{
    background-color: #00A5E7;
    border: #00A5E7 1px solid;
    color: #fff;
    transition: .3s;
}

.rec-btn:hover::after{
    background: url(../images/icon-arrow_white_m.png) no-repeat center center / 17px 4px;
}

.rec-btn02 {
    display: inline-block;
    position: relative;
    width: 390px;
    font-size: 1.6rem;
    text-align: center;
    line-height: 1;
    border: 1px solid #212733;
    padding: 28px 0;
    cursor: pointer;
}

.rec-btn02::after{
    position: absolute;
    content: "";
    width: 17px;
    height: 4px;
    background: url(../images/icon-arrow_blue_m.png) no-repeat center center / 17px 4px;
    top: 50%;
    right: 25px;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform : translateY(-50%); 
}

.rec-btn02:hover{
    background-color: #00A5E7;
    border: #00A5E7 1px solid;
    color: #fff;
    transition: .3s;
}

.rec-btn02:hover::after{
    background: url(../images/icon-arrow_white_m.png) no-repeat center center / 17px 4px;
}

.rec-btn02:hover .rec-btn02-link {
    color: #FFFFFF;
    transition: .3s;
}

.rec-copyright{
    color: #888888;
    font-size: 1rem;
    background: #dce0e4;
    text-align: center;
    height: 40px;
    line-height: 40px;
}

.rec-blue-100 {
    padding-top: 100px;
    font-size: 3.6rem;
    color: #181e29;
    text-align: center;
    line-height: 1;
    position: relative;
}

.rec-blue-100::after {
    bottom: -18px;
    content: "";
    display: inline-block;
    width: 50px;
    height: 2px;
    background: #00a5e7;
    position: absolute;
    left: 50%;
    -ms-transform: translateX(-50%);
    -webkit-transform : translateX(-50%);
    transform : translateX(-50%);
}

.rec-blue-60 {
    padding-top: 60px;
    font-size: 3.6rem;
    color: #181e29;
    text-align: center;
    line-height: 1;
    position: relative;
}

.rec-blue-60::after {
    bottom: -18px;
    content: "";
    display: inline-block;
    width: 50px;
    height: 2px;
    background: #00a5e7;
    position: absolute;
    left: 50%;
    -ms-transform: translateX(-50%);
    -webkit-transform : translateX(-50%);
    transform : translateX(-50%);
}

.rec-blue-sub {
    margin-top: 40px;
    margin-bottom: 40px;
    font-size: 1.3rem;
    text-align: center;
    line-height: 1;
    color: #181e29;
}

.mb-40{
    margin-bottom: 40px;
}

.bdt{
    border-top: 1px solid #d4d6d8;
}

.rec-kImg-sp{
    display: none;
}

.rec-kImg-spBox{
    display: none;
}

.rec-message-wrapper2{
    max-width: 1120px;
    width: 100%;
    margin: 0 auto;
}

.rec-btnInner {
    display: flex;
    align-items: center;
    justify-content: center;
}

.rec-btn02:first-child {
    margin-right: 55px;
}

.rec-btn02:hover a {
    color: #FFFFFF;
    transition: 0.3s;
}

/*--------------------------------
    人事担当者からのメッセージ
----------------------------------*/

.rec-heading{
    padding-top: 60px;
    font-size: 3.2rem;
    color: #181e29;
    text-align: center;
    line-height: 1;
    position: relative;
    margin-bottom: 80px;
}

.rec-heading::after{
    bottom: -18px;
    content: "";
    display: inline-block;
    width: 50px;
    height: 2px;
    background: #00a5e7;
    position: absolute;
    left: 50%;
    -ms-transform: translateX(-50%);
    -webkit-transform : translateX(-50%);
    transform : translateX(-50%);
}

.rec-st-topText{
    line-height: 48px;
    font-size: 2.2rem;
    color: #222222;
    text-align: center;
    padding: 60px 0;
}

.resource{
    border: #00A5E7 1px solid;
    padding: 60px 0;
}

.resource-b{
    width: 586px;
    margin: 0 auto;
    margin-bottom: 40px;
    font-size: 2rem;
    font-weight: bold;
    border-bottom: #d4d6d8 1px solid;
}

.resource-b:last-child{
    margin-bottom: 30px;
}

.resource-blue{
    font-size: 2.8rem;
    color: #00A5E7;
}

.resource-triangle{
    text-align: center;
}

.human-text{
    display: flex;
    justify-content: center;
    align-items: center;
}

.resource-human{
    padding-right: 15px;
}

.resource-n{
    font-size: 2rem;
    font-weight: bold;
}

.resource-text{
    padding: 25px 60px 0;
}

.staff-message-b{
    font-size: 2.4rem;
    font-weight: bold;
    padding-bottom: 30px;
}

.staff-message-text{
    padding-bottom: 40px;
}

.introduction-name{
    font-weight: bold;
    font-size: 2.4rem;
    padding-bottom: 30px;
}

.introduction-2col{
    display: flex;
    justify-content: space-between;
}

.introduction-text{
    padding-bottom: 100px;
    padding-left: 50px;
}

.rec-headline-container {
    margin-bottom: 20px;
    width: 100%;
    height: 240px;
    background: url(../recruit/message/images/staff-kImg.jpg) no-repeat;
    background-size: cover;
}

.rec-headline {
    padding-top: 100px;
    padding-bottom: 13px;
    font-size: 42px;
    font-weight: bold;
    color: #FFFFFF;
    text-align: center;
    line-height: 1;
}
.rec-1line-headline {
    padding-top: 100px;
    padding-bottom: 13px;
    font-size: 42px;
    font-weight: bold;
    color: #FFFFFF;
    text-align: center;
    line-height: 1;
}
.rec-2line-headline {
    padding-top: 100px;
    padding-bottom: 13px;
    font-size: 42px;
    font-weight: bold;
    color: #FFFFFF;
    text-align: center;
    line-height: 1;
}

.rec-headline-sub {
    font-size: 13px;
    color: #FFFFFF;
    text-align: center;
}


.headline-container-rec-staff {
    margin-bottom: 20px;
    width: 100%;
    height: 240px;
    background: url(../recruit/message/images/staff-kImg.jpg) no-repeat;
    background-size: cover;
}

.swiper-pagination-bullet{
    width: 10px;
    height: 10px;
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{
    margin: 0 15px;
}

.swiper-container{
    padding-bottom: 30px;
}

.swiper-pagination-bullet-active{
    background: #00a5e7;
}

.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
    bottom: -5px;
}

.sp-pb0{
    padding-bottom: 0;
}

/*-社風を知る-*/
.rec-tour-container{
    width: 453px;
}

/*オフィスツアーの右ナビ*/

.right-nav-tour {
    width: 600px;
    top: 50px;
}

.right-nav-tour .img{
    width: 100%;
}

.headline-container-rec {
    margin-bottom: 20px;
    width: 100%;
    height: 240px;
    background: url(../recruit/color/images/tour_top.jpg) no-repeat;
    background-size: cover;
    background-position: 80% 50%;
}

.gray-text-rec {
    margin-bottom: 20px;
    font-size: 1.4rem;
    color: #333333;
}

.gray-text-rec02 {
    margin-bottom: 30px;
    font-size: 1.5rem;
    color: #333333;
}

.rec-3colBox {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.rec-3colItem {
    width: 206px;
    margin-bottom: 60px;
    margin-right: 41px;
}

.rec-3colItem:nth-child(2n) {
    margin-right: 0;
}

.rec-3colImg {
    margin-bottom: 20px;
}

.rec-3colTitle02 {
    text-align: center;
    font-size: 1.5rem;
}

.rec-3colTitle {
    position: relative;
    text-align: center;
    font-size: 1.5rem;
}

.rec-3colTitle::after {
    position: absolute;
    width: 17px;
    height: 17px;
    right: 0;
    content: "";
    background: url(../images/icon-search.png) no-repeat center center / 17px 17px;
    top: 50%;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}

.rec-picTitle {
    font-size: 2.4rem;
    font-weight: bold;
    margin-bottom: 30px;
}

.rec-2colBox {
    display: flex;
    justify-content: space-between;
}

.rec-3colItem-mgr0 {
    margin-right: 0;
}

/*-若手社員アンケート-*/

.pc-pt51{
    padding-top: 51px;
}

.recruit_box {
    height: 100%;
    padding-bottom: 50px;
}

.nav-dot {
    position: fixed;
    top: 30%;
    right: 3%;
    z-index: 1;
}

.nav-dot li {
    width: 8px;
    height: 8px;
    margin: 0 0 14px 10px;
    background: rgba(58, 58, 58, 0.2);
    border-radius: 50%;
    cursor: pointer;
    transition: background 0.7s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
}

.nav-dot li.current {
    width: 10px;
    height: 10px;
    background: #00a4e7;
    transition: background 0.7s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
}

.nav-dot li:last-child {
    margin: 0 0 0 10px;
}
.position_text {
    -webkit-transition: all 0.7s;
    -moz-transition: all 0.7s;
    -ms-transition: all 0.7s;
    -o-transition: all 0.7s;
    transition: all 0.7s;
    opacity: 0;
    position: absolute;
    right: 94%;
    line-height: 11px;
}
.position_text_current {
    color: #00a4e7;
    font-weight: bold;
    -webkit-transition: all 0.7s;
    -moz-transition: all 0.7s;
    -ms-transition: all 0.7s;
    -o-transition: all 0.7s;
    transition: all 0.7s;
    opacity: 1;
    position: absolute;
    right: 94%;
    line-height: 11px;
}

.wrapper-qa-02 {
    position: relative;
    max-width: 1120px;
    width: 100%;
    margin: 0 auto;
}

.qa-wrapper {
    padding-top: 80px;
}

.qa-wrapper02 {
    position: relative;
}

.rec-qa-mgb {
    margin-bottom: 90px;
}

.rec-blue-qa {
    font-size: 3.2rem;
    font-weight: bold;
    color: #181e29;
    text-align: center;
    line-height: 1;
    position: relative;
    margin-bottom: 70px;
}

.rec-blue-qa::after {
    bottom: -18px;
    content: "";
    display: inline-block;
    width: 50px;
    height: 2px;
    background: #00a5e7;
    position: absolute;
    left: 50%;
    -ms-transform: translateX(-50%);
    -webkit-transform : translateX(-50%);
    transform : translateX(-50%);
}

.qa-blue {
    color: #00A5E7;
}

.qa-blue-small {
    font-size: 2rem;
}

.rec-qa-imgLeft {
    text-align: left;
}

.rec-qa-imgCenter {
    text-align: center;
}

.rec-qa-section01 {
    background-color: #eeeff3;
    position: relative;
}

/* .rec-qa-section02 {
} */

.qa-section01 {
    width: 100%;
    height: auto;
}

.rec-qa-pdt01 {
    padding-top: 80px;
}

.rec-qa-pdt02 {
    padding-top: 80px;
}

.rec-qa-otherBox {
    max-width: 400px;
    padding: 20px;
    margin-left: 90px;
    border: #00A5E7 1px solid;
    background-color: #FFFFFF;
}

.rec-qa-otherTitle {
    margin-bottom: 15px;
    font-size: 2rem;
    font-weight: bold;
}

.rec-qa-otherItem {
    position: relative;
    padding-left: 20px;
    padding-bottom: 8px;
    font-size: 1.5rem;
}

.rec-qa-otherItem::before {
    content: "";
    width: 1px;
    height: 1px;
    border: #333333 1px solid;
    border-radius: 50%;
    position: absolute;
    top: 10px;
    left: 5px;
}

.rec-qa-Item {
    position: relative;
    padding-left: 20px;
    padding-bottom: 22px;
    font-size: 1.5rem;
}

.rec-qa-Item::before {
    content: "";
    width: 1px;
    height: 1px;
    border: #333333 1px solid;
    border-radius: 50%;
    position: absolute;
    top: 10px;
    left: 5px;
}


.rec-qa-list2col {
    display: flex;
}

.rec-qa-2colItem02 {
    padding-top: 135px;
}

.rec-qa-2colItem03 {
    padding-top: 87px;
}

.rec-qa-2colItem04 {
    padding-top: 260px;
}

.rec-qa-2colItem05 {
    padding-top: 220px;
}

.qa-2col-pd {
    padding-left: 100px;
}

.qa-2col-pd02 {
    padding-left: 100px;
}

.rec-qa-list2col-title {
    font-size: 2rem;
    font-weight: bold;
    margin-bottom: 25px;
}

.rec-qa-item2col {
    margin-left: 100px;
    width: 50%;
}

.rec-qa-item2col:first-child {
    margin-left: 0;
}

.mt-0 {
    margin-top: 0;
}

.qa-pager-box {
    position: absolute;
    top: 120px;
    right: 30px;
}

.qa-pager {
    position: fixed;
    top: 55%;
    right: 40px;
    transform: translateY(-50%);
    padding: 0;
}

.qa-pager li {
    display: block;
    margin:10px;
}

.qa-pager li a {
    display: block;
    width: 9px;
    height: 9px;
    background: #9a9a9a;
    border-radius: 50%;
}

.qa-pager .is-current a {
    width: 10px;
    height: 10px;
    background: #00A5E7;
    border-radius: 50%;
}

.enquete-list2col{
    width: 100%;
}

.rec-qa-img02 {
    width: 100%;
}

.rec-qa-img03 {
    max-width: 540px;
    width: 100%;
}

.rec-qa-img04 {
    max-width: 667px;
    width: 100%;
}

.rec-qa-img05 {
    max-width: 559px;
    width: 100%;
}

.rec-qa-img06 {
    max-width: 711px;
    width: 100%;
}


/*-OJTの流れ-*/

.ojt-wrapper {
    max-width: 1120px;
    width: 100%;
    margin: 0 auto;
}

.headline-container-ojt {
    margin-bottom: 20px;
    width: 100%;
    height: 240px;
    background: url(../recruit/color/images/ojt_top.jpg) no-repeat;
    background-size: cover;
    background-position: 8% 50%;
}

.genre-02-ojt {
    margin-bottom: 40px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    border-bottom: #dfe4ea solid 1px;
}

.genre-02-text-ojt {
    margin-bottom: 10px;
    font-size: 3.2rem;
    font-weight: bold;
    line-height: 1;
    color: #181e29;
}

.genre-02-text-ojt::before {
    content: '';
    display: block;
    height: 0;
    width: 0;
    margin-bottom: 4px;
}

.ojt-2col {
    display: flex;
    justify-content: center;
}

.ojt-2col02 {
    display: flex;
    display: -ms-flexbox; 
    display: -webkit-flex;
    justify-content: center;
    -webkit-box-pack: center;
	-ms-flex-pack: center;
    flex-direction: row-reverse;
    -ms-flex-direction: row-reverse; 
    -webkit-flex-direction: row-reverse; 
}

.ojt-2colTitle {
    margin-top: 20px;
    text-align: center;
}

.ojt-2olSub {
    text-align: center;
    font-size: 2.4rem;
    font-weight: bold;
}

.ojt-2colList {
    margin-left: 20px;
    margin-right: 20px;
}

.ojt-section {
    margin-bottom: 50px;
}

.ojt-blue_big{
    color: #00a5e7;
    font-size: 4rem;
    font-weight: bold;
}

.ojt-blue_medium{
    color: #00A5E7;
    font-size: 1.6rem;
    font-weight: normal;
}

@media all and (-ms-high-contrast: none){
    .ojt-2bolBox-inner {
        max-width: 48%;
        position: relative;
        left: 0px;
    }
}
.genre-ojt {
    margin-bottom: 20px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.genre-ojt-icon {
    padding-bottom: 10px;
}

.genre-ojt-text {
    margin-bottom: 10px;
    padding-left: 20px;
    font-size: 2.4rem;
    font-weight: bold;
    line-height: 1;
    color: #00A5E7;
}

.genre-ojt-text::before {
    content: '';
    display: block;
    height: 0;
    width: 0;
    margin-bottom: 4px;
}

.ojt-2colList02 {
    margin-left: 20px;
}

.ojt-2colTitle_s {
    font-weight: bold;
}

.ojt-2colImg02 {
    margin-left: 40px;
}

.ojt-arrow {
    text-align: center;
}

.ojt-grayBox {
    padding: 20px;
    width: 100%;
    background-color: #eeeff3;
}

.mb-0{
    margin-bottom: 0;
}

.ojt-section02 {
    margin-bottom: 50px;
}

.ojt-2bolBox {
    width: 50%;
}


/*----------------------------------------
    モビリティサービスの進化
----------------------------------------*/

.evolution-box {
    position: relative;
}

.evolution-wrapper {
    clear: both;
}

.evolution-box01 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center;
    background: url(../mobility/images/evolution_bg_img01.jpg);
    background-size: cover;
}

.evolution-box02 {
    background: url(../mobility/images/evolution_bg_img02.jpg);
    background-size: cover;
    background-position : 18% 50%;
}

.evolution-box03 {
    width: 100%;
    background: url(../mobility/images/evolution_bg_img03.jpg);
    background-size: cover;
    background-position : 77% 50%;
}

.evolution-box04 {
    background: url(../mobility/images/evolution_bg_img04.jpg);
    background-size: cover;
}

.evolution-section {
    margin: 0 auto;
    text-align: center;
    z-index: 100;
}

.evolution-section02 {
    margin: 0 auto;
    height: auto;
    width: 100%;
    text-align: center;
}

.evolution-section02::before {
    content: '';
    display: block;
    padding-top: 100%;
}

.evolution-section03 {
    margin: 0 auto;
    height: auto;
    width: 100%;
}

.evolution-section03::before {
    content: '';
    display: block;
    padding-top: 100%;
}

.evolution-section04 {
    margin: 0 auto;
    height: auto;
    width: 100%;
    text-align: center;
}

.evolution-section04::before {
    content: '';
    display: block;
    padding-top: 100%;
}

.evolution-section05 {
    margin: 0 auto;
    height: auto;
    width: 100%;
    text-align: center;
}

/* .evolution-section05::before {
    content: '';
    display: block;
    padding-top: 100%;
}*/

.pager {
    position: fixed;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    padding: 0;
}
.pager li {
    display: block;
    margin: 20px;
}
.pager li a {
    display: block;
    width: 10px;
    height: 10px;
    background: #fff;
    border-radius: 50%;
}
.pager .is-current a {

    border-radius: 50px;
    box-shadow: 0px 0px 0px 1px rgba(220,224,228,1);
    background-color: rgba(0,0,0,0);
}

.box {
    height: 100vh;
}
.box_option {
    height: 40vh;
    padding-top: 20px;
}
.evolution-title {
    padding-bottom: 15px;
    line-height: 1;
    font-size: 5rem;
    color: #FFFFFF;
    text-shadow: 0px 0px 30px rgba(95,95,95,0.5);
}

.evolution-sub01 {
    padding-bottom: 15px;
    line-height: 1;
    font-size: 9.5rem;
    color: #FFFFFF;
    font-weight: bold;
    text-shadow: 0px 0px 30px rgba(95,95,95,0.2);
}

.evolution-sub02 {
    padding-bottom: 40px;
    font-size: 2.4rem;
    line-height: 1;
    color: #FFFFFF;
    text-shadow: 0px 0px 30px rgba(95,95,95,0.5);
}

.evolution-link {
    display: flex;
    justify-content: center;
    color: #FFFFFF;
    font-size: 1.6rem;
}

.evolution-link:hover {
    color: #FFFFFF;
}

.evolution-list {
    display: inline-block;
    width: 240px;
    height: 40px;
    line-height: 40px;
    border: #FFFFFF 1px solid;
    margin-left: 10px;
}

.evolution-list:last-child {
    margin-left: none;
}

.evolution-list:hover {
    border: #00A5E7 1px solid;
    background-color: #00A5E7;
    transition: 0.3s;
}

.evolution-box02 {
    position: relative;
}

.evolution-box03 {
    position: relative;
}

.evolution-box04 {
    position: relative;
}

.evolution-box05 {
    position: relative;
}

.evolution-scloll01 {
    position: absolute;
    top: -40px;
    left: 50%;
    font-size: 1rem;
    color: #FFFFFF;
    -ms-transform: translateX(-50%);
    -webkit-transform : translateX(-50%);
    transform : translateX(-50%);
}

.evolution-scloll02 {
    position: absolute;
    top: -20px;
    left: 50%;
    width: 1px;
    height: 280px;
    background: #FFFFFF;
    -ms-transform: translateX(-50%);
    -webkit-transform : translateX(-50%);
    transform : translateX(-50%);
}

.evolution-scloll03 {
    position: absolute;
    top: 255px;
    left: 50%;
    width: 5px;
    height: 5px;
    background: #FFFFFF;
    border-radius: 50%;
    -ms-transform: translateX(-50%);
    -webkit-transform : translateX(-50%);
    transform : translateX(-50%);
}

.evolution-scloll04 {
    position: absolute;
    top: 140px;
    left: 50%;
    width: 240px;
    height: 240px;
    border: #FFFFFF 1px solid;
    border-radius: 50%;
    -ms-transform: translateX(-50%);
    -webkit-transform : translateX(-50%);
    transform : translateX(-50%);
}

.evolution02-box-smp {
    display: none;
}

.evolution02-title {
    position: relative;
    padding-bottom: 40px;
    font-size: 6.3rem;
    color: #181e29;
    z-index: 10;
    text-align: center;
}

.evolution02-titleWeight {
    font-weight: bold;
}

.evolution02-sub {
    position: relative;
    padding-bottom: 40px;
    font-size: 2.4rem;
    color: #181e29;
    z-index: 10;
    text-align: center;
}

.evolution02-text {
    margin: 0 auto 40px auto;
    position: relative;
    font-size: 1.6rem;
    color: #181e29;
    text-align: center;
    z-index: 10;
}

.evolution03-box {
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    -webkit-transform : translateY(-50%);
    transform : translateY(-50%);
    margin-left: 120px;
}
.evolution03-box-smp {
    display: none;
}

.evolution03-title {
    position: relative;
    padding-bottom: 40px;
    font-size: 6.3rem;
    color: #FFFFFF;
}

.evolution03-sub {
    position: relative;
    padding-bottom: 40px;
    font-size: 2.4rem;
    color: #FFFFFF;
}

.evolution03-text {
    margin-bottom: 40px;
    position: relative;
    font-size: 1.3rem;
    color: #FFFFFF;
}

.evolution03-sign {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    position: absolute;
    bottom: 30px;
    left: 80%;
}

.evolution03-signName {
    font-size: 1.6rem;
    color: #FFFFFF;
    font-weight: bold;
    margin-right: 20px;
}

.evolution03-signImg {
    padding-bottom: 6px;
}

.evolution04-box {
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%,-50%);
    -webkit-transform : translate(-50%,-50%);
    transform : translate(-50%,-50%);
}

.evolution04-box-smp {
    display: none;
}
.evolution04-title {
    position: relative;
    padding-bottom: 20px;
    font-size: 4.8rem;
    color: #FFFFFF;
    z-index: 10;
}

.evolution04-titleWeight {
    font-weight: bold;
}

.evolution04-sub {
    position: relative;
    padding-bottom: 40px;
    font-size: 2.4rem;
    color: #FFFFFF;
    z-index: 10;
}

.evolution04-text {
    margin: 0 auto 40px auto;
    position: relative;
    font-size: 1.6rem;
    color: #FFFFFF;
    text-align: center;
    z-index: 10;
}

.evolution04-zu {
    width: 100%;
}

.evolution05-box {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%,-50%);
    -webkit-transform : translate(-50%,-50%);
    transform : translate(-50%,-50%);

}

.evolution05-title {
    position: relative;
    padding-bottom: 20px;
    font-size: 4.8rem;
    color: #181e29;
    z-index: 10;
}

.evolution05-titleWeight {
    font-weight: bold;
}

.evolution05-sub {
    position: relative;
    padding-bottom: 40px;
    font-size: 1.6rem;
    color: #181e29;
    z-index: 10;
}

.evolution05-text {
    margin: 0 auto 40px auto;
    position: relative;
    font-size: 1.6rem;
    color: #181e29;
    text-align: center;
    z-index: 10;
}

.evolution05-3col {
    width: 100%;
}

.evolution05-3colBox {
    display: flex;
    justify-content: space-between;
    width: 100%;
    border-bottom: #e0e1e3 1px solid;
}

.evolution05-3colImg {
    width: 100%;
}

.evolution05-3colTitle {
    padding-top: 30px;
    padding-bottom: 30px;
    font-size: 2.1rem;
    color: #181e29;
    font-weight: bold;
    text-align: center;
}

.evolution05-3colText {
    padding-left: 50px;
    padding-right: 50px;
    padding-bottom: 30px;
    font-size: 1.4rem;
    color: #181e29;
}

.evolution05-3col-gray {
    background-color: #edeff1;
}

.evolution05-3colBtn {
    width: 160px;
    padding: 10px 0;
    background-color: #212733;
    color: #FFFFFF;
    margin: 0 auto;
    margin-bottom: 30px;
    text-align: center;
    font-size: 1.3rem;
}

.evolution05-link:hover .evolution05-3colTitle {
    color: #00A5E7;
}

.evolution05-link:hover .evolution05-3colText {
    color: #00A5E7;
}

.evolution05-link:hover .evolution05-3colBtn {
    color: #00A5E7;
}

.evolution05-strength {
    margin: 50px auto 100px auto;
    width: 1120px;
    height: 230px;
    display: flex;
    justify-content: center;
    background-color: #edeff1;
}

.evolution05-strengthRight {
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 50%;
}

.evolution05-strengthTitle {
    font-size: 2.1rem;
    color: #181e29;
    font-weight: bold;
    text-align: left;
    padding-bottom: 20px;
}

.evolution05-strengthText {
    font-size: 1.4rem;
    color: #181e29;
    text-align: left;
}

.evolution05-strengthList {
    padding: 0 40px;
}
.strength-img {
    width: 100%;
}
@media all and (-ms-high-contrast: none){
  .strength-img {
    width: 100%;
    }
}
.fixed-area{
    color: #fff;
    position: fixed;
    top: 100px;
    width: 100%;
    z-index: 99;
}
.fixed-area__inner{
    position: relative;
    margin: 0 auto;
    width: 80%;
}
.fixed-area__inner__contents02{
    opacity: 0;
    position: absolute;
    top: 60px;
    left:28%;
    transition: all 1s;
    visibility: hidden;
}
.fixed-area__inner__contents02.active{
    opacity: 1;
    top: 0;
    left:28%;
    visibility: visible;
}
.fixed-area__inner__contents04{
    opacity: 0;
    position: absolute;
    top: 60px;
    left:6%;
    transition: all 1s;
    visibility: hidden;
}
.fixed-area__inner__contents04.active{
    opacity: 1;
    top: 0;
    left:6%;
    visibility: visible;
}


.fixed-area__inner__contents{
    opacity: 0;
    position: absolute;
    top: 60px;
    transition: 1s;
    visibility: hidden;
}
.fixed-area__inner__contents.active{
    opacity: 1;
    top: 0;
    visibility: visible;
}
.fixed-area__inner__contents__title{
    font-size: 50px;
}
.pagenation{
    padding: 20px;
    position: fixed;
    right: 0;
    top: 50%;
}
.pagenation li{
    cursor: pointer;
}

.pagenation a{
    position: relative;
    display: block;
    width: 20px;
    height: 20px;
    opacity: 0.35;
    box-sizing: border-box;
    transition: transform 1.5s cubic-bezier(0.24, 1.45, 0.24, 0.98);
}
.pagenation a span {
    position: absolute;
    display: block;
    top: 50%;
    left: 50%;
    width: 5px;
    height: 5px;
    background: white;
    border-radius: 50%;
    transform: translate3d(-50%, -50%, 0);
}
.pagenation a.active{
    opacity: 1.0;
    border: 1px solid white;
    border-radius: 50%;
}
.pagenation a:hover {
    opacity: 1.0;
    transform: scale(1.6);
}

.evolution05-strength02 {
    margin: 50px auto 100px auto;
    max-width: 1120px;
    width: 100%;
}

.evolution05-strength02_link {
    display: flex;
    background-color: #edeff1;
}

.evolution05-btn02 {
    margin: 30px 0 0 0;
}

.evolution05-strength02_link:hover .evolution05-strengthTitle {
    color: #00a5e7;
    transition: .3s;
}

.evolution05-strength02_link:hover .evolution05-strengthText {
    color: #00a5e7;
    transition: .3s;
}

.evolution05-strength02_link:hover .evolution05-btn02 {
    color: #00a5e7;
    transition: .3s;
}

.evolution05-strengthLeft {
    width: 50%;
}

.evolution05-strengthImg {
    width: 100%;
}




@media screen and (max-height:900px){
    /*スクロールバー全体*/
    .pre_textbox::-webkit-scrollbar {
        width: 5px;
    }

    /*スクロールバーの軌道*/
    .pre_textbox::-webkit-scrollbar-track {
    border-radius: 10px;
    box-shadow: inset 0 0 6px rgba(255, 255, 255, 0.979);
    }

    /*スクロールバーの動く部分*/
    .pre_textbox::-webkit-scrollbar-thumb {
    background-color: rgb(253, 253, 253);
    border-radius: 10px;
    box-shadow:0 0 0 1px rgba(255, 255, 255, 0.911);
    }

    .pre_textbox {
        height: 60vh;
        width: 110%;
        overflow-y: scroll;
    }
    .evolution03-sign {
        width: 100%;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        position: absolute;
        bottom: -65px;
        left: 80%;
    }


}

@media all and (-ms-high-contrast: none){
  .evolution-section {
        margin: 0;
        text-align: center;
        z-index: 100;
    }
    .footer-wrapper {
        letter-spacing: -1px;
    }
    .footer_small {
        letter-spacing: 0px;
    }
    .box_option {
        padding-top: 30px;
    }
}

/*----------------------------------------
    社長メッセージ
----------------------------------------*/

.message-floatLeft {
    float: left;
    padding-right: 60px;
}

.message-floatText {
    padding-top: 40px;
}

.message-sign {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.message-signName {
    font-size: 1.5rem;
    color: #181e29;
    font-weight: bold;
    margin-right: 20px;
}

.message-signImg {
    padding-bottom: 6px;
}

.col-02-mgNone {
    padding: 0;
}

.history-table-box {
    padding: 20px;
    background-color: #FEE1A1;
    border: #FF9009 1px solid;
}

.histry-col-02-02 {
    width: 320px;;
}

.histry-table {
    font-size: 1.1rem;
}

.histry-table th {
    padding: 5px;
    width: 72px;
}

.histry-table td {
    padding: 5px;
}

.histry-table .th-02 {
    font-size: 1rem;
}

.histry-table .th-01 {
    font-size: 1.4rem;
}

.history-sankaku {
    margin: 0 auto;
    position: relative;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 91px 101px 0 101px;
    border-color: #FF9009 transparent transparent transparent;
}

.history-sankaku02 {
    position: absolute;
    top: -90px;
    left: -99px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 89px 99px 0 99px;
    border-color: #FEE1A1 transparent transparent transparent;

}

/*----------------------------------------
    voice 内定者の声
-----------------------------------------*/
.voice-qa-wrapper{
    max-width: 1000px;
    width: 100%;
    margin: 0 auto;
}

.voice-blue-qa {
    font-size: 3.2rem;
    font-weight: bold;
    color: #181e29;
    text-align: center;
    line-height: 1;
    position: relative;
    margin-bottom: 70px;
}

.voice-blue-qa::after {
    bottom: -18px;
    content: "";
    display: inline-block;
    width: 50px;
    height: 2px;
    background: #00a5e7;
    position: absolute;
    left: 50%;
    -ms-transform: translateX(-50%);
    -webkit-transform : translateX(-50%);
    transform : translateX(-50%);
}

.voice-top-message{
    padding-bottom: 40px;
}

.voice-blue {
    color: #00A5E7;
}

.voice-main-heading{
    display: flex;
}

.voice-main-center{
    width: 100%;
    background: #00a5e7;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.voice-main-center p{
    line-height: 40px;
    font-size: 2.8rem;
    font-weight: bold;
    color: #fff;
}

.voice-text-blue{
    color: #00a5e7;
    font-weight: bold;
}

.voice-gallaryBox{
    padding: 85px 0;
}

.voice-gallary{
    display: flex;
    flex-wrap: wrap;
}

.voice-gallary p{
    width: calc(100% / 3);
}

.voice-gallary img{
    width: 100%;
}

.voice-tableBox{
    width: 700px;
    margin: 0 auto;
    padding-top: 100px;
}

.voice-tableBox th,
.voice-tableBox td{
    text-align: center;
}

.voice-thleft{
    width: 20%;
}

.voice-tableBox td{
    width: 16%;
}

.voice-qa-2col {
    display: flex;
    justify-content: space-between;
}

.voice-qa-heading{
    padding-top: 100px;
}

.voice-qa-borderBlue{
    max-width: 460px;
    width: 100%;
    border: #00A5E7 1px solid;
    line-height: 30px;
    padding: 30px;
}

.voice-qa-right{
    padding-top: 150px;
}

.w50p{
    width: 48%;
}

.pt-22{
    padding-top: 22px;
}

.pt-0{
    padding-top: 0;
}

.voice-pt-22{
    padding-top: 22px;
}

.voice-qa-item {
    position: relative;
    padding-left: 20px;
    padding-bottom: 22px;
    font-size: 1.5rem;
}

.voice-qa-item:last-child{
    padding-bottom: 0;
}

.voice-qa-item::before {
    content: "";
    width: 1px;
    height: 1px;
    border: #333333 1px solid;
    border-radius: 50%;
    position: absolute;
    top: 10px;
    left: 5px;
}

.headline-container-rec-voice {
    margin-bottom: 20px;
    width: 100%;
    height: 240px;
    background: url(../recruit/people/images/voice-kImg.jpg) no-repeat;
    background-size: cover;
}

.voice-moreBtn{
    text-align: center;
    width: 360px;
    margin: 35px auto 0;
}

.voice-moreBtn a{
    display: block;
    height: 50px;
    border: 1px solid #333333;
    line-height: 50px;
}

.voice-moreBtn a:hover{
    border: #00A5E7 1px solid;
    background: #00A5E7;
    color: #fff;
}

.voice-center {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.voice-text-blue-block{
    color: #00A5E7;
    font-weight: bold;
    display: block;
}

.voice-content img{
    width: 390px;
}

.voice-lastMessage-text p{
    width: 700px;
    margin: 0 auto;
    font-size: 2.8rem;
    text-align: center;
    font-weight: bold;
}
.fz-3{
    font-size: 3rem;
}

.voice-qa-q3-list{
    width: 455px;
}

.voice-right-pt{
    padding-top: 0;
}

.voice-right-q3{
    padding-top: 0;
}

.voice-btn-height {
    position: relative;
}

.voice-btn-height02 {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -webkit-transform : translateX(-50%);
}

/*--------------------------------------
    workstyle ワクエボ・プロジェクト
----------------------------------------*/

.wStyle-title{
    font-size: 2rem;
    font-weight: bold;
    padding-bottom: 20px;
}

.wStyle-bold{
    width: 586px;
    margin: 0 auto 40px;
    font-size: 2rem;
    font-weight: bold;
}

.wStyle-pro-img{
    text-align: center;
}

.wStyle-efforts-item{
    font-size: 1.8rem;
    font-weight: bold;
    padding-bottom: 20px;
}

.wStyle-efforts-item p{
    padding-top: 10px;
    font-size: 1.6rem;
    padding-left: 20px;
    font-weight: normal;
}

.wStyle-gallary{
    display: flex;
    justify-content: space-between;
    padding-top: 50px;
}

.wStyle-img{
    width: 30%;
}

.wStyle-img img{
    width: 100%;
}

.wStyle-img p{
    text-align: center;
    padding-top: 10px;
}

.wStyle-2col {
    display: flex;
    align-items: center;
}

.workstyle-icon {
    margin-right: 10px
}


/*--------------------------------------
    human 人材育成
-----------------------------------------*/
.headline-container-rec-human {
    margin-bottom: 20px;
    width: 100%;
    height: 240px;
    background: url(../recruit/color/images/human-kImg.jpg) no-repeat;
    background-size: cover;
}

.humanImage{
    border: #00A5E7 1px solid;
    padding: 60px 0;
}

.human-blue{
    color: #00A5E7;
}

.human-mHeading{
    font-size: 3.2rem;
    font-weight: bold;
    padding-bottom: 60px;
    text-align: center;
}

.humanImage-list{
    padding: 0 200px;
}

.humanImage-b{
    font-size: 2.4rem;
    font-weight: bold;
    line-height: 56px;
    margin-bottom: 70px;
    border-bottom: 1px solid #333;
}

.humanImage-summary{
    font-size: 2.4rem;
    font-weight: bold;
    text-align: center;
    padding-top: 30px;
}

.human-blue_big{
    color: #00A5E7;
    font-size: 3.2rem;
}

.humanImage-theme{
    font-size: 2.4rem;
    font-weight: bold;
    text-align: center;
}

.human-img-2col{
    padding-top: 30px;
    display: flex;
    justify-content: center;
}

.human-challenge{
    padding-right: 60px;
}

.human-pieces{
    padding: 0 125px;
    display: flex;
    justify-content: space-between;
}

.human-pieces-heading{
    padding-bottom: 60px;
    font-size: 2.4rem;
    font-weight: bold;
}

.human-chance{
    padding-top: 100px;
}

.human-chance-content{
    display: flex;
    justify-content: space-between;
    padding-bottom: 60px;
    border-bottom: 1px solid #c9c9c9;
}

.human-chance-list{
    padding-right: 80px;
}

.human-chance-item{
    padding-bottom: 60px;
}

.human-chance-item:last-child{
    padding-bottom: 0;
}

.human-chance-miniHeading{
    font-size: 1.8rem;
    font-weight: bold;
}

.human-chance-text{
    padding-top: 20px;
}

.human-chance-btn{
    padding-top: 20px;
}

.human-chance-btn a {
    display: inline-block;
    position: relative;
    width: 200px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border: 1px solid #212733;
    color: #333;
}

.human-chance-btn a::after {
    position: absolute;
    right: 10px;
    top: -8%;
    content: url(../images/icon-arrow_blue_m.png);
}

.human-chance-btn a:hover {
    color: #fff;
    background-color: #00A5E7;
    border: 1px solid #00A5E7;
}

.human-chance-btn a:hover::after {
    content: url(../images/icon-arrow_white_m.png);
}

.human-chance-training-list{
    padding-top: 30px;
    padding-bottom: 60px;
}

.human-chance-training-item{
    padding-bottom: 15px;
}

.human-chance-training-item:last-child{
    padding-bottom: 0;
}

.human-chance-listHeading{
    font-weight: bold;
    padding-bottom: 15px;
}

.human-chance-fl{
    overflow:auto;
}

.human-chance-trainingImg{
    padding-bottom: 30px;
}

.human-chance-flImg{
    float: right;
    padding: 30px 0 10px 80px;
}

.human-chance-gallary{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding-top: 30px;
}

.human-chance-gallaryItem{
    padding-bottom: 60px;
}

.human-chance-level{
    display: flex;
    justify-content: space-between;
    padding-bottom: 60px;
}

.human-chance-level-text{
    padding-top: 30px;
    font-weight: bold;
    font-size: 1.8rem;
    padding-bottom: 20px;
}

.pc-pb60{
    padding-bottom: 60px;
}

.pc-pt60{
    padding-top: 60px;
}

.pc-pt20{
    padding-top: 20px;
}

.human-border{
    border-bottom: 1px solid #c9c9c9;
}

.human-chance-self-list{
    padding-bottom: 80px;
}

.human-caption{
    text-align: center;
    padding-top: 5px;
}

.humanImage-triangle{
    text-align: center;
    padding-bottom: 50px;
}

.human-pieces-img{
    width: 30%;
}

.human-pieces-img img{
    max-width: 250px;
    width: 100%;
}

/*-----------------------------------------
    社員紹介&メッセージ
-------------------------------------------*/
.people-2col{
    display: flex;
    flex-wrap: wrap;
}

.people-item{
    width: 44%;
    margin-right: 80px;
    padding-bottom: 60px;
}

.people-item:last-child,
.people-item:nth-last-child(2){
    padding-bottom: 40px;
}

.people-item:nth-child(2n){
    margin-right: 0;
}

.people-name{
    position: relative;
    padding-top: 25px;
    font-size: 2.4rem;
}

.people-name::after {
    position: absolute;
    width: 17px;
    height: 4px;
    right: 0;
    content: "";
    background: url(../recruit/discussion/images/discussion_blue_arrow.png) no-repeat center center / 17px 4px;
    top: 60%;
}

.name-roma {
    display: inline-block;
    padding-left: 15px;
    font-size: 1.5rem;
}

.people-job{
    padding-top: 20px;
    font-size: 1.8rem;
    font-weight: bold;
}

.people-introText{
    padding-top: 20px;
}

.people-anchor{
    width: 600px;
    margin: 20px auto 0;
    display: flex;
    justify-content: space-between;
}

.people-anchor-text{
    display: block;
    margin-right: 90px;
    position: relative;
    cursor: pointer;
    font-size: 1.8rem;
}

.people-anchor-text::after {
    content: "";
    width: 12px;
    height: 6px;
    background: url(../images/news-down.png) no-repeat center center / 12px 6px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -22px;
}

.people-item-link{
    display: block;
}



/*-よくあるご質問-*/

.headline-container-recFqa {
    margin-bottom: 20px;
    width: 100%;
    height: 240px;
    background: url(../recruit/faq/images/rec_fqa_top.jpg) no-repeat;
    background-size: cover;
}


.fqa-accordion1 .fqa-inner {
    display: none;
}


.fqa-accordion1 .fqa-inner li{
    padding: 10px;
}

.fqa-ac1 {
    position: relative;
}

.rec-pa-img02 {
    position: absolute;
    top: 45%;
    right: 28px;
}

.after03 .rec-pa-img02 {
    transform: rotateX( 180deg );
}

.fqa-inner {
    position: relative;
}

.fqa-aIcon {
    width: 50px;
    height: 50px;
    margin-right: 15px;
}

.fqa-content1-1 {
    display: flex;
    align-items: center;
    border: #eeeff3 5px solid;
}

.rec-fqa-2col {
    position: relative;
    cursor: pointer;
    display: flex;
    align-items: center;
    padding: 15px 65px 15px 15px;
    margin-top: 20px;
    background-color: #eeeff3;
}

.fqa-qIcon {
    width: 50px;
    height: 50px;
    margin-right: 15px;
}
@media all and (-ms-high-contrast: none){
    .fqa-aIcon {
        width: auto;
        height: auto;
        margin-right: 15px;
    }
    .fqa-qIcon {
        width: auto;
        height: auto;
        margin-right: 15px;
    }
}
/*-よくあるご質問 追記 190215-*/
.fqa-anchor{
    flex-wrap: wrap;
    margin-bottom: -20px;
}
.fqa-anchor a{
    margin-bottom: 20px;
}
/*-よくあるご質問 追記 190215-*/


/*-座談会一覧-*/

.discussion-caption {
    position: relative;
    margin-top: 20px;
    font-size: 2.4rem;
    text-align: left;
}

.discussion-caption::after {
    position: absolute;
    width: 17px;
    height: 4px;
    right: 0;
    content: "";
    background: url(../recruit/discussion/images/discussion_blue_arrow.png) no-repeat center center / 17px 4px;
    top: 50%;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}

.headline-container-discussion {
    margin-bottom: 20px;
    width: 100%;
    height: 240px;
    background: url(../recruit/discussion/images/discussion_top.jpg) no-repeat;
    background-size: cover;
    background-position: 20% 50%;
}

/*-女性活躍推進座談会-*/


.woman-wrapper {
    max-width: 1120px;
    width: 100%;
    margin: 0 auto;
}

.headline-container-woman {
    margin-bottom: 20px;
    width: 100%;
    height: 240px;
    background: url(../recruit/discussion/images/woman_top.jpg) no-repeat;
    background-size: cover;
}

.woman-mt {
    margin-top: 50px;
}

.woman-table {
    width: 700px;
    margin: 0 auto;
}

.genre-02-woman {
    padding-top: 60px;
    font-size: 3.6rem;
    font-weight: bold;
    color: #181e29;
    text-align: center;
    line-height: 1;
    position: relative;
}

.genre-02-woman::after {
    bottom: -18px;
    content: "";
    display: inline-block;
    width: 50px;
    height: 2px;
    background: #00a5e7;
    position: absolute;
    left: 50%;
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.woman-sub {
    margin-top: 40px;
    margin-bottom: 40px;
    font-size: 1.3rem;
    text-align: center;
    line-height: 1;
    color: #181e29;
}

.clearfix::after{
    content: "";
    display: block;
    clear: both;
}

.woman-title {
    margin-bottom: 30px;
    font-size: 2.4rem;
    font-weight: bold;
}

.woman-title02 {
    margin-bottom: 30px;
    font-size: 1.8rem;
    font-weight: bold;
}

.woman-text {
    margin-bottom: 30px;
    line-height: 1.8;
}

.woman-fl-imgBox {
    float: left;
    padding-right: 65px;
}

.woman-genre-text {
    font-size: 3.2rem;
    font-weight: bold;
    text-align: center;
    border-bottom: #d4d6d8 1px solid;
}

.woman-textBox {
    padding: 10px;
    border: #d4d6d8 2px solid;
}

.woman-textBox-nameR {
    font-size: 1.4rem;
}

.woman-warpBox {
    width: 32%;
}

.woman-blue-qa {
    font-size: 3.2rem;
    font-weight: bold;
    color: #181e29;
    text-align: center;
    line-height: 1;
    position: relative;
    margin-bottom: 20px;
}

.woman-blue-qa::after {
    bottom: -18px;
    content: "";
    display: inline-block;
    width: 50px;
    height: 2px;
    background: #00a5e7;
    position: absolute;
    left: 50%;
    -ms-transform: translateX(-50%);
    -webkit-transform : translateX(-50%);
    transform : translateX(-50%);
}




/*-海外勤務経験者-*/

.headline-container-overseas {
    margin-bottom: 20px;
    width: 100%;
    height: 240px;
    background: url(../recruit/discussion/images/overseas_top.jpg) no-repeat;
    background-size: cover;
    background-position: 87% 50%;
}

.overseas-2col-warp {
    width: 750px;
    margin: 0 auto;
}

/*--------------------------------------
    support 評価制度・福利厚生
---------------------------------------*/
.support-topHeading{
    font-size: 2.4rem;
    font-weight: bold;
    padding-bottom: 5px;
}

.supportSystem-2col{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding-bottom: 40px;
}

.supportSystem-item{
    width: 48%;
    padding-bottom: 30px;
}

.supportSystem-item:nth-last-child(2),
.supportSystem-item:last-child{
    padding-bottom: 0;
}

.supportWelfare-2col{
    display: flex;
    justify-content: space-between;
}

.supportWelfare-item{
    width: 540px;
}

.supportWelfare-img{
    padding-bottom: 20px;
}

.pc-pb40{
    padding-bottom: 40px;
}

.pc-pb30{
    padding-bottom: 30px;
}

/*-----------------------------------------
    recruit/business/ オートリースとは
-----------------------------------------*/
.headline-container-rec-recBiz {
    margin-bottom: 20px;
    width: 100%;
    height: 240px;
    background: url(../recruit/business/images/recBiz-kImg.jpg) no-repeat;
    background-size: cover;
    background-position: 80% 50%;
}

.pc-pt30{
    padding-top: 30px;
}

.recBiz-genre-text {
    font-size: 3.2rem;
    font-weight: bold;
    text-align: center;
    border-bottom: #d4d6d8 1px solid;
}

.recBizAR-2col{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.recBizAR-item{
    padding-bottom: 60px;
    width: 48%;
}

.recBizAR-item:nth-last-child(2),
.recBizAR-item:last-child{
    padding-bottom: 0;
}

.recBizAR-heading{
    font-weight: bold;
    font-size: 1.8rem;
    padding-bottom: 20px;
    color: #00a5e7;
}

.recBiz-btn{
    padding-top: 40px;
    text-align: center;
}

.recBiz-btn a {
    display: inline-block;
    position: relative;
    width: 460px;
    height: 70px;
    line-height: 70px;
    text-align: center;
    border: 1px solid #212733;
    color: #333;
}

.recBiz-btn a::after {
    position: absolute;
    right: 20px;
    top: -8%;
    content: url(../images/icon-arrow_blue_m.png);
}

.recBiz-btn a:hover {
    color: #fff;
    background-color: #00A5E7;
    border: 1px solid #00A5E7;
}

.recBiz-btn a:hover::after {
    content: url(../images/icon-arrow_white_m.png);
}

.recBizReward-item{
    padding-bottom: 60px;
}

.recBizReward-item:last-child{
    padding-bottom: 0;
}

.recBizReward-heading{
    font-weight: bold;
    font-size: 1.8rem;
    padding-bottom: 20px;
}

.recBizAR-img{
    text-align: center;
}

/*-新人育成プロモーター-*/


.headline-container-pmg {
    margin-bottom: 20px;
    width: 100%;
    height: 240px;
    background: url(../recruit/discussion/images/pmg_top.jpg) no-repeat;
    background-size: cover;
    background-position: 3% 50%;
}

.pmg-textRed {
    color: red;
}

.pmg-warpBox {
    width: 24%;
}

.pmg-img {
    width: 100%;
    margin-bottom: 10px;
}


/*-女性の活躍推進-*/

.woman-mb-100 {
    margin-bottom: 100px;
}

.woman-mb-60 {
    margin-bottom: 60px;
}

.woman-mb-30 {
    margin-bottom: 30px;
}

.woman-mb-20 {
    margin-bottom: 20px;
}

.woman-mb-10 {
    margin-bottom: 10px;
}

.woman-arrow-link {
    position: relative;
    font-size: 1.8rem
}

.woman-arrow-link::after {
    position: absolute;
    width: 17px;
    height: 4px;
    left: 340px;
    content: "";
    background: url(../recruit/discussion/images/discussion_blue_arrow.png) no-repeat center center / 17px 4px;
    top: 50%;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}

.woman-arrowName-link {
    position: relative;
    font-size: 1.8rem
}

.woman-arrowName-link::after {
    position: absolute;
    width: 17px;
    height: 4px;
    right: 0;
    content: "";
    background: url(../recruit/discussion/images/discussion_blue_arrow.png) no-repeat center center / 17px 4px;
    top: 50%;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}

.woman-warpBox02 {
    width: 19%;
}

.woman-centerText {
    font-size: 1.8rem;
    text-align: center;
}

.th-woman {
    background-color: #ffe8f9;
    text-align: center;
    height: 80px;
    font-size: 1.8rem;
}

.table-woman {
    font-size: 1.8rem;
}

.rec-woman-Item {
    position: relative;
    padding-left: 20px;
    padding-bottom: 10px;
}

.rec-woman-Item::before {
    content: "";
    width: 1px;
    height: 1px;
    border: #333333 1px solid;
    border-radius: 50%;
    position: absolute;
    top: 10px;
    left: 5px;
}

.woman-graphBox {
    padding: 60px 0;
    text-align: center;
}

.woman-2colBox {
    width: 48%;
}

.woman-boldText {
    font-size: 1.8rem;
    font-weight: bold;
}

.woman-title03 {
    font-size: 2.4rem;
    font-weight: bold;
}

.woman-borderLeft {
    padding-left: 40px;
    border-left: #bfbfbf 2px solid;
}

.woman-2colBox02 {
    width: 50%;
}

.rec-woman-Item02 {
    position: relative;
    padding-left: 20px;
    padding-bottom: 10px;
}

.rec-woman-Item02::before {
    content: "";
    width: 3px;
    height: 3px;
    border: #333333 1px solid;
    border-radius: 50%;
    position: absolute;
    top: 12px;
    left: 5px;
}

.woman-2colBox-table {
    width: 30%;
    margin-left: 45px;
}

.woman-2col-table {
    display: flex;
}

.pink-section01 {
    background-color: #ffe8f9;
    position: relative;
}

/*------------------------------------------
    SMASでのやりがい
--------------------------------------------*/

.headline-container-rewarding {
    margin-bottom: 20px;
    width: 100%;
    height: 240px;
    background: url(../recruit/business/images/rewarding-kImg.jpg) no-repeat;
    background-size: cover;
}

.rewarding-text {
    font-size: 3.2rem;
    font-weight: bold;
    border-bottom: #d4d6d8 1px solid;
}

.rewarding-boldText {
    font-size: 2rem;
    font-weight: bold;
}

.human-chance-level-left,
.human-chance-level-right {
    width: 48%;
}

.supportWelfare-item {
    width: 48%;
}


/*------------------------------------------
    キャリア採用
--------------------------------------------*/

.headline-container-career {
    margin-bottom: 20px;
    width: 100%;
    height: 240px;
    background: url(../recruit/career/images/career-kImg.jpg) no-repeat;
    background-size: cover;
}


/*------------------------------------------
    videoanalysing ドライブレコーダー
    動画解析ソリューション RISCOVER
--------------------------------------------*/

.ris-fv-img{
    height: 721px;
    background: url("../mobility/images/ris-kImg.jpg") no-repeat center center / cover;
}

.ris-mainvisual {
    position: relative;
}

.ris-mainvisual-title-wrap{
    position: absolute;
    left: 60px;
    bottom: 50px;
}

.ris-mainvisual-title {
    font-weight: bold;
    font-size: 9.5rem;
    color: #fff;
}

.ris-mainvisual-sub {
    font-size: 2.8rem;
    color: #fff;
}

.caption-rela{
    display: inline-block;
    position: relative;
}

.caption-left-1{
    text-align: left;
    position: absolute;
    left: 0;
    bottom: -15px;
}

.caption-left-2{
    text-align: left;
    max-width: 700px;
    width: 100%;
}

.caption-left-3{
    text-align: left;
    position: absolute;
    left: 0;
    bottom: -52px;
}

/*--------------------------------------
    strength 
    住友三井オートサービスが必要とされる理由
---------------------------------------*/
.headline-strength{
    padding-top: 100px;
    padding-bottom: 13px;
    font-size: 3.6rem;
    font-weight: bold;
    color: #FFFFFF;
    text-align: center;
    line-height: 1;
}

.bg-gray{
    background: #f1f2f4;
}

.headline-container-stre {
    width: 100%;
    height: 240px;
    background: url(../mobility/images/stre-kImg.jpg) no-repeat center center;
    background-size: cover;
}

.stre-section{
    text-align: center;
    display: flex;
    justify-content: center;
    padding: 80px 0;
}

.stre-section2{
    text-align: center;
}

.stre-heading{
    font-size: 2.4rem;
    font-weight: bold;
}

.stre-text{
    margin-top: 20px;
}

.stre-imgBox{
    margin-bottom: 60px;
}

.stre-col{
    display: flex;
    justify-content: center;
}

.stre-col-img{
    margin-right: 30px;
}

.stre-col-img:last-child{
    margin-right: 0;
}

.stre-btn{
    margin-top: 30px;
}

.stre-btn-link{
    display: inline-block;
    position: relative;
    width: 360px;
    height: 50px;
    line-height: 50px;
    border: 1px solid #000;
}

.stre-btn-link:hover{
    background: #00A5E7;
    border: #00A5E7;
    color: #fff;
}

.stre-btn-link::after{
    content: "";
    position: absolute;
    width: 20px;
    height: 6px;
    background: url(../mobility/images/stre-arrow.png) no-repeat center center / 20px 6px;
    top: 50%;
    transform: translateY(-50%);
    right: 20px;
}

.stre-btn-link:hover::after{
    background: url(../images/icon-arrow_white_m.png) no-repeat center center / 20px 6px;
}

.stre-btn-col .stre-btn-link{
    margin-right: 30px;
}

.stre-btn-col .stre-btn-link:last-child{
    margin-right: 0;
}

.stre-btn-col{
    display: flex;
    justify-content: center;
    margin-top: 30px;
}

.stre-inner-wrap{
    width: 100%;
}

/*-------------------------------------------
    仕事の流れとスタイル
    recruit/business/flow.html 
--------------------------------------------*/
.headline-container-flow {
    margin-bottom: 20px;
    width: 100%;
    height: 240px;
    background: url(../recruit/business/images/flow-kImg.jpg) no-repeat;
    background-size: cover;
}

.genre-02-flow {
    margin-bottom: 40px;
    border-bottom: #dfe4ea solid 1px;
}

.rec-flow-top-section{
    margin-bottom: 80px;
}

.rec-flow-wrapper {
    max-width: 1120px;
    width: 100%;
    margin: 0 auto;
}

.rec-flow-2col{
    display: flex;
    justify-content: space-between;
    margin-bottom: 40px;
}

.rec-flow-left{
    padding-right: 55px;
}

.rec-flow-step-heading{
    display: flex;
    align-items: center;
    color: #00A5E7;
    font-size: 2.4rem;
    margin-bottom: 20px;
    font-weight: bold;
}

.rec-flow-stepImg{
    margin-right: 20px;
}

.rec-flow-col-heading{
    font-size: 1.8rem;
    font-weight: bold;
    margin-bottom: 20px;
}

.rec-flow-arrow{
    text-align: center;
    margin-bottom: 40px;
}

.rec-flow-startBox{
    margin-bottom: 40px;
}

.rec-flow-start{
    border: #00A5E7 1px solid;
    color: #00A5E7;
    font-size: 4rem;
    font-weight: bold;
    text-align: center;
    height: 100px;
    line-height: 100px;
}

.rec-flow-afterBox{
    border-bottom: #00A5E7 1px solid;
    margin-bottom: 40px;
}

.rec-flow-after{
    color: #00A5E7;
    font-size: 2.4rem;
    font-weight: bold;
    padding-bottom: 20px;
    line-height: 1;
}

.rec-flow-after span{
    font-size: 4rem;
}

.rec-flow-mini-section{
    margin-bottom: 30px;
}

.rec-flow-mini-section:last-child{
    margin-bottom: 0;
}

.rec-flow-mini-heading{
    color: #00A5E7;
    font-size: 1.8rem;
    font-weight: bold;
    margin-bottom: 20px;
}

.rec-flow-mini-arrow{
    text-align: center;
}

@media screen and (max-width:768px){
    .genre-02-flow{
        margin-bottom: 20px;
    }

    .rec-flow-top-section{
        margin-bottom: 30px;
    }

    .rec-flow-wrapper {
        width: 100%;
        padding: 0 15px;
    }

    .rec-flow-2col{
        display: block;
    }

    .rec-flow-step-heading{
        display: block;
    }

    .rec-flow-left{
        padding-right: 0;
    }

    .rec-flow-imgBox img{
        width: 100%;
    }

    .rec-flow-imgBox img{
        padding-top: 20px;
    }

    .rec-flow-arrow{
        margin-bottom: 20px;
    }
    .rec-flow-after{
        font-size: 2rem;
    }

    .rec-flow-after span{
        font-size: 2.4rem;
        line-height: 1.5;
    }

    .rec-flow-afterBox{
        margin-bottom: 20px;
    }

    .rec-flow-start {
        font-size: 3rem;
        height: 70px;
        line-height: 70px;
    }

    .rec-flow-after {
        padding-bottom: 10px;
    }

    .rec-flow-mini-heading{
        margin-bottom: 10px;
    }
}
/*------------------------------------------
    scash 企業-従業員間カーシェアサービス
    「Scash（スカッシュ）」
--------------------------------------------*/

.scash-fv-img{
    height: 721px;
    background: url("../mobility/images/scash-kImg.jpg") no-repeat center center / cover;
}

/*------------------------------------------
    smartconnect 次世代テレマティクス
    『SMAS-Smart Connect』
--------------------------------------------*/

.smartconnect-fv-img{
    height: 721px;
    background: url("../mobility/images/smartconnect-kImg.jpg") no-repeat center center / cover;
}

/*------------------------------------------
    リスク・マネジメント・ソリューション
--------------------------------------------*/

.rms-fv-img{
  height: 721px;
  background: url("../service/safety/images/rms-kImg.jpg") no-repeat center center / cover;
}

.rms-mainvisual-title {
  font-weight: bold;
  font-size: 7rem;
  color: #fff;
}

.rms-mainvisual-sub {
  font-size: 2.8rem;
  color: #fff;
  padding-left: 15px;
}

.rms-spShow {
  display: none;
}



/*------------------------------------------
    CSR右ナビ
--------------------------------------------*/


.right-item_ja {
    position: relative;
    font-size: 1.4rem;
    align-items: center;
    display: flex;
    padding: 20px 0 0;
    background-color: #edeff1;
}

.right-item_ja::after {
    content: "";
    background: url(../images/icon-arrow_blue_s.png) no-repeat;
    position: absolute;
    width: 100px;
    height: 30px;
    right: -60px;
    top: 50%;
    z-index: 10;
}

.right-title_ja {
    padding-right: 50px;
    line-height: 1.5;
}

.right-nav-border_ja {
    width: 294px;
    display: inline-block;
    border-bottom: #d4d6d8 solid 1px;
    position: relative;
    bottom: -6px;
    z-index: 100;
}

/*----------------------------------------
    mobility/ページの3colリンクの白文字
----------------------------------------*/

.text-white_en {
    color: #FFFFFF;
}

/*------------------------------------------
    サイトマップ
--------------------------------------------*/

.ul-map-item {
    position: relative;
    padding-left: 27px;
    text-indent: -2px;
}

.ul-map-item::before {
    content: "-";
    top: 0;
    left: 15px;
    position: absolute;
}

.sitemap-content {
    width: 50%;
}

.sitemap-content02 {
    width: 50%;
    padding-left: 50px;
}

.philosophy-fontSize {
    font-size: 1.6rem;
    font-weight: normal;
}

.font-deepBlue {
    color: #0068b7;
}

.ul-01-item02 {
    padding-bottom: 5px;
    padding-left: 78px;
    text-indent: -77px;
}

.ul-01-item02::before {
    content: "";
    width: 4px;
    height: 4px;
    margin-left: 5px;
    margin-right: 11px;
    display: inline-block;
    background-color: #00A5E7;
    border-radius: 50%;
    position: relative;
    top: -3px;
}

.recruit-2col02:hover .recruit-blue-sub {
    color: #00a5e7;
    transition: .3s;
}


/*----------------------------------------
    ４０４ページ
----------------------------------------*/

.notFound-h {
  height: 40vh;
}

.profile-groupLink {
    padding-left: 15px;
    padding-bottom: 2px;
}

/*----------------------------------------
    拠点一覧
----------------------------------------*/

.base-linkBox-text01 {
    display: inline-block;
    width: 160px;
    cursor: pointer;
}

.base-linkBox-text02 {
    display: inline-block;
    width: 224px;
    cursor: pointer;
}

.base-linkBox-text03 {
    display: inline-block;
    width: 251px;
    cursor: pointer;
}

.base-ib-afterEast {
    position: relative;
}

.base-ib-afterEast::after {
    content: "";
    width: 12px;
    height: 6px;
    background: url(../images/news-down.png) no-repeat center center / 12px 6px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -18px;
}

.base-ib-afterWest {
    position: relative;
}

.base-ib-afterWest::after {
    content: "";
    width: 12px;
    height: 6px;
    background: url(../images/news-down.png) no-repeat center center / 12px 6px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 9px;
}

.structure-fSize {
    font-size: 1.3rem;
}

.base-mt10 {
    margin-top: 10px;
}

.imgBox_right {
    text-align: right;
}

/*----------------------------------------
    footer
----------------------------------------*/
.megafooter {
    width: 100%;
    margin-top: 20px;
    background-color: #edeff1;
}

.top-megafooter{
    margin-top: 0;
}

.megafooter-wrapper{
    margin: 0 auto;
    max-width: 1120px;
    width: 100%;
}

.megafooter-logo {
    height: 160px;
    padding-top: 50px;
    border-bottom: 1px solid #d5d7d8;
}

.megafooter-logo_img {
    text-align: center;
}

.megafooter-logo_img img{
    max-width: 256px;
    width: 100%;
}

.megafooter-menu {
    padding-top: 50px;
    padding-bottom: 50px;
    border-bottom: 1px solid #d5d7d8;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.megafooter-title {
    padding-bottom: 25px;
    font-size: 1.5rem;
    font-weight: bold;
}

.megafooter-link {
    padding-bottom: 12px;
    font-size: 1.2rem;
}

.megafooter-nwIcon {
    padding: 0 0 3px 6px;
}

.megafooter-enIcon {
    height: 16px;
    padding-right: 10px;
    vertical-align: middle;
    padding-bottom: 1px;
}

.megafooter-en {
    font-size: 1.2rem;
}

.megafooter-en a{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.megafooter-agreement {
    padding-bottom: 35px;
}

.megafooter-agreementTitle {
    padding-top: 30px;
    padding-bottom: 15px;
    text-align: center;
    font-size: 1.4rem;
}

.megafooter-bnr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.megafooter-smart {
    position: relative;
    margin-right: 5px;
    width: 260px;
    height: 55px;
    background-color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.megafooter-advice {
    position: relative;
    margin-left: 5px;
    width: 260px;
    height: 55px;
    background-color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.megafooter-smart::after,
.megafooter-advice::after{
    content: "";
    width: 10px;
    height: 10px;
    background: url(../images/icon-new-window_sp.png) no-repeat center center / 10px 10px;
    position: absolute;
    right: 5px;
    bottom: 7px;
}

.icon-new_carSmart,
.icon-new_shinsotsu{
    position: relative;
}

.icon-new_carSmart::after{
    content: "";
    background: url(../images/icon-new-window_sp.png) no-repeat center center / 10px 10px;
    height: 10px;
    width: 10px;
    position: absolute;
    right: -20px;
    top: 77%;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform : translateY(-50%);
}

.icon-new_shinsotsu::after{
    content: "";
    background: url(../images/icon-new-window_sp.png) no-repeat center center / 10px 10px;
    height: 10px;
    width: 10px;
    position: absolute;
    right: -20px;
    top: 50%;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform : translateY(-50%);
}

.footer {
    background-color: #dce0e4;
}

.footer-wrapper{
    max-width: 1120px;
    width: 100%;
    margin: 0 auto;
}

.footer_ul {
    padding-top: 50px;
    padding-bottom: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.footer_li {
    font-size: 1.2rem;
}

.footer_span {
    padding: 0 4px;
}

.footer_small {
    padding-bottom: 50px;
    text-align: center;
    color: #888888;
    font-size: 1rem;
}

/*----------------------------------------
    videoanalysingのfooter
    ドライブレコーダー 動画解析ソリューション「RISCOVER®」
----------------------------------------*/

.ris-footer {
    background-color: #dce0e4;
}

.ris-footer-wrapper{
    margin-top: 70px;
}

.ris-footer_ul {
    padding-top: 50px;
    padding-bottom: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.ris-footer_li {
    font-size: 1.2rem;
}

.ris-footer_span {
    padding: 0 12px;
}

.ris-footer_small {
    padding-bottom: 50px;
    text-align: center;
    color: #888888;
    font-size: 1rem;
}

/* 採用ページフッター */
.megafooter_rec {
    width: 100%;
    margin-top: 100px;
    background-color: #edeff1;
}

.megafooter-menu_rec {
    padding-top: 50px;
    padding-bottom: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.tablet-show {
    display: none;
}



/*-------------------------------------------------------
    ここからメディアクエリ
---------------------------------------------------------*/

@media screen and (max-width:1246px){

    /*---------------------------------
    news
    ----------------------------------*/

    .news-wrapper,
    .topics-wrapper{
        width: 100%;
    }
}

@media screen and (max-width:1240px){
    .recruit-warpBox{
        width: 32%;
    }

    .recruit-warpBox img{
        width: 100%;
    }

    .recruit-2colBox{
        width: 48%;
    }

    .recruit-2colBox img{
        width: 100%;
    }

    .recruit-3colBox{
        width: 32%;
    }

    .recruit-3colBox img{
        width: 100%;
    }

}


@media screen and (max-width:1230px){
    /*--------------------------------
        採用ページのグローバルナビ
    ----------------------------------*/

    .rec-gNav{
        width: 100%;
    }

    .rec-gNav-item{
        margin-left: 13px;
    }

    .rec-gNav-item a{
        font-size: 1.3vw;
    }

    #rec-h-inner{
        width: 100%;
    }

    .rec-entry{
        min-height: 83px;
	}
	
	.right-nav-border {
		width: 239px;
		display: inline-block;
		border-bottom: #d4d6d8 solid 1px;
		position: relative;
	}
	
	.right-item::after {
		content: "";
		background: url(../images/icon-arrow_blue_s.png) no-repeat;
		position: absolute;
		width: 17px;
		height: 6px;
		right: 25px;
		top: 50%;
		z-index: 10;
	}
	
	.right-item-blue::after {
		content: "";
		background: url(../images/icon-arrow_white_s.png) no-repeat;
		position: absolute;
		width: 17px;
		height: 6px;
		right: 25px;
		top: 50%;
		z-index: 10;
	}

	.right-link {
		width: 250px;
		display: inline-block;
		padding-left: 20px;
	}


}

@media screen and (max-width:1120px){

    /*-----------------------------------
    agreement
    ------------------------------------*/

    .agreement-list{
        width: 100%;
    }

    /* スライダー幅調整 */
    .rec-st-slide img {
        width: 100%;
    }

}

@media screen and (max-width:1070px){
    .voice-main-heading {
        display: block;
        padding-top: 10px;
    }

    .voice-main-heading img {
        width: 100%;
    }

    .tablet-show {
        display: block;
    }

    .woman-arrowName-link{
        font-size: 1.5rem;
	}
	
	.col-02-02-content {
		width: 650px;
	}

	.col-03-03-content {
		width: 650px;
	}

	.img {
		max-width: 650px;
    }
    
    .col-03-03 {
        width: 32%;
    }

}

@media screen and (max-width:1024px){
        /*--------------------------------
        モビリティサービスへの進化
    ---------------------------------*/

    .fixed-area {
        display: none;
    }

    .evolution-section {
        width: 100%;
    }

    .evolution-title {
        font-size: 2.5rem;
    }

    .evolution-sub01 {
        font-size: 5rem;
    }

    .evolution-sub02 {
        font-size: 1.5rem;
        margin-bottom: 20px;
    }

    .evolution-link {
        display: block;
    }

    .evolution-list {
        display: block;
        margin: 0 auto 10px;
    }

    .evolution02-box02 {
        display: none;
    }

    .evolution02-box {
        position: absolute;
        top: 52%;
        width: 100%;
        padding: 15px;
    }

    .evolution02-title {
        font-size: 4rem;
        padding-bottom: 20px;
    }

    .evolution02-sub {
        padding-bottom: 20px;
        font-size: 1.8rem;
    }

    .evolution02-text {
        margin-bottom: 20px;
    }

    .evolution03-box {
        position: relative;
        top: 0;
        -ms-transform: translateY(0);
        -webkit-transform: translateY(0);
        transform: translateY(0);
        width: 100%;
        margin-left: 0px;
    }

    .evolution03-sign {
        position: relative;
        bottom: 0;
        left: 0;
    }

    .evolution03-title {
        font-size: 4rem;
        padding-bottom: 20px;
        text-align: left;
    }

    .evolution03-text {
        margin-bottom: 20px;
        text-align: left;
    }

    .evolution04-box {
        position: absolute;
        top: 25%;
        width: 100%;
        padding: 15px;
        margin-left: 0px;
    }

    .evolution04-title {
        font-size: 4rem;
        padding-bottom: 20px;
    }

    .evolution04-sub {
        padding-bottom: 20px;
        font-size: 1.8rem;
    }

    .evolution04-text {
        margin-bottom: 20px;
        text-align: center;
    }

    .evolution05-box {
        position: absolute;
        top: 143%;
        width: 100%;
        margin-left: 0px;
    }

    .evolution05-title {
        font-size: 4rem;
        padding-top: 20px;
        padding-bottom: 0;
    }

    .evolution05-sub {
        padding: 15px;
        font-size: 1.8rem;
    }

    .evolution05-text {
        margin-bottom: 20px;
        text-align: center;
    }

    .evolution05-3col {
        padding-bottom: 1px;
    }

    .evolution05-3colTitle {
        padding: 15px 0 15px 0;
    }

    .evolution05-3colText {
        padding: 15px;
    }

    .evolution05-strength {
        display: block;
        width: 100%;
        height: 100%;
        margin: 0;
    }

    .evolution05-strength02 {
        width: 100%;
        margin: 0;
    }

    .evolution05-btn02 {
        margin: 20px auto 0 auto;
    }

    .evolution05-strengthImg {
        width: 100%;
    }

    .evolution05-strengthList {
        padding: 15px;
    }

    .evolution05-strengthTitle {
        text-align: center;
    }

    .evolution05-strengthText {
        text-align: center;
    }

    .evolution02-box-smp {
        display: block;
    }


    .evolution03-box-smp {
        display: block;
    }

    .evolution04-box-smp {
        display: block;
    }

    .box {
        height: 100%;
    }

    .evolution-box01 {
        padding: 50px 0;
        height: 100vh;
    }

    .evolution-section02 {
        padding: 30px 15px 20px 15px;
    }

    .evolution-section02::before {
        display: none;
    }

    .evolution-section03 {
        padding: 30px 50px;
    }

    .evolution-section03::before {
        display: none;
    }

    .evolution-section04::before {
        display: none;
    }

    .evolution04-box {
        position: relative;
        top: 0;
         left: 0;
        -ms-transform: translate(0);
        -webkit-transform: translate(0);
        transform: translate(0);
        padding: 30px 15px 30px 15px;
    }

    .evolution-section05::before {
        display: none;
    }

    .evolution05-box {
        position: relative;
        top: 0;
         left: 0;
        -ms-transform: translate(0);
        -webkit-transform: translate(0);
        transform: translate(0);
    }

    .evolution03-signName {
        font-size: 1.4rem;
    }

    .pager {
        display: none;
    }

    .evo-textWhite {
        color: #FFFFFF;
        text-align: left;
        margin-bottom: 15px;
    }
    
    .evo-border {
        border-bottom: #FFFFFF 1px solid;
        margin-bottom: 10px;
        display: inline-block;
        font-weight: bold;
        font-size: 1.5rem;
    }

    .evo-ul_sp {
        margin-top: 20px;
    }

    .evolution05-strengthLeft {
        width: 100%;
    }

    .evolution05-strengthRight {
        width: 100%;
    }

    .evolution04-zu{
        max-width: 600px;
        width: 100%;
    }

}

@media screen and (max-width:986px){
    /*--------------------------------
        グローバルナビ
    ----------------------------------*/
    .logo-link{
        display: block;
    }

    .logo-img{
        width: 100%;
    }

    .nav{
        width: 70%;
    }

    .navRight-img{
        width: 100%;
        min-height: 83px;
    }

    .header-inner{
        width: 78%;
        height: auto;
    }

    .nav-mobility-car {
        top: 14px;
    }

    .nav-mobility-item {
        top: 14px;
    }

    .nav-mobility-border {
        top: 14px;
    }

    .nav-mobility-list {
        width: 275px;
        height: auto;
    }

    .logo{
        width: 30%;
    }

    .navBottom{
        font-size: 1.3vw;
    }

    .navRight{
        margin-left: 2%;
    }

    /*-----------------------------------
        トップページ logoBottom
    ------------------------------------*/

    .logosBottom-imgWrapper{
        padding-bottom: 10px;
    }

    /*--------------------------------
        採用ページのグローバルナビ
    ----------------------------------*/

    .rec-gNav{
        width: 100%;
    }

    .rec-gNav-item{
        margin-left: 13px;
    }

    .rec-gNav-item a{
        font-size: 1.3vw;
    }

    #rec-h-inner{
        width: 100%;
    }

    .rec-memberImg {
        width: 100%;
    }

    .rec-kImg-message {
        font-size: 2.3rem;
    }

    .tablet-pl0 {
        padding-left: 0;
	}
	
	    /*--------------------------------
        共通部分
    ----------------------------------*/

    body{
        font-size: 1.4rem;
        padding-top: 75px;
    }

    .heading{
        font-size: 2.7rem;
        padding-top: 40px;
    }

    .heading::after{
        bottom: -10px;
        width: 25px;
    }

    .heading-sub{
        font-size: 1.5rem;
        padding-top: 25px;
    }

    .heading-middle{
        font-size: 2.1rem;
        font-weight: normal;
        margin-bottom: 55px;
    }

    .heading-middle::after{
        width: 25px;
    }

    .wrapper{
        width: 100%;
        padding: 0 2%;
    }

    .icon-new::after{
        content: "";
        background: url(../images/icon-new-window_sp.png) no-repeat center center / 16px 16px;
        height: 16px;
        width: 16px;
        position: absolute;
        right: 15px;
        bottom: 15px;
    }

    .icon-new_blue::after{
        width: 16px;
        height: 16px;
        right: 40px;
        background: url(../images/icon-new-window_blue_sp.png) no-repeat center center / 16px 16px;
    }

    .boder-blue{
        line-height: 1.3;
    }

    .sp-pt50{
        padding-top: 50px;
    }

    .sp-pt20{
        padding-top: 20px;
    }

    .sp-pb20{
        padding-bottom: 20px;
    }

    .pc-w100{
        width: auto;
	}
	
	/*---------------------------------
        モビリティサービス
    -------------------------------------*/

    .breadcrumb {
        width: 100%;
    }
    .top-breadcrumb {
        margin-left: 0;
    }
    .breadcrumb-list {
        padding-left: 15px;
    }

    .heading-blue {
        padding-top: 30px;
        font-size: 2.7rem;
    }

    .heading-blue::after {
        bottom: -10px;
        width: 25px;
    }
    
    .heading-blue-sub {
        margin-top: 25px;
        font-size: 1.3rem;
        text-align: center;
    }
    
    .heading-blue-white {
        padding-top: 30px;
        font-size: 2.7rem;
    }

    .heading-blue-white::after {
        bottom: -10px;
        width: 25px;
    }
    
    .heading-blue-white-sub {
        margin-top: 25px;
        font-size: 1.3rem;
        text-align: center;
        line-height: 1;
    }

    .headline {
        padding-top: 70px;
    }

    .headline-container {
        width: 100%;
    }

    .headline-container--company {
        margin-bottom: 20px;
        width: 100%;
        height: 240px;
        background: url(../service/images/mobility_sp.jpg) no-repeat;
        background-size: cover;
    }

    .mobility-wrapper {
        margin-top: 0px;
        margin-bottom: 0px;
    }

    .mobility-content {
        display: block;
    }

    .tf-wrapper {
        display: block;
        margin-bottom: 0px;
    }

    .col-02-01 {
        width: 100%;
        margin: 0 auto;
    }

    .search-box {
        width: 100%;
    }

    .search-form {
        margin-left: 15px;
        margin-right: 15px;
    }

    .search-keyword {
        margin-left: 15px;
        margin-right: 15px;
    }

    .search-item {
        line-height: 1.5rem;
    }

    .tf-topics {
        width: 100%;
        margin: 0 auto;
    }

    .mobility-box{
        padding:10px 15px 45px 15px;
    }

    .link-button {
        max-width: 360px;
        width: 100%;
    }
    
    .link-button-box{
        position: relative;
        top: 0;
        text-align: center;
    }

    .genre-01-icon {
        padding-left: 20px;
    }

    .genre-01-text {
        padding-right: 20px;
        font-size: 2.1rem;
    }

    .search-list {
        display: block;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .search-item {
        width: 180px;
        margin-bottom: 10px;
    }

    .search-title {
        padding-bottom: 5px;
    }

    .search-content {
        padding-bottom: 130px;
    }

    .beyond-box {
        width: 100%;
        margin-bottom: 30px;
	}
	
	/*---------------------------------
        サービス詳細
    -------------------------------------*/

    .col1-wrapper {
        padding-top: 30px;
        padding-bottom: 10px;
    }

    .col2-wrapper {
        padding-top: 30px;
    }

    .wrapper-02 {
      width: 100%;
      padding: 0 15px;
      margin: 0 auto;
      clear: both;
    }

    .right-nav {
        display: none !important;
    }

    .right-nav-wrapper {
        display: block;
    }

    .frix-decoy {
        display: none !important;
    }

    .col-02-02-content {
        width: 100%;
    }

    .col-02-02-section {
        display: block;
    }

    .col-02-02-box {
        padding-bottom: 40px;
    }

    .col-02-02-link_right {
        bottom: 5px;
    }

    .col-02-02 {
        width: 100%;
        margin: 0 auto;
    }

    .col-03-03-content {
        width: 100%;
        margin: 0 auto;
        padding-bottom: 30px;
    }

    .col-03-03-section {
        display: block;
        padding: 0 15px;
        margin-bottom: 10px;
    }

    .col-03-03 {
        width: 100%;
        margin: 0 auto;
    }

    .sample-contant {
        display: block;
    }

    table {
        max-width: 700px;
        width: 100%;
    }

    td,
    th{
        padding: 10px 10px;
    }

    .th-02-width{
        width: 20%;
    }

    .genre-02-text {
        font-size: 2.1rem;
    }

    .catch-phrase {
        font-size: 1.8rem;
    }

    .h4-02 {
        font-size: 1.5rem;
    }

    .img {
        width: 100%;
    }

    .section-01 {
        margin-bottom: 15px;
    }

    .section-02 {
        margin-bottom: 10px;
    }

    .table-width01 {
        width: 115px;
    }
    
    .table-width02 {
        width: 60px;;
    }

    .text {
        font-size: 1.4rem;
    }

    .col-02-02-imgBox {
        padding-right: 20px;
        padding-left: 20px;
        text-align: center;
    }

    .col-02-02-imgBox img {
        max-width: 330px;
        width: 100%;
    }

    /* サービス詳細SMAサポートへのリンクテキスト */
    .pc-boder{
        border-bottom: none;
    }
    .pc-boder:hover{
        border-bottom: none;
    }
    .sp-sma-boder {
        border-bottom: #181e29 1px solid;
    }
    .pc-boder:hover .sp-sma-boder{
        border-bottom: #00a5e7 1px solid;
        color: #00a5e7;
        transition: .3s;
    }
    .sp-mr33{
        margin-right: 33px;
    }
    .sp-mr62{
        margin-right: 62px;
    }

}


@media screen and (max-width:768px){

    /*--------------------------------
        共通部分
    ----------------------------------*/

    body{
        font-size: 1.4rem;
        padding-top: 75px;
    }

    .heading{
        font-size: 2.7rem;
        padding-top: 40px;
    }

    .heading::after{
        bottom: -10px;
        width: 25px;
    }

    .heading-sub{
        font-size: 1.5rem;
        padding-top: 25px;
    }

    .heading-middle{
        font-size: 2.1rem;
        font-weight: normal;
        margin-bottom: 55px;
    }

    .heading-middle::after{
        width: 25px;
    }

    .wrapper{
        width: 100%;
        padding: 0 2%;
    }

    .icon-new::after{
        content: "";
        background: url(../images/icon-new-window_sp.png) no-repeat center center / 16px 16px;
        height: 16px;
        width: 16px;
        position: absolute;
        right: 15px;
        bottom: 15px;
    }

    .icon-new_blue::after{
        width: 16px;
        height: 16px;
        right: 40px;
        background: url(../images/icon-new-window_blue_sp.png) no-repeat center center / 16px 16px;
    }

    .boder-blue{
        line-height: 1.3;
    }

    .sp-pt50{
        padding-top: 50px;
    }

    .sp-pt20{
        padding-top: 20px;
    }

    .sp-pb20{
        padding-bottom: 20px;
    }

    .pc-w100{
        width: auto;
    }
    /*--------------------------------
        header
    ----------------------------------*/

    .header-inner{
        height: 75px;
    }

    .logo-img{
        width: 180px;
        height: auto;
    }

    .logo{
        padding-left: 10px;
        z-index: 100;
    }

    .nav{
        display: none;
    }
    
    .navRight-btns{
        display: none;
    }

    .navMenu{
        display: flex;
    }

    .navMenu-btn{
        width: 84px;
    }

    .navMenu-btn img{
        max-width: 84px;
        width: 100%;
    }

    .navMenu-btn-pen{
        width: 84px;
    }

    .navMenu-btn-pen img{
        max-width: 84px;
        width: 100%;
    }


    /*---------------------------------
        mainvisual
    ----------------------------------*/

    .fv-img{
        height: 350px;
        background: url("../images/fv_sp.jpg") no-repeat center center / cover;
    }

    .mainvisual-title {
        font-size: 4.7rem;
    }

    .mainvisual-title-wrap{
        left: 5%;
    }
    
    .mainvisual-sub {
        font-size: 2.4rem;
    }

    .mainvisual-link{
        padding-left: 18px;
        max-width: 345px;
        width: 100%;
        font-size: 1.6rem;
        left: 50%;
        -ms-transform: translateX(-50%);
        -webkit-transform : translateX(-50%);
        transform : translateX(-50%);
    }

    .mainvisual-arrow {
        padding-left: 70px;
        height: 26px;
    }

    /*---------------------------------
        emergency
    ----------------------------------*/

    .emergency {
        margin-left: 15px;
        margin-right: 15px;
    }

    .emergency-content {
        margin: 55px auto 0 auto;
        width: 100%;
        border: #d4d6d8 1px solid;
    }
    
    .emergency-title {
        margin-top: 15px;
        font-size: 1.6rem;
        font-weight: bold;
        text-align: center;
        line-height: 1;
    }
    
    .emergency-text {
        margin: 15px 30px 20px;
        font-size: 1.5rem;
        color: #777777;
        text-align: center;
    }

    /*---------------------------------
        news-contents,
        topics-contents
    ------------------------------------*/
    .news-wrapper,
    .topics-wrapper{
        display: block;
        padding-right: 15px;
        padding-left: 15px;
    }

    .news-wrapper{
        padding-top: 50px;
    }

    .newstitle,
    .topicstitle{
        width: auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .news-heading,
    .topics-heading{
        padding-bottom: 20px;
        font-size: 2.4rem;
    }

    .news-list,
    .topics-list{
        display: block;
    }

    .topics-list{
        padding-bottom: 0;
    }

    .news-title,
    .topics-title{
        width: 100%;
        padding-left: 0;
    }

    .newstitle-more,
    .topicstitle-more{
        font-size: 1.1rem;
        padding-bottom: 5px;
        width: 90px;
    }

    .newstitle-more::after,
    .topicstitle-more::after {
        position: absolute;
        width: 17px;
        height: 6px;
        left: 73px;
        content: "";
        background: url(../images/icon-arrow-black_sp.png) no-repeat center center / 17px 6px;
        top: 40%;
        transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -webkit-transform : translateY(-50%);    
    }

    .newstitle-more:hover::after,
    .topicstitle-more:hover::after {
        position: absolute;
        width: 17px;
        height: 6px;
        left: 73px;
        content: "";
        background: url(../images/icon-arrow-blue_sp.png) no-repeat center center / 17px 6px;
        top: 40%;
        transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -webkit-transform : translateY(-50%);    
        transition: .3s;
    }

    .news-listBox:first-child,
    .topics-listBox:first-child{
        border-top: solid 1px #888888;
    }

    .news-pdf {
        font-size: 1rem;
    }

    .news-listBox,
    .topics-listBox{
        display: block;
    }

    .news-data,
    .topics-data{
        display: inline-block;
    }

    .news-category,
    .topics-category{
        display: inline-block;
    }

    .news-title,
    .topics-title{
        margin-top: 10px;
    }

    .news-data,
    .topics-data{
        padding-right: 15px;
    }

    .topics-contents {
        padding: 25px 0 0;
    }


    /*--------------------------------
        mobility
    ----------------------------------*/
    .mobility-picup2col{
        display: block;
        padding-top: 40px;
    }

    .mobility-icon2col {
        top:-30px;
    }

    .mobility-label2col {
        width: 105px;
        height: 20px;
        font-size: 1.2rem;
        line-height: 20px;
    }

    .mobility-label3col{
        width: 75px;
        height: 15px;
        font-size: 1rem;
        line-height: 15px;
    }

    .mobility-icon2col img{
        max-width: 60px;
        width: 100%;
    }

    .mobility-main2col-link{
        padding-bottom: 20px;
    }

    .mobility-picup3col{
        display: block;
    }

    .mobility-main3col-link {
        padding-bottom: 0;
        display: flex;
        justify-content: space-between;
    }

    .mobility-img3col {
        width: 100%;
    }

    .mobility-icon3col {
        position: static;
        top: 0;
        left: 0;
        -ms-transform: none;
        -webkit-transform : none;
        transform: none;
        text-align: center;
    }

    .mobility-icon3col img{
        max-width: 40px;
        width: 100%;
    }

    .mobility-title2col {
        padding: 40px 0 13px;
        font-size: 2.1rem;
    }
    
    .mobility-sub2col {
        padding: 0 15px;
        font-size: 1.5rem;
    }

    .mobility-title3col {
        padding: 20px 0 0;
        font-size: 1.5rem;
    }

    .mobility-sub3col {
        display: none;
    }

    .sp-show {
        display: block;
    }

    .mobility-character3col {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    /*---------------------------------
        service
    ------------------------------------*/
    .service{
        padding: 40px 15px 0;
    }

    .service-title{
        padding: 17px 0 15px;
        font-size: 1.5rem;
    }

    .service-list-wrapper{
        text-align: center;
    }

    .service-list{
        display: inline-block;
    }
    
    .service-item{
        width: 100%;
        border-right: none;
    }
    
    .service-item_link{
        padding: 20px 0 20px;
        text-align: left;
        border-bottom: 1px solid #dfe4ea;
        display: flex;
        flex-direction: row;
    }

    .service-text{
        display: none;
    }

    .service-detailBtn_link{
        width: 180px;
        font-size: 1.2rem;
    }

    .service-item:first-child{
        border-top: 1px solid #dfe4ea;
    }

    .serviceImg img{
        max-width: 100px;
        width: 100%;
    }

    .service-link{
        width: 100%;
        max-width: 315px;
        text-align: left;
        padding-left: 45px;
        font-size: 1.4rem;
    }

    .service-arrow{
        right: 18px;
    }

    .pc-show{
        display: none;
    }

    .service-sp{
        padding-left: 30px;
    }

    .service-detailBtn{
        display: inline-block;
        text-align: center;
        width: 160px;
    }

    .service-link::after {
        width: 17px;
        height: 6px;
        background: url(../images/icon-arrow-blue_sp.png) no-repeat center center / 17px 6px;
    }

    .service-link:hover::after {
        width: 17px;
        height: 6px;
        background: url(../images/icon-arrow-white_xl.png) no-repeat center center / 17px 6px;
    }

    .service-btn{
        padding-top: 20px;
    }

    /*-------------------------------------
        carsmart
    ----------------------------------------*/
    .carsmart {
        margin-top: 40px;
        width: 100%;
        display: block;
    }
    
    .carsmart-right,
    .carsmart-left{
        width: 100%;
    }

    .carsmart-newwindow img{
        width: 16px;
        height: 16px;
    }

    .carsmart-bnrimg{
        max-width: 160px;
        width: 100%;
    }

    .carsmart-bnr{
        text-align: left;
    }

    /*-------------------------------------
        partnership
    ---------------------------------------*/
    .prtnership-agency {
        width: 100%;
        position: relative;
        padding-top: calc(360 / 750 * 100%);
        margin-bottom: 230px;
        background: url(../images/partnership_sp.jpg) no-repeat;
        background-size: contain;
    }

    .partnership-system {
        padding: 0;
        display: block;
    }
    
    .prtnership-contracted {
        width: 84%;
        padding-top: 25px;
        position: absolute;
        bottom: -340px;
        left: 50%;
        -ms-transform: translate(-50%,-50%);
        -webkit-transform : translate(-50%,-50%);
        transform : translate(-50%,-50%);
        background-color: #fff;
    }

    .partnership-estimate{
        border: none;
    }

    .partnership-assistBnr{
        max-width: 250px;
    }

    .partnership-management a,
    .partnership-estimate a{
        text-align: left;
    }

    .partnership-assist_sub{
        font-size: 1.2rem;
        text-align: left;
    }

    .partnership-subHeading{
        padding-bottom: 25px;
    }

    .prtnership-2col {
        width: 100%;
        display: block;
        top: 45%;
        padding-left: 30px;
    }

    .prtnership-title {
        font-size: 2.1rem;
        padding-bottom: 10px;
    }

    .prtnership-link{
        display: inline-block;
        font-size: 1.2rem;
        width: 180px;
        height: 35px;
        line-height: 35px;
    }
    .partnership-management{
        border:none;
    }

    .prtnership-link::after {
        content: "";
        background: url(../images/icon-arrow_white_sp.png) no-repeat center center / 17px 6px;
        height: 6px;
        width: 17px;
    }

    .partnership-h3{
        margin-bottom: 30px;
        font-size: 1.5rem;
    }

    /*-------------------------------------
        about
    ----------------------------------------*/
    .about-main{
        display: block;
        padding-top: 25px;
    }

    .about-img {
        display: none;
    }
    
    .about-img_sp{
        display: block;
    }

    .about-img_sp img{
        width: 100%;
    }

    .about-top{
        padding-bottom: 0;
    }

    .about-bottom {
        display: none;
    }

    .about-mainBox {
        bottom: auto;
        top: 50%;
        left: 50%;
        -ms-transform: translateX(-50%) translateY(-50%);
        -webkit-transform : translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%);
    }    

    /*-------------------------------------
        recruit
    ---------------------------------------*/
    
    .recruit{
        padding-top: 0;
        margin: auto;
        width: 100%;
    }

    .recruit-wrapper{
        width: 100%;
    }

    .recruit-main{
        display: block;
        padding-top: 25px;
    }

    .recruit-top{
        padding-bottom: 0;
        font-size: 2.1rem;
    }

    .recruit-bottom{
        display: none;
    }

    .recruit-newwindow{
        padding-left: 0;
        width: 16px;
        height: 16px;
    }

    .icon-new_recruit::after {
        width: 16px;
        height: 16px;
        background: url(../images/icon-new-window_sp.png) no-repeat center center / 16px 16px;
        transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -webkit-transform : translateY(-50%);    
        top: 48%;
        left: 95px;
    }

    .recruit-img {
        display: none;
    }
    
    .recruit-img_sp{
        display: block;
        width: 100%;
    }

    /*---------------------------------------
        contact
    ----------------------------------------*/
    .contact{
        display: block;
        padding: 40px 0 30px;
        margin-top: 0;
        background: #00a5e7;
    }

    .contact-left{
        width: 90%;
    }

    .contact-right {
        width: 90%;
        margin: 0 auto;
    }

    .contact-item {
        margin-top: 20px;
    }

    .contact-leftLink{
        padding: 0 2%;
    }

    .contact-rightLink{
        padding: 20px 20% 20px 20px;
        font-size: 1.5rem;
    }

    .contact-rightLink img{
        max-width: 28px;
        width: 100%;
    }

    .contact-heading{
        font-size: 3rem;
        padding-bottom: 15px;
    }

    .contact-subHeading{
        font-size: 1.4rem;
        padding-bottom: 5px;
    }

    .contact{
        height: auto;
    }

    .contact-small{
        font-size: 1.2rem;
    }

    .contact-leftInner{
        width: 100%;
        padding-left: 15px;
    }

    .contact-contactBtn{
        padding-left: 10px;
    }

    .contact-rightLink::after{
        content: "";
        background: url(../images/icon-arrow_white_sp.png) no-repeat center center / 17px 6px;
        width: 17px;
        height: 6px;
        position: absolute;
        left: 85%;
        top: 50%;
        -ms-transform: translateY(-50%);
        -webkit-transform : translateY(-50%);
        transform: translateY(-50%);
    }

    .contact-rightLink:hover::after{
        content: "";
        background: url(../images/icon-arrow-blue_sp.png) no-repeat center center / 17px 6px;
        width: 17px;
        height: 6px;
        position: absolute;
        left: 85%;
        top: 50%;
        -ms-transform: translateY(-50%);
        -webkit-transform : translateY(-50%);
        transform: translateY(-50%);
        transition: .3s;
    }

    /*-お問い合わせフォーム-*/

    .form-container {
        display: block;
        width: 100%;
    }

    .form-container label {
        margin-left: 10px;
    }

    .form-label {
        display: block;
        width: 100%;
        border-right: #181e29 1px solid;
        border-bottom: none;
    }

    .form-list {
        display: block;
        width: 100%;
    }

    .form-item {
        display: block;
        width: 100%;
        border-left: #181e29 1px solid;
    }

    .form-margin-left {
        margin: 0px;
    }

    .form-company {
        width: 100%;
    }

    .from-border-none_sp {
        padding: 10px;
    }

    .from-topBorder-none_sp {
        border-top: none;
    }

    .form-marginTpo_sp {
        margin-top: 10px;
    }

    .form-marginBottom_sp {
        margin-bottom: 10px;
    }

    .form-marginLeft_sp {
        margin-left: 10px;
    }

    .form-marginRight_sp {
        margin-right: 10px;
    }

    .form-address-link {
        display: inline-block;
        margin-left: 0px;
        margin-bottom: 0px;
        margin-top: 10px;
    }

    .form-address-item {
        margin-left: 10px;
    }

    .form-address-another {
        width: 100%;
        margin-left: 0px;
    }

    .form-pref {
        margin-bottom: 10px;
        float: none;
    }

    .form-address-fields {
      margin-left: 0;
    }

    .form-margin-bottom {
        margin-bottom: 10px;
    }

    .form-margin-bottom02 {
        margin-bottom: 10px;
    }

    .form-industry_another {
        width: 100%;
    }

    .form-radio-item {
        display: block;
    }

    .form-tel {
        width: 90px;
    }

    .form-address_pic {
        margin-bottom: 10px;
    }

    .form-required_sp {
        height: 50px;
    }

    .form-content {
        width: 100%;
    }

    .form-text-box {
        width: 100%;
    }

    .form-item_sp {
        height: 100px;
        padding: 10px;
    }

    .bread-top_sp{
        padding-top: 8px;
        margin-top: 90px;
    }

    .form-label02 {
        display: block;
        width: 100%;
        border-right: #181e29 1px solid;
        border-bottom: none;
    }

    .form-item02 {
        display: block;
        width: 100%;
        border-left: #181e29 1px solid;
    }

    .field_error {
        padding-left: 10px;
        margin: 5px 0;
    }

    .from-border-none_sp .field_error  {
        margin-left: -10px;
    }

    /*--------------------------------
        agreement
    -----------------------------------*/
    .agreement{
        padding: 35px 30px;
    }

    .agreement-list{
        width: 100%;
        display: block;
        text-align: center;
        border: none;
    }

    .agreement-item{
        width: 100%;
    }

    
    .agreement-item:first-child{
        border-right: none;
        border-bottom: #d4d6d8 1px solid;
        padding-bottom: 20px;
    }

    .agreement-item:nth-child(2){
        margin-top: 20px;
    }

    .agreement-link{
        text-align: left;
    }

    .ag-link-smart{
        max-width: 198px;
        width: 100%;
    }

    .logo-e-advice_big{
        max-width: 175px;
        width: 100%;
    }

    .icon-new_bottom::after{
        top: 50%;
        transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -webkit-transform : translateY(-50%);    
        right: 10px;
        width: 16px;
        height: 16px;
        background: url(../images/icon-new-window_sp.png) no-repeat center center / cover;
    }

    .agreement-text{
        text-align: left;
        font-size: 1.2rem;
    }

    .agreement-h3{
        margin-bottom: 30px;
        font-size: 1.5rem;
    }

    /*---------------------------------
        モビリティサービス
    -------------------------------------*/

    .breadcrumb {
        width: 100%;
    }
    .top-breadcrumb {
        margin-left: 0;
    }
    .breadcrumb-list {
        padding-left: 15px;
    }

    .heading-blue {
        padding-top: 30px;
        font-size: 2.7rem;
    }

    .heading-blue::after {
        bottom: -10px;
        width: 25px;
    }
    
    .heading-blue-sub {
        margin-top: 25px;
        font-size: 1.3rem;
        text-align: center;
    }
    
    .heading-blue-white {
        padding-top: 30px;
        font-size: 2.7rem;
    }

    .heading-blue-white::after {
        bottom: -10px;
        width: 25px;
    }
    
    .heading-blue-white-sub {
        margin-top: 25px;
        font-size: 1.3rem;
        text-align: center;
        line-height: 1;
    }

    .headline {
        padding-top: 70px;
    }

    .headline-container {
        width: 100%;
    }

    .headline-container--company {
        margin-bottom: 20px;
        width: 100%;
        height: 240px;
        background: url(../service/images/mobility_sp.jpg) no-repeat;
        background-size: cover;
    }

    .mobility-wrapper {
        margin-top: 0px;
        margin-bottom: 0px;
    }

    .mobility-content {
        display: block;
    }

    .tf-wrapper {
        display: block;
        margin-bottom: 0px;
    }

    .col-02-01 {
        width: 100%;
        margin: 0 auto;
    }

    .search-box {
        width: 100%;
    }

    .search-form {
        margin-left: 15px;
        margin-right: 15px;
    }

    .search-keyword {
        margin-left: 15px;
        margin-right: 15px;
    }

    .search-item {
        line-height: 1.5rem;
    }

    .tf-topics {
        width: 100%;
        margin: 0 auto;
    }

    .mobility-box{
        padding:10px 15px 45px 15px;
    }

    .link-button {
        max-width: 360px;
        width: 100%;
    }
    
    .link-button-box{
        position: relative;
        top: 0;
        text-align: center;
    }

    .genre-01-icon {
        padding-left: 20px;
    }

    .genre-01-text {
        padding-right: 20px;
        font-size: 2.1rem;
    }

    .search-list {
        display: block;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .search-item {
        width: 180px;
        margin-bottom: 10px;
    }

    .search-title {
        padding-bottom: 5px;
    }

    .search-content {
        padding-bottom: 130px;
    }

    .beyond-box {
        width: 100%;
        margin-bottom: 30px;
    }

    /*-検索機能css*/

#ss-form div.ss-categories {
    margin: 10px 0 20px;
    display: block;
    margin-left: 0;
}

div#ss-main.center #ss-form {
    text-align: center !important;
}

.search_text {
    line-height: 37px;
    text-align: left;
    margin-left: 5px;
}
div#ss-main {
    font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif !important;
    font-size: 1.6rem !important;
    margin: 0 !important;
    line-height: 1.5 !important;
}

.key-search-box {
    width: 100% !important;
}

.key-search-input {
    width: 100% !important;
    display: none !important;
}

#ss-query2, #ss-query3 ,#ss-query4 {
    font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif !important;
    border-style: none;
    background-color: #00a5e7;
    font-size: 1.4rem;
}
#ss-form div.ss-categories fieldset.ss-category-field {
    text-align: left;
    margin-left: 20px !important;
}
    .beyond-box-2col{
        display: block;
    }

    .beyond-img {
        width: 100%;
    }

    .beyond-2col-item02 {
        padding: 15px;
    }

    .beyond-2col-item {
        width: 100%;
      }

    .beyond-text {
        margin-bottom: 0px;
    }

    /*---------------------------------
        サービス詳細
    -------------------------------------*/

    .col1-wrapper {
        padding-top: 30px;
        padding-bottom: 10px;
    }

    .col2-wrapper {
        padding-top: 30px;
    }

    .wrapper-02 {
      width: 100%;
      padding: 0 15px;
      margin: 0 auto;
      clear: both;
    }

    .corporate_overview_txt {
        font-size: 13px;
    }

    .right-nav {
        display: none !important;
    }

    .right-nav-wrapper {
        display: block;
    }

    .frix-decoy {
        display: none !important;
    }

    .col-02-02-content {
        width: 100%;
    }

    .col-02-02-section {
        display: block;
    }

    .col-02-02-box {
        padding-bottom: 40px;
    }

    .col-02-02-link_right {
        bottom: 5px;
    }

    .col-02-02 {
        width: 100%;
        margin: 0 auto;
    }

    .col-03-03-content {
        width: 100%;
        margin: 0 auto;
        padding-bottom: 30px;
    }

    .col-03-03-section {
        display: block;
        padding: 0 15px;
        margin-bottom: 10px;
    }

    .col-03-03 {
        width: 100%;
        margin: 0 auto;
    }

    .sample-contant {
        display: block;
    }

    table {
        max-width: 700px;
        width: 100%;
    }

    td,
    th{
        padding: 10px 10px;
    }

    .th-02-width{
        width: 20%;
    }

    .genre-02-text {
        font-size: 2.1rem;
    }

    .catch-phrase {
        font-size: 1.8rem;
    }

    .h4-02 {
        font-size: 1.5rem;
    }

    .img {
        width: 100%;
    }

    .section-01 {
        margin-bottom: 15px;
    }

    .section-02 {
        margin-bottom: 10px;
    }

    .table-width01 {
        width: 115px;
    }
    
    .table-width02 {
        width: 60px;;
    }

    .text {
        font-size: 1.4rem;
    }

    .col-02-02-imgBox {
        padding-right: 20px;
        padding-left: 20px;
        text-align: center;
    }

    .col-02-02-imgBox img {
        max-width: 330px;
        width: 100%;
    }

    /* サービス詳細SMAサポートへのリンクテキスト */
    .pc-boder{
        border-bottom: none;
    }
    .pc-boder:hover{
        border-bottom: none;
    }
    .sp-sma-boder {
        border-bottom: #181e29 1px solid;
    }
    .pc-boder:hover .sp-sma-boder{
        border-bottom: #00a5e7 1px solid;
        color: #00a5e7;
        transition: .3s;
    }
    .sp-mr33{
        margin-right: 33px;
    }
    .sp-mr62{
        margin-right: 62px;
    }

    /*-格付情報ページ用テーブル-*/

    .tbl-r03 {
        width: 90%;
        margin: 0 auto;
      }
      .tbl-r03 tr {
        display: block;
        float: left;
      }
      .tbl-r03 tr td, 
      .tbl-r03 tr th {
        display: block;
        height: 80px;
      }
      .tbl-r03 thead {
        display: block;
        float: left;
        width: 30%;
      }
      .tbl-r03 thead tr {
        width: 100%;
      }
      .tbl-r03 tbody {
        display: block;
        float: left;
        width: 70%;
      }
      .tbl-r03 tbody tr {
        width: 100%;
      }

      .table-boder06 {
        border: none;
    }

    /*--------------------------------
        お問い合わせページ
    ---------------------------------*/

    .link-button_contact{
        max-width: 360px;
        width: 100%;
    }

    .col-02-02_contact:first-child{
        margin-right: 0;
    }

    .col-02-02-section_contact,
    .col-02-02-section_cost{
        display: block;
    }

    .sample-mt-02_center{
        text-align: center;
    }

    /*--------------------------------
        ニュースリリース 
    ---------------------------------*/

    .news-year{
        display: block;
    }

    .news-year-text{
        display: block;
        margin-top: 5px;
    }

   .news-year-text:first-child{
        margin-top: 0;
    }

    .news-categoryBox_archive{
        width: 100px;
    }

    .news-listBox_archive{
        display: block;
    }

    .news-listBox_archive::after{
        bottom: 21px;
    }

    .checkbox01-parts{
        margin-top: 5px;
    }

    .newstitle_archive{
        width: auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .news-heading_archive{
        padding-bottom: 20px;
        font-size: 2.4rem;
    }

    .news-list_archive{
        display: block;
    }

    .news-title_archive{
        width: 100%;
        padding-left: 0;
    }

    .news-pdf_archive {
        font-size: 1rem;
    }

    .news-listBox_archive{
        display: block;
        padding-right: 100px;
    }

    .news-data_archive{
        display: inline-block;
        font-size: 1.2rem;
    }

    .news-category_archive{
        display: inline-block;
        font-size: 1rem;
        padding-right: 0;
    }

    .news-title_archive{
        margin-top: 10px;
    }

    .news-data_archive{
        padding-right: 15px;
    }

    /*--------------------------------
        トピックス
    ---------------------------------*/

    .articleClip {
        display: block;
    }

    .articleClip-img {
        text-align: center;
    }

    .articleClip-left {
        padding: 0;
    }

    .link-button02{
        width: 100%;
    }

    /*------------------------------------
        パートナーシップ業務提携 表
    --------------------------------------*/
    .tbl-r03_part {
        width: 90%;
        margin: 0 auto;
    }

    .tbl-r03_part tr {
        display: block;
        float: left;
    }

    .tbl-r03_part tr td, 
    .tbl-r03_part tr th {
        display: block;
        height: 125px;
    }

    .tbl-r03_part thead {
        display: block;
        float: left;
        width: 30%;
    }

    .tbl-r03_part thead tr {
        width: 100%;
    }

    .tbl-r03_part tbody {
        display: block;
        float: left;
        width: 70%;
    }
    
    .tbl-r03_part tbody tr {
        width: 100%;
    }

    .table-boder06_part {
        border: none;
    }

    .th_partnership {
        height: 220px !important;
    }

    .td_partnership {
        height: 220px !important;
    }

    /*----------------------------------
        拠点一覧
    ------------------------------------*/
    .base-linkBox{
        display: block;
    }

    .base-linkBox-text{
        display: block;
        margin-top: 5px;
    }

    .base-linkBox-text02{
        display: block;
        margin-top: 5px;
        padding: 0;
    }

    .base-linkBox-text:first-child{
        margin-top: 0;
    }

    .base-linkBox{
        margin-bottom: 5px;
    }

    .base-linkBox-left .base-linkBox-text:nth-child(2n){
        margin-right: 0;
        margin-left: 0;
    }

    .base-ib-after::after{
        right: -12px;
    }

    /*-------------------------------------------
        採用ページ共通CSS
    --------------------------------------------*/
    .rec-headline {
        padding-top: 37px;
        font-size: 2.4rem;
    }

    .rec-1line-headline {
        padding-top: 40px;
        font-size: 2.4rem;
    }

    .rec-2line-headline {
        padding-top: 23px;
        padding-bottom: 6px;
        font-size: 2.4rem;
        line-height: 30px;
    }

    .headline-container-career,
    .headline-container-rewarding,
    .headline-container-rec-voice,
    .headline-container-rec-staff,
    .headline-container-woman,
    .headline-container-overseas,
    .headline-container-discussion,
    .headline-container-rec,
    .headline-container-ojt,
    .headline-container-rec-human,
    .headline-container-rec-recBiz,
    .headline-container-recFqa,
    .headline-container-pmg,
    .headline-container-flow{
        height: 120px;
    }

    .headline-container-rec-staff {
        background-position: 80% 50%;
    }

    .headline-container-rec-voice {
        background-position: 80% 50%;
    }

    .headline-container-woman{
        background-position: 87% 50%;
    }

    .headline-container-rec-human {
        background-position: 80% 50%;
    }

    .headline-container-recFqa {
        background-position: 80% 50%;
    }

    .headline-container-flow {
        background-position: 18% 0;
    }

    
    /*---------------------------------
        採用ページ　トップ
    ------------------------------------*/
    .rec-news-wrapper {
        display: block;
        padding-right: 15px;
        padding-left: 15px;
    }

    .recruit-top-wrapper02 {
        width: 100%;
        padding: 0 15px;
    }

    .recruit-blue-h2 {
        font-size: 2.4rem;
    }

    .recruit-blue-h2::after {
        width: 25px;
        bottom: -8px;
        left: 31%;
    }

    .recruit-blue-sub {
        padding-top: 20px;
        font-size: 1.4rem;
        text-align: left;
    }

    .recruit-blue02-h2 {
        font-size: 2.7rem;
    }

    .recruit-section {
        margin-top: 20px;
    }

    .recruit-blue02-title {
        margin-bottom: 20px;
    }

    .recruit-2col {
        display: block;
    }

    .recruit-3col {
        display: block;
    }

    .recruit-gray-section {
        padding: 40px 0;
    }

    .recruit-caption {
        font-size: 1.4rem;
    }

    .rec-qa-box {
        width: 100%;
        padding: 0 15px;
        margin-bottom: 20px;
    }

    .ac1 {
        font-size: 1.8rem;
        font-weight: normal;
        margin-bottom: 10px;
    }

    .accordion3 .inner li {
        padding: 10px 10px 10px 35px;
    }

    .recruitTop-wrapper {
        margin-top: -75px;
        margin-bottom: 60px;
    }

    .rec-news-data {
        padding-right: 15px;
    }

    .rec-news-listBox {
        padding: 20px 0;
        display: inline-block;
    }

    .rec-news-contents {
        padding: 40px 0 20px 0;
    }

    .img-box {
        margin-bottom: 10px;
        margin-top: 10px;
    }

    .recruit-warpBox {
        width: 48%;
    }

    .recruit-topImg-box {
        padding-top: 55px;
    }

    .rec-sp {
        padding: 0;
    }
    .rec-pa-img{
        right: 13px;
    }

    .accordion3 p {
        padding-right: 40px;
    }

    .recruit-warpBox02 {
        width: 100%;
    }

    .recruit-2colBox{
        width: 100%;
    }

    .recruit-3colBox{
        width: 100%;
    }

    /*---------------------------------
        採用ページ　社員紹介ページ
    ------------------------------------*/

    .logo-link_sp {
        display: block;
    }

    .logo-link_pc {
        display: none;
    }

    .recruit-navMenu {
        display: flex;
    }

    /*---------------------------------
        採用ページ　社員紹介ページ
    ------------------------------------*/

    .rec-h3{
        font-size: 2rem;
    }

    .rec-kImg-pc{
        display: none;
    }

    .rec-kImg-spBox{
        display: block;
        position: relative;
    }

    .rec-kImg-posi-page{
        position: absolute;
        top: 26%;
        padding-left: 15px;
    }

    .kImg-rec-position{
        padding-bottom: 10px;
        font-size: 2.6rem;
    }

    .kImg-rec-page{
        font-size: 1.3rem;
    }

    .headline-container_rec{
        display: flex;
        flex-direction: column;
        margin-top: 75px;
    }

    .rec-kImg{
        order: 2;
    }

    .rec-bread{
        order: 1;
        background: #e5e4e8;
    }

    .rec-wrapper{
        width: 100%;
        padding: 0 15px;
        margin: 0 auto;
    }

    .rec-gNav-list{
        display: none;
    }

    .rec-entry{
        display: none;
    }

    .rec-kImg{
        background: none;
    }

    .rec-kImg-wrap{
        position: static;
        transform: none;
    }

    .fl-imgBox{
        float: none;
    }

    .fl-box{
        overflow: visible;
    }

    .rec-flex{
        display: block;
    }

    .fl-img,
    .fl-img img,
    .rec-bgImg,
    .rec-bgImg img,
    .rec-kImg-inner,
    .rec-kImg-inner img,
    .rec-schedule,
    .rec-schedule img{
        width: 100%;
    }

    .fl-imgBox{
        padding-left: 0;
    }

    .h-res{
        font-size: 2rem;
        color: #00a5e7;
        text-align: left;
        padding-top: 50px;
    }

    .rec-pro-item{
        margin-bottom: 20px;
    }

    .rec-pro-item:last-child{
        margin-bottom: 20px;
    }

    .rec-kImg-message{
        font-size: 2.3rem;
        margin-bottom: 20px;
        padding-top: 20px;
    }

    .rec-kImg-wrap{
        display: flex;
        flex-direction: column;
    }

    .rec-kImg-pro{
        order: 3;
        color: #00a5e7;
        font-weight: bold;
        margin-bottom: 0;
    }

    .rec-kImg-name{
        order: 2;
        font-size: 2.2rem;
        padding-bottom: 20px;
    }

    .people-roma{
        display: block;
        font-size: 1.3rem;
    }

    .fl-box{
        display: flex;
        flex-direction: column;
    }

    .fl-imgBox04 {
        order: 2;
    }

    .fl-imgBox01{
        order: 1;
    }

    .fl-imgBox02{
        order: 4;
    }

    .fl-imgBox03{
        order: 3;
    }

    .rec-blue-container{
        display: flex;
        align-items: flex-end;
        padding-top: 30px;
        padding-bottom: 30px;
        border-top: 1px solid #d4d6d8;
    }

    .rec-blue-60{
        padding-top: 0;
        font-size: 2.3rem;
        color: #00a5e7;
        text-align: left;
        font-weight: bold;
    }

    .rec-blue-60::after{
        display: none;
    }

    .rec-blue-100 {
        padding-top: 0;
        font-size: 2.5rem;
        color: #00a5e7;
        text-align: left;
        font-weight: bold;
    }

    .rec-blue-100::after {
        display: none;
    }

    .rec-blue-sub{
        padding-left: 15px;
        padding-bottom: 2px;
        margin-top: 0;
        margin-bottom: 0;
        font-size: 1.3rem;
        text-align: left;
        font-weight: bold;
    }

    .fl-box{
        padding-bottom: 0;
    }

    .rec-message-fl-box{
        display: flex;
        flex-direction: column;
        margin-bottom: 0;
        padding-bottom: 30px;
    }

    .rec-message-fl-box .fl-imgBox{
        order: 2;
    }

    .rec-message-fl-box .fl-span{
        order: 1;
    }

    .fl-span{
        padding-bottom: 20px;
    }

    .sp-pb{
        padding-bottom: 20px;
    }

    .rec-inner-item{
        padding-top: 10px;
    }

    .rec-inner-item02{
        padding-top: 10px;
        padding-left: 67px;
        text-indent: -67px;
    }


    .rec-message-wrapper1{
        padding: 0 15px;
    }

    .rec-message-wrapper2{
        width: 100%;
        padding: 0;
    }

    .rec-message-wrapper2 .fl-span{
        padding: 0 15px 20px;
    }

    .section-border{
        margin: 0 auto 20px;
        width: 50px;
        height: 2px;
        background: #d4d6d8;
    }

    .rec-btnBorder{
        width: 100%;
        padding: 0 15px;
        padding-bottom: 40px;
    }

    .rec-btnInner{
        border-top: 1px solid #d4d6d8;
    }

    .rec-btn{
        margin: 30px auto 0;
        width: 100%;
    }

    .rec-btn02{
        margin-bottom: 10px;
        width: 100%;
    }

    .fl-pb{
        padding-bottom: 30px;
    }

    .recruit-contents-wrapper {
        margin-bottom: 0;
    }

    .rec-member {
        width: 30%;
        margin-right: 0;
        margin-bottom: 20px;
        padding-left: 0;
    }

    .rec-memberImg {
        width: 100%;
        margin: 3px;
    }

    .rec-flex-start {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .rec-memberName {
        margin-bottom: 0;
    }

    .rec-memberName::after {
        position: absolute;
        width: 17px;
        height: 4px;
        right: 0;
        content: "";
        background: url(../images/icon-arrow_blue_m.png) no-repeat center center / 17px 4px;
        top: 50%;
        transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);    
    }

    .rec-btnInner {
        display: block;
    }
    
    .rec-btn02:first-child {
        margin-right: 0;
    }
    

    /*----------------------------------
        採用担当者からのメッセージ
    --------------------------------------*/

    .rec-headline-sub {
        font-size: 1rem;
        color: #FFFFFF;
        text-align: center;
    }


    .rec-st-topText{
        font-size: 1.8rem;
        font-weight: normal;
        line-height: inherit;
        text-align: left;
        padding-bottom: 40px;
        padding-top: 10px;
    }

    .resource-b{
        width: 100%;
        margin: auto;
        margin-bottom: 20px;
        font-size: 1.6rem;
        border-bottom: #d4d6d8 1px solid;
    }

    .resource-blue{
        font-size: 1.6rem;
    }

    .resource-triangle{
        padding-bottom: 20px;
    }

    .human-text{
        display: block;
        text-align: center;
    }

    .resource-human{
        text-align: center;
        padding-right: 0;
        padding-bottom: 25px;
    }

    .resource-text{
        padding: 20px 0;
    }

    .resource{
        border: #00A5E7 1px solid;
        padding: 30px 20px 30px;
    }

    .resource-text{
        padding-bottom: 0;
    }

    .staff-message-text{
        padding-bottom: 50px;
    }

    .sp-pb-0{
        padding-bottom: 0;
    }

    .staff-message-b{
        font-size: 2.0rem;
        font-weight: bold;
        padding-bottom: 20px;
    }

    .introduction-name {
        font-size: 2.0rem;
        padding-bottom: 20px;
    }

    .introduction-2col{
        display: block;
    }

    .introduction-text {
        padding: 30px 0 60px;
    }

    .introduction img{
        width: 100%;
    }

    .rec-heading{
        font-size: 2.2rem;
        padding-top: 55px;
        margin-bottom: 45px;
    }

    .rec-heading-sub{
        text-align: center;
    }


    /*--------------------------------
        オフィスツアー
    ---------------------------------*/
    .right-nav-tour{
        width: 100%;
    }

    .rec-tour-container{
        width: 100%;
    }

    .rec-3colBox {
        width: 100%;
        text-align: center;
        margin-bottom: 10px;
    }

    .rec-3colItem {
        width: 48%;
        text-align: center;
        margin: 0;
    }

    .rec-3colTitle {
    font-size: 1.2rem;
    }

    .rec-3colTitle02 {
        font-size: 1.2rem;
    }

    .rec-3colImg {
        margin-top: 20px;
        margin-bottom: 10px;
    }

    .rec-3colPic {
        width: 100%;
    }

    .rec-2colBox {
        display: block;
    }

    .rec-picTitle {
        margin-top: 40px;
        margin-bottom: 0;
    }


    /*--------------------------------
        若手社員アンケート
    ---------------------------------*/
    .qa-wrapper{
        padding-top: 40px;
    }

    .recruit_box {
        height: 100%;
        padding-bottom: 30px;
    }

    .nav-dot {
        display: none;
    }

    .nav-dot li {
        display: none;
    }

    .nav-dot li.current {
        display: none;
    }

    .nav-dot li:last-child {
        display: none;
    }
    .position_text {
        display: none;
    }
    .position_text_current {
        display: none;
    }
    .wrapper-qa-02 {
        width: 100%;
        padding: 0 15px;
        margin: 0 auto;
    }

    .rec-qa-section01 {
        height: 100%;
    }

    .rec-qa-section02 {
        height: 100%;
    }

    .rec-qa-mgb {
        margin-bottom: 20px;
    }

    .rec-qa-list2col {
        display: block;
    }

    .rec-qa-img {
        width: 100%;
        margin-bottom: 0;
    }

    .rec-qa-2colItem02 {
        padding-top: 20px;
    }

    .rec-qa-2colItem03 {
        padding-top: 20px;
    }

    .rec-qa-2colItem04 {
        padding-top: 20px;
    }

    .rec-qa-2colItem05 {
        padding-top: 20px;
    }

    .rec-qa-otherBox {
        width: 100%;
        padding: 10px;
        margin-left: 0;
        margin-bottom: 40px;
    }

    .rec-qa-item2col {
        width: 100%;
        margin: 0;
    }

    .qa-2col-pd {
        padding: 0;
        margin-bottom: 20px;
    }

    .qa-2col-pd02 {
        width: 100%;
        padding: 0;
    }

    .rec-qa-pdt01 {
        padding-top: 40px;
    }

    .rec-blue-qa {
        margin-bottom: 40px;
        font-size: 2rem;
    }

    .rec-qa-pdt02 {
        padding-top: 0;
    }

    .rec-qa-otherTitle {
        font-size: 1.8rem;
    }

    .sp-pt0{
        padding-top: 0;
    }

    .enquete-list2col{
        width: 100%;
    }

    /*-OJTの流れ-*/

    .ojt-wrapper {
        width: 100%;
    }

    .ojt-section {
        padding: 0 15px;
        margin-bottom: 30px;
    }

    .ojt-section02 {
        margin-bottom: 30px;
    }

    .ojt-2col02 {
        display: block;
    }

    .ojt-2colImg {
        width: 150px;
    }

    .ojt-img {
        width: 100%;
        margin-bottom: 10px;
    }

    .ojt-grayBox {
        width: 100%;
    }

    .ojt-img02 {
        width: 120px;
    }

    .pd-sp {
        margin: 0 15px 10px 15px;
    }

    .ojt-2colImg02 {
        margin: 0;
    }

    .genre-02-ojt {
        margin: 0 15px 20px 15px;
    }

    .genre-ojt-text {
        font-size: 2rem;
    }

    .genre-ojt {
        margin-bottom: 10px;
    }

    .ojt-2colList {
        margin: 0 10px;
    }

    .ojt-2olSub {
        font-size: 2rem;
    }

    .genre-02-text-ojt {
        font-size: 2.7rem;
    }

    .ojt-2bolBox {
        width: 100%;
    }

    /*--------------------------------
        モビリティサービスへの進化
    ---------------------------------*/

    .fixed-area {
        display: none;
    }

    .evolution-section {
        width: 100%;
    }

    .evolution-title {
        font-size: 2.5rem;
    }

    .evolution-sub01 {
        font-size: 5rem;
    }

    .evolution-sub02 {
        font-size: 1.5rem;
        margin-bottom: 20px;
    }

    .evolution-link {
        display: block;
    }

    .evolution02-box02 {
        display: none;
    }

    .evolution02-box {
        position: absolute;
        top: 52%;
        width: 100%;
        padding: 15px;
    }

    .evolution02-title {
        font-size: 4rem;
        padding-bottom: 20px;
    }

    .evolution02-sub {
        padding-bottom: 20px;
        font-size: 1.8rem;
    }

    .evolution02-text {
        margin-bottom: 20px;
    }

    .evolution-box03 {
        position: relative;
        background: url(../mobility/images/evolution_bg_img03_sp.jpg);
        background-size: cover;
        background-position: 54% 0px;
    }

    .evolution03-box {
        position: relative;
        top: 0;
        -ms-transform: translateY(0);
        -webkit-transform: translateY(0);
        transform: translateY(0);
        width: 100%;
        margin-left: 0px;
    }

    .evolution03-sign {
        position: relative;
        bottom: 0;
        left: 0;
    }

    .evolution03-title {
        font-size: 4rem;
        padding-bottom: 20px;
        text-align: left;
    }

    .evolution03-text {
        margin-bottom: 20px;
        text-align: left;
    }

    .evolution04-box {
        position: absolute;
        top: 25%;
        width: 100%;
        padding: 15px;
        margin-left: 0px;
    }

    .evolution04-title {
        font-size: 4rem;
        padding-bottom: 20px;
    }

    .evolution04-sub {
        padding-bottom: 20px;
        font-size: 1.8rem;
    }

    .evolution04-text {
        margin-bottom: 20px;
        text-align: center;
    }

    .evolution05-box {
        position: absolute;
        top: 143%;
        width: 100%;
        margin-left: 0px;
    }

    .evolution05-title {
        font-size: 4rem;
        padding-top: 20px;
        padding-bottom: 0;
    }

    .evolution05-sub {
        padding: 15px;
        font-size: 1.8rem;
    }

    .evolution05-text {
        margin-bottom: 20px;
        text-align: center;
    }

    .evolution05-3colBox {
        display: block;
        border: none;
    }

    .evolution05-3col {
        padding-bottom: 1px;
    }

    .evolution05-3colTitle {
        padding: 15px 0 15px 0;
    }

    .evolution05-3colText {
        padding: 15px;
    }

    .evolution05-strength {
        display: block;
        width: 100%;
        height: 100%;
        margin: 0;
    }

    .evolution05-strength02 {
        width: 100%;
        margin: 0;
    }

    .evolution05-btn02 {
        margin: 20px auto 0 auto;
    }

    .evolution05-strength02_link {
        display: block;
    }

    .evolution05-strengthImg {
        width: 100%;
    }

    .evolution05-strengthList {
        padding: 15px;
        border-bottom: #e0e1e3 1px solid;
    }

    .evolution05-strengthTitle {
        text-align: center;
    }

    .evolution05-strengthText {
        text-align: center;
    }

    .evolution02-box-smp {
        display: block;
    }


    .evolution03-box-smp {
        display: block;
    }

    .evolution04-box-smp {
        display: block;
    }

    .box {
        height: 100%;
    }

    .evolution-box01 {
        padding: 50px 0;
        height: 100%;
    }

    .evolution-section02 {
        padding: 30px 15px 20px 15px;
    }

    .evolution-section02::before {
        display: none;
    }

    .evolution-section03 {
        padding: 30px 50px;
    }

    .evolution-section03::before {
        display: none;
    }

    .evolution-section04::before {
        display: none;
    }

    .evolution04-box {
        position: relative;
        top: 0;
         left: 0;
        -ms-transform: translate(0);
        -webkit-transform: translate(0);
        transform: translate(0);
        padding: 30px 15px 30px 15px;
    }

    .evolution-section05::before {
        display: none;
    }

    .evolution05-box {
        position: relative;
        top: 0;
         left: 0;
        -ms-transform: translate(0);
        -webkit-transform: translate(0);
        transform: translate(0);
    }

    .evolution03-signName {
        font-size: 1.4rem;
    }

    .pager {
        display: none;
    }

    .evo-textWhite {
        color: #FFFFFF;
        text-align: left;
        margin-bottom: 15px;
    }
    
    .evo-border {
        border-bottom: #FFFFFF 1px solid;
        margin-bottom: 10px;
        display: inline-block;
        font-weight: bold;
        font-size: 1.5rem;
    }

    .evo-ul_sp {
        margin-top: 20px;
    }

    .evolution05-strengthLeft {
        width: 100%;
    }

    .evolution05-strengthRight {
        width: 100%;
    }

    /*---------------------------------
        社長メッセージ
    -------------------------------------*/

    .section01_pre {
        display:-webkit-box;
        display: -webkit-flex;
        display:-ms-flexbox;
        display: flex;
        -webkit-flex-wrap:wrap;
        -ms-flex-wrap:wrap;
        flex-wrap:wrap;
    }

    .message-floatLeft {
        height: 100%;
        padding-left: 35px;
    }
    .text_pre {
        order: -1;
    }
    .img_pre {
        order: 2;
        box-sizing: border-box;
    }

    .message-sign {
        order: 3;
    }
    .message-floatText {
        padding-top: 20px;
    }


    /*---------------------------------
        グループ会社
    -------------------------------------*/

    .sp-mb0 {
        margin-bottom: 0;
    }

    .mt-50 {
        margin-top: 25px;
    }

    .sp-pb0 {
        padding-bottom: 0;
    }

    /*---------------------------------
        沿革
    -------------------------------------*/

    .table-width-sp {
        width: 72px;
    }

    .histry-col-02-02 {
        width: 100%;
    }

    /* --------------------------------
        内定者の声
    -----------------------------------*/
    .voice-blue-qa {
        margin-bottom: 40px;
        font-size: 2.2rem;
        line-height: 28px;
    }

    .voice-qa-wrapper{
        width: 100%;
    }


    .voice-top-message{
        display: none;
    }

    .voice-main-heading{
        display: block;
        padding-top: 10px;
    }

    .voice-main-center{
        padding: 40px 45px;
    }

    .voice-main-center p{
        font-size: 2rem;
        line-height: 30px;
    }

    .voice-main-center{
        width: 100%;
        background: #00a5e7;
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
    }

    .voice-gallaryBox{
        padding-top: 50px;
        padding-bottom: 100px;
    }

    .voice-tableBox{
        width: 100%;
        padding-top: 100px;
    }

    .voice-tableBox th,
    .voice-tableBox td{
        text-align: center;
    }

    .voice-thleft{
        width: 20%;
    }

    .voice-tableBox td{
        width: 16%;
    }

    .voice-qa-2col {
        display: block;
    }

    .voice-qa-heading{
        padding-top: 55px;
    }

    .voice-qa-borderBlue{
        width: 100%;
        border: #00A5E7 1px solid;
        line-height: 30px;
        padding: 20px;
    }

    .voice-qa-right{
        padding-top: 10px;
    }

    .w50p{
        width: 100%;
    }

    .pt-22{
        padding-top: 22px;
    }

    .pt-0{
        padding-top: 0;
    }

    .voice-content img{
        width: 100%;
    }

    .voice-main-heading img{
        width: 100%;
    }

    .voice-qa-item {
        position: relative;
        padding-left: 20px;
        padding-bottom: 0;
        font-size: 1.5rem;
    }

    .voice-qa-item::before {
        content: "";
        width: 1px;
        height: 1px;
        top: 9px;
    }

    .voice-pt-22{
        padding-top: 17px;
    }

    .sp-pb-30{
        padding-bottom: 30px;
    }

    .sp-pt-10{
        padding-top: 10px;
    }

    .voice-moreBtn{
        text-align: center;
        margin-top: 20px;
    }

    .voice-moreBtn a{
        height: 40px;
        width: 100%;
        line-height: 40px;
    }

    .voice-tableBox table {
        width: 100%;
    }
    .voice-tableBox thead {
        display: flex;
        float: left;
        width: 25%;
    }
    .voice-tableBox thead th:first-child:before {
        content: '';
    }
    .voice-tableBox tbody {
        display: flex;
        width: auto;
    }
    .voice-tableBox tbody tr {
        display: flex;
        flex-direction: column;
    }

    .voice-tableBox{
        font-size: 1.4rem;
    }

    .voice-thleft{
        font-size: 1.2rem;
    }
    .voice-tableBox th,
    .voice-tableBox td {
        display: block;
        width: 100%;
        height: 50px;
        line-height: 50px;
        padding: 1px;
    }
    .voice-tableBox tr{
        width: 100%;
    }
    .voice-tableBox th.sp-lh{
        line-height: 1.5;
        padding-top: 9px;
        font-size: 1.1rem;
    }

    .voice-moreBtn{
        display: block;
        width: 100%;
    }

    .voice-center {
        display: block;
    }

    .voice-lastMessage-text p{
        width: 100%;
        font-size: 1.6rem;
        line-height: 30px;
    }

    .voice-grad-btn{
        height: 40px;
        width: 100%;
        line-height: 40px;
        margin-top: 20px;
    }

    .voice-hide-list{
        margin-top: 0;
    }

    .voice-right-pt{
        padding-top: 30px;
    }

    .voice-btn-height02 {
        position: static;
        bottom: auto;
        left: auto;
        transform: none;
        -ms-transform: none;
        -webkit-transform: none;
    }

    .voice-qa-q3-list {
        width: 100%;
    }

    /*-------------------------------------
        働き方改革
    ----------------------------------------*/
        .wStyle-title{
        font-size: 1.6rem;
    }
    
    .wStyle-pro-img img{
        width: 100%;
    }

    .wStyle-gallary{
        display: block;
    }

    .wStyle-img{
        width: 100%;
    }

    .wStyle-efforts-item{
        font-size: 1.6rem;
        padding-bottom: 30px;
    }

    .wStyle-efforts-item:last-child{
        padding-bottom: 0;
    }

    .wStyle-efforts-item p{
        padding-top: 15px;
        font-size: 1.4rem;
        padding-left: 16px;
    }

    .wStyle-bold{
        width: 100%;
        margin: 0 auto 20px;
        font-size: 1.6rem;
    }

    .wStyle-bold:last-child{
        margin-bottom: 50px;
    }

    .wStyle-img p{
        padding-bottom: 30px;
    }

    .wStyle-2col {
        display: block;
    }

    .workstyle-icon {
        text-align: center;
        margin: 0 0 20px 0;
    }


    /*------------------------------------
        human 人材育成
    ------------------------------------*/

    .humanImage-schematic img{
        width: 100%;
    }

    .human-mHeading{
        padding-bottom: 30px;
    }

    .human-pieces {
        padding: 0;
        display: block;
    }

    .human-pieces-img{
        text-align: center;
        padding-top: 20px;
        width: 100%;
    }

    .human-chance-content {
        display: block;
        padding-bottom: 60px;
        border-bottom: 1px solid #c9c9c9;
    }

    .human-chance-img img{
        width: 100%;
    }

    .human-chance-trainingImg img{
        width: 100%;
    }

    .human-chance-level{
        display: block;
    }

    .human-chance-level img{
        width: 100%;
    }

    .human-chance-gallaryItem{
        width: 48%;
        padding-bottom: 20px;
    }

    .human-chance-item:last-child{
        padding-bottom: 30px;
    }

    .human-chance-gallary img{
        width: 100%;
    }

    .human-chance-flImg{
        float: none;
        padding: 0;
        padding-top: 30px;
    }

    .human-chance-flImg img{
        width: 100%;
    }

    .humanImage-list {
        padding: 0;
    }

    .human-img-2col{
        justify-content: space-between;
    }

    .human-challenge,
    .human-growth{
        width: 48%;
    }

    .human-challenge img,
    .human-growth img{
        width: 100%;
    }

    .human-challenge{
        padding-right: 0;
    }

    .human-chance-list{
        padding-right: 0;
    }

    .human-chance-btn a{
        width: 100%;
    }

    .humanImage-b {
        width: 100%;
        margin: auto;
        margin-bottom: 20px;
        font-size: 1.6rem;
        border-bottom: #d4d6d8 1px solid;
        line-height: 1.5;
    }

    .humanImage-theme{
        font-size: 1.6rem;
    }

    .humanImage-summary{
        font-size: 1.6rem;
    }

    .human-blue_big{
        font-size: 1.6rem;
    }

    .humanImage{
        padding: 30px 20px;
    }

    .human-mHeading{
        font-size: 2rem;
    }

    .human-pieces-heading{
        font-size: 1.8rem;
        padding-bottom: 30px;
    }

    .human-chance-miniHeading{
        font-size: 1.6rem;
    }

    .sp-pt30{
        padding-top: 30px;
    }

    .human-chance{
        padding-top: 50px;
    }

    .human-chance-item{
        padding-bottom: 30px;
    }

    .human-chance-self-list{
        padding-bottom: 60px;
    }

    
    .people-2col{
        display: block;
    }

    .people-item{
        width: 100%;
        margin-right: 0;
    }

    .people-img img{
        width: 100%;
    }

    .people-item,
    .people-item:nth-last-child(2){
        padding-bottom: 50px;
    }

    .people-item:last-child{
        padding-bottom: 0;
    }

    .people-name{
        padding-top: 15px;
        font-size: 1.6rem;
    }

    .name-roma {
        font-size: 1.3rem;
    }

    .people-job{
        padding-top: 15px;
        font-size: 1.2rem;
    }

    .people-introText{
        padding-top: 20px;
        font-size: 1.2rem;
    }

    .people-anchor{
        display: block;
        width: 100%;
    }

    .people-anchor-text{
        display: block;
        margin-top: 5px;
        font-size: 1.8rem;
        margin-right: 0;
    }

   .people-anchor-text:first-child{
        margin-top: 0;
    }

    .people-anchor-text::after {
        right: 20px;
    }

    .sp-pb-100{
        padding-bottom: 100px;
    }

    .humanImage-triangle{
        padding-bottom: 25px;
    }


    /*-よくあるご質問-*/

    .rec-fqa-wrapper {
        margin-bottom: 40px;
    }

    .fqa-ac1 {
        padding-right: 30px;
    }

    .rec-pa-img02 {
        right: 15px;
    }


    /*-座談会一覧-*/

    .discussion-caption {
        margin-top: 0;
        font-size: 1.5rem;
    }

    /*-女性活躍推進座談会-*/

    .woman-warpBox {
        width: 48%;
    }

    .woman-genre-text {
        font-size: 2.4rem;
        margin: 0 15px;
    }

    .woman-mt {
        margin-top: 20px;
    }

    .woman-blue-qa {
        font-size: 2.4rem;
    }

    .woman-blue-qa::after {
        width: 25px;
        bottom: -9px;
    }

    .genre-02-woman {
        padding-top: 20px;
        font-size: 2.4rem;
    }

    .genre-02-woman::after {
        width: 25px;
        bottom: -9px;
    }

    .woman-sub {
        margin: 20px 0;
    }

    .woman-title {
        font-size: 1.8rem;
        margin-bottom: 15px;
    }

    .woman-title02 {
        font-size: 1.6rem;
        margin-bottom: 15px;
    }

    .woman-text {
        margin-bottom: 15px;
    }

    .woman-fl-imgBox {
        padding: 0;
    }

    .woman-float {
        display: flex;
        flex-direction: column;
    }

    .woman-imgBox01 {
        order: 1;
    }

    .woman-imgBox02 {
        order: 3;
    }

    .woman-imgBox03 {
        order: 2;
    }

    /*-海外勤務経験-*/

    .overseas-2col-warp {
        width: 100%;
    }

    .overseas-warpBox {
        width: 48%;
    }

    /*--------------------------------------
        support 評価制度・福利厚生
    -------------------------------------*/
    .support-topHeading{
        font-size: 1.8rem;
        font-weight: bold;
        padding-bottom: 5px;
    }

    .supportSystem-2col{
        display: block;
    }

    .supportWelfare-2col{
        display: block;
    }

    .supportSystem-item{
        width: 100%;
    }

    .supportWelfare-item{
        width: 100%;
        padding-bottom: 30px;
    }

    .supportWelfare-item:last-child{
        padding-bottom: 0;
    }

    .supportSystem-img img{
        width: 100%;
    }

    .supportWelfare-img img{
        width: 100%;
    }

    .sp-pb100{
        padding-bottom: 100px;
    }

    .supportSystem-item:nth-last-child(2){
        padding-bottom: 30px;
    }

    /*-----------------------------------------
    recruit/business/ オートリースとは
    -----------------------------------------*/
    .recBiz-genre-text {
        font-size: 2.4rem;
        margin: 0 15px;
    }

    .recBiz-btn a{
        width: 100%;
    }

    .recBiz-img img{
        width: 100%;
    }

    .recBizAR-img img{
        width: 100%;
    }

    .recBiz-btn a {
        width: 100%;
    }

    .recBizAR-2col{
        display: block;
    }

    .recBizAR-item{
        padding-bottom: 30px;
        width: 100%;
    }

    .recBizAR-item:nth-last-child(2){
        padding-bottom: 30px;
    }

    .recBizReward-item{
        padding-bottom: 30px;
    }


        /*-新人育成プロモーター-*/

    .pmg-warpBox {
        width: 48%;
    }

    .woman-graph {
        width: 100%;
    }

    .woman-2colBox02 {
        width: 100%;
    }

    .woman-borderLeft {
        padding: 0;
        border: none;
    }

    .woman-2colBox {
        width: 100%;
    }

    .woman-2col-table {
        display: block;
    }

    .woman-2colBox-table {
        margin: 0;
        width: 100%;
    }

    .woman-wrapper {
        width: 100%;
        padding: 0 15px;
    }

    .woman-mb-100 {
        margin-bottom: 40px;
    }

    .woman-mb-60 {
        margin-bottom: 30px;
    }

    .woman-mb-30 {
        margin-bottom: 15px;
    }

    .woman-mb-20 {
        margin-bottom: 10px;
    }

    .woman-mt-30sp {
        margin-top: 30px;
    }

    .woman-graphBox {
        padding: 30px 15px;
    }

    .woman-title03 {
        font-size: 1.8rem;
    }

    .table-woman {
        font-size: 1.5rem;
    }

    .woman-warpBox02 {
        width: 48%;
    }

    .woman-arrowName-link {
        font-size: 1.5rem;
        margin-bottom: 15px;
    }

    .woman-arrow-link {
        font-size: 1.6rem;
    }

    .woman-arrow-link::after {
        left: 326px;
    }

    .human-chance-level-left,
    .human-chance-level-right {
        width: 100%;
    }

    .supportWelfare-item {
        width: 100%;
    }
    

    /*---------------------------------
        ris-mainvisual RISCOVER
        ドライブレコーダー 動画解析ソリューション「RISCOVER®」
    ----------------------------------*/

    .ris-fv-img{
        height: 300px;
        background: url("../mobility/images/ris-kImg_sp.jpg") no-repeat center center / cover;
    }

    .ris-mainvisual-title {
        font-size: 4.7rem;
    }

    .ris-mainvisual-title-wrap{
        left: 5%;
    }
    
    .ris-mainvisual-sub {
        font-size: 2.4rem;
    }

    .caption-left-1,
    .caption-left-3 {
        position: static;
    }

    /*--------------------------------------
        strength 
        住友三井オートサービスが必要とされる理由
    ---------------------------------------*/
    .headline-strength {
        font-size: 2.4rem;
        padding-top: 85px;
        line-height: 1.6;
    }

    .headline-container-stre {
        width: 100%;
    }

    .stre-heading{
        font-size: 1.8rem;
    }

    .stre-btn-col{
        display: block;
    }

    .stre-col{
        justify-content: space-between;
        flex-wrap: wrap;
    }

    .stre-col-img{
        width: 48%;
        margin-right: 0;
    }

    .stre-imgBox{
        margin-bottom: 30px;
    }

    .stre-imgBox img{
        width: 100%;
    }

    .stre-btn-col .stre-btn-link{
        margin-right: 0;
    }

    .stre-inner{
        padding: 0 15px;
    }

    .sp-mt20{
        margin-top: 20px;
    }

    .stre-btn-link{
        width: 100%;
    }

    .stre-section{
        padding: 30px 0;
    }

    /*------------------------------------------
    scash 企業-従業員間カーシェアサービス
    「Scash（スカッシュ）」
    --------------------------------------------*/

    .scash-fv-img {
        height: 300px;
        background: url(../mobility/images/scash-kImg_sp.jpg) no-repeat center center / cover;
    }


    /*------------------------------------------
    smartconnect 次世代テレマティクス
    『SMAS-Smart Connect』
    --------------------------------------------*/

    .smartconnect-fv-img {
        height: 300px;
        background: url(../mobility/images/smartconnect-kImg_sp.jpg) no-repeat center center / cover;
    }

    /*---------------------------------
        リスク・マネジメント・ソリューション
    ----------------------------------*/

    .rms-fv-img{
      height: 452px;
      background: url("../service/safety/images/rms-kImg_sp.jpg") no-repeat center center / cover;
  }

  .rms-mainvisual-title {
      font-size: 4.7rem;
  }

  .rms-mainvisual-sub {
      font-size: 2.4rem;
      padding: 0;
  }
  
  .rms-spShow {
      display: block;
  }

  .rms-mt20_sp {
      margin-top: 20px;
  }


    
    /*------------------------------------------
    サイトマップ
    --------------------------------------------*/

    .sitemap-content02 {
    padding-left: 0;
    }

    .philosophy-fontSize {
        font-size: 1.4rem;
    }

    /*----------------------------------------
    拠点一覧
    ----------------------------------------*/

    .base-ib-afterWest::after {
        right: 33px;
    }

    .base-ib-afterEast::after {
        right: 7px;
    }

    /* モビリティサービスへの進化 */
    .evolution04-title,
    .evolution05-title{
        font-size: 3.0rem;
    }

    .imgBox_right {
        text-align: center;
    }

    /*---------------------------------
        logos
    -------------------------------------*/
    .logosTop-wrapper{
        width: 100%;
        padding: 0 30px;
    }
    
    .logosBottom-wrapper{
        width: 100%;
    }    

    .logosTop-list{
        display: block;
        width: 100%;
        text-align: center;
    }

    .logosTop-item:nth-child(2){
        margin-top: 20px;
    }

    .logosTop-item{
        width: 100%;
    }
    
    .logosTop img{
        max-width: 100%;
    }

    .logosBottom img{
        max-width: 100px;
        width: 100%;
    }

    .logosBottom-list{
        flex-wrap: wrap;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

    .logosBottom-item{
        width: 50%;
    }

    .logosBottom-item:nth-child(2n){
        border-right: none;
    }

    .logosBottom-item:nth-child(1),
    .logosBottom-item:nth-child(2),
    .logosBottom-item:nth-child(3),
    .logosBottom-item:nth-child(4){
        border-bottom: 1px solid #dfe4ea;
    }

    .logosBottom-imgWrapper{
        padding-bottom: 15px;
    }

    .logosBottom-text{
        font-size: 1rem;
    }

    /*------------------------------------
        megafooter
    --------------------------------------*/

    .megafooter-wrapper{
        width: 100%;
        padding: 0 30px;
    }

    .megafooter-logo{
        height: 135px;
        padding-top: 40px;
    }

    .megafooter-logo_img img{
        max-width: 210px;
        width: 100%;
    }

    .megafooter-menu {
        display: block;
        padding: 10px 0 40px;
    }

    .megafooter-title{
        padding: 0 0 10px;
    }

    .megafooter-list{
        padding-top: 10px;
    }

    .megafooter-title a{
        font-size: 1.2rem;
    }

    .megafooter-link{
        padding-bottom: 5px;
    }

    .megafooter-bnr {
        display: block;
        text-align: center;
    }

    .megafooter-smart,
    .megafooter-advice{
        margin: 0 auto;
    }

    .megafooter-advice {
        margin-top: 20px;
    }

    .megafooter-agreement{
        display: none;
    }

    .megafooter-enIcon {
        padding-bottom: 0;
    }

    .icon-new_carSmart::after,
    .icon-new_shinsotsu::after{
        background: url(../images/icon-new-window_sp.png) no-repeat center center / 10px 10px;
        height: 10px;
        width: 10px;
        position: absolute;
        right: -20px;
        top: 50%;
        transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -webkit-transform : translateY(-50%);    
    }

    .footer-wrapper{
        padding: 0 15px;
        width: 100%;
    }

    .footer_ul {
        padding-top: 40px;
        padding-bottom: 40px;
        flex-wrap: wrap;
    }

    .footer_small{
        padding-bottom: 40px;
    }


    /*-----------------------------------------------
        videoanalysingのfooter
        ドライブレコーダー 動画解析ソリューション「RISCOVER®」
    -----------------------------------------------*/

    .ris-footer-wrapper{
        padding: 0 15px;
        width: 100%;
        margin-top: 35px;
    }

    .ris-footer_ul {
        padding-top: 40px;
        padding-bottom: 40px;
        flex-wrap: wrap;
    }

    .ris-footer_small{
        padding-bottom: 40px;
    }

        /* ハンバーガーメニュー */
	.nav{
		display: none;
		position: absolute;
		top:75px;
		width: 100%;
		background: #d61510;
		left: 0;
        padding: 0 20px;
        background: #dce0e4;
	}

    .navBottom{
        display: block;
    }

	.navBottom-item{
		margin: 0 auto;
		text-align: center;
		border-bottom: 1px solid #fff;
        height: 50px;
	}
	.nav-mobility-list li{
		margin: 0 auto;
		text-align: center;
		border-bottom: 1px solid #fff;
        height: 50px;
	}

	.navBottom-item a{
		display: block;
        height: 100%;
        line-height: 50px;
        font-size: 1.5rem;
	}
}


/* --------------------------------------
    ここから採用ページのヘッダーやグロナビCSS
    ハンバーガーメニューやドロワーメニューなど
----------------------------------------- */
/*-採用ページのグロナビホバーPC-*/

.nav-rec-list {
    display: none;
    width: 300px;
    position: absolute;
    padding-bottom: 20px;
    top: 75px;
    font-size: 1.4rem;
}

.nav-rec-list-mini{
    display: none;
    width: 248px;
    position: absolute;
    padding-bottom: 20px;
    top: 75px;
    font-size: 1.4rem;
}

.nav-rec-item {
    position: relative;
    padding-bottom: 35px;
    padding-left: 10px;
    display: block;
    background-color: #edeff1;
    top:15px;
}

.nav-rec-item span {
    position: absolute;
    bottom: 0px;
    padding-bottom: 15px;
}

.nav-rec-item::after {
    position: absolute;
    content: "";
    width: 17px;
    height: 6px;
    background: url(../images/icon-arrow_blue_s.png) no-repeat center center;
    top: 30%;
    right: 10px;
    transform: translateY(-50%);
}

.nav-rec-car {
    position: relative;
    padding-left: 10px;
    display: block;
    background-color: #edeff1;
    top:15px;
    height: 50px;
}

.nav-rec-car span {
    position: absolute;
    bottom: 0px;
    padding-bottom: 15px;
}

.nav-rec-car::after {
    position: absolute;
    content: "";
    width: 17px;
    height: 6px;
    background: url(../images/icon-arrow_blue_s.png) no-repeat center center;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
}

.rec-navRight{
    margin-left: 30px;
}
/*-採用ページのグロナビホバーここまで-*/

.rec-navMenu{
    display: none;
}

@media screen and (max-width:768px){
    .rec-navRight { 
        width: 100%;
        position: absolute;
        top:0;
        right:0;
    }
/*---------------------------------------------
    採用ページのheader部分
----------------------------------------------*/    
    .rec-header-inner{
        width: 78%;
        height: auto;
    }
    .rec-header-inner{
        height: 75px;
    }

    .rec-header { display: block; }

    .rec-header-inner {
        width: 100%;
        position: relative;
    }
}

@media screen and (max-width:768px){
    .rec-navMenu {
        display: block;
        position: relative;
    }

    .rec-navMenu-btn-pen{
        width: 84px;
        position: absolute;
        right: 75px;        
    }

    .rec-navMenu-btn-pen img{
        max-width: 84px;
        width: 100%;
    }

    /* ハンバーガーの三本戦のボタン */
    .rec-btn_hamburger {
        margin: 0;
        width: 75px;
        height: 75px;
        background: #00a5e7;
        padding: 15px 10px;
        color: #fff;
        text-align: center;
        float: right;
    }

    .rec-btn_hamburger a {
        position: relative;
        display: block;
        height: 20px;
        -webkit-transition: all .4s;
            transition: all .4s;
        box-sizing: border-box;
        margin-bottom: 5px;
    }

    .rec-btn_hamburger span {
        position: absolute;
        display: inline-block;
        left: 0;
        width: 80%;
        margin: 0 10%;
        height: 2px;
        background-color: #fff;
        border-radius: 2px;
        -webkit-transition: all .4s;
                transition: all .4s;
        box-sizing: border-box;
    }

    .rec-btn_hamburger span:nth-of-type(1) { top: 0; }

    .rec-btn_hamburger span:nth-of-type(2) { top: 10px; }

    .rec-btn_hamburger span:nth-of-type(3) { bottom: 0; }

    .rec-btn_hamburger span:nth-of-type(2)::after {
        position: absolute;
        top: 0;
        left: 0;
        content: '';
        width: 100%;
        height: 2px;
        background-color: #fff;
        border-radius: 2px;
        -webkit-transition: all .4s;
            transition: all .4s;
    }

    .rec-btn_hamburger .active span:nth-of-type(2) {
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
    }

    .rec-btn_hamburger .active span:nth-of-type(2)::after {
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
            transform: rotate(90deg);
    }

    .rec-btn_hamburger .active span:nth-of-type(1) {
        -webkit-transform: translateY(20px) scale(0);
        -ms-transform: translateY(20px) scale(0);
            transform: translateY(20px) scale(0);
    }

    .rec-btn_hamburger .active span:nth-of-type(3) {
        -webkit-transform: translateY(-20px) scale(0);
        -ms-transform: translateY(-20px) scale(0);
            transform: translateY(-20px) scale(0);
    }


    /* 採用ページのスマホメニューレイアウト */
    .rec-section_menu_action {
        display: none;
        clear: both;
    }

    .rec-section_menu_action .target { background-color: #515661; }

    .rec-section_menu_action .target .active a { background-color: #515661; }

    .rec-section_menu_action .active a { background-color: #f50057; }

    .rec-section_menu_list .target { background-color: #edeff1; }

    .rec-section_menu .trigger {
        z-index: 0;
        line-height: 1em;
        background-color: #fff;
    }


    .rec-section_menu .trigger a {
        display: block;
        padding: 20px 10px;
        color: #222;
        background: #fff;
        text-decoration: none;
        -webkit-transition: .35s all ease;
            transition: .35s all ease;
    }

    .rec-section_menu .trigger.trigger_one a { background: url("../images/icon-arrow-blue_sp.png") no-repeat right 20px top 50% / 20px }

    .rec-section_menu .trigger.trigger_one a:before { display:none; }

    .rec-section_menu .trigger a:before {
        display: block;
        -webkit-transition: .25s all ease;
            transition: .25s all ease;
        border-radius: 10px;
        color: #00a5e7;
        font-size: 20px;
    }

    .rec-section_menu .trigger.active a:before {
        top: 1em;
        right: 20px;
        height: 12px;
        content: "－";
    }
    .rec-section_menu .trigger a:before {
        top: 1em;
        right: 20px;
        height: 12px;
        content: "＋";
        float: right;
        margin: 10px;
    }

    .rec-section_menu .target {
        z-index: 1;
        display: none;
        margin: 0 auto;
        padding: 0;
        color: #fff;
    }

    .rec-section_menu .target .target a { background-color: #2c363a; }

    .rec-section_menu .target .trigger a { background-color: #161b1d; }

    .rec-section_menu .target .trigger a:before,
    .rec-section_menu .target .trigger a:after { background-color: #fff; }

    .rec-section_menu .target .trigger a:before {
    top: .5em;
    right: 16px;
    }

    .rec-section_menu .target .trigger a:after {
    top: .85em;
    right: 16px;
    }

    .rec-section_menu .target .active a {
    padding-left: 1.5em;
    padding-right: 1.5em;
    color: #fff;
    }

    .rec-section_menu .target .active a:before,
    .rec-section_menu .target .active a:after {
    -ms-transform: rotate(0);
    -webkit-transform: rotate(0);
    transform: rotate(0);
    }

    .rec-section_menu .target .active a:after { display: none; }

    .rec-section_menu .target ul li {
        margin: 0 10px;
        border-bottom: 1px solid #d4d6d8;
    }

    .rec-section_menu .target ul li:last-child { border-bottom: 0; }

    .rec-section_menu .target ul li a {
        width: 100%;
        padding: 10px 0;
        background: url(../images/icon-arrow-blue_sp.png) no-repeat right 10px top 50% / 20px;
    }

    .rec-section_menu .target a {
    display: block;
    color: #222;
    -webkit-transition: .35s all ease;
            transition: .35s all ease;
    }

    .rec-section_menu .active a { color: #222; }

    .rec-section_menu .active a:before,
    .rec-section_menu .active a:after { background-color: #fff; }

    .rec-section_menu .active a:before {
    top: .65em;
    right: 16px;
    height: 16px;
    }

    .rec-section_menu .active a:after {
    top: .65em;
    right: 16px;
    height: 16px;
    }

    .rec-section_menu > ul > li { border-bottom: 1px #d4d6d8 solid; }

/*----------------------------------------------------
↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑
    採用ページのヘッダーとグロナビここまで
-----------------------------------------------------*/


     /* ハンバーガーメニュー */
	.nav{
		display: none;
		position: absolute;
		top:75px;
		width: 100%;
		background: #d61510;
		left: 0;
        padding: 0 20px;
        background: #dce0e4;
	}

    .navBottom{
        display: block;
    }

	.navBottom-item{
		margin: 0 auto;
		text-align: center;
		border-bottom: 1px solid #fff;
        height: 50px;
	}
	.nav-mobility-list li{
		margin: 0 auto;
		text-align: center;
		border-bottom: 1px solid #fff;
        height: 50px;
	}

	.navBottom-item a{
		display: block;
        height: 100%;
        line-height: 50px;
        font-size: 1.5rem;
	}

/* --------------------------------------
 調整用
----------------------------------------- */

.header { display: block; }

.header-inner {
	width: 100%;
	position: relative;
}

.navRight { 
	width: 100%;
	position: absolute;
	top:0;
	right:0;
}

.navMenu { display: block; }


/* --------------------------------------
 menu
----------------------------------------- */

.section_menu { }

.section_menu_action {
	display: none;
	clear: both;
}

.section_menu_action .target { background-color: #515661; }

.section_menu_action .target .active a { background-color: #515661; }

.section_menu_action .active a { background-color: #f50057; }

.section_menu_list .target { background-color: #edeff1; }

.section_menu .trigger {
	z-index: 0;
	line-height: 1em;
	background-color: #fff;
}


.section_menu .trigger a {
	display: block;
	padding: 20px 10px;
	color: #222;
	background: #fff;
	text-decoration: none;
	-webkit-transition: .35s all ease;
	      transition: .35s all ease;
}

.section_menu .trigger.trigger_one a { background: url("../images/icon-arrow-blue_sp.png") no-repeat right 20px top 50% / 20px }

.section_menu .trigger.trigger_one a:before { display:none; }

.section_menu .trigger a:before {
	display: block;
	-webkit-transition: .25s all ease;
	      transition: .25s all ease;
	border-radius: 10px;
	color: #00a5e7;
	font-size: 20px;
}

.section_menu .trigger.active a:before {
	top: 1em;
	right: 20px;
	height: 12px;
	content: "－";
}
.section_menu .trigger a:before {
	top: 1em;
	right: 20px;
	height: 12px;
    content: "＋";
    float: right;
    margin: 10px;
}

.section_menu .target {
	z-index: 1;
	display: none;
	margin: 0 auto;
	padding: 0;
	color: #fff;
}

.section_menu .target .target a { background-color: #2c363a; }

.section_menu .target .trigger a { background-color: #161b1d; }

.section_menu .target .trigger a:before,
.section_menu .target .trigger a:after { background-color: #fff; }

.section_menu .target .trigger a:before {
  top: .5em;
  right: 16px;
}

.section_menu .target .trigger a:after {
  top: .85em;
  right: 16px;
}

.section_menu .target .active a {
  padding-left: 1.5em;
  padding-right: 1.5em;
  color: #fff;
}

.section_menu .target .active a:before,
.section_menu .target .active a:after {
  -ms-transform: rotate(0);
  -webkit-transform: rotate(0);
  transform: rotate(0);
}

.section_menu .target .active a:after { display: none; }

.section_menu .target ul li {
	margin: 0 10px;
	border-bottom: 1px solid #d4d6d8;
}

.section_menu .target ul li:last-child { border-bottom: 0; }

.section_menu .target ul li a {
	width: 100%;
	padding: 10px 0;
	background: url(../images/icon-arrow-blue_sp.png) no-repeat right 10px top 50% / 20px;
}

.section_menu .target a {
  display: block;
  color: #222;
  -webkit-transition: .35s all ease;
          transition: .35s all ease;
}

.section_menu .active a { color: #222; }

.section_menu .active a:before,
.section_menu .active a:after { background-color: #fff; }

.section_menu .active a:before {
  top: .65em;
  right: 16px;
  height: 16px;
}

.section_menu .active a:after {
  top: .65em;
  right: 16px;
  height: 16px;
}

.section_menu > ul > li { border-bottom: 1px #d4d6d8 solid; }

/* --------------------------------------
 hamburger
----------------------------------------- */

.btn_hamburger {
	margin: 0;
	width: 75px;
   	height: 75px;
	background: #00a5e7;
	padding: 15px 10px;
	color: #fff;
	text-align: center;
	float: right;
}

.btn_hamburger a {
	position: relative;
	display: block;
	height: 20px;
	-webkit-transition: all .4s;
	      transition: all .4s;
	box-sizing: border-box;
	margin-bottom: 5px;
}

.btn_hamburger span {
  position: absolute;
  display: inline-block;
  left: 0;
  width: 80%;
  margin: 0 10%;
  height: 2px;
  background-color: #fff;
  border-radius: 2px;
  -webkit-transition: all .4s;
          transition: all .4s;
  box-sizing: border-box;
}

.btn_hamburger span:nth-of-type(1) { top: 0; }

.btn_hamburger span:nth-of-type(2) { top: 10px; }

.btn_hamburger span:nth-of-type(3) { bottom: 0; }

.btn_hamburger span:nth-of-type(2)::after {
	position: absolute;
	top: 0;
	left: 0;
	content: '';
	width: 100%;
	height: 2px;
	background-color: #fff;
	border-radius: 2px;
	-webkit-transition: all .4s;
	      transition: all .4s;
}

.btn_hamburger .active span:nth-of-type(2) {
	-webkit-transform: rotate(-45deg);
	  -ms-transform: rotate(-45deg);
	      transform: rotate(-45deg);
}

.btn_hamburger .active span:nth-of-type(2)::after {
	-webkit-transform: rotate(90deg);
	  -ms-transform: rotate(90deg);
	      transform: rotate(90deg);
}

.btn_hamburger .active span:nth-of-type(1) {
	-webkit-transform: translateY(20px) scale(0);
	  -ms-transform: translateY(20px) scale(0);
	      transform: translateY(20px) scale(0);
}

.btn_hamburger .active span:nth-of-type(3) {
	-webkit-transform: translateY(-20px) scale(0);
	  -ms-transform: translateY(-20px) scale(0);
	      transform: translateY(-20px) scale(0);
}


/* --------------------------------------
 Layout
----------------------------------------- */

.useful {
	background: #fff;
	padding: 20px;
}

.useful-list {
	display: flex;
	justify-content: space-between;
	margin-bottom: 20px;
}

.useful-item { width: 48%; }

.useful-btn {
	display: block;
	width: 100%;
	background: #eee;
	text-align: center;
	padding: 10px 0;
}

.useful-btn-car { background: url("../images/") #edeff1; }

.useful-btn-info {
	color: #fff;
	background: #00a5e7;
}

.searcharea {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.searcharea-item:first-child { width: 55%; }

.searcharea-form {
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #d4d6d8;
}
.searcharea-formBox {
    width: 100%;
    font-size: 1.6rem;
    outline: 0;
    height: 40px;
    color: #152d79;
    background: #fff;
    padding: 0 10px;
    border: 1px solid #fff;
    outline: 0;
}

.searcharea-formBtn {
    width: 20%;
    max-width: 60px;
    font-size: 1.8rem;
    height: 40px;
    color: #00f;
    background: url("../images/icon-search.png") no-repeat #fff 50% 50% / 20px;
    padding: 0;
    border: none;
    outline: 0;
    cursor: pointer;
}

.language-list {
    display: flex;
    justify-content: center;
    align-items: center;
}

.language-item {
	font-size: 16px;
	font-weight: bold;
	padding: 0 8px;
}

.language-item a { color: #777; }

.language-item.language-item-active a {
	color: #222;
	border-bottom: 2px solid #333;
}

.utility-list {
	display: flex;
	justify-content: space-between;
}

.utility-item { width: 50%; }

.utility-item:first-child { border-right: 1px solid #444; }
.utility-item:last-child { border-left: 1px solid #ccc; }

.utility-item a {
	display: block;
	color: #fff;
	font-size: 16px;
	background: #00a5e7;
    width: 100%;
    height: 100%;
	padding: 20px 0;
	text-align: center;
}

/* 採用ページフッター */
    .megafooter_rec{
        margin-top: 0;
    }
    .megafooter-menu_rec {
        display: block;
        padding: 10px 0 40px;
    }
    
    /* トップページ余白 */
    .mobility-title3col-en {
        padding: 25px 15px;
        font-size: 1.5rem;
    }

}


@media screen and (max-width:1024px){
    .tab-show {
        display: block;
    }
}
@media screen and (max-height: 768px){
    .pre_textbox {
        height: 50vh;
        width: 110%;
        overflow-y: scroll;
    }
}

@media screen and (max-width:500px){

    .mobility-title3col {
        padding: 5px 15px;
        font-size: 1.2rem;
    }
    
    .mobility-title3col-en {
        padding: 5px 15px;
        font-size: 1.2rem;
    }

    .partnership-h3 {
        font-size: 1.3rem;
    }

    .prtnership-title {
        font-size: 1.5rem;
    }

    td,
    th{
        padding: 10px 5px;
    }

    .corporate_overview 
    td,
    th{
        padding: 10px 3px;
    }
}

@media screen and (max-width:400px){
    .prtnership-2col {
        top: 25%;
    }
    
    .prtnership-contracted-en{
        padding-top: 15px;
        bottom: -360px;
    }

}

@media screen and (max-width:350px){
    .icon-new_bottom::after{
        top:80%;
    }
}
/** 190919 **/
.message-floatRight {
    float: right;
    padding-left: 60px;
}
@media screen and (max-width: 768px){
.message-floatRight {
    display:block;
    float:none;
    height: 100%;
    margin:0 auto;
    padding-left: 0;
    width:70%;
}
}
.csr_message{
	margin-bottom: 20px;
}