@charset "UTF-8";
@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
/* --------------------
 body
-------------------- */
html {
  font-size: 62.5%; /* 10px基準 */
}

body {
  color: #4d4d4d;
  line-height: 1.7;
  font-size: 14px;
  font-size: 1.4rem;
  background-color: #fff;
  font-family: "Noto Sans Japanese", Meiryo, sans-serif;
}

body * {
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}

a {
  color: #4d4d4d;
  text-decoration: underline;
}

a:hover,
a:focus {
  color: #f00;
  text-decoration: underline;
}

a[href^="tel:"] {
  pointer-events: none;
  text-decoration: none !important;
}

img.centered {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

img.alignright {
  padding: 4px;
  margin: 0 0 2px 7px;
  display: inline;
}

img.alignleft {
  padding: 4px;
  margin: 0 7px 2px 0;
  display: inline;
}

.alignright {
  float: right;
}

.alignleft {
  float: left;
}

.wp-caption {
  max-width: 100%;
}

img {
  max-width: 100%;
  height: auto;
  vertical-align: top;
}

em {
  font-style: italic;
}

/* Advanced Responsive Video Embedder プラグイン用 */
.aligncenter {
  margin: 0 auto !important;
}

/* --------------------
 header
-------------------- */
.skip-contents a {
  color: #fff;
  background-color: #000;
  display: block;
  padding: 6px 10px;
  border-radius: 4px;
  text-decoration: none;
  position: absolute;
  left: -9999px;
  top: 0;
  z-index: 50;
}
.skip-contents a:focus {
  color: #fff;
  left: 0;
  text-decoration: none;
}
.skip-contents a:hover {
  color: #fff;
  text-decoration: none;
}

#wrapper {
  margin: 0 auto;
  min-height: 650px;
  position: relative;
  overflow: hidden;
}

#wrapper-improve {
  margin: 0 auto;
  min-height: 650px;
  position: relative;
}

#header {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  width: 200px;
  height: 100%;
}

#header #logo {
  width: 100%;
  height: 168px;
  border-bottom: 4px #e2dfdd solid;
  background-color: #fff;
  position: relative;
}

#header #logo img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}

#header #sp-lang {
  display: none;
}

#header #sp-nav-btn {
  display: none;
}

#header #sp-nav-search-btn {
  display: none;
}

#header nav {
  width: 100%;
}

.pc #header nav {
  display: block !important;
}

#header #m-nav {
  padding: 6px 0 0;
  width: 100%;
  background-color: #fff;
  border-bottom: 1px #d4d4d4 solid;
}

#header #m-nav > ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

#header #m-nav > ul > li {
  margin: 0;
  padding: 0;
  color: #000;
}

#header #m-nav > ul > li > a,
#header #m-nav > ul > li > .c-nav-btn {
  padding: 2px 12px 2px 16px;
  display: block;
  cursor: pointer;
}

#header #m-nav > ul > li.nav-1:hover,
#header #m-nav > ul > li.nav-2:hover,
#header #m-nav > ul > li.nav-3:hover,
#header #m-nav > ul > li.nav-1:focus,
#header #m-nav > ul > li.nav-2:focus,
#header #m-nav > ul > li.nav-3:focus {
  border-right: 4px #608273 solid;
}

#header #m-nav > ul > li > a::before,
#header #m-nav > ul > li > .c-nav-btn::before {
  display: inline-block;
  width: 25px;
  height: 16px;
  position: relative;
}

#header #m-nav > ul > li > a span,
#header #m-nav > ul > li > .c-nav-btn span {
  font-size: 10px;
  font-size: 1rem;
}

#header #m-nav > ul > li > a .fa,
#header #m-nav > ul > li > .c-nav-btn .fa {
  width: 25px;
}

#header #m-nav > ul > li a,
#header #m-nav > ul > li .c-nav-btn {
  color: #000;
  text-decoration: none;
}

#header #m-nav > ul > li.nav-1 a::before,
#header #m-nav > ul > li.nav-1 .c-nav-btn::before {
  margin-right: 5px;
  content: " ";
  width: 20px;
  height: 20px;
  background: url("../img/com/header/main-nav-icon1.svg") no-repeat left center/contain;
  background-size: cover;
  top: 5px;
}

#header #m-nav > ul > li.nav-2 a::before,
#header #m-nav > ul > li.nav-2 .c-nav-btn::before {
  margin-right: 5px;
  content: " ";
  width: 20px;
  height: 20px;
  background: url(../img/com/header/m-nav-icon-1.png) no-repeat left top;
  background-size: cover;
  top: 5px;
}

#header #m-nav > ul > li.nav-3 a::before,
#header #m-nav > ul > li.nav-3 .c-nav-btn::before {
  margin-right: 5px;
  content: " ";
  width: 20px;
  height: 20px;
  background: url("../img/com/header/main-nav-icon3.svg") no-repeat left center/contain;
  background-size: cover;
  top: 5px;
}

#header #m-nav > ul > li.nav-4 a::before,
#header #m-nav > ul > li.nav-4 .c-nav-btn::before {
  margin-right: 5px;
  content: " ";
  width: 20px;
  height: 20px;
  background: url("../img/com/header/main-nav-icon4.svg") no-repeat left center/contain;
  background-size: cover;
  top: 5px;
}

#header #m-nav > ul > li .c-nav {
  display: none;
  padding: 80px 16px 40px;
  width: 240px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 200px;
  z-index: 10;
}

#header #m-nav > ul > li.nav-6,
#header #m-nav > ul > li.nav-7 {
  font-size: 12px;
  font-size: 1.2rem;
}

#header #m-nav > ul > li.nav-6 {
  margin-top: 10px;
  border-top: 1px #d4d4d4 solid;
}

#header #m-nav > ul > li.nav-7 {
  border-top: 1px #d4d4d4 solid;
}

#header #m-nav > ul > li.nav-6 a,
#header #m-nav > ul > li.nav-7 a {
  padding: 4px 16px;
}

#header #m-nav > ul > li.nav-5 a::before {
  margin-right: 5px;
  content: " ";
  width: 20px;
  height: 20px;
  background: url("../img/com/header/main-nav-icon5.svg") no-repeat left center/contain;
  background-size: cover;
  top: 5px;
}

#header #m-nav > ul > li.nav-6 a::before {
  margin-right: 5px;
  content: " ";
  width: 20px;
  height: 20px;
  background: url(../img/com/header/m-nav-icon-2.png) no-repeat left top;
  background-size: cover;
  top: 5px;
}

#header #m-nav > ul > li.nav-7 a::before {
  margin-right: 5px;
  content: " ";
  width: 20px;
  height: 20px;
  background: url(../img/com/header/m-nav-icon-3.png) no-repeat left top;
  background-size: cover;
  top: 5px;
}

#header #m-nav > ul > li.nav-1 .c-nav {
  background-color: #f3f3d8;
}

#header #m-nav > ul > li.nav-2 .c-nav {
  background-color: #e5f1f9;
}

#header #m-nav > ul > li.nav-3 .c-nav,
#header #m-nav > ul > li.nav-4 .c-nav {
  background-color: #f0e2d3;
}

#info #header #m-nav > ul > li.nav-1 .c-nav {
  background-color: #f3f3d8;
}

#info #header #m-nav > ul > li.nav-1 .c-nav li a:hover,
#info #header #m-nav > ul > li.nav-1 .c-nav li.current a,
#info #header #m-nav > ul > li.nav-1 .c-nav li a:focus {
  background-color: #006837;
}

#tenrankai-events #header #m-nav > ul > li.nav-1 .c-nav {
  background-color: #f3e5d8;
}

#tenrankai-events #header #m-nav > ul > li.nav-1 .c-nav li a:hover,
#tenrankai-events #header #m-nav > ul > li.nav-1 .c-nav li.current a,
#tenrankai-events #header #m-nav > ul > li.nav-1 .c-nav li a:focus {
  background-color: #732600;
}

#koshukai-workshops #header #m-nav > ul > li.nav-1 .c-nav {
  background-color: #ecf1f0;
}

#koshukai-workshops #header #m-nav > ul > li.nav-1 .c-nav li a:hover,
#koshukai-workshops #header #m-nav > ul > li.nav-1 .c-nav li.current a,
#koshukai-workshops #header #m-nav > ul > li.nav-1 .c-nav li a:focus {
  background-color: #005980;
}

#info.active #header #m-nav > ul > li.nav-1 .c-nav,
#tenrankai-events.active #header #m-nav > ul > li.nav-1 .c-nav,
#koshukai-workshops.active #header #m-nav > ul > li.nav-1 .c-nav,
#shisetsu.active #header #m-nav > ul > li.nav-2 .c-nav,
#restaurant-cafe.active #header #m-nav > ul > li.nav-3 .c-nav {
  display: block !important;
  z-index: 9;
}

#header #m-nav > ul > li .c-nav .btn-close {
  position: absolute;
  top: 50px;
  right: 10px;
  width: 16px;
  height: 16px;
  border-radius: 2px;
  line-height: 16px;
  font-size: 1.2rem;
  text-align: center;
  color: #666;
  background-color: rgba(255, 255, 255, 0.6);
  cursor: pointer;
}

#info.active #header #m-nav > ul > li.nav-1 .c-nav .btn-close,
#tenrankai-events.active #header #m-nav > ul > li.nav-1 .c-nav .btn-close,
#koshukai-workshops.active #header #m-nav > ul > li.nav-1 .c-nav .btn-close,
#shisetsu.active #header #m-nav > ul > li.nav-2 .c-nav .btn-close,
#restaurant-cafe.active #header #m-nav > ul > li.nav-3 .c-nav .btn-close {
  display: none;
}

#header #m-nav > ul > li .c-nav .c-nav__ttl {
  margin: 0 0 15px 10px;
  color: #000;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.2;
}

#header #m-nav > ul > li .c-nav ul {
  margin: 0 0 18px;
  padding: 0;
  list-style: none;
}

#header #m-nav > ul > li .c-nav ul li {
  margin: 0;
  padding: 0;
  color: #000;
}

#header #m-nav > ul > li .c-nav ul li a {
  display: block;
  padding: 5px 10px;
  color: #000;
  text-decoration: none;
}

#header #m-nav > ul > li .c-nav ul li a:hover,
#header #m-nav > ul > li .c-nav ul li a:focus {
  color: #fff;
}

#header #m-nav > ul > li .c-nav .c-nav__ttl2 {
  margin: 0 0 8px 10px;
  padding-left: 6px;
  color: #3b1100;
  line-height: 1.2;
}

#header #m-nav > ul > li .c-nav .c-nav__ttl2.title-1 {
  border-left: 5px #358c63 solid;
}

#header #m-nav > ul > li .c-nav .c-nav__ttl2.title-2 {
  border-left: 5px #9c392a solid;
}

#header #m-nav > ul > li .c-nav .c-nav__ttl2.title-3 {
  border-left: 5px #184666 solid;
}

#header #m-nav > ul > li .c-nav ul.list-1 {
  margin: 0 0 0 10px;
}

#header #m-nav > ul > li .c-nav ul.list-1 li {
  font-size: 12px;
  font-size: 1.2rem;
}

#header #m-nav > ul > li.nav-1 .c-nav li a:hover,
#header #m-nav > ul > li.nav-1 .c-nav li.current a,
#header #m-nav > ul > li.nav-1 .c-nav li a:focus {
  color: #fff;
  background-color: #006837;
}

#header #m-nav > ul > li.nav-2 .c-nav li a:hover,
#header #m-nav > ul > li.nav-2 .c-nav li.current a,
#header #m-nav > ul > li.nav-2 .c-nav li a:focus {
  color: #fff;
  background-color: #2b8000;
}

#header #m-nav > ul > li.nav-3 .c-nav li a:hover,
#header #m-nav > ul > li.nav-3 .c-nav li.current a,
#header #m-nav > ul > li.nav-4 .c-nav li a:hover,
#header #m-nav > ul > li.nav-4 .c-nav li.current a,
#header #m-nav > ul > li.nav-3 .c-nav li a:focus,
#header #m-nav > ul > li.nav-4 .c-nav li a:focus {
  color: #fff;
  background-color: #d83500;
}

#header #m-nav > ul > li.nav-2 .c-nav .list-1 {
  margin-bottom: 10px;
}

#header #m-nav > ul > li.nav-2 .c-nav .list-1 a {
  padding: 2px 10px;
}

#header #m-nav > ul > li.nav-2 .c-nav .list-2 {
  width: 100%;
  letter-spacing: -0.4em;
}

#header #m-nav > ul > li.nav-2 .c-nav .list-2 li {
  display: inline-block;
  letter-spacing: normal;
  vertical-align: top;
  width: 50%;
  font-size: 12px;
  font-size: 1.2rem;
}

#header #m-nav > ul > li.nav-2 .c-nav .list-2 a {
  padding: 2px 10px;
}

#header #s-nav {
  padding: 6px 16px;
  width: 100%;
}

#header #s-nav h2 {
  padding-left: 25px;
  color: #000;
  background: url(../img/com/header/s-nav-icon-title.png) no-repeat left center;
  font-weight: normal;
}

#header #s-nav ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

#header #s-nav ul li {
  margin: 0;
  padding: 2px 0 2px 24px;
  font-size: 12px;
  font-size: 1.2rem;
  color: #000;
  background: url(../img/com/header/s-nav-icon-1.png) no-repeat 8px 10px;
}

#header #s-nav ul li a {
  color: #000;
  text-decoration: none;
}

#header #o-nav {
  padding: 0;
  width: 100%;
}

#header #o-nav > ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

#header #o-nav > ul > li {
  margin: 0;
  padding: 0;
  border-top: 1px #d4d4d4 solid;
  color: #000;
}

#header #o-nav ul li.sp {
  display: none;
}

#header #o-nav > ul > li > a {
  padding: 6px 16px 6px 43px;
  display: block;
  color: #000;
  text-decoration: none;
}

#header #o-nav > ul > li.nav-1 > a {
  background: url(../img/com/header/o-nav-icon-1.png) no-repeat 18px center;
}

#header #o-nav > ul > li.nav-2 > a {
  background: url(../img/com/header/s-nav-icon-1.png) no-repeat 24px 16px;
}

#header .n-nav {
  padding: 80px 20px 40px;
  width: 240px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 200px;
  background: #447570;
  z-index: 9;
}

#header #nav-infomation.n-nav {
  display: none;
  background: #ecf3e4 none;
}

#header #nav-infomation-2.n-nav {
  display: none;
  background: #ecf3e4 none;
}

#page.active #header #nav-infomation.n-nav,
#toiawase.active #header #nav-infomation.n-nav,
#ikuseijigyo.active #header #nav-infomation-2.n-nav {
  display: block;
  z-index: 9;
}

#header .n-nav .n-nav__ttl {
  margin: 0 0 15px 10px;
  color: #000;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.2;
}

#header .n-nav ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

#header .n-nav ul li {
  margin: 0;
  padding: 0;
  color: #000;
}

#header .n-nav ul li.border-top {
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px #ccc solid;
}

#header .n-nav ul li a {
  display: block;
  padding: 5px 10px;
  color: #000;
  text-decoration: none;
}

#header .n-nav ul li a:hover,
#header .n-nav ul li.current a,
#header .n-nav ul li a:focus {
  color: #fff;
  background-color: #006837;
}

#top-bar {
  position: relative;
  z-index: 10;
  margin: 0 0 0 200px;
  height: 40px;
  color: #fff;
  background-color: #013142;
  font-size: 12px;
  font-size: 1.2rem;
}

#top-bar #font-size {
  position: absolute;
  top: 10px;
  left: 14px;
  width: 110px;
}

#top-bar #font-size .text,
#top-bar #font-size .btn {
  float: left;
}

#top-bar #font-size .text {
  width: 32px;
}

#top-bar #font-size .btn {
  margin: 0;
  padding: 0;
  list-style: none;
  width: 66px;
}

#top-bar #font-size .btn li {
  float: left;
  margin-right: 2px;
  width: 20px;
  height: 20px;
  line-height: 20px;
  color: #333;
  background-color: #5a717b;
  text-align: center;
  cursor: pointer;
}

#top-bar #font-size .btn li.current {
  background-color: #b3b3b3;
}

#top-bar #lang {
  margin: 0;
  padding: 0 0 0 14px;
  border-left: 1px #5c6d75 solid;
  list-style: none;
  position: absolute;
  top: 10px;
  left: 126px;
}

#top-bar #lang li {
  margin: 0;
  padding: 0;
}

#top-bar #lang li a {
  color: #fff;
  text-decoration: none;
}

#top-bar #h-nav {
  margin: 0;
  padding: 0;
  list-style: none;
  position: absolute;
  top: 10px;
  right: 56px;
}

#top-bar #h-nav li {
  margin: 0 0 0 12px;
  padding: 0;
  float: left;
}

#top-bar #h-nav li:last-child {
  margin: 0 0 0 12px;
  padding: 0 0 0 12px;
  border-left: 1px #5c6d75 solid;
}

#top-bar #h-nav li a {
  color: #e6e6e6;
  text-decoration: none;
}

#top-bar #nav-search {
  width: 40px;
  height: 40px;
  position: absolute;
  top: 0;
  right: 0;
}

#top-bar #nav-search .btn {
  width: 40px;
  height: 40px;
  color: #fff;
  background-color: #010101;
  text-align: center;
  cursor: pointer;
}

#top-bar #nav-search .box {
  display: none;
  position: absolute;
  top: 40px;
  right: 0;
  background-color: #010101;
  width: 202px;
  padding: 10px;
  border-radius: 0 0 0 8px;
}

#top-bar #nav-search .box #cse-search-box {
  width: 192px;
  height: 28px;
  background: url(../img/com/header/bg_search.png) no-repeat left top;
}

#top-bar #nav-search .box #cse-search-box input {
  border: none !important;
}

#top-bar #nav-search .box #cse-search-box #saerch-box-input {
  width: 152px !important;
  height: 20px !important;
  margin: 5px 0 0 3px !important;
  padding: 0 !important;
  vertical-align: top !important;
}

#top-bar #nav-search .box #cse-search-box #saerch-box-btn {
  margin: 7px 0 0 6px !important;
  padding: 0 !important;
  vertical-align: top !important;
}

#f-nav-infomation.n-nav {
  display: none;
  background: #ecf3e4 none;
}

#f-nav-infomation-2.n-nav {
  display: none;
  background: #ecf3e4 none;
}

/* --------------------
 main
-------------------- */
#main {
  padding: 0 0 0 440px;
  min-height: 610px;
}

#pankuzu {
  margin: 0 10px 32px;
  padding-top: 6px;
  color: #989898;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 16px;
}
#pankuzu i {
  line-height: 1;
  position: relative;
  top: 2px;
}
#pankuzu i img {
  vertical-align: baseline;
}

#pankuzu a {
  color: #989898;
  text-decoration: none;
}

#pankuzu a:hover,
#pankuzu a:focus {
  color: #989898;
  text-decoration: underline;
}

#pankuzu a.home {
  color: #cbcbcb;
  text-decoration: none;
  font-size: 16px;
  font-size: 1.6rem;
}

#main-image {
  margin: 0 1px 36px;
  background-color: #ccc;
}

/*#contents{
	margin:0 30px;
	padding-bottom:30px;
}*/
#contents {
  margin: 0 1px;
}

#info-box-btm {
  width: 100%;
}

.f-nav.c-nav {
  display: none;
}

/* --------------------
 footer
-------------------- */
.f-btn {
  margin-left: 10px;
  display: inline-block;
  border: 1px #e5e5e5 solid;
  border-radius: 4px;
  color: #1c7c3e;
  background-color: #fff;
  padding: 2px 0;
  text-align: center;
  width: 80px;
  text-decoration: none;
  position: relative;
  top: 0;
}

.f-btn:hover,
.f-btn:focus {
  color: #1c7c3e;
  text-decoration: none;
  opacity: 0.8;
}

#f-box-l .text-box {
  margin-top: 16px;
  display: table;
  width: 100%;
}

#f-box-l .text-box > p {
  display: table-cell;
  vertical-align: middle;
}

#f-box-l .text-box > p.btn {
  width: 116px;
  font-size: 12px;
  font-size: 1.2rem;
}

#f-box-l .text-box > p.btn a {
  display: block;
  border: 1px #1c7c3e solid;
  color: #1c7c3e;
  background-color: #fff;
  padding: 8px 0;
  text-align: center;
  width: 100%;
  text-decoration: none;
  position: relative;
}

#f-box-l .text-box > p.btn a:hover,
#f-box-l .text-box > p.btn a:focus {
  opacity: 0.8;
}

#f-box-l .text-box > p.btn a::after {
  content: "";
  width: 5px;
  height: 7px;
  background: url(../img/com/footer/btn-icon-1.gif) no-repeat left top;
  background-size: contain;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 8px;
  margin: auto;
}

#f-box-l .text-box > p.text-1 {
  padding-left: 12px;
  font-size: 12px;
  font-size: 1.2rem;
}

#footer {
  margin: 0 auto;
  padding: 50px 40px 32px;
  border-top: 6px #9ec890 solid;
  background-color: #f1f1f1;
  position: relative;
}

#f-box-l {
  margin-bottom: 20px;
  width: 45%;
  float: left;
}

#f-address-1 {
  margin-bottom: 16px;
}

#f-address-1 dt {
  margin-bottom: 10px;
}

#f-address-1 dd {
  font-size: 12px;
  font-size: 1.2rem;
}

.f-address-2 {
  margin-bottom: 8px;
}

.f-address-2 dl {
  float: left;
}

.f-address-2 dl.box-l {
  width: 40%;
}

.f-address-2 dl.box-r {
  width: 60%;
}

.f-address-2 dt {
  color: #000;
  font-weight: bold;
}

.f-address-2 dd {
  font-size: 12px;
  font-size: 1.2rem;
}

#f-box-l .text {
  font-size: 12px;
  font-size: 1.2rem;
}

#f-box-l .text a {
  color: #006837;
}

#f-box-l .text a:hover,
#f-box-l .text a:focus {
  color: #f00;
}

#f-box-r {
  margin-bottom: 20px;
  width: 55%;
  float: left;
}

#f-box-r > .inner {
  float: left;
  width: 100%;
}

#f-link-1 {
  padding-bottom: 40px;
}

#f-link-1 ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

#f-link-1 > ul {
  float: left;
  width: 33.3%;
}

#f-link-1 ul > li {
  margin: 0;
  padding: 0;
}

#f-link-1 > ul > li {
  padding-bottom: 10px;
  font-weight: bold;
}

#f-link-1 > ul.f-link-1 > li {
  font-weight: normal;
}

#f-link-1 > ul.f-link-1 > li > a {
  color: #4d4d4d;
}

#f-link-1 > ul > li li {
  padding-top: 10px;
  font-weight: normal;
}

#f-link-1 > ul > li > a {
  color: #000;
}

#f-link-1 ul > li a {
  color: #4d4d4d;
  text-decoration: none;
}

#f-link-1 ul > li a:hover,
#f-link-1 ul > li a:focus {
  text-decoration: underline;
}

#f-link-2 {
  clear: both;
  margin: 20px 0 0 0;
  padding: 20px 0 0 0;
  list-style: none;
  border-top: 1px #c9c9c9 solid;
  letter-spacing: -0.4em;
  text-align: center;
}

#f-link-2 li {
  margin: 0 20px 0 0;
  padding: 0;
  letter-spacing: normal;
  font-size: 12px;
  font-size: 1.2rem;
  display: inline-block;
}

#f-link-2 li.border {
  padding-left: 20px;
  border-left: 1px #c8c8c8 solid;
}

#f-link-2 li:last-child {
  margin: 0;
}

#f-link-2 li a {
  color: #4d4d4d;
  text-decoration: none;
}

#f-link-2 li a:hover,
#f-link-2 li a:focus {
  text-decoration: underline;
}

#page-top {
  width: 52px;
  height: 52px;
  position: absolute;
  bottom: -26px;
  right: 40px;
}

#copyright {
  padding: 24px 0;
  font-size: 12px;
  font-size: 1.2rem;
  text-align: center;
}

#copyright a {
  color: #4d4d4d;
  text-decoration: none;
}

#copyright a:hover,
#copyright a:focus {
  color: #4d4d4d;
  text-decoration: underline;
}

@media screen and (max-width: 1280px) {
  /* --------------------
  	main
  -------------------- */
  #main {
    padding-left: 200px;
  }
}
@media screen and (max-width: 768px) {
  /* --------------------
  	body
  -------------------- */
  a[href^="tel:"] {
    pointer-events: auto;
    text-decoration: underline !important;
  }
  select,
  input,
  textarea {
    font-size: 1.6rem;
  }
  /* --------------------
  	header
  -------------------- */
  #wrapper,
  #wrapper-improve {
    min-height: 0;
  }
  #header {
    position: static;
    width: 100%;
    height: 46px;
    border-bottom: 1px #e5e5e5 solid;
  }
  #top #header {
    border-bottom: none;
  }
  #header #logo {
    width: 151px;
    height: 37px;
    border-bottom: none;
    background: #fff url(../img/com/header/sp-logo.jpg) no-repeat left top;
    background-size: cover;
    position: absolute;
    top: 2px;
    left: 14px;
  }
  #header #logo a {
    width: 151px;
    height: 37px;
    display: block;
  }
  #header #logo img {
    visibility: hidden;
    width: 151px;
    height: 37px;
    position: static;
  }
  #header #sp-lang {
    display: block;
    width: 66px;
    position: absolute;
    top: 12px;
    right: 102px;
    line-height: 18px;
  }
  #header #sp-lang a {
    display: block;
    border: 1px #a6a6a6 solid;
    border-radius: 3px;
    text-align: center;
    font-size: 10px;
    font-size: 1rem;
    color: #4d4d4d;
    text-decoration: none;
  }
  #header #sp-lang a i {
    margin-right: 6px;
    line-height: 1;
    position: relative;
    top: -1px;
  }
  #header #sp-lang a i img {
    vertical-align: baseline;
  }
  #header #sp-nav-btn {
    display: block;
    width: 45px;
    height: 45px;
    position: absolute;
    top: 0;
    right: 45px;
  }
  #header #sp-nav-search-btn {
    display: block;
    width: 45px;
    height: 45px;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 100;
  }
  #header #sp-nav-search-btn .btn {
    width: 45px;
    height: 45px;
    color: #fff;
    background-color: #b2b2b2;
    text-align: center;
    cursor: pointer;
  }
  #header #sp-nav-search-btn .box {
    display: none;
    position: absolute;
    top: 45px;
    right: 0;
    background-color: #b2b2b2;
    width: 202px;
    padding: 10px;
    border-radius: 0 0 0 8px;
  }
  #header #sp-nav-search-btn .box #sp-cse-search-box {
    width: 192px;
    height: 28px;
    background: url(../img/com/header/bg_search.png) no-repeat left top;
  }
  #header #sp-nav-search-btn .box #sp-cse-search-box input {
    border: none !important;
  }
  #header #sp-nav-search-btn .box #sp-cse-search-box #sp-saerch-box-input {
    width: 152px !important;
    height: 20px !important;
    margin: 5px 0 0 3px !important;
    padding: 0 !important;
    vertical-align: top !important;
  }
  #header #sp-nav-search-btn .box #sp-cse-search-box #sp-saerch-box-input.bgn {
    background-image: none !important;
  }
  #header #sp-nav-search-btn .box #sp-cse-search-box #sp-saerch-box-btn {
    margin: 7px 0 0 6px !important;
    padding: 0 !important;
    vertical-align: top !important;
  }
  #header nav {
    display: none;
    width: 100%;
    background-color: #fff;
    position: absolute;
    top: 46px;
    left: 0;
    z-index: 100;
  }
  #header #m-nav > ul > li.nav-1:hover,
  #header #m-nav > ul > li.nav-2:hover,
  #header #m-nav > ul > li.nav-3:hover,
  #header #m-nav > ul > li.nav-1:focus,
  #header #m-nav > ul > li.nav-2:focus,
  #header #m-nav > ul > li.nav-3:focus {
    border-right: none;
  }
  #header #m-nav > ul > li .c-nav {
    display: none;
    padding: 10px;
    width: 100%;
    height: auto;
    position: static;
    padding-bottom: 1px;
    margin-bottom: 0;
  }
  #header #m-nav > ul > li .c-nav.active {
    display: block !important;
  }
  #header #m-nav > ul > li .c-nav .btn-close {
    display: none;
  }
  #header #m-nav > ul > li .c-nav .c-nav__ttl {
    display: none;
  }
  #header #o-nav ul li.sp {
    display: block;
  }
  #top-bar {
    display: none;
  }
  #f-nav-infomation.n-nav,
  #f-nav-infomation-2.n-nav {
    display: block;
    padding: 28px 38px;
    width: 100%;
    background: #ecf3e4;
  }
  #page.active #f-nav-infomation.n-nav,
  #toiawase.active #f-nav-infomation.n-nav,
  #ikuseijigyo.active #f-nav-infomation-2.n-nav {
    display: block !important;
    z-index: 9;
  }
  #f-nav-infomation.n-nav .n-nav__ttl,
  #f-nav-infomation-2.n-nav .n-nav__ttl {
    margin: 0 0 15px 10px;
    color: #000;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.2;
  }
  #f-nav-infomation.n-nav ul,
  #f-nav-infomation-2.n-nav ul {
    margin: 0;
    padding: 0;
    list-style: none;
  }
  #f-nav-infomation.n-nav ul li,
  #f-nav-infomation-2.n-nav ul li {
    margin: 0;
    padding: 0;
    color: #000;
  }
  #f-nav-infomation.n-nav ul li.border-top {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px #ccc solid;
  }
  #f-nav-infomation.n-nav ul li a,
  #f-nav-infomation-2.n-nav ul li a {
    display: block;
    padding: 5px 10px;
    color: #000;
    text-decoration: none;
  }
  #f-nav-infomation.n-nav ul li a:hover,
  #f-nav-infomation.n-nav ul li.current a,
  #f-nav-infomation-2.n-nav ul li a:hover,
  #f-nav-infomation-2.n-nav ul li.current a,
  #f-nav-infomation.n-nav ul li a:focus,
  #f-nav-infomation-2.n-nav ul li a:focus {
    color: #fff;
    background-color: #006837;
  }
  /* --------------------
  	main
  -------------------- */
  #main {
    padding: 0;
    min-height: 0;
  }
  #pankuzu {
    margin: 0 0 2px;
    padding: 6px 15px;
    font-size: 10px;
    font-size: 1rem;
    background-color: #f5f5f5;
  }
  #pankuzu a {
    color: #989898;
    text-decoration: none;
  }
  #pankuzu a:hover,
  #pankuzu a:focus {
    color: #989898;
    text-decoration: none;
  }
  #pankuzu a.home {
    color: #989898;
    text-decoration: none;
    font-size: 12px;
    font-size: 1.2rem;
  }
  #main-image {
    margin: 0 1px 36px;
    background-color: #ccc;
  }
  /*#contents{
  	margin:0 30px;
  	padding-bottom:30px;
  }*/
  #contents {
    margin: 0;
  }
  #info-box-btm {
    width: 100%;
  }
  #f-nav-1.f-nav.c-nav {
    background-color: #f3f3d8;
  }
  #f-nav-2.f-nav.c-nav {
    background-color: #e5f1f9;
  }
  #f-nav-3.f-nav.c-nav {
    background-color: #f0e2d3;
  }
  #info #f-nav-1.f-nav.c-nav {
    background-color: #f3f3d8;
  }
  #info #f-nav-1.f-nav.c-nav li a:hover,
  #info #f-nav-1.f-nav.c-nav li.current a,
  #info #f-nav-1.f-nav.c-nav li a:focus {
    background-color: #006837;
  }
  #tenrankai-events #f-nav-1.f-nav.c-nav {
    background-color: #f3e5d8;
  }
  #tenrankai-events #f-nav-1.f-nav.c-nav li a:hover,
  #tenrankai-events #f-nav-1.f-nav.c-nav li.current a,
  #tenrankai-events #f-nav-1.f-nav.c-nav li a:focus {
    background-color: #732600;
  }
  #koshukai-workshops #f-nav-1.f-nav.c-nav {
    background-color: #ecf1f0;
  }
  #koshukai-workshops #f-nav-1.f-nav.c-nav li a:hover,
  #koshukai-workshops #f-nav-1.f-nav.c-nav li.current a,
  #koshukai-workshops #f-nav-1.f-nav.c-nav li a:focus {
    background-color: #005980;
  }
  #info #f-nav-1.f-nav.c-nav,
  #tenrankai-events #f-nav-1.f-nav.c-nav,
  #koshukai-workshops #f-nav-1.f-nav.c-nav,
  #shisetsu #f-nav-2.f-nav.c-nav,
  #restaurant-cafe #f-nav-3.f-nav.c-nav {
    display: block !important;
  }
  .f-nav.c-nav {
    padding: 28px 38px;
    width: 100%;
  }
  .f-nav.c-nav h3 {
    margin: 0 0 15px 10px;
    color: #000;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.2;
  }
  .f-nav.c-nav ul {
    margin: 0 0 18px;
    padding: 0;
    list-style: none;
  }
  .f-nav.c-nav ul li {
    margin: 0;
    padding: 0;
    color: #000;
  }
  .f-nav.c-nav ul li a {
    display: block;
    padding: 5px 10px;
    color: #000;
    text-decoration: none;
  }
  .f-nav.c-nav ul li a:hover,
  .f-nav.c-nav ul li a:focus {
    color: #fff;
  }
  .f-nav.c-nav h4 {
    margin: 0 0 8px 10px;
    padding-left: 6px;
    color: #3b1100;
    line-height: 1.2;
  }
  .f-nav.c-nav h4.title-1 {
    border-left: 5px #358c63 solid;
  }
  .f-nav.c-nav h4.title-2 {
    border-left: 5px #9c392a solid;
  }
  .f-nav.c-nav h4.title-3 {
    border-left: 5px #184666 solid;
  }
  .f-nav.c-nav ul.list-1 {
    margin: 0 0 0 10px;
  }
  .f-nav.c-nav ul.list-1 li {
    font-size: 12px;
    font-size: 1.2rem;
  }
  #f-nav-1.f-nav.c-nav li a:hover,
  #f-nav-1.f-nav.c-nav li.current a,
  #f-nav-1.f-nav.c-nav li a:focus {
    color: #fff;
    background-color: #006837;
  }
  #f-nav-2.f-nav.c-nav li a:hover,
  #f-nav-2.f-nav.c-nav li.current a,
  #f-nav-2.f-nav.c-nav li a:focus {
    color: #fff;
    background-color: #2b8000;
  }
  #f-nav-3.f-nav.c-nav li a:hover,
  #f-nav-3.f-nav.c-nav li.current a,
  #f-nav-3.f-nav.c-nav li a:focus {
    color: #fff;
    background-color: #d83500;
  }
  #f-nav-2.f-nav.c-nav .list-1 {
    margin-bottom: 10px;
  }
  #f-nav-2.f-nav.c-nav .list-1 a {
    padding: 2px 10px;
  }
  #f-nav-2.f-nav.c-nav .list-2 {
    width: 100%;
    letter-spacing: -0.4em;
  }
  #f-nav-2.f-nav.c-nav .list-2 li {
    display: inline-block;
    letter-spacing: normal;
    vertical-align: top;
    width: 50%;
    font-size: 12px;
    font-size: 1.2rem;
  }
  #f-nav-2.f-nav.c-nav .list-2 a {
    padding: 2px 10px;
  }
  /* --------------------
  	footer
  -------------------- */
  #footer {
    padding: 24px 0 16px;
  }
  .f-btn {
    margin-top: 4px;
    margin-left: 0;
    display: block;
  }
  .f-btn:hover,
  .f-btn:focus {
    opacity: 1;
  }
  #f-box-l .text-box > p.btn a:hover,
  #f-box-l .text-box > p.btn a:focus {
    opacity: 1;
  }
  #footer-i {
    margin: 0 auto;
    max-width: 306px;
  }
  #f-box-l {
    width: 100%;
    float: none;
  }
  #f-address-1 dt {
    width: 176px;
  }
  .f-address-2 dl {
    float: none;
  }
  .f-address-2 dl.box-l {
    width: 100%;
  }
  .f-address-2 dl.box-r {
    width: 100%;
  }
  .f-address-2 dt {
    margin-bottom: 8px;
    width: 62px;
    float: left;
    font-size: 12px;
    font-size: 1.2rem;
  }
  .f-address-2 dd {
    margin-bottom: 8px;
    margin-left: 62px;
  }
  #f-box-l .text {
    text-align: center;
  }
  #f-box-r {
    display: none;
  }
  #f-link-2 {
    display: none;
  }
  #page-top {
    width: 44px;
    height: 44px;
    position: fixed;
    bottom: 10px;
    right: 10px;
    opacity: 0.4;
  }
  #copyright {
    padding: 12px 0 62px;
    font-size: 10px;
    font-size: 1rem;
  }
  #copyright a {
    color: #4d4d4d;
    text-decoration: underline;
  }
}
@media screen and (max-width: 374px) {
  /* --------------------
  	header
  -------------------- */
  #header #logo {
    width: 130px;
    height: 32px;
    border-bottom: none;
    background: #fff url(../img/com/header/sp-logo.jpg) no-repeat left top;
    background-size: cover;
    position: absolute;
    top: 4px;
    left: 14px;
  }
  #header #logo a {
    width: 130px;
    height: 32px;
    display: block;
  }
  #header #logo img {
    visibility: hidden;
    width: 130px;
    height: 32px;
    position: static;
  }
}/*# sourceMappingURL=common.css.map */