@charset "utf-8";

/* outline
------------------------------*/
body {
    /*スマホで勝手に文字が大きくなる対策*/
    -webkit-text-size-adjust: 100%;
}

.l-page * {
    font-family: 'Noto Sans JP', sans-serif;
}
.l-page {
    width: 660px;
    padding: 13px 20px 80px;
    background: #fff;
    float: right;
}

[class*="more__bt"] {
    width: 660px;
    padding-top: 50px;
}
    [class*="more__bt"] a {
        padding: 28px 0 30px;
        font-size: 25px;
        font-weight: bold;
        color: #fff;
        text-align: center;
        background: #e60012;
        display: block;
        position: relative;
    }
    .more__bt--about a {
        padding: 28px 0 30px 164px;
        text-align: left;
    }
    [class*="more__bt"] a:hover {
        text-decoration: none;
        opacity: .8;
    }
        .more__character--1 {
            width: 119px;
            height: 141px;
            background: url(../images/icn_bt_character1.png) center / contain no-repeat;
            position: absolute;
            bottom: 5px;
            left: 10px;
        }
        .more__character--2 {
            width: 120px;
            height: 140px;
            background: url(../images/icn_bt_character2.png) center / contain no-repeat;
            position: absolute;
            bottom: 8px;
            left: 10px;
        }
        .icn-more__bt {
            width: 12px;
            height: 21px;
            margin: auto;
            background: url(../images/icn_bt_arw.png) center / contain no-repeat;
            display: block;
            position: absolute;
            top: 0;
            right: 32px;
            bottom: 0;
        }

/* main__img
------------------------------*/
.main__img {
    margin-bottom: 10px;
}

/* merit
------------------------------*/
.cont-merit {
    margin-bottom: 50px;
}
    .merit__list {}
        [class*="merit__item"] {
            display: flex;
            justify-content: space-between;
        }
        [class*="merit__item"]:not(:last-child) {
            margin-bottom: 45px;
        }
        .merit__item--2 {
            flex-direction: row-reverse;
        }
            .merit__inner {
                width: 320px;
                margin-top: 10px;
            }
                .merit__ttl {
                    margin-bottom: 8px;
                    font-size: 30px;
                    font-weight: bold;
                    color: #333;
                }
                    .merit__ttl--point {
                        color: #e60012;
                    }
                .merit__text {
                    font-size: 16px;
                    color: #333;
                    line-height: 1.5;
                }
            .merit__img {
                width: 310px;
                height: 230px;
            }

/* about
------------------------------*/
.cont-about {
    margin-bottom: 80px;
}
    .vrSample__wrap {
        margin-bottom: 30px;
    }
    .about__wrap {
        margin-bottom: 6px;
        background: url(../images/img_about_character.png) center right 11px / 82px 116px no-repeat;
    }
        .about__text {
            width: 510px;
            padding: 19px 0 21px 23px;
            font-size: 16px;
            font-weight: bold;
            color: #333;
            background: #ffd5d8;
            border-radius: 30px;
            line-height: 1.5;
            position: relative;
        }
        .about__text::after {
            content: "";
            width: 0;
            height: 0;
            margin: auto;
            border-style: solid;
            border-width: 13px 0 13px 22px;
            border-color: transparent transparent transparent #ffd5d8;
            position: absolute;
            top: 0;
            right: -22px;
            bottom: 0;
        }
        .about__text__caution {
            font-size: 12px;
            color: #777;
            font-weight: normal;
        }
    .vrFlow__list {
        display: flex;
        justify-content: space-between;
    }
        [class*="vrFlow__item"] {
            width: 200px;
            position: relative;
        }
        .vrFlow__item--1 {}
        .vrFlow__item--2 {}
        .vrFlow__item--3 {}
        .vrFlow__item--2::before,
        .vrFlow__item--3::before {
            content: "";
            width: 22px;
            height: 22px;
            background: url(../images/icn_flow_arw.png) center / contain no-repeat;
            display: block;
            position: absolute;
            top: 136px;
            left: -26px;
        }

.article_contact * {
    box-sizing: border-box;
    line-height: 1em;
    font-family:'メイリオ','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Verdana,'ＭＳ Ｐゴシック',sans-serif;
}
.article_contact {
    margin-bottom: 20px;
    padding: 16px 20px;
    border: 2px solid #b8dbc8;
}
    .article_contact h3 {
        margin: 0 auto 13px;
        text-align: center;
        font-size: 25px;
        font-weight: bold;
        color: #000;
    }
    .article_contact .contact_tel {
        text-align: center;
        margin-bottom: 20px;
    }
        .article_contact .contact_tel .tel_num {
            color: #01b264;
            font-size: 18px;
            font-weight: bold;
            margin-bottom: 4px;
            line-height: 1.3;
        }
        .article_contact .contact_tel .tel_time {
            font-size: 13px;
            color: #000;
        }
    .contact_list {
        display: flex;
        justify-content: space-around;
    }
    .article_contact .contact_bt {
        position: relative;
        float: right;
        width: 293px;
        height: 54px;
        margin: 2px 0 0;
    }
        .article_contact .contact_bt a {
            display: block;
            position: absolute;
            width: 100%;
            height: 54px;
            padding: 19px 0 0 68px;
            box-shadow:-3px 3px 0px 0px #ccc;
            background: url(../images/icn_mail.jpg) no-repeat 22px 15px,
                        #e70012;
            color: #fff;
            text-decoration: none;
            font-size: 20px;
            font-weight: bold;
        }
        .article_contact .contact_line a:hover,
        .article_contact .contact_bt a:hover {
            top: 3px;
            right: 3px;
            box-shadow: none;
        }
        
        .article_contact .contact_line {
            position: relative;
            float: right;
            width: 293px;
            height: 54px;
            margin: 2px 0 0;
        }
            .article_contact .contact_line a {
                display: block;
                position: absolute;
                width: 100%;
                height: 54px;
                padding: 19px 0 0 68px;
                box-shadow:-3px 3px 0px 0px #ccc;
                background: url(../images/icn_contact.png) no-repeat 22px 15px,
                            #06c755;
                color: #fff;
                text-decoration: none;
                font-size: 20px;
                font-weight: bold;
            }
            .article_contact .contact_line a:hover {
                top: 3px;
                right: 3px;
                box-shadow: none;
            }

/* line
------------------------------*/
.linebtn_list{
    width: 660px;
    display: flex;
    flex-wrap: wrap;
}
.linebtn_items:not(:last-child){
    margin-right: 10px;	align-items: center;
}
.linebtn_items a:hover{
    opacity: .8;
}
.upper_item{
    margin-bottom: 10px;
}