@charset "UTF-8";
html {
  overflow-y: scroll;
}
body, div, dl, dt, dd, ul, ul li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, section, nav, article, aside, hgroup, header, address, figure, figcaption {
  margin: 0;
  padding: 0;
  line-height: 160%;
}
address, caption, cite, code, dfn, em, strong, th, var {
  font-style: normal;
  font-weight: normal;
}
img {
  max-width: 100%;
  height: auto;
  border: 0;
  vertical-align: top;
  -ms-interpolation-mode: bicubic;
}
ul {
  list-style: none;
}
a {
  text-decoration: none;
}
.topbar {
  background: #005638;
  height: 50px;
}
/*h3{
	border-left: 14px double #aa0000;
	background-color: #fff;
	margin: 10px 0 20px;;
	padding: 2px 2px 2px 15px;
}*/
/* サイト名 */
.site h2 a {
  color: #000000;
}
.site h2 {
  margin: 0;
  font-size: 30px;
}
/* ヘッダー画像 */
.photo {
  margin-top: 30px;
}
.topimg {
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
}
/* ------ Mainvisual ------ */
.topslider {
  margin-top: 30px;
}
#mainvisual {
  width: 100%;
  background-color: #fff;
  margin: 0 !important;
}
#mainvisual ul {
  position: relative;
}
#mainvisual ul li {
  display: none;
  position: absolute; /* 背面の画像にはposition: absoluteを指定 */
  z-index: 1; /* 背面の画像のz-indexを1に指定 */
  width: 100%;
  top: 0; /* 背面の画像をtop: 0に移動し、画像を重ねる */
}
#mainvisual ul li:first-child {
  display: block;
  position: relative; /* 前面の画像にはposition: relativeを指定 */
  z-index: 1000; /* 前面の画像のz-indexを1000に指定 */
}
#mainvisual-button {
  width: 100%;
  padding: 25px 0 20px;
  background-color: #fff;
}
#mainvisual-button ul {
  text-align: center;
  line-height: 10px;
}
#mainvisual-button li {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0 8px;
  overflow: hidden;
  vertical-align: top;
}
#mainvisual-button li a {
  display: block;
  width: 10px;
  height: 20px;
}
#mainvisual-button li a:link, #mainvisual-button li a:visited {
  margin-top: 0;
}
#mainvisual-button li a:hover, #mainvisual-button li a:active, #mainvisual-button li a.current {
  margin-top: -10px;
}
/* キャッチコピー */
.catch {
  margin: 0;
  padding: 15px;
  background-color: rgba(255, 255, 255, 0.7);
  font-size: 28px;
}
/* ヘッダー画像にキャッチコピーを重ねる */
.top {
  position: relative;
}
.catch {
  position: absolute;
  bottom: 7%;
  left: 3%;
}
/*記事*/
.contkiji {
  margin: 50px 10%;
}
.contkiji h3 {
  text-align: center;
  margin-bottom: 100px;
  padding-bottom: 20px;
  border-bottom: solid 3px #29905e;
}
table.info_grid th {
  color: white;
  font-size: 16px;
  padding: 10px;
  border-bottom: 1px solid #e8e8e8;
  width: 24%;
  font-weight: normal;
  text-align: left;
}
table.info_grid td {
  border-bottom: 1px solid #e8e8e8;
  color: white;
  font-size: 16px;
  padding: 10px 0px;
  box-sizing: border-box;
  width: auto;
  line-height: 1.4;
}
table.info_grid tr:last-child td, table.info_grid tr:last-child th {
  border-bottom: none;
}
span.black {
  color: #003200;
}
span.pink {
  color: #d7617a;
}
table.info_grid {
  width: 100%;
}
.bottom_box {
  background: url(../img/bottom/bg.jpg)no-repeat center;
  background-size: cover;
  padding: 59px 0px 60px;
}
p.bottom_title {
  color: #ffffff;
  font-size: 30px;
  font-family: "フォーク B", "Folk Bold";
  text-align: center;
  letter-spacing: 5px;
}
p.bottom_txt {
  font-size: 16px;
  color: #fff;
  margin-top: 20px;
  margin-bottom: 34px;
  text-align: center;
}
ul.bottom_list li {
  width: 49%;
  float: left, ttom;
  margin-right: 0.4%;
  list-style: none;
}
ul.bottom_list li:last-child {
  margin-right: 0px;
}
.footerline {
  background-image: url(../img/other/footerline.png);
  height: 39px;
  background-repeat: repeat-x;
  margin-top: 50px;
}
@media (min-width: 768px) and (max-width: 1000px) {
  p.bottom_txt {
    font-size: 15px;
  }
}
@media screen and (max-width: 767px) {
  .bottom_box {
    padding: 59px 0px 50px;
  }
  ul.bottom_list li {
    width: 100%;
    float: none;
    margin-right: 0px;
    margin-bottom: 20px !important;
  }
  p.bottom_txt {
    font-size: 15px;
  }
  p.bottom_title {
    font-size: 24px;
    line-height: 1.2;
  }
}
.bottom_box {
  background: url(../img/bottom/bg.jpg) no-repeat center;
  background-size: cover;
  padding: 59px 0px 60px;
}
p.bottom_title {
  color: #ffffff;
  font-size: 30px;
  font-family: "フォーク B", "Folk Bold";
  text-align: center;
  letter-spacing: 5px;
  text-shadow: 5px 5px 1px #999999;
}
p.bottom_txt {
  font-size: 16px;
  color: #fff;
  margin-top: 20px;
  margin-bottom: 34px;
  text-align: center;
}
ul.bottom_list li {
  width: 49%;
  float: left;
  margin-right: 0.4%;
}
ul.bottom_list li:last-child {
  margin-right: 0px;
}
.kiji_width_1000 {
  table-layout: fixed;
  width: 1000px;
  margin: 0 auto;
  display: table;
}
@media screen and (max-width: 1000px) {
  .kiji_width_1000 {
    width: 94%;
  }
}
@media (min-width: 768px) and (max-width: 1000px) {}
@media screen and (max-width: 767px) {
  table.info_grid th {
    color: #7165e0;
    font-size: 15px;
    padding: 10px;
    border-bottom: 1px solid #e8e8e8;
    width: 30%;
    font-weight: normal;
  }
  table.info_grid td {
    font-size: 15px;
  }
}
/* お知らせ */
.bg_img1 {
  background: url(../img/other/info_bg.jpg)
}
.information {
  text-align: center;
  width: 80%;
  margin: 0 auto 50px;
}
.information h4 {
  font-size: 200%;
  color: white;
  border: none;
  background-color: transparent;
  margin: 10px 0 20px;
  ;
  padding: 2px 2px 2px 15px;
}
.news {
  padding: 20px;
  border: solid 5px #dddddd;
}
.news h1 {
  margin-top: 0;
  margin-bottom: 5px;
  font-size: 18px;
  color: #666666;
}
.news ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.news li a {
  display: block;
  padding: 5px;
  border-bottom: dotted 2px #dddddd;
  color: #000000;
  font-size: 14px;
	text-align: left;
}
.news li a:hover {
  background-color: #eeeeee;
}
.news time {
  color: #888888;
  font-weight: bold;
}
.news a:after {
  content: "";
  display: block;
  clear: both;
}
.news time {
  float: left;
  width: 60px;
}
.news .text {
  float: none;
  width: auto;
}
/*.titleBg{
   display:none;
}

h2.titleBg{
    background: none;
    font-size: 30px;
    color: #000;
    line-height: 1.2;
    letter-spacing: 6px;
    font-family: "フォーク M","Folk Medium";
    text-align: center;
    padding: 35px 0px 35px;
    font-weight: normal;
  	margin-bottom: 10px;
    border-bottom: 1px solid #e3e3e3;
}*/
@media (min-width: 768px) and (max-width: 1000px) {
  h2.titleBg {
    padding: 35px 0px 25px;
  }
}
@media screen and (max-width: 767px) {
  h2.titleBg {
    font-size: 26px;
  }
  .header-inner2 {
    display: none;
  }
}
.information {
  width: 100%;
  max-width: 1200px;
}
.col2 {
  width: 100%;
  max-width: 750px;
}
.col2:after {
  content: "";
  display: block;
  clear: both;
}
.col2L {
  width: 100%;
  max-width: 750px;
}
.col2R {
  width: 100%;
  max-width: 750px;
}
/* SNSメニュー */
.follow ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.follow li a {
  display: block;
  margin-bottom: 10px;
  padding: 10px;
  border-radius: 4px;
  color: #ffffff;
  font-size: 14px;
}
.follow li a:hover {
  opacity: 0.8;
}
.follow-tw {
  background-color: #63bafb;
}
.follow-fb {
  background-color: #5288f7;
}
.follow-gp {
  background-color: #f65d4a;
}
.follow i {
  margin-right: 10px;
  font-size: 24px;
  vertical-align: middle;
}
/* 補足説明 */
.follow-info {
  margin-top: 0;
  margin-bottom: 20px;
  padding: 10px;
  background-color: #dddddd;
  font-size: 14px;
  text-align: center;
}
.follow-info {
  position: relative;
  background: #dddddd;
  ;
}
.follow-info:after {
  top: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(221, 221, 221, 0);
  border-top-color: #dddddd;
  border-width: 15px;
  margin-left: -15px;
  ;
}
/* コピーライト */
.copyright {
  background: #005638;
  padding: 20px 0;
}
.copyright p {
  margin: 0;
  color: white;
  font-size: 14px;
  text-align: center;
}
.footer {
  padding-top: 15px;
  padding-bottom: 15px;
  background-color: #DEEFB7;
}
/* ボックスの左右 */
.header, .info, .pickup {
  padding-left: 15px;
  padding-right: 15px;
}
/* ボックスの上下 */
.header {
  padding-top: 20px;
  padding-bottom: 10px;
}
.info {
  padding-top: 20px;
  padding-bottom: 20px;
}
.info-main {
  padding-bottom: 20px;
}
.pickup {
  padding-top: 20px;
}
.pickup-1, .pickup-2, .pickup-3 {
  padding-bottom: 10px;
}
/*フッター*/
.footermenu {
  line-height: 2;
  font-size: 150%;
}
.footermenu2 {
  line-height: 0.5;
}
.footermenu li, .footermenu2 li {
  line-height: 2;
}
.footermenu2 p {
  font-size: 150%;
}
.footermenu2 p span {
  font-size: 80%;
  line-height: 0.5;
}
.footermenu a {
  color: black;
  text-decoration: none;
}
@media (max-width: 767px) {
  /*.footer-inner{
		margin: 0 !important;
	}*/
  .square_btn {
    display: inline-block;
    padding: 0.3em 0;
    width: 95%;
    margin-bottom: 20px;
    text-decoration: none;
    color: #67c5ff;
    border: solid 2px #67c5ff;
    border: solid 2px #3CB371;
    border-radius: 3px;
    transition: .4s;
  }
  .square_btn:hover {
    background: #3CB371;
    color: white;
  }
  .footer {
    background: white;
  }
  .footermenu {
    text-align: center;
  }
  .footermenu2 {
    line-height: 0.5;
  }
  .footermenu2 p {
    font-size: 100%;
    line-height: 1.5;
  }
  .footermenu2 p span {
    font-size: 80%;
    line-height: 1.5;
  }
}
/*サブメニュー*/
.contents-img {
  width: 300px
}
.submenu {
  max-width: 100% !important;
  background-color: #F5F5F5
}
.submenu {
  margin: 40px 0;
  padding: 60px 0
}
.content-wrap-camp {
  max-width: 1200px;
  margin: auto;
  padding: 1% 0
}
.content-wrap {
  max-width: 1200px;
  margin: 0 auto
}
.content-wrap-form {
  max-width: 960px;
  margin: 0 auto 60px
}
.content-wrap-form p {
  margin-left: 0;
  margin-bottom: 100px
}
.contents-inq p, .contents-serv p, .main-ag, .sec1 p {
  font-weight: 400
}
.sa {
  opacity: 0;
  transition: all .5s ease
}
.sa.show {
  opacity: 1;
  transform: none
}
.sa--up {
  transform: translate(0, 100px)
}
.contents-alt, .contents-inq, .contents-serv {
  margin: 0 0 20px;
  padding: 0 5%;
  display: flex
}
.contents-inq, .contents-serv {
  flex-wrap: wrap;
  justify-content: space-between
}
.contents-inq img, .contents-serv img {
  display: block;
  margin-bottom: 3rem;
  width: 100%;
  height: auto
}
.icon img {
  display: block;
  width: 80%;
  margin: 50px auto 30px
}
.contents-text {
  width: 600px;
  height: 100px;
  line-height: 1.5;
  margin: 2% 20px 0 40px;
  padding: 0;
  background: rgba(255, 255, 255, .9)
}
.contents-inq h4, .contents-serv h4 {
  text-align: center;
  line-height: 2.3rem
}
.msg-text {
  font-size: 3rem
}
.head-top-camp h1 {
  color: #4c4c4c;
  font-size: 1.7rem;
  font-weight: 600;
  padding-top: 15px;
  margin-left: 1%;
  letter-spacing: .1rem
}
.contents-inq h4, .contents-serv h4, .contents-text h4 {
  font-weight: 500;
  margin-bottom: 1.5rem
}
.contents-text h4 {
  font-size: 2.5rem
}
.contents-serv h4 {
  font-size: 2rem;
  height: 1.5em
}
.contents-inq h4 {
  font-size: 2rem;
  height: 1.7em
}
.contents-text p {
  font-size: 2rem;
  font-weight: 400
}
.contents-serv p {
  font-size: 1.5rem;
  line-height: 1.4
}
.contents-serv h4 a:link, .contents-serv h4 a:visited {
  color: #264a2e;
}
.contents-box {
  padding: 1rem;
  width: 60%;
  background-color: #fff
}
.table01 a:link, .table01 a:visited {
  color: white;
}
@media screen and (min-width: 768px) {
  .contents-box {
    padding: 3rem;
    width: 20%;
    background-color: #fff
  }
  /*段組み*/
  .flex-container {
    resize: horizontal;
    overflow: hidden;
    display: flex;
    margin: 1em;
    padding-bottom: 100px;
  }
  .flex-item {
    margin: 1em;
    padding: 0.5em;
    width: 110px;
    min-width: 0;
    font-family: monospace;
    font-size: 13px;
  }
  .flex-initial {
    flex: initial;
  }
  .flex-auto {
    flex: auto;
  }
  .flex-none {
    flex: none;
  }
  .flex5 {
    flex: 5;
  }
  .flex4 {
    flex: 4;
  }
  .flex3 {
    flex: 3;
  }
  .flex2 {
    flex: 2;
  }
  .flex1 {
    flex: 1;
  }
}
@media screen and (max-width:767px) {
  .main h1, .msg {
    text-align: center
  }
  .main {
    background: url(http://stg.maruuke.jp/wp-content/uploads/main2.jpg) center center no-repeat;
    background-size: cover;
    height: 40vh;
  }
  .pc {
    display: none;
  }
  .sp {
    display: block;
  }
  .head-top-camp {
    display: flex;
    width: 98%;
    position: absolute;
    left: -1%;
  }
  .btn-ms, .mc {
    display: block;
  }
  .head-top-camp h1 {
    color: #fff;
    font-size: 1rem;
    font-weight: 600;
    padding-top: 6px;
    margin-left: 1%;
    letter-spacing: .1rem;
  }
  .img-camp {
    width: auto;
    height: 20px;
  }
  .btn-ms {
    width: 80%;
    margin: 15px auto 0;
  }
  .content-wrap {
    max-width: 100%;
    margin: 0 auto
  }
  .msg {
    line-height: 1.4;
    margin: 0 0 10%;
    letter-spacing: 0;
    font-size: 1.8rem;
  }
  .main-contents {
    width: 90%;
    margin: 0 auto;
    padding: 15% 0 0;
  }
  .mc {
    margin-top: 10px;
  }
  .main h1 {
    font-size: 1.5rem;
    font-weight: 400;
    display: inline-block;
    margin-bottom: 10px;
  }
  .main-sub, .main-text {
    margin-top: 1%;
    margin-left: 0;
    text-align: left;
    color: #000;
  }
  .main-sub {
    width: 85%;
    display: block;
    font-size: 120%;
    font-weight: 500;
    line-height: 3rem;
    letter-spacing: .1rem;
  }
  .main-text {
    width: 65%;
    font-size: 30%;
    font-weight: 400;
    line-height: 180%;
    letter-spacing: 0;
  }
  .content-genre li, .contents-text, .inq-free li {
    text-align: center;
  }
  .bttn-e span, .contents-text p {
    text-align: left;
  }
  .main-btn {
    display: block;
    max-width: 450px;
    margin-top: 10px;
  }
  .main-btn img {
    width: 100%;
  }
  .content-genre {
    display: block;
    margin: 0 0 30px;
    padding: 0 5%;
  }
  .content-genre ul, .inq-free ul {
    display: flex;
    justify-content: space-between;
    list-style: none;
    padding-left: 0;
    letter-spacing: 0;
    color: #fff;
  }
  .content-genre ul {
    font-weight: 500;
    font-size: 1.2rem;
    margin-top: 10px
  }
  .content-genre li {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 23%;
    height: 60px;
    line-height: 1.5rem;
    border: 0 solid;
    border-radius: 5px;
    vertical-align: middle;
    margin-top: 5px;
    background-color: #0068B7;
  }
  .inq-free ul {
    font-size: 1.3rem;
    margin-top: 10px;
  }
  .br-sp, .contents-alt, .contents-inq {
    display: block;
  }
  .contents-text p, .sec1 p {
    font-size: 1.5rem;
    font-weight: 400;
  }
  .inq-free li {
    width: 45%;
    height: 40px;
    line-height: 4rem;
    border: 1px solid;
    border-radius: 10px;
    vertical-align: middle;
  }
  .submenu {
    margin: 30px 0;
    padding: 30px 0;
  }
  .submenu {
    background-color: #F5F5F5;
  }
  .sec1 p {
    line-height: 3rem;
    letter-spacing: 0;
    margin-bottom: 20px;
    margin-left: 0;
    margin-right: 0;
  }
  .contents-alt {
    margin: 0 0 15%;
  }
  .contents-img {
    margin: 0 auto;
  }
  .contents-alt img {
    width: 100%;
    height: auto;
  }
  .contents-text {
    width: 100%;
    height: 100px;
    line-height: 1.5;
    margin: 2% auto 40px;
    padding: 0;
    background: rgba(255, 255, 255, .9);
  }
  .contents-text h4 {
    font-size: 2rem;
    font-weight: 500;
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
  }
  .bttn-e span, .camp-button, .ttl-camp {
    font-weight: 700;
  }
  .contents-serv {
    display: block;
    justify-content: space-between;
    margin: 0 0 20px;
    padding: 0 3%;
  }
  .contents-box {
    padding: 3rem;
    background-color: #fff;
    margin: 0 auto 10%;
  }
  .contents-inq-box {
    padding: 3rem;
    width: 80%;
    margin: 0 auto 10%;
    background-color: #F5F5F5
  }
  .contents-inq {
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 50px 0 20px;
    padding: 0 3%;
  }
  .content-wrap-form {
    margin: 0 auto 60px;
    padding: 0 3%；
  }
  .content-wrap-form p {
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 60px;
  }
  .content-wrap-camp {
    padding: 1% 2%;
  }
  .bttn-e span {
    min-height: 35px;
    padding-top: 15px;
    padding-left: 42px;
    background: url(https://maruuke.jp/wp-content/themes/maruuke/assets/images/common/ico_bttn_01.png) 0 50% no-repeat;
    background-size: 30px 30px;
    color: #fff;
    font-size: 2rem;
  }
  h2 {
    font-weight: 500;
    font-size: 2.3rem;
  }
  h3 {
    text-align: center;
    font-weight: 400;
    font-size: 3rem;
  }
  h4 {
    border-bottom: solid 1px;
  }
  h5:after {
    left: 10px;
    width: 95%;
    border-bottom: solid 3px #3690e6;
  }
  p {
    margin: 0 3%;
  }
  .br:before {
    content: "\A";
    white-space: pre;
  }
  .camp-foot {
    margin: auto;
    height: auto;
    background-color: #f2f2f2;
    border-top: 1px solid #96c3ee;
  }
}
.bg_blue {
  background-color: #1B5385;
  color: white;
}
/*余白挿入*/
.space10 {
  height: 10px;
}
.space20 {
  height: 20px;
}
.space30 {
  height: 30px;
}
.space40 {
  height: 40px;
}
.space50 {
  height: 50px;
}
.space100 {
  height: 100px;
}
.font05 {
  font-size: 50%;
}
.font07 {
  font-size: 70%;
}
.font08 {
  font-size: 80%;
}
.font130 {
  font-size: 130%;
}
.font150 {
  font-size: 150%;
}
.font180 {
  font-size: 180%;
}
.font200 {
  font-size: 200%;
}
.font400 {
  font-size: 400%;
}
.font500 {
  font-size: 500%;
}
.font300 {
  font-size: 300%;
}
.red {
  color: red;
}
.white {
  color: white;
}
.green {
  color: green;
}
.left {
	text-align: left;
}
.center{
	text-align: center;
}
.right{
	text-align: right;
}
/* ########### 359px以下 ########### */
@media (max-width: 359px) {
  /* サイト名 */
  .site img {
    width: 225px;
    height: auto;
  }
}
/* ########### 599px以下 ########### */
@media (max-width: 599px) {
  /* ナビゲーション */
  .menu li a {
    padding: 10px 7px;
    font-size: 11px;
  }
  /* キャッチコピー */
  .catch {
    padding: 5px 10px;
    font-size: 12px;
  }
}
/* ########### 767px以下 ########### */
@media (max-width: 767px) {
  /* トグルボタン */
  #menubtn {
    padding: 6px 12px;
    border: solid 1px #aaaaaa;
    border-radius: 5px;
    background-color: #ffffff;
    position: absolute;
    top: 20px;
    right: 15px;
    cursor: pointer;
  }
  #menubtn:hover {
    background-color: #dddddd;
  }
  #menubtn:focus {
    outline: none;
  }
  #menubtn i {
    color: #888888;
    font-size: 18px;
  }
  #menubtn span {
    display: inline-block;
    text-indent: -9999px;
  }
  /* ナビゲーションメニュー（縦並び） */
  .menu {
    display: none;
  }
  .menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
  }
  .menu li a {
    display: block;
    padding: 5px;
    color: #000000;
    font-size: 14px;
  }
  .menu li a:hover {
    background-color: #eeeeee;
  }
}
/* ########### 768px以上 ########### */
@media (min-width: 768px) {
  /* トグルボタン */
  #menubtn {
    display: none;
  }
  /* ナビゲーション */
  #menu {
    display: block !important;
  }
  .menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
  }
  .menu li a {
    display: block;
    padding: 10px 15px;
    color: #000000;
    font-size: 14px;
  }
  .menu li a:hover {
    background-color: #eeeeee;
  }
  .menu ul:after {
    content: "";
    display: block;
    clear: both;
  }
  .menu li {
    float: left;
    width: auto;
  }
  /* BOX1とBOX2を横に並べる設定 */
  .header, .col2:after {
    content: "";
    display: block;
    clear: both
  }
  .col2 {
    margin: auto 0
  }
  .header-inner2 {
    height: 50px;
  }
  .col2L {
    float: left;
    width: 45%;
  }
  .col2R {
    float: right;
    width: 45%;
  }
  .header-site {
    float: left;
    width: auto
  }
  .header-text h1 {
    font-size: 90%;
    float: left;
    width: auto;
    padding-left: 10%;
    color: aliceblue;
  }
  .header-nav {
    float: right;
    width: auto
  }
  .header1 {
    clear: both;
  }
  .header-tel {
    float: right;
    width: auto;
    height: 50px;
    color: aliceblue;
    font-size: 200%;
    padding-right: 10%;
  }
  /* BOX4-1とBOX4-2を横に並べる設定 */
  .info:after {
    content: "";
    display: block;
    clear: both;
  }
  .info-main {
    float: left;
    width: 70%;
    padding-right: 35px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .info-sub {
    float: left;
    width: 30%;
  }
  /* BOX6-1、BOX6-2、BOX6-3を横に並べる設定 */
  .pickup:after {
    content: "";
    display: block;
    clear: both;
  }
  .pickup-1 {
    float: left;
    width: 32%;
    margin-right: 2%;
  }
  .pickup-2 {
    float: left;
    width: 32%;
    margin-right: 2%;
  }
  .pickup-3 {
    float: left;
    width: 32%;
  }
  .sp {
    display: none
  }
}
/* ########### 1190px以上 ########### */
@media (min-width: 1190px) {
  /* 全体の横幅を固定 */
  .info, .header-inne, .header-inner, .header-inner2, .footer-inner, .pickup {
    width: 1140px;
    margin-left: auto;
    margin-right: auto
  }
}
/*2ページ目以降*/
/*運営組織概要*/
.soshikitable {
  margin-bottom: 50px;
}
table.table01 {
  width: 100%;
  border-right: #008446 solid 1px;
  border-collapse: collapse;
}
table.table01 thead th {
  background: #008446;
  color: #FFF;
  padding: 10px 15px;
  border-right: #FFF solid 1px;
  border-bottom: #FFF solid 1px;
  width: 30%;
}
table.table01 tbody th {
  background: #008446;
  color: #FFF;
  padding: 10px 15px;
  border-bottom: #FFF solid 1px;
  vertical-align: top;
  text-align: left;
}
table.table01 tbody td {
  background: #FFF;
  padding: 10px 15px;
  border-left: #008446 solid 1px;
  border-bottom: #008446 solid 1px;
  vertical-align: top;
}
@media screen and (min-width: 641px) {
  /*table.table01 thead th,
	table.table01 tbody th,
	table.table01 thead tr:last-child th,
	table.table01 tbody tr:last-child th{
	width: 30%;
	}*/
}
@media screen and (max-width: 640px) {
  .soshikitable h3 {
    font-size: 120%;
  }
  table.table01 thead {
    display: none;
  }
  table.table01 tbody th {
    display: block;
  }
  table.table01 tbody td {
    display: block;
  }
  table.table01 tbody td::before {
    content: attr(label);
    float: left;
    clear: both;
    font-weight: bold;
  }
  table.table01 tbody td p {
    padding-left: 3em;
  }
}
/*リンク集*/
.link li {
  line-height: 4;
  margin-bottom: 50px;
}
/*案内図*/
iframe {
  width: 100%;
  max-width: 100%;
}
/*入会案内*/
.entry ol {
  list-style-type: decimal;
}
.form_prossess {
  max-width: 500px;
  width: 100%;
  margin: 0 auto;
}
.prosess1 {
  width: 100%;
  height: auto;
  border: solid;
  border-color: red;
  border-width: 3px;
  padding: 10px;
}
/*会長挨拶*/
.pic_center {
  text-align: center;
}
/*お問い合わせフォーム*/
.form-container {
  margin-top: 50px;
  border: 4px solid #2E8B57;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-box-shadow: rgba(000, 000, 000, 0.9) 0 1px 2px, inset rgba(255, 255, 255, 0.4) 0 0px 0;
  -moz-box-shadow: rgba(000, 000, 000, 0.9) 0 1px 2px, inset rgba(255, 255, 255, 0.4) 0 0px 0;
  box-shadow: rgba(000, 000, 000, 0.9) 0 1px 2px, inset rgba(255, 255, 255, 0.4) 0 0px 0;
  font-family: 'Helvetica Neue', Helvetica, sans-serif;
  text-decoration: none;
  vertical-align: middle;
  max-width: 80%;
  height: auto;
  padding: 20px 40px;
}
.form-field, .form-field2, .form-field3, .form-field4, .form-fieldmax, .select-box, .datepicker {
  border: 4px solid #2E8B57;
  background: #fff1c7;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding: 8px;
  margin-bottom: 20px;
}
.form-field, .form-field2, .form-field3, .form-field4, .form-fieldmax, .radioB, .select-box, .datepicker {
  background: #fff; /*
   color: #000000;*/
}
.form-field {
  max-width: 100%;
  width: 400px;
}
.form-field2 {
  max-width: 100%;
  width: 140px;
}
.form-field3 {
  max-width: 100%;
  width: 60px;
}
.form-field4 {
  max-width: 100%;
  width: 30px;
}
.form-fieldmax {
  max-width: 100%;
  width: 700px;
  height: 300px;
  vertical-align: top;
}
.datepicker {
  width: 60px;
}
.form-container h1 {
  margin-top: 0;
  margin-bottom: 20px;
  padding-left: 20px;
  border-left: solid 20px #c50018;
  font-size: 36px;
  font-weight: normal;
  color: #2A2A2A;
  background-image: url(../../img/alpha50.png);
}
.form-container h2 {
  text-shadow: #fdf2e4 0 1px 0;
  font-size: 18px;
  margin: 0 0 10px 0;
  font-weight: bold;
  text-align: center;
}
.form-title {
  margin-bottom: 10px;
  color: #2A2A2A;
}
.submit-container {
  margin: 8px 0;
  text-align: center;
}
.submit-button {
  border: 2px solid #2594c7;
  background: #265A3C;
  background: -webkit-gradient(linear, left top, left bottom, from(#265A3C), to(#265A3C));
  background: -webkit-linear-gradient(top, #265A3C, #265A3C);
  background: -moz-linear-gradient(top, #265A3C, #265A3C);
  background: -ms-linear-gradient(top, #265A3C, #265A3C);
  background: -o-linear-gradient(top, #265A3C, #265A3C);
  background-image: -ms-linear-gradient(top, #265A3C 0%, #265A3C 100%);
  -webkit-border-radius: 9px;
  -moz-border-radius: 9px;
  border-radius: 9px;
  -webkit-box-shadow: rgba(255, 255, 255, 0.4) 0 0px 0, inset rgba(255, 255, 255, 0.4) 0 1px 0;
  -moz-box-shadow: rgba(255, 255, 255, 0.4) 0 0px 0, inset rgba(255, 255, 255, 0.4) 0 1px 0;
  box-shadow: rgba(255, 255, 255, 0.4) 0 0px 0, inset rgba(255, 255, 255, 0.4) 0 1px 0;
  text-shadow: #addc7e 0 1px 0;
  color: #2A2A2A;
  font-family: helvetica, serif;
  padding: 8.5px 18px;
  font-size: 14px;
  text-decoration: none;
  vertical-align: middle;
}
.submit-button:hover {
  border: 2px solid #4f1225;
  text-shadow: #31540c 0 1px 0;
  background: #fff;
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff));
  background: -webkit-linear-gradient(top, #fff, #fff);
  background: -moz-linear-gradient(top, #fff, #fff);
  background: -ms-linear-gradient(top, #fff, #fff);
  background: -o-linear-gradient(top, #fff, #fff);
  background-image: -ms-linear-gradient(top, #fff 0%, #fff 100%);
  color: #2A2A2A;
}
.submit-button:active {
  text-shadow: #31540c 0 1px 0;
  border: 2px solid #4f1225;
  background: #c41a42;
  background: -webkit-gradient(linear, left top, left bottom, from(#c41a42), to(#fff));
  background: -webkit-linear-gradient(top, #c41a42, #c41a42);
  background: -moz-linear-gradient(top, #c41a42, #c41a42);
  background: -ms-linear-gradient(top, #c41a42, #c41a42);
  background: -o-linear-gradient(top, #c41a42, #c41a42);
  background-image: -ms-linear-gradient(top, #c41a42 0%, #c41a42 100%);
  color: #2A2A2A;
}
.submit-button img {
  max-width: 100%;
  width: 100%;
}
.thanks p {
  padding-left: 2em;
  padding-right: 2em;
  margin-top: 2em;
  margin-bottom: 20px;
  color: #2A2A2A;
  background-image: url(../../img/alpha50.png);
}
.thanks h2 {
  margin-top: 50px;
  margin-bottom: 20px;
  border-bottom: solid 1px #dddddd;
  font-size: 28px;
  font-weight: normal;
  color: #2A2A2A;
  background-image: url(../../img/alpha50.png);
}
.totop {
  text-align: center;
  margin-top: 2em;
  margin-bottom: 4em;
}
.totop a {
  text-decoration: none;
  color: #2A2A2A;
}
/*ラジオボタン*/
.radioB input {
  display: none;
}
.radioB label {
  display: block;
  float: left;
  cursor: pointer;
  width: 60px;
  margin: 0;
  padding: 10px;
  background: #bdc3c7;
  color: #869198;
  font-size: 16px;
  text-align: center;
  line-height: 1;
  transition: .2s;
}
.radioB label:first-of-type {
  border-radius: 3px 0 0 3px;
}
.radioB label:last-of-type {
  border-radius: 0 3px 3px 0;
}
.radioB input[type="radio"]:checked + .switch-on {
  background-color: #0099cc;
  color: #fff;
}
.radioB input[type="radio"]:checked + .switch-off {
  background-color: #0099cc;
  color: #fff;
}
.select-box {
  width: 160px;
}
.select-box select {
  position: relative;
  width: 100%;
  padding: 10px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 1px solid #999;
  background: #eee;
  background: -webkit-linear-gradient(top, #fff 0%, #efebe1 100%);
  background: linear-gradient(to bottom, #fff 0%, #efebe1 100%);
}
.select-box label {
  position: relative;
  background: #fff;
}
.select-box label:after {
  display: block;
  content: " ";
  position: absolute;
  top: 50%;
  right: 20px;
  width: 20px;
  height: 20px;
  margin-top: -8px;
  background-size: 20px;
  pointer-events: none;
}
/*同意ボタン*/
#submitbtn div {
  width: 90%;
  max-width: 90%;
  text-align: center;
}
#submitbtn p:first-child {
  margin-bottom: 20px;
}
#submitbtn p a {
  text-decoration: underline;
}
#submitbtn p a:hover {
  text-decoration: none;
}
#submittxt p {
  overflow: hidden;
}
input[type="submit"] {
  width: 100px;
  height: 32px;
  background-color: #666;
  border: none;
  color: #fff;
  -webkit-transition: background-color .2s;
  transition: background-color .2s;
  cursor: pointer;
  -webkit-appearance: none;
  border-radius: 0;
}
input[type="submit"]:hover {
  background-color: #59b1eb;
}
input[type="submit"][disabled] {
  background-color: #ccc;
  cursor: default;
}
/*/同意ボタン*/
/*／お問い合わせフォーム*/
/*上に戻る*/
#pagetop {
  position: fixed;
  bottom: 50px;
  right: 30px;
}
@media screen and (max-width: 767px) {
  #pagetop {
    bottom: 0px;
    right: -30px;
  }
  #pagetop img {
    width: 60%;
    height: auto;
  }
}
/*印刷設定*/
@media screen and (max-width: 9999px) {
  .printdisplay {
    display: none;
  }
}
@media print {
  .submenu, .printoff {
    display: none;
  }
}

.myrow{display:-webkit-flex;display:flex;}
.mycol-1{flex:1;}
.mycol-2{flex:2;}
.mycol-3{flex:3;}
.mycol-4{flex:4;}
.mycol-5{flex:5;}
.mycol-6{flex:6;}
@media screen and (max-width:700px){
  .myrow{-webkit-flex-direction:column;flex-direction:column;}
}

/*セミナー申し込みボタン*/
.textlink06 a[target=_blank] {
	padding-right: 20px;
	background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22feather%20feather-external-link%22%3E%3Cpath%20d%3D%22M18%2013v6a2%202%200%200%201-2%202H5a2%202%200%200%201-2-2V8a2%202%200%200%201%202-2h6%22%3E%3C%2Fpath%3E%3Cpolyline%20points%3D%2215%203%2021%203%2021%209%22%3E%3C%2Fpolyline%3E%3Cline%20x1%3D%2210%22%20y1%3D%2214%22%20x2%3D%2221%22%20y2%3D%223%22%3E%3C%2Fline%3E%3C%2Fsvg%3E');
	background-size: 16px;
	background-repeat: no-repeat;
	background-position: right center;
}

.textlink06 a[target=_blank]:hover {
	color: #ceb849;
	background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23B99b00%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22feather%20feather-external-link%22%3E%3Cpath%20d%3D%22M18%2013v6a2%202%200%200%201-2%202H5a2%202%200%200%201-2-2V8a2%202%200%200%201%202-2h6%22%3E%3C%2Fpath%3E%3Cpolyline%20points%3D%2215%203%2021%203%2021%209%22%3E%3C%2Fpolyline%3E%3Cline%20x1%3D%2210%22%20y1%3D%2214%22%20x2%3D%2221%22%20y2%3D%223%22%3E%3C%2Fline%3E%3C%2Fsvg%3E');
}