@charset "UTF-8";
/* CSS Document */

img{ width:100%; display: block;}
input[type="submit"],
input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
  display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus {
  outline-offset: -2px;
}


.sp{
    display: none;
}
a{
    text-decoration: none;
    transition: 0.5s ;
    color: #000000;
}
img.object-fit-img{
    object-fit: cover;
    object-position:center; 
    font-family: 'object-fit: cover; object-position: center;'
}

input::placeholder {
    color: #dddddd;
  }

p{
  text-align:justify; 
  text-justify:inter-ideograph; 
  text-justify:inter-character; 
  word-wrap:break-word; 
  overflow-wrap:break-word;
}



  .popup {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    opacity: 0;
    visibility: hidden;
    transition: .6s;
  }
  .popup.is-show {
    opacity: 1;
    visibility: visible;
  }
  .popup-inner {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 80%;
    max-width: 600px;
    padding: 50px;
    background-color: #fff;
    z-index: 2;
  }
  .popup-inner img {
    width: 100%;
  }
  .close-btn {
    position: absolute;
    right: 0;
    top: 0;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    cursor: pointer;
  }
  .close-btn i {
    font-size: 20px;
    color: #333;
  }
  .black-background {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.8);
    z-index: 1;
    cursor: pointer;
  }


/*font*/
.min{font-family: 'BIZ UDPMincho', serif;}
.gos{font-family: 'BIZ UDPGothic', sans-serif;}

html{
    font-size: 62.5%;
    font-family: 'Zen Maru Gothic', sans-serif;
}
body{
    font-size:1.6rem;
    color: #000000;
    overflow: hidden;
}


/*COMMON*/


.overflow-wrap {
  position: relative;
  overflow-x: scroll;
  overflow-y: hidden;
  margin: 0 auto;
  scrollbar-width: auto; /* Firefox用 */
}

/* 強制的にスクロールバーを可視化したいときに */
.overflow-wrap::-webkit-scrollbar {
  height: 12px; /* スクロールバーの高さ */
}
.overflow-wrap::-webkit-scrollbar-track {
  background: #f1f1f1;
}
.overflow-wrap::-webkit-scrollbar-thumb {
  background: #ffe31c;
}
.overflow-wrap::-webkit-scrollbar-thumb:hover {
  background: #ffe31c;
}

/*CONTENT*/
body{ background-color: #faf8f5; }

.mv {
  width: min(100%, 750px);
  margin: 0 auto;
}

.intro {
  padding: min(calc(96 / 750 * 100vw), 96px) 0 min(calc(64 / 750 * 100vw), 64px);
  background-image: url(images/dec_intro07.png), url(images/dec_intro06.png), url(images/dec_intro05.png), url(images/dec_intro04.png), url(images/dec_intro03.webp), url(images/dec_intro02.png), url(images/dec_intro01.webp);
  background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat;
  background-position: calc(50% + 261px) 200px,
  calc(50% - 279px) 362px,
  calc(50% - 272px) 576px,
  calc(50% + 277px) 670px,
  calc(50% - 287px) 792px,
  calc(50% + 291px) 513px,
  calc(50% - 287px) 33px;
  background-size: 80px auto,
  49px auto,
  84px auto,
  49px auto,
  126px auto,
  126px auto,
  126px auto;


  /*background: url(images/intro.png) no-repeat 50% 0 / 100% auto;*/
}
.intro .intro-lead {
  width: min(calc(650 / 750 * 100%),650px);
  margin: 0 auto min(calc(80 / 750 * 100vw), 80px);
}
.intro .intro-text {
  width: min(100%,750px);
  margin: 0 auto min(calc(80 / 750 * 100vw), 80px);
}
.intro .inpage-navi {
  display: flex;
  flex-wrap: wrap;
  width: min(100%,750px);
  margin: 0 auto;
}
.intro .inpage-navi > li {
}
.intro .inpage-navi > li:nth-of-type(1) {
  width: min(calc(225 / 750 * 100%), 225px);
  margin-left: min(calc(174 / 750 * 100vw), 174px);
}
.intro .inpage-navi > li:nth-of-type(2) {
  width: min(calc(224 / 750 * 100%), 224px);
  margin-left: min(calc(69 / 750 * 100vw), 69px);
}
.intro .inpage-navi > li:nth-of-type(3) {
  width: min(calc(241 / 750 * 100%), 241px);
  margin-top: max(-3px, calc(-3 / 750 * 100vw));
  margin-left: min(calc(26 / 750 * 100vw), 26px);
}
.intro .inpage-navi > li:nth-of-type(4) {
  width: min(calc(235 / 750 * 100%), 235px);
  margin-left: min(calc(56 / 750 * 100vw), 56px);
  margin-top: max(-2px, calc(-2 / 750 * 100vw));
}

/*.junior {
  background: url(images/junior.png) no-repeat 50% 0 / 100% auto;
}*/
.junior h2 {
  position: relative;
  width: min(100%, 750px);
  margin: 0 auto min(calc(37 / 750 * 100vw), 37px);
}
.junior h2::before, .junior h2::after {
  content: "";
  position: absolute;
}
.junior h2::before {
  top: max(-118px, calc(-118 / 750 * 100vw));
  right: min(calc(126 / 750 * 100%), 126px);
  width: min(calc(95 / 750 * 100%), 95px);
  height: auto;
  aspect-ratio: 95 / 125;
  background: url(images/dec_junior01.png) no-repeat 0 0 / 100% auto;
}
.junior h2::after {
  top: max(-120px, calc(-120 / 750 * 100vw));
  right: min(calc(40 / 750 * 100%), 40px);
  width: min(calc(71 / 750 * 100%), 71px);
  height: auto;
  aspect-ratio: 71 / 129;
  background: url(images/dec_junior02.png) no-repeat 0 0 / 100% auto
}
.junior .junior-text01 {
  width: min(calc(561 / 750 * 100%), 561px);
  margin: 0 auto min(calc(49 / 750 * 100vw), 49px);
}
.junior .junior-trial {
  width: min(calc(653 / 750 * 100%), 653px);
  margin: 0 auto;
}
.junior .junior-calendar {
  margin-top: min(calc(78 / 750 * 100vw), 78px);
  padding-bottom: min(calc(74 / 750 * 100vw), 74px);
}
.junior .junior-calendar-title {
  width: min(calc(742 / 750 * 100%), 742px);
  margin: 0 auto min(calc(66 / 750 * 100vw), 66px);
}
.junior .junior-swimming-calendar {
  width: min(calc(701 / 750 * 100%), 701px);
  margin: 0 auto;
}
.junior .junior-management {
  position: relative;
  padding: min(calc(79 / 750 * 100vw), 79px) 0 min(calc(79 / 750 * 100vw), 79px);
  background: linear-gradient(166.85deg, #f6c17a 0%, #f6c17a 56.75%, #faf8f5 56.75%, #faf8f5 100%);
}
.junior .junior-benefits  {
  width: min(calc(654 / 750 * 100%), 654px);
  margin: 0 auto;
}
.junior .junior-schedule  {
  width: min(100%, 750px);
  margin: min(calc(75 / 750 * 100vw), 75px) auto 0;
}
.junior .junior-schedule .junior-calendar-title {
  width: min(calc(700 / 750 * 100%), 700px);
  margin: 0 auto min(calc(45 / 750 * 100vw), 45px);
}
.junior .junior-schedule .junior-schedule-box {
  width: min(calc(650 / 750 * 100%), 650px);
  margin: 0 auto;
  padding: min(calc(48 / 750 * 100vw), 48px) 0 0;
  background-color: #fdfae4;
  border: 3px solid #231815;
  border-radius: 14px;
}
.junior .junior-schedule .junior-schedule-table {
  width: min(calc(583 / 650 * 100%), 583px);
  margin: 0 auto;
}
.junior .junior-schedule .junior-fee {
  width: min(calc(620 / 650 * 100%), 620px);
  margin: min(calc(66 / 750 * 100vw), 66px) auto 0;
}

.adult {
  padding-bottom: min(calc(79 / 750 * 100vw), 79px);
  background-image: url(images/dec_adult02.png),
  url(images/dec_adult01.png);
  background-repeat: no-repeat,
  no-repeat;
  background-position: calc(50% - 323px) 745px,
  calc(50% + 313px) 514px;
  background-size: 46px auto,
  76px auto;

  /*background: url(images/adult.png) no-repeat 50% 0 / 100% auto;*/
}
.adult .adult-title {
  position: relative;
  width: min(100%, 750px);
  margin: 0 auto min(calc(143 / 750 * 100vw), 143px);
}
.adult h2 {
  width: min(100%, 750px);
  margin: 0 auto;
}
.adult .adult-mutual {
  position: absolute;
  bottom: max(-88px, calc(-88 / 750 * 100vw));
  left: 0;
  right: 0;
  width: min(calc(239 / 750 * 100%), 239px);
  margin: auto;
}
.adult .adult-text01 {
  width: min(100%, 750px);
  margin: 0 auto min(calc(49 / 750 * 100vw), 49px);
}
.adult .adult-trial {
  width: min(calc(653 / 750 * 100%), 653px);
  margin: 0 auto;
}
.adult .program {
  margin-top: min(calc(78 / 750 * 100vw), 78px);
  margin-bottom: min(calc(103 / 750 * 100vw), 103px);
  background-image: url(images/dec_adult03.png);
  background-repeat: no-repeat;
  background-position: calc(50% - 312px) 14px;
  background-size: 67px auto;
}
.adult .program-subtitle {
  width: min(calc(234 / 750 * 100%), 234px);
  margin: 0 auto min(calc(30 / 750 * 100vw), 30px);
}
.adult .program-table {
  width: min(calc(650 / 750 * 100%), 650px);
  margin: 0 auto;
  overflow-x: scroll;
}
.adult .program-table::-webkit-scrollbar {
  /*height: min(calc(12 / 750 * 100vw), 12px);*/
  height: min(calc(12 / 750 * 100vw), 12px);
}
.adult .program-table::-webkit-scrollbar-track {
  background-color: transparent;
  border-radius: 7px;
  /*border: 2px solid transparent;*/
}
.adult .program-table::-webkit-scrollbar-thumb {
  background-color: #ffe31c;
  border-radius: 8px;
  border: 2px solid transparent;
}
.adult .program-table img {
  width: min(calc(1237 / 650 * 100%), 1237px);
}
.adult .adult-schedule {
  width: min(calc(702 / 750 * 100%), 702px);
  margin: 0 auto;
  background-image: url(images/dec_adult07.png),
  url(images/dec_adult06.png),
  url(images/dec_adult05.png),
  url(images/dec_adult04.png);
  background-repeat: no-repeat,
  no-repeat,
  no-repeat,
  no-repeat;
  background-position: calc(50% + 278px) 0,
  calc(50% + 200px) 26px,
  calc(50% + 19px) 80px,
  calc(50% + 112px) 27px;
  background-size: 86px auto,
  75px auto,
  27px auto,
  39px auto;
}

.baby {
  padding-bottom: min(calc(80 / 750 * 100vw), 80px);
  background-image: url(images/dec_baby03.png),
  url(images/dec_baby02.png),
  url(images/dec_baby01.png);
  background-repeat: no-repeat,
  no-repeat,
  no-repeat;
  background-position: calc(50% + 287px) 1208px,
  calc(50% - 313px) 657px,
  calc(50% + 310px) 617px;
  background-size: 53px auto,
  76px auto,
  67px auto;
  /*background: url(images/baby.png) no-repeat 50% 0 / 100% auto;*/
}
.baby h2 {
  width: min(100%, 750px);
  margin: 0 auto min(calc(42 / 750 * 100vw), 42px);
}
.baby .baby-text01 {
  width: min(calc(633 / 750 * 100%), 633px);
  margin: 0 auto min(calc(47 / 750 * 100vw), 47px);
}
.baby .baby-trial {
  width: min(calc(653 / 750 * 100%), 653px);
  margin: 0 auto min(calc(47 / 750 * 100vw), 47px);
}
.baby .baby-schedule {
  width: min(calc(702 / 750 * 100%), 702px);
  margin: 0 auto;
}

.maternity {
  padding-bottom: min(calc(70 / 750 * 100vw), 70px);
  background-image: url(images/dec_maternity03.png),
  url(images/dec_maternity02.png),
  url(images/dec_maternity01.png);
  background-repeat: no-repeat,
  no-repeat,
  no-repeat;
  background-position: calc(50% + 294px) 1309px,
  calc(50% - 324px) 671px,
  calc(50% + 320px) 613px;
  background-size: 58px auto,
  51px auto,
  51px auto;

  /*background: url(images/maternity.png) no-repeat 50% 0 / 100% auto;*/
}
.maternity h2 {
  width: min(100%, 750px);
  margin: 0 auto min(calc(42 / 750 * 100vw), 42px);
}
.maternity .maternity-text01 {
  width: min(calc(671 / 750 * 100%), 671px);
  margin: 0 auto min(calc(47 / 750 * 100vw), 47px);
}
.maternity .maternity-trial {
  width: min(calc(653 / 750 * 100%), 653px);
  margin: 0 auto min(calc(47 / 750 * 100vw), 47px);
}
.maternity .maternity-schedule {
  width: min(calc(702 / 750 * 100%), 702px);
  margin: 0 auto min(calc(49 / 750 * 100vw), 49px);
}
.maternity .maternity-advance {
  width: min(calc(653 / 750 * 100%), 653px);
  margin: 0 auto;
}

.swimming-management {
  position: relative;
  padding: min(calc(75 / 750 * 100vw), 75px) 0 min(calc(79 / 750 * 100vw), 79px);
  background: linear-gradient(-169.5deg, #f6c17a 0%, #f6c17a 73.5%, #faf8f5 73.5%, #faf8f5 100%);
}
.swimming-calendar {
  width: min(100%, 750px);
  margin: 0 auto min(calc(78 / 750 * 100vw), 78px);
}
.swimming-calendar-title {
  width: min(100%, 750px);
  margin: 0 auto min(calc(47 / 750 * 100vw), 47px);
}
.swimming-calendar-class {
  width: min(calc(702 / 750 * 100%), 702px);
  margin: 0 auto;
}
.swimming-calendar-class + .swimming-calendar-class {
    margin-top: min(calc(48 / 750 * 100vw), 48px);
}
.swimming-benefits {
  width: min(calc(654 / 750 * 100%), 654px);
  margin: 0 auto;
}

.access {
  padding-bottom: min(calc(50 / 750 * 100vw), 50px);
}
.access h2 {
  width: min(100%, 750px);
  margin: 0 auto min(calc(72 / 750 * 100vw), 72px);
}
.access-class-info + .access-class-info {
  margin-top: min(calc(82 / 750 * 100vw), 82px);
}
.access .access-map {
  position: relative;
  width: min(100%, 750px);
  margin: 0 auto;
}
.access .access-map-class {
  position: absolute;
  top: 0;
  left: 0;
  width: min(calc(222 / 750 * 100%), 222px);
}
.access-class-info:nth-of-type(2n) .access-map-class {
  right: 0;
  left: auto;
}
.access .map {
  width: min(calc(650 / 750 * 100%), 650px);
  margin: 0 auto;
}
.access .map iframe {
  width: min(100%, 650px);
  height: auto;
  aspect-ratio: 650 / 511;
}
.access .access-info {
  width: min(calc(650 / 750 * 100%), 650px);
  margin: min(calc(80 / 750 * 100vw), 80px) auto 0;
}
.access .logo {
  width: min(100%, 651px);
  margin: 0 auto min(calc(14 / 750 * 100vw), 14px);
}
.access .swimming {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin: 0 auto;
}
.access .catch {
  font-size: 39px;
  font-weight: bold;
  letter-spacing: 0.1em;
}
.access .school {
  width: min(calc(288 / 650 * 100%), 288px);
  background-color: #ffe31c;
  border: 2px solid #000;
  border-radius: 7px;
  font-size: 28.6px;
  font-weight: bold;
  letter-spacing: 0.075em;
  text-align: center;
  line-height: calc(37 / 28.6);
  box-sizing: border-box;
}
.access .phone {
  margin: min(calc(-4 / 750 * 100vw), -4px) 0 min(calc(9 / 750 * 100vw), 9px);
  font-size: 50px;
  font-weight: bold;
  letter-spacing: 0.05em;
  line-height: 1;
}
.access .phone strong {
  font-size: 84px;
  font-weight: bold;
}
.access .location {
  font-size: 26px;
  font-weight: bold;
  letter-spacing: 0.127em;
}
.access .location .postcode {
  font-size: 23.4px;
  font-weight: bold;
}
.parking {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0 min(calc(15 / 750 * 100vw), 15px);
  width: 100%;
  margin-top: min(calc(20 / 750 * 100vw), 20px);
  padding: min(calc(4 / 750 * 100vw), 4px) 0 min(calc(7 / 750 * 100vw), 7px);
  border: 4px solid #231815;
  font-size: 33px;
  font-weight: bold;
  letter-spacing: 0.1em;
  box-sizing: border-box;
}
.parking::before {
  content: "";
  width: min(calc(49 / 650 * 100%), 49px);
  height: auto;
  aspect-ratio: 49 / 41;
  background: url(images/icon_parking.png) no-repeat 0 0 / 100% auto;
}

.footer {
  padding: min(calc(46 / 750 * 100vw), 46px) 0 min(calc(156 / 750 * 100vw), 156px);
  background-color: #f08c50;
  color: #fff;
}
.footer .footer-text {
  width: fit-content;
  margin: 0 auto;
  padding-bottom: min(calc(14 / 750 * 100vw), 14px);
  border-bottom: 2px solid #fff;
  font-size: 17px;
  font-weight: bold;
}
.footer .contact {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0 min(calc(98 / 650 * 100%), 98px);
  width: min(calc(650 / 750 * 100%), 650px);
  margin: min(calc(53 / 750 * 100vw), 53px) auto min(calc(44 / 750 * 100vw), 44px);
}
.footer .contact > li {
  width: min(calc(97 / 650 * 100%), 97px);
}
.footer .copyright {
  font-size: 12px;
  font-weight: bold;
  text-align: center;
}


.fix-bottom{
  position: fixed;
  left:0;
  right:0;
  bottom:0;
  z-index: 5;
  width: min(calc(716 / 750 * 100%), 716px);
  margin: 0 auto; 
}

/*responsive*/
@media screen and (max-width:1000px){
  html{font-size:1vw}
}
@media screen and (max-width:769px){
}
@media screen and (max-width:750px){
  .intro {
    background-position: calc(50% + 293 / 750 * 100%) calc(100% - 200 / 750 * 100vw),
    calc(50% - 299 / 750 * 100%) calc(100% - 362 / 750 * 100vw),
    calc(50% - 306 / 750 * 100%) calc(100% - 576 / 750 * 100vw),
    calc(50% + 296 / 750 * 100%) calc(100% - 670 / 750 * 100vw),
    calc(50% - 346 / 750 * 100%) calc(792 / 750 * 100vw),
    calc(50% + 350 / 750 * 100%) calc(513 / 750 * 100vw),
    calc(50% - 345 / 750 * 100%) calc(33 / 750 * 100vw);
    background-size: calc(80 / 750 * 100%) auto,
    calc(49 / 750 * 100%) auto,
    calc(84 / 750 * 100%) auto,
    calc(49 / 750 * 100%) auto,
    calc(126 / 750 * 100%) auto,
    calc(126 / 750 * 100%) auto,
    calc(126 / 750 * 100%) auto;
  }

  .junior .junior-schedule .junior-schedule-box {
    border-width: 1.5px;
    border-radius: 7px;
  }

  .adult {
    background-position: calc(50% - 344 / 750 * 100%) calc(745 / 750 * 100vw),
    calc(50% + 349 / 750 * 100%) calc(514 / 750 * 100vw);
    background-size: calc(46 / 750 * 100%) auto,
    calc(76 / 750 * 100%) auto;
  }
  .adult .program {
    background-position: calc(50% - 343 / 750 * 100%) calc(14 / 750 * 100vw);
    background-size: calc(67 / 750 * 100%) auto;
  }
  .adult .adult-schedule {
    background-position: calc(50% + 339 / 750 * 100%) 0,
    calc(50% + 238 / 750 * 100%) calc(26 / 750 * 100vw),
    calc(50% + 22 / 750 * 100%) calc(80 / 750 * 100vw),
    calc(50% + 127 / 750 * 100%) calc(27 / 750 * 100vw);
    background-size: calc(86 / 702 * 100%) auto,
    calc(75 / 702 * 100%) auto,
    calc(27 / 702 * 100%) auto,
    calc(39 / 702 * 100%) auto;
  }

  .baby {
    background-position: calc(50% + 309 / 750 * 100%) calc(1208 / 750 * 100vw),
    calc(50% - 349 / 750 * 100%) calc(657 / 750 * 100vw),
    calc(50% + 340 / 750 * 100%) calc(617 / 750 * 100vw);
    background-size: calc(53 / 750 * 100%) auto,
    calc(76 / 750 * 100%) auto,
    calc(67 / 750 * 100%) auto;
  }

  .maternity {
    background-position: calc(50% + 319 / 750 * 100%) calc(1309 / 750 * 100vw),
    calc(50% - 347 / 750 * 100%) calc(671 / 750 * 100vw),
    calc(50% + 343 / 750 * 100%) calc(613 / 750 * 100vw);
    background-size: calc(58 / 750 * 100%) auto,
    calc(51 / 750 * 100%) auto,
    calc(51 / 750 * 100%) auto;
  }

  .access .school {
    border-width: 1px;
  }
  .parking {
    border-width: 2px;
  }
  
}
@media screen and (max-width:599px){
  html{ font-size:2vw;line-height: 1.5;}
  .pc{ display: none!important;}
  .sp{ display: block!important;}

  .access .catch {
    font-size: clamp(1.219rem, 5.2vw, 2.438rem);
  }
  .access .school {
    border-radius: 3.5px;
    font-size: clamp(0.894rem, 3.81vw, 1.788rem);
  }
  .access .phone {
    font-size: clamp(1.625rem, 0.125rem + 6.4vw, 3.125rem);
  }
  .access .phone strong {
    font-size: clamp(2.75rem, 0.25rem + 10.67vw, 5.25rem);
  }
  .access .location {
    font-size: clamp(0.875rem, 3.73vw, 1.75rem);
  }
  .access .location .postcode {
    font-size: clamp(0.731rem, 3.12vw, 1.462rem);
  }
  .parking {
    font-size: clamp(1.031rem, 4.4vw, 2.063rem);
  }

  .footer .footer-text {
    border-width: 1px;
    font-size: clamp(0.531rem, 2.27vw, 1.063rem);
  }
  .footer .copyright {
    font-size: clamp(0.375rem, 1.6vw, 0.75rem);
  }


  /*.fix-bottom{ width:95%}*/
}
@media screen and (max-width:340px){
}



/*ハンバーガーメニュー*url(http://127.0.0.1:5500/images/pic_school_02.png)/
.hamburger {
background-color: #ffffff;
display : block;
position: fixed;
z-index : 3000;
right : 0;
top   : 0;
width : 42px;
height: 42px;
cursor: pointer;
text-align: center;
}
.hamburger span {
display : block;
position: absolute;
width   : 30px;
height  : 3px ;
left    : 6px;
background : #070030;
-webkit-transition: 0.3s ease-in-out;
-moz-transition   : 0.3s ease-in-out;
transition        : 0.3s ease-in-out;
}
.hamburger span:nth-child(1) {
top: 10px;
}
.hamburger span:nth-child(2) {
top: 20px;
}
.hamburger span:nth-child(3) {
top: 30px;
}

/* ナビ開いてる時のボタン */
.hamburger.active span:nth-child(1) {
top : 20px;
left: 6px;
-webkit-transform: rotate(-45deg);
-moz-transform   : rotate(-45deg);
transform        : rotate(-45deg);
}  
.hamburger.active span:nth-child(2),
.hamburger.active span:nth-child(3) {
top: 20px;
-webkit-transform: rotate(45deg);
-moz-transform   : rotate(45deg);
transform        : rotate(45deg);
}
nav.globalMenuSp {
position: fixed;
z-index : 2999;
top  : 0;
left : 0;
color: #070030;
background: rgba(255, 255, 255, 0.95);
text-align: center;
transform: translateY(-100%);
transition: all 0.6s;
width: 100%;
}
  /* このクラスを、jQueryで付与・削除する */
  nav.globalMenuSp.active {
  transform: translateY(0%);
  }
  /*メニューレイアウト*/
  
  .globalMenuSp .wrap{ z-index:99999; overflow-y: scroll; height: 100vh; position: relative; -webkit-overflow-scrolling: touch;}
  .globalMenuSp .wrap .block{ width:80%; margin:0 auto;}
  .globalMenuSp .wrap .branding{ width:80%; margin:5.0rem auto;}
  .globalMenuSp .wrap .branding img{ display: block; width:100%}
  .globalMenuSp .wrap .tel{ display: flex; justify-content: space-around; flex-wrap: wrap;}
  .globalMenuSp .wrap .tel li{ width:85%; margin-bottom:1.5rem}
  .globalMenuSp .wrap .tel li img{ width:100%; display: block;}
  .globalMenuSp .wrap .navigation{ width:75%; margin:0 auto; padding:5.0rem 0}
  .globalMenuSp .wrap .navigation a{ font-size:1.8rem; display: block; text-align: left; padding: 1.5rem; background-color: #184e77; color: #ffffff; border-radius:0.5rem; margin:0.5rem 0; display: flex; align-items: center; justify-content: space-between;}
  .globalMenuSp .wrap .navigation a small{ font-weight: bold; font-size: 1.2rem;}