@charset "utf-8";
/*head*/
.gNav-menu > li{ padding: 0 24px;}
.gNav-menu > li:last-child{ padding-right: 0;}
header.pc_disp{ padding: 10px 0 !important;}
header.pc_disp .header_logo{ width: 140px !important;}
@media (max-width: 767px) {
header.sp_disp{ text-align: center; height: 10vw; padding: 2.5vw; box-sizing: border-box;}
header.sp_disp h1{ text-align: center; line-height: 0; margin: 0; padding: 0; width: auto;}
header.sp_disp img{ height: 5vw; margin: auto;}
}

.wrap{ padding-top: 150px;}
#largeha_head{ position: fixed; left: 0; right: 0; top: 55px; z-index: 999; background: #fab4c8; padding: 10px 20px; transition: 0.3s; box-shadow:rgba(0, 0, 0, 0.1) 0 0 10px 5px;}
#largeha_head.scroll{ top: 55px;}
#largeha_head .inner{ max-width: 1280px; min-width: 1000px; width: 100%;}
#largeha_head h1{ margin-right: 30px;}
#largeha_head h1 img{ height: 40px;}
#largeha_head .inner{ display: flex; align-items: center; justify-content: center; margin: auto;}
#largeha_head #largeha_gNav .gNav-menu li:first-child{ border-left: 1px solid #000;}
#largeha_head #largeha_gNav .gNav-menu li:last-child{ border-right: 1px solid #000; padding-right: 24px;}
#largeha_head .gNav-menu .toggle-menu li{ border: none !important;}
#largeha_head a{ color: inherit;}
@media (max-width: 767px) {
.wrap{ padding-top: 20vw;}
#largeha_head{ top: 10vw !important; padding: 2.5vw; box-sizing: border-box;}
#largeha_head *{ box-sizing: border-box;}
#largeha_head .inner{ max-width: 100%; min-width: 100%; width: 100%; justify-content: flex-start;}
#largeha_head h1{ margin: 0; padding: 0; line-height: 0; display: inline-block; position: static; width: auto;}
#largeha_head h1 img{ height: 7.5vw; width: auto; display: inline-block; margin: 0;}
#largeha_head .gNav-menu .toggle-menu li{ border: none !important;}

#largeha_head #largeha_gNav{ position: absolute; left: 0; right: 0; top: 10vw; width: 100%; height: auto; font-size: 3.5vw; transition: 0.3s; box-shadow:rgba(0, 0, 0, 0.1) 0 0 10px 5px;}
#largeha_head #largeha_gNav{ top: -100vw; opacity: 0;}
#largeha_head #largeha_gNav.open{ top: 12.5vw; opacity: 1.0;}
#largeha_head #largeha_gNav .gNav-menu{ width: 100%; display: flex; flex-wrap: nowrap; flex-direction: column; justify-content: flex-start; text-align: center;}
#largeha_head #largeha_gNav .gNav-menu li{ display: block; width: 100%; background: #FBFAF4; padding: 1em; border-top: 3px dotted #999;}
#largeha_head #largeha_gNav .gNav-menu li:first-child{ border-top: none;}
#largeha_head #largeha_gNav .gNav-menu li:last-child{ border-right: none; padding-right: 1em;}
#largeha_head #largeha_gNav .gNav-menu li li{ background: none; padding: 0; font-size: 3vw; margin: 0.25em auto;}
#largeha_head #largeha_gNav .gNav-menu li{ position: relative;}
#largeha_head #largeha_gNav .gNav-menu li .toggle-icon{ position: absolute; right: 1em; top: 1em; width: 3.5vw; height: 3.5vw; border: 0.625vw solid #000; border-left: none; border-top: none; transform: rotate(45deg); cursor: pointer; transition: 0.3s;}
#largeha_head #largeha_gNav .gNav-menu li .toggle-icon.is-open{ top: 1.25em; transform: rotate(-45deg) rotateX(180deg);}
#largeha_head #largeha_gNav .gNav-menu li a{ display: inline-block; padding : 0; color: inherit;}
#largeha_head #largeha_gNav .gNav-menu li li{ margin-top: 1em;}
#largeha_head #largeha_gNav .gNav-menu .toggle-menu{ display: none;}
}

/* ハンバーガーアイコン */
#largeha_head .btn-gNav{ position: absolute; top: 50%; transform: translateY(-50%); right: 2.5vw; width: 7.5vw; height: 5vw; z-index: 3; box-sizing: border-box; cursor: pointer; transition: all 400ms;}
#largeha_head .btn-gNav span{ position: absolute; width: 100%; height: 2px; background: #666; transition: all 400ms;}
#largeha_head .btn-gNav span:nth-child(1) { top:0; left: 0;}
#largeha_head .btn-gNav span:nth-child(2) { top: 50%; left: 0; transform: translateY(-50%)}
#largeha_head .btn-gNav span:nth-child(3) { bottom: 0; left: 0;}
#largeha_head .btn-gNav.open span:nth-child(1){ top: 2.5vw; transform: rotate(-45deg);}
#largeha_head .btn-gNav.open span:nth-child(2),
#largeha_head .btn-gNav.open span:nth-child(3){ top: 2.5vw; transform: rotate(45deg);}





/*フッター*/
@media (max-width: 767px) {
#fixed_bottom{ position: fixed; left: 0; right: 0; bottom: 0; width: 100%; background: #fff; z-index: 999; box-shadow:rgba(0, 0, 0, 0.1) 0 0 10px 5px;}
#fixed_bottom .fixed_bottom_menu ul{ display: flex; width: 100%;}
#fixed_bottom .fixed_bottom_menu ul li{ display: flex; align-items: center; justify-content: center; text-align: center; width: 42.5vw; height: 15vw; border-right: 1px solid #fff;}
#fixed_bottom .fixed_bottom_menu ul li:last-child{ border-right: none;}
#fixed_bottom .fixed_bottom_menu ul li:nth-child(1){ width: 47.5vw}
#fixed_bottom .fixed_bottom_menu ul li:nth-child(2){ width: 37.5vw;}
#fixed_bottom .fixed_bottom_menu ul li.btn-gNav{ width: 15vw; background: #ed7971;}
#fixed_bottom .fixed_bottom_menu ul li a{ color: inherit; display: flex; align-items: center; justify-content: center; width: 100%; height: 15vw; font-size: 3.5vw; line-height: 1.25em; font-weight: bold;}
#fixed_bottom .fixed_bottom_menu ul li:not(.btn-gNav) a{ background: #78abdc; color: #fff; opacity: 1.0;}
#fixed_bottom .fixed_bottom_menu ul li:not(.btn-gNav) a:hover{ opacity: 0.7;}
#fixed_bottom .fixed_bottom_menu ul li a i{ font-size: 150%; margin-right: 2.5vw;}
#fixed_bottom .fixed_bottom_menu ul li a p{ display: flex; align-items: center; justify-content: center; min-height: 2.5em;}
}

/* ハンバーガーアイコン */
#fixed_bottom ul li.btn-gNav{ position: relative;}
#fixed_bottom ul li.btn-gNav div{ position: absolute; top: 50%; transform: translateY(-50%); left: 3.75vw; right: auto; width: 7.5vw; height: 5vw; margin: auto; z-index: 3; box-sizing: border-box; cursor: pointer; transition: all 400ms;}
#fixed_bottom ul li.btn-gNav span{ position: absolute; width: 100%; height: 2px; background: #fff; transition: all 400ms;}
#fixed_bottom ul li.btn-gNav span:nth-child(1) { top:0; left: 0;}
#fixed_bottom ul li.btn-gNav span:nth-child(2) { top: 50%; left: 0; transform: translateY(-50%)}
#fixed_bottom ul li.btn-gNav span:nth-child(3) { bottom: 0; left: 0;}
#fixed_bottom ul li.btn-gNav.open span:nth-child(1){ top: 2.5vw; transform: rotate(-45deg);}
#fixed_bottom ul li.btn-gNav.open span:nth-child(2),
#fixed_bottom ul li.btn-gNav.open span:nth-child(3){ top: 2.5vw; transform: rotate(45deg);}

#fixed_bottom #fixed_bottom_gNav .gNav-menu .toggle-menu li{ border: none !important;}
#fixed_bottom #fixed_bottom_gNav{ position: fixed; left: 0; right: 0; width: 100%; height: auto; font-size: 3.5vw; transition: 0.3s; box-shadow:rgba(0, 0, 0, 0.1) 0 0 10px 5px;}
#fixed_bottom #fixed_bottom_gNav{ bottom: -100vw; opacity: 0;}
#fixed_bottom #fixed_bottom_gNav.open{ bottom: 15vw; opacity: 1.0;}
#fixed_bottom #fixed_bottom_gNav .gNav-menu{ width: 100%; display: flex; flex-wrap: nowrap; flex-direction: column; justify-content: flex-start; text-align: center;}
#fixed_bottom #fixed_bottom_gNav .gNav-menu li{ display: block; padding : 0; width: 100%; background: #FBFAF4; padding: 1em; border-top: 3px dotted #999;}
#fixed_bottom #fixed_bottom_gNav .gNav-menu li:first-child{ border-top: none;}
#fixed_bottom #fixed_bottom_gNav .gNav-menu li li{ background: none; padding: 0; font-size: 3vw; margin: 0.25em auto;}
#fixed_bottom #fixed_bottom_gNav .gNav-menu li{ position: relative;}
#fixed_bottom #fixed_bottom_gNav .gNav-menu li .toggle-icon{ position: absolute; right: 1em; top: 1em; width: 3.5vw; height: 3.5vw; border: 0.625vw solid #000; border-left: none; border-top: none; transform: rotate(45deg); cursor: pointer; transition: 0.3s;}
#fixed_bottom #fixed_bottom_gNav .gNav-menu li .toggle-icon.is-open{ top: 1.25em; transform: rotate(-45deg) rotateX(180deg);}
#fixed_bottom #fixed_bottom_gNav .gNav-menu li a{ display: inline-block; padding : 0; color: inherit;}
#fixed_bottom #fixed_bottom_gNav .gNav-menu li li{ margin-top: 1em;}
#fixed_bottom #fixed_bottom_gNav .gNav-menu .toggle-menu{ display: none;}
}