/* ↓全体の文字カラー↓ */
body {
color: #555555;
}

/* ↓リンクの文字カラー↓ */
a:link { color: #555555; }
a:visited { color: #555555; }
a:hover { color: #80D0D2; }
a:active { color: #555555; }

/* ↓部分的な行間↓ */
.gyo {
line-height: 175%;
}

/* ↓部分的な行間_4分アキ↓ */
.gyo2 {
line-height: 200%;
}


/* ↓○を小さくしない↓ */
.maru {
	font-family: Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}


/* ↓メニューバーカラー↓ */
.navbar-default {
  background-color: #ffffff;
  border-color: #ffffff;
}
.navbar-default .navbar-brand {
  color: #ffffff;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
  color: #ffffff;
}
.navbar-default .navbar-text {
  color: #80D0D2;
}
.navbar-default .navbar-nav > li > a {
  color: #ffffff;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #c0e8e9;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #ffffff;
  background-color: #80D0D2;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  color: #ffffff;
  background-color: #80D0D2;
}
.navbar-default .navbar-toggle {
  border-color: #80D0D2;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: #80D0D2;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #ffffff;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: #c0e8e9;
}
.navbar-default .navbar-link {
  color: #c0e8e9;
}
.navbar-default .navbar-link:hover {
  color: #ffffff;
}

@media (max-width: 767px) {
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #644a3a;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #ffffff;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #ffffff;
    background-color: #927e71;
  }
}






/* ↓メニューバー幅↓ */
.nav>li>a {
    padding: 6px 15px 5px 25px;
}


/* ↓メニューバー幅スマホ_4297行目↓ */
.navbar-toggle {
}


.topmenu {
  margin: 10px auto;
  width:268px;
}




/* Bootstrapのガター幅を調整するための汎用CSS */
.row-0{ margin-left:0px;  margin-right:0px}
.row-0 >div{ padding-right:0px;  padding-left:0px}
.row-10{ margin-left:-5px;  margin-right:-5px}
.row-10 >div{ padding-right:5px;  padding-left:5px}
.row-20{ margin-left:-10px;  margin-right:-10px}
.row-20 >div{ padding-right:10px;  padding-left:10px}
.row-30{ margin-left:-15px;  margin-right:-15px}
.row-30 >div{ padding-right:15px;  padding-left:15px}
.row-40{ margin-left:-20px;  margin-right:-20px}
.row-40 >div{ padding-right:20px;  padding-left:20px}
.row-50{ margin-left:-25px;  margin-right:-25px}
.row-50 >div{ padding-right:25px;  padding-left:25px}





#map_canvas{
	position: relative;
	padding-bottom: 66%;
	padding-top: 100px;
	height: 0;
	overflow: hidden;
}
#map_canvas iframe{
	position: absolute;
	top: 0;
	left: 0;
	width: 556px !important;
	height: 100% !important;
}




.navbar.navbar-default {
}





.is-fixed {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
}





.box {
  margin: 0;
  float: left;
  width: 100%;
}
.box img {
  max-width: 30%;
  float: left;
}
.box p {
  margin-left: 15px;
  padding: 0px;
}
.right {
  width: 65%;
  float: left;
}  
 

.box2 {
	width:100%;
    background: #ffffff;/*背景色*/
}
.box2 p {
}


.box3 {
    background: #00a0a5;/*背景色*/
}
.box3 p {
}






header {
  position: fixed;
  width: 100%;
  top: 0;
  z-index: 10000;
}



/* ↓スクロールに応じて要素を固定↓ */
#fixed {
  position: fixed;
  left: 0;
  margin: 0;/*余白が入らないように*/
  /*以下装飾*/
  width: 100%;
  color:white;
  }


/*レスポンシブ文字*/
p {
  font-size: 3vw;
}
 
@media(min-width:700px) {
  p {
    font-size:  20px;
  }
}



/*バナーのマージン*/
.banner {
   margin: 8px  0px 8px;
}



a.form_btn {
	display: block;
    width: auto;
	padding: 0.75em;
	text-align: center;
	text-decoration: none;
    font-size:1.5em;
	color: #00a0a5;
	border: 1px solid #00a0a5;
	border-radius: 3px;
	transition: .2s;
}
a.form_btn:hover {
	background: #00a0a5;
	color: #fff;
}

a.yoyaku_btn {
	display: block;
    width: auto;
	padding: 0.5em;
	text-align: center;
	text-decoration: none;
    font-size:1.25em;
	color: #00a0a5;
	border: 1px solid #00a0a5;
	border-radius: 3px;
	transition: .2s;
}
a.yoyaku_btn:hover {
	background: #00a0a5;
	color: #fff;
}