html {
  font-size: 62.5%;
}
body {
  background: #fff;
  color: #213340;
  font: 1.6em "Arial", 'Noto Sans JP', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  font-weight: 300;
  line-height: 1.8;
  margin: 0;
}
.wrap {
  margin: auto;
  width: 100%;
}
.clearfix:after {
  content: "";
  clear: both;
  display: block;
}
img {
  max-width: 100%;
  vertical-align: bottom;
}

/* list */
ul {
  list-style: none;
  padding: 0;
}

/* link */
a:link,a:visited,a:hover,a:active {
  color: #213340;
  text-decoration: none;
}
a img:hover {
  filter: alpha(opacity=70);
  -webkit-transition: 0.3s;
  opacity: 0.7;
  transition: 0.3s;
}

/* floatBtn */
.floatBtn {
  position: fixed;
  right: 0;
  top: 15%;
  width: 56px;
  height: 150px;
  background: bottom / cover no-repeat url(../img/btn.svg);
  display: block;
  opacity: 0.9;
  z-index: 3!important;
}
.floatBtn a {
  display: block;
  height: 60px;
  width: 60px;
}
.floatBtn:hover {
  filter: alpha(opacity=70);
  -webkit-transition: 0.3s;
  opacity: 0.7;
  transition: 0.3s;
}

/*index*/
h1 {
  font-size: 2.4rem;
  font-weight: 700;
}
/*notes*/
header .header__top__wrap {
  position: fixed;
  background: #fff;
  width: 100%;
  z-index: 3;
}
header .header__top {
  display: flex;
  margin: auto;
  max-width: 1000px;
}
header .header__top .logo {
  align-items: center;
  color: #0cb096;
  display: flex;
  margin-right: auto;
}
header .header__top .logo img {
  margin-right: .5em;
}
header .header__nav {
  margin: 1em 0;
}
header .header__nav li {
  display: inline;
  font-size: 1.4rem;
  font-weight: 600;
  padding-left: 1em;
}
header .header__nav li.active {
  color: #0cb096;
}
header .header__nav li a:hover {
  color: #0cb096;
}

/*notes*/
footer {
  padding: 60px 4% 8px;
}
footer .b1__wrap {
  align-items: flex-start;
  display: flex;
  font-size: 1.4rem;
  justify-content: space-between;
  margin: auto;
  max-width: 1000px;
}
footer .b1__wrap h1 {
  color: #0cb096;
  margin-bottom: .5em;
}
footer .b1__wrap .b1 p:nth-of-type(2) {
  margin-top: 1em;
}
footer .b1__wrap ul {
  margin-top: .5em;
}
footer .b1__wrap li {
  display: inline;
  font-weight: 600;
  padding-left: 1em;
}
footer .b1__wrap li.active {
  color: #0cb096;
}
footer .b1__wrap li a:hover {
  color: #0cb096;
}
footer .t1 {
  font-size: 1.2rem;
  margin-top: 3em;
  text-align: center;
}

@media screen and (max-width:720px){
body {
  font-size: 1.4rem;
}
h1 {
  font-size: 1.6rem;
}
/*notes*/
header .header__top {
  padding: 2%;
}
header .header__nav ul {
  margin-top: 4em;
}
header .header__nav li {
  border-bottom: .5px solid #213340;
  display: block;
  margin: 1em 0;
  padding-bottom: .6em;
}
header .header__nav li a:link,
header .header__nav li a:visited,
header .header__nav li a:hover,
header .header__nav li a:active {
  color: #213340;
}
header .header__nav li:last-child {
  border-bottom: none;
  padding-bottom: 0;
}
header .header__main__wrap {
  padding-top: 13%;
}
.hamburger {
  display : block;
  position: fixed;
  z-index : 3;
  right : 10px;
  top   : 14px;
  width : 46px;
  height: 46px;
  cursor: pointer;
  text-align: center;
}
.hamburger span {
  display : block;
  position: absolute;
  width   : 30px;
  height  : 2px ;
  left    : 13px;
  background : #0cb096;
  -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: 0px;
}
.hamburger span:nth-child(2) {
  top: 10px;
}
.hamburger span:nth-child(3) {
  top: 20px;
}
.hamburger.active span:nth-child(1) {
  top : 10px;
  left: 13px;
  -webkit-transform: rotate(-45deg);
  -moz-transform   : rotate(-45deg);
  transform        : rotate(-45deg);
}
.hamburger.active span:nth-child(2),
.hamburger.active span:nth-child(3) {
  top: 10px;
  -webkit-transform: rotate(45deg);
  -moz-transform   : rotate(45deg);
  transform        : rotate(45deg);
}
.globalMenuSp {
  position: fixed;
  z-index : 2;
  top  : 0;
  left : 0;
  color: #fff;
  background: #fff;
  text-align: center;
  transform: translateY(-100%);
  transition: all 0.6s;
  width: 100%;
}
.globalMenuSp.active {
  transform: translateY(0%);
}

/*notes*/
footer {
  padding: 40px 4% 8px;
}
footer .b1__wrap {
  display: block;
  font-size: 1.2rem;
}
footer .b1__wrap div {
  text-align: center;
}
footer .b1__wrap .b1 {
  display: inline-block;
  text-align: left;
}
footer .t1 {
  font-size: 1.0rem;
}

/* floatBtn */
.floatBtn {
  top: 10%;
  width: 42px;
  height: 112.5px;
  z-index: 3!important;
}
}