@charset "UTF-8";
/* ============================================================
   legacy-golf.css
   既存 golf.css を .legacy 配下だけに効くよう機械変換したもの。
   - rem を px に変換（元は html{font-size:62.5%} 前提）
   - url(image/...) を /image/... に変換
   - html / body ルールは .legacy ラッパーに割り当て
   直接編集せず、golf.css を編集してから再生成してください。
   ============================================================ */
.legacy strong {
  color: #F36;
}.legacy {
  font-size: 62.5%;
  -webkit-text-size-adjust: 100%;
  background-color: #FEFEFE;
}.legacy {
  width: 98%;
  padding: 0 1%;
  max-width: 800px;
  min-width: initial;
  margin: 24px auto;
  padding: 0px;
  font-size: 20px;
  line-height: 1.8;
  font-family: -apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Yu Gothic Medium", "Yu Gothic", YuGothic, Meiryo, sans-serif;
  background-color: #FFFFFF;
  border-radius: 8px;
  box-shadow: 0 6px 24px rgba(0, 0, 0, 0.18);
}.legacy .whole_page {
  width: 100%;
  max-width: 800px;
  height: 100%;
  overflow: hidden;
}.legacy h1 {
  display: block;
  box-sizing: border-box;
  font-size: 35px;
  font-weight: bold;
  color: #FFF;
  background-color: #F30;
  background-image: url(/image/listmark-flag3.gif);
  background-repeat: no-repeat;
  background-position: right;
  margin-top: 12px;
  margin-bottom: 12px;
  padding-left: 1.8px;
  padding-top: 4px;
  line-height: 44px;
  padding-bottom: 3px;
  padding-right: 1.8px;
  width: 100%;
}.legacy .kyoryoku-0 {
  display: block;
  font-size: 20px;
  line-height: 20px;
  color: #FFF;
  background-color: #F60;
  padding: 10px 15px 8px;
  margin: 10px auto;
  background-position: right;
  background-repeat: no-repeat;
  background-image: url(/image/sp-listmark3.gif);
  font-weight: bold;
}.legacy .clear {
  clear: both;
}.legacy .taikendan {
  font-weight: bold;
}.legacy .taikendan li :before {
  content: "■";
  margin-right: 5px;
  color: #FFCC00;
}.legacy .taikendan ul {
  list-style-type: none;
}.legacy .taikendan ul li {
  font-weight: bold;
  color: #F36;
}.legacy .taikendan ul hr {
  margin-top: 5px;
  margin-bottom: 5px;
  border-top-width: thin;
  border-right-width: thin;
  border-bottom-width: thin;
  border-left-width: thin;
  border-top-style: dotted;
  border-right-style: dotted;
  border-bottom-style: dotted;
  border-left-style: dotted;
  color: #F36;
}.legacy img {
  vertical-align: top;
  width: 100%;
  height: 100%;
  max-width: 800px;
}.legacy h2,
.legacy h3,
.legacy h4,
.legacy p,
.legacy a,
.legacy div,
.legacy ul,
.legacy ol,
.legacy li,
.legacy dl,
.legacy dt,
.legacy dd,
.legacy hr,
.legacy object,
.legacy span,
.legacy select,
.legacy section,
.legacy option,
.legacy img,
.legacy table,
.legacy tr,
.legacy td,
.legacy address {
  margin: 0;
  padding: 0;
}.legacy hr {
  width: 90%;
}.legacy .clearfix:after {
  content: ".";
  display: block;
  height: 0;
  font-size: 16px;
  clear: both;
  visibility: hidden;
}.legacy * html .clearfix {
  height: 1%;
}.legacy .clearfix {
  display: block;
}.legacy .nosp {
  display: none;
}.legacy a:link {
  color: #F36;
  text-decoration: none;
  word-wrap: break-word;
}.legacy a:visited {
  color: #F36;
  text-decoration: none;
  word-wrap: break-word;
}.legacy a:hover {
  color: #F36;
  text-decoration: none;
  word-wrap: break-word;
}.legacy a:active {
  color: #F36;
  text-decoration: none;
  word-wrap: break-word;
}.legacy section.shikiri {
  display: block;
  background: url(/image/line.gif) repeat-x left top;
  background-size: 100% auto;
  width: 100%;
  max-width: 800px;
  height: 20px;
  margin-top: 2px;
  margin-right: 0;
  margin-bottom: 2px;
  margin-left: 0;
}.legacy hr.tensen {
  display: block;
  width: 95%;
  margin: 20px 0;
  border: 0.5px dashed #333;
}.legacy a.btn_01 {
  display: block;
  text-align: center;
  vertical-align: center;
  text-decoration: none;
  width: 30%;
  padding: 10px 30px;
  font-size: 20px;
  font-weight: bold;
  border: 2px solid #00BB00;
  background: #00BB00;
  color: #fff;
  border-radius: 100vh;
}.legacy .btn_02 {
  display: block;
  text-align: center;
  vertical-align: center;
  text-decoration: none;
  width: 95%;
  padding: 5px;
  margin-bottom: 1px;
  font-size: 25px;
  font-weight: bold;
  border: 2px solid #FF3300;
  background: #FF3300;
  color: #fff;
}.legacy .btn_03 {
  display: block;
  text-align: left;
  vertical-align: center;
  text-decoration: none;
  width: 95%;
  padding: 5px;
  margin-bottom: 1px;
  font-size: 25px;
  font-weight: bold;
  border: 2px solid #FF3300;
  background: #FFFFFF;
  color: #FF3300;
}.legacy .global_navi,
.legacy .global_navi2 {
  width: 100%;
  max-width: 800px;
  margin-top: 0;
  margin-right: auto;
  margin-bottom: 0;
  margin-left: auto;
}.legacy .global_navi2 {
  margin-top: 2px;
}.legacy .global_navi ul,
.legacy .global_navi2 ul {
  display: none;
}.legacy .global_navi li,
.legacy .global_navi2 li {
  width: 100%;
  max-width: 800px;
  list-style-type: none;
}.legacy .global_navi_list {
  display: block;
  border-bottom: 1px dotted #FFF;
  color: #fff !important;
  font-size: 23px;
  text-align: left;
  text-decoration: none;
  font-weight: bold;
  list-style-type: none;
  background-color: #F30;
  background-repeat: no-repeat;
  background-position: 0.5 center;
  padding-top: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
  padding-left: 35px;
  background-image: url(/image/listmark-menu1.gif);
}.legacy .global_navi_list2 {
  display: block;
  border-bottom: 1px dotted #FFF;
  color: #fff !important;
  font-size: 23px;
  text-align: left;
  text-decoration: none;
  font-weight: bold;
  list-style-type: none;
  background-color: #FFCC00;
  background-repeat: no-repeat;
  background-position: 5px;
  padding-top: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
  padding-left: 35px;
  background-image: url(/image/listmark-menu1.gif);
}.legacy .global_navi_list3 {
  display: block;
  border-bottom: 1px dotted #FFF;
  color: #fff !important;
  font-size: 23px;
  text-align: left;
  text-decoration: none;
  font-weight: bold;
  list-style-type: none;
  background-color: #FF6600;
  background-repeat: no-repeat;
  background-position: 5px;
  padding-top: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
  padding-left: 35px;
  background-image: url(/image/listmark-menu1.gif);
}.legacy .global_navi ul li i,
.legacy .global_navi2 ul li i {
  display: none;
}.legacy .sub_menu_list {
  font-size: 21px;
  display: block;
  border-bottom: 1px dotted #FFF;
  color: #000 !important;
  text-align: left;
  text-decoration: none;
  background-color: #FC0;
  font-weight: bold;
  padding-top: 2.0;
  padding-bottom: 2.0;
  padding-left: 40px;
  line-height: 42px;
}.legacy .sub_menu ul li i {
  display: none;
}.legacy .sub_menu2 li a {
  font-size: 20px;
  display: block;
  padding-top: 2.0;
  padding-bottom: 2.0;
  padding-left: 40px;
  border-bottom: 1px dotted #000;
  color: #000;
  text-align: left;
  text-decoration: none;
  background-color: #FFFF66;
  line-height: 42px;
  font-weight: bold;
}.legacy .sub_menu2 li:last-child a {
  border: none;
}.legacy .sub_menu2 ul li i {
  display: none;
}.legacy .global_navi ul li span:before,
.legacy .global_navi2 ul li span:before {
  margin-left: 5px;
}.legacy #toggle,
.legacy #toggle2,
.legacy #toggle3,
.legacy #toggle4,
.legacy #toggle5,
.legacy #toggle6,
.legacy #toggle7,
.legacy #toggle8,
.legacy #toggle9,
.legacy #toggle10,
.legacy #toggle11,
.legacy #toggle12,
.legacy #toggle13 {
  display: block;
  position: relative;
  width: 100%;
  max-width: 800px;
  background-color: #F90;
  font-weight: bold;
  color: #FFF;
}.legacy #toggle span,
.legacy #toggle2 span,
.legacy #toggle3 span,
.legacy #toggle4 span,
.legacy #toggle5 span,
.legacy #toggle6 span,
.legacy #toggle7 span,
.legacy #toggle8 span,
.legacy #toggle9 span,
.legacy #toggle10 span,
.legacy #toggle11 span,
.legacy #toggle12 span,
.legacy #toggle13 span {
  display: block;
  position: relative;
  padding: 0px 0;
  color: #fff;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
}.legacy #toggle:before,
.legacy #toggle2:before,
.legacy #toggle3:before,
.legacy #toggle4:before,
.legacy #toggle5:before,
.legacy #toggle6:before,
.legacy #toggle7:before,
.legacy #toggle8:before,
.legacy #toggle9:before,
.legacy #toggle10:before,
.legacy #toggle11:before,
.legacy #toggle12:before,
.legacy #toggle13:before {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  left: 15px;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  background: #fff;
}.legacy #toggle span:before,
.legacy #toggle span:after,
.legacy #toggle2 span:before,
.legacy #toggle2 span:after,
.legacy #toggle3 span:before,
.legacy #toggle3 span:after,
.legacy #toggle4 span:before,
.legacy #toggle4 span:after,
.legacy #toggle5 span:before,
.legacy #toggle5 span:after,
.legacy #toggle6 span:before,
.legacy #toggle6 span:after,
.legacy #toggle7 span:before,
.legacy #toggle7 span:after,
.legacy #toggle8 span:before,
.legacy #toggle8 span:after,
.legacy #toggle9 span:before,
.legacy #toggle9 span:after,
.legacy #toggle10 span:before,
.legacy #toggle10 span:after,
.legacy #toggle11 span:before,
.legacy #toggle11 span:after,
.legacy #toggle12 span:before,
.legacy #toggle12 span:after,
.legacy #toggle13 span:before,
.legacy #toggle13 span:after {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  left: 15px;
  width: 20px;
  height: 0px;
  background: #FFFFFF;
}.legacy #toggle span:before,
.legacy #toggle2 span:before,
.legacy #toggle3 span:before,
.legacy #toggle4 span:before,
.legacy #toggle5 span:before,
.legacy #toggle6 span:before,
.legacy #toggle7 span:before,
.legacy #toggle8 span:before,
.legacy #toggle9 span:before,
.legacy #toggle10 span:before,
.legacy #toggle11 span:before,
.legacy #toggle12 span:before,
.legacy #toggle13 span:before {
  margin-top: -6px;
}.legacy #toggle span:after,
.legacy #toggle2 span:after,
.legacy #toggle3 span:after,
.legacy #toggle4 span:after,
.legacy #toggle5 span:after,
.legacy #toggle6 span:after,
.legacy #toggle7 span:after,
.legacy #toggle8 span:after,
.legacy #toggle9 span:after,
.legacy #toggle10 span:after,
.legacy #toggle11 span:after,
.legacy #toggle12 span:after,
.legacy #toggle13 span:after {
  margin-top: 2px;
}.legacy .top_img {
  width: 100%;
  margin: 0 auto 0px;
  box-sizing: border-box;
}.legacy .top_img img {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  border: 0;
}.legacy .top_img_l {
  float: left;
  width: 50%;
  margin: 0px 0px 0px 0px;
  box-sizing: border-box;
}.legacy .top_img_r {
  float: right;
  width: 50%;
  margin: 0px 0px 0px 0px;
  box-sizing: border-box;
}.legacy .inquiry_img_l {
  float: left;
  width: 33%;
  height: 33%;
  margin: 2px 0 0px 0;
  box-sizing: border-box;
  background-color: #FF0;
}.legacy .inquiry_img_r {
  float: left;
  width: 33%;
  height: %;
  margin: 2px 0 0px 0;
  box-sizing: border-box;
  background-color: #FF0;
}.legacy .clearfix top_img {
  width: 100%;
}.legacy .midashi-update_date {
  color: #F36;
  background-color: #FFF;
  width: 95%;
  text-align: left;
  margin: 0 auto;
  padding: 0;
}.legacy .top-contents2 {
  display: block;
  width: 99%;
  height: auto;
  color: #000;
  margin-top: 0;
  margin-right: auto;
  margin-bottom: 0;
  margin-left: auto;
}.legacy .top-contents2 img {
  width: 100%;
  height: auto;
  margin-bottom: 10px;
}.legacy .top-contents2-obi {
  margin: 15px 0 10px;
  box-sizing: border-box;
  background-color: #FFF;
}.legacy .top-contents2-obi:first-of-type {
  margin-top: 5px;
}.legacy .top-contents2-obi img {
  margin: 0;
  padding: 0;
}.legacy .top-contents2 ol {
  display: block;
  max-width: 95%;
  font-size: 20px;
  margin: 10px auto;
  padding-left: 11%;
}.legacy .top-contents2 ol li {
  margin-bottom: 8px;
}.legacy .top-contents2 ol li strong {
  color: #F30;
  font-weight: bold;
}.legacy .top-contents2 ol li img {
  width: 100%;
  height: auto;
  margin-top: 8px;
}.legacy .top-contents2_list {
  width: 95%;
  font-size: 18px;
  font-weight: normal;
  margin-bottom: 3px;
}.legacy .top-contents2_list li {
  width: 100%;
  font-size: 20px;
  height: auto;
  padding: 2px 0 5px;
  border-bottom-width: 4px;
  border-bottom-style: dotted;
  border-bottom-color: #F36;
  font-weight: bold;
  list-style-type: none;
}.legacy .top-contents2_list li a:before {
  content: "■";
  margin-right: 5px;
  color: #FFCC00;
  font-weight: bold;
  list-style-type: none;
}.legacy .top-contents2_list.new_schools li {
  padding: 3px 0 0;
  border-bottom: none;
  font-weight: bold;
}.legacy .top-contents2 .wp_newsfeed li span {
  margin-right: 10px;
  color: #F36;
}.legacy .top-contents2 .wp_newsfeed li a:before {
  content: "";
  margin-right: 0;
}.legacy .top-contents2 .wp_newsfeed li span:before {
  content: "■";
  margin-right: 5px;
  color: #FFCC00;
}.legacy .top-contents2 p {
  display: block;
  max-width: 95%;
  font-size: 20px;
  margin: 0 auto 10px;
  color: #000;
}.legacy .top-contents2 p strong {
  color: #F36;
  font-weight: bold;
}.legacy .top-contents3_list {
  display: block;
  max-width: 95%;
  list-style: none;
  margin: 0 auto;
}.legacy .top-contents3_list li {
  width: 100%;
  list-style: none;
}.legacy .top-contents3_list li:first-child {
  padding-top: 0;
}.legacy .top-contents3_list li:last-child {
  border-bottom: none;
  padding-bottom: 0;
}.legacy .top-contents3_list ul li:before {
  content: "■";
  margin-right: 5px;
  color: #FFCC00;
}.legacy .top-contents3_list.new_schools li {
  padding: 3px 0 0;
  border-bottom: none;
}.legacy .midashi-sp1 {
  display: block;
  font-size: 23px;
  line-height: 28px;
  font-weight: bold;
  color: #F36;
  width: 98%;
  margin-bottom: 8px;
  margin-right: auto;
  margin-left: auto;
}.legacy .midashi-sp3 {
  display: block;
  font-size: 20px;
  font-weight: bold;
  color: #F06;
  margin: 10px 10px 0;
}.legacy .midashi-sp9 {
  font-size: 30px;
  font-weight: bold;
  line-height: 35px;
  color: #FFF;
  background-color: #F60;
  background-position: right;
  background-repeat: no-repeat;
  background-image: url(/image/sp-listmark3.gif);
  margin-top: 7px;
  margin-bottom: 7px;
  padding: 2% 2%;
  width: 96%;
}.legacy .midashi-sp9r {
  font-size: 30px;
  font-weight: bold;
  line-height: 35px;
  color: #FFF;
  background-color: #F30;
  margin-top: 7px;
  margin-bottom: 7px;
  padding: 2% 2%;
  width: 96%;
}.legacy .midashi-sp91 {
  display: block;
  font-size: 20px;
  line-height: 20px;
  color: #FFF;
  background-color: #0C3;
  font-weight: bold;
  padding: 10px 15px 8px;
  background-image: none;
  background-position: left;
  background-repeat: no-repeat;
}.legacy .moushikomi {
  display: block;
  box-sizing: border-box;
  margin: 10px 0 8px;
  padding: 3px 10px;
  border-bottom: #32b475 solid 2px;
  font-size: 20px;
  font-weight: bold;
}.legacy .moushikomi:first-child {
  margin-top: 0;
}.legacy .moushikomi i {
  display: inline-block;
  color: #32b475;
  width: 8%;
  vertical-align: middle;
  margin: 0 5px 0 0;
}.legacy .moushikomi p {
  display: inline-block;
  width: 90%;
  vertical-align: middle;
  margin: 0;
}.legacy .strong-list {
  display: block;
  width: 95%;
  font-size: 23px;
  line-height: 28px;
  font-weight: bold;
  list-style: none;
  margin-top: 5px;
  margin-right: auto;
  margin-bottom: 5px;
  margin-left: auto;
}.legacy .strong-list li {
  width: 100%;
  border: none !important;
  padding: 0 !important;
  margin: 0 !important;
}.legacy .strong-list li span {
  color: #F36;
}.legacy .strong-list li span:before {
  content: "■";
  margin-right: 5px;
  color: #FFCC00;
}.legacy .whats_new {
  display: inline-block;
  background-color: #F60;
  padding: 2px 5px;
  font-size: 16px;
  font-weight: bold;
  color: #FFF;
  margin-right: 5px;
  vertical-align: middle;
}.legacy .ac_menu {
  display: block;
  width: 100%;
  margin: 2px 0 0 0;
  padding: 0;
}.legacy label {
  cursor: pointer;
}.legacy .ac_menu img {
  box-sizing: border-box;
  margin-bottom: 0;
}.legacy input[type="checkbox"].bellows {
  display: none;
  
}.legacy .ac_menu a {
  text-decoration: underline;
  margin: 0 5px;
}.legacy .ac_menu_taiken {
  text-decoration: none !important;
  margin: 0 !important;
}.legacy .ac_menu ul {
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  margin: 0;
  padding: 0;
  list-style: none;
}.legacy .ac_menu li {
  color: #000;
  text-align: left;
  margin: 0 0 10px 0;
}.legacy .ac_menu li img {
  margin: 10px 0;
}.legacy .ac_menu_para {
  display: block;
  width: 90%;
  margin: 0 auto;
}.legacy .ac_menu li img:first-of-type {
  margin-top: 0;
}.legacy .ac_menu li table {
  width: 90%;
  margin: 10px auto;
  font-weight: bold table-layout: fixed;
  word-break: break-all;
  word-wrap: break-all;
}.legacy .ac_menu li table,
.legacy .ac_menu li tbody,
.legacy .ac_menu li tr,
.legacy .ac_menu li th,
.legacy .ac_menu li td {
  font-family: inherit;
  font-weight: bold;
  text-align: left;
  border-collapse: collapse;
  border: #000 solid 1px;
  line-height: initial;
  padding: 8px;
  box-sizing: border-box;
}.legacy .table_winter th,
.legacy .table_winter td {
  display: block;
  width: 100%;
  border-top: none !important;
  border-left: none !important;
  border-right: none !important;
}.legacy .table_winter {
  margin-bottom: 18px !important;
}.legacy .table_winter th {
  background-color: #FFCC00;
}.legacy .table_winter td:before {
  content: '★';
  margin-right: 5px;
  color: #FFCC00;
}.legacy .table_winter td:last-child {
  border-bottom: none !important;
}.legacy .ac_menu li th span {
  color: #FFCC00;
  margin-right: 5px;
}.legacy .aboutschool2 {
  display: block;
  padding: 10px 10px 8px;
  border-bottom: 1px dotted #FFF;
  background: #F60;
  font-size: 20px;
  font-weight: bold;
  line-height: 18px;
  color: #FFF;
  text-align: center;
  text-decoration: none;
  margin: 0;
}.legacy .aboutschool2:before {
  content: "■";
  margin-right: 5px;
  color: #FC0;
}.legacy .aboutschool2 span:before {
  margin-left: 5px;
}.legacy .ac_menu_list li {
  margin: 0;
}.legacy .ac_menu_list li a {
  display: block;
  padding: 10px 10px 8px;
  border-bottom: 1px dotted #FFF;
  background: #F60;
  font-size: 20px;
  font-weight: bold;
  line-height: 18px;
  color: #FFF;
  text-align: center;
  text-decoration: none;
  margin: 0;
}.legacy .ac_menu_list li:last-of-type a {
  border-bottom: none;
}.legacy .ac_menu_list li a:before {
  content: "■";
  margin-right: 5px;
  color: #FFCC00;
}.legacy .ac_menu_list2 li a {
  display: block;
  padding: 10px 10px 8px;
  border-bottom: 1px dotted #FFF;
  background: #FC0;
  font-size: 20px;
  font-weight: bold;
  line-height: 18px;
  color: #000;
  text-align: center;
  text-decoration: none;
  margin: 0;
}.legacy .ac_menu_list2 li a:before {
  content: "";
}.legacy .midashi-ac_menu {
  display: block;
  box-sizing: border-box;
  margin: 10px 0;
  padding: 10px 15px 8px;
  background-color: #F60;
  font-size: 20px;
  line-height: 18px;
  font-weight: bold;
}.legacy .midashi-ac_menu i {
  display: inline-block;
  color: #FFF;
  width: 8%;
  vertical-align: middle;
  margin: 0;
}.legacy .midashi-ac_menu p {
  display: inline-block;
  color: #FFF;
  width: 90%;
  vertical-align: middle;
  margin: 0;
}.legacy .ac_menu_detail {
  width: 85%;
  font-size: 16px;
  background-color: #ffeca1;
  border-radius: 5px;
  margin: 10px auto;
  padding: 10px;
}.legacy input[type="checkbox"].bellows + ul {
  max-height: 0;
  
    overflow: hidden;
  margin: 0;
}.legacy input[type="checkbox"].bellows:checked + ul {
  max-height: 100%;
  
}.legacy table.formTable {
  background-color: #00B500;
  border-color: #00B500;
  border: 0;
  color: #FFF;
  font-size: 20px;
  font-weight: bold;
  text-align: left;
  padding: 10px;
  width: 100%;
}.legacy table.formTable tbody,
.legacy table.formTable tr {
  width: auto;
  display: block;
}.legacy table.formTable td,
.legacy table.formTable th {
  width: auto;
  display: block;
  padding: 5px;
  line-height: 28px;
}.legacy table.formTable th i {
  margin-right: 5px;
  color: #FFCC00;
}.legacy table.formTable input[type="text"] {
  width: 100%;
  box-sizing: border-box;
}.legacy table.formTable select {
  width: 100%;
  box-sizing: border-box;
}.legacy table.formTable textarea {
  width: 100%;
  box-sizing: border-box;
}.legacy table.formTable input,
.legacy table.formTable select,
.legacy table.formTable textarea {
  font-size: 28px;
}.legacy table.formTable td ul {
  font-size: 16px;
  list-style: none;
}.legacy table.formTable td ul li {
  line-height: 28px;
  margin-bottom: 5px;
  font-weight: bold;
}.legacy table.formTable td ul li:last-child {
  margin-bottom: 0px;
}.legacy .form-button {
  margin: 10px 0;
  text-align: center;
}.legacy .submit_button {
  font-size: 40px;
  width: 100%;
  padding: 3px;
}.legacy .copyright {
  width: 100%;
  background-color: #32b475;
  padding: 10px 0;
  clear: both;
  margin-top: 20px;
}.legacy .copyright p {
  width: 90%;
  margin: 0 auto;
  color: #FFFFFF;
  text-align: center;
  line-height: 20px;
}.legacy .footer_area {
  display: none;
}.legacy .footer_area {
  display: block;
  position: fixed;
  left: 0;
  bottom: 0;
  z-index: 999;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.7);
  transition: all 0.3s;
  box-sizing: border-box;
}.legacy .footer_area.js_block {
  transform: translateY(100%);
}.legacy .footer_area_midashi {
  width: 100%;
  margin: 0;
  padding: 5px 0 4px;
  color: #fff;
  font-size: 18px;
  text-align: center;
  background-color: #F30;
}.legacy .footer_area .footer_area_inner {
  display: flex;
  flex-wrap: wrap;
  width: 95%;
  list-style: none;
  margin: 0 auto;
  padding: 10px 0;
}.legacy .footer_area .footer_area_inner li {
  width: 100%;
  display: flex;
  align-itrems: strech;
  text-align: center;
  margin-top: 0;
  margin-right: 2%;
  margin-bottom: 0;
  margin-left: 0;
}.legacy .footer_area .footer_area_inner li:last-child {
  margin-right: 0;
}.legacy .footer_area .footer_area_inner li a {
  display: block;
  width: 100%;
  padding: 5px;
  color: #ff0;
  border-radius: 5px;
  font-size: 16px;
  font-weight: bold;
}.legacy .footer_area .footer_area_inner li a span {
  display: block;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  line-height: 18px;
  margin-bottom: 3px;
}.legacy .footer_area .footer_area_inner li a i {
  margin-right: 5px;
}.legacy .footer_area_inner .tel a {
  background-color: #f2376c;
}.legacy .footer_area_inner .line a {
  background-color: #00b900;
  color: #FFF;
  font-size: 16px;
}.legacy .footer_area_inner .entry a {
  background-color: #29c2dd;
}.legacy #pagetop {
  display: block;
  position: fixed;
  right: 10px;
  bottom: 112px;
  z-index: 1500;
}.legacy .midashi-sp4 {
  display: block;
  box-sizing: border-box;
  font-size: 20px;
  font-weight: bold;
  color: #FFF;
  background-color: #F30;
  background-image: url(/image/listmark-flag3.gif);
  background-repeat: no-repeat;
  background-position: right;
  margin-top: 10px;
  margin-right: auto;
  margin-bottom: 10px;
  margin-left: auto;
  padding-left: 1.8px;
  padding-top: 4px;
  line-height: 20px;
  padding-bottom: 3px;
  padding-right: 1.8px;
}.legacy .midashi-sp31 {
  font-size: 20px;
  font-weight: bold;
  line-height: 18px;
  color: #F06;
  margin: 10px 10px 8px;
}.legacy .kakomi {
  width: 95%;
  box-sizing: border-box;
  border: #F30 thin dashed;
  font-size: 20px;
  line-height: 18px;
  font-weight: bold;
  color: #F30;
  margin: 0 auto 10px;
  padding: 10px 15px 8px;
}.legacy .instructor_name {
  width: 95%;
  font-size: 20px;
  font-weight: bold;
  margin: 10px auto;
}.legacy .instructor_name:before {
  content: "★";
  margin-right: 5px;
  color: #FFCC00;
}.legacy .instructor_prof {
  width: 95%;
  display: block;
  background-color: #FFF;
  color: #F60;
  text-align: right;
  margin: 5px auto;
}.legacy .midashi-sp7 {
  display: block;
  font-size: 24px;
  font-weight: bold;
  color: #FFF;
  background-color: #00B900;
  border-bottom-width: medium;
  border-bottom-style: none;
  margin-top: 10px;
  margin-right: 0;
  margin-bottom: 10px;
  margin-left: 0;
  padding-top: 8px;
  padding-right: 10px;
  padding-bottom: 6px;
  padding-left: 10px;
  background-image: url(/image/listmark-menu2.gif);
  background-repeat: no-repeat;
  background-position: right;
}.legacy .midashi-sp13 {
  display: block;
  font-size: 20px;
  font-weight: bold;
  color: #F36;
  margin: 8px 0;
  padding: 0 8px;
}.legacy .school_table {
  width: 100%;
  margin: 10px 0;
  table-layout: fixed;
  word-break: break-all;
  word-wrap: break-all;
  background-color: #FF6600;
}.legacy .school_table2 {
  width: 100%;
  margin: 10px 0;
  table-layout: fixed;
  word-break: break-all;
  word-wrap: break-all;
  background-color: #FF6600;
}.legacy .school_table3 {
  width: 100%;
  font-size: 20px;
  margin: 10px 0;
  table-layout: fixed;
  word-break: break-all;
  word-wrap: break-all;
  text-align: left;
  background-color: #00AE00;
}.legacy .school_table,
.legacy .school_table tbody,
.legacy .school_table tr,
.legacy .school_table th,
.legacy .school_table td {
  color: #fff;
  font-family: inherit;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  border-collapse: collapse;
  border: #FFF solid 1px;
  line-height: 26px;
  padding: 5px;
}.legacy .school_table2,
.legacy .school_table2 tbody,
.legacy .school_table2 tr,
.legacy .school_table2 th,
.legacy .school_table2 td {
  color: #fff;
  font-family: inherit;
  font-size: 20px;
  font-weight: bold;
  text-align: left;
  border-collapse: collapse;
  border: #FFF solid 1px;
  line-height: 26px;
  padding: 5px;
}.legacy .school_table th {
  width: 20%;
}.legacy .school_table3 {
  width: 100%;
  table-layout: fixed;
  word-break: break-all;
  word-wrap: break-all;
  background-color: #FFF;
  margin-top: 10px;
  margin-right: 0;
  margin-bottom: 10px;
  margin-left: 0;
}.legacy .school_table3.hon-course {
  margin-bottom: 20px;
}.legacy .school_table3,
.legacy .school_table3 tbody,
.legacy .school_table3 tr,
.legacy .school_table3 th,
.legacy .school_table3 td {
  color: #333;
  font-family: inherit;
  font-size: 20px;
  font-weight: bold;
  text-align: left;
  border-collapse: collapse;
  border: #333 solid 1px;
  line-height: 26px;
  padding: 5px;
}.legacy .school_table3 th {
  background-color: #FFCC00;
}.legacy .school_table3 a {
  font-weight: bold;
  line-height: 30px;
}.legacy .school_table3 a:before {
  content: "■";
  color: #FFCC00;
  font-weight: bold;
}.legacy .gglmap_btn {
  width: 75%;
  margin: 10px auto 15px;
}.legacy .ggmap_frame {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  margin-bottom: 10px;
  height: 0;
  overflow: hidden;
  z-index: 1;
}.legacy .ggmap_frame iframe,
.legacy .ggmap_frame object,
.legacy .ggmap_frame rembed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}.legacy .vimeo_frame {
  padding: 56.25% 0 0 0;
  position: relative;
  overflow: hidden;
  z-index: 1;
  margin: 10px auto 20px;
}.legacy .vimeo_frame iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}.legacy .backward {
  display: block;
  text-align: right;
  max-width: 95%;
  margin: 10px auto;
}.legacy .midashi-sp2 {
  display: block;
  max-width: 100%;
  font-size: 26px !important;
  color: #FFF;
  background-color: #00b900;
  text-align: left !important;
  font-weight: bold !important;
  line-height: 40px;
  padding-left: 5px;
  margin-top: 10px;
  margin-bottom: 5px;
}.legacy .winter {
  display: block;
  max-width: 100%;
  padding-left: 20px !important;
}.legacy .winter span {
  color: #FFCC00;
  margin-right: 5px;
}.legacy .fc-recruitment-navi {
  width: 100%;
  background-color: #F8F0D7;
  padding: 5px 0;
  margin: 15px 0 20px 0;
  border-top: dotted 1px #656565;
  border-bottom: dotted 1px #656565;
  top: 0 !important;
}.legacy .fc-recruitment-navi ul {
  width: 90%;
  margin: 0 auto;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}.legacy .fc-recruitment-navi ul li {
  width: 30vw;
  text-align: center;
  align-itrems: center;
  padding: 5px;
  position: relative;
}.legacy .fc-recruitment-navi ul li a {
  display: block;
  position: relative;
  color: #000 !important;
  font-weight: bold;
  text-decoration: none;
}.legacy .fc-recruitment-navi ul li a:before {
  content: '▼';
  margin-right: 5px;
  color: #cb0000;
}.legacy .fc-recruitment-section {
  display: block;
  margin: 20px auto;
}.legacy .fc-recruitment-h1 {
  box-sizing: border-box;
  margin: 0 auto;
  max-width: 100%;
  height: auto;
}.legacy .fc-recruitment-h2 {
  font-size: 20px;
  font-weight: bold;
  background-color: #103380;
  color: #FFF;
  margin: 10px auto;
  padding: 10px 15px 8px;
  line-height: 20px;
}.legacy .fc-recruitment-h3 {
  max-width: 95%;
  box-sizing: border-box;
  font-size: 20px;
  font-weight: bold;
  color: #F60;
  margin: 10px auto;
  padding: 5px 10px;
  line-height: 20px;
  border-bottom: #F60 solid 2px;
  border-left: #F60 solid 10px;
}.legacy .fc-recruitment-col2_left {
  display: block;
  max-width: 100%;
  margin: 5px auto;
}.legacy .fc-recruitment-col2_right {
  display: block;
  max-width: 100%;
  margin: 5px auto;
}.legacy .fc-recruitment-col2_right img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  margin-bottom: 5px;
}.legacy .fc-recruitment-txt {
  display: block;
  max-width: 95%;
  font-size: 20px;
  margin: 5px auto;
}.legacy .fc-recruitment-txt strong {
  display: block;
  font-size: 20px;
  font-weight: bold;
  color: #000 !important;
  margin: 0 auto 5px;
}.legacy .fc-recruitment-list {
  width: 90%;
  list-style: outside disc;
  padding: 0 0 0 30px;
  line-height: 20px;
}.legacy .fc-recruitment-list li {
  margin-bottom: 5px;
}.legacy .fc-recruitment-list li:last-child {
  margin-bottom: 0;
}.legacy .fc-recruitment-shaded-frame {
  max-width: 95%;
  box-sizing: border-box;
  background-color: #FFFF99;
  border-radius: 10px;
  margin: 10px auto;
  padding: 10px 20px;
}.legacy .fc-recruitment-search-word {
  list-style: none;
  font-weight: bold;
  color: #F00;
  line-height: 20px;
}.legacy .fc-recruitment-search-word span {
  font-weight: bold;
  color: #333;
}.legacy .fc-recruitment-search-word li:before {
  font-family: "Font Awesome 6 Free";
  content: "\f00c";
  color: #FFBF00;
  margin-right: 10px;
}.legacy .submit_button_col2 {
  font-size: 16px;
  width: 50%;
  padding: 3px;
}.legacy .err_msg {
  text-align: center;
  font-size: 20px;
  font-weight: bold;
  color: #F00;
  line-height: 18px;
  margin: 20px 0;
}.legacy #slidremenu {
  width: 300px;
  height: 100%;
  position: fixed;
  top: 0;
  right: -300px;
  background-color: #fff;
  border-left: 1px solid #eee;
  z-index: 1600;
  opacity: 0.95;
}.legacy .slide-wrap {
  height: 95%;
  margin: 5%;
  overflow-y: scroll;
}.legacy #slidremenu h3 {
  margin: 4% 4% 2%;
}.legacy #slidremenu h3 a {
  text-decoration: none;
  color: #F36;
}.legacy #slidremenu h3 a:hover {
  opacity: 0.6;
}.legacy #slidremenu h3 i {
  margin-right: 5px;
  color: #F36;
}.legacy #slidremenu ul {
  margin: 0;
  padding: 0;
  display: block;
  list-style: none;
}.legacy #slidremenu ul li {
  margin: 0 0 0 15px;
  padding: 5px 0 3px;
  border-bottom: 1px dotted #ccc;
  color: #000;
}.legacy #slidremenu ul li:first-child {
  padding-top: 0;
}.legacy #slidremenu ul li i {
  margin-right: 5px;
  color: #f60;
}.legacy #slidremenu ul li a:hover {
  opacity: 0.6;
}.legacy #slidremenu ul li a {
  text-decoration: none;
  color: #000;
}.legacy #nav {
  position: fixed;
  bottom: 220px;
  right: 0;
  font-size: 20px;
  font-weight: bold;
  cursor: pointer;
  z-index: 1700;
}.legacy #nav a {
  width: 100px;
  height: 60px;
  display: block;
  background-image: url(/image/menu-ico.png);
  background-size: 100px 60px;
  background-repeat: no-repeat;
  text-decoration: none;
  text-align: center;
  padding-top: 38px;
  color: #fff;
  box-sizing: border-box;
}.legacy .midashi-sp8 {
  width: 98%;
  font-size: 23px;
  line-height: 26px;
  color: #F33;
  font-weight: bold;
}.legacy .nyukai-wrap {
  width: 100%;
  height: 100%;
  padding: 5px 15px;
  box-sizing: border-box;
}.legacy .kiyaku_ttl {
  width: 95%;
  font-size: 10px;
  line-height: 13px;
  font-weight: bold;
  margin: 15px auto 10px;
  padding-bottom: 3px;
  border-bottom: #090 solid 2px;
}.legacy .kiyaku_ttl:before {
  content: "\f05a";
  font-family: "Font Awesome 6 Free";
  margin-right: 10px;
  color: #090;
}.legacy .kiyaku_frame {
  width: 95%;
  height: 500px;
  margin: 15px auto 30px;
  padding: 10px;
  overflow-y: scroll;
  border: #CCC solid 1px;
  box-sizing: border-box;
}.legacy .kiyaku_frame.no_scroll {
  height: auto;
  overflow: hidden;
}.legacy .kiyaku_clause {
  font-size: 1.0em !important;
  font-weight: bold;
}.legacy .kiyaku_txt {
  font-size: 1.0em !important;
  margin-bottom: 10px;
}.legacy .kiyaku_txt:last-of-type {
  margin-bottom: 0;
}.legacy .yoyaku_frame {
  width: 100%;
  height: 300px;
  margin: 15px auto 30px;
  padding: 10px;
  overflow-y: scroll;
  border: #CCC solid 1px;
  box-sizing: border-box;
}.legacy .yoyaku_txt {
  font-size: 1.0em !important;
  margin-bottom: 10px;
}.legacy select[id^="mfp_BirthdayElement_mfp_element"] {
  width: 30% !important;
  min-width: 30% !important;
  margin-right: 15px;
}.legacy select[id^="mfp_BirthdayElement_mfp_element"]:last-of-type {
  margin-right: 0;
}.legacy .furikomi {
  border-top: dashed #F00 1px;
  border-bottom: dashed #F00 1px;
  padding: 10px 0;
  margin-bottom: 15px;
}.legacy .kiyaku-shaded-frame {
  width: 95%;
  background-color: #BFEFFF;
  border-radius: 10px;
  margin: 10px auto 20px;
  padding: 20px 20px 15px;
}.legacy .kiyaku-search-word {
  list-style: none;
  font-weight: bold;
  color: #F00;
  line-height: 1.5em;
}.legacy .kiyaku-input {
  background-color: #ffff00;
  box-sizing: border-box;
  border: solid 1px #fff00 !important;
  padding: 10px 5px 5px 5px !important;
}.legacy .mailform {
  width: 95%;
  margin: 0 auto;
}.legacy form#mailformpro dl dt,
.legacy form#mailformpro dl dd {
  font-size: 16px !important;
  padding: 10px !important;
}.legacy form#mailformpro dl dt {
  padding-bottom: 5px !important;
}.legacy form#mailformpro dl dd {
  padding-top: 5px !important;
}.legacy .fnl_phase {
  font-size: 1.2em !important;
}.legacy div.mfp_buttons {
  width: 95%;
  margin: 0 auto;
}.legacy table#mfp_confirm_table tr th,
.legacy table#mfp_confirm_table tr td {
  display: block !important;
  width: 100% !important;
}.legacy input:-webkit-autofill,
.legacy select:-webkit-autofill {
  box-shadow: 0 0 0 750px #ffff00 inset;
}.legacy .midashi15 {
  font-weight: bold;
  color: #F36;
}.legacy .menu > li.menu__single {
  position: relative;
}.legacy li.menu__single ul.menu__second-level {
  position: absolute;
  top: 40px;
  width: 100%;
  background: #072A24;
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
}.legacy li.menu__single:hover ul.menu__second-level {
  top: 50px;
  visibility: visible;
  opacity: 1;
}.legacy .inquiry_btn {
  background-color: #15A51C;
  -webkit-border-radius: 3px;
  display: inline-block;
  text-align: center;
  text-decoration: none;
  width: 100%;
  font-size: 20px;
  font-weight: bold;
  padding-right: 0;
  padding-left: 0;
  line-height: 30px;
}.legacy .inquiry_btn:link,
.legacy .inquiry_btn:visited {
  color: #FFFFFF !important;
}.legacy .footer_area_inner span {
  color: #fff;
}.legacy #siteBottom {
}.legacy .midashi-sp0 {
  font-family: Verdana, Roboto, "Droid Sans", "游ゴシック", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", sans-serif;
  font-size: 20px;
  font-weight: bold;
  color: #FFF;
  background-color: #14A71C;
  line-height: 20px;
  padding-top: 2px;
  padding-left: 1px;
  margin-top: 5px;
}.legacy .midashi-sp10 {
  font-family: Verdana, Roboto, "Droid Sans", "游ゴシック", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", sans-serif;
  font-size: 20px;
  color: #FFF;
  background-color: #F60;
  background-image: url(/image/sp-listmark2.gif);
  background-position: left;
  background-repeat: no-repeat;
  font-weight: bold;
}.legacy .midashi-sp {
  font-family: Verdana, Roboto, "Droid Sans", "游ゴシック", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", sans-serif;
  font-size: 20px;
  color: #FFF;
  background-color: #F60;
  background-image: url(/image/smartphone-site-midashi2.gif);
  background-position: left;
  background-repeat: no-repeat;
  font-weight: bold;
}.legacy .fb-page {
  zoom: 90%;
}.legacy .iframe-content {
  position: relative;
  width: 100%;
}.legacy .iframe-content iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}.legacy .fb-page {
  zoom: 100%;
}.legacy .midashi-ninzu {
  font-family: Verdana, Roboto, "Droid Sans", "游ゴシック", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", sans-serif;
  color: #00B800;
  background-color: #FFF;
  font-size: 20px;
  font-weight: bold;
  line-height: 18px;
  padding-left: 2px;
  padding-bottom: 5px;
  padding-top: 2px;
}.legacy .midashi-sp5 {
  font-size: 20px;
  color: #F06;
  font-weight: bold;
  line-height: 20px;
}.legacy .yoyaku {
  width: auto;
  background-color: #FFC;
  font-size: 20px;
}.legacy .midashi-sp6 {
  font-size: 20px;
  font-weight: bold;
  color: #FFF;
  background-color: #00BF30;
  background-position: right top;
  line-height: 20px;
  padding-left: 5px;
  padding-top: 6px;
  padding-bottom: 5px;
  margin-top: 10px;
}.legacy input.radio {
  -webkit-transform: scale(2.2);
  transform: (4.4);
  background-color: #14A71C;
}.legacy input.checkbox {
  -webkit-transform: scale(2.2);
  transform: (4.4);
  background-color: #14A71C;
}.legacy .midashi-sp11 {
  font-size: 20px;
  font-weight: bold;
  color: #FFF;
}.legacy .midashi-sp12 {
  font-size: 20px;
  color: #FFF;
  background-color: #F60;
  font-weight: bold;
  padding-left: 18px;
  background-image: url(/image/smartphone-site-midashi2.gif);
  background-repeat: no-repeat;
  background-position: left;
}.legacy .giri100 {
  font-size: 20px;
  color: #F00;
  font-weight: bold;
}.legacy .text-r {
  color: #F00;
}.legacy .text-y {
  color: #FC0;
}.legacy .text-l {
  font-size: 20px;
  font-weight: bold;
}.legacy .text-p {
  color: #FF3366;
}.legacy .midashi-sp14 {
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 20px;
  font-weight: bold;
  color: #F36;
  text-align: right;
}.legacy .fee {
  font-size: 30px;
  color: #FF3366;
  font-weight: bold;
}.legacy .whol_page .midashi-sp15 {
  text-align: center;
  font-size: 40px;
  color: #000;
  width: 96%;
  font-weight: bold;
  background-color: #FFF;
  margin-top: 20px;
}.legacy .sp-annotation {
  width: 95%;
  background-color: #FF9;
  font-size: 14px;
  font-weight: normal;
  margin-top: 3px;
  margin-bottom: 3px;
}.legacy .sp-annotation li::before {
  content: "■";
  margin-right: 5px;
  color: #FFCC00;
  font-weight: bold;
}.legacy .sp-annotation li {
  width: 100%;
  font-size: 18px;
  padding: 8px 0 5px;
  border-bottom-width: 4px;
  border-bottom-style: dotted;
  border-bottom-color: #F36;
  font-weight: bold;
  list-style-type: none;
}.legacy .QA-Q {
  font-weight: bold;
  color: #FFF;
  background-color: #0C3;
  padding-right: 3px;
  padding-left: 3px;
}.legacy .QA-A {
  font-weight: bold;
  color: #FFF;
  background-color: #F30;
  padding-right: 3px;
  padding-left: 3px;
}.legacy .slider,
.legacy .slider2 {
  display: flex;
  overflow: hidden;
}.legacy .slider:not(.slick-initialized) > div,
.legacy .slider2:not(.slick-initialized) > div {
  flex: 0 0 33.3333%;
  width: 33.3333%;
  box-sizing: border-box;
}
@media (max-width: 750px) {.legacy .slider:not(.slick-initialized) > div,
.legacy .slider2:not(.slick-initialized) > div {
    flex: 0 0 50%;
    width: 50%;
  }
}


/* ---- 新デザインの器に収めるための打ち消し ---- */
.legacy {
  max-width: 100% !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  min-width: 0 !important;
}
/* 旧CSSの img{width:100%;height:100%} は残しつつ、はみ出しだけ防ぐ */
.legacy img { max-width: 100%; height: auto; }
/* 横に長い表はスマホで横スクロールさせる */
.legacy .table-scroll { overflow-x: auto; -webkit-overflow-scrolling: touch; }
.legacy .table-scroll > table { min-width: 520px; }