@charset "utf-8";

@font-face {
    font-family: chihaya;
    src: url(../fonts/ちはやフォント+.woff) format('woff');
    font-style: normal;
    font-weight: normal;
    font-display: swap;
}


h1,
h2,
h3,
h4,
h5,
h6,
p,
ul {
    margin: 0;
    padding: 0;

}

html,
body {
    margin: 0 auto;
    padding: 0;
    width: 100%;
    text-align: center;
    font-size: 21px;
    line-height: 1.2;
    font-family: chihaya;
    color: rgb(54, 50, 50);
}

ol,
ul {
    list-style: none;
}

.clearfix::after {
    content: "";
    display: block;
    clear: both;
}

a {
    text-decoration: none;
    color: rgb(54, 50, 50);
}

img {
    max-width: 100%;
}

a img:hover {
    opacity: 0.8;
}

.color_wh {
    color: rgb(255, 255, 255);
}

.color_brown {
    color: rgb(113, 75, 21);
}

.color_purple {
    color: rgb(76, 67, 152);
}

.bg_wh {
    background-color: rgb(255, 255, 255);
}

.bg_brown {
    background-color: rgb(113, 75, 21);
}

.bg_light_blown {
    background-color: rgb(215, 196, 170);
}

.bg_red {
    background-color: rgb(119, 23, 23);
}

.bg_beige {
    background-color: rgb(251, 247, 240);
}

.bg_pink {
    background-color: rgb(255, 216, 233);
}

.bg_blue {
    background-color: rgb(121, 210, 245);
}

.bg_green {
    background-color: rgb(196, 230, 173);
}

.bg_beige_blue {
    background: linear-gradient(to bottom, rgb(251, 247, 240), rgb(121, 210, 245));
    background: -webkit-linear-gradient(top, rgb(251, 247, 240), rgb(121, 210, 245));
    background: -moz-linear-gradient(top, rgb(251, 247, 240), rgb(121, 210, 245));
}

.bg_blue_green {
    background: linear-gradient(to bottom, rgb(121, 210, 245), rgb(196, 230, 173));
    background: -webkit-linear-gradient(top, rgb(121, 210, 245), rgb(196, 230, 173));
    background: -moz-linear-gradient(top, rgb(121, 210, 245), rgb(196, 230, 173));
}

.bg_green_beige {
    background: linear-gradient(to bottom, rgb(196, 230, 173), rgb(251, 247, 240));
    background: -webkit-linear-gradient(top, rgb(196, 230, 173), rgb(251, 247, 240));
    background: -moz-linear-gradient(top, rgb(196, 230, 173), rgb(251, 247, 240));
}

.bg_blue_beige {
    background: linear-gradient(to bottom, rgb(121, 210, 245), rgb(251, 247, 240));
    background: -webkit-linear-gradient(top, rgb(121, 210, 245), rgb(251, 247, 240));
    background: -moz-linear-gradient(top, rgb(121, 210, 245), rgb(251, 247, 240));
}

.bg_beige_blue_green {
    background: linear-gradient(to bottom, rgb(251, 247, 240), rgb(121, 210, 245), rgb(196, 230, 173));
    background: -webkit-linear-gradient(top, rgb(251, 247, 240), rgb(121, 210, 245), rgb(196, 230, 173));
    background: -moz-linear-gradient(top, rgb(251, 247, 240), rgb(121, 210, 245), rgb(196, 230, 173));
}

.bg_beige_green {
    background: linear-gradient(to bottom, rgb(251, 247, 240), rgb(196, 230, 173));
    background: -webkit-linear-gradient(top, rgb(251, 247, 240), rgb(196, 230, 173));
    background: -moz-linear-gradient(top, rgb(251, 247, 240), rgb(196, 230, 173));
}

.font_yugo {
    font-family: YuGothic, 'Yu Gothic', sans-serif;
    line-height: normal;
}

.relative {
    position: relative;
}

.align_left {
    text-align: left;
}

.align_right {
    text-align: right;
}

.bold {
    font-weight: bold;
}

.fontsize_med {
    font-size: medium;
}

.site_container {
    padding: 5% 0;
}

.inner {
    width: 70%;
    margin: 0 auto;
}

.small_inner {
    width: 50%;
    margin: 0 auto;
}

@media screen and (max-width:1500px) {
    .inner {
        width: 80%;
        margin: 0 auto;
    }
}

@media screen and (max-width:1150px) {
    .inner {
        width: 85%;
        margin: 0 auto;
    }

    .small_inner {
        width: 80%;
    }
}

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

    html,
    body {
        font-size: 18px;
    }

    .inner {
        width: 90%;
    }

    .site_container {
        padding: 10% 0;
    }

    .small_inner {
        width: 90%;
    }
}