@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Zen+Old+Mincho:wght@400;500;600;700;900&display=swap');
.font {
 font-family: 'Zen Old Mincho', serif;
}

/*
アクセントカラーcolor:#491713
Body

*/
/* ----------------------------------------
  img-box
---------------------------------------- */
.img-box {
  overflow: hidden;
  position: relative;
  padding-top: 72%;
  margin-bottom: 10px;
}
.img-box img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  top: 0;
  left: 0;
  transition: 0.5s;
}
li:hover .img-box img {
  transform: scale(1.05, 1.05);
}


/* ----------------------------------------
  base
---------------------------------------- */
html {
  font-size: 62.5%;
}
body {
  color: #000000;
  font-family: 'Noto Sans JP', "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", sans-serif;
  background-image:url("../images/cmn-images/back2.png");
  font-size: 17px;
  font-size: 1.7rem;
  line-height: 1.8;
  text-align: center;
  margin: 0 auto;
}
p {
  line-height: 1.8;
}
.wrapper {
  text-align: left;
  padding: 0 50px;
}
.wrap01 {
  width: 100%;
  max-width: 1500px;
  margin: 0 auto;
}
.wrap02 {
  width: 100%;
  max-width: 1400px;
  margin: 0 auto;
}
.wrap03 {
  width: 100%;
  max-width: 1100px;
  margin: 0 auto;
}
.wrap04 {
  width: 100%;
  max-width: 900px;
  margin: 0 auto;
}
.deco a {
  text-decoration: none;
}
/* ----------------------------------------
  head
---------------------------------------- */
#head{
	position:relative;
}
#head h1 {
  width: 300px;
  padding-top: 30px;
  z-index:1;
}
#head h2 {
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1;
  text-align: right;
  padding-top: 15px;
  color:#fff;
  z-index:1;
}
#head img {
  display: block;
}
/* ----------------------------------------
  gnav
---------------------------------------- */
#gnav{
position:relative;
}
#gnav ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  margin-bottom: 45px;
 margin-top:-25px;
	z-index:2!important;
  
}
#gnav ul li {
  padding-right: 60px;
}
#gnav ul li:last-child {
  padding-right: 0;
}
#gnav ul li a {
  display: block;
  position: relative;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1.0;
  text-align: center;
  transition: 0.4s ease-in-out;
 color:#fff;
z-index:2!important;
}
#gnav ul li a::after {
  position: absolute;
  left: 0;
  content: '';
  width: 100%;
  height: 2px;
  background: #a90830;
  bottom: -10px;
  transform: scale(0, 1);
  transform-origin: center top;
  transition: transform 0.3s;
}
#gnav ul li a:hover::after {
  transform: scale(1, 1);
}
#gnav .menu_second li a:hover::after {
  transform: scale(0, 0);
}

#gnav ul li .menu_second {
  display: block;
  visibility: hidden;
  opacity: 0;
  z-index: 1;
  position: absolute;
  width: 160px;
  top: 0;
  left: 39%;
  /*margin-left: 240px;*/
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
}
#gnav li:hover .menu_second {
  top: 160px;
  visibility: visible;
  opacity: 1;
}
#gnav .menu_second li {
  display: block;
  border: 1px solid #ccc;
  margin-bottom: 1px;
}
#gnav .menu_second li a {
  display: block;
  box-sizing: border-box;
  color: #000;
  background-color: #fff;
  line-height: 1.0;
  padding: 18px 10px;
  width:160px;
text-align:left;
	font-size:1.5rem;
}
/* ----------------------------------------
  sp btn
---------------------------------------- */
#panel-btn {
  display: block;
  position: fixed;
  top: 0;
  right: 15px;
  z-index: 150000;
  width: 50px;
  height: 50px;
  text-align: center;
}
#panel-btn-txt {
  display: block;
  width: 50px;
  font-size: 1rem;
  text-align: center;
  position: absolute;
  top: 40px;
  left: 0;
}
#panel-btn-icon {
  display: block;
  position: absolute;
  top: 50%;
  left: 10px;
  width: 30px;
  height: 2px;
  margin: -1px 0 0 0;
  background: #a90830;
  transition: .2s;
}
#panel-btn-icon:before, #panel-btn-icon:after {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  width: 30px;
  height: 2px;
  background: #a90830;
  transition: .3s;
}
#panel-btn-icon:before {
  margin-top: -10px;
}
#panel-btn-icon:after {
  margin-top: 9px;
}
#panel-btn .close-btn {
  background: transparent;
}
#panel-btn .close-btn:before, #panel-btn .close-btn:after {
  background: #a90830;
  margin-top: 0;
}
#panel-btn .close-btn:before {
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
}
#panel-btn .close-btn:after {
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
}
/* ----------------------------------------
  sp nav
---------------------------------------- */
#sp-nav {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  position: fixed;
  z-index: 1500;
  overflow-y: scroll;
  left: 0;
  top: 0;
  display: none;
  background-color: #fff;
  padding: 70px 0 0 0;
  text-align: center;
}
#sp-nav ul {
  margin-bottom: 20px;
  padding: 10px 10px 0 10px;
}
#sp-nav ul li {
  border-bottom: 1px solid #d5c8c8;
}
#sp-nav ul li:last-child {
  border-bottom: none;
}
#sp-nav ul li a {
  display: block;
  color: #000;
  font-size: 1.7rem;
  font-weight: 500;
  line-height: 10vh;
  text-decoration: none;
}
/* ----------------------------------------
  page-title
---------------------------------------- */
#page-title {
  position: relative;
  height: 600px;
  background: url("../images/cmn-images/page-title.jpg") 50% 0 no-repeat;
  background-size: cover;
  margin-bottom: 30px;
  margin-top:-17%;
  z-index:0;
}
#page-title .catch {
  position: absolute;
  width: 100%;
  top: 330px;
  z-index: 0;
}
#page-title .catch h2 {
  font-size: 3.6rem;
  line-height: 1;
  font-weight: 700;
  margin-bottom: 30px;
}
#page-title .catch h2 span {
  display: inline-block;
  filter: drop-shadow(1px 1px 1px rgba(255,255,255,0.8));
  padding: 10px 15px;
}
#page-title .catch p {
  font-size: 2.2rem;
  line-height: 1;
  font-weight: 700;
}
#page-title .catch p span {
 filter: drop-shadow(1px 1px 1px rgba(255,255,255,0.8));
  padding: 6px 15px;
}
#page-title .btn {
  position: absolute;
  width: 100%;
  bottom: -30px;
  z-index:999!important;
  pointer-events: none;
  
}
#page-title .btn .wrap01 {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
}
#page-title .btn .btn01 {
	position:relative;
  width: 200px;
  margin-right: 10px;
  pointer-events: auto;}
#page-title .btn .btn01 a{
}
#page-title .btn .btn02 {
  width: 200px;
  pointer-events: auto;
}
.page-nav {
  padding: 0 0 40px 0;
}
.page-nav .wrapper {
  font-size: 75%;
}
/* ----------------------------------------
  cmn-box
---------------------------------------- */
.cmn-tb01 {
  padding: 100px 0;
}
.cmn-b01 {
  padding-bottom: 100px;
}
.cmn-tb02 {
  padding: 50px 0;
}
.cmn-b02 {
  padding-bottom: 50px;
}
/* ----------------------------------------
  flex
---------------------------------------- */
.fl-box {
  display: flex;
  flex-wrap: wrap;
}
.flr-box {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row-reverse;
}
.fl-space {
  justify-content: space-between;
}

.fl-end {
  justify-content: flex-end;
}

.tb-box {
  display: table;
}
.tb-box .inner {
  display: table-cell;
  vertical-align: middle;
}


/*---------------------------------------
ハイライト
----------------------------------------*/

.highlight {
  text-decoration: underline; /* 下線 */
  text-decoration-thickness: 0.5em; /* 線の太さ */
  text-decoration-color: rgba(255, 228, 0, 0.6); /* 線の色 */
  text-underline-offset: -0.1em; /* 線の位置。テキストに重なるようにやや上部にする */
  text-decoration-skip-ink: none; /* 下線と文字列が重なる部分でも下線が省略されない（線が途切れない） */
}


/* ----------------------------------------
  cmn-title
---------------------------------------- */
.cmn-title01 {
  display: inline-block;
  position: relative;
  color: #000;
  font-size: 4.5rem;
  line-height: 1.4;
  letter-spacing: 1rem;
  margin-bottom: 30px;
}
.cmn-title01 span {
  display: block;
  color: #fff;
  font-size: 1.8rem;
  margin-bottom: 15px;
  background-color:#003474;
  padding:2%;
}
.cmn-title01::after {
  position: absolute;
  display: block;
  content: "";
  width: 120px;
  height: 100px;
  background-size: 100% auto;
  top: -20px;
  right: 0;
}
.cmn-title01-1 {
  display: inline-block;
  position: relative;
  color: #000;
  font-size: 4.5rem;
  line-height: 1.4;
  margin-bottom: 30px;
}
.cmn-title01-1 span {
  display: block;
  color: #003474;
  font-size: 1.8rem;
  margin-bottom: 15px;
  padding:2%;
}
.cmn-title01-1::after {
  position: absolute;
  display: block;
  content: "";
  width: 120px;
  height: 100px;
  background-size: 100% auto;
  top: -20px;
  right: 0;
}




.cmn-title02 {
  position: relative;
  color: #000;
  font-size: 3.6rem;
  line-height: 1.4;
  text-align: center;
  padding-bottom: 80px;
  margin-bottom: 30px;
}
.cmn-title02 span {
  display: block;
  color: rgba(0,52,116,1);
  font-size: 1.8rem;
  padding-top: 15px;
}
.cmn-title02::after {
  position: absolute;
  display: block;
  content: "";
  width: 60px;
  height: 82px;
  background: url("../images/cmn-images/icon.svg") 0 0 no-repeat;
  background-size: 100% auto;
  bottom: -10%;
  left: 50%;
  margin-left: -43px;
}
.cmn-title03 {
  font-size: 1.9rem;
  font-weight: 700;
  line-height: 1.7;
  margin-bottom: 15px;
}
.cmn-title04 {
  color: #000;
  font-size: 3.6rem;
  line-height: 1.4;
  font-weight: 700;
  text-align: center;
  margin-bottom: 50px;
}
.cmn-title05 {
  color: #000;
  font-size: 3.0rem;
  line-height: 1.4;
  font-weight: 700;
  margin-bottom: 20px;
}
.cmn-title06 {
  color: #000;
  font-size: 3.0rem;
  line-height: 1.4;
  font-weight: 700;
  border-bottom: 1px solid #a6a49d;
  padding-bottom: 15px;
  margin-bottom: 20px;
}
.cmn-title07 {
  color: #000;
  font-size: 2.4rem;
  line-height: 1.4;
  font-weight: 700;
  margin-bottom: 20px;
}
/* ----------------------------------------
  cmn-btn
---------------------------------------- */
.cmn-btn01 a {
  display: inline-block;
  color: #fff;
  font-size: 1.7rem;
  font-weight: 500;
  text-align: center;
  line-height: 1;
  min-width: 300px;
  box-sizing: border-box;
  background-color: rgba(0,52,116,1);;
  padding: 24px 10px;
}
.cmn-btn02 a {
  display: inline-block;
  color: #33201b;
  font-size: 1.7rem;
  font-weight: 500;
  text-align: center;
  line-height: 1;
  min-width: 300px;
  box-sizing: border-box;
  background-color: #fff;
  padding: 24px 10px;
}
/* ----------------------------------------
  cmn-list
---------------------------------------- */
.cmn-list01 {
  margin-left: 1em;
}
.cmn-list01 li {
  text-indent: -1em;
  margin-bottom: 10px;
}
/* ----------------------------------------
 beginner
------------------------------------------- */
#beginner ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#beginner ul li {
  position: relative;
  width: 31%;
  border: 1px solid #d5c8c8;
  background-color:#fff;
}
#beginner ul li .inner {
  padding: 30px;
}
#beginner .img-box {
  display: block;
  position: relative;
  overflow: hidden;
  padding-top: 60%;
}
#beginner .img-box img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  top: 0;
  left: 0;
  transition: 0.5s;
}
#beginner .img-box img:hover {
  transform: scale(1.1, 1.1);
}
#beginner ul li h3 {
  color: #4e2021;
  font-size: 2.4rem;
  line-height: 1;
  text-align: center;
  margin-bottom: 15px;
}
#beginner ul li .pop {
  position: absolute;
}
#beginner ul .box01 {
  position: relative;
  top: 50px;
}
#beginner ul .box03 {
  position: relative;
  top: 50px;
}
#beginner ul .box01 .pop {
  width: 100px;
  top: -40px;
  left: 0;
}
#beginner ul .box02 .pop {
  width: 170px;
  bottom: -60px;
  right: 0;
}
#beginner ul .box03 .pop {
  width: 125px;
  top: -35px;
  right: 0;
}
/* ----------------------------------------
 club
------------------------------------------- */
#club ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: -30px;
}
#club ul li {
  position: relative;
  width: 31%;
  margin-bottom: 30px;
}
#club .img-box {
  display: block;
  position: relative;
  overflow: hidden;
  padding-top: 60%;
}
#club .img-box img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  top: 0;
  left: 0;
  transition: 0.5s;
}
#club .img-box img:hover {
  transform: scale(1.1, 1.1);
}
#club ul li h3 {
  position: relative;
  color: #4e2021;
  font-size: 2.2rem;
  line-height: 1;
  text-align: center;
  width: 80%;
  box-sizing: border-box;
  background-color: #fff;
  margin: -30px auto 0 auto;
  padding: 20px;
  z-index: 10;
}
/* ----------------------------------------
 contact
------------------------------------------- */
#contact {
  background: url("../images/cmn-images/bg02.jpg") 50% 0 no-repeat;
  background-size: cover;
}
#contact .box p {
  color: #fff;
  line-height: 1;
  margin-bottom: 40px;
}
#contact h2 {
  color: #fff;
  font-size: 4.2rem;
  line-height: 1.0;
  margin-bottom: 30px;
}
#contact h2 span {
  display: block;
  font-size: 1.6rem;
  padding-top: 15px;
}
#contact h3 {
  color: #fff;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1.4;
  margin-bottom: 30px;
}
#contact .tel {
  width: 100%;
  max-width: 300px;
  margin-bottom: 30px;
}
#contact .tel img {
  display: block;
}
/* ----------------------------------------
  gmap
---------------------------------------- */
.gmap {
  height: 0;
  overflow: hidden;
  padding-bottom: 40%;
  position: relative;
}
.gmap iframe {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
}
/* ----------------------------------------
  info
---------------------------------------- */
#info {
  position: relative;
	background-color:#003474;
  
  
}
#info .box {
  width: 100%;
  box-sizing: border-box;
  padding: 60px 70px;
  margin: 0 auto;
  color:#fff;
}
#info .box01 {
  width: 25%;
}

#info .box01 p{
	margin-left:5%;
	line-height: 4rem;
}
	#info .flogo{
		width:100%;
	}
	#info .flogo img{
		width:20%;
		padding-top:3%;
		padding-left:3%;
	}

#info .box02 {
  width: 75%;
  box-sizing: border-box;
  padding-left: 7%;
}
#info .box02 .inner {
  position: relative;
  padding-left: 90px;
}

#info h2 {
  color: #43200d;
  font-size: 3rem;
  text-align: left;
  line-height: 1.3;
  margin-bottom: 20px;
}
#info h3 {
  font-size: 1.6rem;
  text-align: left;
  font-weight: 500;
  line-height: 1.9;
  margin-bottom: 10px;
}
#info p {
  font-size: 1.5rem;
  text-align: left;
  line-height: 1.9;
}
/* ----------------------------------------
  foot
---------------------------------------- */
#fnav {
  position: relative;
  text-align: left;
  
}
#fnav li {
  display: inline-block;
}
#fnav li:last-child {
  border-right: none;
}
#fnav li a {
  display: block;
  box-sizing: border-box;
  font-size: 1.8rem;
  line-height: 1.1;
  text-align: center;
  padding: 20px 10px;
  transition: 0.4s ease-in-out;
  color:#fff;
}
/* ----------------------------------------
  foot
---------------------------------------- */
.copy {
  color: #fff;
  font-size: 1.6rem;
  text-align: center;
  background-color:#003474;
  padding: 15px 0;
}
/*----------------------------------------
  page-top
---------------------------------------- */
#page-top a {
  font-family: "FontAwesome";
  display: block;
  width: 50px;
  height: 50px;
  color: #fff;
  background-color: #a90830;
  text-align: center;
  line-height: 50px;
  border-radius: 50%;
  position: fixed;
  right: 15px;
  bottom: 25px;
  z-index: 999;
}
/* =======================
  PC
======================== */
@media screen and (min-width: 1500px) {
  body {
    min-width: 1500px;
    height: 100%;
  }
  .sp-only {
    display: none;
  }
  .tablet-only {
    display: none;
  }
  .pc-none {
    display: none;
  }
	#gnav ul li .menu_second {
  left: 47%;
  /*margin-left: 240px;*/
}
}
/* =======================
  TABLET
======================== */
@media screen and (max-width:1499px) {
  body {
    font-size: clamp(1.4rem, 1.3vw, 1.7rem);
  }
  .pc-only {
    display: none;
  }
  .sp-only {
    display: none;
  }
  /* ----------------------------------------
  head
---------------------------------------- */
  #head h1 {
    width: 20%;
    margin-bottom: 30px;
  }
  #head h2 {
    width: 64%;
    font-size: 1vw;
  }
  /* ----------------------------------------
  gnav
---------------------------------------- */
	#gnav ul {
		margin-top:-50px;
	}
  #gnav ul li a {
    font-size: 1.3vw;
	
	
  }
  #page-title .btn .btn01 {
    width: 16%;
  }
  #page-title .btn .btn02 {
    width: 20%;
  }
  /* ----------------------------------------
  beginner
---------------------------------------- */
  #beginner ul .box01 .pop {
    width: 20%;
    top: -10px;
    left: 0;
  }
  #beginner ul .box02 .pop {
    width: 35%;
    bottom: -30px;
    right: 0;
  }
  #beginner ul .box03 .pop {
    width: 26%;
    top: -10px;
    right: 0;
  }
  /* ----------------------------------------
  gmap
---------------------------------------- */
  .gmap {
    padding-bottom: 50%;
  }
  /* ----------------------------------------
  foot
---------------------------------------- */
}
/* =======================
  SP
======================== */
@media screen and (max-width: 799px) {
  body {
    font-size: 1.4rem;
  }
  p {
    line-height: 1.7;
  }
  .sp-only {
    display: block;
  }
  .sp-none {
    display: none;
  }
  .pctablet {
    display: none;
  }
  .tablet-only {
    display: none;
  }
  .wrapper {
    padding: 0 6%;
  }
  /* ----------------------------------------
  head
---------------------------------------- */
  #head h1 {
    width: 200px;
    padding-top: 15px;
    margin-bottom: 15px;
  }
  /* ----------------------------------------
  page-title
---------------------------------------- */
  #page-title {
    height: 300px;
    margin-bottom: 20px;
	margin-top:-20%;
  }
  #page-title .catch {
    top: 150px;
  }
  #page-title .catch h2 {
    font-size: 1.5rem;
    margin-bottom: 15px;
  }
  #page-title .catch h2 span {
    padding: 5px 7px;
  }
  #page-title .catch p {
    font-size: 1.0rem;
  }
  #page-title .catch p span {
    padding: 5px 7px;
  }
  #page-title .btn {
    bottom: -40px;
  }
  #page-title .btn .btn01 {
    width: 70px;
  }
  #page-title .btn .btn02 {
    width: 70px;
  }
  .page-nav {
    padding: 0 170px 40px 0;
  }
  .page-nav .wrapper {
    font-size: 65%;
  }
  /* ----------------------------------------
  cmn-box
---------------------------------------- */
  .cmn-tb01 {
    padding: 60px 0;
  }
  .cmn-b01 {
    padding-bottom: 60px;
  }
  .cmn-tb02 {
    padding: 30px 0;
  }
  .cmn-b02 {
    padding-bottom: 30px;
  }
  /* ----------------------------------------
  cmn-title
---------------------------------------- */
  .cmn-title01 {
    font-size: 2.1rem;
    padding-right: 75px;
    margin-bottom: 20px;
	letter-spacing: 1rem;
  }
  .cmn-title01 span {
    font-size: 1.4rem;
    margin-bottom: 15px;
  }
  .cmn-title01::after {
    width: 70px;
    height: 57px;
    top: -10px;
    right: 0;
  }
  .cmn-title02 {
    font-size: 2.2rem;
    padding-bottom: 55px;
    margin-bottom: 20px;
  }
  .cmn-title02 span {
    font-size: 1.4rem;
    padding-top: 10px;
  }
  .cmn-title02::after {
    width: 60px;
    height: 47px;
    bottom: 0;
    left: 50%;
    margin-left: -30px;
  }
  .cmn-title03 {
    font-size: 1.6rem;
    margin-bottom: 15px;
  }
  .cmn-title04 {
    font-size: 1.8rem;
    margin-bottom: 30px;
  }
  .cmn-title05 {
    font-size: 2.0rem;
    margin-bottom: 15px;
  }
  .cmn-title06 {
    font-size: 2.0rem;
    padding-bottom: 10px;
    margin-bottom: 15px;
  }
  .cmn-title07 {
    font-size: 1.6rem;
    margin-bottom: 15px;
  }
  /* ----------------------------------------
  cmn-btn
---------------------------------------- */
  .cmn-btn01 a {
    font-size: 1.5rem;
    min-width: 250px;
    padding: 20px 10px;
  }
  .cmn-btn02 a {
    font-size: 1.5rem;
    min-width: 250px;
    padding: 20px 10px;
  }
  /* ----------------------------------------
 beginner
------------------------------------------- */
  #beginner ul li {
    width: 100%;
    margin-bottom: 30px;
  }
  #beginner ul li .inner {
    padding: 5%;
  }
  #beginner ul li h3 {
    font-size: 1.8rem;
    margin-bottom: 15px;
  }
  #beginner ul .box01 {
    position: relative;
    top: auto;
  }
  #beginner ul .box03 {
    position: relative;
    top: auto;
  }
  #beginner ul .box01 .pop {
    width: 75px;
    top: -20px;
    left: 0;
  }
  #beginner ul .box02 .pop {
    width: 100px;
    bottom: auto;
    top: -20px;
    right: auto;
    left: 0;
  }
  #beginner ul .box03 .pop {
    width: 80px;
    top: -18px;
    right: 0;
  }
  /* ----------------------------------------
 club
------------------------------------------- */
  #club ul {
    margin-bottom: -30px;
  }
  #club ul li {
    width: 48%;
    margin-bottom: 30px;
  }
  #club ul li h3 {
    font-size: 1.5rem;
    width: 90%;
    margin: -20px auto 0 auto;
    padding: 15px 10px;
  }
  /* ----------------------------------------
 contact
------------------------------------------- */
  #contact .box p {
    font-size: 1.3rem;
    margin-bottom: 15px;
  }
  #contact h2 {
    font-size: 3rem;
    margin-bottom: 15px;
  }
  #contact h2 span {
    font-size: 1.4rem;
    padding-top: 10px;
  }
  #contact h3 {
    font-size: 1.3rem;
    margin-bottom: 20px;
  }
  #contact .tel {
    max-width: 240px;
    margin-bottom: 10px;
  }
  /* ----------------------------------------
  gmap
---------------------------------------- */
  .gmap {
    padding-bottom: 80%;
  }
  /* ----------------------------------------
  info
---------------------------------------- */
  #info {
    position: relative;
    padding: 30px;
    margin-bottom: 0px;
  }
#info .flogo{
		width:100%;
	text-align:center;
	}
	#info .flogo img{
		width:60%;
		padding-top:10%;
		padding-left:0;
	}
	
  #info .box {
   /* max-width: 400px;*/
    padding: 0;
    margin: 0 auto;
  }
  #info .box01 {
    width: 100%;
    margin-bottom: 20px;
	margin-top:10%;
	
  }
  #info .box02 {
    width: 100%;
    padding-left: 0;
  }
  #info .box02 .inner {
  }
  #info h2 {
    font-size: 2rem;
    margin-bottom: 20px;
  }
  #info h3 {
    font-size: 1.2rem;
    margin-bottom: 10px;
  }
  #info p {
    font-size: 1.3rem;
    text-align: center!important;
    line-height: 1.9;
  }
  /* ----------------------------------------
  fnav
---------------------------------------- */
  #fnav {
    padding: 0;
	  display:none;
  }
  #fnav ul {
	  width:100%!important;
	}
  #fnav li {
    display: block;
    border-bottom: 1px solid #ccc;
  }
  #fnav li a {
    position: relative;
    text-align: left;
    padding: 15px 5%;
  }
  #fnav li a::after {
    position: absolute;
    content: "\f105";
    font-family: 'FontAwesome';
    font-weight: normal;
    font-style: normal;
    display: inline-block;
    right: 5%;
    color: #333;
  }
  /* ----------------------------------------
  foot
---------------------------------------- */
  .copy {
    font-size: 1.3rem;
  }
  /* ----------------------------------------
  page-top
---------------------------------------- */
  #page-top a {
    width: 30px;
    height: 30px;
    line-height: 30px;
    right: 10px;
    bottom: 15px;
  }
}