@charset "utf-8";

.header {
    max-width: 1920px;
    width: 100%;
    margin: 0 auto;
    position: relative;
    z-index: 9999;
    background: #fff;
}

.hBoxWr {
    padding: 8px 15px 8px;
}

.hBox {
    max-width: 1820px;
    width: 100%;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

.hPcLogo {
    max-width: 60px;
    width: 100%;
    margin: 0 auto;
}

.hNavWr {
    max-width: 700px;
    width: 100%;
    margin: 0 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.hNavLink {
    display: block;
    font-size: 16px;
    font-weight: bold;
    color: #444;
    transition: all .5s;
}

.hNavLink:hover {
    color: #ED7B1D;
}

.hNavDropMainNav {
    display: block;
    font-size: 16px;
    font-weight: bold;
    color: #444;
    cursor: pointer;
    transition: all .5s;
}

.hNavDropMainNav:hover {
    color: #ED7B1D;
}

.hDropNavArrow {
    max-width: 13px;
    width: 100%;
}

.hNavBoxLinksWrap {
    background-color: #fff;
    left: 50%;
    position: absolute;
    visibility: hidden;
    width: 470px;
    transform: translateX(-50%);
    top: 50px;
    margin: auto;
    border: 1px solid #F8B029;
    border-radius: 20px;
    padding: 46px 15px 50px;
    z-index: 100;
    opacity: 0;
    transition: all .5s;
}

.hNavBoxLinksWrap.show {
    visibility: visible;
    opacity: 1;
}

.hNavDropBox {
    position: relative;
}

.hNavBoxLinks {
    max-width: 384.5px;
    width: 100%;
    margin: 0 auto;
}

.hNavBoxLinks .hNavBoxLinksListSet:first-child {
    margin-top: 0;
}

.hNavBoxLinksListSet {
    margin-top: 36px;
}

.hDropNavSubTit {
    font-size: 18px;
    font-weight: bold;
    color: #ED7B1D;
    padding-bottom: 15px;
    border-bottom: 1px solid #A6C4CE;
}

.hDropNavLinkWr {
    margin-top: 22px;
}

.hDropNavLink {
    display: flex;
    align-items: center;
    gap: 15px;
    justify-content: space-between;
    font-size: 16px;
    font-weight: 500;
    color: #444;
    margin-top: 18px;
    transition: all .5s;
}

.hDropNavLinkWr .hDropNavLink:first-child {
    margin-top: 0;
}

.hDropNavLink>p {
    flex: 1;
}

.hDropNavLink:hover {
    color: #ED7B1D;
}

.hContentsBox {
    flex: 1;
    align-items: flex-end;
    justify-content: space-between;
    flex-direction: column-reverse;
    gap: 10px;
}

.hLinkWr {
    max-width: 480px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    margin: 0 0 0 30px;
}

.hLinkBtn {
    max-width: 320px;
    width: 100%;
    height: 55px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 30px;
    font-size: 14px;
    font-weight: bold;
    transition: all .5s;
    padding: 5px;
}

.hLinkBtn01 {
    background-color: #ED7B1D;
    color: #fff;
    gap: 14px;
}

.hLinkBtn02 {
    background-color: #F8B029;
    color: #fff;
    gap: 18px;
}

.hLinkBtn02:hover {
    background-color: #fdc458;
    color: #fff;
}

.hLinkBtn01:hover {
    background-color: #ed9044;
    color: #fff;
}

/*--is-animation--*/

.header.clone.is-animation {
    top: 0;
    transition: all .5s;
    visibility: visible;
    opacity: 1;
}

.header.clone {
    position: fixed;
    top: -130px;
    transition: all .5s;
    visibility: hidden;
    opacity: 0;
    background: #fff;
}

.header.clone .hPcLogo {
    max-width: 60px;
    display: none;
}

.hPcLogoScroll {
    max-width: 120px;
    display: none;
    align-items: center;
    justify-content: center;
    gap: 8%;
    margin: 0 auto;
}

.hPcLogoScrollImg01 {
    max-width: 92px;
    width: 38%;
    display: block;
}

.hPcLogoScrollImg02 {
    max-width: 115px;
    width: 55%;
    display: block;
}

.header.clone .hPcLogoScroll {
    display: flex;
}

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

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

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

} /* min-width: 375px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

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

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

  



/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

} /* min-width: 414px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

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

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
  

  
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

} /* min-width: 544px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

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

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

.hBox {
    justify-content: space-between;
}

.hPcLogo {
    max-width: 70px;
    margin: 0 30px 0 0;
}
  
.header.clone .hPcLogo {
    max-width: 70px;
}

.header.clone .hPcLogo {
    max-width: 70px;
}

.hPcLogoScroll {
    max-width: 120px;
    justify-content: space-between;
    margin: 0 20px 0 0;
} 
  
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

} /* min-width: 768px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

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

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
  


/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

} /* min-width: 992px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */


/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

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

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

.hNavLink {
    font-size: 16px;
}

.hNavDropMainNav {
    font-size: 16px;
}

.hNavBoxLinksWrap {
    width: 525px;
    top: 75px;
    padding: 46px 15px 50px;
}

.hDropNavSubTit {
    font-size: 20px;
}

.hDropNavLink {
    font-size: 18px;
    margin-top: 18px;
}
    
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

} /* min-width: 1024px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */


/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

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

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

.hContentsBox {
    align-items: center;
    justify-content: space-between;
    flex-direction: row;
}

.hPcLogo {
    max-width: 92px;
}

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

} /* min-width: 1200px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */


/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

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

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

.hLinkWr {
    max-width: 664px;
    width: 100%;
    gap: 24px;
    margin: 0 0 0 70px;
}

.hLinkBtn {
    max-width: 320px;
    height: 76px;
    border-radius: 38px;
    font-size: 20px;
}

.hNavLink {
    font-size: 20px;
}

.hNavDropMainNav {
    font-size: 20px;
}

.hNavWr {
    max-width: 839px;
}
  
.hPcLogoScroll {
    max-width: 160px;
    margin: 0 30px 0 0;
}

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

} /* min-width: 1600px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */