body {
    line-height: 1.4;
}

#inbound {
    font-size: 16px;
    min-width: 1200px;
    background-color: #fff;
}

#inbound * {
    box-sizing: border-box;
}

#inbound img {
    width: auto;
    vertical-align: top;
}

#inbound .pb0 {
    padding-bottom: 0 !important;
}

#inbound .pb20 {
    padding-bottom: 20px !important;
}

#inbound .mb0 {
    margin-bottom: 0 !important;
}

#inbound .mb5 {
    margin-bottom: 5px !important;
}

#inbound .mb10 {
    margin-bottom: 10px !important;
}

#inbound .mb20 {
    margin-bottom: 20px !important;
}

#inbound .mb30 {
    margin-bottom: 30px !important;
}

#inbound .mb40 {
    margin-bottom: 40px !important;
}

#inbound .page-top {
    position: fixed;
    z-index: 3;
    right: 10px;
    bottom: 10px;
    display: none;
}

#inbound .page-top > a {
    display: block;
    width: 40px;
    height: 40px;
    background: #7fcefb url('/car/guide/images/page-top.png') center no-repeat;
    background-size: 11px 10px;
}

#inbound .page-top > a:hover {
    opacity: 1;
    background-color: #66c5fb;
}

#inbound .fixed-nav {
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    display: none;
    width: 100%;
    min-width: 320px;
    background-color: #fff;
}

#inbound .fixed-nav-tabs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 980px;
    margin: 0 auto;
}

#inbound .fixed-nav-tabs > li {
    font-size: 16px;
    font-weight: bold;
    line-height: 24px;
    position: relative;
    width: 33.33%;
    cursor: pointer;
    text-align: center;
    color: #fff;
}

#inbound .fixed-nav-tabs > li.tab1 {
    background-image: url('/car/guide/images/bg-step1-light.png');
}

#inbound .fixed-nav-tabs > li.tab2 {
    background-image: url('/car/guide/images/bg-step2-light.png');
}

#inbound .fixed-nav-tabs > li.tab3 {
    background-image: url('/car/guide/images/bg-step3-light.png');
}

#inbound .fixed-nav-tabs > li:after {
    font-family: FontAwesome;
    position: absolute;
    top: 0;
    right: 11px;
    content: '\f105';
}

#inbound .fixed-nav-tabs > li.is-active:after {
    display: none;
}

#inbound .fixed-nav-next, #inbound .fixed-nav-prev {
    position: absolute;
    z-index: 1;
    top: 32px;
    width: 40px;
    height: 40px;
    cursor: pointer;
    background-repeat: no-repeat;
    background-size: 40px;
}

#inbound .fixed-nav-next {
    right: -61px;
}

#inbound .fixed-nav-prev {
    left: -61px;
}

#inbound .fixed-nav-step {
    display: none;
    padding: 6px 0 10px;
}

#inbound .fixed-nav-step.is-active {
    display: block;
}

#inbound .fixed-nav-step-inner {
    position: relative;
    width: 780px;
    margin: 0 auto;
}

#inbound .fixed-nav-step1 {
    background-image: url('/car/guide/images/bg-step1-light.png');
}

#inbound .fixed-nav-step1 .fixed-nav-next {
    background-image: url('/car/guide/images/next-blue.png');
}

#inbound .fixed-nav-step1 .fixed-nav-link > li > a {
    box-shadow: 2px 3px 4px #d3968e, inset 0 0 0 7px #ffeae7;
    background-size: 16%;
}

#inbound .fixed-nav-step1 .fixed-nav-link > li > a:after {
    color: #d5877c;
}

#inbound .fixed-nav-step1 .fixed-nav-link > li.link1 > a {
    background-image: url('/car/guide/images/step1-no1-dark.png');
    background-size: 7%;
}

#inbound .fixed-nav-step1 .fixed-nav-link > li.link2 > a {
    background-image: url('/car/guide/images/step1-no2-dark.png');
}

#inbound .fixed-nav-step1 .fixed-nav-link > li.link3 > a {
    background-image: url('/car/guide/images/step1-no3-dark.png');
}

#inbound .fixed-nav-step1 .fixed-nav-link > li.link4 > a {
    background-image: url('/car/guide/images/step1-no4-dark.png');
}

#inbound .fixed-nav-step1 .fixed-nav-link > li.link5 > a {
    background-image: url('/car/guide/images/step1-no5-dark.png');
}

#inbound .fixed-nav-step2 {
    background-image: url('/car/guide/images/bg-step2-light.png');
}

#inbound .fixed-nav-step2 .fixed-nav-next {
    background-image: url('/car/guide/images/next-yellow.png');
}

#inbound .fixed-nav-step2 .fixed-nav-prev {
    background-image: url('/car/guide/images/prev-red.png');
}

#inbound .fixed-nav-step2 .fixed-nav-link > li > a {
    box-shadow: 2px 3px 4px #9baad4, inset 0 0 0 7px #dae4ff;
    background-size: 16%;
}

#inbound .fixed-nav-step2 .fixed-nav-link > li > a:after {
    color: #7d94d3;
}

#inbound .fixed-nav-step2 .fixed-nav-link > li.link1 > a {
    background-image: url('/car/guide/images/step2-no1-dark.png');
}

#inbound .fixed-nav-step2 .fixed-nav-link > li.link2 > a {
    background-image: url('/car/guide/images/step2-no2-dark.png');
}

#inbound .fixed-nav-step2 .fixed-nav-link > li.link3 > a {
    background-image: url('/car/guide/images/step2-no3-dark.png');
}

#inbound .fixed-nav-step2 .fixed-nav-link > li.link4 > a {
    background-image: url('/car/guide/images/step2-no4-dark.png');
}

#inbound .fixed-nav-step2 .fixed-nav-link > li.link5 > a {
    background-image: url('/car/guide/images/step2-no5-dark.png');
}

#inbound .fixed-nav-step3 {
    background-image: url('/car/guide/images/bg-step3-light.png');
}

#inbound .fixed-nav-step3 .fixed-nav-prev {
    background-image: url('/car/guide/images/prev-blue.png');
}

#inbound .fixed-nav-step3 .fixed-nav-link > li > a {
    box-shadow: 2px 3px 4px #aaa367, inset 0 0 0 7px #f8f1be;
    background-size: 16%;
}

#inbound .fixed-nav-step3 .fixed-nav-link > li > a:after {
    color: #c1b244;
}

#inbound .fixed-nav-step3 .fixed-nav-link > li.link1 > a {
    background-image: url('/car/guide/images/step3-no1-dark.png');
}

#inbound .fixed-nav-step3 .fixed-nav-link > li.link2 > a {
    background-image: url('/car/guide/images/step3-no2-dark.png');
    background-size: 26%;
}

#inbound .fixed-nav-step3 .fixed-nav-link > li.link3 > a {
    background-image: url('/car/guide/images/step3-no3-dark.png');
    background-size: 26%;
}

#inbound .fixed-nav-step3 .fixed-nav-link > li.link4 > a {
    background-image: url('/car/guide/images/step3-no4-dark.png');
    background-size: 26%;
}

#inbound .fixed-nav-step3 .fixed-nav-link > li.link5 > a {
    background-image: url('/car/guide/images/step3-no5-dark.png');
    background-size: 26%;
}

#inbound .fixed-nav-title {
    font-size: 14px;
    font-weight: bold;
    line-height: 18px;
    width: 620px;
    margin: 0 auto 8px;
    text-align: center;
    border-radius: 22px;
    background-color: #fff;
}

#inbound .fixed-nav-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

#inbound .fixed-nav-link > li {
    width: 100%;
}

#inbound .fixed-nav-link > li + li {
    padding-left: 17px;
}

#inbound .fixed-nav-link > li > a {
    font-size: 12px;
    font-weight: bold;
    line-height: 1.2;
    position: relative;
    display: table;
    width: 100%;
    height: 60px;
    text-decoration: none;
    color: #333;
    border-radius: 20px;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto 60px;
}

#inbound .fixed-nav-link > li > a > span {
    display: table-cell;
    padding: 10px;
    text-align: center;
    vertical-align: middle;
}

#inbound .fixed-nav-link > li > a:after {
    font-family: FontAwesome;
    position: absolute;
    z-index: 1;
    bottom: 3px;
    left: 50%;
    margin-left: -4px;
    content: '\f107';
}

#inbound .fixed-nav-link > li > a:hover, #inbound .fixed-nav-link > li > a.is-active {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    opacity: 1;
}

#inbound .main-visual-wrap {
    background: url('/car/guide/images/bg-gray.png');
}

#inbound .main-visual {
    background: url('/car/guide/images/bg-blue.png') repeat-x;
    background-position: 0 -89px;
}

#inbound .main-visual-inner {
    position: relative;
    width: 980px;
    height: 324px;
    margin: 0 auto;
    background: url('/car/guide/images/main-visual.png') no-repeat;
    background-position: bottom 124px right 0;
}

#inbound .main-visual-title {
    padding: 26px 41px;
}

#inbound .main-visual-title > .title, #inbound .main-visual-title > .title2 {
    font-family: 'ヒラギノ丸ゴ Pro W4','ヒラギノ丸ゴ Pro','Hiragino Maru Gothic Pro','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','HG丸ｺﾞｼｯｸM-PRO','HGMaruGothicMPRO';
    font-weight: bold;
    color: #fff;
    text-shadow: 2px 4px 0px rgba(46,151,201,1), 4px 6px 8px rgba(46,151,201,1), 6px 8px 10px rgba(46,151,201,1)
}

#inbound .main-visual-title > .title {
    font-size: 33px;
    line-height: 1.7;
    margin-bottom: 3px;
}

#inbound .main-visual-title.\--lineheight {
    padding: 11px 41px;
}

#inbound .main-visual-title.\--lineheight > .title {
    line-height: 1.3;
}

#inbound .main-visual-title > .title2 {
    font-size: 22px;
}

#inbound .main-visual-sns {
    position: absolute;
    right: 0;
    bottom: 72px;
    display: table;
}

#inbound .main-visual-sns > .sns {
    display: table-cell;
    vertical-align: top;
}

#inbound .main-visual-sns > .sns + .sns {
    padding-left: 10px;
}

#inbound .step-nav {
    position: relative;
    margin-top: -45px;
    background: url('/car/guide/images/bg-gray.png');
}

#inbound .step-nav-tabs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 660px;
    margin: 0 auto;
    text-align: center;
}

#inbound .step-nav-tabs > .tab {
    font-size: 18px;
    font-weight: bold;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 33.33%;
    height: 45px;
    cursor: pointer;
    color: #fff;
    border-radius: 10px 10px 0 0;
}

#inbound .step-nav-tabs > .tab:after {
    font-family: FontAwesome;
    position: absolute;
    top: 12px;
    right: 11px;
    content: '\f105';
}

#inbound .step-nav-tabs > .tab.is-active:after {
    display: none;
}

#inbound .step-nav-tabs > .tab1 {
    background-image: url('/car/guide/images/bg-step1.png');
}

#inbound .step-nav-tabs > .tab2 {
    background-image: url('/car/guide/images/bg-step2.png');
}

#inbound .step-nav-tabs > .tab3 {
    background-image: url('/car/guide/images/bg-step3.png');
}

#inbound .step-nav-contents .swiper-container {
    position: relative;
    width: 100%;
}

#inbound .step-nav-contents .swiper-slide {
    font-size: 18px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 93.5%;
    text-align: center;
    background: #fff;
}

#inbound .step-nav-contents .swiper-button-next, #inbound .step-nav-contents .swiper-button-prev {
    top: 65px;
    width: 63px;
    height: 63px;
    margin-top: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 63px;
}

#inbound .step-nav-contents .swiper-button-next {
    right: 6.5%;
    background-image: url('/car/guide/images/next.png');
}

#inbound .step-nav-contents .swiper-button-prev {
    left: 6.5%;
    background-image: url('/car/guide/images/prev.png');
}

#inbound .step-nav-contents .swiper-button-disabled {
    display: none;
}

#inbound .step-nav-contents .swiper-pagination-bullets {
    bottom: 6px;
}

#inbound .step-nav-contents .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    margin: 0 7px;
    opacity: 1;
    border: 1px solid #fff;
    background: none;
}

#inbound .step-nav-contents .swiper-pagination-bullet-active {
    background-color: #fff;
}

#inbound .step-nav-item {
    position: relative;
    width: 100%;
}

#inbound .step-nav-item-1 {
    background: url('/car/guide/images/bg-map.png') right 145px repeat-x, url('/car/guide/images/bg-step1.png');
}

#inbound .step-nav-item-1 .step-nav-item-inner {
    background: url('/car/guide/images/bg-step1-map.png') center top no-repeat;
}

#inbound .step-nav-item-1 .step-nav-item-inner:before {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    background: url('/car/guide/images/bg-step1.png');
}

#inbound .step-nav-item-1 .step-nav-item-title > .tag {
    color: #e68376;
}

#inbound .step-nav-item-1 .step-nav-item-link > .link > a {
    box-shadow: 2px 3px 4px #d3968e, inset 0 0 0 7px #ffeae7;
}

#inbound .step-nav-item-1 .step-nav-item-link > .link > a:hover {
    box-shadow: 2px 3px 4px #d3968e, inset 0 0 0 7px #ffcac3;
}

#inbound .step-nav-item-1 .step-nav-item-link > .link > a:after {
    color: #d5877c;
}

#inbound .step-nav-item-1 .step-nav-item-link > .link1 {
    top: 10px;
    left: 81px;
}

#inbound .step-nav-item-1 .step-nav-item-link > .link1 > a {
    background-image: url('/car/guide/images/step1-no1.png');
}

#inbound .step-nav-item-1 .step-nav-item-link > .link2 {
    top: 74px;
    left: 272px;
}

#inbound .step-nav-item-1 .step-nav-item-link > .link2 > a {
    background-image: url('/car/guide/images/step1-no2.png');
}

#inbound .step-nav-item-1 .step-nav-item-link > .link3 {
    top: 10px;
    left: 465px;
}

#inbound .step-nav-item-1 .step-nav-item-link > .link3 > a {
    background-image: url('/car/guide/images/step1-no3.png');
}

#inbound .step-nav-item-1 .step-nav-item-link > .link4 {
    top: 74px;
    left: 657px;
}

#inbound .step-nav-item-1 .step-nav-item-link > .link4 > a {
    background-image: url('/car/guide/images/step1-no4.png');
}

#inbound .step-nav-item-1 .step-nav-item-link > .link5 {
    top: 10px;
    left: 850px;
}

#inbound .step-nav-item-1 .step-nav-item-link > .link5 > a {
    background-image: url('/car/guide/images/step1-no5.png');
}

#inbound .step-nav-item-1 .step-nav-item-link > .ill1 {
    top: -38px;
    left: 71px;
}

#inbound .step-nav-item-1 .step-nav-item-link > .ill2 {
    top: 150px;
    left: 182px;
}

#inbound .step-nav-item-1 .step-nav-item-link > .ill3 {
    top: 138px;
    left: 574px;
}

#inbound .step-nav-item-1 .step-nav-item-link > .ill4 {
    top: 69px;
    left: 1024px;
}

#inbound .step-nav-item-2 {
    background: url('/car/guide/images/bg-map.png') right 145px repeat-x, url('/car/guide/images/bg-step2.png');
}

#inbound .step-nav-item-2 .step-nav-item-inner {
    background: url('/car/guide/images/bg-step2-map.png') center top no-repeat;
}

#inbound .step-nav-item-2 .step-nav-item-inner:before {
    display: none;
}

#inbound .step-nav-item-2 .step-nav-item-title > .tag {
    color: #37539f;
}

#inbound .step-nav-item-2 .step-nav-item-link > .link > a {
    box-shadow: 2px 3px 4px #9baad4, inset 0 0 0 7px #dae4ff;
}

#inbound .step-nav-item-2 .step-nav-item-link > .link > a:hover {
    box-shadow: 2px 3px 4px #9baad4, inset 0 0 0 7px #b9ccff;
}

#inbound .step-nav-item-2 .step-nav-item-link > .link > a:after {
    color: #7d94d3;
}

#inbound .step-nav-item-2 .step-nav-item-link > .link1 {
    top: 10px;
    left: 63px;
}

#inbound .step-nav-item-2 .step-nav-item-link > .link1 > a {
    background-image: url('/car/guide/images/step2-no1.png');
}

#inbound .step-nav-item-2 .step-nav-item-link > .link2 {
    top: 74px;
    left: 254px;
}

#inbound .step-nav-item-2 .step-nav-item-link > .link2 > a {
    background-image: url('/car/guide/images/step2-no2.png');
}

#inbound .step-nav-item-2 .step-nav-item-link > .link3 {
    top: 10px;
    left: 447px;
}

#inbound .step-nav-item-2 .step-nav-item-link > .link3 > a {
    background-image: url('/car/guide/images/step2-no3.png');
}

#inbound .step-nav-item-2 .step-nav-item-link > .link4 {
    top: 74px;
    left: 639px;
}

#inbound .step-nav-item-2 .step-nav-item-link > .link4 > a {
    background-image: url('/car/guide/images/step2-no4.png');
}

#inbound .step-nav-item-2 .step-nav-item-link > .link5 {
    top: 10px;
    left: 832px;
}

#inbound .step-nav-item-2 .step-nav-item-link > .link5 > a {
    background-image: url('/car/guide/images/step2-no5.png');
}

#inbound .step-nav-item-2 .step-nav-item-link > .ill1 {
    top: -1px;
    left: 228px;
}

#inbound .step-nav-item-2 .step-nav-item-link > .ill2 {
    top: 150px;
    left: 432px;
}

#inbound .step-nav-item-2 .step-nav-item-link > .ill3 {
    top: -5px;
    left: 640px;
}

#inbound .step-nav-item-2 .step-nav-item-link > .ill4 {
    top: 135px;
    left: 937px;
}

#inbound .step-nav-item-3 {
    background: url('/car/guide/images/bg-map.png') right 145px repeat-x, url('/car/guide/images/bg-step3.png');
}

#inbound .step-nav-item-3 .step-nav-item-inner {
    background: url('/car/guide/images/bg-step3-map.png') center top no-repeat;
}

#inbound .step-nav-item-3 .step-nav-item-inner:before {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    background: url('/car/guide/images/bg-step3.png');
}

#inbound .step-nav-item-3 .step-nav-item-title > .tag {
    color: #85781e;
}

#inbound .step-nav-item-3 .step-nav-item-link > .link > a {
    box-shadow: 2px 3px 4px #aaa367, inset 0 0 0 7px #f8f1be;
}

#inbound .step-nav-item-3 .step-nav-item-link > .link > a:hover {
    box-shadow: 2px 3px 4px #aaa367, inset 0 0 0 7px #ffef7d;
}

#inbound .step-nav-item-3 .step-nav-item-link > .link > a:after {
    color: #c1b244;
}

#inbound .step-nav-item-3 .step-nav-item-link > .link1 {
    top: 10px;
    left: 123px;
}

#inbound .step-nav-item-3 .step-nav-item-link > .link1 > a {
    background-image: url('/car/guide/images/step3-no1.png');
}

#inbound .step-nav-item-3 .step-nav-item-link > .link2 {
    top: 74px;
    left: 314px;
}

#inbound .step-nav-item-3 .step-nav-item-link > .link2 > a {
    background-image: url('/car/guide/images/step3-no2.png');
}

#inbound .step-nav-item-3 .step-nav-item-link > .link3 {
    top: 10px;
    left: 507px;
}

#inbound .step-nav-item-3 .step-nav-item-link > .link3 > a {
    background-image: url('/car/guide/images/step3-no3.png');
}

#inbound .step-nav-item-3 .step-nav-item-link > .link4 {
    top: 74px;
    left: 699px;
}

#inbound .step-nav-item-3 .step-nav-item-link > .link4 > a {
    background-image: url('/car/guide/images/step3-no4.png');
}

#inbound .step-nav-item-3 .step-nav-item-link > .link5 {
    top: 10px;
    left: 892px;
}

#inbound .step-nav-item-3 .step-nav-item-link > .link5 > a {
    background-image: url('/car/guide/images/step3-no5.png');
}

#inbound .step-nav-item-3 .step-nav-item-link > .ill1 {
    top: -2px;
    left: 299px;
}

#inbound .step-nav-item-3 .step-nav-item-link > .ill2 {
    top: 155px;
    left: 489px;
}

#inbound .step-nav-item-3 .step-nav-item-link > .ill3 {
    top: -13px;
    left: 687px;
}

#inbound .step-nav-item-3 .step-nav-item-link > .ill4 {
    top: 158px;
    left: 880px;
}

#inbound .step-nav-item-title {
    font-size: 24px;
    font-weight: bold;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 980px;
    height: 82px;
    margin: 0 auto;
}

#inbound .step-nav-item-title > .tag {
    font-size: 14px;
    line-height: 28px;
    display: block;
    width: 84px;
    margin-right: 11px;
    text-align: center;
    border-radius: 28px;
    background-color: #fff;
}

#inbound .step-nav-item-title > .text {
    font-size: 24px;
    color: #fff;
}

#inbound .step-nav-item-inner {
    position: relative;
    width: 1080px;
    height: 240px;
    margin: 0 auto;
}

#inbound .step-nav-item-inner:before {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 322px;
    margin: -82px auto 0;
    content: '';
}

#inbound .step-nav-item-link > .link {
    position: absolute;
}

#inbound .step-nav-item-link > .link > a {
    font-size: 16px;
    font-weight: bold;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 153px;
    height: 126px;
    text-align: center;
    text-decoration: none;
    color: #333;
    border-radius: 40px;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto 94px;
}

#inbound .step-nav-item-link > .link > a > span {
    z-index: 2;
    display: block;
    /* ↓12の文字数が多い為、サイズ・padding・行間調整 */
    line-height: 1.2;
    font-size: 15px;
    padding: 0 10px 5px 10px;
    /* ↑12の文字数が多い為、サイズ・padding・行間調整 */
}

#inbound .step-nav-item-link > .link > a:after {
    font-family: FontAwesome;
    position: absolute;
    z-index: 1;
    bottom: 2px;
    left: 50%;
    margin-left: -4px;
    content: '\f107';
}

#inbound .step-nav-item-link > .link > a:hover {
    opacity: 1;
}

#inbound .step-nav-item-link > .ill {
    position: absolute;
    z-index: 4;
    height: auto;
}

#inbound .step-text {
    font-size: 20px;
    font-weight: bold;
    line-height: 1.8;
    width: 620px;
    margin: 0 auto;
    padding: 40px 0;
    text-align: center;
}

#inbound .step-head {
    padding: 55px 20px 43px;
    text-align: center;
    border-bottom: 9px solid #fff;
}

#inbound .step-head-inner {
    width: 940px;
    margin: 0 auto;
}

#inbound .step-head-title {
    font-size: 30px;
    font-weight: bold;
    position: relative;
    display: inline-block;
    margin: 0 auto 23px;
    text-align: center;
    color: #fff;
}

#inbound .step-head-title > .tag {
    font-size: 18px;
    position: absolute;
    top: 0;
    left: -108px;
    display: block;
    padding: 3px 17px;
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
    background-color: #fff;
}

#inbound .step-head-figure {
    margin-bottom: 14px;
}

#inbound .step-head-text {
    font-weight: bold;
    line-height: 1.8;
    text-align: center;
    color: #fff;
}

#inbound .step-section {
    padding: 102px 0;
}

#inbound .step-section-inner {
    width: 940px;
    margin: 0 auto;
}

#inbound .step-section-inner + .step-section-inner {
    padding-top: 20px;
}

#inbound .step-section-head {
    position: relative;
    margin-top: 30px;
    padding: 0 10px;
}

#inbound .step-section-head:before {
    position: absolute;
    top: -80px;
    left: 50%;
    width: 60px;
    height: 60px;
    margin-left: -30px;
    content: '';
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

#inbound .step-section-title {
    font-size: 26px;
    font-weight: bold;
    margin-bottom: 23px;
    padding: 31px 0;
    text-align: center;
    color: #fff;
    background: url('/car/guide/images/bg-section-title.png') top, url('/car/guide/images/bg-section-title.png') bottom;
    background-repeat: no-repeat;
}

#inbound .step-section-text {
    font-weight: bold;
    line-height: 1.8;
    margin-bottom: 44px;
    text-align: center;
    color: #fff;
}

#inbound .step-section1 .step-section-head:before {
    background-image: url('/car/guide/images/no1.png');
}

#inbound .step-section2 .step-section-head:before {
    background-image: url('/car/guide/images/no2.png');
}

#inbound .step-section3 .step-section-head:before {
    background-image: url('/car/guide/images/no3.png');
}

#inbound .step-section4 .step-section-head:before {
    background-image: url('/car/guide/images/no4.png');
}

#inbound .step-section5 .step-section-head:before {
    background-image: url('/car/guide/images/no5.png');
}

#inbound .step-section6 .step-section-head:before {
    background-image: url('/car/guide/images/no6.png');
}

#inbound .step-section7 .step-section-head:before {
    background-image: url('/car/guide/images/no7.png');
}

#inbound .step-section8 .step-section-head:before {
    background-image: url('/car/guide/images/no8.png');
}

#inbound .step-section9 .step-section-head:before {
    background-image: url('/car/guide/images/no9.png');
}

#inbound .step-section10 .step-section-head:before {
    background-image: url('/car/guide/images/no10.png');
}

#inbound .step-section11 .step-section-head:before {
    background-image: url('/car/guide/images/no11.png');
}

#inbound .step-section12 .step-section-head:before {
    background-image: url('/car/guide/images/no12.png');
}

#inbound .step-section13 .step-section-head:before {
    background-image: url('/car/guide/images/no13.png');
}

#inbound .step-section14 .step-section-head:before {
    background-image: url('/car/guide/images/no14.png');
}

#inbound .step-section15 .step-section-head:before {
    background-image: url('/car/guide/images/no15.png');
}

#inbound .conversion {
    position: relative;
    padding: 20px 80px;
    border-top: 4px solid #003894;
    border-radius: 0 0 20px 20px;
    background-color: #fff;
}

#inbound .conversion-head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 7px;
}

#inbound .conversion-head > .logo {
    width: 64px;
    margin-right: 16px;
}

#inbound .conversion-head > .lead {
    font-size: 18px;
    font-weight: bold;
    color: #003894;
}

#inbound .conversion-head > .image {
    position: absolute;
    top: -60px;
    right: 60px;
}

#inbound .conversion-text {
    font-size: 14px;
    line-height: 1.8;
    margin-bottom: 13px;
    padding-right: 160px;
}

#inbound .conversion-btn {
    text-align: center;
}

#inbound .conversion-btn > a {
    font-size: 16px;
    font-weight: bold;
    position: relative;
    display: inline-block;
    padding: 11px 46px;
    text-decoration: none;
    color: #fff;
    border-radius: 20px;
    background-color: #07328c;
}

#inbound .conversion-btn > a:after {
    font-family: FontAwesome;
    position: absolute;
    top: 11px;
    right: 17px;
    content: '\f105';
}

#inbound .conversion-btn.\--paleBlue > a {
    background-color: #59bdee;
    margin: 20px auto;
}

#inbound .box {
    position: relative;
    width: 940px;
    margin: 0 auto;
    padding: 32px 0 0;
    border-radius: 20px;
    background-color: #fff;
}

#inbound .box.\--pad70{
    padding: 70px 0 0;
}

#inbound .box + .box {
    margin-top: 25px;
}

#inbound .box-inner {
    width: 780px;
    margin: 0 auto;
    padding: 0 0 72px;
}

#inbound .box-2 {
    position: relative;
}

#inbound .box-2 + .box-2 {
    margin-top: 40px;
}

#inbound .box-2 .box-flag {
    position: absolute;
    top: -25px;
    right: 25px;
}

#inbound .box-lead {
    font-size: 24px;
    font-weight: bold;
    position: relative;
    margin-bottom: 26px;
    text-align: center;
}

#inbound .box-lead > span {
    position: relative;
    z-index: 2;
}

#inbound .box-lead:after {
    position: absolute;
    z-index: 1;
    bottom: 0;
    left: 50%;
    width: 830px;
    height: 14px;
    margin-left: -415px;
    content: '';
    border-radius: 14px;
}

#inbound .box-lead2 {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 14px;
}

#inbound .box-lead3 {
    font-size: 18px;
    margin-bottom: 14px;
}

#inbound .box-text {
    font-size: 14px;
    line-height: 1.8;
    margin-bottom: 14px;
}

#inbound .box-figure {
    margin-bottom: 14px;
    text-align: center;
}

#inbound #step2-3 .box-figure {
    width: 50%;
    margin: 0 auto;
}

#inbound #step2-5 .box-figure {
    display: inline-block;
    width: 32%;
    margin-bottom: 40px;
    font-size: 14px;
    vertical-align: top;
}

#inbound #step3-4 .box-figure img {
    width: 46%;
    margin-bottom: 28px;
}

#inbound .box-ul-list, #inbound .box-ol-list {
    margin-bottom: 14px;
}

#inbound .box-ul-list > li, #inbound .box-ol-list > li {
    line-height: 1.2;
    margin-left: 20px;
    padding: 0;
    list-style: disc;
    font-size: 14px;
}

#inbound .box-ul-list > li + li, #inbound .box-ol-list > li + li {
    margin-top: 14px;
}

#inbound .box-ul-list-2 > li + li, #inbound .box-ol-list-2 > li + li {
    margin-top: 0;
}

#inbound .box-attention {
    min-height: 113px;
    padding: 18px 21px;
    background: #ffdede url('/car/guide/images/bg-attention.png') center no-repeat;
    background-size: 84px;
    font-size: 14px;
    line-height: 1.6;
}

#inbound .box-media {
    margin-bottom: 24px;
    font-size: 14px;
}

#inbound .box-media ul {
    margin: -27px 0 0 -2%;
}

#inbound .box-media ul:after {
    display: block;
    clear: both;
    content: '';
}

#inbound .box-media ul > li {
    float: left;
    width: 48%;
    margin: 27px 0 0 2%;
    text-align: center;
}

#inbound .box-media ul > li:nth-child(2n + 1) {
    clear: both;
}

#inbound .box-media ul > li > .image {
    margin-bottom: 3px;
}

#inbound .box-media-2 > ul > li {
    width: 31.3%;
}

#inbound .box-media-2 > ul > li:nth-child(2n + 1) {
    clear: none;
}

#inbound .box-media-2 > ul > li:nth-child(3n + 1) {
    clear: both;
}

#inbound .box-media-type2 {
    display: table;
    width: 60%;
    margin-bottom: 14px;
    margin: 0 auto;
}

#inbound .box-media-type2 > .text, #inbound .box-media-type2 > .figure {
    display: table-cell;
    vertical-align: middle;
}

#inbound .box-media-type2 > .figure {
    display: block;
    margin-bottom: 10px;
    width: 212px;
    padding-left: 15px;
}

#inbound .box-btn {
    font-size: 16px;
    font-weight: bold;
    position: relative;
    display: block;
    padding: 11px 46px;
    text-align: center;
    text-decoration: none;
    color: #fff;
    border-radius: 20px;
    background-color: #07328c;
}

#inbound .box-btn:after {
    font-family: FontAwesome;
    position: absolute;
    top: 11px;
    right: 17px;
    content: '\f105';
}

#inbound #step1 {
    background-image: url('/car/guide/images/bg-step1.png');
    margin-bottom: 50px;
}

#inbound #step1 .step-head-title > .tag {
    color: #f29287;
}

#inbound #step1 .step-section:nth-child(even) {
    background-image: url('/car/guide/images/bg-step1-even.png');
}

#inbound #step1 .box-lead {
    color: #df5e4d;
}

#inbound #step1 .box-lead:after {
    background-color: #b1e6ff;
}

#inbound #step1 .box-lead2 {
    color: #df5e4d;
}

#inbound #step2 {
    background-image: url('/car/guide/images/bg-step2.png');
    margin-bottom: 50px;
}

#inbound #step2 .step-head-title > .tag {
    color: #516aae;
}

#inbound #step2 .step-section:nth-child(even) {
    background-image: url('/car/guide/images/bg-step2-even.png');
}

#inbound #step2 .box-lead {
    color: #516aae;
}

#inbound #step2 .box-lead:after {
    background-color: #fcf77d;
}

#inbound #step2 .box-lead2 {
    color: #516aae;
}

#inbound #step3 {
    background-image: url('/car/guide/images/bg-step3.png');
    margin-bottom: 50px;
}

#inbound #step3 .step-head-title > .tag {
    color: #857400;
}

#inbound #step3 .step-section:nth-child(even) {
    background-image: url('/car/guide/images/bg-step3-even.png');
}

#inbound #step3 .box-lead {
    color: #857400;
}

#inbound #step3 .box-lead:after {
    background-color: #ffb5f4;
}

#inbound #step3 .box-lead2 {
    color: #857400;
}


/* 関連ページへの導線 */
#inbound .conversion-text-2 {
    margin-top: 40px;
    font-size: 16px;
}
#inbound .conversion-btn.\--isGreen {
    margin-top: 13px;
}
#inbound .conversion-btn.\--isGreen a {
    background-color: #6FD1B9;
    background: url(/car/guide/safe-drive/images/bg-green.png);
}
#inbound .conversion-btn.\--isBlue {
    margin-top: 13px;
}
#inbound .conversion-btn.\--isBlue a {
    background-color: #50A8D2;
    background: url(/car/guide/images/bg-blue.png);
}
#inbound .link-section {
    width: 980px;
    margin: 0 auto;
}
#inbound .link-section .box-lead {
    color: #41799f;
}
#inbound .link-section .box-lead:after {
    background-color: #f9ff57;
}
#inbound .link-section .box-text {
    width: 830px;
    margin: 35px auto 14px;
}


/* =========================================================
   safe-driveページ
========================================================= */
#inbound.pl-safe-drive .fixed-nav-title {
    border-radius: 0;
}

/* 追従ナビ
--------------------------- */
#inbound.pl-safe-drive .fixed-nav-step {
    box-shadow: 0 3px 3px rgba(51, 51, 51, 0.2);
}

/* タブ */
#inbound.pl-safe-drive .fixed-nav-tabs > li.tab1,
#inbound.pl-safe-drive .fixed-nav-step1 {
    background-image: url('/car/guide/safe-drive/images/bg-step1.png');
}

#inbound.pl-safe-drive .fixed-nav-tabs > li.tab2,
#inbound.pl-safe-drive .fixed-nav-step2 {
    background-image: url('/car/guide/safe-drive/images/bg-step2.png');
}

#inbound.pl-safe-drive .fixed-nav-tabs > li.tab3,
#inbound.pl-safe-drive .fixed-nav-step3 {
    background-image: url('/car/guide/safe-drive/images/bg-step3.png');
}

/* 矢印 */
#inbound.pl-safe-drive .fixed-nav-next,
#inbound.pl-safe-drive .fixed-nav-prev {
    top: 37px;
}

#inbound.pl-safe-drive .fixed-nav-step1 .fixed-nav-next {
    background-image: url(/car/guide/safe-drive/images/btn-step1-next.png);
}

#inbound.pl-safe-drive .fixed-nav-step2 .fixed-nav-prev {
    background-image: url(/car/guide/safe-drive/images/btn-step2-prev.png);
}

#inbound.pl-safe-drive .fixed-nav-step2 .fixed-nav-next {
    background-image: url(/car/guide/safe-drive/images/btn-step2-next.png);
}

#inbound.pl-safe-drive .fixed-nav-step3 .fixed-nav-prev {
    background-image: url(/car/guide/safe-drive/images/btn-step3-prev.png);
}

#inbound .fixed-nav-link > li + li {
    padding-left: 40px;
}

/* 枠線 */
#inbound.pl-safe-drive .fixed-nav-link > li > a:after {
    bottom: 4px;
}

#inbound.pl-safe-drive .fixed-nav-step1 .fixed-nav-link > li > a {
    box-shadow: 2px 3px 4px #88b8d7, inset 0 0 0 7px #deeeff;
}

#inbound.pl-safe-drive .fixed-nav-step2 .fixed-nav-link > li > a {
    box-shadow: 2px 3px 4px #bfbd7b, inset 0 0 0 7px #f7f6c3;
}

#inbound.pl-safe-drive .fixed-nav-step3 .fixed-nav-link > li > a {
    box-shadow: 2px 3px 4px #bf8c9b, inset 0 0 0 7px #f2bbcb;
}

/* 下向き矢印 */
#inbound.pl-safe-drive .fixed-nav-step1 .fixed-nav-link > li > a:after {
    color: #96c9ff;
}

#inbound.pl-safe-drive .fixed-nav-step2 .fixed-nav-link > li > a:after {
    color: #cdca75;
}

#inbound.pl-safe-drive .fixed-nav-step3 .fixed-nav-link > li > a:after {
    color: #eea8bd;
}

/* 背景画像 */

#inbound.pl-safe-drive .fixed-nav-step1 .fixed-nav-link > li.link1 > a {
    background-image: url(/car/guide/safe-drive/images/step1-no1.png);
    background-size: 3%;
}

#inbound.pl-safe-drive .fixed-nav-step1 .fixed-nav-link > li.link2 > a {
    background-image: url(/car/guide/safe-drive/images/step1-no2.png);
    background-size: 7%;
}

#inbound.pl-safe-drive .fixed-nav-step1 .fixed-nav-link > li.link3 > a {
    background-image: url(/car/guide/safe-drive/images/step1-no3.png);
    background-size: 8%;
}

#inbound.pl-safe-drive .fixed-nav-step2 .fixed-nav-link > li.link1 > a {
    background-image: url(/car/guide/safe-drive/images/step2-no1.png);
    background-size: 5%;
}

#inbound.pl-safe-drive .fixed-nav-step2 .fixed-nav-link > li.link2 > a {
    background-image: url(/car/guide/safe-drive/images/step2-no2.png);
    background-size: 5%;
}

#inbound.pl-safe-drive .fixed-nav-step3 .fixed-nav-link > li.link1 > a {
    background-image: url(/car/guide/safe-drive/images/step3-no1.png);
    background-size: 7%;
}

#inbound.pl-safe-drive .fixed-nav-step3 .fixed-nav-link > li.link2 > a {
    background-image: url(/car/guide/safe-drive/images/step3-no2.png);
    background-size: 7%;
}

#inbound.pl-safe-drive .fixed-nav-step3 .fixed-nav-link > li.link3 > a {
    background-image: url(/car/guide/safe-drive/images/step3-no3.png);
    background-size: 7%;
}



/* main-visual
--------------------------- */
.pl-safe-drive .main-visual {
    background: url('/car/guide/safe-drive/images/bg-green.png') repeat-x;
}

#inbound.pl-safe-drive .main-visual-inner {
    background: url('/car/guide/safe-drive/images/main-visual.png') no-repeat;
    background-position: bottom 124px right 0;
}

#inbound.pl-safe-drive .main-visual-title > .title {
    font-size: 30px;
    line-height: 1.3;
}

.pl-safe-drive .main-visual-title > .title2 {
    font-size: 24px;
}

#inbound.pl-safe-drive .main-visual-title > .title,
#inbound.pl-safe-drive .main-visual-title > .title2 {
    font-family: 'ヒラギノ丸ゴ Pro W4','ヒラギノ丸ゴ Pro','Hiragino Maru Gothic Pro','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','HG丸ｺﾞｼｯｸM-PRO','HGMaruGothicMPRO';
    text-shadow: 
    #19b88c 2px 0px, #19b88c -2px 0px,
    #19b88c 0px -2px, #19b88c 0px 2px,
    #19b88c 2px 2px , #19b88c -2px 2px,
    #19b88c 2px -2px, #19b88c -2px -2px,
    #19b88c 1px 2px, #19b88c -1px 2px,
    #19b88c 1px -2px, #19b88c -1px -2px,
    #19b88c 2px 1px, #19b88c -2px 1px,
    #19b88c 2px -1px, #19b88c -2px -1px;
    display: block;
}

/* step-nav
--------------------------- */
/* tab */
#inbound.pl-safe-drive .step-nav-tabs > .tab1 {
    background-image: url(/car/guide/safe-drive/images/bg-step1.png);
}

#inbound.pl-safe-drive .step-nav-tabs > .tab2 {
    background-image: url(/car/guide/safe-drive/images/bg-step2.png);
}

#inbound.pl-safe-drive .step-nav-tabs > .tab3 {
    background-image: url(/car/guide/safe-drive/images/bg-step3.png);
}

/* tab-contents */
#inbound.pl-safe-drive .step-nav-item-1 {
    background: url(/car/guide/safe-drive/images/bg-map.png) right 128px repeat-x, url(/car/guide/safe-drive/images/bg-step1.png);
}

#inbound.pl-safe-drive .step-nav-item-2 {
    background: url(/car/guide/safe-drive/images/bg-map.png) right 128px repeat-x, url(/car/guide/safe-drive/images/bg-step2.png);
}

#inbound.pl-safe-drive .step-nav-item-3 {
    background: url(/car/guide/safe-drive/images/bg-map.png) right 128px repeat-x, url(/car/guide/safe-drive/images/bg-step3.png);
}

#inbound.pl-safe-drive .step-nav-item-1 .step-nav-item-inner {
    background: url(/car/guide/safe-drive/images/bg-step1-map.png) center top no-repeat;
}

#inbound.pl-safe-drive .step-nav-item-1 .step-nav-item-inner::before {
    background: url(/car/guide/safe-drive/images/bg-step1.png);
    left: 51px;
}

#inbound.pl-safe-drive .step-nav-item-2 .step-nav-item-inner {
    background: url(/car/guide/safe-drive/images/bg-step2-map.png) center top no-repeat;
}

#inbound.pl-safe-drive .step-nav-item-3 .step-nav-item-inner {
    background: url(/car/guide/safe-drive/images/bg-step3-map.png) center top no-repeat;
}

#inbound.pl-safe-drive .step-nav-item-3 .step-nav-item-inner::before {
    background: url(/car/guide/safe-drive/images/bg-step3.png);
    left: -50px;
}

/* ラベル */
#inbound.pl-safe-drive .step-nav-item-title > .tag {
    border-radius: 0;
}

#inbound.pl-safe-drive .step-nav-item-1 .step-nav-item-title > .tag {
    color: #67b1e3;
}

#inbound.pl-safe-drive .step-nav-item-2 .step-nav-item-title > .tag {
    color: #c9c65f;
}

#inbound.pl-safe-drive .step-nav-item-3 .step-nav-item-title > .tag {
    color: #c95f7f;
}


/* tab-contents内のイラストマップ
--------------------------- */
#inbound.pl-safe-drive .step-nav-item-inner {
    height: 190px;
}

/* 車イラスト配置 */
#inbound.pl-safe-drive .step-nav-item-1 .step-nav-item-link > .ill1 {
    top: -35px;
    left: 48px;
}

#inbound.pl-safe-drive .step-nav-item-1 .step-nav-item-link > .ill2 {
    top: 106px;
    left: 303px;
}

#inbound.pl-safe-drive .step-nav-item-1 .step-nav-item-link > .ill3 {
    top: 90px;
    left: 668px;
}

#inbound.pl-safe-drive .step-nav-item-1 .step-nav-item-link > .ill4 {
    top: -40px;
    left: 930px;
}

#inbound.pl-safe-drive .step-nav-item-2 .step-nav-item-link > .ill1 {
    top: -33px;
    left: 100px;
}

#inbound.pl-safe-drive .step-nav-item-2 .step-nav-item-link > .ill2 {
    top: -26px;
    left: 860px;
}

#inbound.pl-safe-drive .step-nav-item-2 .step-nav-item-link > .ill3 {
    top: 68px;
    left: 10px;
}

#inbound.pl-safe-drive .step-nav-item-2 .step-nav-item-link > .ill4 {
    top: 70px;
    left: 917px;
}

#inbound.pl-safe-drive .step-nav-item-3 .step-nav-item-link > .ill1 {
    top: -52px;
    left: 99px;
}

#inbound.pl-safe-drive .step-nav-item-3 .step-nav-item-link > .ill2 {
    top: 92px;
    left: 668px;
    transform: rotate(-37deg);
}

#inbound.pl-safe-drive .step-nav-item-3 .step-nav-item-link > .ill3 {
    top: -60px;
    left: 937px;
}

/* 番号 */
#inbound.pl-safe-drive .step-nav-item-link > .link > a {
    background-position: 20px center;
    background-size: auto;
}

/* 配置 */
#inbound.pl-safe-drive .step-nav-item-1 .step-nav-item-link > .link1 {
    top: 11px;
    left: 62px;
}

#inbound.pl-safe-drive .step-nav-item-1 .step-nav-item-link > .link2 {
    top: 11px;
    left: 400px;
}

#inbound.pl-safe-drive .step-nav-item-1 .step-nav-item-link > .link3 {
    top: 11px;
    left: 735px;
}

#inbound.pl-safe-drive .step-nav-item-2 .step-nav-item-link > .link1 {
    top: 11px;
    left: 205px;
}

#inbound.pl-safe-drive .step-nav-item-2 .step-nav-item-link > .link2 {
    top: 11px;
    left: 588px;
}

#inbound.pl-safe-drive .step-nav-item-3 .step-nav-item-link > .link1 {
    top: 11px;
    left: 61px;
}

#inbound.pl-safe-drive .step-nav-item-3 .step-nav-item-link > .link2 {
    top: 11px;
    left: 396px;
}

#inbound.pl-safe-drive .step-nav-item-3 .step-nav-item-link > .link3 {
    top: 11px;
    left: 734px;
}

/* 背景画像 1～8まで */
#inbound.pl-safe-drive .step-nav-item-1 .step-nav-item-link > .link1 > a {
    background-image: url(/car/guide/safe-drive/images/step1-no1.png);
}

#inbound.pl-safe-drive .step-nav-item-1 .step-nav-item-link > .link2 > a {
    background-image: url(/car/guide/safe-drive/images/step1-no2.png);
}

#inbound.pl-safe-drive .step-nav-item-1 .step-nav-item-link > .link3 > a {
    background-image: url(/car/guide/safe-drive/images/step1-no3.png);
}

#inbound.pl-safe-drive .step-nav-item-2 .step-nav-item-link > .link1 > a {
    background-image: url(/car/guide/safe-drive/images/step2-no1.png);
}

#inbound.pl-safe-drive .step-nav-item-2 .step-nav-item-link > .link2 > a {
    background-image: url(/car/guide/safe-drive/images/step2-no2.png);
}

#inbound.pl-safe-drive .step-nav-item-3 .step-nav-item-link > .link1 > a {
    background-image: url(/car/guide/safe-drive/images/step3-no1.png);
}

#inbound.pl-safe-drive .step-nav-item-3 .step-nav-item-link > .link2 > a {
    background-image: url(/car/guide/safe-drive/images/step3-no2.png);
}

#inbound.pl-safe-drive .step-nav-item-3 .step-nav-item-link > .link3 > a {
    background-image: url(/car/guide/safe-drive/images/step3-no3.png);
}

/* 枠1～3 */
#inbound.pl-safe-drive .step-nav-item-1 .step-nav-item-link > .link > a {
    box-shadow: 2px 3px 4px #dddddd, inset 0 0 0 7px #96c9ff;
    width: 283px;
    height: 95px;
}

#inbound.pl-safe-drive .step-nav-item-1 .step-nav-item-link > .link > a:hover {
    box-shadow: 2px 3px 4px #dddddd, inset 0 0 0 7px #87b5e5;
}

/* 枠4～5 */
#inbound.pl-safe-drive .step-nav-item-2 .step-nav-item-link > .link > a {
    box-shadow: 2px 3px 4px #dddddd, inset 0 0 0 7px #cdca75;
}

#inbound.pl-safe-drive .step-nav-item-2 .step-nav-item-link > .link > a:hover {
    box-shadow: 2px 3px 4px #dddddd, inset 0 0 0 7px #b0ad60;
}

#inbound.pl-safe-drive .step-nav-item-2 .step-nav-item-link > .link1 > a {
    width: 313px;
    height: 95px;
}

#inbound.pl-safe-drive .step-nav-item-2 .step-nav-item-link > .link2 > a {
    width: 283px;
    height: 95px;
}

/* 枠6～8 */
#inbound.pl-safe-drive .step-nav-item-3 .step-nav-item-link > .link > a {
    box-shadow: 2px 3px 4px #dddddd, inset 0 0 0 7px #eea8bd;
    width: 283px;
    height: 94px;
}

#inbound.pl-safe-drive .step-nav-item-3 .step-nav-item-link > .link > a:hover {
    box-shadow: 2px 3px 4px #dddddd, inset 0 0 0 7px #d496a9;
}

/* 矢印の色 */
#inbound.pl-safe-drive .step-nav-item-1 .step-nav-item-link > .link > a:after {
    color: #67b1e3;
}

#inbound.pl-safe-drive .step-nav-item-2 .step-nav-item-link > .link > a:after {
    color: #c9c65f;
}

#inbound.pl-safe-drive .step-nav-item-3 .step-nav-item-link > .link > a:after {
    color: #c95f7f;
}

/* 背景パターン */
#inbound.pl-safe-drive .main-visual {
    background: url('/car/guide/safe-drive/images/bg-green.png') repeat-x;
    background-position: 0 -89px;
}

#inbound.pl-safe-drive #step1 {
    background-image: url('/car/guide/safe-drive/images/bg-step1.png');
}

#inbound.pl-safe-drive #step2 {
    background-image: url('/car/guide/safe-drive/images/bg-step2.png');
}

#inbound.pl-safe-drive #step3 {
    background-image: url('/car/guide/safe-drive/images/bg-step3.png');
    margin-bottom: 0;
}

#inbound.pl-safe-drive #step1 .step-section:nth-child(even) {
    background-image: url('/car/guide/safe-drive/images/bg-step1-even.png');
}

#inbound.pl-safe-drive #step2 .step-section:nth-child(even) {
    background-image: url('/car/guide/safe-drive/images/bg-step2-even.png');
}

#inbound.pl-safe-drive #step3 .step-section:nth-child(even) {
    background-image: url('/car/guide/safe-drive/images/bg-step3-even.png');
}

/* タグの文字色 */
#inbound.pl-safe-drive #step1 .step-head-title > .tag {
    color: #67b1e3;
}

#inbound.pl-safe-drive #step2 .step-head-title > .tag {
    color: #c9c65f;
}

#inbound.pl-safe-drive #step3 .step-head-title > .tag {
    color: #c95f7f;
}

/* 矢印 */
#inbound.pl-safe-drive .step-nav-contents .swiper-button-next, #inbound .step-nav-contents .swiper-button-prev {
    top: 45px;
}


#inbound.pl-safe-drive .step-text {
    width: 680px;
}

#inbound.pl-safe-drive .step-text.\--isBottom {
    background: url(/car/guide/safe-drive/images/bg-green.png) repeat-x;
    width: 100%;
    margin: 10px 0 0;
}

#inbound.pl-safe-drive .step-text.\--isBottom p {
    color: #fff;
    text-shadow: #19b88c 2px 0px, #19b88c -2px 0px, #19b88c 0px -2px, #19b88c 0px 2px, #19b88c 2px 2px, #19b88c -2px 2px, #19b88c 2px -2px, #19b88c -2px -2px, #19b88c 1px 2px, #19b88c -1px 2px, #19b88c 1px -2px, #19b88c -1px -2px, #19b88c 2px 1px, #19b88c -2px 1px, #19b88c 2px -1px, #19b88c -2px -1px;
    font-size: 30px;
}



/* step1-1
--------------------------- */
#inbound.pl-safe-drive .step-section {
    padding: 133px 0;
}

/* セクションNo */
#inbound.pl-safe-drive .step-section-head:before {
    top: -100px;
    width: 94px;
    height: 94px;
    margin-left: -47px;
}

#inbound.pl-safe-drive .step-section1 .step-section-head:before {
    background-image: url('/car/guide/safe-drive/images/no1.png');
}

#inbound.pl-safe-drive .step-section2 .step-section-head:before {
    background-image: url('/car/guide/safe-drive/images/no2.png');
}

#inbound.pl-safe-drive .step-section3 .step-section-head:before {
    background-image: url('/car/guide/safe-drive/images/no3.png');
}

#inbound.pl-safe-drive .step-section4 .step-section-head:before {
    background-image: url('/car/guide/safe-drive/images/no4.png');
}

#inbound.pl-safe-drive .step-section5 .step-section-head:before {
    background-image: url('/car/guide/safe-drive/images/no5.png');
}

#inbound.pl-safe-drive .step-section6 .step-section-head:before {
    background-image: url('/car/guide/safe-drive/images/no6.png');
}

#inbound.pl-safe-drive .step-section7 .step-section-head:before {
    background-image: url('/car/guide/safe-drive/images/no7.png');
}

#inbound .step-section8 .step-section-head:before {
    background-image: url('/car/guide/safe-drive/images/no8.png');
}

#inbound.pl-safe-drive .step-section-title {
    padding: 60px 0 80px;
    background: url(/car/guide/safe-drive/images/bg-section-title.png) bottom center no-repeat;
}


/* Box
--------------------------- */

/* タイトル */
#inbound.pl-safe-drive #step1 .box-lead {
    color: #41799f;
}

#inbound.pl-safe-drive #step1 .box-lead:after {
    background-color: #f9ff57;
}

#inbound.pl-safe-drive #step2 .box-lead {
    color: #857400;
}

#inbound.pl-safe-drive #step2 .box-lead:after {
    background-color: #f6ccf0;
}

#inbound.pl-safe-drive #step3 .box-lead {
    color: #f1789e;
}

#inbound.pl-safe-drive #step3 .box-lead:after {
    background-color: #c9ead3;
}

/* サブタイトル */
#inbound.pl-safe-drive .box-inner .box-inner-lead:first-child {
    margin-top: 0;
}

#inbound.pl-safe-drive .box-inner .box-inner-lead {
    display: inline-block;
    position: relative;
    padding-bottom: 10px;
    margin: 26px 0 15px;
    font-size: 18px;
    font-weight: bold;
}

#inbound.pl-safe-drive .box-inner .box-inner-lead:after {
    content: '';
    display: inline-block;
    width: 100%;
    height: 4px;
    background: #6b9ab8;
    border-radius: 2px;
    position: absolute;
    left: 0;
    bottom: 0;
}

/* リスト */
#inbound.pl-safe-drive .box-inner-flag {
    display: flex;
    margin-bottom: 30px;
}

#inbound.pl-safe-drive .box-inner-flag-figure {
    width: 250px;
    margin-right: 20px;
}

#inbound.pl-safe-drive .box-inner-flag-figure img {
    width: 100%;
}

#inbound.pl-safe-drive .box-inner-flag-text {
    width: 510px;
    font-size: 14px;
    line-height: 1.8;
}

/* 「ここが台湾と違う！ポイント枠」 Box内のフッター以外の場所に配置した場合 */
#inbound .conversion.--isCenter {
    border-bottom: 4px solid #003894;
    border-radius: 0px;
    margin-bottom: 40px;
}

/* 点線枠 */
.box-card {
    border: 2px dashed #a40000;
    border-radius: 20px;
    padding: 27px;
    background: #f5f5f5;
}

.box-card + .box-card {
    margin-top: 20px;
}

.box-card-lead {
    margin-bottom: 10px;
    color: #a40000;
    font-weight: bold;
    font-size: 18px;
}

.box-card-text {
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 1.6;
}


/* 多言語調整
--------------------------- */
/* 英文と韓文のbase.cssに記述がないため追加 */
a:hover img,
a:hover {
    opacity:.7;
}