@charset "utf-8";

:root {
    --main-color: #EA8B28;
    --main-opa-100: rgba(234, 139, 40, 1);
    --main-opa-80: rgba(234, 139, 40, 0.8);
    --sub-color: #F1EAD5;
    --anti-opa-90: rgba(54, 190, 173, 0.9);
    --anti-opa-70: rgba(54, 190, 173, 0.7);
}

* {
    padding: 0;
    margin: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

html {
    height: 100%;
}

body {
    color: #111;
    background-color: #F2F6F7;
    font-family: "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Osaka, "ＭＳ ゴシック", "MS Gothic", sans-serif;
    word-wrap: break-word;
    height: 100%;
    line-height: 2.2;
}

.font_mincho {
    font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "Sawarabi Mincho", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}

section,
article {
    display: block;
}

img {
    vertical-align: top;
}

a img {
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    -webkit-transition: 0.2s linear;
    -moz-transition: 0.2s linear;
    transition: 0.2s linear;
}

a:hover img {
    filter: brightness(120%);
}

li {
    list-style-type: none;
}

a {
    color: var(--main-color);
    -webkit-transition: 0.2s linear;
    -moz-transition: 0.2s linear;
    transition: 0.2s linear;
}

a:hover {
    color: var(--anti-opa-90);
    text-decoration: none;
}

table {
    border-collapse: collapse;
}

table td {
    border-collapse: collapse;
}

.clfix:after {
    content: ".";
    display: block;
    height: 0;
    font-size: 0;
    clear: both;
    visibility: hidden;
}

@media screen and (min-width:960px) {
    body {
        font-size: 16px;
    }
}



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

    body {
        font-size: 16px;
    }

    body.fixed {
        overflow: hidden;
    }

    img {
        max-width: 100% !important;
        height: auto;
        width
        /***/
        : auto;
        margin-left: auto;
        margin-right: auto;
    }

    .content h4 {
        margin-right: 10px;
        margin-left: 10px;
    }

}

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


    .img_left,
    .img_right {
        float: none;
        display: block;
        margin-left: auto;
        margin-right: auto;
        padding-left: 10px;
        padding-right: 10px;
        padding-bottom: 10px;
        max-width: 100%;
    }
}