@charset "UTF-8";

select {
    font-size: 16px;
    padding: 8px 10px;
    border: 1px solid #000000;
    border-radius: 4px;
    box-sizing: border-box;
}
textarea,
input[type="date"],
input[type="tel"],
input[type="email"],
input[type="number"],
input[type="password"],
input[type="text"] {
    font-size: 16px;
    padding: 12px 10px;
    border: 1px solid #000000;
    border-radius: 4px;
    box-sizing: border-box;
    width: 100%;
}
label input[type="checkbox"],
label input[type="radio"] {
    margin: 0 5px 0 0;
}
label {
    display: inline-block;
    vertical-align: middle;
    margin: 0 1em 0 0;
}
.u-inner {
    max-width: 1100px;
    position: relative;
    z-index: 1;
    margin: 50px auto 50px;
    padding-left: 10px;
    padding-right: 10px;
    width: 100%;
}
.u-inner-min {
    max-width: 1000px;
}
.u-inner::after {
    content: "";
    display: block;
    clear: both;
}

@media screen and (min-width:1100px) {
    a:hover {
        opacity: .7;
        text-decoration: none;
    }
    a[href^="tel:"]:hover {
        opacity: 1;
    }
    .u-button01:hover {
        opacity: 1;
        -webkit-transform: translateY(6px);
        transform: translateY(6px);
        box-shadow: 0 0 0 rgba(255, 255, 255, 0);
    }
    .u-button02:hover {
        opacity: 0.7;
    }
}
@media screen and (max-width:1199px) {
    body {
        font-size: 15px;
    }
    img {
        max-width: 100%;
        height: auto;
    }
    .u-button01 {
        line-height: 70px;
        font-size: 22px;
    }
    .u-headline02 {
        font-size: 36px;
    }
}
@media screen and (max-width:1099px) {
    body {
        font-size: 14px;
    }
    a[href^="tel:"] {}
    .u-inner {
        padding: 0 2%;
        width: 90%;
        box-sizing: border-box;
    }
    .u-headline01 {
        font-size: 18px;
    }
    .u-headline01::before {}
    .u-headline01 > b {}
    .u-headline01 > small {}
    .u-headline01 > b::before {}
    .u-headline02 {
        font-size: 28px;
    }
    .u-headline02::before {}
    .u-headline02 > b {}
    .u-headline02 > small {}
    .u-headline02 > b::before {}
    .u-headline03 {}
    .u-headline03::before {}
    .u-headline04 {}
    .u-headline04::before {}
    .u-headline05 {}
    .u-headline05::before {}
    .u-headline06 {}
    .u-headline06::before {}
    .u-table01 {}
    .u-table01 > thead {}
    .u-table01 > thead > tr {}
    .u-table01 > thead > tr > th {}
    .u-table01 > tbody {}
    .u-table01 > tbody > tr {}
    .u-table01 > tbody > tr > th {
        padding: 14px 20px;
    }
    .u-table01 > tbody > tr > td {
        padding: 14px 20px;
    }
    .u-table02 {}
    .u-table02 > thead {}
    .u-table02 > thead > tr {}
    .u-table02 > thead > tr > th {}
    .u-table02 > tbody {}
    .u-table02 > tbody > tr {}
    .u-table02 > tbody > tr > th {
        padding: 5px 7px;
    }
    .u-table02 > tbody > tr > td {
        padding: 5px 7px;
    }
    .u-tableWrap {}
    .u-list {}
    .u-list > li {}
    .u-list > li::before {}
    .u-list-square {}
    .u-list-square > li {}
    .u-list-square > li::before {}
    .u-button01 {
        line-height: 50px;
        font-size: 18px;
    }
    .u-button01::after {
        right: 20px;
        width: 10px;
        height: 10px;
    }
    .u-button02 {}
    .u-section {
        margin-bottom: 35px;
    }
    .u-sectionSmall {
        margin-bottom: 20px;
    }
    .u-text {}
}
@media screen and (max-width:799px) {
    body {
        min-width: 320px;
        line-height: 1.8;
    }
    .u-inner {
        /* padding: 0 10px; */
        margin: 0 auto 50px;
    }
    .u-headline01 {
        font-size: 16px;
        padding: 10px 15px;
    }
    .u-headline01::before {}
    .u-headline01 > b {}
    .u-headline01 > small {}
    .u-headline01 > b::before {}
    .u-headline02 {
        font-size: 20px;
    }
    .u-headline02::before {}
    .u-headline02 > b {}
    .u-headline02 > small {}
    .u-headline02 > b::before {}
    .u-headline03 {}
    .u-headline03::before {}
    .u-headline04 {}
    .u-headline04::before {}
    .u-headline05 {}
    .u-headline05::before {}
    .u-headline06 {}
    .u-headline06::before {}

    .u-list {}
    .u-list > li {}
    .u-list > li::before {}
    .u-list-square {}
    .u-list-square > li {}
    .u-list-square > li::before {}

}