@charset "utf-8";
/* //////////////////////////////////
基本設定メモ
color:
font-family:


///////////////////////////////////*/


/* //////////////////////////////////
汎用クラス
///////////////////////////////////*/

/* レスポンシブ関連 */
.pc__block {
  display: none;
}
.pc__inline {
  display: none;
}
.tb__block {
  display: none;
}
.tb__inline {
  display: none;
}
.sp__block {
  display: block;
}
.sp__inline {
  display: inline;
}
.pc-tb__block {
  display: none;
}
.pc-tb__inline {
  display: none;
}
.tb-sp__block {
  display: block;
}
.tb-sp__inline {
  display: inline;
}
.pc-sp__block {
  display: block;
}
.pc-sp__inline {
  display: inline;
}

footer a.sp__inline {
  text-decoration: none;
  color: #ffffff;
}

body {
  font-size: 14px;
}
header {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10;
  background: rgba(255,255,255,1);
  width: 100%;
  height: 50px;
}
.sp__menu {
  position: fixed;
  top: 0;
  right: -85%;
  z-index: 5;
  background: #3a8798;
  width: 85%;
  height: 100vh;
  padding: 70px 20px;
  transition: all .5s;
}
.h_level_02 {
  font-size: 7.5vw;
}
.cmn__contact p {
  font-size: 4.7vw;
}
.cmn__contact-btn {
  font-size: 4.7vw;
  text-indent: 20px;
  background: url(../_img/ic_mail_gr.png) no-repeat 10px center / 30px auto #ffffff;
  width: 90%;
  padding: 30px 0 28px;
}
.cmn__contact-btn::after {
  position: absolute;
  top: 50%;
  right: 15px;
  transform: rotate(-45deg);
  width: 10px;
  height: 10px;
  margin: -5px 0 0 0;
  border-right: 2px solid #3a8798;
  border-bottom: 2px solid #3a8798;
  transition: all .3s;
}
.cmn__contact-btn:hover::after {
  right: 10px;
}
.box__footer .left__footer p {
  position: static;
  margin: 10px 0 0 0;
}
.btn__go-top {
  position: fixed;
  right: -20px;
  bottom: 50px;
}
.sec__eye_catch h1 {
  font-size: 8vw;
  text-align: center;
  padding: 110px 0 70px;
}
.sec__eye_catch {
  height: 220px;
}