/* common */
#wrap-container {
    width: auto;
}
.res-inner-contents {
    padding-top: 0;
}
.d_moduleMain {
    padding-left: 0;
    padding-right:0;
}
.section {
    max-width: 1024px;
    margin: 0 auto;
    padding-top: 100px;
    padding-bottom: 120px;
}
.res-none-inline {display: inline;}
.res-inline {
    display: none;
}
.res-contents {
    margin-top: 0!important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.contents-title {
    text-align: center;
    margin: 0 auto;
    margin-bottom: 65px;
}
.contents-title span {
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 2;
}
.title-pc{
    display: inline-block;
}
.title-sp{
    display: none;
}
/* popup */
.mfp-iframe-holder .mfp-content{
    max-width: 904px;
}
.mfp-iframe-scaler {
    padding-top: 56.30531%;
}
@media (min-width: 0px) and (max-width: 570px){
    .mfp-iframe-holder .mfp-content{
        max-width: 566px;
    }
    .mfp-iframe-scaler {
        padding-top: 128.621908%;
    }
}
@media (min-width: 0px) and (max-width: 570px) {
    .contents-title span {
        font-size: 18px;
        font-size: 1.8rem;
    }
    .contents-title .title {
        margin: 0 auto;
    }
    .contents-title .title img {
        width: 100%;
    }
    .title-pc{
        display: none;
    }
    .title-sp{
        display: inline-block;
        padding: 0 18% 0 18%;
    }
    .intro .contents-title .title {
        width: 95%;
    }
    .service-av .contents-title .title {
        width: 85%;
    }
    .usage .contents-title .title {
        width: 55%;
    }
}

@media (max-width: 1024px) {
    .section {
        padding-right:2%;
        padding-left: 2%;
    }
}
@media (min-width: 0px) and (max-width: 570px) {

    .res-contents {
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    .res-none-inline {display: none;}
    .res-inline {
        display: inline;
    }
    .section {
        padding-top: 10%;
        padding-bottom: 12%;
    }
    .contents-title {
        margin-bottom: 8%;
    }
}

/* header */
.header {
    display: none;
}

.header-sns{
    display: none;
}

@media (min-width: 0px) and (max-width: 570px) {
    .header {
        display: block;
        background-color: #1a6df9;
        height: 40px;
        position: relative;
    }
    .header a {
        width: 170px;
        position: absolute;
        top: 10px;
        left: 5px;
    }
}

/* main */
.main {
    background: url(/serviceinfo/inflight-wifi/image/2019/main_bg_191226.jpg) center top no-repeat;
}
.main-inner {
    max-width: 1024px;
    margin: 0 auto;
    position: relative;
}

.main-logo {
    position: absolute;
    right: 0;
    top: 25px;
}
.main-info {
    position: absolute;
    left: 0;
    bottom: 45px;
}

/* sns */

.sns {
    position: absolute;
    top: 45px;
    right: 0;
    padding-top: 16px;
}
.sns ul{
    margin: 0;
}
.sns li {
    list-style-type: none;
    display: inline-block;
}

.header-sns {
    display: none;
    position: absolute;
    top: 6px;
    right: 12px;
}
.header-sns ul {
    margin: 0;
}
.header-sns li{
    list-style-type: none;
    display: inline-block;
}


.scroll {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: 25px;
}
@media (min-width: 0px) and (max-width: 1024px) {
    .main{
        background-image: url(/domestic/departure/inflight/wifi-promotions/image/2017/main_bg2.jpg) ;
        background-size:contain;
        padding: 2%;
    }
    .main-info {
        width: 43%;
    }
}
@media (min-width: 0px) and (max-width: 850px) {
    .main-logo {
        width: 33%;
    }

    .scroll {
        width: 10%;
    }

    .sns{
        width: 33%;
        text-align: right;
        padding-left: 0;
    }

}
@media (min-width: 0px) and (max-width: 570px) {
    .main {
        background-image: url(/domestic/departure/inflight/wifi-promotions/image/2017/main_bg_sp.jpg) ;
        background-size: cover;
        padding: 0;
    }
    .main-logo {
        display: none;
    }
    .main-info {
        left: 5%;
        width: 68%;
        bottom: 20px;
    }
    .scroll {
        display: none;
    }

    .sns{
        display: none;
    }
    .header-sns{
        display: block;
    }
}





/* news */
.news .section {
    padding-top: 55px;
    padding-bottom: 55px;
}
.news-list li {
    margin-bottom: 1em;
}
.news-list li:last-child {
    margin-bottom: 0;
}
.news-list li div {
    float: left;
    font-size: 16px;
    font-size: 1.6rem;
}
.news-head {
    padding-left:3.5em;
}
.news-head.ico-new {
    background: url(/domestic/departure/inflight/wifi-promotions/image/2017/icon_new.png) left top no-repeat;
}
.news-body {
    padding-left: 4em;
}

@media (max-width: 1024px) {
    .news-list li div {
        float: none;
    }
    .news-body {
        padding-left: 0px;
    }
}
@media (min-width: 0px) and (max-width: 570px) {
    .news .section {
        padding-top: 5%;
        padding-bottom: 5%;
    }
    .news-list li div {
        font-size: 14px;
        font-size: 1.4rem;
    }
}


/* intro */
.intro {
    background: url(/domestic/departure/inflight/wifi-promotions/image/2017/intro_bg.png) center top no-repeat;
    background-size: cover;
}


.intro-list {
    text-align: center;
}
.intro-list li {
    display: inline-block;
    width: 32%;
    margin: 0 0.5%;
    margin-bottom: 1%;
}
.intro-list li.-column2 {
    width: 34%;
}
@media (min-width: 0px) and (max-width: 570px) {
    .intro-list li {
        margin: 0 1%;
        margin-bottom: 2%;
        width: 48%;
    }
}



/* service-av */
.service-av {
    background: url(/domestic/departure/inflight/wifi-promotions/image/2017/service-av_bg.png) center top no-repeat #000;
    color: #fff;
}
.service-av .contents-title {
    text-align: left;
    margin-bottom: 25px;
}
.service-av-box {
    width: 100%;
}
.service-av-box .service-av-box-inner.text {
    float: left;
    width: 44%;
    font-size: 17px;
    font-size: 1.7rem;
    line-height: 3;
}
.service-av-box .service-av-box-inner.image {
    float: right;
    margin-right: -18%;
    margin-top:3%;
    text-align: right;
    width: 72%;
}
.service-av-list {
    margin-top: 1.5em;
    margin-bottom: 1.5em;
}
.service-av-list li {
    display: inline-block;
    margin-right: 4%;
    margin-bottom: 4%
}
.service-av-list li:last-child {
    margin-right: 0;
}
.service-av .btn > a {
    border: 2px solid #fff;
    background-color: rgba(0,118,195,0.5);
    display: inline-block;
    font-size: 20px;
    font-size: 2rem;
    font-weight: bold;
    text-align: center;
    color: #fff;
    text-decoration: none;
    padding: 0.5em 3.5em 0.5em 3em;
    position: relative;
    vertical-align: middle;
    text-decoration: none;
}
.service-av .btn > a:hover {
    opacity: 0.7;
}
.service-av .btn > a:before{
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    content: "";
    vertical-align: middle;
    right: 14px;
    width: 8px;
    height: 8px;
    border-top: 3px solid #fff;
    border-right: 3px solid #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
@media (min-width: 0px) and (max-width: 1450px) {
    .service-av-box .service-av-box-inner.image {
        margin-right: -14%;
        width: 65%;
    }
}
@media (min-width: 0px) and (max-width: 1350px) {
    .service-av-box .service-av-box-inner.image {
        margin-right: -10%;
        width: 60%;
    }
}
@media (min-width: 0px) and (max-width: 1250px) {
    .service-av-box .service-av-box-inner.image {
        margin-right: -4%;
        width: 53%;
    }
}
@media (min-width: 0px) and (max-width: 1150px) {
    .service-av-box .service-av-box-inner.image {
        margin-right: 0%;
        width: 53%;
    }
}
@media (min-width: 0px) and (max-width: 900px){
    .service-av-box .service-av-box-inner.text{
        width: 55%;
    }
    .service-av-box .service-av-box-inner.image{
        width: 45%;
    }
    .service-av .btn > a {
        padding: 0.5em 2.5em 0.5em 2em;
    }

}
@media (min-width: 0px) and (max-width: 570px) {
    .service-av {
        background-image: url(/domestic/departure/inflight/wifi-promotions/image/2017/service-av_bg_sp.png);
        background-position: center 22%;
        background-size: contain;
    }
    .service-av .contents-title {
        text-align: center;
    }
    .service-av-box .service-av-box-inner.text,
    .service-av-box .service-av-box-inner.image {
        float: none;
    }
    .service-av-box .service-av-box-inner.text{
        margin: 0 auto;
        width: 90%;
        font-size: 15px;
        font-size: 1.5rem;
        line-height: 1.7;
    }
    .service-av-box .service-av-box-inner.image{
        margin: 0 auto;
        width: 80%;
    }
    .service-av-list {
        text-align: center;
        margin-bottom: 10%;
    }
    .service-av-list li {
        width: 17%;
        margin-bottom: 0;
    }
    .service-av .btn {
        text-align: center;
    }
    .service-av .btn > a {
        font-size: 18px;
        font-size: 1.8rem;
    }
}

/* check */
.check {
    background: url(/domestic/departure/inflight/wifi-promotions/image/2017/check_bg.png) center top no-repeat #edf7fe;
}
.wifi-contents-table.check-contents-table {
    border: 1px solid #1e2a48;
    border-width: 1px 1px 0 0;
    width: 100%;
    margin-bottom: 1em;
}
.wifi-contents-table.check-contents-table th,
.wifi-contents-table.check-contents-table td {
    border: 1px solid #1e2a48;
    border-width: 0 0 1px 1px;
    vertical-align: middle;
    background: #fff;
}
.wifi-contents-table.check-contents-table thead th {
    color: #fff;
    font-weight: bold;
}
.wifi-contents-table.check-contents-table th,
.wifi-contents-table.check-contents-table td {
    padding: 15px;
}
.wifi-contents-table.check-contents-table thead th,
.wifi-contents-table.check-contents-table thead td {
    font-size: 20px;
    font-size: 2rem;
    background-color: #1e2a48;
}
.wifi-contents-table.check-contents-table tbody th {
    width: 370px;
}
.wifi-contents-table.check-contents-table tbody td div{
    width: 505px;
}
@media (min-width: 0px) and (max-width: 890px){
    .wifi-contents-table.check-contents-table tbody th {
        width: auto;
    }
    .wifi-contents-table.check-contents-table tbody td div{
        width: auto;
    }
}

@media (min-width: 0px) and (max-width: 570px){
    .note-wrap{
        width: 90%;
        margin: 0 auto;
    }
}

.wifi-check {
    border: 1px solid #1e2a48;
    background: #fff;
    margin-top: 40px;
}
.wifi-check .wifi-check-inner {
    padding: 30px 50px 0;
    font-size: 18px;
    font-size: 1.8rem;
}
.wifi-check-box {
    margin-bottom: 50px;
}
.wifi-check-title {
    background-color: #1e2a48;
    font-weight: bold;
    font-size: 18px;
    font-size: 1.8rem;
    color: #fff;
    display: inline-block;
    position:relative;
    padding: 0.5em 2em 0.5em 1em;
}
.wifi-check-title:after{
    content: "";
    position:absolute;
    top:0;
    right:0;
    width:0;
    height:0;
    border-style: solid;
    border-color: transparent #fff transparent transparent;
    border-width: 1.3em 0.8em 1.3em 0;
}
.wifi-check-subTitile {
    background: url(/domestic/departure/inflight/wifi-promotions/image/2017/bg_dot.png) bottom left repeat-x;
    padding-bottom: 2px;
    margin-bottom: 15px;
}
.wifi-check-subTitile .wifi-check-icon {
    font-weight: bold;
    background: url(/domestic/departure/inflight/wifi-promotions/image/2017/icon_check.png) left center no-repeat;
    padding-left: 20px;
}
.wifi-check-subTitile .wifi-check-note {
    margin-left: 20px;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.5;
    font-weight: bold;
    color: #CF1313;
}
@media (min-width: 0px) and (max-width: 570px){
    .wifi-check-icon {
        width: 30%;
        vertical-align: top;
    }
    .wifi-check-note{
        width: 65%;
    }
}

.wifi-check-lead {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.5;
    margin-bottom: 20px;
}
.wifi-check-img {
    float: left;
    width: 40%;
}
.wifi-check-img img {
    max-width: 100%;
}
.wifi-check-img p{
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.5;
    margin-bottom: 16px;
}
.wifi-check-text {
    width: 57%;
    float: right;
    border: 1px solid #e8e9ec;
    padding: 20px;
    margin-top: 36px;
}
.wifi-check-text h5 {
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 1.5;
}
.wifi-check-text p {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.5;
}
.wifi-check-list {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.5;
}
.wifi-check-list dt {
    display: inline-block;
    margin-right: 5px;
}
.wifi-check-list dd {
    display: inline-block;
}



@media (min-width: 0px) and (max-width: 1024px) {
}
@media (min-width: 0px) and (max-width: 910px){
}
@media (min-width: 0px) and (max-width: 890px){
}
@media (min-width: 0px) and (max-width: 570px) {
    .wifi-check-title {
        font-size: 12px;

        font-size: 1.2rem;
    }
    .wifi-check-subTitile {
        font-size: 14px;
        font-size: 1.4rem;
    }
    .wifi-check-subTitile .wifi-check-note {
        display: inline-block;
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 1.3;
        text-indent: -1em;
    }
    .wifi-check .wifi-check-inner {
        padding: 10px 10px 0;
        font-size: 12px;
        font-size: 1.2rem;
    }
    .wifi-check-box {
        margin-bottom: 30px;
    }
    .wifi-check-box-last {
        margin-bottom: 10px;
    }
    .wifi-check-text h5 {
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 1.5;
    }
    .wifi-check-img,
    .wifi-check-text {
        float: none;
        width: 100%;
    }
    .wifi-check-img {
        margin-bottom: 20px;
        width: 90%;
        margin: 0 auto;
    }
    .wifi-check-text {
        padding: 10px 10px 5px;
    }
    .wifi-check-list dt {
        width: 25%;
        vertical-align: top;
    }
    .wifi-check-list dd {
        width: 70%;
        vertical-align: middle;
    }
    .wifi-check-list {
        margin-bottom: 5px;
    }


}



.wifi-check-confirmation-box {
    padding: 0 20px 20px 0;
}
.wifi-check-confirmation-box dl {
    position: relative;
    padding-left: 120px;
    top: 25%;
}

.wifi-check-confirmation-box dl .attention {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.5;
    padding-top: 20px;
}
.wifi-check-confirmation-box dl .note {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.5;
    text-indent: -1em;
    padding-left: 1em;
}
.wifi-check-confirmation-box dl .logo {
    position: absolute;
    left:0px;
    top:0px;
}


@media (min-width: 0px) and (max-width: 570px) {
    .wifi-check-confirmation-box {
        padding: 0;
    }
    .wifi-check-confirmation-box dl {
        position: relative;
        left: 0;
        padding-left: 22%;
    }
    .wifi-check-confirmation-box dl .attention {
        font-size: 14px;
        font-size: 1.4rem;
        left: 20%;
        padding-top: 0;
    }
    .wifi-check-confirmation-box dl .note {
        font-size: 14px;
        font-size: 1.4rem;
    }
    .wifi-check-confirmation-box dl .logo {
        position: absolute;
        left:0px;
        top:0px;
        width:20%;
    }
}



/* usage */
.usage .section {
    padding-bottom: 0;
}
.usage-list {
    margin-bottom: 30px;
}
.usage-list li {
    display: inline-block;
    vertical-align:top;
}
.usage-list li:nth-child(1) {
    width: 26.660156%;
}
.usage-list li:nth-child(2) {
    width:26.269531%;
}
.usage-list li:nth-child(3) {
    width:26.757813%;
}

.usage-list li:nth-child(4) {
    width:20.019531%;
}

.usage-list+p{
    margin-bottom: 60px;
}
.usage .note{
    font-size: 14px;
    font-size: 1.4rem;
    text-indent: -1em;
    padding-left: 1em;
}
@media (min-width: 0px) and (max-width: 570px) {
    .usage-list {
        margin: 0 auto;
    }
    .usage-list li {
        margin-bottom: 5%;
    }
    .usage-list li:nth-child(1) {
        width: 51%;
    }
    .usage-list li:nth-child(2) {
        width:49%;
    }

    .usage-list li:nth-child(3) {
        width:52%;
    }

    .usage-list li:nth-child(4) {
        width:39%;
    }
    .usage-list+p{
        margin-bottom: 30px;
    }
    .usage .note{
        font-size: 12px;
        font-size: 1.2rem;
    }
}

.wifi-contents-view {
    border: 1px solid #1e2a48;
    margin-bottom: 50px;
}
.wifi-contents-view .wifi-contents-view-inner {
    padding: 20px 20px 0px;
    font-size: 18px;
    font-size: 1.8rem;
}
.wifi-contents-view .wifi-contents-view-inner .text {
    float: left;
    width: 78%;
    display: table;
}
.wifi-contents-view .wifi-contents-view-inner .text p {
    display:table-cell;
    vertical-align: top;
    font-weight: bold;
    width: 47%;
}
.wifi-contents-view .wifi-contents-view-inner .text p a {
    font-weight: bold;
}
.wifi-contents-view .wifi-contents-view-inner .text .btn {
    display:table-cell;
    vertical-align: top;
}
.wifi-contents-view .wifi-contents-view-inner .image {
    float: right;
    width: 22%;
    padding-right: 2%;
    text-align: right;
    margin-top:-5%;
    overflow: hidden;
}
.wifi-contents-view-title {
    background-color: #e26485;
    font-weight: bold;
    font-size: 18px;
    font-size: 1.8rem;
    color: #fff;
    display: inline-block;
    position:relative;
    padding: 0.5em 8em 0.5em 1em;
}
.wifi-contents-view-title:after{
    content: "";
    position:absolute;
    top:0;
    right:0;
    width:0;
    height:0;
    border-style: solid;
    border-color: transparent #fff3f3 transparent transparent;
    border-width: 1.3em 0.8em 1.3em 0;
}
.wifi-contents-view .btn {
    margin-top: 1em;
}
.wifi-contents-view .btn a {
    display: inline-block;
    margin-right: 20px;
}
.wifi-contents-view .btn a:last-child {
    margin-right: 0;
}
@media (min-width: 0px) and (max-width: 1024px) {
    .wifi-contents-view .wifi-contents-view-inner .text {
        width: 82%;
    }
    .wifi-contents-view .wifi-contents-view-inner .text p {
        width: 50%;
    }
    .wifi-contents-view .wifi-contents-view-inner .image {
        width: 18%;
        padding-right: 0;
    }
}
@media (min-width: 0px) and (max-width: 910px){
    .wifi-contents-view .wifi-contents-view-inner .image {
        width: 15%;
    }
    .wifi-contents-view .wifi-contents-view-inner .text {
        width: 85%;
    }
}
@media (min-width: 0px) and (max-width: 890px){
    .wifi-contents-view .wifi-contents-view-inner .text p,
    .wifi-contents-view .wifi-contents-view-inner .text .btn {
        display: block;
    }
    .wifi-contents-view .wifi-contents-view-inner .text{
        width: 70%;
    }
    .wifi-contents-view .wifi-contents-view-inner .text p{
        width: 100%;
    }
    .wifi-contents-view .wifi-contents-view-inner .text p .br{
        display: none;
    }
    .wifi-contents-view .wifi-contents-view-inner .image {
        width: 30%;
        margin-top: -3%;
    }
}

@media (min-width: 0px) and (max-width: 570px) {
    .wifi-contents-view-title {
        font-size: 12px;
        font-size: 1.2rem;
    }

    .wifi-contents-view .wifi-contents-view-inner {
        padding: 10px 10px 0;
        font-size: 12px;
        font-size: 1.2rem;
    }
    .wifi-contents-view .wifi-contents-view-inner .image {
        padding-right: 0;
    }
    .wifi-contents-view .btn a {
        margin-right: 10px;
    }
    .wifi-contents-view .btn .btn01 {
        width: 34%;
    }
    .wifi-contents-view .btn .btn02 {
        width: 30%;
    }
}


.wifi-contents-table {
    border: 1px solid #e8e9ec;
    border-width: 1px 1px 0 0;
    width: 100%;
    margin-bottom: 1em;
}
.wifi-contents-table th,
.wifi-contents-table td {
    border: 1px solid #e8e9ec;
    border-width: 0 0 1px 1px;
    vertical-align: middle;
}
.wifi-contents-table th,
.wifi-contents-table td {
    padding: 15px;
}
.wifi-contents-table thead th,
.wifi-contents-table thead td {
    font-size: 20px;
    font-size: 2rem;
    background-color: #e8e9ec;
}
.wifi-contents-table tbody th,
.wifi-contents-table tbody td {
    font-size: 18px;
    font-size: 1.8rem;
}
.fc_red {
    color: #cc0000;
}


@media (min-width: 0px) and (max-width: 570px) {
    .wifi-contents-table th,
    .wifi-contents-table td {
        padding: 10px;
    }
    .wifi-contents-table thead th,
    .wifi-contents-table thead td {
        font-size: 15px;
        font-size: 1.5rem;
        background-color: #e8e9ec;

    }
    .wifi-contents-table tbody th,
    .wifi-contents-table tbody td {
        font-size: 13px;
        font-size: 1.3rem;

    }


}

.confirmation-box {
    margin-top: 40px;
    background-color: #e8e9ec;
    padding: 20px;
}
.confirmation-box dl {
    position: relative;
    padding-left: 120px;
}

.confirmation-box dl .title {
    font-size: 20px;
    font-size: 2rem;
    line-height: 1.8;
}
.confirmation-box dl .text {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.8;
}
.confirmation-box dl .note {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.5;
    text-indent: -1em;
    padding-left: 1em;
}
.confirmation-box dl .logo {
    position: absolute;
    left:0px;
    top:0px;
}


@media (min-width: 0px) and (max-width: 570px) {
    .confirmation-box {
        padding: 10px;
    }
    .confirmation-box dl {
        position: relative;
        padding-left: 0;
    }
    .confirmation-box dl .title {
        font-size: 15px;
        font-size: 1.5rem;
        padding-left: 25%;
    }
    .confirmation-box dl .text {
        font-size: 14px;
        font-size: 1.4rem;
        padding-left: 25%;
        line-height: 1.6;
    }
    .confirmation-box dl .note {
        font-size: 11px;
        font-size: 1.1rem;
    }
    .confirmation-box dl .logo {
        position: absolute;
        left:0px;
        top:0px;
        width:20%;
    }
}


.wifi_content .ttl {
    font-size: 24px;
    position: relative;
    padding-left: 20px;
    margin-bottom: 25px;
}
.wifi_content .ttl:after {
    content: "";
    position: absolute;
    width: 13px;
    height: 13px;
    top: 11px;
    left: 2px;
    margin: auto;
    background: #000000;
}
.wifi_content .list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
    margin-bottom: 35px;
}
.wifi_content .list li {
    text-align: center;
    padding: 0 2%;
    width: 32%;
}
.wifi_content p {
    margin-bottom: 10px;
}
@media (max-width: 570px) and (min-width: 0px) {
    .wifi_content .list li {
        width: 50%;
        padding: 0 10px;
        margin-bottom: 30px;
    }
    .wifi_content .list li:nth-child(n+2) {
        margin-bottom: 0;
    }
}




/* footer */


.footer_pc{
    background-color: #000;
    height: 120px;
}
.footer_pc .footer_inner{
    max-width: 1224px;
    margin: 0 auto;
    position: relative;
}
.footer_pc .footer_inner .footer_link{
    margin: 0 auto;
    text-align: center;
    padding-top: 50px;
}
.footer_pc .footer_inner .footer_link li{
    display: inline-block;
    text-align: center;
}
.footer_pc .footer_inner .footer_link li{
    border-left:1px solid #fff ;
    margin-left: 20px;
    padding-left: 20px;
}
.footer_pc .footer_inner .footer_link li:first-child{
    border-left:none;
    margin-left: 0px;
    padding-left: 0px;
}

.footer_pc .footer_inner .totop {
    position: absolute;
    right: 0;
    top: 20px;
}

@media (min-width: 0px) and (max-width: 1224px){
    .footer_pc .footer_inner .totop{
        right:3%;
    }
}
@media (min-width: 0px) and (max-width: 700px){
    .footer_pc .footer_inner .footer_link li{
        width:33%;
    }
    .footer_pc .footer_inner .totop{
        width:8%;
        top: 4%;
        -webkit-transform: translateY(-4%);
        transform: translateY(-4%);

    }
}

.footer_sp {
    display: none;
}
@media (min-width: 0px) and (max-width: 570px) {
    .footer_pc {
        display: none;
    }
    .footer_sp {
        display: block;
        background-color: #05336a;
    }
    .footer_sp div {
        padding: 2em 0 1em;
        text-align: center;
    }
    .footer_sp div a{
        color: #fff;
        font-size: 12px;
        font-size: 1.2rem;
        text-decoration: none;
    }
}
.intro-list a:hover {
    opacity: 0.7;
}

.wifi_content_notice {
    margin-bottom: 60px;
}


/* 0827 */

.wpBgColor {
    background: #fff3f3;
}

.mb10 {
    margin-bottom: 10px;
}

.mb50 {
    margin-bottom: 50px;
}

.wifi-contents-view .noticeText {
    padding: 20px;
}

.wifi-contents-view .noticeText p {
    font-weight: bold;
}

.wifi-contents-view .noticeText p a {
    font-weight: bold;
}