@charset "utf-8";
 /* header {
     display: none;
 }
     */
 
 @media screen and (max-width:640px) {
     header {
         position: fixed;
         top: -1px;
         right: 0px;
         display: flex;
         /* height: 60px; */
         width: 103%;
         justify-content: center;
         align-items: center;
         z-index: 90;
         background-color: #fff;
         box-shadow: 0 0 6px -1px rgb(0 0 0 / 36%);
     }
     .top_txt {
         padding-top: 60px
     }
     header {
         display: block
     }
     #menu-btn-check {
         display: none
     }
     #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 {
         position: fixed;
         top: 10px;
         right: 10px;
         display: flex;
         height: 40px;
         width: 40px;
         justify-content: center;
         align-items: center;
         z-index: 999;
         background-color: #87b259
     }
     .menu-btn span,
     .menu-btn span:before,
     .menu-btn span:after {
         content: '';
         display: block;
         height: 3px;
         width: 25px;
         border-radius: 3px;
         background-color: #fff;
         position: absolute
     }
     .menu-btn span:before {
         bottom: 8px
     }
     .menu-btn span:after {
         top: 8px
     }
     .menu-content {
         width: 100%;
         height: 100%;
         position: fixed;
         top: 0;
         left: 0;
         z-index: 80;
         overflow-y: scroll;
         background-color: #87b259;
     }
     .menu-content ul {
         padding: 70px 10px 0
     }
     .menu-content ul li {
         border-bottom: solid 1px #fff;
         list-style: none
     }
     .menu-content ul li a {
         display: block;
         width: 100%;
         font-size: 15px;
         box-sizing: border-box;
         color: #fff;
         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 #fff;
         border-right: solid 2px #fff;
         transform: rotate(45deg);
         position: absolute;
         right: 11px;
         top: 16px
     }
     .menu-content {
         width: 100%;
         height: 100%;
         position: fixed;
         top: 0;
         left: 100%;
         z-index: 80;
         background-color: #87b259;
         transition: all .5s
     }
     #menu-btn-check:checked~.menu-content {
         left: 0
     }
     .accordion-item {
         width: 70%;
         margin: 0 auto;
         cursor: pointer;
         margin-top: 30px;
         border-bottom: 1px solid #ddba4d
     }
     .accordion-header {
         transition: ease-in-out 100ms
     }
     .accordion-text {
         width: 70%;
         display: none;
         padding-top: 5px;
         padding-bottom: 20px;
         margin: 0 auto
     }
     .fa {
         transition: ease-in-out 300ms
     }
     .rotate-fa {
         transform: rotate(180deg)
     }
     .accordion-header .fa {
         float: right;
         line-height: 35px
     }
     .accordion-gold {
         color: #ddba4d
     }
     .accordion-no-bar {
         border-bottom: 0
     }
     @media screen and (max-width:640px) {
         #accordion {
             margin-top: 70px
         }
     }
     .acd-check:checked+.acd-label+.acd-content {
         height: 80px;
         opacity: 1;
         padding: 10px;
         visibility: visible
     }
     .acd-check_h:checked+.acd-label+.acd-content {
         height: 150px;
         opacity: 1;
         padding: 10px;
         visibility: visible
     }
     .cp_actab {
         position: relative;
         overflow: hidden;
         width: 100%;
         margin: 0 auto;
         color: #fff
     }
     .cp_actab input {
         position: absolute;
         z-index: -1;
         opacity: 0
     }
     .cp_actab label {
         font-weight: bold;
         position: relative;
         display: block;
         padding: 8px 25px;
         cursor: pointer;
         margin: 0;
         border-bottom: 1px solid #fff;
         border-collapse: collapse
     }
     .cp_actab .cp_actab-content {
         overflow: hidden;
         max-height: 0;
         -webkit-transition: max-height .35s;
         transition: max-height .35s
     }
     .cp_actab input:checked~.cp_actab-content {
         max-height: 2000px;
         -webkit-transition: all ease-in-out 1s;
         transition: all ease-in-out 1s;
         transition-duration: 3s ease-in-out
     }
     .arrow label::after {
         line-height: 2;
         position: absolute;
         top: 0;
         right: 0;
         display: block;
         width: 3em;
         height: 3em;
         -webkit-transition: all .35s;
         transition: all .35s;
         text-align: center
     }
     .arrow input[type=checkbox]+label::after {
         font-family: "Font Awesome 5 Free";
         content: '\f077';
         font-weight: 900
     }
     .arrow input[type=checkbox]:checked+label::after {
         transform: rotate(138deg) !important;
         top: -20px
     }
     .cp_actab-content {
         transition: all 3s
     }
     .child {
         text-indent: 12px;
         margin: 0;
         color: #fff;
         text-decoration: none;
         padding: 7px 0
     }
     .tab-six a {
         color: #fff;
         text-decoration: none !important
     }
     .sangyoi-gfaff {
         border-style: solid;
         float: center;
         text-align: left;
         width: 100%
     }
     .sangyoi-gfaff .grafftit {
         background-color: #519cb2;
         border-style: solid;
         text-align: center;
         font-weight: bold;
         color: #FFF
     }
     .sangyoi-gfaff .grafftit2 {
         background-color: #008000;
         border-style: solid;
         text-align: center;
         font-weight: bold;
         color: #FFF;
         font-size: 1.3em
     }
     .sangyoi-gfaff .grafftext {
         background-color: #FFF;
         border: 1px solid #CCC;
         text-align: center;
         font-size: 12px
     }
     .sangyoi-gfaff .grafftext2 {
         padding: 10px;
         text-align: center;
         font-size: 1.1em
     }
     .sangyoi-gfaff .grafftext3 {
         color: #519cb2;
         font-weight: bold;
         padding: 10px;
         text-align: left;
         font-size: 1.3em
     }
     .sangyoi-gfaff .grafftext4 {
         color: #008000;
         font-weight: bold;
         padding: 10px;
         text-align: center;
         font-size: 1.3em
     }
     .sangyoi-gfaff .grafftext5 {
         padding: 10px;
         text-align: center;
         font-size: 1.1em
     }
     .sangyouitoha_top_banner {
         display: flex !important;
         width: 670px;
         margin: 0 auto
     }
     @media screen and (max-width:640px) {
         .left_img {
             float: none !important;
             text-align: center
         }
     }
     .main_text .left_img {
         height: auto;
         width: auto;
         float: left;
         padding-top: 2em;
         margin-bottom: 20px;
         overflow: hidden
     }
     .main_text .st_img {
         height: auto;
         width: auto;
         margin: 1em auto;
         overflow: hidden;
         text-align: center
     }
     .right_text {
         float: left;
         height: auto;
         width: 364px;
         margin-top: 40px;
         margin-bottom: 35px;
         line-height: 1.8em;
         padding: 1em .6em 1em
     }
     .yuugai-gfaff {
         border: 1px solid #dfdfdf;
         color: #000;
         margin-top: 6px
     }
     .grafftit {
         background-color: #8cd385;
         padding: 3px;
         text-align: center;
         font-weight: bold;
         color: #FFF;
         font-size: 12px
     }
     .point_tit {
         font-weight: bold;
         padding-top: 11px;
         padding-left: 38px;
         color: #310f00;
         font-size: 13px
     }
     .main_text02 {
         float: left;
         width: 314px;
         margin-left: 2em;
         margin-bottom: 2em;
         font-size: 14px;
         line-height: 1.7em
     }
     .main_text_midashi {
         color: #5a5a5a;
         padding: .8em 1em .8em
     }
     .sangyouitoha_top_banner {
         display: flex;
         width: 670px;
         margin: 0 auto
     }
     header {
         display: none
     }
     @media screen and (max-width:640px) {
         .top_txt {
             padding-top: 60px
         }
         header {
             display: block
         }
         #menu-btn-check {
             display: none
         }
         .menu-btn {
             position: fixed;
             top: 10px;
             right: 10px;
             display: flex;
             height: 40px;
             width: 40px;
             justify-content: center;
             align-items: center;
             z-index: 90;
             background-color: #87b259
         }
         .menu-btn span,
         .menu-btn span:after,
         .menu-btn span:before {
             content: '';
             display: block;
             height: 3px;
             width: 25px;
             border-radius: 3px;
             background-color: #fff;
             position: absolute
         }
         .menu-btn span:before {
             bottom: 8px
         }
         .menu-btn span:after {
             top: 8px
         }
         .menu-content {
             width: 100%;
             height: 100%;
             position: fixed;
             top: 0;
             left: 0;
             z-index: 80;
             background-color: #87b259
         }
         .menu-content {
             width: 100%;
             height: 100%;
             position: fixed;
             top: 0;
             left: 100%;
             z-index: 80;
             background-color: #87b259;
             transition: all .5s
         }
         .menu-content {
             width: 100%;
             height: 100%;
             position: fixed;
             top: 0;
             left: 100%;
             z-index: 80;
             background-color: #87b259;
             transition: all .5s
         }
         @media screen and (max-width:640px) {
             #accordion {
                 margin-top: 70px
             }
         }
         .cp_actab {
             position: relative;
             overflow: hidden;
             width: 100%;
             margin: 0 auto;
             color: #fff
         }
         .cp_actab input {
             position: absolute;
             z-index: -1;
             opacity: 0
         }
         .cp_actab label {
             font-weight: 700;
             position: relative;
             display: block;
             padding: 8px 25px;
             cursor: pointer;
             margin: 0;
             border-bottom: 1px solid #fff;
             border-collapse: collapse
         }
         .cp_actab .cp_actab-content {
             overflow: hidden;
             max-height: 0;
             -webkit-transition: max-height .35s;
             transition: max-height .35s
         }
         .arrow label::after {
             line-height: 2;
             position: absolute;
             top: 0;
             right: 0;
             display: block;
             width: 3em;
             height: 3em;
             -webkit-transition: all .35s;
             transition: all .35s;
             text-align: center
         }
         .arrow input[type=checkbox]+label::after {
             font-family: "Font Awesome 5 Free";
             content: '\f077';
             font-weight: 900
         }
         .cp_actab-content {
             transition: all 3s
         }
         .child {
             text-indent: 12px;
             margin: 0;
             color: #fff;
             text-decoration: none;
             padding: 7px 0
         }
         .tab-six a {
             color: #fff;
             text-decoration: none !important
         }
     }
     @media screen and (max-width:480px) {
         * {
             height: auto
         }
         #head_box,
         * {
             max-width: 100% !important
         }
         #head_box {
             margin-right: auto;
             margin-left: auto;
             padding: 0
         }
         .pc-img {
             display: none
         }
         .sp-img {
             display: block
         }
         h2 {
             font-size: 1pc;
             text-indent: .2em
         }

         ul.ddmenu,
         ul.ddmenu2,
         ul.ddmenu3,
         ul.ddmenu10 {
             display: flex
         }
         #head_box {
             height: auto
         }
         #head_navi_top,
         #head_right,
         .top-message {
             display: none
         }
         .main703 {
             padding: 9px;
             width: 95%;
             margin: 0;
             height: auto;
             background-color: #fff;
             border: 0;
             box-shadow: none
         }
         .main703 .main_textfont {
             margin: 1em
         }
         .main703 #main-topic {
             margin-top: 0
         }
         .main703 .main_text01 {
             margin: 1em
         }
         .main_text02 {
             width: auto;
             margin: 1em
         }
         #main223 {
             display: none
         }
         .sangyouitoha01 {
             margin: 0;
             padding: 0 0 130px;
             background-image: none
         }
         .sangyouitoha01 .topic {
             margin: 0
         }
         .sangyouitoha01 .topicimg {
             margin: 0 0 20px;
             padding-bottom: 20px
         }
         #jump1 {
             margin: 1.8rem 0 0
         }
         .sangyoutitoha_text01 {
             margin: 0 20px;
             padding: 0
         }
         .right_text {
             margin-bottom: 0;
             padding: 0
         }
         .main_text .left_img {
             padding-top: 1em;
             margin-bottom: 0
         }
         .images_sangyouitoha01 {
             padding: 1em 3em
         }
         .orange_right {
             line-height: 1.7em;
             overflow: hidden;
             clear: left;
             padding: 0
         }
         .orange_left,
         .sp_txt_center {
             text-align: center;
             float: none;
             padding-bottom: 20px
         }
         #btm_contact {
             height: 60px;
             width: 650px;
             text-align: center
         }
         #btm_contact img {
             width: 97%
         }
         #contact_button {
             display: none
         }
         #foot_contact {
             height: auto
         }
         .foot-p {
             clear: left
         }
         #pageTop {
             right: 10px
         }
         #pageTop,
         #pageTop a {
             width: 60px;
             height: 60px
         }
         #pageTop a:after {
             content: 'TOP';
             font-size: 13px;
             top: 35px
         }
     }
     @media screen and (max-width:640px) {
         .top_txt {
             padding-top: 60px
         }
         header {
             display: block
         }
         #menu-btn-check {
             display: none
         }
         #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 {
             position: fixed;
             top: 10px;
             right: 10px;
             display: flex;
             height: 40px;
             width: 40px;
             justify-content: center;
             align-items: center;
             z-index: 90;
             background-color: #87b259
         }
         .menu-btn span,
         .menu-btn span:after,
         .menu-btn span:before {
             content: '';
             display: block;
             height: 3px;
             width: 25px;
             border-radius: 3px;
             background-color: #fff;
             position: absolute
         }
         .menu-btn span:before {
             bottom: 8px
         }
         .menu-btn span:after {
             top: 8px
         }
         .menu-content {
             width: 100%;
             height: 100%;
             position: fixed;
             top: 0;
             left: 0;
             z-index: 80;
             background-color: #87b259
         }
         .menu-content ul {
             padding: 70px 10px 0
         }
         .menu-content ul li {
             border-bottom: solid 1px #fff;
             list-style: none
         }
         .menu-content ul li a {
             display: block;
             width: 100%;
             font-size: 15px;
             box-sizing: border-box;
             color: #fff;
             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 #fff;
             border-right: solid 2px #fff;
             transform: rotate(45deg);
             position: absolute;
             right: 11px;
             top: 16px
         }
         .menu-content {
             width: 100%;
             height: 100%;
             position: fixed;
             top: 0;
             left: 100%;
             z-index: 80;
             background-color: #87b259;
             transition: all .5s
         }
         #menu-btn-check:checked~.menu-content {
             left: 0
         }
         .accordion-item {
             width: 70%;
             margin: 0 auto;
             cursor: pointer;
             margin-top: 30px;
             border-bottom: 1px solid #ddba4d
         }
         .accordion-header {
             transition: ease-in-out .1s
         }
         .accordion-text {
             width: 70%;
             display: none;
             padding-top: 5px;
             padding-bottom: 20px;
             margin: 0 auto
         }
         .fa {
             transition: ease-in-out .3s
         }
         .rotate-fa {
             transform: rotate(180deg)
         }
         .accordion-header .fa {
             float: right;
             line-height: 35px
         }
         .accordion-gold {
             color: #ddba4d
         }
         .accordion-no-bar {
             border-bottom: 0
         }
         @media screen and (max-width:640px) {
             #accordion {
                 margin-top: 70px
             }
         }
         .acd-check:checked+.acd-label+.acd-content {
             height: 80px;
             opacity: 1;
             padding: 10px;
             visibility: visible
         }
         .acd-check_h:checked+.acd-label+.acd-content {
             height: 150px;
             opacity: 1;
             visibility: visible
         }
         .cp_actab {
             position: relative;
             overflow: hidden;
             width: 100%;
             margin: 0 auto;
             color: #fff
         }
         .cp_actab input {
             position: absolute;
             z-index: -1;
             opacity: 0
         }
         .cp_actab label {
             font-weight: 700;
             position: relative;
             display: block;
             padding: 8px 25px;
             cursor: pointer;
             margin: 0;
             border-bottom: 1px solid #fff;
             border-collapse: collapse
         }
         .cp_actab .cp_actab-content {
             overflow: hidden;
             max-height: 0;
             -webkit-transition: max-height .35s;
             transition: max-height .35s
         }
         .cp_actab input:checked~.cp_actab-content {
             -webkit-transition: all ease-in-out 1s;
             transition: all ease-in-out 1s;
             transition-duration: 3s ease-in-out
         }
         .arrow label::after {
             -webkit-transition: all .35s;
             transition: all .35s;
             text-align: center
         }
         .arrow input[type=checkbox]+label::after {
             content: '';
             width: 6px;
             height: 6px;
             border: 0;
             border-top: solid 2px #fff;
             border-right: solid 2px #fff;
             -ms-transform: rotate(45deg);
             -webkit-transform: rotate(45deg);
             transform: rotate(45deg);
             position: absolute;
             top: 50% !important;
             right: 40px;
             margin-top: -4px
         }
         .arrow input[type=checkbox]:checked+label::after {
             transform: rotate(180deg)
         }
         .cp_actab-content {
             transition: all 3s
         }
         .child {
             text-indent: 12px;
             margin: 0;
             color: #fff;
             text-decoration: none;
             padding: 7px 0
         }
         .tab-six a {
             color: #fff;
             text-decoration: none !important
         }
         .sangyoi-gfaff {
             border-style: solid;
             float: center;
             text-align: left;
             width: 100%
         }
         .sangyoi-gfaff .grafftit {
             background-color: #519cb2;
             border-style: solid;
             text-align: center;
             font-weight: 700;
             color: #fff
         }
         .sangyoi-gfaff .grafftit2 {
             background-color: green;
             border-style: solid;
             text-align: center;
             font-weight: 700;
             color: #fff;
             font-size: 1.3em
         }
         .sangyoi-gfaff .grafftext {
             background-color: #fff;
             border: 1px solid #ccc;
             text-align: center;
             font-size: 12px
         }
         .sangyoi-gfaff .grafftext2 {
             padding: 10px;
             text-align: center;
             font-size: 1.1em
         }
         .sangyoi-gfaff .grafftext3 {
             color: #519cb2;
             font-weight: 700;
             padding: 10px;
             text-align: left;
             font-size: 1.3em
         }
         .sangyoi-gfaff .grafftext4 {
             color: green;
             font-weight: 700;
             padding: 10px;
             text-align: center;
             font-size: 1.3em
         }
         .sangyoi-gfaff .grafftext5 {
             padding: 10px;
             text-align: center;
             font-size: 1.1em
         }
         @media screen and (max-width:640px) {
             .left_img {
                 float: none !important;
                 text-align: center
             }
         }
         .main_text .left_img {
             height: auto;
             width: auto;
             float: left;
             padding-top: 2em;
             margin-bottom: 20px;
             overflow: hidden
         }
         .main_text .st_img {
             height: auto;
             width: auto;
             margin: 1em auto;
             overflow: hidden;
             text-align: center
         }
         .right_text {
             float: left;
             height: auto;
             width: 364px;
             margin-top: 40px;
             margin-bottom: 35px;
             line-height: 1.8em;
             padding: 1em .6em 1em
         }
         .yuugai-gfaff {
             border: 1px solid #dfdfdf;
             color: #000;
             margin-top: 6px
         }
         .grafftit {
             background-color: #8cd385;
             padding: 3px;
             text-align: center;
             font-weight: 700;
             color: #fff;
             font-size: 12px
         }
         .point_tit {
             font-weight: 700;
             padding-top: 11px;
             padding-left: 38px;
             color: #310f00;
             font-size: 13px
         }
         .main_text_midashi {
             color: #5a5a5a;
             padding: .8em 1em .8em
         }
         .sangyouitoha_top_banner {
             display: flex;
             width: 670px;
             margin: 0 auto;
         }