/* コンテンツ幅 フル */
.contentsInr{width:auto;padding:0px;}

/* コンテンツ幅 950px */
.contentsInr .contentsUnit{padding:0 10px;}
@media all and (min-width:740px){
.contentsInr .contentsUnit{width:950px;padding:0px;margin:0 auto;}
}
/* ぶち抜き 背景色 */
.ctm_contentsFull{background-color:#F5F5F5;}

/*背景色*/
.bgWt {padding: 20px; background: #fff;}

/*ボタン*/
.ctm_contentsFull .btnBox:not(.btnRD) .btn {background: #fff;}
.ctm_contentsFull .bgWt .btnBox:not(.btnRD) .btn {background: #eee;}

/*画像*/
@media all and (min-width:740px){
.wAuto_pc .cmp-image__image {width: auto;}
}

.heading_disIb .ttlLv2 .heading {display: inline-block;}
	
    /*MV*/
    .mv {
        text-align: center;
    }
    .mvWrap--01 {
        background: linear-gradient(0deg, rgba(171,0,0,1) 80%, rgba(146,0,0,1) 100%);
        color: #fff;
       /* background-image: url(/content/dam/sites/wwwjalcojp/jp/ja/dom/special/smart-airport/img_sites/sp_mv.jpg);
        background-size: 100%;
        background-repeat: no-repeat;*/
    }
    .mvWrap--01 .contentsUnit {
        padding: 16px 10px 8px;
    }
    .mvWrap--02 {
        background: #780000;
    }
    .mvWrap--02 .contentsUnit {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 16px 10px 14px;
    }
    .mv .heading {
        position: relative;
        display: inline-block;
        line-height: 1.2;
        text-align: center;
        font-size: 2.3rem;
        font-weight: bold;
    }
    .mv .heading span {
        display: block;
    }
    .heading__lead--01 {
        font-family: "Arial","メイリオ",Meiryo,"MS UI Gothic","Tahoma","Lucida Grande","ヒラギノ丸ゴ Pro W4",sans-serif;
        font-size: 2.3rem;
    }
    .heading__lead--02 {
        padding-bottom: 8px;
        font-size: 1.5rem;
    }
    .pointWrap {
        margin-top: 3vw;
        padding-left: 53px;
        font-size: 0;
    }
    .pointWrap__list:not(:first-child) {
        margin-top: 3vw;
    }
    .point {
        position: relative;
    }
    .pointInner {
        position: relative;
        border: thin solid #fff;
        /*z-index: 1;*/
    }
    .pointIcon {
        line-height: 1.2;
        position: absolute;
        font-family: "Arial","メイリオ",Meiryo,"MS UI Gothic","Tahoma","Lucida Grande","ヒラギノ丸ゴ Pro W4",sans-serif;
        top: 50%;
        left: -53px;
        transform: translateY(-50%);
        -webkit- transform: translateY(-50%);
        margin: auto;
        width:53px;
        height:63px;
        padding: 20px 0 0 3px;
        background-image: url(/content/dam/sites/wwwjalcojp/jp/ja/dom/special/smart-airport/img_sites/bg_point_icon_sp.svg);
        color: #cc0000;
        font-weight: bold;
        font-size: 1.4rem;
    }
    .pointItem {
        display: flex;
        align-items: center;
        font-weight: bold;
    }
    .pointItem__img {
        min-width: 64px;
        width: 64px;
        background: #fff;
    }
    .pointItem__heading {
        width: 100%;
        line-height: 1.2;
        padding: 0 3px;
        font-size: 2.2rem;
    }
    .pointItem__heading--font-small {
        display: inline-block;
        font-size: 1.5rem;
    }
    .pointItem__heading sub {
        font-weight: normal;
        font-size: 1.4rem;
    }
    .pointInner__txt {
        padding: 3px 0 2px;
        border-top: 1px solid #fff;
        font-size: 1.4rem;
        font-weight: bold;
    }
    .note {
        text-align: left;
        padding-top: 4px;
        font-size: 1.2rem;
    }
    .flowWrap {
        padding: 0 0 0 53px;
        font-size: 0;
    }
    .flowList {
        position: relative;
        background: #fff;
        font-weight: bold;
    }
    .flowList a {
        vertical-align: middle;
        
    }
    .flowList a:hover {text-decoration: none;}
    .flowList:not(:first-child) {
        border-top: 2px solid #cc0000;
    }
    .flowInner {
        position: relative;
        padding: 31px 8px 10px 7px;
    }
    .flowInner::before {
        font-family: "Arial","メイリオ",Meiryo,"MS UI Gothic","Tahoma","Lucida Grande","ヒラギノ丸ゴ Pro W4",sans-serif;
        content: "1";
        position: absolute;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        -webkit- transform: translateX(-50%);
        color: #fff;
        font-size: 1.4rem;
        font-weight: bold;
        z-index: 1;
    }
    .flowInner._02::before {
        content: "2";
    }
    .flowInner._03::before {
        content: "3";
    }
    .flowInner._04::before {

        content: "4";
    }
    .flowInner._05::before {
        content: "5";
    }
    .flowInner::after {
        content: "";
        position: absolute;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        -webkit- transform: translateX(-50%);
        width: 0;
        height: 0;
        /*border-style: solid;*/
        border-right: 30px solid transparent;
        border-left: 30px solid transparent;
        border-top: 26px solid #cc0000;
    }
    .flowInner__heading {
        font-size: 1.4rem;
    }
    .flowInner__txt--red {
        line-height: 1.2;
        font-size: 2.2rem;
        color: #cc0000;
    }
    .flowInner__txt--font-small {
        font-size: 1.4rem;
    }
    .flowInner__img {
        padding-right: 5px;
        width: 74px;
    }
    .flowList:nth-child(2) .flowInner__txt--red {
        display: inline-block;
        text-align: center;
        padding: 5px 0 0;
        margin: 5px 10px 2px;
        background: #cc0000;
        color: #fff;
    } 
    .flowArrow {
        width: 40px;
    }
    
    /*check*/
    .header-icon-check .imgParts {
        text-align: center;
    }
    .header-icon-check .imgParts img {
        width: auto;
    }
    .bc--yellow {
        padding: 30px 16px;
        background: #fffdf0;
    }
    .bc--yellow .ctm_pageTtl .ttlLv2 {
        margin-top: 0;
        margin-bottom: 4px;
        padding: 5px;
    }
    .bc--yellow .ctm_pageTtl .ttlLv2 .heading {
        font-size: 1.6rem;
    }
    
    
    .notificationsList .txtList {
        font-weight: bold;
    }
    .notificationsList .txtList > li {
        height: 40px;
        padding: 0 0 0 50px !important;
        position: relative;
        font-size: 1.8rem;
    }
    .notificationsList .txtList > li + li {
        margin-top: 16px;
    }
    .notificationsList .txtList > li:before {
        background-color: transparent;
        content: "";
        display: inline-block;
        vertical-align: middle;
        background-image: url(/content/dam/sites/wwwjalcojp/jp/ja/dom/special/smart-airport/img_sites/icon_bell.svg);
        background-repeat: no-repeat;
        width: 40px;
        height: 40px;
        border-radius: inherit;
        left: 1.2em;
    }
    
    /*スマートフォン*/
    .smartphoneBox {
        max-width: 350px;
        margin: auto ;
    }
    .smartphoneWrap {
        display: flex;
        flex-wrap: wrap;
        text-align: center;
    }
    .smartphoneList {
        display: flex;
        flex-direction: column;
        width: calc(100% / 3);
        font-size: 1.4rem;
        margin-top: 14px;
    }
    .smartphoneList__img {
        padding-top: 8px;
        margin-top: auto;
    }
    .smartphoneList__img img {
        width: auto;
        height: 181px;
    }
    
    /**/
    /*手荷物ステップ1の2カラム画像*/
   /* .baggageImg {
        margin: auto;
        width: 210px;
        
    }*/
    
    /*コンセプトエリア*/
    .conceptWrap {
        padding: 35px 0 72px;
        background: #4e4e4e;
        color: #fff;
    }
    .conceptWrap .ctm_pageTtl .ttlLv1 {
        margin-top: 0;
        padding-top: 0;
    }
.conceptWrap .ctm_pageTtl .ttlLv1 .heading .mainHead {
        font-family: "Arial","メイリオ",Meiryo,"MS UI Gothic","Tahoma","Lucida Grande","ヒラギノ丸ゴ Pro W4",sans-serif;
    font-size: 2.9rem;

}
    .conceptWrap .ctm_pageTtl .ttlLv1 .heading span {display: block;}
    .conceptWrap .ctm_pageTtl .ttlLv1 .heading .lead01 {font-size: 1.8rem;}
    .conceptWrap .ctm_pageTtl .ttlLv1 .heading .lead02 {font-size: 1.9rem;}
    .conceptWrap .ctm_pageTtl .ttlLv2 {
        padding-top: 20px;
        margin: 0px;
    }
    .conceptWrap .ctm_pageTtl .ttlLv2 .heading {font-size: 1.8rem;}

    .borderBox .ctm_bdrColumn .colWrap .col {
        border: 1px solid #707070;
        padding: 24px 22px;
    }
    
    
    @media all and (max-width:739px){
        .mv .heading::after {
            content: "";
            position: absolute;
            display: inline-block;
            top: 0;
            right: -5px;
            width: 110px;
            height: 82px;
            background-image: url(/content/dam/sites/wwwjalcojp/jp/ja/dom/special/smart-airport/img_sites/mv_parts_sp.png);
            background-repeat: no-repeat;
            background-size: contain;
        }
        .flowInner {
            display: -ms-grid;
            display: grid;
            -ms-grid-columns: 74px 1fr;
            grid-template-columns: 74px 1fr;
            -ms-grid-rows: -webkit-max-content 1fr;
            -ms-grid-rows: max-content 1fr;
            grid-template-rows: -webkit-max-content 1fr;
            grid-template-rows: max-content 1fr;
            min-height: 74px;
            text-align: left;
            /*align-items: center;*/
        }.flowInner > *:nth-child(1) {
            -ms-grid-row: 1;
            -ms-grid-column: 1;
        }.flowInner > *:nth-child(2) {
            -ms-grid-row: 1;
            -ms-grid-column: 2;
        }.flowInner > *:nth-child(3) {
            -ms-grid-row: 2;
            -ms-grid-column: 1;
        }.flowInner > *:nth-child(4) {
            -ms-grid-row: 2;
            -ms-grid-column: 2;
        }
        .flowInner__img {
            -ms-grid-row: 1;
            -ms-grid-row-span: 2;
            grid-row: 1 / 3;
            -ms-grid-column: 1;
            grid-column: 1;
        }
        .flowInner__heading {
            -ms-grid-row: 1;
            -ms-grid-row-span: 1;
            grid-row: 1 / 2;
            -ms-grid-column: 2;
            -ms-grid-column-span: 1;
            grid-column: 2 / 3;
        }
        .flowInner__heading.pdt10_sp {
            padding-top: 10px;
        }
        .flowInner__txt--red {
            -ms-grid-row: 2;
            grid-row: 2 / 2;
            -ms-grid-column: 2;
            -ms-grid-column-span: 1;
            grid-column: 2 / 3;
        }
        .pdtm5_sp {margin-top: -5px; }
        
        
    /*赤ドットタイトル*/
    .ctm_pageTtl.dotTtl .ttlLv2 .heading {
        position:relative;
        color: #cc0000;
    }
    .ctm_pageTtl.dotTtl .ttlLv2  span {
            position: relative;
            background: #fff;
            padding: 0 10px;
            z-index: 1;
        }
    .ctm_pageTtl.dotTtl .ttlLv2 .heading:before, .ctm_pageTtl.dotTtl .ttlLv2 .heading:after{
        content: "";
        display: block;
        width: 100%;
        height: 12px;
        position: absolute;
        top: 50%;
        margin-top: -7px;
        background: radial-gradient(circle farthest-side, #cc0000, #cc0000 40%, transparent 60%, transparent);
        background-size: 12px 12px;
    }
        
    .pointIcon .num {
        padding-left: 4px;

    }
        
    }
    
    @media all and (max-width:360px){
        .mvWrap--01 .contentsUnit {
            padding: 3vw 10px 2vw;
        }
        .mv .heading {
            display: block;
            font-size: 5.3vw;
        }
        .mv .heading::after {
            right: 0;
            width: 90px;
            height: 67px;
        }
        .heading__lead--01 {
            font-size: 5.6vw;
        }
        .heading__lead--02 {
            font-size: 4vw;
        }
        .pointWrap {
            margin-top: 3vw;
        }
        .pointWrap__list:not(:first-child) {
            margin-top: 3vw;
        }
        .pointIcon {
            font-size: 3.8vw;
        }
        .pointItem__heading {
            font-size: 5.3vw;
        }
        .pointItem__heading--font-small {
            font-size: 3.8vw;
        }
        .pointItem__img {
            min-width: 15vw;
            width: 15vw;
        }
        
        .flowInner {
            grid-template-columns: 15vw 1fr;
            min-height: 10vw;
        }
        .flowInner__heading {
            font-size: 3.4vw;
        }
        .flowInner__img {
            width: 15vw;
        }
        .flowInner__txt--red {
            font-size: 5.5vw;
        }
        .flowInner__txt--font-small {
            font-size: 3.8vw;
        }
        .flowArrow {
            width:  10vw;
        } 
    }
    
    @media all and (min-width:740px){
    .ttlLv2 .heading {display: block;}
        
         /*MV*/
        .mvWrap--01 {
            background-image: url(/content/dam/sites/wwwjalcojp/jp/ja/dom/special/smart-airport/img_sites/mv.jpg);
            background-position: bottom center;
            background-size: cover;
            background-repeat: no-repeat;
        }
    .mvWrap--01 .contentsUnit {
        padding: 38px 0 20px;
    }
    .mvWrap--02 .contentsUnit {
        display: block;
        padding: 56px 0 30px;
    }
    .mv .heading {
        font-size: 4.6rem;
    }
    .heading__lead--01 {
        font-size: 4rem;
    }
    .heading__lead--02 {
        padding-bottom: 15px;
        font-size: 2.6rem;
    }
    .pointWrap {
        display: flex;
        justify-content: space-between;
        margin-top: 60px;
        padding: 0;
    }
    .pointWrap__list {
        width: 300px;
    }
    .pointWrap__list:not(:first-child) {
        margin-top: 0;
    }
    .pointInner {
        height: 128px;
    }
    .pointIcon {
        top: -32px;
        left: 50%;
        transform: translateX(-50%);
        -webkit- transform: translateX(-50%);
        margin: auto;
        width:96px;
        height:32px;
        padding: 11px 0 0;
        background-image: url(/content/dam/sites/wwwjalcojp/jp/ja/dom/special/smart-airport/img_sites/bg_point_icon.svg);;
        color: #cc0000;
        font-weight: bold;
    }
    .pointItem {
    }
    .pointItem__img {
       min-width: 90px;
        width: 90px;
    }
    .pointItem__heading {
        font-size: 2.2rem;
    }
    .pointItem__heading--font-small {
        font-size: 1.6rem;
    }
    .pointInner__txt {
        font-size: 1.4rem;
        padding: 8px 0 ;
    }
    .note {
        text-align: left;
        font-size: 1.2rem;
    }
    .flowWrap {
        display: flex;
        justify-content: space-between;
        background: #cc0000;
        padding: 0;
    }
    .flowList {
        width: calc(100% / 5 - 2px);
    }
/*        .flowList a {
            height: 100%;
            
        }*/
    .flowList:not(:first-child) {border: none;}
    .flowInner {
        height: 100%;
        padding: 18px 0;
    }
    .flowInner::before {
        top: 50%;
        left: 6px;
        transform: translateY(-50%);
        -webkit- transform: translateY(-50%);
        color: #fff;
    }
    .flowInner::after {
        content: "";
        position: absolute;
        top: 50%;
        left: 0;
        transform: translateY(-50%);
        -webkit- transform: translateY(-50%);
        width: 0;
        height: 0;
        border-style: solid;
        border-top: 30px solid transparent;
        border-bottom: 30px solid transparent;
        border-left: 30px solid #cd0000;
        border-right: 0;
    }
    .flowInner__txt--red {
        font-size: 2.2rem;
    }
        .flowList:nth-child(2) .flowInner__txt--red {
            margin: 16px 0 0;
            padding: 2px 8px;
        }
    .flowInner__txt--font-small {
        /*font-size: 1.6rem;*/
    }
        .flowInner__img {
            width: 114px;
            margin: 10px auto;
            padding: 0;
        }
        .flowArrow {
            width: 788px;
            margin: auto;
        }
    
    /*赤ドットタイトル*/
    .ctm_pageTtl.dotTtl .ttlLv2 .heading {
        position:relative;
        color: #cc0000;
        font-size: 2.4rem;
    }
    .ctm_pageTtl.dotTtl .ttlLv2 .heading:before, .ctm_pageTtl.dotTtl .ttlLv2 .heading:after{
        content: "";
        display: block;
        width: 289px;
        height: 12px;
        position: absolute;
        top: 50%;
        margin-top: -7px;
        background: radial-gradient(circle farthest-side, #cc0000, #cc0000 40%, transparent 60%, transparent);
        background-size: 12px 12px;
    }
    .ctm_pageTtl.dotTtl .ttlLv2 .heading:before{left:0;}
    .ctm_pageTtl.dotTtl .ttlLv2 .heading:after{right:0;}
    
    .bc--yellow {
        padding: 30px 0;
    }
    
    .notificationsList .txtList > li:before {
        left: 20px;
    }
        
    
    /*スマートフォン*/
    .smartphoneBox {
        max-width: none;
    }
    .smartphoneWrap {
        justify-content: center;
        margin: 0 40px;
    }
    .smartphoneList {
        width: calc(100% / 5);
    }
    /*.smartphoneList:not(:first-child) {
        margin-left: 23px;
    }*/
    .smartphoneList__img {
        padding-top: 16px;
    }
    .smartphoneList__img img {
        height: 210px;
    }
        
    /*手荷物ステップ1の2カラム画像*/
     .baggageImg {
        margin: auto;
        width: 210px;
        
    }
    
    /*コンセプトエリア*/
    .conceptWrap {
        padding: 56px 0;
    }
    .conceptWrap .ctm_pageTtl .ttlLv1 .heading .lead01 {font-size: 1.8rem;}
    .conceptWrap .ctm_pageTtl .ttlLv1 .heading .lead02 {font-size: 2.6rem;}
        .conceptWrap .ctm_pageTtl.pc_left {text-align: left;}
        .conceptWrap .ctm_pageTtl .ttlLv1 .heading .mainHead {font-size: 4rem;}
        
        
        
        .pdt18_pc {
            padding-top: 18px;
        }
        
        
    .borderBox .ctm_bdrColumn .colWrap .col {
        padding: 40px 0;
    }

    /*App画像*/
    .appImgWrap .cmp-image__image {width: auto;height: 45px;}
    .appImgLeft {text-align: right;}
    }

.colWrap.clm_1_2col .step1Wrap {display: flex;}
.colWrap.clm_1_2col .step1Wrap>.aem-GridColumn, .colWrap.clm_1_2col .step1Wrap>.aem-GridColumn>.aem-Grid,  .colWrap.clm_1_2col .step1Wrap>.aem-GridColumn>.aem-Grid .aem-GridColumn.aem-GridColumn--default--6 {display: flex;} 
 .colWrap.clm_1_2col .step1Wrap>.aem-GridColumn>.aem-Grid>.aem-GridColumn.aem-GridColumn--default--6>.aem-Grid {display: flex;flex-direction: column;} 

 .colWrap.clm_1_2col .step1Wrap>.aem-GridColumn>.aem-Grid>.aem-GridColumn.aem-GridColumn--default--6>.aem-Grid .img.aem-GridColumn {margin-top: auto;}