@charset "UTF-8";
/* CSS Document */
/* 全てに適用するCSS */
body {
        font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
        background-color: #fcfcf0;
        font-style: normal;
        background-image: url("images/header_img.png");
        background-repeat: repeat-x;
        margin: 0
}
header {
        margin-top: 30px;
        margin-bottom: 20px;
        text-align: center
}
/*　ナビゲーションメニュー　*/
nav ul {
        height: 90px;
        list-style-type: none;
        margin-top: 0;
        margin-bottom: 30px;
        padding-left: 0;
        font-size: 0
}
nav li {
        display: inline;
        border-right: solid 1px #ff8a46;
        padding-left: 0px;
        padding-right: 0px;
}
nav li:first-child {
        border-left: solid 1px #ff8a46
}
h1 {
        font-size: 22px;
        line-height: 1.5;
        color: #FF8A46;
        font-weight: 500;
        font-style: normal
}
/*　フレキシブルボックス　*/
.box {
        display: flex;
        flex-direction: row;
        width: 960px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 50px;
}
.image {
        margin-left: 30px;
}
.image2 {
        margin-right: 30px;
}
/*　フレキシブルボックスここまで　*/
/*　フレキシブルボックス2　*/
.box2 {
        display: flex;
        flex-direction: row;
        width: auto;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 50px;
}
/*　フレキシブルボックス2ここまで　*/
/*　TOPへ戻るボタン　*/
#pagetop {
        position: fixed;
        bottom: 20px;
        right: 0;
        border-radius: 5px;
        width: 70px;
        height: 60px;
        text-align: center;
        padding: 0px;
        color: #fff;
        background: #FF8A46;
        text-decoration: none;
        box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .3);
}
/*　TOPへ戻るボタンここまで　*/
a {
        color: #FF8A46;
        font-weight: 600
}
span.midashi {
        color: #FF8A46;
        font-size: 18px;
}
span.midashi_privacy {
        color: #FF8A46;
        font-size: 20px;
        margin-top: 50px;
        font-weight: 600
}
span.orange {
        color: #FF8A46
}
span.subti {
        color: #FF8A46;
        font-size: 14pt;
}
p {
        line-height: 1.7;
        color: #000000;
        font-size: 14px;
}
p.notice {
        text-align: center;
}
p.bold {
        font-size: 16px;
        font-weight: 600
}
div.topimage {
        width: 100%;
        height: 284px;
        background-image: url("images/townimage.png");
        background-position: bottom;
        background-repeat: no-repeat;
        background-color: #ff8a46;
        text-align: center;
        padding-top: 20px;
        padding-bottom: 0px;
        margin-bottom: 50px
}
div.topmsg {
        color: #FFFFFF;
        font-size: 18px;
        text-align: center;
        font-weight: 600;
        margin-bottom: 20px
}
div.menubar {
        width: 100%;
        height: 100px;
        background-image: url("images/linebar.png");
        background-color: #ff8a46;
        text-align: center;
        margin-bottom: 40px;
        color: #ffffff;
}
h1.title {
        width: 100%;
        text-align: center;
        margin-bottom: 40px;
        color: #ffffff;
}
h1.orangekakomi {
        width: 100%;
        text-align: center;
        padding: 5px;
        background-color: #ff8a46;
        margin-bottom: 40px;
        color: #ffffff;
        border-radius: 5px;
}
h1.orangekakomi_l {
        width: 100%;
        text-align: left;
        padding-left: 10px;
        padding-top: 3px;
        padding-bottom: 3px;
        background-color: #ff8a46;
        margin-bottom: 30px;
        color: #ffffff;
        border-radius: 5px;
}
h1.title_main_j {
        width: 100%;
        magin-top: 40px;
        margin-bottom: 30px;
        font-size: 28px;
        text-align: center;
        color: #ff8a46;
        font-style: normal;
        font-weight: 600;
}
h1.title_sub_j {
        width: 100%;
        margin-bottom: 0;
        font-size: 24px;
        text-align: center;
        color: #ff8a46;
}
h1.title_sub_e {
        width: 100%;
        font-size: 16px;
        text-align: center;
        margin-top: 0;
        margin-bottom: 40px;
        color: #FFAE1E;
        font-family: 'Ropa Sans', sans-serif;
}
p.kakomi {
        width: auto;
        padding: 20px;
        border: solid 1px #ff8a46;
        border-radius: 10px;
        margin-top: 20px;
}
.linkbutton {
        width: 350px;
        height: 50px;
        border-radius: 10px;
        background-color: #FF8A46;
        padding-top: 20px;
        margin-top: 0px;
        margin-bottom: 70px;
        margin-right: auto;
        margin-left: auto;
        box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .3);
        text-align: center;
        font-size: 20px;
        color: #ffffff;
        font-weight: 500;
        font-style: normal
}

.linkbutton:hover {
        background:#86847D;
        color: white;
        text-decoration: none;
}

.linkbutton:active {
        /*ボタンを押したとき*/
        -webkit-transform: translateY(4px);
        transform: translateY(4px); /*下に動く*/
        box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2); /*影を小さく*/
        border-bottom: none;
}

.linkbutton2 {
            width: 300px;
        height:25px;
            margin-right: auto;
        margin-left: auto;
        padding: 0.5em 0.5em;
        text-decoration: none;
        color: #ffffff;
        background: #ff8a46;
        transition: .4s;
            box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .3);
        text-align: center;
            border-radius: 5px;
            margin-top: 0px;
        margin-bottom: 70px;

}
.linkbutton2:hover {
        background:#86847D;
        color: white;
        text-decoration: none;
}

.linkbutton2:active {
        /*ボタンを押したとき*/
        -webkit-transform: translateY(4px);
        transform: translateY(4px); /*下に動く*/
        box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2); /*影を小さく*/
        border-bottom: none;
}

.btn-square-shadow {
        display: inline-block;
        padding: 0.5em 1em;
        text-decoration: none;
        background: #ff8a46; /*ボタン色*/
        color: #FFF;
        border-bottom: solid 4px #F47A55;
        border-radius: 3px
}
.btn-square-shadow:active {
        /*ボタンを押したとき*/
        -webkit-transform: translateY(4px);
        transform: translateY(4px); /*下に動く*/
        box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2); /*影を小さく*/
        border-bottom: none;
}
table {
        border-collapse: collapse;
        margin-top: 0px;
        margin-bottom: 70px;
}
table th, table td {
        padding: 5px 10px;
        border: solid 1px;
        border-style: solid none;
        border-color: #ff8a46;
}
table.aboutus {
        margin-right: auto;
        margin-left: auto;
}
table.trans {
        border-collapse: collapse;
        margin-top: 0px;
        margin-bottom: 50px;
        font-size: 18px;
        font-weight: 500;
}
footer {
        margin-top: 30px;
        margin-bottom: 50px;
        text-align: center
}
div.footbar {
        width: 100%;
        height: 20px;
        background-image: url("images/header_img.png");
        background-color: #ff8a46;
        text-align: center;
        color: #ffffff;
}
small {
        font-size: 14px;
        font-family: 'Ropa Sans', sans-serif;
        margin-bottom: auto;
}
/*メールフォーム*/
/*
.formWrap {
      width: 80%;
    font-size: 16px;
  margin: 0 auto;
  max-width: 500px;
}
*/
.formWrap {
        width: 100%;
        font-size: 16px;
        text-align: center;
        margin: 0 auto;
        max-width: 600px;
}
input[type="text"] {
        width: 80%;
        font-size: 1rem;
}
input[type="email"] {
        width: 80%;
        font-size: 1rem;
}
textarea {
        width: 80%;
        font-size: 1rem;
}
input[type="submit"] {
        width: 200px;
        height: 50px;
        border-radius: 5px;
        font-size: 16px;
}
input[type="reset"] {
        width: 80px;
        height: 50px;
        background-color: #C4C3C0;
        border-radius: 5px
}
/* ウィンドウ幅が0〜970pxの場合に適用するCSS */
@media screen and (max-width:970px) {
        /*↓↓↓ハンバーガーメニューのCSS*/
        .menu-btn {
                position: fixed;
                top: 10px;
                right: 10px;
                display: flex;
                height: 65px;
                width: 65px;
                justify-content: center;
                align-items: center;
                z-index: 90;
                background-color: #ff8a46;
                border-radius: 5px
        }
        .menu-btn span, .menu-btn span:before, .menu-btn span:after {
                content: '';
                display: block;
                height: 3px;
                width: 25px;
                border-radius: 3px;
                background-color: #ffffff;
                position: absolute;
        }
        .menu-btn span:before {
                bottom: 8px;
        }
        .menu-btn span:after {
                top: 8px;
        }
        #menu-btn-check:checked ~ .menu-btn span {
                background-color: rgba(255, 255, 255, 0); /*メニューオープン時は真ん中の線を透明にする*/
        }
        #menu-btn-check:checked ~ .menu-btn span::before {
                bottom: 0;
                transform: rotate(45deg);
        }
        #menu-btn-check:checked ~ .menu-btn span::after {
                top: 0;
                transform: rotate(-45deg);
        }
        #menu-btn-check {
                display: none;
        }
        .menu-content {
                width: 100%;
                height: 50%;
                position: fixed;
                top: 0;
                left: 100%; /*leftの値を変更してメニューを画面外へ*/
                z-index: 80;
                background-color: #FF8A46;
                background-color: rgba(255, 138, 70, 0.90);
                transition: all 0.5s; /*アニメーション設定*/
        }
        #menu-btn-check:checked ~ .menu-content {
                left: 0; /*メニューを画面内へ*/
        }
        .menu-content ul {
                padding: 70px 10px 0;
        }
        .menu-content ul li {
                border-bottom: solid 1px #ffffff;
                list-style: none;
        }
        .menu-content ul li a {
                display: block;
                width: 100%;
                font-size: 15px;
                box-sizing: border-box;
                color: #ffffff;
                text-decoration: none;
                padding: 9px 15px 10px 0;
                position: relative;
        }
        .menu-content ul li a::before {
                content: "";
                width: 7px;
                height: 7px;
                border-top: solid 2px #ffffff;
                border-right: solid 2px #ffffff;
                transform: rotate(45deg);
                position: absolute;
                right: 11px;
                top: 16px;
        }
        .hamburger-menu {
                font-size: 12px;
                color: #ffffff;
        }
        /*↑↑↑ハンバーガーメニュー用の設定*/
        body {
                font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
                background-color: #fcfcf0;
                background-image: url("images/header_img.png");
                background-repeat: repeat-x;
                width: 100%;
        }
        header {
                margin-top: 30px;
                margin-bottom: 20px;
                text-align: center
        }
        /*　ナビゲーションメニュー　*/
        nav ul {
                height: 90px;
                list-style-type: none;
                margin-top: 0;
                margin-bottom: 30px;
                padding-left: 0;
                font-size: 0
        }
        nav li {
                display: inline;
                border-right: solid 1px #ff8a46;
                padding-left: 0px;
                padding-right: 0px;
        }
        nav li:first-child {
                border-left: solid 1px #ff8a46
        }
        h1 {
                font-size: 1.2rem;
                line-height: 1.5;
                color: #FF8A46;
                font-weight: bold;
                font-style: normal
        }
        /*　フレキシブルボックス　*/
        .box {
                display: inline;
                flex-direction: row;
                width: auto;
                margin-left: auto;
                margin-right: auto;
                margin-bottom: 100px;
        }
        .text {
                margin-left: 20px;
                margin-right: 20px;
        }
        .image {
                padding-bottom: 50px;
                padding-top: 30px;
                text-align: center;
        }
        .image2 {
                padding-bottom: 0px;
                padding-top: 3px;
                text-align: center;
        }
        /*　フレキシブルボックスここまで　*/
        /*　フレキシブルボックス2　*/
        .box2 {
                display: inline;
                flex-direction: row;
                width: auto;
                margin-left: auto;
                margin-right: auto;
                margin-bottom: 50px;
        }
        /*　フレキシブルボックス2ここまで　*/
        a {
                color: #FF8A46;
                font-weight: 600
        }
        span.midashi {
                color: #FF8A46;
                font-size: 1.2rem;
                font-weight: bold
        }
        span.midashi_privacy {
                color: #FF8A46;
                font-size: 1.2rem;
                margin-top: 50px;
                font-weight: bold
        }
        span.orange {
                color: #FF8A46;
                font-weight: bold;
        }
        span.subti {
                color: #FF8A46;
                font-size: 1rem;
        }
        p {
                line-height: 1.7;
                color: #000000;
                font-size: 1rem;
        }
        p.notice {
                text-align: center;
        }
        p.bold {
                font-size: 1.2rem;
                font-weight: bold
        }
        div.topimage {
                width: 100%;
                height: 200px;
                background-image: url("images/townimage.png");
                background-position: bottom;
                background-repeat: no-repeat;
                background-size: 110%;
                background-color: #ff8a46;
                padding-top: 20px;
                padding-bottom: 0px;
        }
        div.topimage img {
                object-fit: contain;
                width: 100%;
        }
        h1 p {
                color: #FFFFFF;
                font-size: 1rem;
                text-align: center;
        }
        div.menubar {
                width: 100%;
                height: 100px;
                background-image: url("images/linebar.png");
                background-color: #ff8a46;
                text-align: center;
                margin-bottom: 20px;
                color: #ffffff;
        }
        div.image img {
                width: 50%;
        }
        h1.title img {
                width: 100%;
        }
        h1.orangekakomi {
                width: 100%;
                text-align: center;
                padding: 5px;
                background-color: #ff8a46;
                margin-bottom: 40px;
                color: #ffffff;
                border-radius: 5px;
        }
        h1.orangekakomi_l {
                width: 100%;
                text-align: left;
                padding-left: 10px;
                padding-top: 3px;
                padding-bottom: 3px;
                background-color: #ff8a46;
                margin-bottom: 30px;
                color: #ffffff;
                border-radius: 5px;
        }
        h1.title_main_j {
                width: 100%;
                magin-top: 40px;
                margin-bottom: 30px;
                font-size: 1.7rem;
                text-align: center;
                color: #ff8a46;
                font-style: normal;
                font-weight: bold;
        }
        h1.title_sub_j {
                width: 100%;
                margin-bottom: 0;
                font-size: 1.2rem;
                text-align: center;
                color: #ff8a46;
        }
        h1.title_sub_e {
                width: 100%;
                font-size: 0.8rem;
                text-align: center;
                margin-top: 0;
                margin-bottom: 20px;
                color: #FFAE1E;
                font-family: 'Ropa Sans', sans-serif;
        }
        p.kakomi {
                width: auto;
                padding: 20px;
                border: solid 1px #ff8a46;
                border-radius: 10px;
                margin-top: 20px;
                margin-bottom: 80px
        }
        .linkbutton {
                width: 70%;
                border-radius: 10px;
                background-color: #FF8A46;
                padding: auto;
                margin-top: 0px;
                margin-bottom: 70px;
                margin-right: auto;
                margin-left: auto;
                box-shadow: 0 10px 15px 0 rgba(0, 0, 0, .5);
                text-align: center;
                font-size: 1.2rem;
                color: #ffffff;
        }
        .btn-square-shadow {
                display: inline-block;
                padding: 0.5em 1em;
                text-decoration: none;
                background: #ff8a46; /*ボタン色*/
                color: #FFF;
                border-bottom: solid 4px #F47A55;
                border-radius: 3px
        }
        .btn-square-shadow:active {
                /*ボタンを押したとき*/
                -webkit-transform: translateY(4px);
                transform: translateY(4px); /*下に動く*/
                box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2); /*影を小さく*/
                border-bottom: none;
        }
        table {
                border-collapse: collapse;
                margin-top: 0px;
                margin-bottom: 70px;
        }
        table th, table td {
                padding: 5px 10px;
                border: solid 1px;
                border-style: solid none;
                border-color: #ff8a46;
        }
        table.aboutus {
                font-size: 0.8rem;
                margin-right: auto;
                margin-left: auto;
        }
        table.trans {
                border-collapse: collapse;
                margin-top: 0px;
                margin-bottom: 50px;
                font-size: 1rem;
                font-weight: bold;
        }
        footer {
                margin-top: 30px;
                margin-bottom: 50px;
                text-align: center
        }
        div.footbar {
                width: 100%;
                height: 20px;
                background-image: url("images/header_img.png");
                background-color: #ff8a46;
                text-align: center;
                color: #ffffff;
        }
        small {
                font-size: 0.8rem;
                font-family: 'Ropa Sans', sans-serif;
                margin-bottom: auto;
        }
        /*メールフォーム*/
        .formWrap {
                max-width: 100%;
                font-size: 1rem;
                text-align: center;
                padding-left: 20px;
                padding-right: 20px;
                -moz-box-sizing: border-box;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
        }
        input[type="text"] {
                width: 80%;
                font-size: 1rem;
        }
        input[type="email"] {
                width: 80%;
                font-size: 1rem;
        }
        textarea {
                width: 80%;
                font-size: 1rem;
        }
        input[type="submit"] {
                width: 200px;
                height: 50px;
                border-radius: 5px;
                font-size: 1.2rem;
        }
        input[type="reset"] {
                width: 80px;
                height: 50px;
                background-color: #C4C3C0;
                border-radius: 5px;
                font-size: 1rem;
                color: #ffffff
        }
        /*　狭い時メニュー消す　*/
        ul.menu_top {
                display: none;
        }
}
@media screen and (min-width:970px) {
        div.ch_mark {
                display: none;
        }
        div.hamburger-menu {
                display: none;
        }
}