.cta_btn10 {
    position: relative;
    z-index: 3;
    opacity: 0;
  -webkit-animation: 0.8s ease-in-out 0.3s forwards normal opani;
  animation: 0.8s ease-in-out 0.3s forwards normal opani;
}
@-webkit-keyframes opani {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes opani {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.cta_btn10 summary {
  cursor: pointer;
}
.cta_btn10 details {
    padding: 0.75vw 2vw;
    position: fixed;
    right: 0;
    bottom: 0;
    background: #e35b30;
    color: #fff;
    z-index: 3;
}

.cta_btn10 summary {
    list-style: none;
    position: relative;
    cursor: pointer;
    padding-right: 6vw;
    font-size: 1.35vw;
    font-weight: bold;
}

.cta_btn10 summary::-webkit-details-marker {
  display: none;
}

.cta_btn10 summary::after {
    content: '+';
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    transition: transform 0.5s;
    font-size: 2vw;
}

.cta_btn10 details[open] summary::after {
  transform: translateY(-50%) rotate(45deg);
}

.cta_btn10_box {
  text-align: center;
    margin-top: 0.75vw;
}
.cta_btn10_box p  {
    margin-top: 0.3vw;
    color: #fff;
    font-size: 1.15vw;
    font-weight: 600;
}
.cta_btn10_box p span {
    font-size: 1.6em;
    line-height: 100%;
}
.cta_btn10_box p a {
    color: #fff;
}

.cta_btn10_link a {
    display: block;
    color: #e35b30;
    background: #fff;
    padding: 0.5vw 1vw;
    font-size: 1.25vw;
    font-weight: bold;
    text-decoration: none;
    border-radius: 100vh;
    border: 4px double #e35b30;
    transition: 0.5s;
}

/* マウスオーバーした際のデザイン */
.cta_btn10_link a:hover {
    opacity: 0.8;
}


.unit .left .logo a .b {
    display: none;
}
.unit.on .left .logo a .w {
    display: none;
}
.unit.on .left .logo a .b {
    display: block;
}
.unit .right .menu_botton span {
    background-color: #ffffff;
}
.unit.on .right .menu_botton span {
    background-color: #000;
}
.fadein {
    opacity: 0;
    transform: translate(0px,20px);
  transition: all ease 0.4s 0s;
  -webkit-transition: all ease 0.4s 0s;
  -moz-transition: all ease 0.4s 0s;
}
.fadein.on {
    opacity: 1;
    transform: translate(0px,0);
}
.popup {
    opacity: 0;
    transform: scale(0.5);
  transition: all ease 0.4s 0s;
  -webkit-transition: all ease 0.4s 0s;
  -moz-transition: all ease 0.4s 0s;
}
.popup.on {
    opacity: 1;
    transform: scale(1);
}
.hinabe {
font-family: "source-han-sans-japanese", sans-serif;
font-weight: 500;
font-style: normal;
}
.midasi-fo {
font-family: "source-han-sans-japanese", sans-serif;
font-weight: 700;
font-style: normal;
}
#hinabe_fv {
    position: relative;
    z-index: 1;
    height: 36vw;
}
#hinabe_fv::before {
    content: "";
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 36vw;
    background-image: url("../img/hinabe/bg_red.jpg");
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: center;
    top: 0;
}
#hinabe_fv .img {
    width: 48.2%;
    margin: 0 auto;
    position: absolute;
    z-index: 1;
    left: 0;
    top: 3.6vw;
    right: 0;
    transform: scale(0);
  transition: all ease 0.8s 0s;
  -webkit-transition: all ease 0.8s 0s;
  -moz-transition: all ease 0.8s 0s;
}
#hinabe_fv.on .img {
    transform: scale(1);
}
#hinabe_fv .img::before {
    content: "";
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    bottom: 26%;
    right: 28%;
    opacity: 1;
    background-image: url("../img/hinabe/product-ef.png");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;
  -webkit-animation: 10s ease-in-out 0s infinite forwards normal yuge-ani;
  animation: 10s ease-in-out 0s infinite forwards normal yuge-ani;
}
#hinabe_fv .img::after {
    content: "";
    position: absolute;
    z-index: 1;
    width: 90%;
    height: 90%;
    top: 26%;
    left: 28%;
    opacity: 1;
    background-image: url("../img/hinabe/product-ef.png");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;
  -webkit-animation: 9s ease-in-out 0s infinite forwards normal yuge-ani2;
  animation: 9s ease-in-out 0s infinite forwards normal yuge-ani2;
}
@-webkit-keyframes yuge-ani {
  0% {
    opacity: 1;
    width: 100%;
    height: 100%;
  }
  25% {
	  opacity:0.5;
    width: 85%;
    height: 95%;
  }
  50% {
    opacity: 1;
    width: 95%;
    height: 85%;
  }
  75% {
	  opacity:0.7;
    width: 90%;
    height: 90%;
  }
  100% {
    opacity: 1;
    width: 100%;
    height: 100%;
  }
}
@keyframes yuge-ani {
  0% {
    opacity: 1;
    width: 100%;
    height: 100%;
  }
  25% {
	  opacity:0.5;
    width: 85%;
    height: 95%;
  }
  50% {
    opacity: 1;
    width: 95%;
    height: 85%;
  }
  75% {
	  opacity:0.7;
    width: 90%;
    height: 90%;
  }
  100% {
    opacity: 1;
    width: 100%;
    height: 100%;
  }
}
@-webkit-keyframes yuge-ani2 {
  0% {
    opacity: 1;
    width: 90%;
    height: 90%;
  }
  25% {
	  opacity:0.5;
    width: 85%;
    height: 95%;
  }
  50% {
    opacity: 1;
    width: 92%;
    height: 85%;
  }
  75% {
	  opacity:0.7;
    width: 95%;
    height: 95%;
  }
  100% {
    opacity: 1;
    width: 90%;
    height: 90%;
  }
}
@keyframes yuge-ani2 {
  0% {
	  opacity:1;
    width: 90%;
    height: 90%;
  }
  25% {
	  opacity:0.5;
    width: 85%;
    height: 95%;
  }
  50% {
	  opacity:1;
    width: 92%;
    height: 85%;
  }
  75% {
	  opacity:0.7;
    width: 95%;
    height: 95%;
  }
  100% {
	  opacity:1;
    width: 90%;
    height: 90%;
  }
}
#hinabe_fv .img img {
}
#hinabe_fv .txt {
}
#hinabe_fv .txt span {
    position: absolute;
    z-index: -1;
    line-height: 100%;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    color: #fff;
    transform: scale(0);
}
#hinabe_fv .txt span:nth-of-type(1),
#hinabe_fv .txt span:nth-of-type(2) {
    left: 0;
    right: 0;
    margin: auto;
    top: 0;
    bottom: 0;
    font-size: 16.4vw;
  transition: all ease 0.5s 0.3s;
  -webkit-transition: all ease 0.5s 0.3s;
  -moz-transition: all ease 0.5s 0.3s;
}
#hinabe_fv .txt span:nth-of-type(3), 
#hinabe_fv .txt span:nth-of-type(4) {
    font-size: 10.5vw;
    letter-spacing: -1.1vw;
  transition: all ease 0.5s 0.5s;
  -webkit-transition: all ease 0.5s 0.5s;
  -moz-transition: all ease 0.5s 0.5s;
}
#hinabe_fv.on .txt span:nth-of-type(1),
#hinabe_fv.on .txt span:nth-of-type(2) {
    transform: scale(1);
}
#hinabe_fv.on .txt span:nth-of-type(3), 
#hinabe_fv.on .txt span:nth-of-type(4) {
    transform: scale(1);
}
#hinabe_fv .txt span:nth-of-type(1),
#hinabe_fv .txt span:nth-of-type(3) {
    right: 0;
}
#hinabe_fv .txt span:nth-of-type(2), 
#hinabe_fv .txt span:nth-of-type(4) {
    left: 0;
}
#hinabe_fv .txt span:nth-of-type(1) {
    left: 0;
    margin: auto;
    top: 0vw;
    bottom: 13.6vw;
}
#hinabe_fv .txt span:nth-of-type(2) {
    right: 0;
    margin: auto;
    top: 0vw;
    bottom: 13.6vw;
}
#hinabe_fv .txt span:nth-of-type(3) {
    left: 0;
    margin: auto;
    top: 16.4vw;
    bottom: 0;
}
#hinabe_fv .txt span:nth-of-type(4) {
    right: 0;
    margin: auto;
    top: 16.4vw;
    bottom: 0;
}
#hinabe_fv.on .txt span:nth-of-type(1) {
    right: 43.7vw;
}
#hinabe_fv.on .txt span:nth-of-type(2) {
    left: 46.0vw;
}
#hinabe_fv.on .txt span:nth-of-type(3) {
    right: 67.9vw;
}
#hinabe_fv.on .txt span:nth-of-type(4) {
    left: 66.0vw;
}
#hinabe_01 {
    background-color: #bb660a;
    padding: 12vw 0 9.5vw;
    position: relative;
    z-index: -1;
}
#hinabe_01::before {
    content: "";
    position: fixed;
    z-index: -1;
    background-image: url(../img/hinabe/hinabe_01bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0.29;
}
#hinabe_01 .inbox {
    width: 73%;
    margin: 0 auto;
}
#hinabe_01 .inbox h2 {
    text-align: center;
    font-size: 2.5vw;
    letter-spacing: -0.01vw;
    line-height: 145%;
    color: #fff;
    font-feature-settings: "palt";
}
#hinabe_01 .inbox .flex {
    margin-top: 4.2vw;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
}
#hinabe_01 .inbox .flex .txt {
    width: 61%;
}
#hinabe_01 .inbox .flex .txt h3 {
    font-size: 1.64vw;
    color: #fff;
        font-feature-settings: "palt";
}
#hinabe_01 .inbox .flex .txt p {
    font-size: 1.15vw;
    line-height: 203%;
    margin-top: 0.6vw;
    color: #fff;
    font-feature-settings: "palt";
}
#hinabe_01 .inbox .flex .img {
    width: 34.3%;
}
#hinabe_02 {
    background-color: #fdf9f0;
    padding: 11.8vw 0 10.1vw;
    overflow: hidden;
}
#hinabe_02 .inbox {
    width: 73%;
    margin: 0 auto;
}
#hinabe_02 .inbox .flex {
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    position: relative;
    z-index: 0;
    padding: 4.5px;
    border: 4px solid #e60012;
}
#hinabe_02 .inbox .flex .txt::before,
#hinabe_02 .inbox .flex .txt::after,
#hinabe_02 .inbox .flex::before,
#hinabe_02 .inbox .flex::after {
    content: "";
    position: absolute;
    z-index: -1;
    background-image: url("../img/hinabe/frame-kado1.jpg");
    background-position: center;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    width: 40px;
    height: 40px;
}
#hinabe_02 .inbox .flex::before {
    top: -4px;
    left: -4px;
}
#hinabe_02 .inbox .flex::after {
    bottom: -4px;
    left: -4px;
    transform: rotate(270deg);
}
#hinabe_02 .inbox .flex .txt::before {
    top: -4px;
    right: -4px;
    transform: rotate(90deg);
}
#hinabe_02 .inbox .flex .txt::after {
    bottom: -4px;
    right: -4px;
    transform: rotate(180deg);
}
#hinabe_02 .inbox .flex .txt {
    padding-left: 2.4vw;
    border: 4px solid #e60012;
    width: 100%;
    height: 32.8vw;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}
#hinabe_02 .inbox .flex .txt h3 {
    font-size: 2.85vw;
}
#hinabe_02 .inbox .flex .txt p {
    font-size: 1.42vw;
}
#hinabe_02 .inbox .flex .txt .price {
    font-size: 4.9vw;
    letter-spacing: 0.30vw;
    line-height: 100%;
    margin: 0.8vw 0 0.3vw;
}
#hinabe_02 .inbox .flex .txt .price span {
    font-size: 0.75em;
}
#hinabe_02 .inbox .flex .txt .price small {
    font-size: 0.5em;
    letter-spacing: 0;
    margin-left: -1.6vw;
}
#hinabe_02 .inbox .flex .img {
    position: absolute;
    z-index: 1;
    width: 64%;
    right: -9%;
    top: -10%;
}
#hinabe_02 .img::before {
    content: "";
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    bottom: 26%;
    right: 28%;
    opacity: 1;
    background-image: url("../img/hinabe/product-ef.png");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;
  -webkit-animation: 10s ease-in-out 0s infinite forwards normal yuge-ani;
  animation: 10s ease-in-out 0s infinite forwards normal yuge-ani;
}
#hinabe_02 .img::after {
    content: "";
    position: absolute;
    z-index: 1;
    width: 90%;
    height: 90%;
    top: 26%;
    left: 28%;
    opacity: 1;
    background-image: url("../img/hinabe/product-ef.png");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;
  -webkit-animation: 9s ease-in-out 0s infinite forwards normal yuge-ani2;
  animation: 9s ease-in-out 0s infinite forwards normal yuge-ani2;
}
#hinabe_03 {
    background-image: url("../img/hinabe/hinabe_03_bg.jpg");
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: center;
    padding: 5.3vw 0;
}
#hinabe_03 .inbox {
    width: 62.5%;
    margin: 0 auto;
    background-color: #fdf9f0;
    position: relative;
    z-index: 0;
}
#hinabe_03 .inbox {
    width: 62.5%;
    margin: 0 auto;
    background-color: #fdf9f0;
    position: relative;
    z-index: 0;
    padding: 4.5px;
    border: 4px solid #923627;
}
#hinabe_03 .inbox .flex {
    border: 4px solid #923627;
    padding: 3.5vw 1.05vw 5.4vw;
}
#hinabe_03 .inbox .flex::before,
#hinabe_03 .inbox .flex::after,
#hinabe_03 .inbox::before,
#hinabe_03 .inbox::after {
    content: "";
    position: absolute;
    z-index: -1;
    background-image: url("../img/hinabe/frame-kado2.jpg");
    background-position: center;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    width: 40px;
    height: 40px;
}
#hinabe_03 .inbox::before {
    top: -4px;
    left: -4px;
}
#hinabe_03 .inbox::after {
    bottom: -4px;
    left: -4px;
    transform: rotate(270deg);
}
#hinabe_03 .inbox .flex::before {
    top: -4px;
    right: -4px;
    transform: rotate(90deg);
}
#hinabe_03 .inbox .flex::after {
    bottom: -4px;
    right: -4px;
    transform: rotate(180deg);
}
#hinabe_03 .inbox .ti {
}
#hinabe_03 .inbox .ti p {
    text-align: center;
    font-size: 1.25vw;
    color: #923627;
}
#hinabe_03 .inbox .ti h2 {
    width: 19.5vw;
    margin: 0 auto;
    text-align: center;
    color: #fff;
    background-color: #212121;
    margin-top: 1.5vw;
    font-size: 1.8vw;
    padding: 0.5vw 0;
    position: relative;
    z-index: 0;
}
#hinabe_03 .inbox .ti h2::before,
#hinabe_03 .inbox .ti h2::after {
    content: "";
    position: absolute;
    z-index: -1;
    height: 100%;
    width: 1vw;
    background-image: url(../img/hinabe/hinabe_03_ti.png);
    top: 0;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;
}
#hinabe_03 .inbox .ti h2::before {
    left: -0.95vw;
}
#hinabe_03 .inbox .ti h2::after {
    transform: rotate(180deg);
    right: -0.95vw;
}
#hinabe_03 .inbox .ti h2 span {
    display: block;
}
#hinabe_03 .inbox .ti h2 span::before,
#hinabe_03 .inbox .ti h2 span::after {
    content: "";
    position: absolute;
    z-index: -1;
    width: 0.5vw;
    height: 0.5vw;
    top: 0;
    bottom: 0;
    margin: auto;
    border-radius: 50%;
    background-color: #fff;
}
#hinabe_03 .inbox .ti h2 span::before {
    left: 1.3vw;
}
#hinabe_03 .inbox .ti h2 span::after {
    right: 1.3vw;
}
#hinabe_03 .inbox .flow {
    margin-top: 3.3vw;
}
#hinabe_03 .inbox .flow dl {
    position: relative;
    z-index: 0;
}
#hinabe_03 .inbox .flow dl::before {
    content: "";
    position: absolute;
    z-index: -1;
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: center;
}
#hinabe_03 .inbox .flow dl:nth-of-type(1)::before {
    background-image: url(../img/hinabe/hinabe_03_img01.png);
    right: 4%;
    top: 7%;
    width: 18%;
    height: 100%;
}
#hinabe_03 .inbox .flow dl:nth-of-type(2)::before {
    background-image: url(../img/hinabe/hinabe_03_img02.png);
    right: 11%;
    top: -3%;
    width: 12.5%;
    height: 100%;
}
#hinabe_03 .inbox .flow dl:nth-of-type(3)::before {
    background-image: url(../img/hinabe/hinabe_03_img03.png);
    right: 14.8%;
    top: -12%;
    width: 9.4%;
    height: 126%;
}
#hinabe_03 .inbox .flow dl:not(:last-of-type) {
    margin-bottom: 3vw;
}
#hinabe_03 .inbox .flow dl dt {
    color: #923627;
    font-size: 1.45vw;
}
#hinabe_03 .inbox .flow dl dd {
    font-size: 1.125vw;
    margin-top: 0.6vw;
    font-feature-settings: "palt";
}
#hinabe_03 .inbox .flow dl dd .coler_txt {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    font-size: 1.2vw;
    margin-top: 0.85vw;
    font-feature-settings: "palt";
}
#hinabe_03 .inbox .flow dl dd .coler_txt p {
    font-weight: 600;
}
#hinabe_03 .inbox .flow dl dd .coler_txt p:nth-of-type(1) {
    color: #ba5209;
    margin-right: 2.1vw;
}
#hinabe_03 .inbox .flow dl dd .coler_txt p:nth-of-type(2) {
    color: #ba5209;
}
#hinabe_03 .inbox .flow dl dd .coler_txt p span {
    padding: 0.05vw 1.27vw;
    margin-right: 0.9vw;
}
#hinabe_03 .inbox .flow dl dd .coler_txt p:nth-of-type(1) span {
    color: #ba5209;
    border: 1px solid #ba5209;
}
#hinabe_03 .inbox .flow dl dd .coler_txt p:nth-of-type(2) span {
    border: 1px solid #ba5209;
    background-color: #ba5209;
    color: #fff;
}
#hinabe_04 {
    background: #fefcf0;
    padding: 8.4vw 0 13vw;
}
#hinabe_04 .inbox {
    width: 61.6%;
    margin: 0 auto;
}
#hinabe_04 .inbox .ti {
}
#hinabe_04 .inbox .ti h2 {
    width: 48.5%;
    margin: 0 auto;
}
#hinabe_04 .inbox .ti p {
    text-align: center;
    margin-top: 1.7vw;
    font-size: 1.15vw;
    font-feature-settings: "palt";
}
#hinabe_04 .inbox .list {
}
#hinabe_04 .inbox .list h3 {
    width: 16%;
    margin: 2.4vw auto 1.7vw;
}
#hinabe_04 .inbox .list ul {
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}
#hinabe_04 .inbox .list ul li {
    color: #219251;
    font-weight: 600;
    font-size: 1.08vw;
    position: relative;
    z-index: 0;
    font-feature-settings: "palt";
}
#hinabe_04 .inbox .list ul li:not(:last-of-type)::after {
    content: "・";
    z-index: -1;
    width: 100%;
    height: 100%;
}
#hinabe_04 .inbox .img {
    margin-top: 4.5vw;
}
@media screen and (min-width:1100px) {
}
@media screen and (max-width:800px) {
.unit .left .logo a .b {
    display: block;
}
.unit .left .logo a .w {
    display: none;
}
.unit .right .menu_botton span {
    background-color: #000;
}
#hinabe_fv {
    height: 80vw;
}
#hinabe_fv::before {
    height: 100%;
    background-size: auto 100%;
}
#hinabe_fv .img {
    width: 87.2%;
    left: -60%;
    top: 18.6vw;
}
#hinabe_fv .txt {
    position: absolute;
        bottom: 15vw;
    right: 0;
    z-index: 1;
        width: 59%;
}
#hinabe_fv .txt span:nth-of-type(3), #hinabe_fv .txt span:nth-of-type(4) {
        font-size: 9.8vw;
}
#hinabe_fv .txt span:nth-of-type(1), #hinabe_fv .txt span:nth-of-type(2) {
        font-size: 14vw;
}
#hinabe_fv .txt span {
    position: unset;
    display: inline-block;
}
#hinabe_01 {
    padding: 24vw 0 24.5vw;
}
#hinabe_01 .inbox {
    width: 88%;
}
#hinabe_01 .inbox h2 {
        font-size: 6vw;
}
#hinabe_01 .inbox .flex {
    margin-top: 10.2vw;
}
#hinabe_01 .inbox .flex .txt {
    width: 100%;
}
#hinabe_01 .inbox .flex .img {
    width: 100%;
    margin-top: 6vw;
}
#hinabe_01 .inbox .flex .txt h3 {
        font-size: 5.25vw;
}
#hinabe_01 .inbox .flex .txt p {
    font-size: 3.5vw;
    margin-top: 3.6vw;
}
#hinabe_02 {
    padding: 15.8vw 0 15.1vw;
}
#hinabe_02 .inbox {
    width: 88%;
}
#hinabe_02 .inbox .flex .txt::before, #hinabe_02 .inbox .flex .txt::after, #hinabe_02 .inbox .flex::before, #hinabe_02 .inbox .flex::after {
    width: 20px;
    height: 20px;
}
#hinabe_02 .inbox .flex::before {
    top: -2px;
    left: -2px;
}
#hinabe_02 .inbox .flex::after {
    bottom: -2px;
    left: -2px;
}
#hinabe_02 .inbox .flex .txt::before {
    top: -2px;
    right: -2px;
}
#hinabe_02 .inbox .flex .txt::after {
    bottom: -2px;
    right: -2px;
}
#hinabe_02 .inbox .flex {
    padding: 2px;
    border: 2px solid #e60012;
}
#hinabe_02 .inbox .flex .txt {
    padding-left: 2.4vw;
    border: 2px solid #e60012;
        height: 63.8vw;
}
#hinabe_02 .inbox .flex .txt h3 {
    font-size: 6.85vw;
    z-index: 1;
        text-shadow: 0px 0px 3px #fdf9f0;
}
#hinabe_02 .inbox .flex .txt .price {
    font-size: 8.9vw;
    margin: 2.8vw 0 2.3vw;
    z-index: 1;
        text-shadow: 0px 0px 3px #fdf9f0;
}
#hinabe_02 .inbox .flex .txt p {
    font-size: 3.5vw;
    z-index: 1;
        text-shadow: 0px 0px 3px #fdf9f0;
}
#hinabe_02 .inbox .flex .img {
    z-index: 0;
    width: 94%;
    right: -26%;
    top: -4%;
}
#hinabe_03 {
    padding: 12.3vw 0;
    background-size: cover;
}
#hinabe_03 .inbox {
    width: 88%;
    padding: 2px;
    border: 2px solid #923627;
}
#hinabe_03 .inbox .flex::before, #hinabe_03 .inbox .flex::after, #hinabe_03 .inbox::before, #hinabe_03 .inbox::after {
    width: 20px;
    height: 20px;
}
#hinabe_03 .inbox::before {
    top: -2px;
    left: -2px;
}
#hinabe_03 .inbox::after {
    bottom: -2px;
    left: -2px;
}
#hinabe_03 .inbox .flex {
    border: 2px solid #923627;
    padding: 8.5vw 3.05vw 8.4vw;
}
#hinabe_03 .inbox .flex::before {
    top: -2px;
    right: -2px;
}
#hinabe_03 .inbox .flex::after {
    bottom: -2px;
    right: -2px;
}
#hinabe_03 .inbox .ti p {
    font-size: 3.7vw;
}
#hinabe_03 .inbox .ti h2 {
    width: 45.5vw;
    margin-top: 2.5vw;
    font-size: 4.8vw;
    padding: 1.3vw 0;
}
#hinabe_03 .inbox .ti h2::before, #hinabe_03 .inbox .ti h2::after {
    width: 3.2vw;
}
#hinabe_03 .inbox .ti h2::before {
    left: -3.0vw;
}
#hinabe_03 .inbox .ti h2::after {
    right: -3vw;
}
#hinabe_03 .inbox .ti h2 span::before, #hinabe_03 .inbox .ti h2 span::after {
    width: 1.5vw;
    height: 1.5vw;
}
#hinabe_03 .inbox .ti h2 span::before {
    left: 2.3vw;
}
#hinabe_03 .inbox .ti h2 span::after {
    right: 2.3vw;
}
#hinabe_03 .inbox .flow {
    margin-top: 9.3vw;
}
#hinabe_03 .inbox .flow dl:not(:last-of-type) {
    margin-bottom: 7vw;
}
#hinabe_03 .inbox .flow dl dt {
    font-size: 5.25vw;
}
#hinabe_03 .inbox .flow dl dd {
    font-size: 3.5vw;
    margin-top: 2.6vw;
}
#hinabe_03 .inbox .flow dl dd .coler_txt {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    margin-top: 3.85vw;
    flex-direction: column;
    font-size: 3.5vw;
}
#hinabe_03 .inbox .flow dl dd .coler_txt p:nth-of-type(1) {
    margin-right: 0;
    margin-bottom: 1.8vw;
}
#hinabe_03 .inbox .flow dl dd .coler_txt p span {
    margin-right: 1.9vw;
}
#hinabe_03 .inbox .flow dl:nth-of-type(1)::before {
    right: 4%;
    top: 37%;
    width: 30%;
    height: 100%;
}
#hinabe_03 .inbox .flow dl:nth-of-type(2)::before {
    right: 3%;
    top: 23%;
    width: 20.5%;
    height: 100%;
}
#hinabe_03 .inbox .flow dl:nth-of-type(3)::before {
    right: 0.8%;
    top: 32%;
    width: 14.4%;
    height: 126%;
}
#hinabe_04 {
    padding: 14.4vw 0 18vw;
}
#hinabe_04 .inbox {
    width: 100%;
}
#hinabe_04 .inbox .ti,
#hinabe_04 .inbox .list {
    width: 88%;
    margin: 0 auto;
}
#hinabe_04 .inbox .ti h2 {
    width: 68.5%;
}
#hinabe_04 .inbox .ti p {
    margin-top: 4.7vw;
    font-size: 3.5vw;
}
#hinabe_04 .inbox .list h3 {
    width: 42%;
    margin: 5.4vw auto 3.7vw;
}
#hinabe_04 .inbox .list ul li {
    font-size: 3.8vw;
}
#hinabe_04 .inbox .img {
    margin-top: 7.5vw;
}
#hinabe_02 .inbox .movie {
        margin-bottom: 15vw;
}
#hinabe_02 .inbox .movie .ti {
        width: 68.5%;
    margin: 0 auto;
}
#hinabe_02 .inbox .movie .movie_box {
        width: 80%;
        margin: 5vw auto 0;
}
#hinabe_02 .inbox .movie .movie_box video {
        width: 100%;
}
.cta_btn10 summary {
        padding-right: 15vw;
    font-size: 4.05vw;
}
.cta_btn10 summary::after {
    font-size: 6vw;
}
.cta_btn10_box {
    margin-top: 2vw;
}
.cta_btn10_link a {
    padding: 2.0vw 4vw;
    font-size: 3.85vw;
}
.cta_btn10_box p {
    margin-top: 1.3vw;
    font-size: 3.55vw;
}
.cta_btn10 details {
    padding: 3.75vw 4vw;
}
}
@media screen and (max-width:500px) {
}