@charset "utf-8";
.content {
    text-align: center
}

.content p.hTxt {
    margin-bottom: 30px
}

.boxUpdate::after {
    content: 'Update';
    margin-left: 5px;
    padding: 1px 7px;
    color: #f00;
    background: #fff;
    display: inline-block;
    font-size: 80%;
    border: 1px solid;
    font-weight: bold;
    line-height: 1.2;
}

.boxNewBefore::before {
    content: 'New';
    padding: 1px 7px;
    color: #f00;
    background: #fff;
    display: inline-block;
    font-size: 80%;
    border: 1px solid;
    font-weight: bold;
    line-height: 1.2;
}

.boxNew::after {
    content: 'New';
    margin-left: 5px;
    padding: 1px 7px;
    color: #f00;
    background: #fff;
    display: inline-block;
    font-size: 80%;
    border: 1px solid;
    font-weight: bold;
    line-height: 1.2;
}

.overflowHidden {
    overflow: hidden;
}

.displayInlineBlock {
    display: inline-block;
}

.top .mv {
    margin-bottom: 10px;
    padding: 130px 20px 40px;
    /*background: url(../images/bg_main01.png) center 0 no-repeat #fff;*/
}

.top .mv-slider-wrapper {
    padding: 20px 0 20px;
}

.top .mv-slider {
    width: 1024px;
    max-width: 100%;
    margin: 0 auto;
    position: relative;
}

.top .mv-slider > .mv-slider-item {
    position: absolute;
    top: 0;
    left: 0;
    display: none;
}

.top .mv-slider > .mv-slider-item:first-child {
    display: block;
}

.top .slick-dots li button:before {
    font-size: 13px;
    opacity: .1;
}

.top .slick-dots li.slick-active button:before {
    opacity: .75;
}

.top .slick-dots li {
    margin: 0 6px;
}

.top .mv-slider .slick-slide img {
    display: block;
}

.top .slick-prev,
.top .slick-next {
    width: 30px;
    height: 30px;
}

.top .slick-prev {
    left: -35px;
}

.top .slick-next {
    right: -35px;
}

.top .slick-prev:hover,
.top .slick-next:hover {
    opacity: .5;
}

.top .slick-prev:before,
.top .slick-next:before {
    content: '';
    display: block;
    width: 20px;
    height: 20px;
    border: 2px solid #000;
}

.top .slick-prev:before {
    float: right;
    border-bottom: none;
    border-right: none;
    transform: rotate(-45deg);
}

.top .slick-next:before {
    border-bottom: none;
    border-left: none;
    transform: rotate(45deg);
}

.top .bg-img {
    padding: 0 0 100px;
}

.top .merit {
    margin-bottom: 10px;
    padding: 80px 20px 40px;
    background-color: #E2EBF2;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.top .price {
    padding: 55px 20px 40px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.top .jirei {
    margin-bottom: 10px;
    padding: 55px 20px 40px;
    background: #E2EBF2;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.top .cost {
    padding: 55px 20px 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.top .noticeWrap {
    padding: 10px 20px 30px;
    text-align: left;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

@media(max-width:1250px) {
    nav.gnavi ul.mainNav li a {
        font-size: .75rem;
    }
}
@media(max-width:1120px) {
    .top .slick-prev {
        left: 25px;
        z-index: 1;
    }
    .top .slick-next {
        right: 25px;
    }
}

@media(max-width:991px) {
    main {
        padding-top: 52px
    }
    .top .mv {
        padding: 10px 20px 40px;
        text-align: left;
        /*background: url(../images/bg_main01.png) center 30px no-repeat #fff;*/

        background-size: contain
    }
    .top .mv-slider-wrapper {
        padding: 0;
    }
    .top .slick-prev {
        left: 15px;
    }
    .top .slick-next {
        right: 15px;
    }
    .top .slick-prev:before,
    .top .slick-next:before {
        width: 15px;
        height: 15px;
    }
    .top .slick-dotted.slick-slider {
        margin-bottom: 25px;
    }
    .top .slick-dots {
        bottom: -20px;
    }
    .top .slick-dots li button:before {
        font-size: 8px;
    }
    .top .slick-dots li {
        margin: 0 4px;
    }
    .top .cost,
    .top .jirei,
    .top .merit,
    .top .noticeWrap,
    .top .price {
        padding-right: 15px;
        padding-left: 15px;
        text-align: left
    }
    .bg-img {
        background-size: contain!important;
    }
}

.top .mv .mvBox {
    max-width: 1024px;
    margin: 0 auto 0
}

.top .mv .mvBox .txt {
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.top .mv .mvBox .txt .ttlBox {
    width: 645px;
    max-width: 100%;
    margin: 0 auto;
}

.top .mv .mvBox .txt h1.ttl {
    margin: 0 0 32px;
    color: #424242;
    font-size: 1rem;
    text-align: center;
}

.top .mv .mvBox .txt .hTxt {
    margin-bottom: 36px;
}

.top .mv .mvBox .txt .hTxt span:last-of-type {
    display: block;
    width: 79%;
    margin: 0 auto;
    text-align: left;
}

.top .mv .mvBox .txt .productLogo {
    margin-bottom: 38px
}

.top .mv .mvBox .movie {
    margin: 0 auto;
    width: 645px;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.top .mv .mvBox .movie .thumb {
    margin-bottom: 44px
}

.top .merit h2 {
    margin-bottom: 64px;
    font-size: 170%;
    font-weight: bold;
}

.top .merit .meritBox {
    max-width: 920px;
    margin: 80px auto 20px
}

.top .merit .meritBox .meritBoxInr {
    text-align: left
}

.meritBoxText {
    display: flex;
    width: 100%;
    justify-content: space-between;
}
#meritBox01 .meritBoxText .txt {
    width: 57%;
}
.meritBox h4,
.meritBox02 h4 {
    display: flex;
    align-items: center;
    margin-bottom: 24px;
}

.meritBox h4 img,
.meritBox02 h4 img {
    width: 60px;
    margin: 0 24px 0 0;
}

.top .merit .meritBox .meritBoxInr:first-child {
    margin: 0 0 64px;
}

.top .merit .meritBox .meritBoxInr:last-child {
    margin: 0 0 64px;
}

.top .merit .meritBox .meritBoxInr .thumb01 {
    display: block;
    width: 250px;
    margin: -80px 0 0;
    padding: 0;
    font-size: 70%;
    text-align: center;
}


.top .merit .meritBox .meritBoxInr .thumb02 {
    display: block;
    width: 160px;
    margin: -80px 58px 0 0;
}

.top .merit .meritBox .meritBoxInr .thumb01 img, 
.top .merit .meritBox .meritBoxInr .thumb02 img {
    width: 100%;
}

.top .merit .meritBox .meritBoxInr .txt {
    padding: 20px 0 20px 0;
    font-size: 1rem;
    font-weight: 100;
    line-height: 30px;
}

.top .merit .meritBox02 {
    max-width: 920px;
    margin: 0 auto 20px
}

.top .merit .meritBox02:last-child {
    margin: 0 auto 40px;
}

.top .merit .meritBox02 .meritBoxInr {
    width: 100%;
    text-align: left
}

.top .merit .meritBox02 .meritBoxInr .boxNew,
.top .merit .meritBox02 .meritBoxInr .boxUpdate {
    position: relative;
}

.top .merit .meritBox02 .meritBoxInr .boxNew::after,
.top .merit .meritBox02 .meritBoxInr .boxUpdate::after {
    position: absolute;
    top: 20px;
    right: 20px;
}

.top .merit .meritBox02 .meritBoxInr .audioGuideContainer {
    display: block;
    margin: -0.5em 0;
}

.top .merit .meritBox02 .meritBoxInr .audioGuideTxt {
    display: inline-block;
    vertical-align: middle;
    margin: .2em 0;
}

.top .merit .meritBox02 .meritBoxInr .audioGuideIcon {
    display: inline-block;
    vertical-align: middle;
    margin: .2em 0;
}

.top .merit .meritBox02 .meritBoxInr .merit3Lineup {
    width: 100%;
    padding: 0 25px 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.top .merit .meritBox02 .meritBoxInr .lineupItemBox {
    float: left;
    border-radius: 10px;
    width: calc( (100% - 40px) / 3);
    text-align: center;
    padding: 15px 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.top .merit .meritBox02 .meritBoxInr .lineupItemBox:nth-of-type(2) {
    margin: 0 19px;
}

.top .merit .meritBox02 .meritBoxInr .lineupItemTitle {
    font-weight: bold;
}

.top .merit .meritBox02 .meritBoxInr .lineupItemImg {
    padding: 10px 0 0;
}

.top .merit .meritBox02 .meritBoxInr .thumb01 {
    display: flex;
    justify-content: space-around;
    width: 80%;
    margin: 0 auto;
    padding: 20px 0;
    font-size: 70%;
    text-align: center;
}

.top .merit .meritBox02 .meritBoxInr .thumb01 a {
    display: block;
    width: 300px;
}

.top .merit .meritBox02 .meritBoxInr .thumb01 img {
    width: 100%;
    margin-bottom: 10px;
}

.top .merit .meritBox02 .meritBoxInr .txt {
    padding: 20px 20px 10px;
    font-size: 110%;
    font-weight: bold;
}

.top .merit .meritBox02 .meritBoxInr .txt02 {
    padding: 0 20px 20px;
    font-size: 90%
}

.top .merit .meritBox02 .meritBoxInr .txt03 {
    padding: 0 20px 20px;
    font-size: 75%
}

.top .merit .meritBox02 .meritBoxInr .txt03 a {
    text-decoration: underline;
}

.top .merit .btnArea {
    margin: 40px auto 0
}

.top .merit .btnArea .btnBox01 {
    display: inline-block;
    margin-bottom: 20px;
    padding: 0 10px
}

.top .merit .btnArea .btnBox01 a {
    width: 430px!important;
    font-size: 1.4rem;
}

.top .merit .btnArea .btnBox01 a:before {
    display: none;
}

.top .price h2 {
    position: relative;
    margin-bottom: 25px;
    font-size: 2rem;
    font-weight: bold;
    z-index: 1
}

.top .price .priceBoxWrap {
    position: relative;
    max-width: 1024px;
    margin: 0 auto 15px;
    border: 3px solid #205EB1;
    border-radius: 8px;
    background: #fff;
}

.top .price .priceBoxWrap p {
    font-size: 1rem;
}

.top .price .priceBox {
    position: relative;
    display: flex;
    justify-content: center;
    z-index: 2;
    width: 90%;
    margin: 0 auto 30px;
    border-collapse: collapse;
    border-bottom: 3px solid #205EB1;
}

.top .price .priceBox .priceBoxInr01 {
    width: 26%;
    padding: 30px 0 5px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.top .price .priceBox .priceBoxInr02 {
    width: 51%;
    margin: 0 -10% 0 0;
    padding: 30px 0 5px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.top .price .priceBox .priceBoxInr01 p,
.top .price .priceBox .priceBoxInr02 p {
    font-size: 4rem;
    font-weight: bold;
    line-height: 1em;
    color: #205EB1;
}

.top .price .priceBox .priceBoxInr01 p span, .top .price .priceBox .priceBoxInr02 p span {
    font-size: 38%;
    display: inline-block;
    margin: 0 8px;
}

.top .price .priceBox .priceBoxInr01 p .s_red {
    font-size: 4rem;
}

.top .price .p_btn .s2_btn {
    font-size: 1.5rem;
    width: 350px!important;
}

.top .price .p_btn .s2_btn:before {
    display: none;
}

@media(max-width:1300px) {
    .top .price .priceBoxWrap {
        padding: 0 8vw
    }
    .top .price .priceBoxWrap:before {
        right: 0;
        width: 15vw
    }
    .top .price .priceBox .priceBoxInr01 p,
    .top .price .priceBox .priceBoxInr02 p {
        font-size: 7.2vw
    }
}

.top .price .pic {
    margin: 40px 0
}

.top .price .pic img {
    max-width: 800px;
}

.top .price .btnArea {
    margin: 40px auto 0
}

.top .price .btnArea .btnBox01 {
    display: inline-block;
    margin-bottom: 20px;
    padding: 0 10px
}

.top .jirei h2 {
    margin-bottom: 35px;
    font-size: 2rem;
    font-weight: bold
}

.top .jirei p {
    font-size: 1rem;
}

.jireiBox {
    width: 80%;
    margin: 50px auto 40px;
    border: 3px solid #205EB1;
    border-radius: 36px;
}

.top .jirei .jireiBox01 {
    max-width: 730px;
    margin: -30px auto 20px;
    padding: 10px 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #205EB1;
}

.top .jirei .jireiBox01 p {
    font-size: 1.2rem;
    font-weight: bold;
    background: #E2EBF2;
}

.top .jirei .jireiBox02 {
    display: table;
    table-layout: fixed;
    max-width: 1064px;
    width: 100%;
    margin: 0 auto 40px;
    border-spacing: 20px 10px;
}

.top .jirei .jireiBox02 .list {
    display: table-cell;
    vertical-align: middle;
    width: 120px;
    height: 120px;
    margin: 10px;
    padding: 15px 0;
    color: #fff;
    font-size: 1.2rem;
    font-weight: bold;
    background: linear-gradient(
-90deg
, #62C3E0, #053B9F);
    border-radius: 120px;
    box-shadow: 0 5px 10px #ccc;
}

.top .jirei .txt {
    margin-bottom: 20px;
    font-size: 150%;
    font-weight: bold;
}

.top .jirei .btnArea {
    margin: 40px auto 0
}

.top .jirei .p_btn .s2_btn {
    font-size: 1.5rem;
}

.top .jirei .p_btn .s2_btn:before {
    display: none;
}

.top .cost h2 {
    margin-bottom: 5px;
    font-size: 2rem;
    font-weight: bold
}

.top .cost .costBox {
    display: table;
    table-layout: fixed;
    max-width: 900px;
    width: 100%;
    margin: 0 auto;
    border-spacing: 30px
}

.top .cost .costBoxInr {
    display: table-cell;
    width: 33.33%;
}

.top .cost .costBoxInr img {
    max-width: 160px;
}

.top .cost .costBoxInr p {
    margin: 16px 0 0;
    font-size: 1.3rem;
    font-weight: 600;
    color: #205EB1;
}

.top .cost .costBoxInr p span {
    font-size: 2rem;
}

.top .cost .marker_or {
    margin: 8px 0 0;
    display: inline-block;
}

.top .cost .marker_or > span {
    font-size: 1.3rem;
}

.top .cost .marker_or span.s_red {
    font-size: 1.8rem;
    font-weight: bold;
}

.top .cost .txt {
    margin: 0 0 16px;
    font-size: 1.5rem;
    font-weight: bold;
}

.top .cost .txtContact {
    margin: 20px 0 20px;
    font-size: 200%;
    font-weight: bold
}

.top .cost .btnArea {
    margin: 0 auto
}

.top .cost .btnArea .btnBox02,
.top .btnAreaCommon .btnBox02 {
    display: inline-block;
    margin-bottom: 20px;
    padding: 0 10px
}

.top .cost .btnAreaCommon .btnC {
    display: none;
}

.top .notice {
    max-width: 1024px;
    margin: 0 auto
}

.top .notice .fbPlugin {
    float: right;
    width: 48%;
    width: -webkit-calc(50% - 12px);
    width: calc(50% - 12px);
    margin: 54px 0 0;
}

.top .notice .fbPlugin h2 {
    max-width: 1024px;
    margin: 0 auto;
    border-bottom: 1px solid #000;
    font-size: 75%
}

.top .notice .news {
    float: left;
    width: 48%;
    width: -webkit-calc(50% - 12px);
    width: calc(50% - 12px)
}

.top .news h2 {
    max-width: 1024px;
    margin: 0 auto;
    text-align: center;
    font-size: 2rem;
    font-weight: bold;
}

.top .news .news_txt {
    background-color: #0170C1;
    color: white;
    font-weight: bold;
    padding-left: 10px;
}

.top .news .newsBox {
    height: 300px;
    margin: -20px auto 0;
    font-size: 70%;
}

.top .news .newsBox ul {
    height: 100%;
    margin: 0 0 24px;
    padding: 16px;
    border: 1px solid #e7e7e7;
    overflow-y: scroll;
    overflow-x: hidden;
}

.top .news .newsBox ul li:first-of-type {
    margin-top: 10px!important;
}

.top .news .newsBox .news_more {
    float: right;
    width: 164px;
    margin: 0 -20px 0 0;
    text-align: center;
    background: url(../images/news_more.png) no-repeat;
    background-position: bottom;
    background-size: contain;
}

.top .news .newsBox .news_more a {
    display: inline-block;
    margin: 0 0 4px;
    font-size: 1.1rem;
    color: #205EB1;
    font-weight: bold;
}

.top .s2_btn {
    width: 500px!important;
    height: 50px!important;
    padding: 8px 0;
    margin: 0 auto 40px;
}
@media(max-width:991px) {
    .top .bg-img {
        padding: 0;
        background-position: 0 0!important;
        background-size: contain!important;
    }
    .top .mv .mvBox {
        max-width: 100%;
        margin-top: 10px;
    }
    .top .mv .mvBox .txt {
        width: auto;
        padding-right: 0
    }
    .top .mv .mvBox .txt h1.ttl {
        font-size: .9rem;
        margin: 0 0 16px;
    }
    .top .mv .mvBox .txt .hTxt {
        margin-bottom: 25px;
    }
    .top .mv .mvBox .txt .hTxt span:last-of-type {
        width: 100%;
    }
    .mv .s2_btn {
        width: 100%!important;
    }
    .top .mv .mvBox .movie {
        width: 100%;
        margin-bottom: -50px;
        padding: 0;
    }
    .top .mv .mvBox .movie .thumb {
        margin-bottom: 30px
    }
    .top .merit h2 {
        font-size: 1.2rem;
        text-align: center;
        margin-bottom: 24px;
    }
    .top .merit h3 {
        text-align: center;
        font-size: 120%;
    }
    .top .merit .meritBox {
        max-width: 100%;
        margin: 24px auto 0;
    }
    .meritboxAtten {
        margin: 24px 0 40px;
    }
    .top .merit .meritBox .meritBoxInr {
        float: none;
        width: 100%;
        margin: 0 0 20px
    }
    .top .merit .meritBox02 .meritBoxInr .merit3Lineup {
        padding: 0 20px 20px;
    }
    .top .merit .meritBox02 .meritBoxInr .lineupItemBox {
        width: calc( (100% - 30px) / 3);
    }
    .top .merit .meritBox02 .meritBoxInr .lineupItemBox:nth-of-type(2) {
        margin: 0 14px;
    }
    .top .merit .meritBox .meritBoxInr:first-child,
    .top .merit .meritBox .meritBoxInr:last-child {
        margin: 0 0 20px;
    }
    .top .merit .meritBox .meritBoxInr .thumb01 {
        width: 30%;
        padding: 20px 20px 20px 0
    }
    .top .merit .meritBox .meritBoxInr .thumb02 {
        width: 30%;
        padding: 20px 20px 20px 0
    }
    .top .merit .meritBox .meritBoxInr .txt {
        padding: 24px 0 20px;
        font-size: 90%;
        line-height: initial;
    }
    .top .merit .meritBox02 {
        max-width: 100%;
    }
    .top .merit .meritBox02 .meritBoxInr .thumb01 {
        width: 100%;
        padding: 20px 0;
        font-size: 90%;
    }
    .top .merit .meritBox02 .meritBoxInr .thumb01 a {
        width: 50%;
        margin: 0 8px;
    }
    .top .merit .meritBox02 .meritBoxInr .txt {
        padding: 0 20px 10px;
    }
    .top .merit .meritBox02 .meritBoxInr .txt.boxFirstTxt {
        padding: 20px 20px 10px;
    }
    .top .merit .meritBox02 .meritBoxInr .txt02 {
        padding: 0 0 20px;
        font-weight: lighter;
    }
    .top .merit .meritBox02 .meritBoxInr .txt03 {
        padding: 0 0 20px;
    }
    .top .merit .btnArea {
        margin: 40px auto 0
    }
    .top .merit .btnArea .btnBox01 {
        display: block;
        margin-bottom: 20px;
        padding: 0
    }
    .top .merit .btnArea .btnBox01 a {
        width: 100%!important;
        font-size: 1.1rem; 
    }
    .meritBoxText {
        display: flex;
        flex-wrap: wrap;
    }
    .meritBoxText > * {
        width: 100%!important;
    }
    .meritBox h4, .meritBox02 h4 {
        display: block;
    }
    .meritBox h4 > *, .meritBox02 h4 > * {
        display: block;
        text-align: center;
        margin: 0 auto 16px!important;
        font-size: 1.2rem;
    }
    .meritBoxText .txt {
        order: 2;
    }
    .meritBoxText .thumb01, .meritBoxText .thumb02 {
        order: 1;
        padding: 0!important;
        margin: 0!important;
    }
    .meritBoxText .thumb01 a {
        display: block;
        width: 70%;
        margin: 0 auto;
    }
    .meritBoxText .thumb02 img {
        width: 40%!important;
        margin: 0 auto!important;
        display: block;
    }
    .top .price h2 {
        font-size: 1.2rem;
        text-align: center;
    }
    .top .price .priceBoxWrap {
        padding: 16px;
        text-align: center
    }
    .top .price .priceBoxWrap:before {
        top: -15px;
        right: -10px;
        width: 76px;
        height: 94px;
        background-size: 76px 94px
    }
    .top .price .priceBox {
        width: 100%;
        margin: 16px 0 24px;
    }
    .top .price .priceBox .priceBoxInr01 {
        width: 40%;
        margin: 0 0 0 -24px;
        padding: 5px 0 10px;
    }
    .top .price .priceBox .priceBoxInr02 {
        width: 50%;
        padding: 5px 0 10px
    }
    .top .price .priceBox .priceBoxInr01 p,
    .top .price .priceBox .priceBoxInr02 p {
        font-size: 1.8rem;
        line-height: 0.9em;
    }
    .top .price .priceBox .priceBoxInr01 p span,
    .top .price .priceBox .priceBoxInr02 p span {
        font-size: 45%
    }
    .top .price .priceBox .priceBoxInr01 p span, .top .price .priceBox .priceBoxInr02 p span {
        margin: 0 4px 0 0;
    }
    .top .price .priceBox .priceBoxInr01 p .s_red {
        font-size: 2rem;
    }
    .top .price .priceBoxWrap p {
        font-size: .9rem;
        text-align: left;
    }
    .top .price .p_btn .s2_btn {
        width: 100%!important;
        font-size: 1.1rem;
    }
    .top .price .btnArea {
        margin: 40px auto 0
    }
    .top .price .btnArea .btnBox01 {
        display: block;
        margin-bottom: 20px;
        padding: 0
    }
    .top .price .pic img {
        max-width: 100%;
    }
    .top .jirei h2 {
        font-size: 1.2rem;
        text-align: center;
    }
    .jireiBox {
        width: 100%;
    }
    .top .jirei .jireiBox01 {
        width: 98%;
        width: -webkit-calc(100% - 10px);
        width: calc(100% - 10px);
        padding: 10px
    }
    .top .jirei .jireiBox01 p {
        text-align: center;
        font-size: 1.05rem;
    }
    .top .jirei .jireiBox02 {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-around;
        width: auto;
        max-width: 345px;
        margin: 0 auto 24px;
        border-spacing: 5px
    }
    .top .jirei .jireiBox02 .list {
        display: table-cell;
        width: 20%;
        padding: 5px;
        font-size: 95%;
    }
    .top .jirei .txt {
        margin-bottom: 10px;
        font-size: 130%;
    }
    .top .jirei .p_btn .s2_btn {
        width: 100%!important;
    }
    .top .jirei .jireiBox02 .list {
        display: block;
        width: 86px!important;
        height: 86px;
        margin: 10px 5px 10px;
        padding: 0;
        line-height: 86px;
        word-break: keep-all;
        font-size: .75rem;
        vertical-align: middle;
        text-align: center
    }
    .top .cost .costBox {
        width: 105%;
        text-align: center;
        margin: 0 0 16px -3%;
        border-spacing: 10px;
    }
    .top .cost .hTxt {
        margin: 0 0 19px;
    }
    .marker_sp {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
    .top .cost .marker_or {
        display: block;
        margin: 0 0 23px;
        text-align: center;
        background: linear-gradient(to bottom,transparent 79%,#FFCB00 90%) !important;
        line-height: 20px;
    }
    .top .cost h2 {
        font-size: 1.2rem;
        margin-bottom: 35px;
        text-align: center;
    }
    .top .cost .costBoxInr {
        margin: 0 0 20px;
        padding: 10px 0 10px;
    }
    .top .cost .costBoxInr p {
        font-size: 100%
    }
    .top .cost .costBoxInr p span, .top .cost .costBoxInr p span.B {
        font-size: 1.1rem;
    }
    .top .cost .costBoxInr img {
        width: 80%;
    }
    .top .cost .txt {
        font-size: 1.2rem;
    }
    .top .cost .txtContact {
        font-size: 150%
    }
    .top .cost .btnArea {
        margin: 0 auto
    }
    .top .cost .btnArea .btnBox02 {
        display: block;
        width: 100%;
        margin-bottom: 20px;
        padding: 0
    }
    .top .notice .fbPlugin {
        float: none;
        width: auto;
        max-width: 500px;
        margin: 0 auto
    }
    .top .notice .fbPlugin h2 {
        font-size: 100%
    }
    .top .notice .news {
        float: none;
        width: 100%;
        margin-bottom: 20px
    }
    .top .news .newsBox {
        font-size: 90%
    }
    .top .news .newsBox #news {
        padding: 15px 15px
    }
    .top .news .newsBox .news_more {
        width: 130px;
        margin: 0 0 80px;
    }
    .top .news .newsBox .news_more a {
        font-size: .9rem;
    }
}

@media(max-width:320px) {
    .top .merit h2,
    .top .price h2,
    .top .jirei h2,
    .top .cost h2 {
        font-size: 1.1rem;
    }
    .top .p_btn .s2_btn:after {
        margin-right: -5px;
    }
    .top .merit h3 {
        font-size: 1rem;
    }
    .top .merit .btnArea .btnBox01 a {
        width: 100%!important;
        font-size: .9rem;
        padding: 16px 0 16px 0;
    }
    .top .price .priceBox .priceBoxInr01 p, 
    .top .price .priceBox .priceBoxInr02 p,
    .top .price .priceBox .priceBoxInr01 p .s_red {
        font-size: 1.5rem;
    }

    .top .price .priceBox .priceBoxInr01,
    .top .price .priceBox .priceBoxInr02 {
        padding: 0;
   }
   .top .price .p_btn .s2_btn,
   .top .jirei .p_btn .s2_btn {
        font-size: 1rem;
    }
    .top .cost .costBoxInr p {
        font-size: .8rem;
    }
    .top .cost .costBoxInr p span, .top .cost .costBoxInr p span.B {
        font-size: .9rem;
    }
    .marker_sp span {
        font-size: .8rem;
    }
}

@media(max-width:767px) {
    .top .merit .meritBox02 .meritBoxInr .merit3Lineup {
        padding: 5px 20px 20px;
    }
    .top .merit .meritBox02 .meritBoxInr .lineupItemBox {
        padding: 10px 0;
    }
}

.content p.secTxtN {
    font-size: 100%
}

.content p.secTxt {
    font-size: 140%
}

.second section:after {
    content: '';
    display: table;
    clear: both
}

.second .concept {
    background: url(../images/img_2nd_concept01.png) 50% 10px no-repeat
}

.second .merit {
    background: url(../images/img_2nd_merit01.png) 50% 10px no-repeat
}

.second .service {
    background: url(../images/img_2nd_service01.png) 50% 10px no-repeat
}

.second .price {
    background: url(../images/img_2nd_price01.png) 50% 10px no-repeat
}

.second .jirei {
    background: url(../images/img_2nd_jirei01.png) 50% 10px no-repeat
}

.second .partner {
    background: url(../images/img_2nd_partner01.png) 50% 25px no-repeat
}

.second .telematics {
    background: url(../images/img_2nd_telematics01.png) 50% 20px no-repeat
}

.second .topics {
    background: url(../images/img_2nd_topics01.png) 50% 25px no-repeat
}

.second .movieShoukai {
    background: url(../images/img_2nd_movie01.png) 50% 20px no-repeat
}

.second .linkpolicy {
    background: url(../images/img_2nd_linkpolicy01.png) 50% 20px no-repeat
}

.second .download {
    background: url(../images/img_2nd_download01.png) 50% 20px no-repeat
}

.second .doc_download {
    background: url(../images/img_doc_download01.png) 50% 20px no-repeat
}

.second .product {
    background: url(../images/img_2nd_product01.png) 50% 10px no-repeat
}

.second .column {
    background: url(../images/img_2nd_column01.png) 50% 25px no-repeat
}
.second .column.nobg {
    background: none;
}
/* privacy.html,request.html,contact.html 2019.04.10 Unisys ADD*/

.second .privacy {
    background: url(../images/img_privacy_back.png) 50% 20px no-repeat
}

.second .request {
    background: url(../images/img_request_back.png) 50% 20px no-repeat
}

.second .contact {
    background: url(../images/img_contact_back.png) 50% 20px no-repeat
}

.contact-2cloumn {
    display: flex;
    justify-content: space-between;
    width: 1120px;
    margin: 24px auto 0;
    text-align: left;
}

.contact-2cloumn > div {
    width: 480px;
}

.contact-left > p {
    margin: 0 0 48px;
}

.contact-exmple {
    display: flex;
    width: 100%;
    align-items: center;
    margin: 0 0 42px;
}

.contact-exmple ul {
    padding: 0;
    margin: 0 24px 0 0;
}

.contact-exmple ul li {
    font-weight: bold;
    list-style: disc;
    list-style-position: inside;
}

.contact-exmple ul li a {
    font-weight: bold;
}

.contact-exmple img {
    margin: 0 0 -5px 0;
}

.support h2 {
    font-size: 30px;
    text-align: center;
    border-bottom: 1px solid #aaa;
    margin: 0 0 24px;
}

.support ul li {
    display: flex;
    align-items: flex-start;
    margin: 0 0 32px;
}

.support ul li > img {
    margin: 0 16px 0 0;
}

.support ul li a {
    border: 5px solid #000;
    border-radius: 9px;
    width: 100%;
    text-align: center;
    height: 65px;
    position: relative;
}

.support ul li a > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    -webkit- transform: translateY(-50%) translateX(-50%);
}

.support ul li a i {
    width: 14px;
    height: 25px;
    display: inline-block;
    background: url(../images/arrow-icon.png) no-repeat;
    left: 20px;
}

.support ul li a span {
    font-weight: 800;
    font-size: 22px;
    word-break: keep-all;
}

.contact-right {
    background: #fef4f6;
    padding: 24px 16px;
}

.contact-right h2 {
    font-size: 24px;
    text-align: center;
    color: #f2859d;
    font-weight: bold;
}

.thanks-download header {
    position: static;
}

.thanks-download .wrapper {
    height: 100vh;
    position: relative;
}

.thanks-download footer {
    position: absolute;
    bottom: 0;
}

.thanks-download .wrapper .content {
    padding: 0;
    position: relative;
    height: 100%;
}

.thanks-download-main {
    position: absolute;
    height: 85px;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.thanks-download-main h1 {
    font-size: 30px;
    font-weight: bold;
}

.sp {
    display: none;
}

.second .box01 {
    max-width: 1024px;
    margin: 0 auto;
    padding: 43px 0 20px;
    background-size: 590px 153px;
    font-size: 250%;
    font-weight: bold;
    line-height: 1.6em
}

.top .box01 {
    max-width: 1024px;
    margin: 0 auto;
    padding: 43px 0 20px;
    background-size: 590px 153px;
    font-size: 250%;
    font-weight: bold;
    line-height: 1.6em
}

.second .topics .box01 {
    padding: 58px 0 20px
}

.second .column .box01 {
    padding: 58px 0 20px
}

.second .movieShoukai .box01 {
    padding: 40px 0 20px;
    font-size: 190%;
}

.second .faq .box01 {
    padding: 40px 0;
    font-size: 180%;
}

.top .faq .box01 {
    padding: 40px 0;
    font-size: 180%;
}

.second .linkpolicy .box01,
.second .download .box01,
.second .doc_download .box01 {
    padding: 40px 0 70px;
    font-size: 180%;
}

.second .btnAreaCommon {
    margin: 75px auto
}

.second .btnAreaCommon .btnBox02 {
    display: inline-block;
    margin-bottom: 20px;
    padding: 0 5px
}

@media(max-width:991px) {
    .content p.secTxtN {
        font-size: 100%;
        text-align: left
    }
    .content p.secTxt {
        font-size: 110%;
        text-align: left
    }
    .second .btnAreaCommon .btnBox02 {
        display: block;
        padding: 0
    }
}

@media(max-width:767px) {
    .second .box01, .second .linkpolicy .box01, .second .product .box01 {
        padding: 35px 0 30px;
        font-size: 160%
    }
    .second .movieShoukai .box01 {
        padding: 25px 0 20px;
        font-size: 160%;
    }
    .second .faq .box01 {
        padding: 25px 0 0;
        font-size: 160%;
    }
    .top .faq .box01 {
        padding: 0;
    }
    .top .faq .box01 h2 {
        margin: 0;
        font-size: 1.8rem;
    }
    .second .download .box01 {
        padding: 20px 0 20px;
        font-size: 160%
    }
    .second .doc_download .box01 {
        padding: 20px 0 20px;
        font-size: 160%
    }
    .second .concept,
    .second .jirei,
    .second .merit,
    .second .partner,
    .second .price,
    .second .service,
    .second .telematics,
    .second .topics,
    .second .movieShoukai,
    .second .linkpolicy,
    .second .faq,
    .second .download,
    .second .doc_download,
    .second .product,
    .second .column,
    .second .privacy,
    .second .request,
    .second .contact {
        background-size: contain
    }
}

main.second .concept {
    padding: 0 15px;
    background-color: #ddd
}

.second .concept .illust01 {
    margin-top: 10px
}

.second .concept .conceptBox02 {
    max-width: 1024px;
    margin: 55px auto 55px;
    padding: 40px 40px 15px;
    border: 2px solid #fff;
    border-radius: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.second .concept .conceptBox02 .txt01 {
    font-size: 110%;
    text-align: left
}

.second .concept .conceptBox02 .conceptBox02Inr {
    margin: 10px 0 15px;
    padding: 30px 15px 20px;
    background-color: #fff
}

.second .concept .conceptBox02 .conceptBox02Inr .txt02 {
    font-size: 125%
}

.second .concept .conceptBox02 .conceptBox02Inr .txt03 {
    font-size: 90%
}

.second .concept .conceptBox03 {
    max-width: 1024px;
    margin: 70px auto 40px;
    background-color: #eee;
    border-radius: 20px;
    text-align: left
}

.second .concept .conceptBox03 .pict {
    display: block;
    float: right;
    padding: 27px 60px 20px 20px
}

.second .concept .conceptBox03 .txt {
    padding: 35px 0 5px 50px
}

.second .concept .conceptBox03 .txt .ttl {
    margin-bottom: 10px;
    font-size: 180%;
    font-weight: bold
}

.second .concept .conceptBox03 .txt .copy {
    font-size: 100%;
    margin-bottom: 30px
}

@media(max-width:991px) {
    .sp {
        display: block;
    }
    header .headAreaWrap {
        padding: 0;
    }
    .contact-2cloumn {
        width: 100%;
        display: block;
        margin: 0;
    }
    .contact-2cloumn > div {
        width: 100%;
        box-sizing: border-box;
    }
    .contact-exmple img {
        display: none;
    }
    .contact-exmple {
        display: block;
        margin: 0 0 24px;
    }
    .contact-left {
        padding: 0 24px;
        margin: 0 0 48px;
    }
    .contact-left > p {
        margin: 0 0 24px;
    }
    .contact-exmple ul li {
        margin: 0 0 4px;
    }
    .support ul li {
        margin: 0 0 16px;
    }
    .support ul li > img {
        width: 50px;
    }
    .support ul li a {
        border: 3px solid #000;
        height: 44px;
    }
    .support ul li a span {
        font-size: 14px;
    }
    .support ul li a i {
        width: 7px;
        height: 12px;
        background-size: contain;
    }
    .thanks-download-main {
        height: 100px;
        padding: 0 16px 0;
    }
    .thanks-download-main h1 {
        font-size: 24px;
        line-height: 130%;
    }
    .second .concept .conceptBox02 {
        padding: 20px 20px 15px
    }
    .second .concept .conceptBox02 .txt01 {
        font-size: 100%
    }
    .second .concept .conceptBox02 .conceptBox02Inr {
        padding: 10px 10px 10px
    }
    .second .concept .conceptBox02 .conceptBox02Inr .txt02 {
        font-size: 120%
    }
    .second .concept .conceptBox02 .conceptBox02Inr .txt03 {
        text-align: left
    }
    .second .concept .conceptBox03 .pict {
        display: block;
        float: none;
        width: auto;
        margin: 0 auto;
        padding: 20px;
        text-align: center
    }
    .second .concept .conceptBox03 .txt {
        padding: 0 20px 20px
    }
    .second .concept .conceptBox03 .txt .ttl {
        font-size: 180%;
        text-align: center
    }
    .second .concept .conceptBox03 .txt .copy {
        font-size: 100%
    }
}

main.second .merit {
    padding: 0 15px;
    background-color: #f5b428
}

.second .merit .illust01 {
    margin: 10px 0 60px
}

.second .merit h1 {
    margin-bottom: 20px;
    font-size: 260%;
    font-weight: bold
}

.second .merit .meritBox02 {
    max-width: 1024px;
    margin: 35px auto
}

.second .merit .meritBox02 ol li {
    display: inline-block;
    width: 47%;
    border: 2px solid #fff;
    border-radius: 10px;
    background-color: #fce6ad;
    font-size: 130%;
    text-align: left;
    font-weight: bold;
    line-height: 1em;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.second .merit .meritBox02 ol li:nth-child(odd) {
    margin: 0 13px 15px 0
}

.second .merit .meritBox02 ol li:nth-child(2n) {
    margin: 0 0 15px 13px
}

@media(max-width:991px) {
    .second .merit .meritBox02 ol li {
    display: block;
    width: 95%;

    }
    .second .merit .meritBox02 ol li:nth-child(2n) {
        margin: 0 0 15px 0px;
    }
}

.second .merit .meritBox02 ol li a {
    display: block;
    padding: 13px 0 13px 13px
}

.second .merit .meritBox02 ol li a:hover {
    color: #817659
}

.second .merit .meritBox02 ol li img {
    width: 24px;
    margin-right: 15px;
    vertical-align: top
}

.second .merit .meritBox03 {
    max-width: 1024px;
    margin: -91px auto 35px;
    padding-top: 91px
}

.second .merit .meritBox03#merit01 {
    background: url(../images/bg_2nd_merit_number01.png) 50% 91px no-repeat
}

.second .merit .meritBox03#merit02 {
    background: url(../images/bg_2nd_merit_number02.png) 50% 91px no-repeat
}

.second .merit .meritBox03#merit03 {
    background: url(../images/bg_2nd_merit_number03.png) 50% 91px no-repeat
}

.second .merit .meritBox03#merit04 {
    background: url(../images/bg_2nd_merit_number04.png) 50% 91px no-repeat
}

.second .merit .meritBox03 h2 {
    margin-bottom: 10px;
    padding: 35px 0 10px;
    border-bottom: 2px solid #fff;
    font-size: 200%;
    font-weight: bold
}

.second .merit .meritBox03 h2 img {
    margin-right: 15px;
    vertical-align: middle;
    margin-top: -5px
}

.second .merit .meritBox03 .txt01 {
    margin-bottom: 30px;
    font-size: 85%
}

.second .merit .meritBox03 .meritBox03Inr01 {
    margin-bottom: 30px
}

.second .merit .meritBox03 .meritBox03Inr01Box {
    float: left;
    width: 30%;
    width: -webkit-calc(33.33% - 30px);
    width: calc(33.33% - 30px);
    margin: 0 15px 0;
    font-size: 80%;
    text-align: left
}

.second .merit .meritBox03 .meritBox03Inr01Box:first-child {
    margin: 0 15px 0 0
}

.second .merit .meritBox03 .meritBox03Inr01Box:last-child {
    margin: 0 0 0 15px
}

.second .merit .meritBox03 .meritBox03Inr01Box .pict {
    text-align: center;
    margin-bottom: 15px
}

.second .merit .meritBox03 .meritBox03Inr02 .meritBox03Inr02Box {
    float: left;
    width: 40%;
    width: -webkit-calc(50% - 30px);
    width: calc(50% - 30px);
    padding: 20px;
    border: 2px solid #fff;
    border-radius: 40px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.second .merit .meritBox03 .meritBox03Inr02 .meritBox03Inr02Box:first-child {
    margin-right: 30px
}

.second .merit .meritBox03 .meritBox03Inr02 .meritBox03Inr02Box:last-child {
    margin-left: 30px;
    background: url(../images/bg_2nd_merit02.png) 50% 75% no-repeat
}

.second .merit .meritBox03 .meritBox03Inr02 .meritBox03Inr02Box h3 {
    margin-bottom: 5px;
    font-size: 120%;
    font-weight: bold
}

.second .merit .meritBox03 .meritBox03Inr02 .meritBox03Inr02Box h3 span.point {
    color: #fff;
    margin-right: 10px;
    font-size: 110%
}

.second .merit .meritBox03 .meritBox03Inr02 .meritBox03Inr02Box .txt02 {
    margin-bottom: 10px;
    font-size: 100%
}

.second .merit .meritBox03 .meritBox03Inr02 .meritBox03Inr02Box .txt02 span.kadomaru {
    margin: 0 5px;
    padding: 3px 20px;
    background-color: #fff;
    border-radius: 20px
}

.second .merit .meritBox03 .meritBox03Inr02 .meritBox03Inr02Box .txt03 {
    font-size: 80%;
    text-align: left
}

.second .merit .meritBox03 .btnArea01 {
    margin-top: 30px
}

.second .merit .meritBox03 .meritBox03Inr03 .meritBox03Inr03Box {
    float: left;
    width: 40%;
    width: -webkit-calc(50% - 15px);
    width: calc(50% - 15px)
}

.second .merit .meritBox03 .meritBox03Inr03 .meritBox03Inr03Box:first-child {
    margin-right: 15px;
    text-align: right
}

.second .merit .meritBox03 .meritBox03Inr03 .meritBox03Inr03Box:last-child {
    margin-left: 15px;
    text-align: left
}

.second .merit .meritBox03 .meritBox03Inr04 .meritBox03Inr04Box {
    float: left;
    width: 40%;
    width: -webkit-calc(50% - 20px);
    width: calc(50% - 20px)
}

.second .merit .meritBox03 .meritBox03Inr04 .meritBox03Inr04Box:first-child {
    margin-right: 20px;
    text-align: left
}

.second .merit .meritBox03 .meritBox03Inr04 .meritBox03Inr04Box:last-child {
    margin-left: 20px;
    text-align: right
}

.second .merit .meritBox03 .meritBox03Inr05 {
    display: table;
    table-layout: fixed;
    max-width: 1084px;
    width: 100%;
    margin: 0 auto 20px;
    border-spacing: 30px 0
}

.second .merit .meritBox03 .meritBox03Inr05 .meritBox03Inr05Box {
    display: table-cell
}

.second .merit .meritBox03 .meritBox03Inr05 .meritBox03Inr05Box .meritBox03Inr05BoxHead {
    padding: 10px 80px 10px 10px;
    border: 3px solid #fff
}

.second .merit .meritBox03 .meritBox03Inr05 .meritBox03Inr05Box .meritBox03Inr05BoxHead.hoken {
    background: url(../images/img_cost01.png) 97% 50% no-repeat #cdcdcd;
    background-size: 86px 63px
}

.second .merit .meritBox03 .meritBox03Inr05 .meritBox03Inr05Box .meritBox03Inr05BoxHead.sharyou {
    background: url(../images/img_cost02.png) 97% 50% no-repeat #cdcdcd;
    background-size: 86px 63px
}

.second .merit .meritBox03 .meritBox03Inr05 .meritBox03Inr05Box .meritBox03Inr05BoxHead.nenryou {
    background: url(../images/img_cost03.png) 97% 50% no-repeat #cdcdcd;
    background-size: 86px 63px
}

.second .merit .meritBox03 .meritBox03Inr05 .meritBox03Inr05Box .meritBox03Inr05BoxHead p {
    font-size: 75%
}

.second .merit .meritBox03 .meritBox03Inr05 .meritBox03Inr05Box .meritBox03Inr05BoxHead p span {
    font-size: 180%
}

.second .merit .meritBox03 .meritBox03Inr05 .meritBox03Inr05Box .meritBox03Inr05BoxTxt {
    padding: 15px 30px;
    background-color: #f7c353;
    border-right: 3px solid #fff;
    border-bottom: 3px solid #fff;
    border-left: 3px solid #fff;
    font-size: 80%;
    text-align: left
}

.second .merit .meritBox03 .arrow {
    margin: 20px 0
}

.second .merit .meritBox03 .meritBox03Inr06 {
    padding: 25px;
    background-color: #f7c353;
    border: 2px solid #fff;
    border-radius: 40px
}

.second .merit .meritBox03 .meritBox03Inr06 .txt02 {
    margin-bottom: 15px
}

@media(max-width:991px) {
    .second .merit h1 {
        font-size: 160%
    }
    .second .merit .meritBox02 {
        max-width: 1024px;
        margin: 35px auto
    }
    .second .merit .meritBox02 ul li {
        display: block;
        width: 100%;
        font-size: 110%
    }
    .second .merit .meritBox02 ul li:nth-child(odd) {
        margin: 0 0 15px
    }
    .second .merit .meritBox02 ul li:nth-child(2n) {
        margin: 0 0 15px
    }
    .second .merit .meritBox02 ul li a {
        padding: 13px
    }
    .second .merit .meritBox02 ul li img {
        width: 16px;
        margin-right: 10px
    }
    .second .merit .meritBox03 {
        margin: -51px auto 35px;
        padding-top: 51px
    }
    .second .merit .meritBox03 h2 {
        font-size: 140%
    }
    .second .merit .meritBox03 h2 img {
        width: 22px;
        margin-right: 10px
    }
    .second .merit .meritBox03 .txt01 {
        font-size: 90%;
        text-align: left
    }
    .second .merit .meritBox03 .meritBox03Inr01Box {
        float: none;
        width: 100%;
        margin: 0 0 30px;
        font-size: 90%
    }
    .second .merit .meritBox03 .meritBox03Inr01Box:first-child {
        margin-right: 0px
    }
    .second .merit .meritBox03 .meritBox03Inr01Box:last-child {
        margin-left: 0px
    }
    .second .merit .meritBox03 .meritBox03Inr02 .meritBox03Inr02Box {
        float: none;
        width: 100%;
        margin-bottom: 20px;
        padding: 15px;
        border-radius: 20px
    }
    .second .merit .meritBox03 .meritBox03Inr02 .meritBox03Inr02Box:first-child {
        margin-right: 0
    }
    .second .merit .meritBox03 .meritBox03Inr02 .meritBox03Inr02Box:last-child {
        margin-left: 0
    }
    .second .merit .meritBox03 .meritBox03Inr02 .meritBox03Inr02Box h3 {
        margin-bottom: 5px;
        font-size: 110%
    }
    .second .merit .meritBox03 .meritBox03Inr02 .meritBox03Inr02Box .txt02 {
        font-size: 100%;
        line-height: 2em
    }
    .second .merit .meritBox03 .meritBox03Inr02 .meritBox03Inr02Box .txt03 {
        font-size: 90%
    }
    .second .merit .meritBox03 .btnArea01 {
        margin: 30px 0
    }
    .second .merit .meritBox03 .meritBox03Inr03 .meritBox03Inr03Box {
        float: none;
        width: 100%;
        margin-bottom: 20px
    }
    .second .merit .meritBox03 .meritBox03Inr03 .meritBox03Inr03Box:first-child {
        margin-right: 0;
        text-align: center
    }
    .second .merit .meritBox03 .meritBox03Inr03 .meritBox03Inr03Box:last-child {
        margin-left: 0;
        text-align: center
    }
    .second .merit .meritBox03 .meritBox03Inr04 .meritBox03Inr04Box {
        float: none;
        width: 100%;
        margin-bottom: 20px
    }
    .second .merit .meritBox03 .meritBox03Inr04 .meritBox03Inr04Box:first-child {
        margin-right: 0;
        text-align: center
    }
    .second .merit .meritBox03 .meritBox03Inr04 .meritBox03Inr04Box:last-child {
        margin-left: 0;
        text-align: center
    }
    .second .merit .meritBox03 .meritBox03Inr05 {
        display: block;
        max-width: 1084px;
        width: 100%
    }
    .second .merit .meritBox03 .meritBox03Inr05 .meritBox03Inr05Box {
        display: block;
        width: 100%;
        margin-bottom: 20px
    }
    .second .merit .meritBox03 .meritBox03Inr05 .meritBox03Inr05Box .meritBox03Inr05BoxHead {
        padding: 10px 0 10px
    }
    .second .merit .meritBox03 .meritBox03Inr05 .meritBox03Inr05Box .meritBox03Inr05BoxHead p {
        font-size: 100%
    }
    .second .merit .meritBox03 .meritBox03Inr05 .meritBox03Inr05Box .meritBox03Inr05BoxHead p span {
        font-size: 150%
    }
    .second .merit .meritBox03 .meritBox03Inr05 .meritBox03Inr05Box .meritBox03Inr05BoxTxt {
        padding: 15px;
        font-size: 90%
    }
    .second .merit .meritBox03 .meritBox03Inr06 {
        padding: 20px;
        border-radius: 20px;
        text-align: left
    }
}

/*
main.second .service {
    padding: 0 15px;
    background-color: #1450a0;
    color: #fff
}

.second .service .txt01 {
    margin: 20px 0;
    font-size: 135%;
    font-weight: bold
}

.second .service .serviceBox01 {
    max-width: 1024px;
    margin: 0 auto 40px
}

.second .service .serviceBox01 .serviceBox01Inr {
    float: left;
    width: 48%;
    width: -webkit-calc(50% - 2px);
    width: calc(50% - 2px);
    font-weight: bold
}

.second .service .serviceBox01 .serviceBox01Inr:first-child {
    margin-right: 2px
}

.second .service .serviceBox01 .serviceBox01Inr:last-child {
    margin-left: 2px
}

.second .service .serviceBox01 .serviceBox01Inr .kihon01 {
    margin-bottom: 4px;
    padding: 10px;
    background-color: #a1b9d9;
    font-size: 200%;
    color: #000
}

.second .service .serviceBox01 .serviceBox01Inr .kihon02 {
    padding: 20px 25px;
    background-color: #d0dcec;
    font-size: 130%;
    color: #000
}

.second .service .serviceBox01 .serviceBox01Inr .kihon02 ul li a {
    display: block;
    margin-bottom: 10px;
    padding: 11px;
    border-radius: 10px;
    background-color: #fff;
    text-decoration: underline;
}

.second .service .serviceBox01 .serviceBox01Inr .option01 {
    margin-bottom: 4px;
    padding: 10px;
    background-color: #cfc7a1;
    font-size: 200%;
    color: #000
}

.second .service .serviceBox01 .serviceBox01Inr .option02 {
    padding: 20px 25px;
    background-color: #e7e3d0;
    font-size: 130%;
    color: #000
}

.second .service .serviceBox01 .serviceBox01Inr .option02 ul li a {
    display: block;
    margin-bottom: 18px;
    padding: 17px;
    border-radius: 10px;
    background-color: #fff;
    text-decoration: underline;
}

.second .service #back-car-safety {
    padding-top: 80px;
    margin-top: -80px;
}

.second .service .serviceBox02 h2 {
    max-width: 1024px;
    margin: 0 auto 20px;
    font-size: 280%;
    font-weight: bold
}

.second .service .serviceBox02 .serviceBox02Inr {
    max-width: 1024px;
    margin: 0 auto 40px;
    padding-top: 0
}

.second .service .serviceBox02 .serviceBox02InrHalfWrap {
    max-width: 1024px;
    margin: 0 auto 20px
}

.second .service .serviceBox02 .serviceBox02Inr.half {
    float: left;
    width: 40%;
    width: -webkit-calc(50% - 30px);
    width: calc(50% - 30px)
}

.second .service .serviceBox02 .serviceTit {
    max-width: 1024px;
    margin: 0 auto 20px;
    padding: 10px
}

.second .service .serviceBox02 .serviceTit.kihon {
    background-color: #a1b9d9
}

.second .service .serviceBox02 .serviceTit.option {
    background-color: #cfc7a1
}

.second .service .serviceBox02 .serviceBox02Inr h3 {
    width: 400px;
    margin: 0 auto;
    padding: 5px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 10px;
    background-color: #fff;
    font-size: 130%;
    color: #000;
    font-weight: bold;
    line-height: 1.3em
}

.second .service .serviceBox02 .serviceBox02Inr h3 span {
    margin-top: -91px;
    padding-top: 91px
}

.second .service .serviceBox02 .serviceBox02Inr .txt02 {
    margin-bottom: 15px;
    text-align: left
}

.second .service .serviceBox02 .serviceBox02Inr .pict01 {
    margin-bottom: 30px;
    padding: 20px 0;
    background-color: #2687dc;
    border-radius: 20px
}

.second .service .serviceBox02 .serviceBoxMail {
    max-width: 1024px;
    margin: 0 auto 40px;
    background-color: #2687dc;
    border-radius: 20px;
    color: #000;
    text-align: left
}

.second .service .serviceBox02 .serviceBoxMail .thumb01 {
    display: block;
    float: right;
    margin-left: 10px;
    padding: 20px 55px 20px 30px;
    font-size: 70%;
    text-align: center;
}

.second .service .serviceBox02 .serviceBoxMail .thumb01.picAndMovie {
    padding: 0 40px 20px 20px;
}

.second .service .serviceBox02 .serviceBoxMail .picAndMovieInner {
    border: 1px solid #Fff;
    border-radius: 10px;
    padding: 10px 9px 10px 20px;
    position: relative;
}

.second .service .serviceBox02 .serviceBoxMail .picAndMovieCaption {
    padding-left: 4%;
}

.second .service .serviceBox02 .serviceBoxMail .picAndMovieInner::after {
    content: '※SDカードを取り出す必要はありません';
    color: #fff;
    position: absolute;
    left: 50%;
    bottom: -10%;
    transform: translate(-50%, 0);
    background: #0087e2;
    padding: 0 5px;
    white-space: nowrap;
    font-size: 110%;
}

.second .service .serviceBox02 .serviceBoxMail .boxNew::after,
.second .service .serviceBox02 .serviceBoxMail .boxUpdate::after {
    position: absolute;
    top: 20px;
    right: 20px;
}

.second .service .serviceBox02 .serviceBoxMail .thumb01 img {
    margin-bottom: 10px;
}

.second .service .serviceBox02 .serviceBoxMail .thumb01 .thumbImg {
    display: inline-block;
    vertical-align: middle;
    text-align: left;
    line-height: 1;
    font-weight: bold;
}

.second .service .serviceBox02 .serviceBoxMail .thumb01 .thumbImg img {
    margin: 0;
}

.second .service .serviceBox02 .serviceBoxMail .movie {
    display: inline-block;
    vertical-align: middle;
    font-weight: bold;
    padding: 10px 11px 0 11px;
    position: relative;
}

.second .service .serviceBox02 .serviceBoxMail .movie::before {
    content: '';
    background-image: url(../images/movie_attention.png);
    -webkit-background-size: 100%;
    background-size: 100%;
    background-repeat: no-repeat;
    position: absolute;
    width: 81px;
    height: 41px;
    top: -36px;
    left: 50%;
    transform: translate(-50%, 0);
    border-left: 7px solid #0087e2;
    border-right: 7px solid #0087e2;
}

.second .service .serviceBox02 .serviceBoxMail .movie img {
    margin: 0;
}

.second .service .serviceBox02 .serviceBoxMail .txt {
    padding: 20px 20px 10px 55px;
    font-size: 110%;
    font-weight: bold;
    position: relative;
}

.second .service .serviceBox02 .serviceBoxMail .txt02 {
    padding: 0 20px 20px 55px;
    font-size: 90%
}

.second .service .serviceBox02 .serviceBoxMail02, .serviceBoxMail03 {
    max-width: 1024px;
    margin: 0 auto 40px;
    background-color: #2687dc;
    border-radius: 20px;
    color: #000;
    text-align: left
}

.second .service .serviceBox02 .serviceBoxMail02 .videoBackCar {
    padding: 0 55px 20px;
    overflow: hidden;
}

.second .service .serviceBox02 .serviceBoxMail02 .videoBackCarItem {
    width: calc(50% - 20px);
    overflow: hidden;
}

.second .service .serviceBox02 .serviceBoxMail02 .videoBackCarItem:nth-child(odd) {
    float: left;
}

.second .service .serviceBox02 .serviceBoxMail02 .videoBackCarItem:nth-child(even) {
    float: right;
}

.second .service .serviceBox02 .serviceBoxMail02 .videoBackCarItemTitle {
    font-size: 110%;
    font-weight: bold;
    margin-bottom: .3em;
}

.second .service .serviceBox02 .serviceBoxMail02 .videoBackCarItemThumb {
    font-size: 100%;
    font-weight: bold;
    float: right;
    margin-left: 1em;
    max-width: calc(50% - 1em);
    text-align: center;
}

.second .service .serviceBox02 .serviceBoxMail02 .videoBackCarItemThumb img {
    display: block;
    width: 100%;
    margin-bottom: .1em;
}

.second .service .serviceBox02 .serviceBoxMail02 .videoBackCarItemTxt {
    font-size: 90%;
    overflow: hidden;
}

.second .service .serviceBox02 .serviceBoxMail02 .videoBackCarItemNote {
    display: block;
    font-size: 12px;
    font-weight: normal;
}

.second .service .serviceBox02 .serviceBoxMail02 .service3Lineup, .serviceBoxMail03 .service3Lineup {
    width: 100%;
    padding: 0 60px 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.second .service .serviceBox02 .serviceBoxMail02 .lineupItemBox, .serviceBoxMail03 .lineupItemBox {
    float: left;
    vertical-align: top;
    width: calc( (100% - 40px) / 3);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.serviceBoxMail03 {
    padding: 0 0 20px;
}

.serviceBoxMail03 .lineupItemBox {
    width: calc( (100% - 50px) / 2);
}

.serviceBoxMail03 img {
    width: 100%;
    margin: 0 0 32px;
}

.serviceBoxMail03 .lineupItemTitle {
    font-size: 19px;
    font-weight: bold;
    margin: 0 0 12px;
}

.serviceBoxMail03 > * {
    color: #fff;
}

.serviceBoxMail03 .txt.boxNew {
    padding: 43px 114px 27px 55px;
}

.serviceBoxMail03 .txt03 {
    padding: 10px 0 0!important;
    font-size: 50%!important;
}

.second .service .serviceBox02 .serviceBoxMail02 .lineupItemBox:nth-of-type(2) {
    margin: 0 19px;
}

.serviceBoxMail03 .lineupItemBox:nth-of-type(2) {
    margin-left: 50px;
}

.serviceBoxMail03 .lineupItemBox p {
    font-size: 90%;
}

.serviceBoxMail03 .lineupItemTitle {
    font-size: 110%!important;
}

.second .service .serviceBox02 .serviceBoxMail02 .lineupItemThumb {
    background-color: #fff;
    border-radius: 10px;
    text-align: center;
    padding: 15px 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 10px 0 20px;
}

.second .service .serviceBox02 .serviceBoxMail02 .lineupItemTitle {
    font-weight: bold;
}

.second .service .serviceBox02 .serviceBoxMail02 .lineupItemImg {
    padding: 10px 0 0;
}

.second .service .serviceBox02 .serviceBoxMail02 .txt, .serviceBoxMail03 .txt {
    padding: 20px 20px 10px 55px;
    font-size: 110%;
    font-weight: bold;
}

.second .service .serviceBox02 .serviceBoxMail02 .txt.boxNew,
.second .service .serviceBox02 .serviceBoxMail03 .txt.boxNew,
.second .service .serviceBox02 .serviceBoxMail02 .txt.boxUpdate {
    position: relative;
}

.second .service .serviceBox02 .serviceBoxMail02 .txt.boxNew::after,
.second .service .serviceBox02 .serviceBoxMail03 .txt.boxNew::after,
.second .service .serviceBox02 .serviceBoxMail02 .txt.boxUpdate::after {
    position: absolute;
    right: 20px;
    top: 20px;
}

.second .service .serviceBox02 .serviceBoxMail02 .txt .audioGuideContainer {
    display: block;
    margin: -0.5em 0;
}

.second .service .serviceBox02 .serviceBoxMail02 .txt .audioGuideTxt {
    display: inline-block;
    vertical-align: middle;
    margin: .2em 0;
}

.second .service .serviceBox02 .serviceBoxMail02 .txt .audioGuideIcon {
    display: inline-block;
    vertical-align: middle;
    margin: .2em 0;
}

.second .service .serviceBox02 .serviceBoxMail02 .txt02 {
    padding: 0 20px 20px 55px;
    font-size: 90%
}

.second .service .serviceBox02 .serviceBoxMail02 .txt03, .serviceBoxMail03 .txt03 {
    font-size: 75%;
    padding: 0 55px 20px 55px;
}

.second .service .serviceBox02 .serviceBoxMail02 .txt03 a {
    text-decoration: underline;
}

.second .service .serviceBox02 .serviceBox02Inr .txt03 {
    font-size: 70%;
    text-align: left
}

.second .service .serviceBox02 .serviceBox02Inr.half:nth-child(odd) {
    margin-right: 30px
}

.second .service .serviceBox02 .serviceBox02Inr.half:nth-child(2n) {
    margin-left: 30px
}

.second .service .serviceBox02 .serviceBox02Inr.half .txt04 {
    text-align: left
}

.second .service .serviceBox02 .serviceBox02Inr.half .pict02 {
    float: right;
    width: 240px;
    margin-left: 20px;
    font-size: 70%;
    text-align: right
}

.second .service .serviceBox02 .serviceBox02Inr.half .pict02 a {
    display: block;
    margin-bottom: 10px
}

.second .service .serviceBox02 .serviceBox02Inr.half .pict02 img {
    border-radius: 10px;
    -webkit-box-shadow: 10px 10px 15px -5px rgba(0, 0, 0, 0.4);
    box-shadow: 10px 10px 15px -5px rgba(0, 0, 0, 0.4)
}

.second .service .serviceBox02 .serviceBox02Inr.half .movieBox {
    padding: 10px 20px;
    margin: 10px 0 0;
    border-radius: 10px;
    background-color: #4373b3;
    text-align: left;
    position: relative;
}

.second .service .serviceBox02 .serviceBox02Inr.half .boxNewBefore::before {
    position: absolute;
}

.second .service .serviceBox02 .serviceBox02Inr.half .movieBox .movie {
    float: right;
    font-size: 70%;
    padding-left: 10px;
    text-align: center;
}

.second .service .serviceBox02 .serviceBox02Inr.half .movieBox .movie a {
    display: block;
    margin-bottom: 10px;
}

.second .service .serviceBox02 .serviceBox02Inr.half .movieBox .movieText {
    text-align: left;
}

.second .service .serviceBox02 .serviceBox02Inr.half .pict02 .movie {
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 10px;
    border-radius: 10px;
    background-color: #4373b3;
    text-align: center
}

.second .service .serviceBox02 .serviceBox02Inr.half .pict02 .movie img {
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.second .service .serviceBox02 .serviceBox02Inr .txt04 {
    margin-bottom: 20px;
    text-align: left;
}

.second .service .serviceBox02 .serviceBox02Inr .column3 {
    display: table;
    table-layout: fixed;
    max-width: 1105px;
    width: 100%;
    margin: 0 auto 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-spacing: 20px 0
}

.second .service .serviceBox02 .serviceBox02Inr .column3 p {
    display: table-cell;
    color: #000;
    font-size: 70%;
}

.second .service .serviceBox02 .serviceBox02Inr .column3 p img {
    -webkit-box-shadow: 10px 10px 15px -5px rgba(0, 0, 0, 0.4);
    box-shadow: 10px 10px 15px -5px rgba(0, 0, 0, 0.4)
}

.second .service .serviceBox02 .serviceBox02Inr .pict02 {
    font-size: 70%;
}

.second .service .serviceBox02 .serviceBox02Inr.alcoholWrap {
    max-width: 1164px;
    margin: 0 auto 40px
}

.second .service .serviceBox02 .serviceBox02Inr .alcohol {
    display: table;
    table-layout: fixed;
    max-width: 1105px;
    width: 100%;
    margin: 0 auto 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-spacing: 30px 0
}

.second .service .serviceBox02 .serviceBox02Inr .alcohol .alcoholBox {
    display: table-cell;
    padding: 15px 25px;
    border-radius: 10px;
    background-color: #e7e3d0;
    color: #000
}

.second .service .serviceBox02 .serviceBox02Inr .alcohol .alcoholBox h4 {
    margin-bottom: 5px;
    font-size: 120%;
    font-weight: bold;
    text-align: center
}

.second .service .serviceBox02 .serviceBox02Inr .alcohol .alcoholBox .txt05 {
    margin-bottom: 10px;
    font-size: 90%;
    text-align: left
}

.second .service .serviceBox02 .serviceBox02Inr .alcohol .alcoholBox .txt06 {
    margin-right: 10px;
    font-size: 70%;
    text-align: right
}

.second .service .serviceBox02 .serviceBox02Inr .alcohol .alcoholBox .pict03 a {
    display: block;
    margin-bottom: 10px
}

.second .service .serviceBox02 .serviceBox02Inr .alcohol .alcoholBox .pict03 img {
    border-radius: 10px;
    -webkit-box-shadow: 10px 10px 15px -5px rgba(0, 0, 0, 0.4);
    box-shadow: 10px 10px 15px -5px rgba(0, 0, 0, 0.4)
}

.second .service .serviceBox02 h2.kihon {
    color: #a1b9d9
}

.second .service .serviceBox02 h2.option {
    color: #cfc7a1
}

@media(max-width:991px) {
    .second .service .serviceBox01 .serviceBox01Inr {
        float: none;
        width: 100%;
        margin-bottom: 20px
    }
    .second .service .serviceBox01 .serviceBox01Inr:first-child {
        margin-right: 0
    }
    .second .service .serviceBox01 .serviceBox01Inr:last-child {
        margin-left: 0
    }
    .second .service .serviceBox01 .serviceBox01Inr .kihon01 {
        padding: 5px;
        font-size: 140%;
        color: #000
    }
    .second .service .serviceBox01 .serviceBox01Inr .kihon02 {
        padding: 15px;
        font-size: 110%
    }
    .second .service .serviceBox01 .serviceBox01Inr .kihon02 ul li a {
        padding: 5px;
    }
    .second .service .serviceBox01 .serviceBox01Inr .option01 {
        padding: 5px;
        font-size: 140%;
        color: #000
    }
    .second .service .serviceBox01 .serviceBox01Inr .option02 {
        padding: 15px;
        font-size: 110%
    }
    .second .service .serviceBox01 .serviceBox01Inr .option02 ul li a {
        margin-bottom: 10px;
        padding: 5px
    }
    .second .service .serviceBox02 h2 {
        font-size: 160%
    }
    .second .service .serviceBox02 .serviceBox02Inr {
        margin: 0 auto 40px
    }
    .second .service .serviceBox02 .serviceBox02Inr.half {
        float: none;
        width: 100%
    }
    .second .service .serviceBox02 .serviceTit {
        padding: 8px
    }
    .second .service .serviceBox02 .serviceBox02Inr h3 {
        width: 80%;
        padding: 5px 10px;
        font-size: 100%
    }
    .second .service .serviceBox02 .serviceBox02Inr h3 span {
        margin-top: -65px;
        padding-top: 65px
    }
    .second .service .serviceBox02 .serviceBox02Inr .pict01 {
        margin-bottom: 20px;
        padding: 10px
    }
    .second .service .serviceBox02 .serviceBoxMail {
        max-width: 100%;
    }
    .second .service .serviceBox02 .serviceBoxMail.notLast {
        margin: 0 auto 20px;
    }
    .second .service .serviceBox02 .serviceBoxMail .thumb01 {
        float: none;
        margin-left: 0;
        padding: 20px;
        font-size: 90%;
    }
    .second .service .serviceBox02 .serviceBoxMail .thumb01.picAndMovie {
        padding: 15px 20px 25px;
    }
    .second .service .serviceBox02 .serviceBoxMail .picAndMovieInner {
        padding: 10px 9px 20px 11px;
    }
    .second .service .serviceBox02 .serviceBoxMail .txt {
        padding: 20px 20px 10px;
        font-size: 110%;
    }
    .second .service .serviceBox02 .serviceBoxMail .txt.boxNew,
    .second .service .serviceBox02 .serviceBoxMail .txt.boxUpdate {
        padding: 20px 70px 10px 20px;
        font-size: 110%;
    }
    .second .service .serviceBox02 .serviceBoxMail .txt.boxUpdate {
        padding-right: 90px;
    }
    .second .service .serviceBox02 .serviceBoxMail .txt02 {
        padding: 0 20px 20px 20px;
        font-size: 90%
    }
    .second .service .serviceBox02 .serviceBoxMail02 {
        max-width: 100%;
        margin: 0 auto 20px;
    }
    .second .service .serviceBox02 .serviceBoxMail02 .videoBackCar {
        padding: 0 20px 20px;
    }
    .second .service .serviceBox02 .serviceBoxMail02 .videoBackCarItem {
        width: calc(50% - 10px);
    }
    .second .service .serviceBox02 .serviceBoxMail02 .service3Lineup {
        padding: 0 20px 20px;
    }
    .second .service .serviceBox02 .serviceBoxMail02 .lineupItemBox {
        width: calc( (100% - 30px) / 3);
    }
    .second .service .serviceBox02 .serviceBoxMail02 .lineupItemBox:nth-of-type(2) {
        margin: 0 14px;
    }
    .second .service .serviceBox02 .serviceBoxMail02 .lineupItemThumb {
        padding: 15px 10px;
        margin: 10px 0 20px;
    }
    .second .service .serviceBox02 .serviceBoxMail02 .txt {
        padding: 20px 20px 10px;
    }
    .second .service .serviceBox02 .serviceBoxMail02 .txt.boxNew,
    .second .service .serviceBox02 .serviceBoxMail03 .txt.boxNew,
    .second .service .serviceBox02 .serviceBoxMail02 .txt.boxUpdate {
        padding: 20px 70px 10px 20px;
    }
    .second .service .serviceBox02 .serviceBoxMail02 .txt.boxUpdate {
        padding-right: 90px;
    }
    .second .service .serviceBox02 .serviceBoxMail02 .txt.boxNew::after,
    .second .service .serviceBox02 .serviceBoxMail03 .txt.boxNew::after,
    .second .service .serviceBox02 .serviceBoxMail02 .txt.boxUpdate::after {
        position: absolute;
        right: 20px;
        top: 20px;
    }
    .second .service .serviceBox02 .serviceBoxMail02 .txt02 {
        padding: 0 20px 20px;
    }
    .second .service .serviceBox02 .serviceBoxMail02 .txt03 {
        padding: 0 20px 20px;
    }
    .serviceBoxMail03 .lineupItemBox {
        width: 100%;
    }
    .serviceBoxMail03 .lineupItemBox:nth-of-type(2) {
        margin-left: 0;
        margin-top: 40px;
    }
    .serviceBoxMail03 ul {
        padding: 16px 16px 0!important;
    }
    .serviceBoxMail03 img {
        margin: 0 0 16px;
    }
    .second .service .serviceBox02 .serviceBox02Inr .txt03 {
        font-size: 90%
    }
    .second .service .serviceBox02 .serviceBox02Inr.half:nth-child(odd) {
        margin-right: 0
    }
    .second .service .serviceBox02 .serviceBox02Inr.half:nth-child(2n) {
        margin-left: 0
    }
    .second .service .serviceBox02 .serviceBox02Inr.half .pict02 {
        float: none;
        margin: 0 0 10px;
        width: auto;
        font-size: 90%;
        text-align: center
    }
    .second .service .serviceBox02 .serviceBox02Inr.half .pict02 .movie {
        width: 65%;
        margin: 20px auto 10px;
        padding: 10px
    }
    .second .service .serviceBox02 .serviceBox02Inr.half .movieBox {
        width: 65%;
        margin: 0 auto;
    }
    .second .service .serviceBox02 .serviceBox02Inr .column3 {
        display: block;
        max-width: 100%;
        width: 100%;
    }
    .second .service .serviceBox02 .serviceBox02Inr .column3 p {
        display: block;
        margin-bottom: 20px;
        color: #000;
        font-size: 90%;
    }
    .second .service .serviceBox02 .serviceBox02Inr .pict02 {
        font-size: 90%;
    }
    .second .service .serviceBox02 .serviceBox02Inr.alcoholWrap {
        margin: 0 auto 40px
    }
    .second .service .serviceBox02 .serviceBox02Inr .alcohol {
        display: block;
        border-spacing: 0
    }
    .second .service .serviceBox02 .serviceBox02Inr .alcohol .alcoholBox {
        display: block;
        margin-bottom: 20px;
        padding: 10px 15px
    }
    .second .service .serviceBox02 .serviceBox02Inr .alcohol .alcoholBox h4 {
        margin-bottom: 5px;
        font-size: 110%
    }
    .second .service .serviceBox02 .serviceBox02Inr .alcohol .alcoholBox .txt05 {
        font-size: 100%
    }
    .second .service .serviceBox02 .serviceBox02Inr .alcohol .alcoholBox .txt06 {
        margin-right: 0;
        font-size: 90%;
        text-align: center
    }
    .second .service .serviceBox02 .serviceBox02Inr .alcohol .alcoholBox .pict03 {
        font-size: 90%;
        text-align: center
    }
}

@media (max-width: 767px) {
    .second .service .serviceBox02 .serviceBoxMail02 .videoBackCar {
        padding-bottom: 15px;
    }
    .second .service .serviceBox02 .serviceBoxMail02 .videoBackCarItem {
        width: auto;
        padding-top: 15px;
    }
    .second .service .serviceBox02 .serviceBoxMail02 .videoBackCarItem:nth-child(odd),
    .second .service .serviceBox02 .serviceBoxMail02 .videoBackCarItem:nth-child(even) {
        float: none;
    }
    .second .service .serviceBox02 .serviceBoxMail02 .videoBackCarItem:first-child {
        padding-top: 0;
    }
    .second .service .serviceBox02 .serviceBoxMail02 .service3Lineup {
        padding: 10px 20px 20px;
    }
    .second .service .serviceBox02 .serviceBoxMail02 .lineupItemBox {
        float: none;
        width: 100%;
    }
    .second .service .serviceBox02 .serviceBoxMail02 .lineupItemBox:nth-of-type(2) {
        margin: 25px 0;
    }
    .second .service .serviceBox02 .serviceBoxMail02 .lineupItemThumb {
        margin: 0 0 10px;
        padding: 10px;
    }
    .second .service .serviceBox02 .serviceBoxMail .thumb01.boxNew::after,
    .second .service .serviceBox02 .serviceBoxMail .thumb01.boxUpdate::after {
        top: 10px;
    }
    .second .service .serviceBox02 .serviceBox02Inr.half .movieBox {
        width: auto;
    }
}

@media (max-width: 575px) {
    .second .service .serviceBox02 .serviceBoxMail02 .videoBackCarItemThumb {
        float: none;
        margin-left: 0;
        padding-bottom: 15px;
        max-width: none;
    }
    .second .service .serviceBox02 .serviceBoxMail .thumb01 .thumbImg {
        width: 59%;
        font-size: 80%;
    }
    .second .service .serviceBox02 .serviceBoxMail .thumb01 .movie {
        width: 29.4%;
        font-size: 80%;
    }
    .second .service .serviceBox02 .serviceBoxMail .picAndMovieInner {
        padding: 10px 0px 15px 11px;
    }
    .second .service .serviceBox02 .serviceBoxMail .picAndMovieInner::after {
        font-size: 95%;
    }
    .second .service .serviceBox02 .serviceBoxMail .movie::before {
        height: 39.7%;
        width: 45%;
        top: -29%;
        max-width: 81px;
        max-height: 41px;
    }
    .second .service .serviceBox02 .serviceBoxMail .picAndMovieCaption {
        padding-left: 6%;
    }
}

@media (max-width: 532px) {
    .second .service .serviceBox02 .serviceBoxMail .thumb01.picAndMovie {
        padding: 10px 20px 20px;
    }
    .second .service .serviceBox02 .serviceBoxMail .txt.boxNew,
    .second .service .serviceBox02 .serviceBoxMail .txt.boxUpdate {
        padding: 20px 56px 10px 20px;
        font-size: 110%;
    }
    .second .service .serviceBox02 .serviceBoxMail .boxNew::after,
    .second .service .serviceBox02 .serviceBoxMail .boxUpdate::after {
        top: 10px;
        right: 10px;
    }
    .second .service .serviceBox02 .serviceBoxMail .picAndMovieCaption {
        padding-left: 0;
    }
    .second .service .serviceBox02 .serviceBox02Inr.half .boxNewBefore::before {
        top: 15px;
    }
    .second .service .serviceBox02 .serviceBoxMail02 .txt.boxNew,
    .second .service .serviceBox02 .serviceBoxMail03 .txt.boxNew,
    .second .service .serviceBox02 .serviceBoxMail02 .txt.boxUpdate {
        padding: 20px 70px 10px 20px;
    }
    .second .service .serviceBox02 .serviceBoxMail02 .txt.boxUpdate {
        padding-right: 90px;
    }
    .second .service .serviceBox02 .serviceBox02Inr.half .movieBox .movie {
        float: none;
        padding-left: 0;
        padding-top: 25px;
        margin-bottom: 10px;
    }
    .second .service .serviceBox02 .serviceBox02Inr.half .movieBox .movieText {
        padding-top: 0;
    }
}

@media (max-width: 350px) {
    .second .service .serviceBox02 .serviceBoxMail .txt.boxNew, .second .service .serviceBox02 .serviceBoxMail .txt.boxUpdate {
        padding: 20px 36px 10px 20px;
        font-size: 110%;
    }
}*/

/**** 利用料金 ****/
.price h1 {
    margin: 0 0 120px;
    padding: 0 0 16px;
    font-size: 3.5rem;
    font-weight: bold;
    text-align: center;
    color: #1650A0;
}
.price h1:after {
    content: "";
    display: block;
    width: 7%;
    height: 5px;
    margin: 16px auto 0;
    background: #1650A0;
}
.price_service {
    background: #E2EBF2;
}
.price_info {
    position: relative;
    max-width: 1024px;
    margin: 0 auto;
    padding: 64px 0;
}
.price_info h2 {
    margin: 0 0 24px;
    font-size: 2rem;
    font-weight: bold;
}
.price_info h2 + .txt {
    font-size: 1rem;
    font-weight: bold;
}
#price_table01 {
    margin: 80px auto 64px;
}
#price_table01 td {
    width: 50%;
}
.price_table table {
    width: 100%;
    box-shadow: 1px 1px 1px rgb(83 91 116 / 16%);
}
.price_table tr:first-of-type {
    background: linear-gradient( 
-90deg
 , #62C3E0, #053B9F);
}
@media all and (-ms-high-contrast: none) {
  .price_table tr:first-of-type {
    background: #053B9F;
}
}
.price_table th, .price_table td {
    border-right: 2px solid #E2EBF2;
    border-bottom: 2px solid #E2EBF2;
}
.price_table th {
    padding: 4px 24px;
    color: #fff;
    font-weight: bold;
}
.price_table td {
    padding: 16px 24px;
    vertical-align: middle;
    background: #fff;
}
.price_table td + td {
    font-size: .95rem;
    color: #32353C;
}
.price_info h3.marker_or.p_blue {
    display: inline-block;
    font-size: 1.4rem;
    margin: 0 0 16px;
}
.price_more_list {
    max-width: 900px;
    margin: 0 auto;
}
.price_more_list dl {
    display: table;
    width: 100%;
    margin: 24px 0;
    background: #fff;
    box-shadow: 1px 3px 3px rgb(83 91 116 / 16%);
    border-radius: 16px;
}
.price_more_list dl > dt, .price_more_list dl > dd {
    display: table-cell;
    width: 50%;
    padding: 24px;
    text-align: left;
    vertical-align: middle;
}
.price_more_list dl > dd {
    color: #32353C;
    font-size: .95rem;
    vertical-align: middle;
    border-left: 2px solid #E2EBF2;
}
.price_yellow {
    position: absolute;
    top: -100px;
    left: 50px;
    display: table;
    width: 200px;
    height: 200px;
    color: #fff;
    font-size: 1.8rem;
    font-weight: bold;
    border-radius: 200px;
    background: #FFCB00;
    box-shadow: 1px 3px 3px rgb(83 91 116 / 16%);
}
.price_yellow p {
    display: table-cell;
    vertical-align: middle;
}
.price_customize {
    margin: 80px 0 0;
}
.price_customize h2 {
    margin: 0 0 30px;
    font-size: 1.8rem;
    font-weight: 600;
}
.price_customize h2 + .txt {
    margin: 0 0 40px;
}
#price_table02 {
    max-width: 1024px;
    margin: 0 auto 80px;
}
#price_table02 table tr th:last-of-type, 
#price_table02 table tr td:last-of-type {
    max-width: 100px;box-sizing: 
    border-box;text-align: center;
}
#price_table02 table tr td:first-of-type {
    font-weight: bold;
}
#price_table02 table tr td:last-of-type {
    color: #1650A0!important;
    font-weight: bold;
}
.price_customize .btnArea {
    display: flex;
    max-width: 1024px;
    margin: 0 auto 80px;
}
.price_customize .btnArea > div {
    width: calc(50% - 32px);
}
.price_customize .btnArea > div a {
    width: 100%;
    font-size: 1.4rem;
}
.price_customize .btnArea > div a:before {
    display: none;
}

@media (max-width: 767px) {
    .price_yellow {
        top: 40px;
        right: 0;
        left: 0;
        width: 150px;
        height: 150px;
        font-size: 1.5rem;
        margin: auto;
    }
    .price h1 {
        margin: 0;
        font-size: 2rem;
    }
    .price h1:after {
        width: 15%;
    }
    .price_service {
        padding: 0 16px 80px;
    }
    .price_info {
        padding: 220px 0 0;
    }
    .price_info h2 {
        font-size: 1.5rem;
    }
    .price_info h2 + .txt {
        font-size: .85rem;
    }
    .price_info h3 span {
        font-size: 1.2rem;
    }
    .price_more_list dl {
        display: block;
    }
    .price_more_list dl > dt, .price_more_list dl > dd {
        display: block;
        width: 100%;
        box-sizing: border-box;
    }
    .price_more_list dl > dt {
        text-align: center;
        padding: 24px 0 0;
    }
    .price_customize {
        padding: 0 16px;
    }
    #price_table02 table tr th:nth-of-type(2), #price_table02 table tr td:nth-of-type(2) {
        display: none;
    }
    .price_table table tr th, .price_table table tr td {
        width: 50%;
    }
    #price_table02 table tr td:first-of-type span {
        display: block;
        margin: 8px 0;
        color: #32353C;
        font-size: .8rem;
        font-weight: normal;
    }
    .price_customize .btnArea {
        display: block;
    }
    .price_customize .btnArea > div {
        width: 100%;
    }
}

main.second .jirei {
    padding: 0 15px;
    background-color: #1bb8ae;
}

.jirei h1 {
    padding: 0 0 16px;
    font-size: 3.5rem;
    font-weight: bold;
    text-align: center;
    color: #1650A0;
}

.jirei h1:after {
    content: "";
    display: block;
    width: 7%;
    height: 5px;
    margin: 16px auto 0;
    background: #1650A0;
}

.second .jirei .jireiBox01 {
    max-width: 1060px;
    margin: 60px auto 70px
}

.second .jirei .jireiBox01 ul li {
    display: inline-block;
    margin: 5px 3px;
    font-size: 110%;
    text-align: center;
    font-weight: bold;
    line-height: 1em;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.second .jirei .jireiBox01 ul li a {
    display: flex;
    word-break: keep-all;
    padding: 15px 40px 15px 15px;
}

.second .jirei .jireiBox01 ul li a:after {
    content: "";
    display: block;
    width: 25px;
    height: 25px;
    margin: -2px 0 0 10px;
    background: url(../images/jirei_bottom_arrow.png) no-repeat;
    background-size: contain;
}

.second .jirei .jireiBox02Wrap {
    max-width: 1024px;
    margin: 0 auto
}

.second .jirei .jireiBox02 {
    width: 100%;
    margin: 0 0 80px;
    background: #fff;
    border: 2px solid #1650A0;
    border-radius: 16px;
}



.second .jirei .jireiBox02 h2 {
    position: relative;
    padding: 13px;
    background-color: #1650A0;
    border-radius: 14px 14px 0 0;
    color: #fff;
    font-size: 160%;
    font-weight: bold;
    line-height: 1em;
}

.second .jirei .jireiBox02 .jireiBox02Inr {
    display: flex;
    justify-content: space-between;
    width: calc(100% - 110px);
    margin: 0 auto;
    padding: 0 0 30px;
    text-align: left;
    box-sizing: border-box;
}

.jirei_left {
    width: 360px;
    margin-right: 90px;
}

.jirei_right {
    width: calc(100% - 450px);
}

.second .jirei .jireiBox02 .jireiBox02Inr:hover {
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.8;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.second .jirei .jireiBox02 .jireiBox02Inr.movieWrap:hover {
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1
}

.second .jirei .jireiBox02 .jireiBox02InrBox01 {
    width: 360px;
    margin: 25px 0;
    padding: 30px 55px 0;
    text-align: left;
}

.second .jirei .jireiBox02 .jireiBox02InrBox01 p {
    float: right;
    margin: -3px 0 0 10px;
    padding: 5px 16px;
    border: 2px solid #205EB1;
    color: #205EB1;
    font-size: 70%;
    line-height: 1em;
    font-weight: bold;
}

.second .jirei .jireiBox02 .jireiBox02InrBox01 h3 {
    font-weight: bold;
    line-height: 1em;
}

.second .jirei .jireiBox02 .jireiBox02Inr .pict {
    margin-bottom: 25px;
    text-align: center
}

.second .jirei .jireiBox02 .jireiBox02Inr .movie {
    display: block;
    margin-bottom: 25px
}

.second .jirei .jireiBox02 .jireiBox02Inr .jireiBox02InrBox02 {
    position: relative;
    margin-bottom: 15px;
}

.second .jirei .jireiBox02 .jireiBox02Inr .jireiBox02InrBox02 h4 {
    z-index: 1;
    margin: 0 0 24px;
    color: #1650A0;
    font-size: 1.3rem;
    font-weight: bold;
    line-height: 1em;
}

.second .jirei .jireiBox02 .jireiBox02Inr .jireiBox02InrBox02 ul {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin: 0 0 0 -8px;
    color: #1650A0;
    font-size: .9rem;
}

.second .jirei .jireiBox02 .jireiBox02Inr .jireiBox02InrBox02 ul li {
    margin: 4px 7px;
    padding: 4px 16px;
    word-break: keep-all;
    border-radius: 28px;
    background: #E2EBF2;
}

.second .jirei .jireiBox02 .jireiBox02Inr .jireiBox02InrBox02 ul li.lsize {
    width: 45%
}

.second .jirei .jireiBox02 .jireiBox02Inr .txt {
    font-size: 1rem;
}

.second .jirei .btnAreaCommon {
    margin: 0 auto 75px
}

#jirei01,#jirei02,#jirei03,#jirei04,#jirei05,#jirei06{
    padding-top: 120px;
    margin-top: -120px;
}

@media(max-width:991px) {
    #jirei01,#jirei02,#jirei03,#jirei04,#jirei05,#jirei06{
        padding-top: 90px;
        margin-top: -90px;
    }
    .jirei h1 {
        font-size: 2rem;
        margin: 0;
    }
    .jirei h1:after {
        width: 15%;
    }
    .second .jirei .jireiBox01 {
        margin: 20px auto 30px;
    }
    .second .jirei .jireiBox01 ul {
        display: flex;
        flex-wrap: wrap;
        width: calc(100% + 30px);
        margin: 0 0 0 -15px;
    }
    .second .jirei .jireiBox01 ul li {
        width: 50%;
        margin: 0;
        background: #E2EBF2;
        border-spacing: unset;
        border: 1px solid #fff;
    }
    .second .jirei .jireiBox01 ul li a {
        position: relative;
        width: 100%;
        display: block;
        padding: 15px 0;
        color: #1650A0;
        text-align: center;
    }
    .second .jirei .jireiBox01 ul li a:after {
        position: absolute;
        right: 8px;
        top: 0;
        bottom: 0;
        width: 15px;
        height: 9px;
        margin: auto;
        background-image: url(../images/service/ios-arrow-down.png);
    }
    .second .jirei .jireiBox02 {
        width: 100%;
    }
    .second .jirei .jireiBox02 .jireiBox02InrBox01 {
        width: 100%;
        margin: 0;
        padding: 30px 20px 0;
        box-sizing: border-box;
    }
    .second .jirei .jireiBox02 .jireiBox02Inr {
        display: block;
    }
    .jirei_left,
    .jirei_right {
        width: 100%;
    }
    .second .jirei .jireiBox02 .jireiBox02Inr .jireiBox02InrBox02 ul {
        font-size: 90%;
    }
    .second .jirei .jireiBox02 .jireiBox02Inr .jireiBox02InrBox02 ul li {
        margin: 0 4px 8px;
    }
    .second .jirei .jireiBox02 h2 {
        font-size: 140%
    }
    .second .jirei .jireiBox02 h2:after {
        right: -1.5em
    }
    .second .jirei .jireiBox02 .jireiBox02Inr {
        width: calc(100% - 40px);
        padding: 20px 0;
    }
    .second .jirei .jireiBox02 .jireiBox02Inr .jireiBox02InrBox01 p {
        font-size: 80%
    }
    .second .jirei .jireiBox02 .jireiBox02Inr .jireiBox02InrBox02 ul {
        font-size: 90%
    }
    .second .jirei .jireiBox02 .jireiBox02Inr .txt {
        font-size: 90%
    }
    .second .jirei .jireiBox02 .jireiBox02Inr .movie {
        width: 100%;
        padding: 0;
    }
}

.second .userJirei {
    padding: 0 15px
}

.second .userJireiInr {
    max-width: 1024px;
    margin: 50px auto 70px;
    text-align: left
}

.second .userJireiInr .chushaku {
    margin: 5px 0;
    font-size: 60%
}

.second .userJireiInr .ProfileWrap {
    margin-bottom: 60px
}

.second .userJireiInr .ProfileWrap h1 {
    margin-bottom: 10px;
    font-size: 170%;
    font-weight: bold
}

.second .userJireiInr .ProfileWrap h1 span {
    margin-right: 20px;
    padding: 2px 20px;
    background-color: #1eb9af;
    border-radius: 5px;
    color: #fff;
    font-size: 70%;
    font-weight: normal;
    vertical-align: middle
}

.second .userJireiInr .ProfileWrap .txt01 {
    margin-bottom: 15px;
    color: #15c3bc;
    font-size: 140%;
    font-weight: bold
}

.second .userJireiInr .ProfileWrap .ProfileMain {
    float: left;
    width: 66%
}

.second .userJireiInr .ProfileWrap .ProfileSub {
    float: right;
    width: 30%;
    width: -webkit-calc(34% - 40px);
    width: calc(34% - 40px);
    margin: 10px 0 0 40px;
    padding: 20px;
    border-radius: 20px;
    border: 1px solid #1eb9af;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.second .userJireiInr .ProfileWrap .ProfileMain .column .pict01 {
    float: left;
    margin-right: 20px
}

.second .userJireiInr .ProfileWrap .ProfileSub .txt02 {
    margin: 10px 0 5px;
    color: #15c3bc;
    font-size: 80%;
    font-weight: bold
}

.second .userJireiInr .ProfileWrap .ProfileSub dl {
    margin: 5px 0 15px;
    font-size: 60%
}

.second .userJireiInr .ProfileWrap .ProfileSub dl dt {
    float: left
}

.second .userJireiInr .ProfileWrap .ProfileSub dl dd {
    margin: 0 0 0 10em
}

.second .userJireiInr .ProfileWrap .ProfileSub .txt03 {
    font-size: 70%
}

.second .userJireiInr .ProfileWrap .ProfileSub .txt04 a {
    color: #15c3bc;
    font-size: 75%;
    font-weight: bold
}

.second .userJireiInr .ProfileWrap .ProfileSub .txt05 {
    font-size: 60%;
    text-align: right;
}

.second .userJireiInr .interviewWrap {
    margin-bottom: 25px
}

.second .userJireiInr .interviewWrap h2 {
    margin-bottom: 15px;
    border-bottom: 2px solid #c0c0c0;
    color: #15c3bc;
    font-size: 130%;
    font-weight: bold
}

.second .userJireiInr .interviewWrap .interview .pict01 {
    float: right;
    margin: 0 0 15px 35px
}

.second .userJireiInr .interviewWrap .interview .txt01 {
    font-size: 80%
}

.second .userJireiInr .interviewWrap .pict02 {
    margin-top: 20px;
    text-align: center
}

.second .userJireiInr .interviewWrap .pict02.line {
    padding: 20px;
    border-radius: 5px;
    border: 1px solid #1eb9af;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

@media(max-width:991px) {
    .second .userJireiInr .chushaku {
        font-size: 85%
    }
    .second .userJireiInr .ProfileWrap h1 {
        font-size: 160%
    }
    .second .userJireiInr .ProfileWrap h1 span {
        margin-right: 0px;
        padding: 5px 15px
    }
    .second .userJireiInr .ProfileWrap .txt01 {
        font-size: 120%
    }
    .second .userJireiInr .ProfileWrap .ProfileMain {
        float: none;
        width: 100%;
        margin-bottom: 30px
    }
    .second .userJireiInr .ProfileWrap .ProfileSub {
        float: none;
        width: 100%;
        margin: 10px 0 0 0
    }
    .second .userJireiInr .ProfileWrap .ProfileMain .column .pict01 {
        float: none;
        margin-right: 0;
        margin-bottom: 20px;
        text-align: center
    }
    .second .userJireiInr .ProfileWrap .ProfileSub .pict02 {
        text-align: center
    }
    .second .userJireiInr .ProfileWrap .ProfileSub .txt02 {
        font-size: 85%
    }
    .second .userJireiInr .ProfileWrap .ProfileSub dl {
        font-size: 85%
    }
    .second .userJireiInr .ProfileWrap .ProfileSub .txt03 {
        font-size: 85%
    }
    .second .userJireiInr .ProfileWrap .ProfileSub .txt04 a {
        font-size: 85%
    }
    .second .userJireiInr .ProfileWrap .ProfileSub .txt05 {
        font-size: 85%
    }
    .second .userJireiInr .interviewWrap {
        margin-bottom: 40px
    }
    .second .userJireiInr .interviewWrap h2 {
        font-size: 110%
    }
    .second .userJireiInr .interviewWrap .interview .pict01 {
        float: none;
        margin: 0 0 15px 0;
        text-align: center
    }
    .second .userJireiInr .interviewWrap .interview .txt01 {
        font-size: 90%
    }
    .second .userJireiInr .interviewWrap .pict02.line {
        padding: 10px
    }
}

main.second .partner {
    padding: 0 15px
}

.second .partner .txt01 {
    margin: 20px 0 5px;
    font-size: 130%;
    font-weight: bold
}

.second .partner .btnArea01 {
    margin-bottom: 45px
}

.second .partner .btnArea01 .partnerBtnBox01 {
    display: inline-block;
    margin: 20px 0;
    padding: 0 15px
}

.second .partner .btnArea01 .partnerBtnBox01 a {
    position: relative;
    display: block;
    width: 265px;
    margin: 0 auto;
    padding: 10px 13px 10px 0;
    background: #fff;
    border: 1px solid #b3b3b3;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 8px;
    font-size: 100%;
    font-weight: bold;
    text-align: center
}

.second .partner .btnArea01 .partnerBtnBox01 a:after {
    position: absolute;
    top: 50%;
    right: 25px;
    content: '';
    margin-top: -10px;
    width: 20px;
    height: 20px;
    background: url(../images/icon_arrow_btn03c.png) 0 0 no-repeat;
    background-size: 20px 20px
}

.second .partner .btnArea01 .partnerBtnBox01.btnA a {
    color: #ed3a7b
}

.second .partner .btnArea01 .partnerBtnBox01.btnB a {
    color: #15c3bc
}

.second .partner .partnerBox01 {
    margin: -91px auto 50px;
    padding-top: 91px
}

.second .partner .partnerBox01 .partnerBox01Inr {
    max-width: 1024px;
    margin: 0 auto 15px;
    padding: 27px;
    border-radius: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center
}

.second .partner .partnerBox01 .partnerBox01Inr.hanbai {
    border: 3px solid #f38eb4
}

.second .partner .partnerBox01 .partnerBox01Inr.toritsugi {
    border: 3px solid #8edcd7
}

.second .partner .partnerBox01 .partnerBox01Inr h2 {
    width: 100%;
    margin-bottom: 30px;
    padding: 7px;
    border-radius: 25px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    font-size: 190%;
    font-weight: bold;
    line-height: 1em
}

.second .partner .partnerBox01 .partnerBox01Inr.hanbai h2 {
    background-color: #e61e69
}

.second .partner .partnerBox01 .partnerBox01Inr.toritsugi h2 {
    background-color: #1eb9af
}

.second .partner .partnerBox01 .txt03 {
    font-size: 85%
}

.second .partner .partnerBox02 {
    margin-top: 75px
}

.second .partner .partnerBox02 h3 {
    margin-bottom: 15px;
    font-size: 135%;
    font-weight: bold
}

.second .partner .partnerBox02 .txt04 {
    font-size: 85%
}

.second .partner .btnAreaCommon {
    margin: 20px auto 75px
}

@media(max-width:991px) {
    .second .partner .txt01 {
        font-size: 120%;
        text-align: left
    }
    .second .partner .txt02 {
        text-align: left
    }
    .second .partner .btnArea01 .partnerBtnBox01 {
        display: block;
        margin: 20px 0;
        padding: 0
    }
    .second .partner .btnArea01 .partnerBtnBox01 a {
        width: 100%
    }
    .second .partner .partnerBox01 {
        margin: -51px auto 50px;
        padding-top: 51px
    }
    .second .partner .partnerBox01 .partnerBox01Inr {
        padding: 15px
    }
    .second .partner .partnerBox01 .partnerBox01Inr h2 {
        margin-bottom: 10px;
        font-size: 140%
    }
    .second .partner .partnerBox01 .txt03 {
        font-size: 90%;
        text-align: left
    }
    .second .partner .partnerBox02 h3 {
        font-size: 120%;
        text-align: left
    }
    .second .partner .partnerBox02 .txt04 {
        font-size: 90%;
        text-align: left
    }
}


/***** テレマティクス *****/

.telematics-main {
    max-width: 1024px;
    margin: 0 auto;
}

.second .telematics .txt01 {
    margin: 60px 0;
    font-size: 135%;
    font-weight: bold
}

.second .telematics .txt02 {
    margin-bottom: 5px;
    font-size: 1.6rem;
    font-weight: bold
}

.second .telematics .txt03 {
    margin: 60px 0 30px
}

.second .telematics .txt04 {
    margin: 30px 0 80px;
    font-size: 1.2rem;
    font-weight: bold
}

.second .telematics .telematicsBox01 {
    max-width: 1024px;
    margin: 0 auto 80px
}

.second .telematics .telematicsBox01 .telematicsBox01Inr {
    float: left;
    width: 40%;
    width: -webkit-calc(50% - 15px);
    width: calc(50% - 15px);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 24px 30px 30px;
    text-align: left;
    border: 3px solid #205EB1;
    background: #fff;
    border-radius: 20px;
}

.second .telematics .telematicsBox01 .telematicsBox01Inr:first-child {
    margin-right: 15px
}

.second .telematics .telematicsBox01 .telematicsBox01Inr:last-child {
    margin-left: 15px
}

.second .telematics .telematicsBox01 .telematicsBox01Inr .txt05 {
    width: 300px;
    margin: 0 auto 10px;
    font-size: 1.3rem;
    font-weight: bold;
    color: #205EB1;
    text-align: center;
    border-radius: 16px;
    background: #E2EBF2;
}

.second .telematics .telematicsBox01 .telematicsBox01Inr .txt06 {
    font-size: .95rem;
    color: #32353C;
}

.telematics_btn {
    margin: 0 0 80px;
}

.telematics_btn .btnA {
    position: relative;
    display: table;
    width: 60%;
    height: 68px;
    margin: 0 auto;
    font-weight: bold;
    box-shadow: 0 9px 0 rgb(221 176 0);
    border-radius: 10px;
    background: #FFCB00;
}

.telematics_btn .btnA a {
    display: table-cell;
    color: #fff;
    font-size: 1.7rem;
    vertical-align: middle;
}

.telematics_btn .btnA:after {
    content: "";
    position: absolute;
    right: 16px;
    top: 0;
    bottom: 0;
    margin: auto;
    display: block;
    width: 21px;
    height: 30px;
    background: url(../images/ios-arrow-down_wh.png) no-repeat;
    background-size: contain;
}

.telematics_koken {
    padding: 100px 0;
    background: #E2EBF2;
}

.telematics_koken h2 {
    margin: 0 0 40px;
    font-family: proxima-nova, sans-serif;
    color: #205EB1;
    font-size: 2.5rem;
    font-weight: bold;
    text-shadow: 0 3px 6px rgb(0 0 0 / 19%);
}

.telematics_koken h2 span {
    font-size: 1.2rem;
    font-weight: normal;
}

.telematics_koken h2+p.txt {
    font-weight: bold;
    margin: 0 0 80px;
}

.koken_icons {
    display: flex;
    margin: 0 auto;
    max-width: 1040px;
}

.koken_icons dl {
    width: calc(33% - 50px);
    margin: 0 50px;
}

.koken_icons dl dd p {
    color: #32353C;
    font-size: .9rem;
    text-align: left;
}

.koken_icons dl dt > p:last-of-type {
    margin: 32px 0;
    font-weight: bold;
}

.koken_icon {
    display: table;
    width: 150px;
    height: 150px;
    margin: 0 auto;
    border-radius: 200px;
    box-shadow: 1px 3px 3px rgb(83 91 116 / 16%);
}

.koken_icon p {
    display: table-cell;
    vertical-align: middle;
    font-weight: bold;
}

.koken_icon p span {
    color: #fff;
}

.koken_icons dl:first-of-type dt .koken_icon {
    background: #FA5782;
} 

.koken_icons dl:first-of-type dt > p {
    color: #FA5782;
}

.koken_icons dl:nth-of-type(2) dt .koken_icon {
    background: #1EB989;
} 

.koken_icons dl:nth-of-type(2) dt > p {
    color: #1EB989;
} 

.koken_icons dl:last-of-type dt .koken_icon {
    background: #7D2DB7;
} 

.koken_icons dl:last-of-type dt > p {
    color: #7D2DB7;
} 

.koken_icon p span {
    font-size: 2.1rem;
}

.koken_icon p span:nth-of-type(2) {
    font-size: 1.5rem;
}

.telematics_sekinin {
    max-width: 1024px;
    margin: 80px auto;
    padding: 40px 80px;
    border: 4px solid #205EB1;
    border-radius: 16px;
    box-sizing: border-box;
    background: #fff;
}

.telematics_sekinin h2 {
    margin: 0 0 64px;
    padding: 0 0 11px;
    color: #205EB1;
    font-size: 2rem;
    font-weight: bold;
    border-bottom: 4px solid #205EB1;
}

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

.sekinin_article div p {
    margin: 0 0 24px;
    font-size: .95rem;
    text-align: left;
}

.sekinin_article img {
    width: 200px;
    margin: 0 40px 0 0;
}

.telematics_sevice_link {
    max-width: 1024px;
    margin: 0 auto 80px;
}

.telematics_sevice_link div a {
    font-size: 1.3rem;
}

.telematics_sevice_link div a:before {
    display: none;
}

.second .telematics .telematicsBox02 {
    max-width: 1024px;
    margin: 55px auto 25px
}

.second .telematics .telematicsBox02 h2 {
    margin-bottom: 5px;
    font-size: 160%;
    font-weight: bold
}

.second .telematics .telematicsBox02 .telematicsBox02Inr {
    display: table;
    table-layout: fixed;
    max-width: 1084px;
    width: 100%;
    margin: 0 auto 20px;
    padding: 25px 0;
    border-spacing: 35px 0;
    border-top: 3px solid #929292;
    border-bottom: 3px solid #929292;
    text-align: left
}

.second .telematics .telematicsBox02 .telematicsBox02Inr a {
    display: table-cell
}

.second .telematics .telematicsBox02 .telematicsBox02Inr .telematicsBox02InrBox .pict01 {
    text-align: center
}

.second .telematics .telematicsBox02 .telematicsBox02Inr .telematicsBox02InrBox .txt07 {
    margin: 15px 0 5px;
    font-size: 90%;
    font-weight: bold
}

.second .telematics .telematicsBox02 .telematicsBox02Inr .telematicsBox02InrBox .txt08 {
    font-size: 75%
}

.second .telematics .btnAreaCommon {
    margin: 20px auto
}

@media(max-width:991px) {
    .second .telematics .txt02 > span:first-of-type {
        display: inline-block;
        margin: 0 0 20px;
        font-size: 1.1rem;
    }
    .koken_icons {
        display: block;
    }
    .telematics-main {
        padding: 0 16px;
    }
    .second .telematics .telematicsBox01 {
        margin: 0 auto 40px;
    }
    .second .telematics .telematicsBox01 .telematicsBox01Inr .txt06 {
        font-size: .85rem;
        margin: 16px 0;
    }
    .telematics_btn .btnA {
        width: 100%;
    }
    .telematics_btn .btnA a {
        font-size: 1.1rem;
    }
    .telematics_btn .btnA:after {
        width: 15px;
        height: 20px;
        right: 8px;
    }
    .telematics_koken {
        padding: 64px 16px;
    }
    .telematics_koken h2 {
        font-size: 2rem;
    }
    .telematics_koken h2+p.txt {
        margin: 0 0 40px;
    }
    .koken_icons dl {
        width: 80%;
        margin: 40px auto;
    }
    .koken_icons dl dt > p:last-of-type {
        font-size: 1.3rem;
    }
    .telematics_sekinin {
        width: 90%;
        padding: 40px 16px;
    }
    .telematics_sekinin h2 {
        margin: 0 0 24px;
        font-size: 1.3rem;
        border-bottom: 3px solid #205EB1;
    }
    .sekinin_article {
        flex-wrap: wrap;
    }
    .sekinin_article > * {
        width: 100%;
    }
    .sekinin_article > div {
        order: 2;
    }
    .sekinin_article img {
        order: 1;
        margin: 0 auto 40px;
    }
    .sekinin_article div p {
        text-align: center;
        font-size: .9rem;
    }
    .telematics_sevice_link {
        padding: 0 16px;
    }
    .second .telematics .txt01 {
        margin: 0 0 50px;
        font-size: 120%;
        text-align: left
    }
    .second .telematics .txt02 {
        font-size: 1.5rem;
    }
    .second .telematics .txt03 {
        text-align: left
    }
    .second .telematics .txt04 {
        margin: 30px 0 50px;
        font-size: .9rem;
        text-align: center;
    }
    .second .telematics .telematicsBox01 .telematicsBox01Inr {
        float: none;
        width: 100%;
        margin-bottom: 20px;
        padding: 15px
    }
    .second .telematics .telematicsBox01 .telematicsBox01Inr:first-child {
        margin-right: 0
    }
    .second .telematics .telematicsBox01 .telematicsBox01Inr:last-child {
        margin-left: 0
    }
    .second .telematics .telematicsBox01 .telematicsBox01Inr .txt05 {
        font-size: 120%
    }
    .second .telematics .telematicsBox01 .telematicsBox01Inr .txt05 span {
        margin-right: 10px
    }
    .second .telematics .telematicsBox02 {
        text-align: left
    }
    .second .telematics .telematicsBox02 h2 {
        font-size: 125%
    }
    .second .telematics .telematicsBox02 .telematicsBox02Inr {
        display: block;
        padding: 0;
        border-spacing: 0
    }
    .second .telematics .telematicsBox02 .telematicsBox02Inr a {
        display: block;
        width: 100%;
        padding: 0 0 25px
    }
    .second .telematics .telematicsBox02 .telematicsBox02Inr .telematicsBox02InrBox {
        display: block;
        margin-top: 30px
    }
    .second .telematics .telematicsBox02 .telematicsBox02Inr .telematicsBox02InrBox .txt07 {
        font-size: 100%
    }
    .second .telematics .telematicsBox02 .telematicsBox02Inr .telematicsBox02InrBox .txt08 {
        font-size: 90%
    }
}

main.second .topics {
    padding: 0 15px
}

.second .topics .topicsBox01 {
    max-width: 1024px;
    margin: 30px auto 40px;
    text-align: left
}

.second .topics .topicsBox01 ul li {
    width: 100%;
    padding: 20px 0;
    background: url(../images/icon_dot01.png) 0 100% repeat-x;
    background-size: 10px 4px
}

.second .topics .topicsBox01 ul li:last-child {
    background: none
}

.second .topics .topicsBox01 ul li div {
    display: inline-block;
    font-weight: bold;
    vertical-align: middle
}

.second .topics .topicsBox01 ul li .date {
    width: 13%;
    color: #929292;
    font-size: 110%;
    line-height: 1em
}

.second .topics .topicsBox01 ul li .new {
    width: 7%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #f00;
    line-height: 1em
}

.second .topics .topicsBox01 ul li .new span {
    padding: 0 5px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #f00
}

.second .topics .topicsBox01 ul li .txt {
    width: 77%;
    font-size: 110%
}

.second .topics .btnAreaCommon {
    margin: 0 auto 75px
}

@media(max-width:991px) {
    .second .topics .topicsBox01 {
        margin: 0 auto 40px
    }
    .second .topics .topicsBox01 ul li {}
    .second .topics .topicsBox01 ul li div {
        display: block
    }
    .second .topics .topicsBox01 ul li .date {
        display: inline-block;
        width: auto
    }
    .second .topics .topicsBox01 ul li .new {
        display: inline-block;
        width: auto
    }
    .second .topics .topicsBox01 ul li .txt {
        width: 100%
    }
}

.second .topicsShousai {
    padding: 0 15px
}

.second .topicsShousaiInr {
    max-width: 1024px;
    margin: 50px auto 70px;
    text-align: left
}

.second .topicsShousaiInr .date {
    color: #929292;
    font-size: 90%
}

.second .topicsShousaiInr .date span {
    margin-left: 10px;
    padding: 0 5px;
    border: 1px solid #f00;
    color: #f00
}

.second .topicsShousaiInr h1 {
    margin-bottom: 30px;
    font-size: 140%;
    font-weight: bold
}

.second .topicsShousaiInr .topicsShousaiInrBox .pict {
    float: left;
    margin-right: 20px
}

.second .topicsShousaiInr .topicsShousaiInrBox .txt {
    margin-bottom: 70px;
    font-size: 80%
}

.second .topicsShousaiInr .topicsShousaiInrBox .btnArea {
    overflow: hidden
}

.second .topicsShousaiInr .snsButton {
    margin-bottom: 10px
}

.second .topicsShousaiInr .snsButton .facebookButton .fb_iframe_widget>span {
    vertical-align: baseline!important
}

.second .topicsShousaiInr .snsButton .mailButton {
    position: relative;
    top: 2px
}

.second .topicsShousaiInr .snsButton .mailButton img {
    vertical-align: top
}

@media(max-width:991px) {
    .second .topicsShousaiInr h1 {
        margin-bottom: 30px;
        font-size: 120%
    }
    .second .topicsShousaiInr .topicsShousaiInrBox .pict {
        float: none;
        margin-right: 0;
        margin-bottom: 20px;
        text-align: center
    }
    .second .topicsShousaiInr .topicsShousaiInrBox .txt {
        font-size: 90%
    }
    .second .topicsShousaiInr .snsButton .mailButton {
        top: 0
    }
}

main.second .movieShoukai {
    padding: 0 15px
}

.second .movieShoukai .movieBox01 {
    max-width: 430px;
    margin: 30px auto 10px;
    box-sizing: border-box;
}

.second .movieShoukai .movieBox01 .txt {
    margin-top: 10px;
    text-align: left;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.second .movieShoukai .movieBox01 .txt .textIndent {
    text-indent: -0.5em;
    padding-left: 0.5em;
    display: inline-block;
}

.second .movieShoukai .movieBox01 .txt .textIndentBox {
    margin-left: 0.5em;
    display: inline-block;
}

.second .movieShoukai .movieBox01 .movie {
    padding: 0;
    max-width: 385px;
    margin: 0 auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.second .movieShoukai .movieBox01 .movie .movieNote {
    font-size: 10px;
    text-align: right;
}

@media(max-width:991px) {
    .second .movieShoukai .movieBox01 {
        padding: 10px;
    }
    .second .movieShoukai .movieBox01 .txt {
        margin-top: 0;
        padding-right: 0;
    }
    .second .movieShoukai .movieBox01 .movie {
        margin-top: 20px;
    }
}

/****リンクポリシー****/

main.second .linkpolicy {
    padding: 0 15px
}

.second .linkpolicy h1 {
    margin: 0;
    padding: 0 0 16px;
    font-size: 3.5rem;
    font-weight: bold;
    text-align: center;
    color: #1650A0;
}

.second .linkpolicy h1:after {
    content: "";
    display: block;
    width: 7%;
    height: 5px;
    margin: 16px auto 0;
    background: #1650A0;
}

.second .linkpolicy .linkpolicyBox01 {
    max-width: 1024px;
    margin: 0 auto 64px;
    text-align: left;
}

.second .linkpolicy .linkpolicyBox01 h2 {
    margin-bottom: 24px;
    padding: 8px 16px;
    font-weight: bold;
    color: #1650A0;
    background: #E2EBF2;
    border-bottom: 2px solid #1650A0;
}

.second .linkpolicy .linkpolicyBox01 .txt01 {
    font-size: 80%;
}

.second .linkpolicy .linkpolicyBox01 .txt01 span {
    font-size: 80%;
}

.second .linkpolicy .linkpolicyBox01 .txt02 {
    margin-top: 10px;
    font-size: 80%;
    text-align: right;
}

.second .linkpolicy .linkpolicyBox01 > p, 
.second .linkpolicy .linkpolicyBox01 > dl {
    width: 90%;
    margin: 0 0 0 1%;
}

.second .linkpolicy .linkpolicyBox01 .pict01 {
    margin: 5px 0 20px 1%;
}

.second .linkpolicy .linkpolicyBox01 dl {
    font-size: 80%;
}

.second .linkpolicy .linkpolicyBox01 dl dt {
    float: left;
    font-weight: bold;
}

.second .linkpolicy .linkpolicyBox01 dl dd {
    margin: 0 0 5px 7em;
}

.second .linkpolicy .linkpolicyBox01 dl dd span {
    font-size: 80%;
}

.second .linkpolicy .linkpolicyBox01 dl dd input {
    width: 80%;
    padding: 3px;
}

@media(max-width:991px) {
    .second .linkpolicy h1 {
        font-size: 2rem;
    }
    .second .linkpolicy h1:after {
        width: 20%;
    }
    .second .linkpolicy .linkpolicyBox01 .txt01 {
        font-size: 90%;
    }
    .second .linkpolicy .linkpolicyBox01 .txt01 span {
        font-size: 90%;
    }
    .second .linkpolicy .linkpolicyBox01 .txt02 {
        font-size: 90%;
    }
    .second .linkpolicy .linkpolicyBox01 dl {
        display: flex;
        font-size: 90%;
    }
    .second .linkpolicy .linkpolicyBox01 dl dt {
        float: none;
        width: 35%;
    }
    .second .linkpolicy .linkpolicyBox01 dl dd {
        width: 60%;
        margin: 0 0 10px 0;
    }
    .second .linkpolicy .linkpolicyBox01 dl dd span {
        font-size: 90%;
    }
    .second .linkpolicy .linkpolicyBox01 dl dd input {
        width: 100%;
    }
}

/*
main.second .faq {
    padding: 0 15px
}

.second .faq .faqBox01 dl {
    max-width: 1024px;
    margin: 30px auto 40px;
    text-align: left;
}

.second .faq .faqBox01 dl > dt {
    margin-top: 30px;
    background: url(../images/bg_2nd_faq_plus01.png) no-repeat right 8px bottom 8px;
    cursor: pointer;
    font-weight: bold;
}

.second .faq .faqBox01 dl > dt.open {
    background: url(../images/bg_2nd_faq_minus01.png) no-repeat right 8px bottom 8px;
}

.second .faq .faqBox01 dl > dt span.number {
    float: left;
    padding: 0 13px;
    background-color: #909090;
    border-radius: 5px;
    color: #fff;
}

.second .faq .faqBox01 dl > dt span.number02 {
    float: left;
    margin-right: 10px;
    padding: 0 7px;
    background-color: #909090;
    border-radius: 5px;
    color: #fff;
}

.second .faq .faqBox01 dl > dt span.question {
    display: block;
    margin-left: 3.5em;
    padding-right: 30px;
    border-bottom: 1px solid #808080;
    box-sizing: border-box;
}


.second .faq .faqBox01 dl > dd {
    padding: 5px 0 0 4.8em;
    font-size: 75%;
    line-height: 1.6em;
}

.second .faq .faqBox01 dl > dd ul li {
    margin-bottom: 5px;
}

.second .faq .faqBox01 dl > dd ul li span {
    font-size: 90%;
}

.second .faq .faqBox01 .faqList {
    padding: 0 0 20px;
}

.second .faq .faqBox01 .faqItem::before {
    content: '・';
}

.second .faq .faqBox01 .faqItem {
    text-indent: -1em;
    padding-left: 1em;
}

.second .faq .faqBox01 .faqImg {
    padding: 10px 30px 10px 0;
}

.second .faq .faqBox01 dl > dt::before {
    content: "";
    display: block;
    height: 32px;
    margin-top: -32px;
    vertical-align: top;
}

@media(max-width:991px) {
    .second .faq .faqBox01 dl > dt span.question {
        margin-left: 3.8em;
    }
    .second .faq .faqBox01 dl > dd {
        padding: 5px 0 0 4.3em;
        font-size: 90%;
    }
    .second .faq .faqBox01 dl > dd ul li span {
        font-size: 90%;
    }
}

@media(max-width: 575px) {
    .second .faq .faqBox01 .faqImg {
        display: block;
        padding: 10px 0;
    }
}
*/

.faq {
    padding: 0 15px
}

.faq h1 {
    font-size: 3rem;
    font-weight: bold;
    text-align: center;
    color: #1650A0;
    padding: 0 0 16px;
    margin: 0 0 40px;
}

.faq h1:after {
    content: "";
    display: block;
    height: 5px;
    background: #1650A0;
    width: 7%;
    margin: 16px auto 0;
}

.faq .faqBox01 dl {
    max-width: 1024px;
    margin: 30px auto 40px;
    text-align: left;
}

.faq .faqBox01 dl > dt {
    margin-top: 30px;
    padding: 32px;
    background: url(../images/bg_2nd_faq_plus01.png) no-repeat right 24px top 30px #fff;
    cursor: pointer;
    font-weight: bold;
    border-top: 3px solid #205EB1;
    border-right: 3px solid #205EB1;
    border-left: 3px solid #205EB1;
    border-bottom: 3px solid #205EB1;
    border-radius: 8px;
}

.faq .faqBox01 dl > dt.open {
    background: url(../images/bg_2nd_faq_minus01.png) no-repeat right 24px top 50px #fff;
    border-bottom: none;
    border-radius: 8px 8px 0 0;
}

.faq .faqBox01 dl > dt span.number {
    float: left;
    margin: -6px 16px 0 0;
    font-family: proxima-nova, sans-serif;
    color: #205EB1;
    font-size: 1.8rem;
}

/*.faq .faqBox01 dl > dt span.number img {
    width: 90%;
}*/

.faq .faqBox01 dl > dt span.number02 {
    float: left;
    margin-right: 10px;
    padding: 0 7px;
    background-color: #909090;
    border-radius: 5px;
    color: #fff;
}

.faq .faqBox01 dl > dt span.question {
    display: block;
    margin-left: 3.5em;
    padding-right: 30px;
    box-sizing: border-box;
    font-size: 1.3rem;
    color: #205EB1;
}

.faq .faqBox01 dl > dd {
    padding: 5px 24px 24px 32px;
    font-size: 75%;
    line-height: 1.6em;
    border-bottom: 3px solid #205EB1;
    border-right: 3px solid #205EB1;
    border-left: 3px solid #205EB1;
    border-radius: 0 0 8px 8px;
    background: #fff;
}

.faqBox_A {
    display: flex;
    align-items: flex-start;
}

.faq_ul {
    display: block;
}

.faq .faqBox01 dl > dd .faqBox_A:before {
    content: "A";
    display: inline-block;
    width: 63px;
    height: 45px;
    margin: 5px 23px 0 4px;
    font-family: proxima-nova, sans-serif;
    color: #D2272D;
    font-size: 2rem;
    font-weight: bold;
}

.faq .faqBox01 dl > dd ul li {
    margin-bottom: 5px;
}

.faq .faqBox01 dl > dd ul li span {
    font-size: 90%;
}

.faq .faqBox01 .faqList {
    padding: 0 0 20px;
}

.faq .faqBox01 .faqItem::before {
    content: '・';
}

.faq .faqBox01 .faqItem {
    text-indent: -1em;
    padding-left: 1em;
}

.faq .faqBox01 .faqImg {
    padding: 10px 30px 10px 0;
}

.faq .faqBox01 dl > dt::before {
    content: "";
    display: block;
    height: 32px;
    margin-top: -32px;
    vertical-align: top;
}

@media(max-width:991px) {
    .faq h1 {
        font-size: 2rem;
    }

    .faq h1:after {
        width: 23%;
    }

    .faq .faqBox01 dl > dt {
        padding: 16px;
        background: url(../images/bg_2nd_faq_plus01.png) no-repeat right 12px top 20px #fff;
        background-size: 20px;
    }
    .faq .faqBox01 dl > dt.open {
        background: url(../images/bg_2nd_faq_minus01.png) no-repeat right 12px top 30px #fff;
        background-size: 20px;
    }
    .faq .faqBox01 dl > dt span.number img {
        width: 40px;
    }
    .faq .faqBox01 dl > dt span.number {
        margin: -8px 0 0;
    }
    .faq .faqBox01 dl > dt span.question {
        margin-left: 50px;
        padding: 0 24px 0 0;
        font-size: 1.1rem;
    }
    .faq .faqBox01 dl > dd {
        padding: 5px 16px 16px 12px;
        font-size: 90%;
    }
    .faq .faqBox01 dl > dd .faqBox_A:before {
        width: 50px;
        height: 50px;
        margin: 5px 0 0 8px;
        background-size: contain;
    }
    .faqBox_A p {
        width: calc(100% - 63px);
    }
    .faq .faqBox01 dl > dd ul li span {
        font-size: 90%;
    }
    .faq .faqBox01 dl > dt.open span.question {
        margin: 30px 0 0 50px;
    }
    .faq .faqBox01 dl > dt.open + dd .faqBox_A p {
        margin: 30px 0;
    }
}

@media(max-width: 575px) {
    .faq .faqBox01 .faqImg {
        display: block;
        padding: 10px 0;
    }
}

main.second .download {
    padding: 0 15px
}

.second .download .downloadBox01Wrap {
    max-width: 1024px;
    margin: 0 auto;
}

.second .download .downloadBox01 {
    float: left;
    width: 45%;
    width: -webkit-calc(50% - 15px);
    width: calc(50% - 15px);
    margin: 0 auto 35px;
    padding: 20px;
    border: 1px solid #808080;
    border-radius: 5px;
    box-sizing: border-box;
}

.second .download .downloadBox01:nth-child(odd) {
    margin-right: 15px;
}

.second .download .downloadBox01:nth-child(2n) {
    margin-left: 15px;
}

.second .download .downloadBox01 h2 {
    margin-bottom: 15px;
    padding: 3px 15px;
    border-radius: 5px;
    background-color: #909090;
    color: #fff;
    font-size: 110%;
    font-weight: bold;
}

.second .download .downloadBox01 .downloadBox01Inr .pict {
    float: left;
    margin-right: 20px;
}

.second .download .downloadBox01 .downloadBox01Inr .txt {
    float: right;
    width: 50%;
    width: -webkit-calc(100% - 215px);
    width: calc(100% - 215px);
    margin-top: 30px;
    text-align: left;
}

.second .download .downloadBox01 .downloadBox01Inr .txt .txt01 {
    margin-bottom: 50px;
    font-size: 75%;
}

.second .download .downloadBox01 .downloadBox01Inr .downloadBtnBox a {
    position: relative;
    display: block;
    width: 100%;
    margin: 0 auto;
    padding: 10px 0;
    background: #fff;
    border: 1px solid #a5a5a5;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 8px;
    font-size: 65%;
    color: #5f5f5f;
    text-align: center;
}

.second .download .downloadBox01 .downloadBox01Inr .downloadBtnBox a:before {
    position: absolute;
    top: 52%;
    left: 10px;
    content: '';
    margin-top: -6px;
    width: 6px;
    height: 9px;
    background: url(../images/icon_arrow_btn01b.png) 0 0 no-repeat;
    background-size: 6px 9px;
}

@media(max-width:991px) {
    .second .download .downloadBox01 {
        float: none;
        width: 100%;
    }
    .second .download .downloadBox01:nth-child(odd) {
        margin-right: 0;
    }
    .second .download .downloadBox01:nth-child(2n) {
        margin-left: 0;
    }
    .second .download .downloadBox01 .downloadBox01Inr .pict {
        float: none;
        margin-right: 0;
    }
    .second .download .downloadBox01 .downloadBox01Inr .txt {
        float: none;
        width: 100%;
        margin-top: 20px;
    }
    .second .download .downloadBox01 .downloadBox01Inr .txt .txt01 {
        margin-bottom: 20px;
        font-size: 90%;
    }
    .second .download .downloadBox01 .downloadBox01Inr .downloadBtnBox a {
        padding: 15px 0;
        font-size: 90%;
    }
    .second .download .downloadBox01 .downloadBox01Inr .downloadBtnBox a:before {
        margin-top: -8px;
        width: 8px;
        height: 12px;
        background-size: 8px 12px;
    }
}

main.second .doc_download {
    padding: 0 15px
}

.second .doc_download .downloadBox01Wrap {
    max-width: 1024px;
    margin: 0 auto;
}
/* request.html doc_download.html 2019.04.10 Unisys ADD */

.second .txtbox_w800 {
    max-width: 800px;
    margin: 0 auto;
    padding: 30px;
    text-align: left
}

.second .txtbox_w1024 {
    max-width: 1024px;
    margin: 0 auto;
    padding: 20px;
    text-align: left
}
/* privacy.html 2019.04.10 Unisys ADD */

privacycss .txtbox_w1024 {
    max-width: 1024px;
    margin: 0 auto;
    padding: 20px;
    text-align: left
}

.second .doc_download .downloadBox01 {
    float: left;
    width: 45%;
    width: -webkit-calc(50% - 15px);
    width: calc(50% - 15px);
    margin: 0 auto 35px;
    padding: 20px;
    border: 1px solid #808080;
    border-radius: 5px;
    box-sizing: border-box;
}

.second .doc_download .downloadBox01:nth-child(odd) {
    margin-right: 15px;
}

.second .doc_download .downloadBox01:nth-child(2n) {
    margin-left: 15px;
}

.second .doc_download .downloadBox01 h2 {
    margin-bottom: 15px;
    padding: 3px 15px;
    border-radius: 5px;
    background-color: #909090;
    color: #fff;
    font-size: 110%;
    font-weight: bold;
}

.second .doc_download .downloadBox01 .downloadBox01Inr .pict {
    float: left;
    margin-right: 20px;
}

.second .doc_download .downloadBox01 .downloadBox01Inr .txt {
    float: right;
    width: 50%;
    width: -webkit-calc(100% - 215px);
    width: calc(100% - 215px);
    margin-top: 30px;
    text-align: left;
}

.second .doc_download .downloadBox01 .downloadBox01Inr .txt .txt01 {
    margin-bottom: 50px;
    font-size: 75%;
}

.second .doc_download .downloadBox01 .downloadBox01Inr .downloadBtnBox a {
    position: relative;
    display: block;
    width: 100%;
    margin: 0 auto;
    padding: 10px 0;
    background: #fff;
    border: 1px solid #a5a5a5;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 8px;
    font-size: 65%;
    color: #5f5f5f;
    text-align: center;
}

.second .doc_download .downloadBox01 .downloadBox01Inr .downloadBtnBox a:before {
    position: absolute;
    top: 52%;
    left: 10px;
    content: '';
    margin-top: -6px;
    width: 6px;
    height: 9px;
    background: url(../images/icon_arrow_btn01b.png) 0 0 no-repeat;
    background-size: 6px 9px;
}

@media(max-width:991px) {
    .second .doc_download .downloadBox01 {
        float: none;
        width: 100%;
    }
    .second .doc_download .downloadBox01:nth-child(odd) {
        margin-right: 0;
    }
    .second .doc_download .downloadBox01:nth-child(2n) {
        margin-left: 0;
    }
    .second .doc_download .downloadBox01 .downloadBox01Inr .pict {
        float: none;
        margin-right: 0;
    }
    .second .doc_download .downloadBox01 .downloadBox01Inr .txt {
        float: none;
        width: 100%;
        margin-top: 20px;
    }
    .second .doc_download .downloadBox01 .downloadBox01Inr .txt .txt01 {
        margin-bottom: 20px;
        font-size: 90%;
    }
    .second .doc_download .downloadBox01 .downloadBox01Inr .downloadBtnBox a {
        padding: 15px 0;
        font-size: 90%;
    }
    .second .doc_download .downloadBox01 .downloadBox01Inr .downloadBtnBox a:before {
        margin-top: -8px;
        width: 8px;
        height: 12px;
        background-size: 8px 12px;
    }
}

main.second .column {
    padding: 0 15px
}

.second .column .columnBox01 {
    max-width: 1024px;
    margin: 30px auto 40px;
    text-align: left
}

.second .column .columnBox01 ul li {
    width: 100%;
    padding: 20px 0;
    /*background: url(../images/icon_dot01.png) 0 100% repeat-x;*/
    background-size: 10px 4px
}

.second .column .columnBox01 ul li:last-child {
    background: none
}

.second .column .columnBox01 ul li div {
    display: inline-block;
    font-weight: bold;
    vertical-align: middle
}

.second .column .columnBox01 ul li .date {
    width: 13%;
    color: #929292;
    font-size: 110%;
    line-height: 1em
}

.second .column .columnBox01 ul li .new {
    /*width: 7%;*/
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #f00;
    line-height: 1em
}

.second .column .columnBox01 ul li .new span {
    /*padding: 0 5px;*/
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    /*border: 1px solid #f00*/
}

.second .column .columnBox01 ul li .txt {
    width: 77%;
    font-size: 110%
}

.second .column .btnAreaCommon {
    margin: 0 auto 75px
}

@media(max-width:991px) {
    .second .column .columnBox01 {
        margin: 0 auto 40px
    }
    .second .column .columnBox01 ul li {}
    .second .column .columnBox01 ul li div {
        display: block
    }
    .second .column .columnBox01 ul li .date {
        display: inline-block;
        width: auto
    }
    .second .column .columnBox01 ul li .new {
        display: inline-block;
        width: auto
    }
    .second .column .columnBox01 ul li .txt {
        width: 100%
    }
}

.second .columnShousai {
    padding: 0 15px
}

.second .columnShousaiInr {
    max-width: 1024px;
    margin: 50px auto 70px;
    text-align: left
}

.second .columnShousaiInr .date {
    color: #929292;
    font-size: 90%
}

.second .columnShousaiInr .date span {
    margin-left: 10px;
    padding: 0 5px;
    border: 1px solid #f00;
    color: #f00
}

.second .topicsShousaiInr .topicsShousaiInrBox .txt {
    margin-bottom: 70px;
    font-size: 80%
}

.second .columnShousaiInr ol {
    list-style-type: decimal;
    font-size: 90%;
    padding-left: 1.5em;
    margin-bottom: 0em;
}

.second .columnShousaiInr h1 {
    margin-bottom: 0px;
    font-size: 140%;
    font-weight: bold;
    text-align: center;
}

.second .columnShousaiInr h2 {
    margin-bottom: 30px;
    font-size: 120%;
    font-weight: bold
}

.second .columnShousaiInr h3 {
    margin-bottom: 10px;
    font-size: 110%;
    font-weight: bold
}

.second .columnShousaiInr .clmtxt {
    font-size: 90%
}

.second .columnShousaiInr .columnShousaiInrBox .pict {
    float: right;
    margin-right: 20px
}

.second .columnShousaiInr .columnShousaiInrBox .btnArea {
    overflow: hidden
}

.second .columnShousaiInr .snsButton {
    margin-bottom: 10px
}

.second .columnShousaiInr .snsButton .facebookButton .fb_iframe_widget>span {
    vertical-align: baseline!important
}

.second .columnShousaiInr .snsButton .mailButton {
    position: relative;
    top: 2px
}

.second .columnShousaiInr .snsButton .mailButton img {
    vertical-align: top
}

@media(max-width:991px) {
    .second .columnShousaiInr h1 {
        margin-bottom: 0px;
        font-size: 120%
    }
    .second .columnShousaiInr h2 {
        margin-bottom: 30px;
        font-size: 100%
    }
    .second .columnShousaiInr .columnShousaiInrBox .pict {
        float: none;
        margin-right: 0;
        margin-bottom: 20px;
        text-align: center
    }
    .second .columnShousaiInr .columnShousaiInrBox .txt {
        font-size: 90%
    }
    .second .columnShousaiInr .snsButton .mailButton {
        top: 0
    }
    .clear-element {
        clear: both;
    }
}
/** #===== ドライブレコーダーの仕様について ===== */
/* ================================================================= */

body.page_product {
    overflow-y: scroll;
}

main.second .product {
    padding: 0 15px;
    color: #000
}

.second .product .txt01 {
    margin: 20px 0 30px;
    font-size: 135%;
    font-weight: bold
}

@media(max-width:991px) {
    .second .product .txt01 {
        margin: 0 0 30px;
    }
}

.wrapper.disabledScroll {
    position: fixed;
    width: 100%;
}

.productDescription {
    max-width: 1024px;
    margin: 0 auto;
    line-height: 1.55;
}

.productDescription_inner {
    background: #e8e8e8;
    overflow: hidden;
    position: relative;
}
/* state */
/* 商品画像 */

.productDescription_productPhotosContainer {
    position: relative;
    padding: 57.03125% 0 0;
    /* w1024h584の縦横比固定 */
}

.productDescription_productPhotos {
    visibility: hidden;
    opacity: 0;
    transition: all 0.4s ease-out;
}

.productDescription_productPhoto {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    opacity: 0;
    transition: all 0.2s ease-out;
}

.productPhoto_front,
.productPhoto_back {
    opacity: 1;
}
/* state */

.productDescription_productPhotos.active {
    visibility: visible;
    opacity: 1;
}

.productDescription_productPhoto.active {
    opacity: 1;
}

@media(min-width: 576px) {
    .productDescription_productPhotosContainer {
        /*transition: all 0.4s ease-out;*/

        transition-property: all;
        transition-duration: .6s;
        -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
        -o-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
        transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
    }
    .scene_openBox_emergencyButton .productDescription_productPhotosContainer {
        transform: translate(-32%, 0);
    }
    .scene_openBox_slotCover .productDescription_productPhotosContainer {
        transform: translate(-36.5%, 0);
    }
    .scene_openBox_connectCover .productDescription_productPhotosContainer {
        transform: translate(-35%, 0);
    }
}

@media(max-width: 575px) {}
/* 画面上のリンク */

.productDescription_featureNavItem {
    position: absolute;
    font-size: 26px;
    font-weight: bold;
    text-align: left;
    line-height: 1.3;
}

.productDescription_featureNavLink {
    display: block;
    margin: -30px;
    padding: 30px;
}

.productDescription_featureNavLink span {
    display: block;
    padding-bottom: .05em;
    border-bottom: 1px solid #000;
    margin-bottom: .1em;
}

.featureNavItem_frontCamera {
    left: calc( 45 / 1024 * 100%);
    bottom: calc( 116 / 584 * 100%);
}

.featureNavItem_emergencyButton {
    right: calc( 80 / 1024 * 100%);
    top: calc( 185 / 584 * 100%);
}

.featureNavItem_slotCover {
    right: calc( 34 / 1024 * 100%);
    bottom: calc( 32 / 584 * 100%);
}

.featureNavItem_backCamera {
    left: calc( 45 / 1024 * 100%);
    bottom: calc( 106 / 584 * 100%);
}

.featureNavItem_connectCover {
    right: calc( 40 / 1024 * 100%);
    top: calc( 310 / 584 * 100%);
}

.productDescription_dottedline {
    display: block;
    position: absolute;
}

.productDescription_dottedline img,
.productDescription_dottedline svg {
    display: block;
}

.dottedline_frontCamera {
    width: calc( 130 / 1024 * 100%);
    height: calc( 20 / 584 * 100%);
    left: calc( 180 / 1024 * 100%);
    bottom: calc( 130 / 584 * 100%);
}

.dottedline_emergencyButton {
    width: calc( 98 / 1024 * 100%);
    height: calc( 138 / 584 * 100%);
    right: calc( 170/ 1024 * 100%);
    top: calc( 222 / 584 * 100%);
}

.dottedline_slotCover {
    width: calc( 160 / 1024 * 100%);
    height: calc( 38 / 584 * 100%);
    right: calc( 240 / 1024 * 100%);
    bottom: calc( 76 / 584 * 100%);
}

.dottedline_backCamera {
    width: calc( 128 / 1024 * 100%);
    height: calc( 20 / 584 * 100%);
    left: calc( 182 / 1024 * 100%);
    bottom: calc( 122 / 584 * 100%);
}

.dottedline_connectCover {
    width: calc( 278 / 1024 * 100%);
    height: calc( 24 / 584 * 100%);
    right: calc( 230 / 1024 * 100%);
    top: calc( 324 / 584 * 100%);
}
/* state */

.productDescription_featureNavLink:hover span {
    border-color: transparent;
}

.productDescription_featureNavItem.hide {
    opacity: 0;
}

.productDescription_dottedline.hide {
    opacity: 0;
}

.scene_openBox .productDescription_featureNavLink {
    pointer-events: none;
}

@media(max-width:1024px) {
    .productDescription_featureNavItem {
        font-size: calc( 26 / 1024 * 100vw);
    }
}
/* 写真切り替えリンク */

.productDescription_switcher {
    position: absolute;
    left: calc( 20 / 1024 * 100%);
    top: calc( 20 / 584 * 100%);
    width: calc( ( 240 + 8) / 1024 * 100%);
}

.productDescription_switcher:after {
    content: '';
    display: block;
    clear: both;
}

.productDescription_switcherItem {
    float: left;
    box-sizing: border-box;
    width: 50%;
    padding-right: calc( 10 / ( 240 + 8) * 100%);
    text-align: center;
}

.productDescription_switcherLink img {
    padding: 2px;
    /*padding: calc( 2 / 120 * 100% );*/
}

.productDescription_switcherText {
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
    font-weight: bold;
    line-height: 1;
    margin-top: .5em;
    opacity: .5;
}

@media(max-width:1024px) {
    .productDescription_switcherText {
        font-size: calc( 14 / 1024 * 100vw);
    }
}

@media(min-width:576px) {
    .productDescription_switcher {
        transition: all 0.2s ease-out .2s;
    }
    .scene_openBox .productDescription_switcher {
        transition: all 0.1s ease-out;
    }
}

@media(max-width:575px) {
    .productDescription_switcher {}
    .productDescription_switcherLink img {
        padding: 1px;
    }
}
/* state */
/*
.productDescription_switcher.hide {
  visibility: hidden;
}
*/

.scene_openBox .productDescription_switcher {
    opacity: 0;
    pointer-events: none;
}

.productDescription_switcherLink.active {
    cursor: default;
    pointer-events: none;
}

.productDescription_switcherLink.active img,
.productDescription_switcherLink:hover img {
    background: #000;
}

.productDescription_switcherLink.active .productDescription_switcherText,
.productDescription_switcherLink:hover .productDescription_switcherText {
    opacity: 1;
    color: #000;
}
/* ページャー */

.productDescription_pager {
    text-align: center;
    padding: 16px 0;
    letter-spacing: -.4em;
    line-height: 1;
}

.productDescription_pagerItem {
    width: 20px;
    display: inline-block;
    vertical-align: middle;
    letter-spacing: normal;
    margin: 0 8px;
}

.productDescription_pagerLink {
    display: block;
    padding: 100% 0 0;
    border-radius: 100%;
    background: #4d4d4d;
    opacity: .1;
}

.productDescription_pagerLink.active {
    opacity: 1;
    cursor: default;
    pointer-events: none;
}

@media(max-width:767px) {
    .productDescription_pager {
        padding: 12px 0;
    }
    .productDescription_pagerItem {
        width: 15px;
        margin: 0 6px;
    }
}

@media(max-width:575px) {
    .productDescription_pager {
        padding: 8px 0;
    }
    .productDescription_pagerItem {
        width: 10px;
        margin: 0 4px;
    }
}
/* state */

.productDescription_pager.disabled {
    pointer-events: none;
}
/* 白枠の説明コンテンツ */

.productDescription_features {
    position: absolute;
    top: 20px;
    right: 20px;
    bottom: 20px;
    width: 340px;
    background: #fff;
    box-shadow: 5px 5px 0px 0px rgba(0, 0, 0, .3);
    box-sizing: border-box;
    padding: 50px 5px 30px;
    text-align: left;
    font-size: 16px;
    visibility: hidden;
    opacity: 0;
}

.productDescription_closeButton {
    position: absolute;
    width: 30px;
    height: 30px;
    top: 10px;
    right: 10px;
    opacity: .3;
    transition: all 0.15s ease-in-out;
}

.productDescription_closeButton:hover {
    opacity: 1;
}

.productDescription_featuresContainer {
    height: 100%;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
    box-sizing: border-box;
    padding: 0px 25px;
    /* 親のpadding（5px）と合わせて30pxを想定 */
}

.productDescription_feature {
    display: none;
}
/* state */

.scene_openBox .productDescription_features,
.productDescription_features.active {
    visibility: visible;
    opacity: 1;
}

.productDescription_feature.active {
    display: block;
}

@media(min-width:576px) {
    .productDescription_features {
        transition: all 0.4s ease-in-out;
        transform: translate( 2%, 0);
    }
    .scene_openBox .productDescription_features,
    .productDescription_features.active {
        transition: all 0.4s ease-in-out .3s;
        transform: translate( 0, 0);
    }
}

@media(max-width:575px) {
    .productDescription_features {
        position: fixed;
        width: auto;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 100;
        transition: all 0.15s ease-in-out;
    }
    .scene_openBox .productDescription_features,
    .productDescription_features.active {
        transition: all 0.15s ease-in-out;
    }
}
/* 白枠の説明コンテンツの内容 */

.productDescription_feature a {}

.productDescription_featureTitle {
    text-align: center;
    font-size: 30px;
    font-weight: bold;
    line-height: 1.4;
    margin-bottom: .8em;
}

.productDescription_note {
    display: block;
    padding-left: 1em;
    text-indent: -1em;
    font-size: 12px;
    margin-top: .4em;
}

.productDescription_featureImageWrap {
    margin: .8em auto;
}

.productDescription_featureImage {
    display: block;
    margin: .2em auto;
    width: 100%;
}

.productDescription_featureNote {
    margin: .4em 0 0;
}

.productDescription_featureNote,
.productDescription_featureImageNote,
.productDescription_modalLinkNote {
    font-size: 10px;
    line-height: 1.4;
    padding-left: 1em;
    text-indent: -1em;
}

.productDescription_modalLink {
    display: block;
    vertical-align: top;
}

.productDescription_modalLink:hover {
    color: inherit;
    opacity: .7;
}
/* 管理者向けポイント */

.productDescription_point {
    background: #dcdcdc;
    margin: 1.4em 0 0;
    padding: 1.4em;
    font-size: 14px;
}

.productDescription_pointTitle {
    font-size: 18px;
    font-weight: bold;
    line-height: 1.4;
    margin: 0 0 .8em;
}

.productDescription_pointSubSection {
    margin: 0;
}

.productDescription_pointSubSectionTitle {
    font-weight: bold;
    margin: .8em 0;
}
/* 動画 */

.productDescription_featureVideoLink:hover {
    opacity: .7;
}

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

.productDescription_featureVideoThumb * {
    pointer-events: none;
}

.productDescription_featureVideoThumbInner {
    padding: 56.25% 0 0;
}

.productDescription_featureVideoThumb iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.productDescription_featureVideoCaption {
    font-size: 10px;
    line-height: 1.4;
    margin: .4em 0 0;
}
/* メールサンプル */

.productDescription_mailSampleItem {
    margin: 0 0 2em;
}

.productDescription_mailSampleItem:last-child {
    margin: 0;
}

.productDescription_mailSampleLink {
    display: block;
}

.productDescription_mailSampleLink:hover * {}

.productDescription_mailSampleLink .productDescription_featureImage {}

.productDescription_mailSampleCaption {
    font-weight: bold;
    padding-left: 1.3em;
    text-indent: -1.3em;
    line-height: 1.4;
    margin: 0 0 .4em;
}
/* end ドライブレコーダーの仕様について */
/* start 新機能紹介モーダル */

.modaal-content-container {
    padding: 0;
}

.modaal-close {
    position: absolute;
    border-radius: 0;
}

.modaal-wrapper .modaal-close {
    background-color: #fff;
}

.modaal-close:after,
.modaal-close:before {
    top: 0;
    width: 4px;
    height: 50px;
    border-radius: 0;
    background: #1450a0;
}

.modaal-close:focus:after,
.modaal-close:focus:before,
.modaal-close:hover:after,
.modaal-close:hover:before {
    background: #1450a0;
    opacity: .8;
}

.modaal-outer-wrapper {
    table-layout: fixed;
    /*IE11*/
}

.modalContents {
    padding: 0 6% 6%;
}

.modalContents_newFeature {
    background: #1450a0;
    background-color: rgba(20, 80, 160, .9);
    padding: 0 6% 6%;
}

.modalTitleWrap {
    background: url(../images/bg_newfeature.png) no-repeat center center;
    background-size: containe;
    padding: 8% 0;
}

.modalTitle {
    font-size: 50px;
    font-weight: bold;
    text-align: center;
    color: #fff;
}

.newFeatureList {
    overflow: hidden;
    margin-left: -3%;
}

.newFeatureListItem {
    float: left;
    width: 30.33%;
    margin-left: 3%;
    background: #fff;
    padding: 0 2%;
    box-sizing: border-box;
}

.newFeatureName {
    display: table;
    width: 100%;
    table-layout: fixed;
    border-bottom: 1px solid #1450a0;
}

.newFeatureNameInr {
    display: table-cell;
    vertical-align: middle;
    padding: 10% 2%;
    font-size: 30px;
    font-weight: bold;
    text-align: center;
    line-height: 1.4;
    color: #1450a0;
}

.newFeatureText {
    font-size: 18px;
    padding: 1em 3% 1.2em;
}

.modalContents_newFeature .btnArea01 {
    margin: 3% 0 0;
}
/* IE11 */

@media all and (-ms-high-contrast:none) {
    *::-ms-backdrop, .modaal-outer-wrapper {
        table-layout: fixed;
    }
}

@media(max-width:991px) {
    .newFeatureName br {
        display: none;
    }
}

@media(max-width:767px) {
    .modalTitleWrap {
        background-size: auto 70%;
        padding: 6% 0;
    }
    .modalTitle {
        font-size: 36px;
    }
    .newFeatureList {
        margin-left: 0;
    }
    .newFeatureListItem {
        float: none;
        width: auto;
        margin-left: 0;
        margin-top: 3%;
        padding: 0 4%;
        overflow: hidden;
    }
    .newFeatureListItem:first-child {
        margin-top: 0;
    }
    .newFeatureNameInr {
        padding: 5% 2%;
        font-size: 20px;
    }
    .newFeatureText {
        font-size: 13px;
        padding: 1em 2% 1em;
    }
}

@media(max-width:575px) {
    .modaal-close {
        top: 15px;
        right: 15px;
        width: 34px;
        height: 34px;
    }
    .modaal-close:after,
    .modaal-close:before {
        top: 2px;
        left: 16px;
        width: 3px;
        height: 30px;
    }
    .modalTitle {
        font-size: 26px;
    }
    .newFeatureNameInr {
        font-size: 18px;
        padding-top: 7%;
        padding-bottom: 7%;
    }
}
/* end 新機能紹介モーダル */
/*バック時走行の「見える化」*/

.back_car_img_box {
    text-align: center;
}

.top .back_car_img_box {
    padding: 10px 20px 25px;
}

.service .back_car_img_box {
    padding: 15px 20px 25px;
}

@media(max-width:767px) {
    .top .back_car_img_box, .service .back_car_img_box {
        text-align: center;
        padding: 5px 20px 20px;
    }
}

@media(max-width:575px) {
    .top .back_car_img_pc, .service .back_car_img_pc {
        display: none;
    }
}

@media(min-width:576px) {
    .top .back_car_img_sp, .service .back_car_img_sp {
        display: none;
    }
}
/* end バック時走行の「見える化」*/
/* 導入事例の新しいレイアウトフォーマット */

.JireiLead {
    font-size: 30px;
    font-weight: bold;
    color: #1EB9AF;
    line-height: 1.5;
    margin: 0 auto 50px;
}

.ProfileBlock .ProfileCol {
    float: left;
    width: 600px;
    box-sizing: border-box;
    padding-right: 30px;
}

.ProfileBlock img {
    float: right;
    width: 420px;
}

.ProfileBlock h1 span {
    display: block;
    box-sizing: content-box;
    font-size: 64%;
    width: 6.4em;
    padding: 0 20px;
    margin: 0 0 6px;
    line-height: 1.4;
}

.ProfileBlock h1 {
    font-size: 34px;
    font-weight: bold;
    line-height: 1.5;
    padding-bottom: 2px;
    border-bottom: 1px solid #000;
    margin-bottom: 9px;
}

.ProfileBlock p {
    font-size: 15px;
    line-height: 1.5;
}

.ProfileBlock .ProfileIntroduce {
    overflow: hidden;
    margin: 0 0 30px;
}

.ProfileBlock .ProfileLabel {
    display: block;
    float: left;
}

.ProfileBlock .ProfileIntroduceText {
    display: block;
    overflow: hidden;
}

.ProfileBlock dt {
    float: left;
    margin: 0 1.5em 0 0;
    font-size: 17px;
    font-weight: bold;
    line-height: 1.5;
    color: #1EB9AF;
    width: 6em;
}

.ProfileBlock dd {
    overflow: hidden;
    font-weight: bold;
}

.Dounyu {
    margin: 63px auto 0;
    border: 1px solid #1EB9AF;
    border-radius: 20px;
    padding: 40px;
    padding-left: 0;
    margin-left: 20px;
}

.DounyuCol h2 {
    float: left;
    width: 148px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    background: #1EB9AF;
    margin: 0 15px 0 -20px;
}

.DounyuCol .DounyuColContents {
    overflow: hidden;
}

.DounyuCol ol {
    counter-reset: my-counter;
    list-style: none;
    padding: 0;
}

.DounyuCol ol li {
    font-size: 21px;
    font-weight: bold;
    margin: 0 0 .3em 0;
    padding-left: 27px;
    position: relative;
}

.DounyuCol ol li:before {
    content: counter(my-counter);
    counter-increment: my-counter;
    background-color: #1EB9AF;
    color: #fff;
    display: block;
    float: left;
    margin-left: -27px;
    text-align: center;
    height: 1.4em;
    width: 1.4em;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: .7em;
    padding: .1em;
    box-sizing: border-box;
    border-radius: 50%;
    position: relative;
    top: .5em;
}

.DounyuKadaiLeft {
    float: left;
}

.DounyuKadaiRight {
    float: right;
    background: rgba(30, 185, 175, .15);
    border-radius: 10px;
    padding: 8px 20px 12px 15px;
    position: relative;
    box-sizing: border-box;
}

.DounyuKadaiRight:before {
    content: '';
    display: block;
    width: 56px;
    height: 58px;
    background: url(../images/jirei_arrow_02.svg) no-repeat;
    background-size: contain;
    position: absolute;
    top: 50%;
    left: -66px;
    transform: translate(0, -50%);
}

.DounyuKadaiRight h3 {
    font-size: 18px;
    font-weight: bold;
    color: #1EB9AF;
}

.DounyuKadaiRight ul {
    font-size: 15px;
    font-weight: bold;
    list-style: disc;
    margin-left: 2em;
}

.DounyuArrow p {
    margin: 17px 0;
    font-size: 25px;
    font-weight: bold;
    color: #1EB9AF;
    text-align: center;
}

.DounyuArrow p:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 64px;
    height: 45px;
    background: url(../images/jirei_arrow_01.svg) no-repeat;
    background-size: contain;
    margin: 0 10px 0 0;
}

.DounyuRequest p {
    font-size: 21px;
    font-weight: bold;
    line-height: 1.62;
    text-align: center;
    margin: 0 0 16px;
}

.DounyuRequest {
    margin: 54px auto;
    text-align: center;
}

.DounyuRequest p span {
    display: inline-block;
    width: 2.5em;
    height: 2px;
    background: #000;
    margin: 0 .5em;
    position: relative;
    top: -0.1em;
    vertical-align: middle;
}

.DounyuRequest a {
    display: inline-block;
    width: 345px;
    height: 53px;
    line-height: 53px;
    font-size: 19px;
    font-weight: bold;
    background: #FA4D2C;
    color: #fff;
    border-radius: 6px;
}

.DounyuRequest a span:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    margin-right: .4em;
    width: 8px;
    height: 12px;
    position: relative;
    top: -.1em;
    background: url(../images/icon_arrow_btn02b.png) no-repeat;
    background-size: contain;
}

@media(max-width:1054px) {
    .JireiLead br {
        display: none;
    }
    .ProfileBlock .ProfileCol {
        width: calc(604 / 1024 * 100%);
    }
    .ProfileBlock img {
        width: calc(420 / 1024 * 100%);
    }
    .Dounyu {
        padding-left: 40px;
    }
    .DounyuCol h2 {
        float: none;
        margin-left: 0;
        margin-bottom: 10px;
    }
    .DounyuKadaiLeft {
        width: calc(480 / 830 * 100%);
    }
    .DounyuKadaiRight {
        width: calc(270 / 830 * 100%);
    }
    .DounyuKadaiRight:before {
        width: calc(56 / 1054 * 100vw);
        height: calc(58 / 1054 * 100vw);
        left: calc(-66 / 1054 * 100vw);
    }
}

@media(max-width:767px) {}

@media(max-width:767px) {
    .JireiLead {
        font-size: 120%;
        font-weight: bold;
        margin: 0 0 20px;
    }
    .ProfileBlock .ProfileCol {
        float: none;
        width: auto;
        padding: 0;
        margin: 0;
    }
    .ProfileBlock h1 {
        font-size: 160%;
        padding: 0 0 .3em;
        margin: 0 0 .3em;
    }
    .ProfileBlock h1 span {
        font-weight: bold;
        width: 6em;
        margin: 0 0 .6em;
        padding: .15em .6em;
        border-radius: 3px;
    }
    .ProfileBlock img {
        float: none;
        width: 100%;
        margin: 20px 0;
    }
    .ProfileBlock .ProfileIntroduce {
        margin: auto;
    }
    .ProfileBlock p {
        font-size: inherit;
        font-weight: normal;
        line-height: inherit;
    }
    .ProfileBlock .ProfileLabel {
        float: none;
        display: inline;
    }
    .ProfileBlock .ProfileIntroduceText {
        display: inline;
    }
    .ProfileBlock dt {
        font-size: inherit;
        line-height: inherit;
    }
    .ProfileBlock dd {
        font-size: inherit;
        font-weight: normal;
        line-height: inherit;
    }
    .Dounyu {
        margin: 20px 0 0;
        padding: 15px;
        border-radius: 6px;
    }
    .DounyuCol h2 {
        float: none;
        font-size: inherit;
        box-sizing: border-box;
        width: auto;
        min-width: 5em;
        padding: 0 1em;
        margin: 0 0 10px;
    }
    .DounyuCol ol li {
        font-size: inherit;
        font-weight: normal;
        line-height: inherit;
        margin: 0 0 .25em 0;
        padding-left: 1.4em;
    }
    .DounyuCol ol li:before {
        /*font-size: .7em;
    padding: .15em;
    line-height: 1em;
    height: 1em;
    width: 1em;
    position: relative;
    top: .55em;*/

        margin-left: -1.6em;
    }
    .DounyuKadaiLeft {
        float: none;
        width: auto;
    }
    .DounyuKadaiRight {
        float: none;
        width: auto;
        border-radius: 4px;
    }
    .DounyuKadaiRight {
        padding: 10px 15px 15px;
        margin: 45px 0 0;
    }
    .DounyuKadaiRight:before {
        width: 28px;
        height: 29px;
        left: 50%;
        top: -33px;
        transform: translate(-50%, 0) rotate(90deg);
    }
    .DounyuKadaiRight h3 {
        font-size: inherit;
    }
    .DounyuKadaiRight ul {
        font-size: inherit;
        font-weight: normal;
        line-height: inherit;
        margin-left: 1.7em;
    }
    .DounyuArrow p {
        font-size: inherit;
        margin: 20px 0;
    }
    .DounyuArrow p:before {
        width: 32px;
        height: 23px;
        margin-right: 8px;
    }
    .DounyuRequest {
        margin: 30px 0;
    }
    .DounyuRequest p {
        font-size: inherit;
        line-height: inherit;
        margin: 0 0 10px;
    }
    .DounyuRequest a {
        display: block;
        width: auto;
        height: 50px;
        line-height: 50px;
        font-size: inherit;
        border-radius: 6px;
    }
}

@media(max-width:575px) {}
/* end 導入事例の新しいレイアウトフォーマット */



/*request追加_20200527*/
.request_box {
    width: 100%;
    max-width: 1024px;
    margin: 0 auto;
}

.request_box::after {
    content: "";
    display: block;
    clear: both;
}

.request_box .left_box {
    float: left;
    width: 510px;
}

.request_box .left_box .box_request_w1_wrap {
    display: table;
    table-layout: fixed;
    width: 100%;
    margin-bottom: 40px;
}

.request_box .ttl_request1 {
    font-size: 30px;
    line-height: 40px;
    font-weight: bold;
    border-bottom: 3px solid #d2272e;
    text-align: left;
    padding: 10px 5px;
    margin-bottom: 30px;
}

.request_box .left_box .box_request_w1 .box_request {
    display: table-cell;
    width: 50%;
    text-align: left;
    padding: 0 20px 0 0;
}

.request_box .left_box .box_request_w1 .box_request:nth-child(2) {
    padding: 0 0 0 20px;
}

.request_box .ttl_request2 {
    font-size: 20px;
    line-height: 30px;
    font-weight: bold;
    text-align: left;
    padding: 0 7px;
}

.request_box .ttl_request2 span {
    font-size: 14px;
}

.request_box .box_request a:after,
.request_box .box_request_s a:after {
    content: url(../images/request/icon_loupe.svg);
}

.request_box .box_request img {
    width: 75%;
}

.box_request_w2_wrap {
    display: table;
    width: 100%;
    margin-bottom: 40px;
}

.request_box .left_box .box_request_w2 {
    display: table-cell;
    width: 50%;
    padding: 0 20px 0 0;
    text-align: left;
}

.request_box .left_box .box_request_w3 {
    display: table-cell;
    width: 50%;
    padding: 0 0 0 20px;
    text-align: left;
}

.request_box .left_box .box_request_w4 {
    margin-bottom: 40px;
}

.request_box .left_box .box_request_w4_wrap {
    display: table;
    width: 100%;
}

.box_request_w4_inner {
    display: table-cell;
    width: 50%;
}

.request_box .left_box .box_request_w4 .box_request_s {
    display: table-cell;
    width: 25%;
    text-align: left;
}

.request_box .left_box .box_request_w4 .box_request_s a img {
    width: 75%;
}

.request_box .txtbox_w800 {
    float: right;
    width: 480px;
    padding: 10px 0 0;
    margin-bottom: 40px;
}

@media (max-width: 767px) {
    .request_box {
        display: block;
        width: 92%;
        margin: 0 auto;
    }
    .request_box .left_box {
        display: block;
        width: 100%;
    }
    .request_box .left_box .box_request_w1_wrap {
        margin-bottom: 20px;
    }
    .request_box .ttl_request1 {
        font-size: 25px;
        line-height: 30px;
        margin-bottom: 20px;
    }
    .request_box .ttl_request2 {
        font-size: 15px;
        line-height: 25px;
    }
    .request_box .ttl_request2 span {
        font-size: 10px;
    }
    .request_box .box_request a img {
        width: 75%;
    }
    .box_request_w2_wrap {
        margin-bottom: 20px;
    }
    .request_box .left_box .box_request_w4 {
        margin-bottom: 20px;
    }
    .box_request_w4_inner {
        display: table;
        width: 100%;
        margin-bottom: 20px;
    }
    .request_box .left_box .box_request_w4 .box_request_s {
        width: 50%;
        padding: 0 20px 0 0;
    }
    .request_box .left_box .box_request_w4 .box_request_s:nth-child(2) {
        padding: 0 0 0 20px;
    }
    .request_box .txtbox_w800 {
        display: block;
        width: 100%;
        padding-left: 0;
    }
    .second .txtbox_w800 {
        max-width: auto;
        margin: 0 auto 40px;
        padding: 0;
        text-align: left;
    }
}

#palsystem nav.gnavi ul.mainNav li {
    font-size: 1.4rem;
    font-weight: bold;
}



/* コラムページ関連コラム */

.columnShousai .columnArea h3 {
    text-align:center;
    margin-bottom: 30px;
}

.columnShousai .column_flex {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.columnShousai .column_picture {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width:180px;
    height:130px;
    border: 1px solid #909090;
    overflow:hidden;
    transition: .3s,ease;
}

.columnShousai .column0621 {
    background-image:url('../column/img/column_img1.jpg');
    display:block;
}

.columnShousai .column0828 {
    background-image:url('../column/img/column_img2.jpg');
    display:block;
}

.columnShousai .column0926 {
    background-image:url('../column/img/column_img3.jpg');
    display:block;
}

.columnShousai .column1213 {
    background-image:url('../column/img/column_img4.jpg');
    display:block;
}

.columnShousai .column0212 {
    background-image:url('../column/img/column_img5.jpg');
    display:block;
}

.columnShousai .column0511 {
    background-image:url('../column/img/column_img6.jpg');
    display:block;
}
.columnShousai .column0713 {
    background-image:url('../column/img/column_img7.jpg');
    display:block;
}
.columnShousai .column0818 {
    background-image:url('../column/img/column_img8.jpg');
    display:block;
}
.columnShousai .column0820 {
    background-image:url('../column/img/column_img9.jpg');
    display:block;
}

.columnShousai .column0713:hover,
.columnShousai .column0212:hover,
.columnShousai .column0511:hover,
.columnShousai .column0621:hover,
.columnShousai .column1213:hover,
.columnShousai .column0828:hover,
.columnShousai .column0926:hover,
.columnShousai .column0818:hover,
.columnShousai .column0820:hover{
    box-shadow: 0 0 8px gray;
    transform:scale(1.02,1.02);
    transition: .5s;
    cursor:pointer;
}

.columnShousai .column_text p {
    font-size: 0.9em;
    width: 180px;
    overflow-wrap:break-word;
    letter-spacing: 0.01em;
    padding: 10px 10px 0 10px;
    text-overflow: ellipsis;
    overflow: hidden;

}

.columnShousai .column_flex--second {
    display: flex;
}


@media (max-width: 767px) {
    .columnShousai .column_wrapper {
        width: max-content;
        margin: 0 auto 30px;
    }

    .columnShousai .column_flex {
        display: block;
    }
    .columnShousai .column_text {
    width: 170px;
    padding-left: 5px;
    }
    .columnShousai .column_picture {
        width: 160px;
        height: 110px;
    }
    .columnShousai .column_text p {
        width: 150px;
    }
}

/* トップページオススメコラム */

.column .inner {
    width: 1024px;
    margin: 0 auto;
}

.column .columnArea {
    margin: 0 auto 30px;
}

.column .columnArea h2 {
    margin: 30px 0 20px;
    font-size: 200%;
    font-weight: bold;
}

.column .columnArea .column_flex {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.column .columnArea .column_wrapper {
    width: calc(25% - 40px);
    margin: 0 20px 0;
}

.column .columnArea .column_picture {
    margin: 0 0 32px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border: 1px solid #909090;
    overflow:hidden;
    transition: .3s,ease;
}
.column .columnArea .column_text p {
    font-size: .8rem;
    text-align: left;
    font-weight: bold;
}
.column .columnArea .column0820:hover,
.column .columnArea .column0818:hover,
.column .columnArea .column0713:hover,
.column .columnArea .column0926:hover{
    box-shadow: 0 0 8px gray;
    transform:scale(1.02,1.02);
    transition: .2s;
    cursor:pointer;
}

@media screen and (max-width: 1024px) {
    .column .inner {
        width: 90%;
    }
    .column .columnArea .column_wrapper {
        width: calc(50% - 16px);
        margin: 0 8px 32px;
    }
}

@media (max-width: 767px) {
    .column .inner {
    width: 90%;

    }
    .column .columnArea .column_text {
        width: auto;
        padding-left: 5px;
    }
    .column .columnArea .column_picture {
        width: auto;
        margin: 0 0 16px;
    }
}


/** #===== ニュース一覧===== */
/* ================================================================= */
.topicslist {
    padding: 0 0 80px;
}
.topicslist-area {
    padding: 130px 0 80px;
    max-width: 1360px;
    margin: 0 auto;
}
.topicslist-area h1 {
    font-family: proxima-nova, sans-serif;
    font-size: 3.5rem;
    font-weight: bold;
    text-align: center;
    color: #1650A0;
    padding: 0 0 16px;
    margin: 0 0 40px;
}
.topicslist-area h1:after {
    content: "";
    display: block;
    height: 5px;
    background: #1650A0;
    width: 7%;
    margin: 16px auto 0;
}
#news li {
    display: flex;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 32px 0;
    padding: 24px 0 40px;
    border-bottom: 1px solid #707070;
}
#news .date p {
    color: #A7A7A7;
}
#news .new p {
    border: 2px solid #205EB1;
    padding: 0 13px;
    line-height: 20px;
    margin: 0 0 0 32px;
}
#news .new p span {
    color: #205EB1;
    font-weight: bold;
}
#news .txt {
    margin: 0 0 0 32px;
    text-align: left;
}
#news .txt p a {
    color: #707070;
}
.topicslist .btnArea .btnAreaCommon {
    display: flex;
    justify-content: center;
}
.topicslist .btnArea .btnAreaCommon > div {
    margin: 0 16px 0;
}


@media screen and (max-width: 1024px) {
    .topicslist-area {
        padding: 80px 16px;
    }
    .topicslist-area h1:after {
        width: 14%;
    }
    #news .new p {
        position: absolute;
        margin: 0;
        left: 0;
        top: 28px;
    }
    #news li {
        position: relative;
        padding: 0 0 24px;
    }
    #news .txt {
        margin: 0 0 0 24px;
    }
    .topicslist .btnArea .btnAreaCommon {
        display: block;
    }
    .topicslist .btnArea .btnAreaCommon > div {
        margin: 0 16px 16px;
    }
}

/* 20200825 */

.p-sidebar {
  position: fixed;
  top: 10vw;
  right: 0;
  opacity: 0;
  pointer-events: none;
    transition-timing-function: cubic-bezier(0.47, -0.31, 0.8, 1.3);
  transition-duration: 1.5s;
}

.p-sidebar__list li {
  border-left: 5px solid #f5b428;
  background-color: #1f5db1;
}

.p-sidebar__list li + li {
  margin-top: 1em;
}

.p-sidebar__list a {
  display: flex;
  flex-direction: column;
  padding: .5em;
  width: 60px;
  align-items: center;
  justify-content: center;
}

.p-sidebar__list span {
  display: block;
  color: #fff;
  font-weight: bold;
  font-size: .8em;
}

.p-sidebar__list .u-emphasis {
  font-size: 1.125em;
}

.u-tategaki {
  -ms-writing-mode: tb-rl;
      writing-mode: vertical-rl;
  -webkit-text-orientation: upright;
          text-orientation: upright;
}

.is-popup {
  opacity: 1;
  cursor: pointer;
  transition-timing-function: cubic-bezier(0.47, -0.31, 0.8, 1.3);
  transition-duration: 1.5s;
  pointer-events: auto;
}

@media screen and (max-width: 1024px) {
  .p-sidebar__list a {
    width: 45px;
  }
  .p-sidebar__list span {
    font-size: .6em;
  }
  .p-sidebar__list .u-emphasis {
    font-size: .9em;
  }
}

@media screen and (max-width: 768px) {
  .is-popup {
    display: none;
  }
}

/* 20200911 */

.awardArea {
    margin: 0 auto;
}

.awardArea p.hTxt {
    padding-top: 20px;
    margin-bottom: 0;
}
.awardArea .hTxt2 {
    margin-bottom: 30px;
    font-size: 14px;
    padding-left: 10px;
}

.awardArea .awardArea-img {
    width: 45%;
    margin: 0 auto 30px;
}

.awardArea-box {
    border: #205EB1 solid 4px;
    box-sizing: border-box;
    padding: 24px 40px 24px 80px;
    width: 1000px;
    margin: 0 auto 64px;
    border-radius: 30px;
    background-image: url(../images/award_logo.jpg);
    background-repeat: no-repeat;
    background-position: 100% 50%;
    background-size: 30%;
    background-color:rgba(255,255,255,0.8);
    background-blend-mode:lighten;
}

.awardArea-box.flex {
    display: flex;
    justify-content: flex-start;
}

.awardArea-box-title {
    padding: 30px 0 30px 56px;
    text-align: left;
}

.awardArea-box-title a {
    font-weight: bold;
    font-size: 1.5rem;
    color: #205EB1;
}

.awardArea .flex-item {
    width: calc(100% - 150px);
}

.awardArea .awardArea-box-img {
    width: 150px;
}

.awardArea-box-img {
    width: 200px;
}

@media screen and (max-width: 768px) {
    .awardArea .awardArea-img {
        width: 100%;
    }
    .awardArea-box {
        width: auto;
        padding: 10px 0 0;
    }
    .awardArea p.hTxt {
        text-align: center;
    }
    .awardArea-box.flex {
        padding: 16px 10px 16px 0;
        background-size: 60%;
        background-position: 130% 50%;
    }
    .awardArea .flex-item {
        width: 100%;
    }
    .awardArea .awardArea-box-img {
        width: 50%;
        margin: 0 auto;
    }
    .awardArea .awardArea-box-img img {
        width: 90%;
        margin: -6px 0 0 7px;
    }
    .awardArea-box-title {
        padding: 0;
        font-size: 14px;
        text-align: center;
    }
    .awardArea-box-title a {
        font-size: .9rem;
        text-align: left;
    }
}

.top .merit h3 {
    margin-bottom:35px;
    font-size: 130%;
    font-weight: bold;
}

.meritboxAtten {
    font-size: .9rem;
    font-weight: 100;
}


/* 20200918 */

main.second .kiken {
  padding: 0 15px;
  background-color: #a1b9d9;
}

.kiken .list-area {
    max-width: 1024px;
    margin: 0 auto;
}

.kiken .box01 {
  margin-bottom: 30px;
}

.kiken .list-subtitle h2 {
    font-size: 170%;
    margin-bottom: 15px;
    font-weight: bold;
}

.kiken .list-area .secTxtN {
    margin-bottom:15px;
}

.kiken .list-area ul {
    text-align: left;
    width: 85%;
    margin: 0 auto 40px;
}


.kiken .list-area ul > li {
    margin-bottom:15px;
    padding:5px;
    border-radius: 10px;
    background-color: #ffffff;
    font-size: 120%;
    text-align: left;
}

.kiken .list-area ul > li span {
    font-weight: bold;
}

.kiken .container-area {
    margin-bottom: 40px;
}

.kiken .container-area .container-lead {
    margin-bottom: 15px;
}

.kiken .container-box {
    background-color: #ffffff;
    border-radius: 10px;
    margin-bottom: 25px;
    padding: 15px;
}

.kiken .container-box .container-title {
    font-weight: bold;
    text-align: left;
    font-size: 120%;
    margin-bottom: 15px;
}

.kiken .container-box .container-text {
    font-size: 100%;
    text-align: left;
}

.kiken .description-area .box2 {
    font-size: 170%;
    margin-top: 80px;
    margin-bottom: 15px;
    font-weight: bold;
}

.kiken .description-area .serviceBoxMail02 h3 {
margin-bottom: 20px;
    padding: 35px 0 10px;
    border-bottom: 2px solid #fff;
    font-size: 130%;
    font-weight: bold;
}

.kiken .description-area .service3Lineup {
    display: flex;
    justify-content: space-between;
    width: auto;
}


.kiken .description-area .lineupItemBox {
    width: 310px;
}

@media screen and (max-width: 768px) {
    .kiken .description-area .lineupItemBox {
    width: 95%;
}

}


.kiken .description-area .lineupItemTitle {
    font-weight: bold;
    font-size: 90%;
}

.kiken .description-area .lineupItemBox {
    margin: 10px;
    text-align: center;
}

.kiken .description-area .meritBox02 {
    max-width: 920px;
    margin: 0 auto 20px
}

.kiken .description-area .meritBox02:last-child {
    margin: 0 auto 40px;
}

.kiken .description-area .meritBox02 .meritBoxInr {
    width: 100%;
    background-color: #ffffff;
    text-align: left;
    border-radius: 10px;
}

.kiken .description-area .meritBox02 .meritBoxInr .boxNew {
    position: relative;
}

.kiken .description-area .meritBox02 .meritBoxInr .thumb01 {
    display: block;
    float: right;
    margin-left: 10px;
    padding: 20px 20px 20px 0;
    font-size: 70%;
    text-align: center;
}

.kiken .description-area .meritBox02 .meritBoxInr .thumb01 img {
    margin-bottom: 10px;
}

.kiken .description-area .meritBox02 .meritBoxInr .txt {
    padding: 20px 20px 10px;
    font-size: 110%;
    font-weight: bold;
}

.kiken .description-area .meritBox02 .meritBoxInr .txt02 {
    padding: 0 20px 20px;
    font-size: 90%
}

.kiken .description-area .meritBox02 .meritBoxInr .txt03 {
    padding: 0 20px 20px;
    font-size: 75%
}

.kiken .description-area .meritBox02 .meritBoxInr .txt03 a {
    text-decoration: underline;
}

@media screen and (max-width: 768px) {
    .kiken .description-area .service3Lineup {
        display: block;
        margin: 0 auto;
        flex-wrap: wrap;
    }
    .kiken .description-area .lineupItemBox {
    margin: 0 auto 30px;
}

}


.kiken .logic-area .meritBox03Inr02Box {
    padding: 20px;
    border: 2px solid #fff;
    border-radius: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 50%;
    margin: 0 auto;
}

@media screen and (max-width: 768px) {
    .kiken .logic-area .meritBox03Inr02Box {
    width: 100%;
    }

}

.kiken .logic-area .meritBox03Inr02Box:first-child {
    margin-right: 30px
}

.kiken .logic-area .meritBox03Inr02Box {
    background: url(../images/bg_2nd_merit02.png) 50% 85% no-repeat;
    margin-bottom: 45px;
}

.kiken .logic-area .meritBox03Inr02Box h3 {
    margin-bottom: 20px;
    font-size: 120%;
    font-weight: bold;
}

.kiken .logic-area .meritBox03Inr02Box h3 span.point {
    color: #fff;
    margin-right: 10px;
    font-size: 110%;
}

.kiken .logic-area .meritBox03Inr02Box .txt02 {
    margin-bottom: 30px;
    font-size: 100%:
}

.kiken .logic-area .meritBox03Inr02Box .txt02 span.kadomaru {
    margin: 0 5px;
    padding: 3px 20px;
    background-color: #fff;
    border-radius: 20px;
}

.kiken .logic-area .meritBox03Inr02Box .txt03 {
    font-size: 80%;
    text-align: left;
}

.kiken .logic-area .box03 {
    font-size: 170%;
    margin-top: 80px;
    margin-bottom: 15px;
    padding: 35px 0 10px;
    font-weight: bold;   
    margin-bottom: 20px;
}

.kiken .guidance-area .box04 h2 {
    font-size: 170%;
    margin-bottom: 50px;
    padding-bottom: 10px;
    font-weight: bold;
}

.kiken .guidance-area .box04 h3 {
    font-size: 150%;
    margin-bottom: 15px;
    padding-bottom: 10px;
    font-weight: bold;
    border-bottom: 2px solid #fff;
}

.kiken .guidance-area .guidance-text {
    padding-bottom: 45px;
}

.kiken .guidance-area .meritBox03Inr04Box {
    margin-bottom: 45px;
}


.kiken .guidance-area .serviceBox02 .serviceBox02Inr {
    max-width: 1024px;
    margin: 0 auto 40px;
    padding-top: 0
}

.kiken .guidance-area .serviceBox02 .serviceBox02InrHalfWrap {
    max-width: 1024px;
    margin: 0 auto 20px
}

.kiken .guidance-area .serviceBox02 .serviceBox02Inr.half {
    float: left;
    width: 40%;
    width: -webkit-calc(50% - 30px);
    width: calc(50% - 30px)
}

.kiken .guidance-area .serviceBox02 .serviceTit {
    max-width: 1024px;
    margin: 0 auto 20px;
    padding: 10px
}

.kiken .guidance-area .serviceBox02 .serviceTit.kihon {
    background-color: #2687dc;
}

.kiken .guidance-area .serviceBox02 .serviceTit.option {
    background-color: #cfc7a1
}

.kiken .guidance-area .serviceBox02 .serviceBox02Inr h3 {
    width: 400px;
    margin: 0 auto;
    padding: 5px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 10px;
    background-color: #fff;
    font-size: 130%;
    color: #000;
    font-weight: bold;
    line-height: 1.3em
}

.kiken .guidance-area .serviceBox02 .serviceBox02Inr h3 span {
    margin-top: -91px;
    padding-top: 91px
}

@media screen and (max-width: 768px) {
    .kiken .guidance-area .serviceBox02 .serviceBox02Inr h3 {
    width: 95%;
    }

}

.kiken .guidance-area .serviceBox02 .serviceBox02Inr .txt02 {
    margin-bottom: 15px;
    text-align: left
}

.kiken .guidance-area .serviceBox02 .serviceBox02Inr .pict01 {
    margin-bottom: 30px;
    padding: 20px 0;
    background-color: #2687dc;
    border-radius: 20px
}

.kiken .guidance-area .serviceBox02 .serviceBoxMail {
    max-width: 1024px;
    margin: 0 auto 40px;
    background-color: #2687dc;
    border-radius: 20px;
    color: #000;
    text-align: left
}

.kiken .guidance-area .serviceBox02 .serviceBoxMail .thumb01 {
    display: block;
    float: right;
    margin-left: 10px;
    padding: 20px 55px 20px 30px;
    font-size: 70%;
    text-align: center;
}

.kiken .guidance-area .serviceBox02 .serviceBoxMail .thumb01.picAndMovie {
    padding: 0 40px 20px 20px;
}

.kiken .guidance-area .serviceBox02 .serviceBoxMail .picAndMovieInner {
    border: 1px solid #Fff;
    border-radius: 10px;
    padding: 10px 9px 10px 20px;
    position: relative;
}

.kiken .guidance-area .serviceBox02 .serviceBoxMail .picAndMovieCaption {
    padding-left: 4%;
}

.kiken .guidance-area .serviceBox02 .serviceBoxMail .picAndMovieInner::after {
    content: '※SDカードを取り出す必要はありません';
    color: #fff;
    position: absolute;
    left: 50%;
    bottom: -10%;
    transform: translate(-50%, 0);
    background: #0087e2;
    padding: 0 5px;
    white-space: nowrap;
    font-size: 110%;
}

.kiken .guidance-area .serviceBox02 .serviceBoxMail .boxNew::after,
.kiken .guidance-area .serviceBox02 .serviceBoxMail .boxUpdate::after {
    position: absolute;
    top: 20px;
    right: 20px;
}

.kiken .guidance-area .serviceBox02 .serviceBoxMail .thumb01 img {
    margin-bottom: 10px;
}

.kiken .guidance-area .serviceBox02 .serviceBoxMail .thumb01 .thumbImg {
    display: inline-block;
    vertical-align: middle;
    text-align: left;
    line-height: 1;
    font-weight: bold;
}

.kiken .guidance-area .serviceBox02 .serviceBoxMail .thumb01 .thumbImg img {
    margin: 0;
}

.kiken .guidance-area .serviceBox02 .serviceBoxMail .movie {
    display: inline-block;
    vertical-align: middle;
    font-weight: bold;
    padding: 10px 11px 0 11px;
    position: relative;
}

.kiken .guidance-area .serviceBox02 .serviceBoxMail .movie::before {
    content: '';
    background-image: url(../images/movie_attention.png);
    -webkit-background-size: 100%;
    background-size: 100%;
    background-repeat: no-repeat;
    position: absolute;
    width: 81px;
    height: 41px;
    top: -36px;
    left: 50%;
    transform: translate(-50%, 0);
    border-left: 7px solid #0087e2;
    border-right: 7px solid #0087e2;
}

.kiken .guidance-area .serviceBox02 .serviceBoxMail .movie img {
    margin: 0;
}

.kiken .guidance-area .serviceBox02 .serviceBoxMail .txt {
    padding: 20px 20px 10px 55px;
    font-size: 110%;
    font-weight: bold;
    position: relative;
}

.kiken .guidance-area .serviceBox02 .serviceBoxMail .txt02 {
    padding: 0 20px 20px 55px;
    font-size: 90%
}

.kiken .guidance-area .serviceBox02 .serviceBoxMail02 {
    max-width: 1024px;
    margin: 0 auto 40px;
    background-color: #2687dc;
    border-radius: 20px;
    color: #000;
    text-align: left
}


/**** service.html ****/
.s_center {
    text-align: center;
}
.mv_s h1 img {
    width: 100%;
}
.nav_s {
    background: #E2EBF2;
}
.nav_s, .nav_s a {
    color: #1650A0;
    font-weight: 600;
}
.mainnav_s {
    display: flex;
    /*width: 800px*/
    height: 60px;
    margin: 0 auto;
}
.mainnav_s > li {
    position: relative;
    width: calc(50% - 2px);
}
.mainnav_s > li:nth-of-type(2n-1) {
    border-right: 2px solid #fff;
}
.mainnav_s > li p {
    position: relative;
    height: 100%;
    vertical-align: middle;
}
.mainnav_s > li p span {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: block;
    width: 100%;
    height: 25px;
    margin: auto;
}
.mainnav_s > li:first-of-type p span {
    right: 0;
    left: auto;
}
.mainnav_s > li p span:after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    left: 85%;
    bottom: 0;
    display: block;
    width: 20px;
    height: 8px;
    margin: auto;
    background: url(../images/service/ios-arrow-down.png);
    backface-visibility: hidden;
    background-size: contain;
    background-position: 5px;
    background-repeat: no-repeat;
    transition: ease .3s;
    transform: rotate(00deg);
}
.nav_open > p span:after {
        transform: rotate(180deg)!important;
}
.subnav_s {
    position: absolute;
    z-index: 1;
    width: calc(100% + 1px);
    border-top: 2px solid #fff;
    background: #E2EBF2;
}
.subnav_s li {
    position: relative;
    height: 60px;
    border-bottom: 2px solid #fff;
}
.subnav_s li a {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    height: 24px;
}
.mainnav_s li:first-of-type .subnav_s li {
    border-right: 2px solid #fff;
    right: -1px;
}
.mainnav_s li:last-of-type .subnav_s {
    border-left: 2px solid #fff;
    left: -1px;
}
.service_box {
    padding: 64px 0 0;
}
.service_box h2 p {
    font-size: 14px;
}
.service_area {
    max-width: 1000px;
    margin: 60px auto;
    text-align: left;
}
.service_area h3 {
    position: relative;
    background: #1650A0;
    border-radius: 12px;
    padding: 8px 0;
    text-align: center;
    color: #fff;
    font-size: 2rem;
    font-weight: bold;
    font-family: "游ゴシック", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
}
h3.open_area_active {
    border-radius: 12px 12px 0 0;
}
.plus-mi {
    position: absolute;
    width: 20px;
    height: 2px;
    right: 0;
    top: 0;
    bottom: 0;
    left: 95%;
    margin: auto;
}
.plus-mi span {
    display: block;
    width: 100%;
    height: 2px;
    background: #fff;
}
.plus-mi span:last-of-type {
    transform: rotate(90deg);
    margin: -1px 0 0;
    transition: ease .3s;
}
.open_area_active .plus-mi span:last-of-type {
  transform: rotate(0deg);
  display: none;
}
h4 {
    font-size: 24px;
    margin: 0 0 64px;
}
h5 {
    text-align: center;
    margin: 0 0 64px;
}
.s_bold {
    font-weight: bold;
}
.s_a_inner {
    padding: 60px;
    border: 1px solid #E4E4E4;
    background: #fff;
    border-radius: 0 0 12px 12px;
}
.s_a_item img {
    margin: 0 auto;
    display: block;
}
.s_playbtn {
    display: flex;
    align-items: center;
    margin: 0 0 24px;
    font-weight: bold;
}
.s_playbtn:before {
    content: "";
    display: inline-block;
    width: 52px;
    height: 30px;
    margin: -3px 0 0;
    background: url(../images/service/movie_icon.png) no-repeat;
    background-size: contain;
}
.s_underline {
    text-align: center;
    background: #FFCB00!important;
    background: linear-gradient(to bottom,transparent 77%,#FFCB00 23%) !important;
    display: inline-block;
    font-weight: 600;
    margin: 0 auto;
    font-size: 24px;
    letter-spacing: 2px;
    line-height: 24px;
}
#realtime_s .s_a_inner .s_a_item p.s_center {
    font-size: 16px;
    color: #32353C;
    margin: 40px 0 80px;
}
#realtime_s .s_a_inner .s_a_item:nth-of-type(2) {
    margin: 80px 0;
}
#realtime_s .s_a_inner .s_a_item:nth-of-type(2) > img {
    margin: 0 auto 64px;
}
.s_2cloumn {
    display: flex;
    align-content: center;
    justify-content: center;
    margin: 40px 0;
}
.s_2cloumn_inner {
    width: 400px;
    margin: 0 70px 0;
}
.s_2cloumn_inner .s_bold {
    margin: 0 0 32px;
    text-align: center;
}
.s_2cloumn_inner > p:nth-of-type(2) {
    height: 170px!important;
    font-size: 16px!important;
    line-height: 32px!important;
}
.s_2cloumn_inner div .s_bold {
    margin: 0;
}
.s_2cloumn_inner div p:last-of-type {
    height: auto;
    font-size: 14px;
    text-align: center;
}
.s_3cloumn {
    display: flex;
    margin: 0 0 40px;
}
.s_3cloumn_inner {
    margin: 0 24px 0;
    width: 261px;
}
.s_3cloumn_inner img {
    max-width: 205px;
}
.s_3cloumn_inner .s_bold {
    text-align: center;
    margin: 0 0 16px;
}
.s_3cloumn_inner p:last-of-type {
    font-size: 16px;
    line-height: 33px;
}
.s_ul2cloum {
    display: flex;
}
.s_ul2cloum h4 {
    text-align: left;
}
.s_ul2cloum li:first-of-type {
    width: 70%;
    margin: 0 24px 0 0;
}
.s_ul2cloum li p {
    font-size: 14px;
    text-align: center;
}

.s_what_btn span {
    padding: 4px 24px;
    font-size: 15px;
    font-weight: bold;
    background: #E2EBF2;
}
.s_what_btn:after {
    content: "";
    display: block;
    width: 32px;
    height: 100%;
    background-color: #1650A0;
    background-image: url(https://dr.biprogy.com/images/service/ios-arrow-down_w.png);
    background-repeat: no-repeat;
    background-size: 7px;
    background-position: 54%;
}
.s_what_btn {
    display: flex;
    height: 32px;
}
.img_wrapper a {
    position: relative;
    display: block;
    margin: 0 0 32px;
    background: #fff;
}
.img_wrapper a img {
    padding: 16px;
    box-shadow: 0 0 10px rgb(0 0 0 / 20%);
    border-radius: 8px;
}
.img_tate a img {
    padding: 0;
}
.img_yoko p {
    display: flex;
    padding: 0;
}
.img_yoko p a {
    margin: 0 8px;
}
.img_yoko p a img {
    width: 100%;
    box-sizing: border-box;
    padding: 0;
}

/**** service.html_1 ****/
#realtime_s .s_a_inner .s_a_item:nth-of-type(2) p:last-of-type {
    font-size: 14px;
    line-height: 30px;
    height: auto;
}
#realtime_s .s_a_inner .s_a_item:nth-of-type(3) p:last-of-type {
    font-size: 14px;
    line-height: 30px;
}
#realtime_s .s_a_item:last-of-type {
    margin: 100px 0 0;
}
#realtime_s .s_a_item:last-of-type h4 {
  margin: 0 0 24px;
}
#realtime_s .s_a_item:last-of-type ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
#realtime_s .s_a_item:last-of-type ul li:first-of-type {
    width: 58%;
}
#realtime_s .s_a_item:last-of-type ul li:last-of-type {
    text-align: center;
    font-size: 12px;
    width: 35%;
}
#realtime_s .s_3cloumn .s_3cloumn_inner span {
    position: relative;
    display: block;
    width: 100%;
    height: 211px;
}
#realtime_s .s_3cloumn .s_3cloumn_inner span img {
    position: absolute;
    z-index: 2;
    top: -19px;
    bottom: 0;
    left: 0;
    right: -12px;
    margin: auto;
}
#realtime_s .s_3cloumn .s_3cloumn_inner span:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1;
    margin: auto;
    width: 190px;
    height: 190px;
    border-radius: 200px;
    background: #FEF7E9;
}
.thumb01.picAndMovie {
    padding: 0 40px 20px 20px;
    max-width: 600px;
    margin: 0 auto;
}
.thumb01 {
    display: block;
    margin-left: 10px;
    padding: 20px 55px 20px 30px;
}
.thumb01 .thumbImg {
    display: inline-block;
    vertical-align: middle;
    text-align: left;
    line-height: 1;
    font-weight: bold;
}
.thumb01 .thumbImg img {
    margin: 0;
}
.picAndMovieInner {
    border: 2px solid #1565AF;
    border-radius: 10px;
    padding: 30px 9px 30px 20px;
    position: relative;
    margin: 24px 0;
}
.movie {
    display: inline-block;
    vertical-align: middle;
    font-weight: bold;
    padding: 10px 11px 0 11px;
    position: relative;
}
/*.movie::before {
    content: '';
    background-image: url(../images/movie_attention.png);
    -webkit-background-size: 100%;
    background-size: 100%;
    background-repeat: no-repeat;
    position: absolute;
    width: 81px;
    height: 41px;
    top: -48px;
    left: 50%;
    transform: translate(-50%, 0);
}*/
.movie img {
    margin: 0;
}
.picAndMovieCaption {
    padding-left: 4%;
}
.picAndMovieInner::after {
    content: '※SDカードを取り出す必要はありません';
    color: #1565AF;
    position: absolute;
    left: 50%;
    bottom: -10%;
    transform: translate(-50%, 0);
    background: #fff;
    padding: 0 5px;
    white-space: nowrap;
    font-size: 1.3rem;
    font-weight: 900;
}
#every_s h4 {
    text-align: left;
}
#every_s .s_2cloumn_inner {
    width: 50%;
    margin: 0 16px 0;
}
#every_s .s_2cloumn_inner img {
    width: 100%;
    margin: 0 0 40px!important;
}
#every_s .s_2cloumn_inner p:last-of-type {
    width: 90%;
    margin: 16px auto 0;
    text-align: left;
    line-height: 30px;
}
#live_s ul {
    display: flex;
    width: 85%;
    margin: 0 auto;
}
#live_s ul li {
    width: calc(50% - 24px);
    margin: 0 12px;
    text-align: center;
}
#live_s ul li .img_wrapper img {
    height: 215px;
    margin: 0 auto;
}
#camera_s dl {
    display: flex;
    justify-content: space-between;
    width: 95%;
    margin: 0 auto 80px;
}
#camera_s dl dt {
    width: 65%;
    font-size: 24px;
    font-weight: bold;
}
#camera_s dl dd {
    width: 30%;
    text-align: center;
    font-size: 14px;
}
#camera_s .img_wrapper p a img {
    width: 100%;
}
#camera_s .s_a_inner > p {
    font-size: 24px;
    font-weight: bold;
    text-align: center;
}
#dotai_s h4 {
    text-align: left;
}
#dotai_s ul {
    display: flex;
    justify-content: space-between;
    width: calc(100% + 24px);
    text-align: center;
    margin: 0 auto 40px;
}
#dotai_s ul li {
    margin-right: 24px;
}
#dotai_s ul li p {
    font-size: 14px;
}
#dotai_s .s_a_inner > p {
    font-size: 24px;
    font-weight: bold;
    text-align: center;
}
#dotai_s .img_wrapper a img {
    padding: 8px;
    box-sizing: border-box;
}
#alcohol_s dl {
    margin: 0 auto 64px;
}
#alcohol_s dl dd {
    display: flex;
    justify-content: space-between;
}
#alcohol_s dl dd .img_wrapper p {
    font-size: 12px;
    text-align: center;
}
#alcohol_s dl dd > p {
    width: 60%;
    font-size: 19px;
    font-weight: bold;
}
.modal-wrapper {
     width: 100%;
     height: 100%;
     position: fixed;
     top: 0;
     left: 0;
     background: rgba(0,0,0,0.5);
     pointer-events: none;
     opacity: 0;
     transition: 0.25s ease-out;
}

.modal-wrapper.show {
     opacity: 1;
     pointer-events: all;
    z-index: 1;
}

.modal-image {
     position: absolute;
     max-width: 80%;
     max-height: 80%;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
     object-fit: cover;
     opacity: 0;
     transition: 0.5s ease-out;
}
.show img, .modal-image.show  {
     opacity: 1;
}
.box_lastlink {
    display: inline-block;
    margin: 0 auto;
    color: #1650A0;
    border-bottom: 2px dashed #1650A0;
}
.box_lastlink:before {
    content: "";
    background: url(../images/service/service_link_icon.svg);
    display: inline-block;
    float: left;
    width: 45px;
    height: 45px;
    margin: -4px 4px 0 0;
    text-shadow: 0 3px 11px rgb(0 0 0 / 20%);
}
.box_lastlink span {
    text-shadow: 0 3px 11px rgb(0 0 0 / 20%);
}

/**** service.html_2 ****/
.s2_intro_inner h3 {
    margin: 0 0 40px;
    color: #1650A0;
    font-size: 40px;
}
.s2_intro_inner h3+p {
    font-size: 23px;
}
.s2_intro_line {
    display: flex;
    justify-content: center;
    margin: 60px 0;
    padding: 70px 0;
    color: #fff;
    background: linear-gradient(-90deg, #62C3E0, #053B9F);
}
.s2_intro_line_box {
    position: relative;
    /*width: 250px;*/
    width: 310px;
}
.s2_intro_line dl {
    margin: 0 0 0 -8px;
    font-size: 24px;
}
.s2_intro_line_box dl dt img {
    margin: 0 0 16px;
}
.s2_intro_line_box dl dd {
    font-weight: 600;
    font-size: 1.4rem;
    line-height: 40px;
}
.s2_intro_line_box:after {
    content: "";
    position: absolute;
    top: 92px;
    right: -28px;
    display: block;
    width: 58px;
    height: 3px;
    background: #fff;
    transform: skewY(102deg);
}
.s2 h4 {
    text-align: center;
    color: #1650A0;
    font-size: 30px;
    font-weight: bold;
    margin: 0 0 32px;
}
.s2 h4 img {
    margin: 0 0 16px;
}
#s2_intro h2 p {
    margin: 0 0 65px;
    font-size: 24px!important;
}
#s2_intro > img {
    margin: 16px 0 80px;
}
#s2_01 > p {
    margin: 0 0 120px;
}
#s2_01 .s_3cloumn img {
    margin: 0 auto 40px;
    display: block;
}
#s2_01 .s_3cloumn img {
    margin: 0 auto 40px;
    display: block;
}
#s2_01 > p {
    margin: 0 0 120px;
}
.s2_btn {
    position: relative;
    display: block;
    margin: 0 auto;
    padding: 11px 0;
    font-size: 1rem;
    color: #fff;
    text-align: center;
    border-radius: 14px;
    box-shadow: 0 4px 0 rgb(221 176 0);
    background: #FFCB00;
}
.s2_btn:hover {
    opacity: .8;
    color: #fff;
}
.s2_btn:after {
    content: "";
    display: block;
    width: 21px;
    height: 36px;
    background-image: url(../images/service/service2_ios-arrow-down_w.png);
    background-repeat: no-repeat;
    background-size: 12px;
    background-position: 54%;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}
.s2_point {
    width: 110%;
    margin: 0 0 0 -5%;
}
.s2_point li {
    display: flex;
    height: 280px;
    align-items: center;
    margin: 0 0 40px;
    background: #fff;
    box-shadow: 0 5px 9px rgb(0 0 0 / 25%);
    border-radius: 25px;
}
.s2_point li picture {
    width: 197px;
    display: block;
    margin: 0 40px 0 0;
}
.s2_point li dl {
    width: calc(100% - 237px);
}
.s2_point li dl dt h5 {
    text-align: left;
    color: #1650A0;
    font-size: 1.8rem;
    font-weight: 900;
    margin: 0;
}
.s2_point li dl dd {
    padding: 0 24px 0 0;
    font-size: .98rem;
    color: #32353C;
    line-height: 31px;
}
.s2_plus {
    margin: 8px 0 16px;
}
.s2_plus > span {
    background: #E2EBF2;
    padding: 4px 24px;
    border-radius: 57px;
    color: #1650A0;
    font-size: 1.3rem;
}
.s2_plus > span span {
    font-size: .9rem;
}
#s2_01 .s2_btn{
    width: 350px;
}
#s2_02 .s_2cloumn {
    justify-content: space-between;
}
#s2_02 .s_2cloumn .s_2cloumn_inner {
    width: 45%;
    margin: 0;
}
#s2_02 .s_2cloumn_inner div p {
    font-size: 1rem;
    text-align: left;
}
#s2_02 .s_2cloumn_inner div img {
    display: block;
    margin: 0 auto 16px!important;
}
#s2_03 .s_2cloumn_inner {
    width: 50%;
    margin: 0;
}
#s2_03 .s_2cloumn {
    width: 120%;
    margin: 40px 0 40px -10%;
    justify-content: space-between;
}
#s2_03 .s_2cloumn_inner img {
    display: block;
    margin: 0 auto!important;
}
#s2_03 .s2_btn {
    width: 500px;
}
#s2_04 > p {
    text-align: center;
    margin: 0 0 60px;
}
.s2_cost {
    display: flex;
    justify-content: space-between;
    width: 102%;
    margin: 0 0 64px -1%;
}
.s2_cost dl {
    width: 320px;
    height: 268px;
    box-sizing: border-box;
    background: #fff;
    border: 3px solid #1650A0;
    border-radius: 11px;
}
.s2_cost dl dt {
    padding: 16px 0;
    background: #E2EBF2;
    border-radius: 11px 11px 0 0;
    border-bottom: 3px solid #1650A0;
}
.s2_cost_title h5 {
    position: relative;
    width: 88%;
    margin: 0 auto;
    text-align: left;
    line-height: 32px;
    color: #1650A0;
}
.s2_cost_title h5 span {
    font-size: 1.5rem;
    font-weight: bold;
}
.s2_cost .s2_cost_title h5:after {
    content: "";
    position: absolute;
    right: 0;
    display: block;
}
.s2_cost dl:first-of-type .s2_cost_title h5:after {
    top: 0;
    width: 51px;
    height: 69px;
    background: url(../images/service/service2_box04_icon01.png);
}
.s2_cost dl:nth-of-type(2) .s2_cost_title h5:after {
    top: auto;
    bottom: 0;
    width: 82px;
    height: 46px;
    background: url(../images/service/service2_box04_icon02.png);
}
.s2_cost dl:last-of-type .s2_cost_title h5:after {
    bottom: 0;
    width: 62px;
    height: 61px;
    background: url(../images/service/service2_box04_icon03.png);
}
.s_red {
    color: #D2272D;
}
.s2_cost dl dd {
    padding: 24px 16px;
    font-size: .95rem;
}
.s2_cost + p {
    margin: 0 0 24px!important;
    font-size: 1.5rem;
    color: #1650A0;
    font-weight: 900;
    line-height: 44px;
}
.s2_cost + p + img {
    display: block;
    margin: 0 auto 40px;
}
.s2_cost_box {
    padding: 40px 64px;
    border: 3px solid #1650A0;
    background: #fff;
    text-align: center;
    border-radius: 16px;
}
.s2_cost_box p {
    margin: 0 0 40px;
    line-height: 40px;
}
.s2_cost_box .s2_btn {
    width: 390px;
}
.service_area.s2 .s_a_inner {
    border: 3px solid #1650A0;
    border-radius: 0 0 24px 24px;
}
.katsuyo_box h4 {
    background: #E2EBF2;
}
.katsuyo_box > ul {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.katsuyo_box > ul > li:first-of-type {
    width: 419px;
}
.katsuyo_box > ul > li:last-of-type {
    width: 292px;
    padding: 16px;
    box-sizing: border-box;
    background: #E2EBF2;
    border-radius: 16px;
}
.katsuyo_num li {
    position: relative;
    margin: 0 0 16px;
    padding: 0 0 0 33px;
}
.katsuyo_num li:before {
    content: "";
    display: inline-block;
    position: absolute;
    left: 0;
    top: 2px;
    bottom: 0;
    width: 25px;
    height: 25px;
    background-size: cover;
}
.katsuyo_num li:first-of-type:before {
    background: url(../images/service/service2_box05_num01.svg);
}
.katsuyo_num li:nth-of-type(2):before {
    background: url(../images/service/service2_box05_num02.svg);
}
.katsuyo_num li:last-of-type:before {
    background: url(../images/service/service2_box05_num03.svg);
}
.katsuyo_box > ul > li:last-of-type p {
    margin: 0 0 8px;
    color: #1650A0;
    font-weight: bold;
}
.katsuyo_box > ul > li:last-of-type ul li {
    margin: 0 0 4px;
    font-size: .95rem;
}
.katsuyo_box > ul > li:last-of-type ul li:before {
    content: "・";
}
.katsuyo_donyu {
    display: flex;
    align-items: center;
    width: 500px;
    margin: 40px auto 60px;
    color: #1650A0;
    font-size: 28px;
    font-weight: 800;
}
.katsuyo_kekka {
    margin: 80px 0 0;
}
.katsuyo_kekka_title {
    width: 650px;
    margin: 64px auto;
}
.katsuyo_kekka_title img {
    margin: 0 auto 64px;
}
.katsuyo_kekka_title p {
    margin: 0 auto;
    display: flex;
}
.katsuyo_kekka_title .s_underline {
    text-align: center;
    line-height: 35px;
}
#box2 > .s2_btn {
    width: 366px;
    color: #205EB1;
    border: 2px solid #205EB1;
    background: #fff;
    font-weight: bold;
    box-shadow: 0 4px 0 rgb(32 94 177);
}
#box2 > .s2_btn:after {
    background-image: url(../images/service/service2_cta_arrow_b.png);
}


/**** product.html ****/
.product_mv {
    position: relative;
    width: calc(100% + 30px);
    height: 100vh;
    margin: 0 0 0 -15px;
    background: url(../images/product/mv_drive_pc_1.jpg) no-repeat;
    background-size: cover;
}
.product_mv_inner {
    position: absolute;
    top: -20%;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    align-items: center;
    width: 1004px;
    margin: auto;
}
.product_mv_text {
    margin: 0 44px 0 0;
}
.product_mv_text img {
    display: block;
    margin: 0 0 32px;
}
.product_mv_text > img:first-of-type {
    margin: 0 0 24px;
}
.product_mv_img {
    width: 404px;
    height: 518px;
    background: rgba(255, 255, 255, 0.7);
    border-radius: 8px;
    border-right: 9px solid #0f3d95;
    border-left: 9px solid #0f3d95;
}
.product_mv_img:before, .product_mv_img:after {
    content: "";
    display: block;
    height: 8px;
    width: 102%;
    margin: 0 0 0 -1%;
    background: linear-gradient(to right, #0F3D94 0%, #3271b8 10%, #bdd3eb 50%, #3271b8 90%, #0f3d95 100%);
}
.product_mv_img_inner {
    position: relative;
    padding: 42px 32px 32px;
}
.product_mv_main {
    width: 300px;
    margin: 0 0 48px;
}
.product_mv_thumbs {
    display: flex;
}
.product_mv_thumbs li {
    width: 25%;
    margin: 0 8px;
    border: 1px solid #ccc;
}
/*.product_mv_img_inner:after {
    content: "※テープ２枚、XX、XXが同梱されています。"!important;
    position: absolute;
    bottom: -10%;
    left: 0;
    right: 0;
    display: block!important;
    width: 104%;
    margin: auto;
    font-size: 1.2rem;
    color: #184f9f;
    font-weight: bold;
    text-shadow: 1px  1px 0px #ffffff,
      -1px  1px 0px #ffffff,
       1px -1px 0px #ffffff,
      -1px -1px 0px #ffffff,
       1px  0px 0px #ffffff,
       0px  1px 0px #ffffff,
      -1px  0px 0px #ffffff,
       0px -1px 0px #ffffff;
}*/
.p_box h2 {
    font-size: 2.7rem;
    font-weight: bold;
    text-align: center;
    color: #1650A0;
    letter-spacing: 8px;
    padding: 0 0 16px;
    margin: 0 0 40px;
}
.p_box h2:after {
    content: "";
    display: block;
    height: 5px;
    background: #1650A0;
    width: 7%;
    margin: 0 auto;
}
.p_box01_dl dl {
    display: flex;
    height: 150px;
    align-items: center;
    margin: 0 0 2px;
}
.p_box01_dl dl dt {
    width: 30%;
    text-align: center;
    font-size: 1.3rem;
    background: linear-gradient(to bottom right, #053B9F, #62C3E0);
    height: 100%;
    color: #fff;
}
.p_box01_dl dl dd {
    text-align: center;
    font-size: 1.5rem;
    line-height: 50px;
    height: 100%;
    padding: 0 0 0 24px;
    width: 68%;
}
.p_box01_dl {
    margin: 0 0 64px;
    box-shadow: 0 2px 5px rgb(0 0 0 / 40%);
}
.p_box01_dl dl:first-of-type dt {
    border-bottom: 1px solid #fff;
}
.p_box01_dl dl:first-of-type dd {
    border-bottom: 2px solid #E2EBF2;
}
.p_box01_dl dl dt, .p_box01_dl dl dd {
    display: table;
}
.p_box01_dl dl dt > span, .p_box01_dl dl dd > span {
    display: table-cell;
    vertical-align: middle;
    right: 0;
    font-weight: bold;
}
.p_box01_dl dl dt > span {
    font-size: 1.6rem;
    letter-spacing: 2px;
}
.p_point h3 {
    display: inline-block;
    margin: 0 0 24px;
    background: #E2EBF2;
    padding: 1px 24px;
    border-radius: 57px;
    color: #1650A0;
    font-size: 1.5rem;
}
.p_point dl {
    display: flex;
    margin: 0 0 60px;
}
.p_point dl dt {
    width: 50%;
    margin: 0 10% 0 0;
    line-height: 40px;
}
.p_point dl dd {
    width: 40%;
}
.p_point dl dd .sp {
    display: none;
}
.p_point dl dd .img_wrapper img, .p_point dl dd .img_wrapper p a img {
    width: 100%;
}
.p_point dl dd .img_wrapper p {
    text-align: center;
    font-weight: bold;
}
.p_point dl dd .img_wrapper > img {
    margin: 0 0 12px;
}
.p_btn {
    display: flex;
    margin: 0 auto;
}
.p_btn .s2_btn {
    display: table;
    width: 45%;
    height: 68px;
    color: #205EB1;
    border: 2px solid #205EB1;
    background: #fff;
    font-weight: bold;
    box-shadow: 0 9px 0 rgb(32 94 177);
}
.p_btn .s2_btn span {
    display: table-cell;
    vertical-align: middle;
    font-size: 1.4rem;
    letter-spacing: 1px;
    line-height: 29px;
}
.p_btn .s2_btn:after {
    content: "";
    display: block;
    height: 21px;
    background: url(../images/product/ios-arrow-down.png) no-repeat;
}
.p_box02 h2 + p,
.p_box03 h2 + p {
    font-size: 1.6rem;
    text-align: center;
    margin: 0 0 64px;
    font-weight: bold;
}
.p_box02 {
    margin: 120px auto 0;
}
.p_box02 .s_a_inner ul {
    display: flex;
    justify-content: space-between;
    width: calc(100% + 24px);
    text-align: center;
    margin: 23px auto 40px;
}
.p_box02 .s_a_inner ul li {
    margin: 0 16px 0;
    text-align: left;
}
.p_box02 .s_a_inner ul li .img_wrapper img {
    padding: 0;
    width: 100%;
    border-radius: 0;
    box-shadow: none;
}
.p_box02 .s_a_inner ul li .p_blue {
    height: 170px;
}
.p_box02 .s_a_inner ul li .p_blue span {
    font-size: .9rem;
    color: #32353C;
    font-weight: 100;
}
.p_box02 .s_a_inner ul li .img_wrapper p {
    text-align: center;
    font-size: 1.2rem;
    color: #32353C;
}
.p_blue {
    color: #1650A0;
    font-weight: bold;
}
.p_box02 .s_a_inner {
    margin: 0 0 120px;
    padding: 40px 60px;
    border: 5px solid #1650A0;
}
.p_box02 .s_a_inner h4 {
    margin: 0 0 32px;
}
.p_box02 .s_a_inner > .p_blue {
    display: flex;
    align-items: center;
    font-size: 1.6rem;
}
.p_box02 .s_a_inner > .p_blue span {
    font-size: 1rem;
}
.p_bluebox {
    margin: 24px 0;
    padding: 24px;
    border: 2px solid #1650A0;
    font-size: .9rem;
    line-height: 30px;
}
.p_bluebox p:first-of-type {
    margin: 4px 0 8px;
    color: #1650A0;
    font-size: 1.3rem;
    font-weight: bold;
}
.p_box02 .p_point:nth-of-type(3) dl dd div img {
    display: block;
    width: 300px;
    margin: 0 auto;
}
.p_box02 .p_point:nth-of-type(3) dl dd div:first-of-type {
    margin: 0 0 80px;
}
.p_box02 .p_point:last-of-type dl dt h3,
.p_box02 .p_point:last-of-type dl dd h3 {
    padding: 0;
    color: #000;
    background: none;
}
.p_box02 .p_point:last-of-type dl dt h3 img,
.p_box02 .p_point:last-of-type dl dd h3 img {
    width: 40px;
    margin: 0 8px 0 0!important;
}
.p_box02 .p_point:last-of-type dl dd div img {
    width: 300px;
    display: block;
    margin: 75px auto 0;
}
.p_yellowbox {
    margin: 24px 0;
    padding: 24px;
    background: #FFF5D0;
    font-size: 1rem;
    line-height: 29px;
}
.p_box03 {
    margin: 0 auto 120px;
}
.p_box03 img {
    display: block;
    margin: 0 auto;
}
.top #news li {
    border-bottom: none;
    padding: 0;
}

@media only screen and (max-width: 911px){

/**** service.html ****/
    .service .btnAreaCommon {
        padding: 0 16px;
    }
    .mainnav_s {
        width: 100%;
        font-size: 12px;
    }
    .mainnav_s > li p span {
        width: 100%;
    }
    .mainnav_s > li p span:after {
        top: -5%;
        left: 76%;
    }
    .s_3cloumn {
        display: block;
    }
    #box1 h2 img {
        width: 70%;
    }
    .service_box h2 img {
        width: calc(100% - 16px);
        margin: 0 0 16px;
    }
    .service_area {
        margin: 30px 16px 72px;
    }
    .service_area h3 {
        font-size: 1.2rem;
    }
    .plus-mi {
        left: 84%;
        width: 15px;
    }
    .s_a_inner {
        padding: 40px 16px;
    }
    h4 {
        font-size: 14px;
    }
    .s_playbtn {
        font-size: 13px;
    }
    .s_playbtn:before {
        width: 24px;
        height: 20px;
    }
    .item_icon {
        width: 40px;
        margin: 0 auto 32px!important;
    }
    h5 {
        margin: 0 0 24px;
    }
    .s_underline {
        font-size: 16px;
    }
    .s_2cloumn {
        display: block;
    }
    .s_2cloumn_inner {
        width: 100%;
        margin: 0;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap:wrap;
        flex-wrap:wrap;
    }
    .s_2cloumn_inner > p:nth-of-type(2) {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 2;
        -webkit-order: 2;
        order: 2;
    }
    .s_2cloumn_inner div {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order:1;
        -webkit-order:1;
        order:1;
        width: 100%;
    }
    .s_2cloumn_inner .s_bold {
        display: block;
        margin: 0 auto 16px;
    }
    .s_3cloumn_inner {
        width: 100%;
        margin: 0 0 24px;
    }
    .s_ul2cloum {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        justify-content: center;
    }
    .s_ul2cloum li p {
        font-size: 14px;
        text-align: center;
    }
    .s_ul2cloum li:first-of-type {
        width: 100%;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 2;
        -webkit-order: 2;
        order: 2;
        margin: 24px 0 0;
    }
    .s_ul2cloum h4 {
        margin: 0;
    }
    .s_what_btn {
        justify-content: center;
        margin: 24px 0 40px;
    }
    .s_what_btn img {
        max-width: 300px;
        float: none;
    }


    /**** service.html_1 ****/
    #realtime_s .s_a_inner .s_a_item p.s_center {
        font-size: 11px;
        margin: 40px 0;
    }
    #realtime_s .s_a_inner .s_a_item:nth-of-type(2) p:last-of-type {
        font-size: 12px!important;
        line-height: 23px!important;
        margin: 0 0 16px;
        height: auto!important;
    }
    #realtime_s .s_a_item:last-of-type ul {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap:wrap;
        flex-wrap:wrap;
    }
    #realtime_s .s_a_item:last-of-type ul li:first-of-type {
        width: 100%;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 2;
        -webkit-order: 2;
        order: 2;
    }
    #realtime_s .s_a_item:last-of-type ul li:last-of-type {
        width: 100%;
        margin: 0 0 24px;
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 1;
        -webkit-order: 1;
        order: 1;
    }
    #realtime_s .s_a_inner .s_a_item img:last-of-type {
        width: 100%;
    }
    #realtime_s .s_a_inner .s_a_item:nth-of-type(3) p:last-of-type {
        font-size: 12px;
    }
    #realtime_s .s_a_item:last-of-type {
        margin: 24px 0 0;
    }
    .thumb01.picAndMovie {
        max-width: unset;
        width: 100%;
        padding: 0;
    }
    .thumb01 .thumbImg {
        width: 50%;
    }
    .movie {
        width: 33%;
    }
    .picAndMovieInner {
        padding: 30px 4px;
    }
    .picAndMovieInner::after {
        font-size: .9rem;
        bottom: -7%;
    }
    #every_s .s_2cloumn {
        margin: 0;
    }
    #every_s .s_2cloumn_inner {
        width: 100%;
        margin: 0;
    }
    #every_s .s_2cloumn_inner p:last-of-type {
        width: 100%;
        font-size: 14px;
        line-height: 25px;
        margin: 16px 0 24px;
    }
    #live_s .s_a_inner div {
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    #live_s .s_a_inner div ul {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 1;
        -webkit-order: 1;
        order: 1;
        width: 100%;
        margin: 0 0 24px;
    }
    #live_s ul li {
        width: 50%;
    }
    #live_s ul li .img_wrapper img {
        width: auto;
        height: auto!important;
        padding: 4px!important;
        box-sizing: border-box;
    }
    #live_s .s_a_inner div h4 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 2;
        -webkit-order: 2;
        order: 2;
        text-align: left;
        margin: 0;
    }
    #live_s .s_a_inner div ul p {
        font-size: 11px;
        color: #32353C;
        margin: 16px 0;
    }
    #camera_s dl {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: 0 auto 40px;
    }
    #camera_s dl dt {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 2;
        -webkit-order: 2;
        order: 2;
        width: 100%;
        font-size: 16px;
    }
    #camera_s dl dd {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 1;
        -webkit-order: 1;
        order: 1;
        width: 100%;
        margin: 0 0 24px;
    }
    #camera_s dl dd img {
        box-sizing: border-box;
    }
    #camera_s .s_a_inner > p {
        font-size: 18px;
    }
    #dotai_s .s_a_inner > p {
        font-size: 18px;
    }
    #dotai_s h4 {
        margin: 0 0 24px;
    }
    #dotai_s ul {
        width: 100%;
        margin: 0 0 40px 8px;
    }
    #dotai_s ul li {
        margin-right: 8px;
    }
    #dotai_s ul li p {
        text-align: center;
        font-size: 10px;
    }
    #dotai_s .img_wrapper a img {
        padding: 0;
    }
    #alcohol_s dl {
        margin: 0 auto 80px;
    }
    #alcohol_s dl dt {
        font-size: 20px!important;
    }
    #alcohol_s dl dt .s_playbtn {
        font-size: 18px!important;
    }
    #alcohol_s dl dd {
        display: block;
    }
    #alcohol_s dl dd > p {
        width: 100%;
        margin: 0 0 40px;
        font-size: 18px;
    }
    .box_lastlink {
        line-height: 20px;
        padding: 0 0 8px;
    }
    .box_lastlink span {
        font-size: 1rem;
    }


    /**** service.html_2 ****/
    #box2 {
        padding: 64px 8px 0;
    }
    #s2_03 .s2_btn, .s2_cost_box .s2_btn, #box2 > .s2_btn, .s2_btn {
        width: 100%!important;
    }
    #s2_03 .s_2cloumn {
        width: 100%;
        margin: 40px 0;
    }
    #s2_intro h2 p {
        font-size: 14px!important;
    }
    .s2_intro_inner h3 {
        font-size: 21px;
    }
    .s2_intro_inner h3+p {
        font-size: 16px;
    }
    .s2_intro_line_box:after {
        top: 58px;
        width: 21px;
        right: -7px;
        transform: skewY(98deg);
    }
    .s2_intro_line {
        width: calc(100% + 28px);
        padding: 40px 0;
        margin: 60px 0 60px -14px;
    }
    .s2_intro_line_box {
        width: 250px;
    }
    .s2_intro_line_box:last-of-type:after {
        display: none;
    }
    .s2_intro_line dl {
        width: 94%;
        margin: 0;
    }
    .s2_intro_line_box dl dt img {
        width: 47%;
    }
    .s2_intro_line_box dl dd {
        font-size: .5rem;
        line-height: 20px;
    }
    .pc {
        display: none;
    }
    .s2 h4 {
        font-size: 20px;
        margin: 0 0 24px;
    }
    #s2_01 > p {
        margin: 0 0 64px;
    }
    #s2_01 .s_3cloumn_inner {
        margin: 64px 0;
    }
    .s2_point li {
        display: block;
        width: calc(100% - 8px);
        height: auto;
        margin: 0 0 40px 4px;
    }
    .s2_point li picture {
        width: 100%;
    }
    .s2_point li dl {
        width: 100%;
        padding: 0 16px 40px;
        box-sizing: border-box;
    }
    .s2_point li dl dt h5 {
        font-size: 1rem;
        text-align: center;
        margin: 24px;
    }
    .s2_plus {
        text-align: center;
    }
    .s2_plus > span {
        font-size: .8rem;
        padding: 4px 16px;
    }
    #s2_02 .s_2cloumn .s_2cloumn_inner {
        width: 100%;
        margin: 0 0 40px;
    }
    #s2_03 .s_2cloumn_inner {
        width: 100%;
        margin: 0 0 24px;
    }
    .s2_cost {
        display: block;
        width: 100%;
        margin: 0 0 64px;
    }
    .s2_cost dl {
        width: 100%;
        height: auto;
        margin: 0 0 40px;
    }
    .s2_cost_title h5 {
        font-size: .8rem;
    }
    .s2_cost_title h5 span {
        font-size: 1rem;
    }
    .s2_cost dl:first-of-type .s2_cost_title h5:after {
        width: 25px;
        height: 34px;
        background-size: cover;
    }
    .s2_cost dl:nth-of-type(2) .s2_cost_title h5:after {
        top: 5px;
        right: -6px;
        width: 41px;
        height: 23px;
        background-size: cover;
    }
    .s2_cost dl:last-of-type .s2_cost_title h5:after {
        width: 31px;
        height: 30px;
        background-size: cover;
    }
    .s2_cost + p {
        font-size: 1rem;
        line-height: 30px;
    }
    .s2_cost + p + img {
        width: 50px;
    }
    .s2_cost_box {
        padding: 24px;
    }
    .s2_cost_title h5 span {
        font-size: 1rem;
    }

    .s2_cost_title h5 {
        font-size: .8rem;
    }

    .s2_cost dl:first-of-type .s2_cost_title h5:after {
        width: 25px;
        height: 34px;
        background-size: cover;
    }

    .s2_cost dl:nth-of-type(2) .s2_cost_title h5:after {
        width: 41px;
        height: 23px;
        background-size: cover;
        top: 5px;
        right: -6px;
    }
    .s2_cost dl:last-of-type .s2_cost_title h5:after {
        width: 31px;
        height: 30px;
        background-size: cover;
    }
    .s2_cost + p {
        font-size: 1rem;
        line-height: 30px;
    }
    .s2_cost + p + img {
        width: 50px;
    }
    .s2_cost_box {
        padding: 24px;
    }
    #s2_04 + h3 {
        width: 80%;
        margin: 0 auto;
    }
    .katsuyo_donyu {
        width: 100%;
    }
    .katsuyo_kekka_title {
        width: 100%;
    }
    .katsuyo_box > ul {
        display: block;
    }
    .katsuyo_box > ul > li:first-of-type {
        width: 100%;
    }
    .katsuyo_box > ul > li:nth-of-type(2) img {
        transform: rotate(90deg);
        width: 60px;
        margin: 0 auto 40px;
        animation: ;
        animation: ;
        animation: 0;
    }
    .katsuyo_box > ul > li:last-of-type p {
        text-align: center;
    }
    .katsuyo_donyu {
        font-size: 15px;
    }
    .s2 .s_a_item img {
        margin: 0 20px 0 10px;
    }
    .katsuyo_kekka {
        margin: 24px 0 0;
    }
    .s_a_item picture img {
        width: 100%;
    }
    #box2 > .s2_btn {
        width: calc(100% - 32px)!important;
    }


    /**** product.html ****/
    .product_mv {
        height: 120vh;
        background: url(../images/product/sp/mv_drive_sp_1.jpg) no-repeat;
        background-size: cover;
    }
    .product_mv_inner {
        top: 0;
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        padding: 40px 24px;
        box-sizing: border-box;
    }
    .product_mv_img_inner:after {
        width: 110%;
        margin: 0 0 0 -2%;
        font-size: 1rem;
    }
    .product_mv_inner > img {
        width: 90%;
        margin: 0 auto;
    }
    .product_mv_text > h1 img {
        display: none;
    }
    .product_mv_text {
        order: 3;
        margin: 0;
    }
    .product_mv_img {
        width: 100%;
        height: auto;
        margin: 24px 0;
        box-sizing: border-box;
    }
    .p_box h2 {
        font-size: 1.6rem;
        letter-spacing: 3px;
    }
    .p_box h2:after {
        height: 3px;
        width: 30%;
    }
    .p_box01_dl dl {
        display: block;
    }
    .p_box01_dl dl dt {
        width: 100%;
        height: auto;
        padding: 7px 0;
        font-size: 1.2rem;
    }
    .p_box01_dl dl dd {
        display: block;
        width: 100%;
        padding: 16px 8px;
        font-size: 1.15rem;
        line-height: 27px;
        box-sizing: border-box;
    }
    .p_box01_dl dl dt > span {
        font-size: 1rem;
    }
    .p_box01_dl dl dd > span {
        font-size: .9rem;
    }
    .p_point h3.pc {
        display: none;
    }
    .p_point dl {
        flex-wrap: wrap;
        margin: 0 0 24px;
    }
    .p_point dl dt {
        width: 100%;
        margin: 0;
        order: 2;
        line-height: 30px;
    }
    .p_point dl dd {
        width: 100%;
        margin: 0;
    }
    .p_point dl dd .sp {
        display: block;
    }
    .p_point dl dd .img_wrapper img {
        width: 75%;
        display: block;
        margin: 32px auto;
    }
    .p_point dl dd .img_wrapper > p {
        margin: 24px 0;
    }
    .p_point dl dd .img_wrapper p a {
        margin: 0;
    }
    .p_point dl dd .img_wrapper p a img {
        width: 75%;
        display: block;
        margin: 0 auto 8px;
    }
    .p_btn {
        display: block;
        width: 100%;
    }
    .p_btn .s2_btn {
        height: 55px;
        margin: 32px 0;
    }
    .p_btn .s2_btn span {
        font-size: 1.2rem;
        line-height: 23px;
    }
    .p_box02 h2 + p {
        margin: -24px 0 24px;
        font-size: 1.05rem;
    }
    .p_box02 .s_a_inner {
        margin: 0 0 32px;
        padding: 16px;
    }
    .p_box02 .s_a_inner ul {
        display: block;
        width: 100%;
        margin: 16px 0;
    }
    .p_box02 .s_a_inner ul li {
        margin: 0 0 32px;
    }
    .p_box02 .s_a_inner ul li .p_blue {
        height: auto;
        margin: 0 0 16px;
    }
    .p_box02 .s_a_inner h4 {
        margin: 0 0 24px;
    }
    .p_box02 .s_a_inner h4 + p {
        text-align: center;
    }
    .p_box02 .p_point:nth-of-type(3) dl dd div {
        float: left;
        width: calc(50% - 16px);
        margin: 8px 8px 24px!important;
    }
    .p_bluebox p:first-of-type {
        text-align: center;
    }
    .p_box02 .p_point:last-of-type dl dd h3 {
        margin: 0 0 0 -8px;
    }
    .p_box02 .p_point:last-of-type dl dd div img {
        width: 100%;
        margin: 32px auto 16px;
    }
    .p_box02 .s_a_inner ul li .img_wrapper p a {
        margin: 0 0 16px;
    }
    .p_box02 .s_a_inner ul li .img_wrapper p span.sp {
        font-size: .9rem;
    }
    .p_box02 .s_a_inner > .p_blue {
        justify-content: center;
        font-size: 1.2rem;
    }
    .p_box03 h2 + p {
        font-size: 1rem;
        margin: -24px 0 64px;
    }
    .p_box03 img {
        margin: -40px auto 0;
    }
    .p_box04 h2 {
        font-size: 1.7rem;
    }
    .top #news li {
        padding: 0;
    }
}