@charset "utf-8";

body {
    font-family: "heisei-kaku-gothic-std", sans-serif;
    font-size: 80%;
    font-style: normal;
}

header {
    background-color: #000 !important;
}

.inner {
    padding: 0 10px 0 10px;
}

@media screen and (min-width:961px) {

    .logo img {
        padding: 30px;
    }

    .logo {
        text-align: center;
    }

    .pankuzu {
        max-width: 1050px;
        margin: 10px auto;
    }

    .pankuzu span a {
        text-decoration: underline;
        color: #000;
    }

    .inner {
        max-width: 1055px;
        margin: 0 auto;
        padding: 0 20px 0 20px;
    }

    .title_icon {
        display: flex;
        justify-content: center;
    }

    .title_icon div span {
        display: block;
        text-align: center;
        margin-top: 10px;
        line-height: 1.2em;
        font-weight: bold;
        font-size: 20px;
    }

    .title_icon div {
        margin: 0 20px 0 20px;
    }

    .title_icon div img {
        display: block;
        margin: 0 auto;
    }

    h2.title_main {
        background-color: #9f1f32;
        padding: 20px 20px 20px 40px;
        color: #fff;
        font-size: 30px;
        margin-top: 2em;
    }

    .list_area_flex {
        display: flex;
        flex-wrap: wrap;
    }

    .list_size {
        width: 25%;
        padding: 5px 5px 0px 5px;
        box-sizing: border-box;
    }

    .sub_list {
        margin-top: 20px;
    }

    .sub_list_flex h3 {
        font-size: 24px;
        text-align: center;
        text-decoration: underline;
        color: #9f1f32;
    }

    .sub_list_flex div {
        padding: 0 10px 0 10px;
        box-sizing: border-box;
        border: 1px #cfcfcf solid;
        border-bottom: none;
        border-top: none;
        width: 25%;
        margin-top: 2em;
    }

    .sub_list_flex ul li {
        padding: 10px 0;
        line-height: 1.5em;
    }


    .sub_list_flex ul li:last-child {
        border-bottom: 1px #e2e2e2 solid;
    }

    .sub_list_flex div ul {
        text-align: center;
        margin-top: 10px;
    }

    .list_sub {
        font-size: 20px;
        font-weight: bold;
        padding: 0;
        text-indent: 0;
        border-bottom: none !important;
    }

    .sub_list_flex {
        display: flex;
        flex-wrap: wrap;
        margin-bottom: 7em;
    }

    .sub_list_size {
        margin-top: 5em;
    }

    .sub_list_size h2 {
        margin: 20px 0 20px 0;
        background-color: #cd5620;
        font-size: 20px;
        padding: 15px 20px 15px 40px;
        color: #fff;
    }

    span.text_blue {
        color: #3488c8;
        display: block;
        line-height: 1.2em;
        text-align: justify;
        margin-top: 5px;
    }

    .more_botan h4 a {
        background: #cd5620;
        color: #fff;
        padding: 20px 10px 20px 10px;
        display: block;
        text-align: center;
        font-size: 30px;
        border-radius: 5px;
    }

    .more_botan {
        margin-top: 20px;
        text-align: center;
        background-color: #cd5620;
        padding: 20px;
        border-radius: 20px;
    }

    .more_botan h4 a {
        color: #fff;
        text-decoration: underline;
    }


}

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

    .inner {
        padding: 0 10px 0 10px;
    }

    .title_icon {
        display: flex;
    }

    .title_icon span {
        display: block;
    }

    .title_icon div {
        width: 50%;
        padding: 20px;
        text-align: justify;
        box-sizing: border-box;
    }

    .title_icon span {
        display: block;
    }

    .title_icon img {
        display: block;
        margin: 0 auto;
    }

    h2.title_main {
        background-color: #9f1f32;
        color: #fff;
        padding: 10px 0 11px 20px;
        font-size: 20px;
        margin-top: 20px;
    }

    .list_area_flex {
        display: flex;
        flex-wrap: wrap;
    }

    .list_size {
        width: 50%;
        padding: 3px;
        box-sizing: border-box;
    }

    .list_size img {
        width: 100%;
    }

    .sub_list_flex h3 {
        font-size: 24px;
        text-align: center;
        margin: 20px 0 20px 0;
        color: #9f1f32;
        text-decoration: underline;
    }

    .sub_list_size {
        margin-top: 30px;
    }

    li.list_sub {
        text-align: center;
        font-size: 20px;
        margin-bottom: 10px;
        margin-top: 10px;
    }

    .sub_list_flex ul {
        text-align: center;
    }

    .sub_list_flex ul li {
        margin: 10px 0 10px 0;
        line-height: 1.5em;
    }

    li.list_sub {
        font-weight: bold;
    }

    h3.sp_none {
        display: none;
    }

    .sub_list_size h2 {
        background-color: #cd5620;
        padding: 15px;
        color: #fff;
        font-size: 20px;
        text-align: center;
    }

    span.text_blue {
        color: #3488c8;
        display: block;
        line-height: 1.2em;
        text-align: justify;
        margin-top: 5px;
    }

    .logo h1 {
        padding: 10px;
        text-align: center;
    }

    .logo h1 img {
        width: 70%;
    }

    .pankuzu {
        margin-top: 10px;
        margin-left: 15px;
    }

    .pankuzu span a {
        text-decoration: underline;
        color: #000;
    }

    .more_botan {
        background-color: #cd5620;
        padding: 20px;
        text-align: center;
        margin-top: 20px;
    }

    .more_botan h4 {
        font-size: 24px;
    }

    .more_botan h4 a {
        color: #fff;
        text-decoration: underline;
    }

}

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

    .inner {
        padding: 0 10px 0 10px;
    }

    h2.title_main {
        background: #9f1f32;
        color: #fff;
        font-size: 30px;
        padding: 20px 0 20px 40px;
        margin-bottom: 10px;
        margin-top: 1em;
    }

    .list_area_flex {
        display: flex;
        flex-wrap: wrap;
    }

    .list_size {
        width: 33.33333%;
        padding: 5px;
        box-sizing: border-box;
    }

    .list_size img {
        width: 100%;
    }

    .more_botan a {
        background: #cd5620;
        color: #fff;
        padding: 25px 0 25px 0;
        font-size: 24px;
        display: block;
        text-align: center;
        border-radius: 10px;
        text-decoration: underline;
        margin-top: 20px;
    }

    .sub_list_size h2 {
        margin: 20px 0 20px 0;
        background-color: #cd5620;
        font-size: 30px;
        padding: 15px 20px 15px 40px;
        color: #fff;
    }

    .sub_list_flex {
        display: flex;
        flex-wrap: wrap;
    }

    .sub_list_flex div {
        width: 50%;
        padding: 20px 25px 20px 25px;
        box-sizing: border-box;
        border-right: 1px #cfcfcf solid;
        border-left: 1px #cfcfcf solid;
        border-bottom: 1px #cfcfcf solid;
        margin-bottom: 20px;
    }

    .sub_list_flex h3 {
        font-size: 24px;
        margin-bottom: 15px;
        text-align: center;
        color: #9f1f32;
        text-decoration: underline;
    }

    li.list_sub {
        font-size: 18px;
        font-weight: bold;
    }

    .sub_list_flex ul li {
        line-height: 1.5em;
        margin: 10px 0 10px 0;
        text-align: center;
    }

    span.text_blue {
        display: block;
        color: #3488c8;
        font-size: 14px;
    }

    h3.sp_none {
        display: none;
    }

    .logo h1 {
        padding: 10px;
        text-align: center;
    }

    .logo h1 img {
        width: 70%;
    }

    .pankuzu {
        margin-top: 10px;
        margin-left: 15px;
    }

    .pankuzu span a {
        text-decoration: underline;
        color: #000;
    }





}