@charset "UTF-8";


html {
    color: #0099ff;
    font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "Meiryo", "メイリオ", "MS Pゴシック", Arial, Helvetica, Verdana, sans-serif;
    font-size: 100%;
    -webkit-font-smoothing: antialiased;
    line-height: 2;
    font-weight: 500;
    position: relative;
    overflow-x: hidden;

}

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td {
    margin: 0;
    padding: 0;
}

* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

fieldset,
img {
    border: 0;
}

img {
    vertical-align: middle;
    max-width: 100%;
}

address,
caption,
cite,
code,
dfn,
var {
    font-style: normal;
    font-weight: normal;
}

li {
    list-style: none;
}

caption,
th {
    text-align: left;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 100%;
    font-weight: normal;
}

q:before,
q:after {
    content: '';
}

abbr,
acronym {
    border: 0;
    font-variant: normal;
}

sup {
    vertical-align: text-top;
}

sub {
    vertical-align: text-bottom;
}

input,
textarea,
select {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
}

/*to enable resizing for IE*/
input,
textarea,
select {
    *font-size: 100%;
}

.txt_blue {
    color: #0099ff;
    font-weight: bold;
}

.sp {
    display: none !important;
}

.pen {
    background: linear-gradient(transparent 60%, #b2e0ff 0%);
}

@media screen and (max-width: 1024px) {
    .pc {
        display: block !important;
    }
}

@media screen and (max-width: 768px) {


    .pc {
        display: none !important;
    }

    .sp {
        display: block !important;
    }
}

@media screen and (max-width: 599px) {}



/***************************
 header
*****************************/
#header {
    position: relative;
    /*padding-bottom: 20px;*/
}

.sp_bkimg img {
    display: none;
}

.pc_bkimg {
    width: 1043px;
    position: absolute;
    z-index: -1;
    top: -120px;
    left: 50%;
    transform: translateX(-50%);
}

.tab_bkimg {
    display: none;
}

.tab_bkimg img {
    display: none;
}



.pc_bkimg img {
    display: block;
}


.inner {
    width: 100%;
    max-width: 770px;
    margin: 0 auto;
}

#header .header_tit {
    position: relative;
}

#header .logo {
    text-align: center;
    font-size: 27px;
    margin-top: 125px;
    padding-top: 0;
    line-height: 40px;
    font-weight: bold;
}

#header .mainlogo {
    max-width: 400px;
    margin: 44px auto;
}


#header .header_block {
    width: 212px;
    height: 212px;
    border-radius: 50%;
    background-color: #fff;
    border: 12px solid #b2e0ff;
    text-align: center;
    line-height: 1.5;
    font-weight: bold;
    padding: 38px 0 0;
    display: inline-block;
}

.header_block_inner {
    position: absolute;
    top: 55%;
    left: 50%;
    transform: translate(-50%, -55%);
    margin-right: -50%;
}

.header_block.one {
    content: "";
    position: absolute;
    top: -10%;
    left: -5%;
}


.header_block.two {
    content: "";
    position: absolute;
    top: -10%;
    right: -5%;
}


.header_block.three {
    content: "";
    position: absolute;
    top: 80%;
    left: -5%;
}



.header_block.four {
    content: "";
    position: absolute;
    top: 80%;
    right: -5%;
}

.header_apprilogo .header_appriLink {
    margin: 24px 10px;

}

.header_apprilogo .header_appriLink img {
    width: 60px;
}

.circle {
    width: 50%;
    margin: 5px auto 0;
}

.circle .w80 {
    width: 80%;
}

.circle .w70 {
    width: 70%;
}


.deco {
    position: relative;
    top: 25px;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 200px;
    z-index: 3;
}

.deco::before {
    content: "";
    position: absolute;
    top: 30px;
    left: 24%;
    width: 60px;
    height: 7px;
    background: #0099ff;
}

.deco::after {
    content: "";
    position: absolute;
    top: 30px;
    right: 24%;
    width: 60px;
    height: 7px;
    background: #0099ff;
}

.deco::before {
    transform: rotate(60deg);

}

.deco::after {
    transform: rotate(-60deg);
}

.line-tit {
    display: flex;
    justify-content: center;
    align-items: center;
}

.line-tit::before {
    content: "";
    width: 210px;
    height: 3px;
    background: #0099ff;

}


.line-tit::after {
    content: "";
    width: 210px;
    height: 3px;
    background: #0099ff;

}


.line-tit::before {
    margin-right: 12px;
}

.line-tit::after {
    margin-left: 12px;
}


#header .header_campaign {
    display: flex;
    text-align: center;
    width: 100%;
    border: 7px solid #0099ff;
    box-shadow: 10px 10px #b2e0ff;
    font-size: 26px;
    font-weight: bold;
    padding: 20px 18px 20px;
    position: relative;
}

.header_campaignInf .cyusyaku {
    position: relative;
}

.header_campaignInf .cyusyaku::after {
    content: "※";
    position: absolute;
    top: 0;
    right: 19%;
    font-size: 12px;
}

#header .header_campaign::before {
    content: "";
    position: absolute;
    top: -10px;
    left: 50%;
    transform: translateX(-50%);
    width: 340px;
    height: 38px;
    background-color: #fff;
}

.header_campaign-left {
    width: 35%;
}

.header_campaign-left .left_01 {
    font-size: 18px;
    font-weight: bold;
    padding-top: 20px;
}

.header_campaign-left .sp {}

.header_campaign-left .left_02 {
    font-size: 26px;
    font-weight: bold;
    text-align: center;
    margin-top: -10px;
}

.f24 {
    font-size: 24px;
}

.header_campaign-center {
    padding-left: 12px;
    padding-top: 18px;
}

.header_campaign-center .center_yen {
    text-align: center;
    color: #fff;
    width: 300px;
}

.header_campaign-center .center_yen img {
    width: 240px;
}

.pink {}

.pink.f25 {
    color: #FF0066;
    font-size: 25px;
    text-shadow: none;
    padding-left: 6px;
    vertical-align: bottom;
}

.header_campaign-center span {}

.header_campaign-right {
    margin-left: 20px;
}

.header_campaign-right .right_01 {
    font-size: 18px;
    font-weight: bold;
    line-height: 1.6;
}

#header h3 {
    text-align: center;
    font-size: 27px;
    font-weight: bold;
}

.deco {}

#header .header_campaignInf {
    position: relative;
    width: 100%;
    margin-top: 40px;
    padding: 25px 20px;
    border: 7px solid #0099ff;
    box-shadow: 10px 10px #b2e0ff;
    text-align: center;
}

.header_campaignInf li {
    font-size: 25px;
    font-weight: bold;
}

.header_campaignInf p {
    font-size: 14px;
}

#header .header_campaignInf::before {
    content: "必ずお読みください";
    position: absolute;
    top: -30px;
    left: -30px;
    width: 84px;
    height: 70px;
    font-weight: bold;
    background-color: #fff;
    border: 3px solid #FF0066;
    color: #FF0066;
    line-height: 23px;
    padding: 30px 8px 0;
    border-radius: 50%;
    font-size: 16px;
    transform: matrix(1, -0.09, 0.09, 1, 0, 0);
}

.header_appriLink {
    width: 60px;
}

.header_apprilogo {
    position: relative;
    font-size: 23px;
    line-height: 1.4;
    margin-left: 20px;
    font-weight: bold;
}

.header_apprilogo::after {
    content: "";
    position: absolute;
    display: block;
    top: 0;
    left: 278px;
    background-image: url(../img/arrow_big.png);
    width: 18px;
    height: 62px;
    z-index: 2;
}

.freeapp {
    /* width: 86px; */
    font-size: 20px;
    border: 2px solid #FF0066;
    padding: 2px 20px;
    color: #FF0066;
    font-weight: bold;
    margin-right: 10px;
    line-height: 1.9;
}

.header_appriBox {
    display: flex;
    margin-top: 34px;
}

.appri_mark {
    margin: 0 0 34px auto;
}

.appstore {
    width: 160px;
}

.googleplay {
    margin-left: 20px;
    width: 202px;
}

.header_campaignInf .point {
    font-size: 14px;
}


@media screen and (max-width: 1024px) {
    .pc_bkimg img {
        display: none;

    }

    .sp_bkimg img {
        display: none;
    }


    .tab_bkimg {
        display: block;
        width: 100%;
        /*max-width: 943px;*/
        position: absolute;
        z-index: -1;
        top: -10%;
        /* margin-left: -50%; */
        left: 0;
        /* transform: translateX(-50%); */
        text-align: center;
        margin: 0 auto;
    }

    .tab_bkimg img {
        display: block;
    }

    #header .logo {
        padding-top: 0;
    }

    .header_block.one {
        content: "";
        position: absolute;
        top: -20%;
        left: -5%;
    }

    .header_block.two {
        content: "";
        position: absolute;
        top: -20%;
        right: -5%;
    }

    .deco::before {
        content: "";
        width: 30px;
        height: 5px;
        background: #0099ff;

    }


    .deco::after {
        content: "";

        width: 30px;
        height: 5px;
        background: #0099ff;
    }



    .line-tit::before {
        content: "";
        height: 2px;
        background: #0099ff;

    }


    .line-tit::after {
        content: "";
        height: 2px;
        background: #0099ff;

    }


    .line-tit::before {
        margin-right: 8px;
    }

    .line-tit::after {
        margin-left: 8px;
    }

    #header .header_campaign::before {
        width: 366px;
    }

    .header_campaign-right .right_01 {
        margin-top: 10px;
    }

    #header .header_campaignInf {
        padding: 16px 20px;
    }

}

@media screen and (max-width: 1024px) {

    #header .mainlogo {
        width: 70%;
        margin: 6% auto 78px;
        max-width: 360px;
    }


}


@media screen and (max-width: 768px) {
    #header .mainlogo {
        width: 50%;
        margin: 6% auto 78px;
        max-width: 400px;
    }

    #header .logo {
        text-align: center;
        font-size: 24px;
        line-height: 1.8;
        padding-top: 70px;
        margin-top: 0;
    }

    .sp_bkimg {
        position: absolute;
        z-index: -1;
        top: 0;
        left: 50%;
        width: 95%;
        transform: translateX(-50%);
    }

    .tab_bkimg {
        display: none;
    }

    .sp_bkimg img {
        display: block;
    }

    .pc_bkimg {
        display: none;
    }

    .pc_bkimg img {
        display: none;
    }

    .header_block.one {
        content: "";
        position: absolute;
        top: 140%;
        left: 25%;
    }

    .header_block.two {
        content: "";
        position: absolute;
        top: 190%;
        left: 25%;
    }

    .header_block.three {
        content: "";
        position: absolute;
        top: 140%;
        left: 53%;
    }

    .header_block.four {
        content: "";
        position: absolute;
        top: 190%;
        right: 25%;
        left: 53%;
    }


    #header img {
        /*width: 66%;*/
        text-align: center;
        margin: 0 auto;
    }


    #header .header_block {
        width: 150px;
        height: 150px;
        border-radius: 50%;
        background-color: #fff;
        border: 5px solid #b2e0ff;
        text-align: center;
        line-height: 1.5;
        font-weight: bold;
        padding: 20px 0 0;
        font-size: 12px;
        display: inline-block;
    }


    .header_block_inner {
        position: absolute;
        top: 30%;
        left: 50%;
        transform: translate(-50%, -10%);
        margin-right: -50%;
    }

    .header_block_inner.threebox {
        top: 22%;
    }

    #header h3 {
        text-align: center;
        font-size: 24px;
        font-size: 120%;
        font-weight: bold;
    }

    .deco {
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 450px;
    }

    #header .header_campaign::before {
        width: 55%;
        height: 28px;
        background-color: #fff;
        top: -12px;
    }

    .deco::after {
        content: "";
        position: absolute;
        top: 30%;
        right: 25%;
        width: 50px;
        height: 5px;
        background: #0099ff;
    }

    .deco::before {
        content: "";
        position: absolute;
        top: 30%;
        left: 25%;
        width: 50px;
        height: 5px;
        background: #0099ff;
    }

    .header_campaign-left {
        width: 100%;
        display: flex;
    }

    .header_campaign-left .left_01 {
        font-size: 17px;
        line-height: 1.6;
        font-weight: bold;
        margin-right: 10px;
        width: 55%;
    }

    .header_campaign-left .left_02 {
        position: relative;
        font-size: 16px;
        font-weight: bold;
        text-align: center;
        /* float: right; */
        width: 40%;
        margin-top: 24px;
    }

    .header_campaign-left .left_02::after {
        position: absolute;
        content: "";
        width: 80%;
        height: 2px;
        background-color: #0099FF;
        bottom: 17px;
        left: 50%;
        transform: translateX(-50%);
    }

    .header_campaign-center {
        padding-left: 12px;
        padding-top: 0;
    }

    #header .header_campaign {
        width: 80%;
        border: 5px solid #0099ff;
        padding: 10px;
        margin: 0 auto;
        text-align: center;
        display: block;
        box-shadow: 5px 5px #b2e0ff;
    }

    .header_campaign-center .center_yen {
        font-size: 70px;
        margin: -37px auto;
    }

    .header_campaign-center .center_yen img {
        width: 200px;
    }

    .line-tit::before {
        content: "";
        width: 45px;
        height: 2px;
        background: #0099ff;

    }

    .line-tit::after {
        content: "";
        width: 45px;
        height: 2px;
        background: #0099ff;

    }


    .pink.f25 {
        color: #FF0066;
        font-size: 22px;
        text-shadow: none;
        vertical-align: baseline;
    }

    .header_campaign-right {
        margin-left: 0;
    }

    .header_campaign-right .right_01 {
        font-size: 17px;
        font-weight: bold;
        margin-top: 32px;
    }

    .f24 {
        font-size: 17px;
    }



    .header_campaign-right {
        position: relative;
    }

    .header_campaign-right::after {
        position: absolute;
        content: "";
        width: 90%;
        height: 1px;
        background-color: #0099FF;
        top: -10px;
        left: 50%;
        transform: translateX(-50%);
    }

    #header .header_campaignInf {
        position: relative;
        width: 80%;
        margin: 40px auto;
        padding: 16px;
        border: 5px solid #0099ff;
        text-align: center;
        box-shadow: 5px 5px #b2e0ff;
    }

    #header .header_campaignInf::before {
        content: "必ずお読みください";
        position: absolute;
        top: -30px;
        left: -10px;
        width: 58px;
        height: 50px;
        background-color: #fff;
        border: 2px solid #FF0066;
        color: #FF0066;
        line-height: 15px;
        padding: 20px 6px 0;
        border-radius: 50%;
        font-size: 11px;
        transform: matrix(1, -0.09, 0.09, 1, 0, 0);
    }

    .header_appriLink {
        width: 60px;
        float: left;
        margin-right: 10px;
        margin-left: 20px;
    }

    .freeapp {
        width: 73px;
        font-size: 16px;
        border: 2px solid #FF0066;
        padding: 4px 25px;
        color: #FF0066;
        margin-right: 10px;
    }

    .header_apprilogo {
        font-size: 18px;
        line-height: 1.4;
        /* margin-left: 20px; */
    }

    .header_campaignInf li {
        font-size: 16px;
        font-weight: bold;
        line-height: 21px;
        margin-bottom: 4px;
    }

    .header_campaignInf .cyusyaku {
        position: relative;
    }

    .header_campaignInf .cyusyaku::after {
        content: "※";
        position: absolute;
        top: 0;
        right: 15%;
        font-size: 9px;
    }

    .header_campaignInf p {
        font-size: 9px;
        line-height: 1.6;
        padding-top: 8px;
    }

    .header_campaignInf .point {
        font-size: 9px;
    }

    .header_apprilogo {
        margin-left: 0;
    }

    .header_apprilogo .header_appriLink {
        margin: 24px 10px;
    }

    .header_apprilogo img {
        max-width: 55px;
    }

    .header_apprilogo::after {
        display: none;
    }

    .appri_mark {
        margin: 16px auto 0;
        padding-bottom: 26px;
        text-align: center;
    }

    .appstore {
        width: 134px;
        padding-right: 10px;
        display: inline-block;
    }

    .googleplay {
        margin-left: 20px;
        width: 155px;
        float: right;
    }

    .header_appriBox {
        /* display: flex; */
        margin-top: 34px;
        display: flex;
        flex-wrap: wrap;
        width: 60%;
        margin: 0 auto;
    }

    .register-block {
        width: 80%;
        margin: 0 auto;
    }

}


@media screen and (max-width: 620px) {
    .header_block.one {
        content: "";
        position: absolute;
        top: 120%;
        left: 15%;
    }

    .header_block.three {
        content: "";
        position: absolute;
        top: 120%;
        left: 58%;
    }

    .header_block.two {
        content: "";
        position: absolute;
        top: 170%;
        left: 15%;
    }

    .header_block.four {
        content: "";
        position: absolute;
        top: 170%;
        right: 25%;
        left: 58%;
    }

    .header_campaignInf .cyusyaku::after {
        content: "※";
        position: absolute;
        top: 0;
        right: 10%;
        font-size: 9px;
    }
}

@media screen and (max-width: 599px) {

    #header .logo {
        text-align: center;
        font-size: 24px;
        font-size: 120%;
        line-height: 1.8;
        padding-top: 70px;
        margin-top: 0;
    }

    #header .mainlogo {
        width: 35%;
        margin: 6% auto 78px;
    }

    .header_block.one {
        content: "";
        position: absolute;
        top: 140%;
        left: 10%;
    }

    .header_block.three {
        content: "";
        position: absolute;
        top: 140%;
        left: 55%;
    }

    .header_block.two {
        content: "";
        position: absolute;
        top: 205%;
        left: 10%;
    }

    .header_block.four {
        content: "";
        position: absolute;
        top: 205%;
        right: 25%;
        left: 55%;
    }

    .circle .w80 {
        padding-top: 10%;
        width: 60%;
    }

    #header .header_campaign {
        width: 95%;
        border: 5px solid #0099ff;
        padding: 3%;
        margin: 0 auto;
        text-align: center;
        display: block;
        box-shadow: 5px 5px #b2e0ff;
    }

    #header .header_campaignInf {
        width: 95%;
    }

    .header_campaignInf .cyusyaku::after {
        right: 3%;
        font-size: 9px;
    }

    .header_campaign-left .left_02::after {
        width: 100%;

    }

    .header_campaign-right::after {
        width: 90%;
        top: -10px;
        left: 50%;
        transform: translateX(-50%);
    }

    #header .header_campaign::before {
        width: 55%;
        height: 28px;
        background-color: #fff;
        top: -12px;
    }

    #header h3 {
        text-align: center;
        font-size: 24px;
        font-size: 100%;
        font-weight: bold;
    }

    .deco {
        margin-top: 420px;
    }

    .deco::before {
        content: "";
        position: absolute;
        top: 35%;
        left: 20%;
        width: 50px;
        height: 5px;
        background: #0099ff;
    }

    .deco::after {
        content: "";
        position: absolute;
        top: 35%;
        right: 20%;
        width: 50px;
        height: 5px;
        background: #0099ff;
    }

    .header_appriBox {
        /* display: flex; */
        margin-top: 34px;
        display: flex;
        flex-wrap: wrap;
        width: 80%;
        margin: 0 auto;
    }
}

@media screen and (max-width: 414px) {

    #header .logo {
        text-align: center;
        font-size: 15px;
        line-height: 1.5;
        padding-top: 40px;
        margin-top: 0;
    }


    #header .mainlogo {
        width: 50%;
        margin: 2% auto 78px;
    }

    .header_block.one {
        content: "";
        position: absolute;
        top: 140%;
        left: 3%;
    }

    .header_block.two {
        content: "";
        position: absolute;
        top: 235%;
        left: 3%;
    }

    .header_block.three {
        content: "";
        position: absolute;
        top: 140%;
        left: 52%;
    }

    .header_block.four {
        content: "";
        position: absolute;
        top: 235%;
        right: 5%;
        left: 52%;
    }

    .header_block_inner {
        position: absolute;
        top: 27%;
        left: 50%;
        transform: translate(-50%, -10%);
        margin-right: -50%;
    }



    .header_block_inner.twobox {
        top: 35%;
    }






    .header_block_inner.fourbox {}



    .circle .w80 {
        width: 50%;
        padding-top: 5px;
    }

    .circle .w70 {
        width: 50%;
    }

    #header .header_campaign::before {
        width: 72%;
        height: 28px;
        background-color: #fff;
        top: -12px;
    }

    #header .header_campaign {
        width: 100%;
        border: 5px solid #0099ff;
        padding: 10px;
        text-align: center;
        display: block;
        box-shadow: 5px 5px #b2e0ff;
    }

    #header .header_campaignInf {
        position: relative;
        width: 100%;
        margin-top: 40px;
        padding: 16px 12px;
        border: 5px solid #0099ff;
        text-align: center;
        box-shadow: 5px 5px #b2e0ff;

    }

    .header_campaign-left .left_01 {
        font-size: 16px;
        line-height: 1.3;
        font-weight: bold;
        margin-right: 10px;
        padding-top: 15px;
        width: 55%;
    }

    .header_campaign-right .right_01 {
        font-size: 17px;
        font-weight: bold;
        margin-top: 18px;
    }

    .header_campaign-left .left_02 {
        position: relative;
        font-size: 16px;
        font-weight: bold;
        text-align: center;
        /* float: right; */
        width: 40%;
        margin-top: 20px;
    }


    .header_campaign-left .left_02::after {
        position: absolute;
        content: "";
        width: 120px;
        height: 2px;
        background-color: #0099FF;
        bottom: 0;
        left: 60px;
    }



    .header_campaign-center {
        padding-left: 12px;
        padding-top: 0;
    }


    .header_campaignInf .cyusyaku::after {
        content: "※";
        position: absolute;
        top: 0;
        right: 0;
        font-size: 9px;
    }

    #header h3 {
        text-align: center;
        font-size: 18px;
        font-weight: bold;
    }

    .header_appriBox {
        margin-top: 34px;
        display: flex;
        flex-wrap: wrap;
        width: 90%;
    }

    .header_campaign-center .center_yen {
        font-size: 70px;
        margin: -30px auto;
    }

    .deco {
        margin-top: 400px;
    }


    .deco::before {
        content: "";
        position: absolute;
        top: 13px;
        left: 11%;
        width: 30px;
        height: 5px;
        background: #0099ff;
    }

    .deco::after {
        content: "";
        position: absolute;
        top: 13px;
        right: 11%;
        width: 30px;
        height: 5px;
        background: #0099ff;
    }

    .header_campaign-right::after {
        position: absolute;
        content: "";
        width: 300px;
        height: 1px;
        background-color: #0099FF;
        top: -10px;
        left: 50%;
        transform: translateX(-50%);
    }

    .header_appriLink {
        width: 60px;
        float: left;
        margin-right: 10px;
        margin-left: 8px;
    }
}

/***************************
 main
*****************************/


main {
    background-color: #e5f5ff;
}

main article {}

main .mainContents {
    position: relative;
    padding-bottom: 50px;
}

main .mainContents .inner {
    padding-top: 50px;
}

main .blue_tit {
    font-size: 27px;
    font-weight: bold;
    color: #0099ff;
    text-align: right;
    margin-left: 10px;
}

main .pink_tit {
    font-size: 18px;
    font-weight: bold;
    color: #ff0066;
    text-align: center;
    margin-top: -60px;
    z-index: 16;
    position: relative;
}

.gaiyo_tit {
    font-size: 22px;
    width: 197px;
    background-color: #0099FF;
    color: #fff;
    text-align: center;
    font-weight: bold;
}

.mainContents-guide_subtit {
    font-size: 17px;
    color: #000;
    text-align: center;
    margin-bottom: 20px;
    margin-top: -8px;
    position: relative;
}

.guide_sp-phone {
    content: "";
    position: absolute;
    width: 70px;
    height: auto;
    top: 0;
    left: 35px;
}

.guide_top {
    /* display: flex; */
    margin: 0;
    position: relative;
    z-index: 0;
}

.pc_tit {
    display: block;
}

.sp_tit {
    display: none;
}

.liferaplus_logo {
    margin-top: 10px;
    width: 40%;
    height: 32px;
}

/*.guide_top::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: -63px;
  width: 650px;
  height: 2px;
  background-color: #0099FF;
  z-index: 0;
}*/

main p {
    font-size: 14px;
    color: #000;
    line-height: 1.6;
}

main .mainContents_gaiyo {
    /* padding-top: 92px; */
    background-color: #fff;
    padding: 48px;
    box-shadow: 10px 10px #cdcdcd;
    border: 7px dashed #0099ff;
    position: relative;
    z-index: 1;
}

main .mainContents_list-wrap {
    color: #0099ff;
    margin-top: 80px;
    position: relative;
}


.mainContents_list-wrap.icon01::after {
    content: "";
    position: absolute;
    top: -30px;
    right: -20px;
    width: 85px;
    height: 98px;
    background-image: url(../img/gaiyo_icon01.svg);
}

.mainContents_list-wrap.icon02::after {
    content: "";
    position: absolute;
    top: -30px;
    left: 300px;
    width: 98px;
    height: 76px;
    background-image: url(../img/gaiyo_icon02.svg);
}

.mainContents_list-wrap.icon03::after {
    content: "";
    position: absolute;
    top: -130px;
    left: 250px;
    width: 69px;
    height: 130px;
    background-image: url(../img/gaiyo_icon03.svg);
}

.mainContents_list-wrap.icon04::after {
    content: "";
    position: absolute;
    top: -50px;
    left: 300px;
    width: 74px;
    height: 110px;
    background-image: url(../img/gaiyo_icon04.svg);
}


main .mainContents_list-wrap p {
    font-size: 21px;
    font-weight: bold;
}

main .mainContents_block {
    width: 300px;
    height: 300px;
    border-radius: 50%;
    background-color: #0099ff;
    color: #FFF;
    border: 12px solid #fff;
    text-align: center;
    line-height: 1.6;
    font-size: 23px;
    position: relative;


}

.white_sr,
.white_sl {
    position: relative;
}

.white_sr::after {
    content: "";
    position: absolute;
    top: -25px;
    left: -45%;
    width: 526px;
    height: 526px;
    background-image: url(../img/circle_pc.svg);
    z-index: 0;
}

.white_sl::after {
    content: "";
    position: absolute;
    top: -50%;
    right: -40%;
    width: 526px;
    height: 526px;
    background-image: url(../img/circle_pc.svg);
    z-index: 0;
}

main .mainContents-guide {
    background-color: #fff;
    padding: 50px 0;
    position: relative;
}

main .mainContents-guide .inner {
    position: relative;
}

.txt-basic {
    font-size: 15px;
    font-size: 1.5rem;
    text-align: justify;
}

.txt-basic p {
    font-size: 23px;
    /* font-size: 1.3rem; */
    line-height: 1.9;
    color: #0099ff;
    font-weight: bold;
}

.txt-basic .accordiontxt {
    color: #000;
    font-weight: normal;
    font-size: 15px;
}

.mainContents_list-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 0px;
    width: 740px;
}

.mainContents_list-box .mainContents_box-left {
    width: 300px;
    margin: 25px 10px 25px;
}

.mainContents_list-box .mainContents_box-left.odd {
    width: 300px;
    padding-right: 25px;
    margin: 25px 0 25px 0;
}

.mainContents_list-box .mainContents_box-left.even {
    width: 300px;
    padding-left: 25px;
    margin: 25px 0 25px 0;
}

.mainContents_block_inner {
    position: absolute;
    top: 55%;
    left: 50%;
    transform: translate(-50%, -55%);
    margin-right: -50%;
    font-weight: bold;
    line-height: 1.5;
}

.mainContents_list-box .mainContents_box-right {
    width: calc(51%);
    margin: 30px 0 0px 0;
    z-index: 1;
    position: relative;
}

main .mainContents_list-wrap p {
    content: "";
    position: absolute;
    font-size: 21px;
    font-weight: bold;
    color: #0099ff;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    text-align: justify;
}


.mainContents .sp_bkimg {}

.mainContents .sp_bkimg img {
    display: none;
}

.mainContents .tab_bkimg {}

.mainContents .tab_bkimg img {
    display: none;
}

.mainContents .pc_bkimg {
    width: 100%;
    position: absolute;
    z-index: -1;
    top: 0;
    /* margin-left: -50%; */
    left: 0;
    /* transform: translateX(-50%); */
    text-align: center;
    margin: 0 auto;
}

.mainContents .pc_bkimg img {
    display: block;
}

/*.guide_top::before {
  content: "";
  position: absolute;
  width: 76px;
  height: 125px;
  top: -20px;
  left: -120px;
  background-image: url(../img/logo_spPc.png);
  background-size: cover;
  z-index: 1;
}*/



@media screen and (max-width: 1024px) {

    .mainContents .sp_bkimg {}

    .mainContents .sp_bkimg img {
        display: none;
    }

    .mainContents .tab_bkimg {
        width: 100%;
        position: absolute;
        z-index: -1;
        top: 0;
        /* margin-left: -50%; */
        left: 0;
        /* transform: translateX(-50%); */
        text-align: center;
        margin: 0 auto;
    }

    .mainContents .tab_bkimg img {
        display: block;
    }

    .mainContents .pc_bkimg {}

    .mainContents .pc_bkimg img {
        display: none;
    }

    .inner {
        padding: 0;
    }



    main .mainContents .inner {
        padding: 40px 0 30px;
    }

    .guide_sp-phone {
        position: absolute;
        width: 8%;
        top: 1%;
        left: 10%;
    }

    /*.guide_top::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: -11%;
    width: 650px;
    height: 2px;
    background-color: #0099FF;
    z-index: 0;

  }*/

}

@media screen and (max-width: 768px) {




    main .mainContents {
        position: relative;
        padding-bottom: 0;
        overflow-x: hidden;
    }

    main .mainContents .inner {
        padding: 40px 110px 30px;
    }

    .mainContents_list-box {
        width: 100%;
    }

    .gaiyo_tit {
        width: 130px;
        font-size: 15px;
        background-color: #0099FF;
        color: #fff;
        text-align: center;
    }

    .mainContents_block_inner {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        margin-right: -50%;
        font-weight: bold;
        font-size: 13px;
    }

    .white_sr::after {
        content: "";
        position: absolute;
        top: 35px;
        left: -25%;
        width: 240px;
        height: 240px;
        background-image: url(../img/circle.svg);
        z-index: 0;
    }

    .white_sl::after {
        content: "";
        position: absolute;
        top: 35px;
        right: -10%;
        width: 240px;
        height: 240px;
        background-image: url(../img/circle.svg);
        z-index: 0;
        transform: translateX(10%);
    }

    .mainContents .sp_bkimg {
        width: 100%;
        position: absolute;
        z-index: -1;
        top: 0;
        /* margin-left: -50%; */
        left: 0;
        /* transform: translateX(-50%); */
        text-align: center;
        margin: 0 auto;
    }

    main .mainContents_block {
        width: 167px;
        height: 167px;
        padding-top: 28px;
        border: 7px solid #fff;
        text-align: center;
        line-height: 1.6;
        font-size: 14px;
        font-weight: bold;
        margin: 0 auto;
    }

    main .mainContents_list-wrap p {
        font-size: 11px;
        font-weight: bold;
        line-height: 19px;
        color: #0099ff;
        text-align: justify;
    }

    .mainContents .sp_bkimg img {
        display: block;
    }

    .mainContents .tab_bkimg {}

    .mainContents .tab_bkimg img {
        display: none;
    }

    .mainContents .pc_bkimg {}

    .mainContents .pc_bkimg img {
        display: none;
    }

    .inner {
        padding: 0 40px;
    }

    .txt-basic p {
        font-size: 13px;
        /* font-size: 1.3rem; */
        line-height: 1.9;
        color: #0099ff;
        font-weight: bold;
    }



    main .mainContents_gaiyo {
        /* padding-top: 92px; */
        padding: 20px 16px;
        border: 4px dashed #0099ff;
        box-shadow: 5px 5px #cdcdcd;
        width: 100%;
        margin: 0 auto;
    }

    .mainContents_list-box .mainContents_box-left {
        width: calc(50% - 7px);
        margin-bottom: 40px;
        margin-top: 25px;
    }

    .mainContents_list-box p {}

    .mainContents_list-box .mainContents_box-right {
        width: calc(45%);
        margin: 30px 10px 0px;
    }

    .mainContents_list-box .mainContents_block {}

    .mainContents_list-box .mainContents_box-left.odd {
        width: calc(50% - 7px);
        padding-right: 25px;
        margin: 25px 0 25px 0;
    }

    .mainContents_list-box .mainContents_box-left.even {
        width: calc(50% - 7px);
        padding-left: 0;
        margin: 25px 0 25px 0;
    }

    main .mainContents_list-wrap {
        margin-top: 50px;
    }

    .mainContents_list-wrap.icon01::after {
        top: -10px;
        right: 10%;
        width: 47px;
        height: 55px;
    }

    .mainContents_list-wrap.icon02::after {
        top: -30px;
        left: 45%;
        width: 55px;
        height: 42px;
    }

    .mainContents_list-wrap.icon03::after {
        top: -70px;
        left: 150px;
        width: 35px;
        height: 68px;
    }

    .mainContents_list-wrap.icon04::after {
        top: -30px;
        left: 30%;
        width: 45px;
        height: 66px;
    }



    .gaiyo_tit {
        width: 130px;
        background-color: #0099FF;
        color: #fff;
        text-align: center;
    }

    .guide_top {
        margin: 0 16px;
        position: relative;
    }

    /*.guide_top::before {
    content: "";
    position: absolute;
    width: 39px;
    height: 63px;
    top: 0;
    left: 0;
    background-image: url(../img/logo_sp.png);
    background-size: cover;
    z-index: 1;
  }*/

    /*.guide_sp-phone {
    position: absolute;
    width: 29px;
    height: auto;
    top: 0;
    left: 5%;
  }*/

    main .blue_tit {
        font-size: 16px;
        font-weight: bold;
        color: #0099ff;
        text-align: right;
        margin-left: 8px;
        margin-top: -6px;
    }

    /*.guide_top::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 9%;
    width: 317px;
    height: 2px;
    background-color: #0099FF;
    z-index: 0;
  }*/

    .liferaplus_logo {
        width: 30%;
        height: 20px;
        margin-left: 36px;
    }

    main .pink_tit {
        line-height: 1.5;
        font-size: 14px;
        margin-top: -5%;
    }

    main .blue_tit {
        font-size: 16px;
    }

    .mainContents-guide_subtit {
        font-size: 12px;
        margin-top: 0;
        line-height: 1.6;
    }

    .txt-basic .accordiontxt {
        color: #000;
        font-weight: normal;
        font-size: 13px;
    }

    main .mainContents_gaiyo {
        /* padding-top: 92px; */
        padding: 20px 16px;
        border: 4px dashed #0099ff;
        box-shadow: 5px 5px #cdcdcd;
    }

    .pc_tit {
        display: none;
    }

    .sp_tit {
        display: block;
    }

}

@media screen and (max-width: 599px) {
    .inner {
        padding: 0 5%;
    }

    main .mainContents .inner {
        padding: 40px 10% 30px;
    }

    .white_sr::after {
        left: -35%;
    }

    .white_sl::after {
        right: -15%;
        transform: translateX(15%);
    }

    main .pink_tit {
        margin-top: -3%;
    }

    .register-block {
        width: 90%;
        margin: 0 auto;
    }
}

@media screen and (max-width: 414px) {
    .inner {
        padding: 0 16px;
    }

    main .mainContents .inner {
        padding: 60px 27px 30px;
    }

    main .mainContents_block {
        width: 153px;
        height: 153px;
        padding-top: 28px;
        border: 7px solid #fff;
        text-align: center;
        line-height: 1.6;
        font-size: 14px;
        font-weight: bold;
    }

    .mainContents_block_inner {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        margin-right: -50%;
        font-weight: bold;
        font-size: 12px;
        line-height: 1.5;
    }


    .mainContents_block_inner.mainthree {
        top: 60%;
    }

    .mainContents_block_inner.maintwo {
        line-height: 1.3;
    }

    .gaiyo_tit {
        width: 130px;
        background-color: #0099FF;
        color: #fff;
        text-align: center;
    }

    .register-block {
        width: 100%;
        margin: 0 auto;
    }

    .white_sr::after {
        content: "";
        position: absolute;
        top: 35px;
        left: -50%;
        width: 240px;
        height: 240px;
        background-image: url(../img/circle.svg);
        z-index: 0;
    }

    .white_sl::after {
        content: "";
        position: absolute;
        top: 35px;
        right: -25%;
        transform: translateX(25%);
        width: 240px;
        height: 240px;
        z-index: 0;
        background-image: url(../img/circle.svg);
    }

    .liferaplus_logo {
        width: 30%;
        height: min-content;
        margin-left: 36px;
        margin-top: 2px;
    }

    main .pink_tit {
        line-height: 1.5;
        font-size: 14px;
        margin-top: -20px;
    }

    /* .guide_top::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 8%;
    width: 300px;
    height: 2px;
    background-color: #0099FF;
    z-index: 0;
  }*/
}




/***************************
 アコーディオン
*****************************/

.register-list {
    padding: 23px 0 43px;
    display: none;
}

.register-block .items .ttl.active {
    border-bottom: 1px solid #666666;
}

.register-block .items .ttl.active:after {
    background: url("../img/common/arrow-up.png") no-repeat;
    background-size: 100%;
}

.register-block .items .ttl:after {
    content: "";
    width: 21px;
    height: 12px;
    background: url(../img/common/arrow-dow.png) no-repeat;
    background-size: 100%;
    position: absolute;
    right: 31px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}


.register-block .items .ttl {
    display: block;
    font-size: 16px;
    /* font-size: 1.6rem; */
    /* line-height: 1.8; */
    height: auto;
    border: 1px solid #666666;
    color: #000;
    /*border-bottom: none;*/
    cursor: pointer;
    position: relative;
    padding: 9px 60px 9px 28px;
    -webkit-backface-visibility: hidden;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    border-radius: 3px;
}


.register-block .items .ttl:hover {
    opacity: 0.7;
}

.register-list-item .item .img {
    margin-bottom: 19px;
    position: relative;
}

.register-list-item .item .img-other {
    margin-left: -27px;
    margin: 0 auto;
}

.register-list-item .slick-arrow.slick-next {
    background: url(../img/common/arrow-next.png) no-repeat;
    background-size: 100%;
    right: 0;
}

.register-list-item .slick-arrow.slick-prev {
    background: url(../img/common/arrow-prev.png) no-repeat;
    background-size: 100%;
    left: 0;
}

.register-list-item .slick-arrow.slick-disabled {
    display: none !important;
}


.register-list-item.none-dos .slick-dots {
    display: none;
}

.register-list-item .slick-arrow {
    width: 60px;
    height: 60px;
    z-index: 999;
}

.register-list-item .item .txt {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.5;
    margin-bottom: 8px;
    max-height: 84px !important;
    text-align: justify;
}

.register-block .items .txt-basic {
    padding: 13px 30px 27px;
    line-height: 1.7333;
}

.register-list-item .item {
    outline: none !important;
    padding: 0 30px;
    position: relative;
}

.register-list-item .slick-arrow.slick-disabled {
    display: none !important;
}

@media screen and (max-width: 1024px) {
    .register-block .items .ttl {
        font-size: 17px;
        border-radius: 2px;
        line-height: 1.2;
        padding: 10px 40px 10px 17px;
    }

    .register-list-item .item .img {
        max-width: 288px;
        margin: 0 auto 10px;
    }

    .register-list-item .item .img img {
        width: 100%;
        max-width: 175px;
        display: block;
        margin: 0 auto;
    }

    .register-list-item .item .img-other img {
        width: 100% !important;
        max-width: 195px !important;
    }

    .register-list-item .item .txt p {
        min-width: 180px;
        text-align: left;
    }

    .register-list-item .item .txt {
        font-size: 13px;
        font-size: 1.3rem;
        line-height: 1.538461;
        margin-bottom: 17px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        max-height: 100% !important;
        text-align: center;
    }

    .register-block .items .ttl:after {
        width: 18px;
        height: 10px;
        right: 16px;
    }

    .register-block .items .txt-basic {
        padding: 11px 0;
    }
}

@media screen and (max-width: 768px) {
    .register-block .items .ttl {
        padding: 10px 40px 10px 10px;
    }

    .register-list-item .item .txt p {
        min-width: 54.75vw;
        text-align: left;
    }

    .txt-basic .accordiontxt {
        color: #000;
        font-weight: normal;
        font-size: 13px;
    }
}

@media screen and (max-width: 599px) {}

@media screen and (max-width: 414px) {
    .register-block .items .ttl {
        padding: 10px 40px 10px 10px;
        font-size: 15px;
    }

    .register-list-item .item .txt p {
        min-width: 54.75vw;
        text-align: justify;
    }

    .txt-basic .accordiontxt {
        color: #000;
        font-weight: normal;
        font-size: 13px;
    }

    .register-list-item.none-dos .slick-dots {
        display: block;
    }

}

/***************************
 footer
*****************************/

#footer {
    background-color: #e5f5ff;
    color: #666666;
    padding: 50px 0 0;
}

#footer .inner {
    padding: 0 24px;
}


#footer .footer_campaignInf {
    background-color: #fff;
    box-shadow: 10px 10px #cdcdcd;

}

#footer .footer_campaignInf dl {
    display: flex;
    flex-wrap: wrap;
    padding: 12px 30px 0;
}

#footer .footer_campaignInf dt {
    font-size: 20px;
    width: 30%;
    padding: 20px 0;
    border-bottom: 2px dashed #CDCDCD;
    /* clear: left; */
}

#footer .footer_campaignInf dd {
    padding-bottom: 1px;
    font-size: 18px;
    width: 69%;
    /* float: left; */
    border-bottom: 2px dashed #CDCDCD;
    padding: 20px 0;
}

#footer .footer_campaignInf dt:nth-last-child(2),
#footer .footer_campaignInf dd:last-child {
    border: none;
}

.footer_campaignInf-condition {
    line-height: 1.8;
    padding-bottom: 20px;
}

.condition-list {
    padding-left: 25px;
}

.condition-list li {
    list-style: decimal;
    padding-left: .5em;
    /* text-indent: -1em; */
}

#footer .faq {
    padding: 30px 30px 30px;
    background-color: #fff;
    box-shadow: 10px 10px #cdcdcd;
}


#footer .blue_tit {
    font-size: 22px;
    font-weight: bold;
    color: #0099ff;
    background-color: #fff;
    padding: 10px 20px 0;
    width: 30%;
    margin: 50px 0 0;
    text-align: center;
}

#footer .blue_tit:last-child {
    margin-top: 50px 0;
}

#footer .faq dl {}

#footer .faq dt {
    border-bottom: 2px dashed #CDCDCD;
    padding-bottom: 10px;
    font-size: 20px;
}

#footer .faq dd {
    padding-top: 10px;
    font-size: 18px;
}

#footer .faq div {}

.footer_attention {
    margin-top: 40px;
}

.footer_attention h5 {
    font-size: 22px;
    font-weight: bold;
}

.footer_attention ul {
    margin-top: 24px;
}

.footer_attention li {
    font-size: 15px;
    font-weight: 400;
}

.footer_apprimark {
    margin-top: 60px;
    display: flex;
}

.copyright-block {
    text-align: center;
    padding-bottom: 200px;
}

.copyright-block span.txt-copyright {
    font-family: "Helvetica Neue", sans-serif;
    font-size: 10px;
    color: #666666;
    margin-bottom: 0;
}

.application {
    position: fixed;
    right: 6px;
    bottom: 20px;
    z-index: 999;
}

.application img {
    width: 60px;
}

.inquiry {
    margin: -60px 0 0 auto;
    width: 30%;
    /* margin-left: 60px; */
    font-size: 22px;
    font-weight: bold;
    color: #666666;
    position: relative;
}

.inquiry::before {
    content: "";
    position: absolute;
    top: 10px;
    left: -60px;
    width: 2px;
    height: 170px;
    background-image: url(../img/line_tate.svg);
}

.btn-contact {
    display: inline-block;
    align-items: center;
    justify-content: center;
    max-width: 264px;
    height: 95px;
    background: #0099FF;
    border: 3px solid #CDCDCD;
    width: 100%;
    border-radius: 4px;
    -webkit-box-shadow: 3px 3px #a0a0a0;
    box-shadow: 0px 0px 2px #0000001a;
    font-size: 18px;
    font-size: 22px;
    line-height: 1.8;
    font-weight: bold;
    color: #fff;
    border-radius: 10px;
    text-align: center;
    margin-bottom: 48px;
    -webkit-transition: 0.3s ease all;
    -o-transition: 0.3s ease all;
    transition: 0.3s ease all;
    position: relative;
    text-decoration: none;
}

.btn-contact .contact_wrap {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    line-height: 1.4;
}

.footer_appri_mark {}



@media screen and (max-width: 1024px) {
    .application img {
        width: 58px;
        opacity: .9;
    }

    .inquiry::before {
        left: -60px;
    }

}

@media screen and (max-width: 768px) {
    #footer {
        padding: 50px 0 0;
    }

    #footer .inner {
        padding: 0 10%;
    }


    #footer .footer_campaignInf dl {
        display: flex;
        flex-wrap: wrap;
        padding: 0;
    }

    #footer .blue_tit {
        font-size: 15px;
        font-weight: bold;
        color: #0099ff;
        margin: 50px 0 0;
        background-color: #fff;
        padding: 10px 20px 0;
        width: 50%;
    }

    #footer .blue_tit:first-child {
        margin: 0;
    }


    #footer .footer_campaignInf dt {
        font-size: 11px;
        width: 35%;
        display: inline-block;
        border-bottom: 1px dashed #CDCDCD;
        padding: 10px 0;
    }

    #footer .footer_campaignInf dd {
        width: 65%;
        font-size: 11px;
        display: inline-block;
        border-bottom: 1px dashed #CDCDCD;
        padding: 10px 0;
    }



    #footer .footer_campaignInf {
        background-color: #fff;
        box-shadow: 5px 5px #cdcdcd;
        padding: 0 16px;
    }


    #footer .faq {
        margin: 0 0 30px;
        box-shadow: 5px 5px #cdcdcd;
        padding: 16px 18px;
    }

    #footer .faq dt {
        border-bottom: 1px dashed #CDCDCD;
        font-size: 11px;
        line-height: 2.0;
    }

    #footer .faq dd {
        font-size: 11px;
        line-height: 16px;
        line-height: 2.0;
    }

    .footer_attention li {
        font-size: 9px;
        font-weight: 400;
        line-height: 14px;
    }

    .footer_attention ul {
        margin-top: 0;
    }

    .footer_attention h5 {
        font-size: 13px;
    }

    .copyright-block span.txt-copyright {
        font-size: 5px;
        color: #666666;
        font-weight: normal;
    }

    .footer_apprimark {
        margin-top: 60px;
        display: flex;
        width: 80%;
        margin: 60px auto 0;
    }

    .inquiry {
        margin: -30px 0 0 auto;
        width: 30%;
        /* margin-left: 60px; */
        font-size: 11px;
        font-weight: bold;
        color: #666666;
        position: relative;
    }

    .btn-contact {
        display: inline-block;
        align-items: center;
        justify-content: center;
        max-width: 264px;
        height: 42px;
        background: #0099FF;
        border: 3px solid #7DC8FF;
        width: 100%;
        border-radius: 4px;
        -webkit-box-shadow: 3px 3px #a0a0a0;
        box-shadow: 0px 0px 2px #0000001a;
        font-size: 11px;
        line-height: 1.8;
        font-weight: bold;
        color: #fff;
        text-align: center;
        margin-bottom: 28px;
        -webkit-transition: 0.3s ease all;
        -o-transition: 0.3s ease all;
        transition: 0.3s ease all;
        position: relative;
        text-decoration: none;

    }



    #footer .appstore {
        width: 90px;
    }

    #footer .googleplay {
        width: 101px;
        padding-top: 2px;
        margin-left: 0;
    }

    .inquiry::before {
        top: 10px;
        left: -55px;
        width: 1px;
        height: 72px;
    }

    .copyright-block {
        text-align: center;
        padding-bottom: 140px;
    }
}

@media screen and (max-width: 599px) {
    #footer .inner {
        padding: 0 5%;
    }

    .footer_apprimark {
        margin-top: 60px;
        display: flex;
        width: 90%;
        margin: 60px auto 0;
    }

    .inquiry::before {
        top: 10px;
        left: -25%;
        width: 1px;
        height: 72px;
    }
}

@media screen and (max-width: 414px) {
    #footer .inner {
        padding: 0 15px;
    }

    .footer_apprimark {
        margin-top: 60px;
        display: flex;
        width: 100%;
    }

    .inquiry::before {
        top: 10px;
        left: -21%;
        width: 1px;
        height: 72px;
    }

    .copyright-block {
        text-align: center;
        padding-bottom: 140px;
    }

}


/*****599px*********/