.orange {
    background: #F28F1E!important;
}

.upper-contents {
    padding:0 60px;
}
.help-main-title {
    font-size:32px;
    margin:30px 0 10px 0;
}
.index-wrapper {
    width:100%;
    max-width:1000px;
    display:flex;
    margin:0 auto;
    justify-content: space-between;
}
.index-inner {
    display:flex;
    align-items:center;
    justify-content:center;
    width:32%;
    height:calc(100vw / 150 * 10);
    max-height:75px;
    border:1px solid #F9B81C;
    border-radius:10px;
    transition:all 0.6s
}
.index-inner:nth-child(1):hover,
.index-inner:nth-child(2):hover,
.index-inner:nth-child(3):hover {
    color:#fff;
    background:#F9B81C;
}

.nav-wrapper {
    display: flex;
    flex-wrap:wrap;
    align-items: center;
    justify-content:space-between;
    max-width:800px;
    border:2px solid #F9B81C;
    border-radius:20px;
    margin:0 auto;
    padding:20px 30px;
}
.nav-wrapper-text {
    width:285px;
    font-size:29px;
    text-align:center;
    line-height:1.2;
}
.nav-wrapper-btn {
    display:flex;
    align-items: center;
    justify-content: center;
    width:285px;
    height:80px;
    font-size:28px;
    color:#fff;
    background:#F9B81C;
    border-radius:16px;
    transition:all 0.6s;
}
.nav-wrapper-btn:hover {
    color:#333;
    background: #fff;
    border:2px solid #F9B81C;
}
.contents-title-wrapper {
    padding-top:140px;
    margin-top:-140px;
}
.help-contents-title {
    font-size:28px;
    padding:20px 0;
    background-image: url(./images-help/belt-long.jpg);
    background-repeat: repeat;
    text-align:center;
    letter-spacing: 0.4em;
    margin:20px 0; 
}
.help-contents-wrapper {
    padding:0 60px;
}
.help-accordion-title {
    position:relative;
    font-size:28px;
    text-align:center;
    color:#fff;
    background:#F9B81C ;
    padding:10px 0;
    cursor:pointer;
}
.help-accordion-title::before,
.help-accordion-title::after {
    position:absolute;
    content:"";
    width:20px;
    height:4px;
    background: #333;
}
.help-accordion-title::before {
    top:25px;
    right:30px;
    transform-origin: right;
    transform:rotate(-45deg);
}
.help-accordion-title::after {
    top:25px;
    right:36px;
    transform-origin: left;
    transform:rotate(45deg);
}
.help-accordion-title.close::before {
    top:35px;
    right:30px;
    transform-origin: right;
    transform:rotate(45deg);
}
.help-accordion-title.close::after {
    top:35px;
    right:36px;
    transform-origin: left;
    transform:rotate(-45deg);
}

.help-accordion-box {
    padding:80px 0;
    border:1px solid #F9B81C;
    display:none;
}

.flex-wrapper5 {
    display:flex;
    width:calc(100vw / 14 * 10);
    margin:30px auto;
}
.flex-wrapper5 .inner1 {
    width:50%;
    padding-right:calc(100vw / 40);
}
.flex-wrapper5 .inner1 .title {
    font-size:calc(100vw / 60);
    margin-bottom:0.5em;
}
.flex-wrapper5 .inner1 .text {
    font-size:calc(100vw / 85);
}
.flex-wrapper5 .inner2 {
    width:50%;
    border:1px solid #b5b4b4;
    box-shadow: 3px 3px 5px #808080;
}
.flex-wrapper5 .inner2 .inner3 {
    height:0;
    overflow: hidden;
    position:relative;
    padding-bottom:56.25%;
}
.flex-wrapper5 .inner2 .inner3 iframe {
    width:100%;
    height:100%;
    top:0;
    left:0;
    position:absolute;
}

/*鋭意制作中ページのcss*/
.under-construction-wrapper {
    position:relative;
}
.under-construction-wrapper img {
    display: block;
    width:100%;
    height:calc(100vw * 4 / 10);
    object-fit: cover;
}
.construction-text {
    width:100%;
    position:absolute;
    top:8vw;
    left:50%;
    transform: translateX(-50%);
    color:#fff;
    text-align:center;
}
.construction-text h1 {
    color:#fff;
    font-size:calc(100vw / 25);
}
.construction-text p {
    color:#fff;
    font-size:calc(100vw / 40);
}

/*文字のアニメーションcss*/
.sa-text {
    opacity:0;
    -webkit-transition:all 1s;
    -o-transition:all 1s;
    transition:all 1s;
}
.eachTextAnime span {
    opacity: 0;
}
.eachTextAnime.appeartext span {
    -webkit-animation:text_anime_on 1s ease-out forwards;
            animation:text_anime_on 1s ease-out forwards;
    
}
@-webkit-keyframes text_anime_on {
    0% {
        opacity:0;
    }
    100% {
        opacity:1;
    }
}
@keyframes text_anime_on {
    0% {
        opacity:0;
    }
    100% {
        opacity:1;
    }
}