body{
  font-family: "Hiragino Kaku Gothic ProN", "Hiragino Sans", "游ゴシック", "Yu Gothic", sans-serif;
}
a{
  text-decoration: none;
}
a, a:active, a:focus {
   outline: none;
}
/*common*/
.font-midashi{
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: bold;
}
.font-oswald {
  font-family: 'Oswald', sans-serif;
  font-weight: normal;
  -moz-transform: scale(1) rotate(0deg) translate(0px, 0px) skew(-deg, 0deg);
    -webkit-transform: scale(1) rotate(0deg) translate(0px, 0px) skew(-deg, 0deg);
    -o-transform: scale(1) rotate(0deg) translate(0px, 0px) skew(-5deg, 0deg);
    -ms-transform: scale(1) rotate(0deg) translate(0px, 0px) skew(-5deg, 0deg);
    transform: scale(1) rotate(0deg) translate(0px, 0px) skew(-5deg, 0deg);
}
.txt-blue {
	color: #00aafa;
}
/*font*/
.mb-100 {
  margin-bottom: 100px;
}
.font-10{
  font-size: 10px;
}
.font-11{
  font-size: 11px;
}
.font-12{
  font-size: 12px;
}
.font-13{
  font-size: 13px;
}
.font-14{
  font-size: 14px;
}
.font-15{
  font-size: 15px;
}
.font-16{
  font-size: 16px;
}
.font-17{
  font-size: 17px;
}
.font-18{
  font-size: 18px;
}
.font-24{
  font-size: 24px;
}
.font-25{
  font-size: 25px;
}
.font-9-eng{
  font-size: 9px;
}
.font-10-eng{
  font-size: 10px;
}
.font-14-eng{
  font-size: 14px;
}
.font-16-eng{
  font-size: 16px;
}
.font-19-eng{
  font-size: 19px;
}
.font-22-eng{
  font-size: 22px;
}
.font-24-eng{
  font-size: 24px;
}
.font-30-eng{
  font-size: 30px;
}
.font-32-eng{
  font-size: 32px;
}
.font-35-eng{
  font-size: 35px;
}
.font-42-eng{
  font-size: 42px;
}
.font-44-eng {
  font-size: 44px;
}
.font-48-eng{
  font-size: 48px;
}
.font-55-eng{
  font-size: 55px;
}
.font-91-eng{
  font-size: 91px;
}
.font-m-12 {
  font-size: 12px;
}
.font-m-14{
  font-size: 14px;
}
.font-m-16{
  font-size: 16px;
}
.font-m-17{
  font-size: 17px;
}
.font-m-18 {
  font-size: 18px;
}
.font-m-20 {
  font-size: 20px;
}
.font-m-21{
  font-size: 21px;
}
.font-m-22 {
  font-size: 22px;
}
.font-m-23{
  font-size: 23px;
}
.font-m-24 {
  font-size: 24px;
}
.font-m-25 {
  font-size: 25px;
}
.font-m-26 {
  font-size: 26px;
}
.font-m-27{
  font-size: 27px;
}
.font-m-28 {
  font-size: 28px;
}
.font-m-29 {
  font-size: 29px;
}
.font-m-30 {
  font-size: 30px;
}
.font-m-31 {
  font-size: 31px;
}
.font-m-32 {
  font-size: 32px;
}
.font-m-33 {
  font-size: 33px;
}
.font-m-34 {
  font-size: 34px;
}
.font-m-35{
  font-size: 35px;
}
.font-m-36 {
  font-size: 36px;
}
.font-m-38 {
  font-size: 38px;
}
.font-m-39 {
  font-size: 38px;
}
.font-m-40 {
  font-size: 40px;
}
.font-m-42 {
  font-size: 42px;
}
.font-m-46 {
  font-size: 46px;
}
.font-m-47 {
  font-size: 47px;
}
.font-m-48{
  font-size: 48px;
}
.font-m-53 {
  font-size: 53px;
}
.font-m-54 {
  font-size: 54px;
}
.font-m-56{
  font-size: 56px;
}
.font-m-58 {
  font-size: 58px;
}
.font-m-60 {
  font-size: 60px;
}
.font-m-62 {
  font-size: 62px;
}
.font-m-82 {
  font-size: 82px;
}
.font-16-eng {
  font-size: 16px;
}
.font-28-eng {
  font-size: 28px;
}
.font-38-eng {
    font-size: 38px;
}
.font-51-eng {
    font-size: 51px;
}
.font-60-eng{
  font-size: 60px;
}
.font-72-eng {
  font-size: 72px;
}
.font-87-eng {
  font-size: 87px;
}
.font-94-eng {
  font-size: 94px;
}
.font-102-eng {
  font-size: 102px;
}
.font-104-eng {
  font-size: 104px;
}
/*margin*/
.container{
  width: 87%;
  max-width: 1080px;
  margin: 0 auto;
}
.main-width{
  width: 1280px;
  margin: 0 auto;/*
  padding-top: 23px;
  padding-bottom: 23px;*/
}
.sp-only{
  display: none;
}
@media screen and (max-width: 767px) {
  .pc-only{
    display: none;
  }
  .sp-only{
    display: block;
  }
  .main-width{
    width: 100%;
    padding: 0;
  }
  .container{
    width: 85%;
  }
  /*common*/
  /*font*/
    .font-16-sp{
    font-size: calc(7px + (16 - 7) * ((100vw - 320px) / (767 - 320)));
  }
  .font-18-sp{
    font-size: calc(9px + (18 - 9) * ((100vw - 320px) / (767 - 320)));
  }
  .font-20-sp {
    font-size: calc(9px + (20 - 9) * ((100vw - 320px) / (767 - 320)));
  }
  .font-22-sp{
    font-size: calc(9.5px + (22 - 9.5) * ((100vw - 320px) / (767 - 320)));
  }
  .font-23-sp {
    font-size: calc(10px + (23 - 10) * ((100vw - 320px) / (767 - 320))); 
  }
  .font-24-sp{
    font-size: calc(11px + (25 - 11) * ((100vw - 320px) / (767 - 320)));
  }
  .font-25-sp{
    font-size: calc(11px + (26 - 11) * ((100vw - 320px) / (767 - 320)));
  }
  .font-26-sp{
    font-size: calc(11px + (26 - 11) * ((100vw - 320px) / (767 - 320)));
  }
  .font-m-27-sp {
    font-size: calc(12px + (27 - 12) * ((100vw - 320px) / (767 - 320)));
  }
  .font-28-sp{
    font-size: calc(13px + (28 - 13) * ((100vw - 320px) / (767 - 320)));
  }
  .font-30-sp {
    font-size: calc(12px + (30 - 12) * ((100vw - 320px) / (767 - 320)));
  }
  .font-31-sp {
    font-size: calc(13px + (31 - 13) * ((100vw - 320px) / (767 - 320)));
  }
  .font-32-sp{
    font-size: calc(14px + (32 - 14) * ((100vw - 320px) / (767 - 320)));
  }
  .font-40-sp {
    font-size: calc(13px + (40 - 13) * ((100vw - 320px) / (767 - 320))); 
  }
  .font-48-sp {
    font-size: calc(21px + (48 - 21) * ((100vw - 320px) / (767 - 320)));
  }

  .font-m-21-sp{
    font-size: calc(9px + (21 - 9) * ((100vw - 320px) / (767 - 320)));
  }
  .font-m-35-sp{
    font-size: calc(15px + (35 - 15) * ((100vw - 320px) / (767 - 320)));
  }
  .font-m-22-sp{
    font-size: calc(9px + (22 - 9) * ((100vw - 320px) / (767 - 320)));
  }
  .font-m-24-sp {
    font-size: calc(11px + (24 - 11) * ((100vw - 320px) / (767 - 320)));
  }
  .font-m-26-sp {
    font-size: calc(11px + (27 - 11) * ((100vw - 320px) / (767 - 320)));
  }
  .font-m-28-sp{
    font-size: calc(13px + (29 - 13) * ((100vw - 320px) / (767 - 320)));
  }
  .font-m-29-sp{
    font-size: calc(14px + (29 - 14) * ((100vw - 320px) / (767 - 320)));
  }
  .font-m-30-sp{
    font-size: calc(13px + (30 - 13) * ((100vw - 320px) / (767 - 320)));
  }
  .font-m-31-sp{
    font-size: calc(13px + (31 - 13) * ((100vw - 320px) / (767 - 320)));
  }
  .font-m-32-sp {
    font-size: calc(13px + (33 - 13) * ((100vw - 320px) / (767 - 320)));
  }
  .font-m-33-sp {
    font-size: calc(13px + (33 - 13) * ((100vw - 320px) / (767 - 320)));
  }
  .font-m-34-sp{
    font-size: calc(14px + (34 - 14) * ((100vw - 320px) / (767 - 320)));
  }
  .font-m-36-sp {
    font-size: calc(15px + (36 - 15) * ((100vw - 320px) / (767 - 320)));
  }
  .font-m-38-sp{
    font-size: calc(17px + (38 - 17) * ((100vw - 320px) / (767 - 320)));
  }
  .font-m-40-sp {
    font-size: calc(17px + (40 - 17) * ((100vw - 320px) / (767 - 320)));
  }
  .font-m-41-sp {
    font-size: calc(17px + (41 - 17) * ((100vw - 320px) / (767 - 320)));
  }
  .font-m-42-sp {
    font-size: calc(18px + (43 - 18) * ((100vw - 320px) / (767 - 320)));
  }
  .font-m-44-sp{
    font-size: calc(20px + (44 - 20) * ((100vw - 320px) / (767 - 320)));
  }
  .font-m-46-sp {
    font-size: calc(21px + (47 - 21) * ((100vw - 320px) / (767 - 320)));
  }
  .font-m-48-sp {
    font-size: calc(22px + (48 - 22) * ((100vw - 320px) / (767 - 320)));
  }
  .font-m-49-sp{
    font-size: calc(20px + (49 - 20) * ((100vw - 320px) / (767 - 320)));
  }
  .font-m-50-sp {
    font-size: calc(20px + (50 - 20) * ((100vw - 320px) / (767 - 320)));
  }
  .font-m-52-sp {
    font-size: calc(22px + (52 - 22) * ((100vw - 320px) / (767 - 320)));
  }
  .font-m-54-sp {
    font-size: calc(23px + (54 - 23) * ((100vw - 320px) / (767 - 320)));
  }
  .font-m-55-sp {
    font-size: calc(23px + (55 - 23) * ((100vw - 320px) / (767 - 320)));
  }
  .font-m-56-sp{
    font-size: calc(25px + (56 - 25) * ((100vw - 320px) / (767 - 320)));
  }
  .font-m-58-sp {
      font-size: calc(24px + (58 - 24) * ((100vw - 320px) / (767 - 320)));
  }
  .font-m-60-sp {
    font-size: calc(24px + (60 - 24) * ((100vw - 320px) / (767 - 320)));
  }
  .font-m-63-sp {
    font-size: calc(26px + (64 - 26) * ((100vw - 320px) / (767 - 320)));
  }
  .font-m-65-sp {
    font-size: calc(32px + (65 - 32) * ((100vw - 320px) / (767 - 320)));
  }
  .font-m-66-sp{
    font-size: calc(31px + (66 - 31) * ((100vw - 320px) / (767 - 320)));
  }
  .font-m-68-sp {
    font-size: calc(35px + (68 - 35) * ((100vw - 320px) / (767 - 320)));
  }
  .font-m-74-sp {
    font-size: calc(30px + (74 - 30) * ((100vw - 320px) / (767 - 320)));
  }
  .font-m-75-sp {
    font-size: calc(30px + (75 - 30) * ((100vw - 320px) / (767 - 320)));
  }
  .font-m-77-sp {
    font-size: calc(31px + (77 - 31) * ((100vw - 320px) / (767 - 320)));
  }
  .font-m-82-sp {
    font-size: calc(32px + (82 - 32) * ((100vw - 320px) / (767 - 320)));
  }
  .font-42-eng-sp{
    font-size: calc(18px + (42 - 18) * ((100vw - 320px) / (767 - 320)));
  }
  .font-18-eng-sp{
    font-size: calc(9px + (18 - 9) * ((100vw - 320px) / (767 - 320)));
  }
  .font-20-eng-sp{
    font-size: calc(9px + (20 - 9) * ((100vw - 320px) / (767 - 320)));
  }
  .font-26-eng-sp{
    font-size: calc(12px + (26 - 12) * ((100vw - 320px) / (767 - 320)));
  }
  .font-28-eng-sp{
    font-size: calc(12px + (28 - 12) * ((100vw - 320px) / (767 - 320)));
  }
  .font-32-eng-sp{
    font-size: calc(14px + (32 - 14) * ((100vw - 320px) / (767 - 320)));
  }
  .font-36-eng-sp{
    font-size: calc(16px + (36 - 16) * ((100vw - 320px) / (767 - 320)));
  }
  .font-38-eng-sp {
    font-size: calc(16px + (38 - 16) * ((100vw - 320px) / (767 - 320)));
  }
  .font-40-eng-sp {
    font-size: calc(10px + (40 - 10) * ((100vw - 320px) / (767 - 320)));
  }
  .font-45-eng-sp {
    font-size: calc(18px + (45 - 18) * ((100vw - 320px) / (767 - 320)));
  }
  .font-50-eng-sp{
    font-size: calc(23px + (50 - 23) * ((100vw - 320px) / (767 - 320)));
  }
  .font-60-eng-sp {
    font-size: calc(24px + (60 - 24) * ((100vw - 320px) / (767 - 320)));
  }
  .font-62-eng-sp{
    font-size: calc(28px + (62 - 28) * ((100vw - 320px) / (767 - 320)));
  }
  .font-70-eng-sp {
    font-size: calc(36px + (70 - 36) * ((100vw - 320px) / (767 - 320)));
  }
  .font-75-eng-sp {
    font-size: calc(32px + (75 - 32) * ((100vw - 320px) / (767 - 320)));
  }
  .font-80-eng-sp{
    font-size: calc(37px + (80 - 37) * ((100vw - 320px) / (767 - 320)));
  }
  .font-110-eng-sp {
    font-size: calc(43px + (110 - 43) * ((100vw - 320px) / (767 - 320)));
  }
  .font-120-eng-sp{
    font-size: calc(53px + (120 - 53) * ((100vw - 320px) / (767 - 320)));
  }
  .font-134-eng-sp {
    font-size: calc(57px + (134 - 57) * ((100vw - 320px) / (767 - 320)));
  }
  .font-135-eng-sp {
    font-size: calc(57px + (135 - 57) * ((100vw - 320px) / (767 - 320)));
  }
  .font-150-eng-sp {
    font-size: calc(61px + (150 - 61) * ((100vw - 320px) / (767 - 320)));
  }
}