#index #lead {
  background: url(../img/shared/line.jpg) repeat-x bottom center, url(../img/index/bg.jpg) no-repeat top center;
  font-weight: 500;
  padding-bottom: 20px;
}
#index #sec01 {
  background: url(../img/index/bg1.jpg) no-repeat top center;
  background-size: cover;
  padding: 40px 0 60px;
  color: #FFF;
}
#index #sec01 h2 {
  margin-bottom: 50px;
}

#index #sec02 {
  background: url(../img/shared/line.jpg) repeat-x top center, url(../img/index/line.jpg) repeat-x bottom center, url(../img/index/bg2.jpg) repeat top center;
  font-weight: 500;
  padding: 30px 0 30px;
  color: #FFF;
}
#index #sec02 h2 {
  margin-bottom: 15px;
}
#index #sec02 h3 {
  padding: 25px 0 10px;
}
#index #sec03 {
  background: url(../img/index/bg3.jpg) no-repeat top center;
  background-size: cover;
  position: relative;
  padding: 40px 0 60px;
  color: #FFF;
}
#index #sec03 h2 {
  margin-bottom: 50px;
}
#index #sec03::before {
  background: url(../img/index/line.jpg) repeat-x;
  width: 100%;
  height: 10px;
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
}
#index #sec04 {
  background: url(../img/index/line1.jpg) no-repeat top center;
  padding-top: 50px;
  padding-bottom: 8%;
}
#index #sec04 .box {
  background: url(../img/index/bg_blog.png) no-repeat top center;
  background-size: 100% 100%;
  padding: 25px;
  min-height: 250px;
  margin-bottom: 5%;
}
#index #sec04 .box p.note {
  text-align: center;
  padding-top: 80px;
}
#index #sec04 .box #feed {
    padding-bottom: 20px;
}
#index #sec04 .box #feed p span {
  width: 100% !important;
  min-height: 180px;
  border-top: 1px solid #FFF;
  border-bottom: 1px solid #FFF;
}
#index #sec04 .box #feed dl {
  text-align: center;
}
#index #sec04 .box #feed dl dd {
  font-weight: bold;
}
#index #sec05 {
  padding: 25px 0 30px;
}
#index #sec05 h2 {
  margin-bottom: 15px;
}
#index #sec05 .box {
  width: 320px;
  margin: auto;
  height: 320px;
  background: #FFF;
}
#index #sec06 {
  padding: 5px 0 20px;
}
#index #sec06 h2 {
  margin-bottom: 15px;
}
#index #sec06 #instafeed {
  padding-bottom: 25px;
}
#index #sec06 #instafeed li {
  width: 46.25%;
  margin-left: 2.5%;
  float: left;
  padding-bottom: 10px;
}

#enjoy #lead {
  background: url(../img/shared/line.jpg) repeat-x bottom center, url(../img/shared/bg.jpg) repeat;
  padding-bottom: 20px;
  position: relative;
  z-index: 10;
}
#enjoy #lead h2 {
  position: relative;
  margin-bottom: -35px;
}
#enjoy #lead h2 span {
  position: absolute;
  top: 0;
  left: 0;
}
#enjoy #sec01 {
  position: relative;
  z-index: -1;
}
#enjoy #sec01 .box {
  padding: 5% 0;
}
#enjoy #sec01 .box h2 {
  position: relative;
  z-index: 10;
}
#enjoy #sec01 p.para img {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  object-fit: cover;
}
#enjoy #sec02 {
  background: url(../img/shared/line.jpg) repeat-x top center, url(../img/index/bg2.jpg) repeat top center;
  position: relative;
  z-index: 10;
}
#enjoy #sec02 .box {
  background: url(../img/enjoy/bg_o.png) repeat;
  color: #FFF;
  margin: -7% 2.5% 0 5%;
  padding: 25px 10px 10px;
}
#enjoy #sec02 .box h3 {
  font-size: 16px;
  font-weight: bold;
  text-align: center;
}
#enjoy #sec02 .box dl {
  margin-top: 8px;
}
#enjoy #sec02 .box dl dt {
  font-weight: bold;
  font-size: 16px;
  border-top: 1px solid #FFF;
  border-bottom: 1px solid #FFF;
  margin-bottom: 8px;
  padding: 8px;
  text-align: center;
}
#enjoy #sec02 .box dl dt span {
  font-size: 22px;
}
#enjoy #sec03 {
  background: url(../img/index/bg2.jpg) repeat top center;
  position: relative;
  z-index: 10;
  overflow: hidden;
  padding: 80px 0 80px;
}
#enjoy #sec03::before {
  background: url(../img/enjoy/bg_o1.png) repeat top center;
  position: absolute;
  top: 7%;
  left: -10%;
  width: 120%;
  height: 90%;
  content: "";
  transform: rotate(5deg);
}
#enjoy #sec03 h2 {
  position: relative;
  z-index: 2;
}
#enjoy #sec03 .box {
  background: url(../img/enjoy/bg_o.png) repeat;
  color: #FFF;
  margin: 0% 2.5% 0;
  padding: 25px 10px 10px;
  position: relative;
}
#enjoy #sec03 .box h3 {
  font-size: 16px;
  font-weight: bold;
  text-align: center;
}
#enjoy #sec03 .box dl {
  margin-top: 8px;
}
#enjoy #sec03 .box dl dt {
  font-weight: bold;
  font-size: 16px;
  border-top: 1px solid #FFF;
  border-bottom: 1px solid #FFF;
  margin-bottom: 8px;
  padding: 8px;
  text-align: center;
}
#enjoy #sec03 .box dl dt span {
  font-size: 22px;
}
#enjoy #sec04 {
  background: url(../img/index/bg2.jpg) repeat top center;
  position: relative;
  z-index: 10;
  overflow: hidden;
}
#enjoy #sec04 h2 {
  position: relative;
  z-index: 2;
}
#enjoy #sec04 .box {
  background: url(../img/enjoy/bg_o.png) repeat;
  color: #FFF;
  margin: 0% 2.5% 8%;
  padding: 25px 10px 10px;
  position: relative;
}
#enjoy #sec04 .box h3 {
  font-size: 16px;
  font-weight: bold;
  text-align: center;
}
#enjoy #sec04 .box dl {
  margin-top: 8px;
}
#enjoy #sec04 .box dl dt {
  font-weight: bold;
  font-size: 16px;
  border-top: 1px solid #FFF;
  border-bottom: 1px solid #FFF;
  margin-bottom: 8px;
  padding: 8px;
  text-align: center;
}
#enjoy #sec04 .box dl dt span {
  font-size: 22px;
}
#enjoy #sec05 {
  background: url(../img/enjoy/bg2.jpg) no-repeat top center, url(../img/enjoy/bg3.jpg) repeat top center;
  position: relative;
  z-index: 10;
  padding-bottom: 25px;
}
#enjoy #sec05 p span {
  color: #D50F0F;
}

#meat #lead {
  padding: 30px 0 10px;
  background: url(../img/shared/line.jpg) repeat-x bottom center, url(../img/shared/bg.jpg) repeat top center;
  position: relative;
  z-index: 10;
  color: #FFF;
}
#meat #lead h2 {
  margin-bottom: 10px;
}
#meat #sec01 {
  background: url(../img/index/bg2.jpg) repeat top center;
  position: relative;
  z-index: 10;
  padding: 20px 0 20px;
}
#meat #sec01 article {
  background: url(../img/meat/bg_slide.png) no-repeat top center;
  background-size: 100% 100%;
  padding-bottom: 20px;
}
#meat #sec01 article .bx-controls-direction {
  width: 95%;
  left: 2.5%;
}
#meat #sec01 article .bx-wrapper .bx-controls-direction a {
  background: #8b0604;
}
#meat #sec02 {
  padding: 0 0 10px;
  background: url(../img/shared/line.jpg) repeat-x bottom center, url(../img/shared/bg.jpg) repeat top center;
  position: relative;
  z-index: 10;
  overflow: hidden;
}
#meat #sec02 h2 {
  position: relative;
}
#meat #sec02 h2 span {
  position: absolute;
  bottom: 2px;
  left: 0;
  width: 100%;
  text-align: center;
  color: #FFF;
}
#meat #sec02 article {
  padding-bottom: 30px;
  margin: 0 2.5%;
}
#meat #sec02 article .bx-controls-direction {
  top: 41%;
}
#meat #sec02 article .bx-wrapper .bx-controls-direction a {
  background: #8b0604;
}
#meat #sec02 article dl dd {
  background: url(../img/enjoy/bg_o.png) repeat;
  margin: -5% 2.5% 0;
  position: relative;
  color: #FFF;
  padding: 10px;
}
#meat #sec02 article dl dd span {
  display: block;
  font-weight: bold;
  font-size: 19px;
  text-align: center;
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 4px double #FFF;
}
#meat #sec03 {
  position: relative;
  z-index: -1;
}
#meat #sec03 .box {
}
#meat #sec03 .box h2 {
  position: relative;
  z-index: 10;
}
/*#meat #sec03 p.para img {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  object-fit: cover;
}*/
#meat #sec04 {
  padding: 50px 0 30px;
  background: url(../img/shared/line.jpg) repeat-x top center, url(../img/shared/bg.jpg) repeat top center;
  position: relative;
  z-index: 10;
}
#meat #sec04 h3 {
  padding-top: 35px;
}
#meat #sec04 dl {
  margin: 0 2.5%;
  color: #FFF;
}
#meat #sec04 dl dt {
  text-align: center;
  font-size: 18px;
  font-weight: bold;
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 4px double #FFF;
}
#meat #sec04 dl dt span {
  font-size: 22px;
}
#meat #sec04 ul.click_js {
  position: relative;
  margin: 0 12%;
}
#meat #sec04 ul.click_js .on_img {
  opacity: 0;
  position: absolute;
  transition: all 0.4s ease;
}
#meat #sec04 ul.click_js.active .on_img {
  opacity: 1;
  position: inherit;
}
#meat #sec04 ul.click_js.active .off_img {
  opacity: 0;
  position: absolute;
}
#meat #sec05 {
  padding: 30px 0 30px;
  background: url(../img/enjoy/bg3.jpg) repeat top center;
  position: relative;
  z-index: 10;
}
#meat #sec05 .toggle-link {
  padding-bottom: 25px;
}
#meat #sec05 .toggle-link::after {
  top: 80%;
  right: 48%;
  color: #571a05;
}
#meat #sec05 p.note {
  text-align: center;
}
#meat #sec05 dl {
  margin: 0 2.5%;
  padding: 7px 0;
  border-bottom: 1px solid #CD9285;
}
#meat #sec05 dl::after {
  content: "." !important;
  clear: both !important;
  display: block !important;
  height: 0 !important;
  visibility: hidden !important;
}
#meat #sec05 dl dt {
  float: left;
}
#meat #sec05 dl dd {
  float: right;
  text-align: right;
}
#meat #sec06 {
  padding: 0 0 15px;
  background: url(../img/index/bg2.jpg) repeat top center;
  position: relative;
  z-index: 10;
  color: #FFF;
}
#meat #sec06 ul {
  margin: 0 2.5%;
}
#meat #sec06 ul li {
  padding-bottom: 20px;
}

#menu #lead {
  padding: 0px 0 20px;
  position: relative;
  z-index: 10;
  color: #FFF;
  background: url(../img/shared/line.jpg) repeat-x bottom center;
}
#menu #lead h2 {
  margin-bottom: 15px;
}
#menu #sec01 .box {
  background: url(../img/shared/line.jpg) repeat-x top center, url(../img/index/bg2.jpg) repeat;
  padding: 25px 0 30px;
  color: #FFF;
}

#menu #sec01 .box h3{
	position: relative;
	padding-top: 30px;
}

#menu #sec01 .box h3 span{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	text-align: center;
}
							
						
#menu #sec01 .box .dl01 {
  margin: 0 2.5% 15px;
}
#menu #sec01 .box .dl01 dt {
  font-weight: bold;
  font-size: 20px;
  text-align: center;
  padding-bottom: 10px;
  margin: 0 50px 10px;
  border-bottom: 1px solid #FFF;
}
#menu #sec01 .box .dl02 {
  margin: 0 2.5%;
  background: url(../img/enjoy/bg_o.png) repeat;
  padding: 25px 10px 15px;
}
#menu #sec01 .box .dl02 dt {
  font-weight: bold;
  font-size: 20px;
  text-align: center;
  margin-bottom: 15px;
}
#menu #sec01 .box .dl02 dt span {
  padding: 10px 20px;
  border-left: 4px double #FFF;
  border-right: 4px double #FFF;
}
#menu #sec02 {
  background: url(../img/enjoy/bg_o1.png) repeat;
  padding: 20px 0 30px;
}
#menu #sec02 .tab-link li {
  width: 33.33333334%;
}
#menu #sec02 .tab-content {
  margin: 1%;
  background: url(../img/menu/line.jpg) repeat-x, url(../img/menu/line.jpg) repeat-x right bottom, url(../img/menu/line2.jpg) repeat-y left top, url(../img/menu/line2.jpg) repeat-y right top;
  padding: 7px;
  color: #FFF;
}
#menu #sec02 .tab-content dl {
  margin: 0 3%;
  padding: 15px 0;
}
#menu #sec02 .tab-content dl dt {
  font-weight: bold;
  font-size: 20px;
  text-align: center;
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 2px solid #FFF;
}
#menu #sec03 {
  padding-top: 25px;
}
#menu #sec04 {
  padding: 10px 0 20px;
  background: url(../img/enjoy/bg3.jpg) repeat top center;
  position: relative;
  z-index: 10;
}
#menu #sec04 .toggle-link {
  padding-bottom: 25px;
}
#menu #sec04 .toggle-link::after {
  top: 80%;
  right: 48%;
  color: #571a05;
}
#menu #sec04 p.note {
  text-align: center;
}
#menu #sec04 dl {
  margin: 0 2.5%;
  padding: 7px 0;
  border-bottom: 1px solid #CD9285;
}
#menu #sec04 dl::after {
  content: "." !important;
  clear: both !important;
  display: block !important;
  height: 0 !important;
  visibility: hidden !important;
}
#menu #sec04 dl dt {
  float: left;
}
#menu #sec04 dl dd {
  float: right;
  text-align: right;
}
#menu #sec05 {
  background: url(../img/shared/line.jpg) repeat-x top center, url(../img/shared/line.jpg) repeat-x bottom center, url(../img/index/bg2.jpg) repeat top center;
  position: relative;
  color: #FFF;
  padding: 25px 0 50px;
}
#menu #sec05 article {
  margin: 0 2.5%;
  position: relative;
}
#menu #sec05 article dl dt {
  width: 50%;
}
#menu #sec05 article dl dd {
  position: absolute;
  background: url(../img/enjoy/bg_o.png) repeat;
  top: 0;
  right: 0;
  width: 41.5%;
  font-weight: bold;
  padding: 3%;
  text-align: center;
  font-size: 18px;
  line-height: 28px;
}
#menu #sec05 article .slide_thm1 {
  width: 50%;
  position: absolute;
  bottom: 0;
  right: 0;
  text-align: center;
  z-index: 999;
}
#menu #sec05 article .slide_thm1 li {
  width: 30%;
  display: inline-block;
  margin-top: 3%;
}
#menu #sec05 article .slide_thm1 li .active {
  position: relative;
  width: 100%;
  height: 100%;
  display: block;
}
#menu #sec05 article .slide_thm1 li .active::before {
  border: 1px solid #FFF;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
#menu #sec06 {
  padding: 0px 0 20px;
  background: url(../img/enjoy/bg3.jpg) repeat top center;
  position: relative;
  z-index: 10;
}
#menu #sec06 .toggle-link {
  padding-bottom: 25px;
}
#menu #sec06 .toggle-link::after {
  top: 80%;
  right: 48%;
  color: #571a05;
}
#menu #sec06 p.note {
  text-align: center;
  font-size: 14px;
  padding-bottom: 0;
}
#menu #sec06 h4 {
  font-weight: bold;
  padding: 10px 0;
  text-align: center;
  color: #580403;
  border-top: 1px solid #580403;
  border-left: 1px solid #580403;
  border-right: 1px solid #580403;
  border-bottom: 6px solid #580403;
  margin: 25px 2.5% 0;
}
#menu #sec06 dl {
  margin: 0 2.5%;
  padding: 7px 0;
  border-bottom: 1px solid #CD9285;
}
#menu #sec06 dl::after {
  content: "." !important;
  clear: both !important;
  display: block !important;
  height: 0 !important;
  visibility: hidden !important;
}
#menu #sec06 dl dt {
  float: left;
}
#menu #sec06 dl dd {
  float: right;
  text-align: right;
}

#course #lead {
  padding: 20px 0 10px;
  background: url(../img/shared/line.jpg) repeat-x bottom center, url(../img/shared/bg.jpg) repeat top center;
  position: relative;
  z-index: 10;
  color: #FFF;
}
#course #lead h2 {
  margin-bottom: 10px;
}
#course #sec01 {
  background: url(../img/shared/line.jpg) repeat-x bottom center, url(../img/shared/bg.jpg) repeat top center;
  position: relative;
  z-index: 10;
  padding-bottom: 20px;
}
#course #sec01 h2 {
  position: relative;
  margin-bottom: 25px;
}
#course #sec01 h2 span {
  width: 100%;
  position: absolute;
  top: 35%;
  left: 0;
  text-align: center;
  color: #FFF;
}
#course #sec01 .toggle {
  background: url(../img/course/bg_o.png) repeat;
  border: 1px solid #FFF;
  margin: 0 2.5% 8%;
}
#course #sec01 .toggle h3 {
  color: #D50F0F;
  text-align: center;
  font-size: 25px;
  font-weight: bold;
  letter-spacing: 1px;
  padding: 10px 80px 10px 0;
}
#course #sec01 .toggle h3 span {
  font-size: 28px;
}
#course #sec01 .toggle h5 {
  color: #D50F0F;
  text-align: center;
  font-size: 20px;
  font-weight: bold;
  letter-spacing: 1px;
  padding: 10px 10px 0;
}
#course #sec01 .toggle h5 span {
  font-size: 24px;
}
#course #sec01 .toggle p.note2 {
  font-weight: bold;
  text-align: center;
  padding-bottom: 25px;
  font-size: 16px;
}
#course #sec01 .toggle p.note {
  width: 30%;
  margin: 0;
  padding: 0;
  position: absolute;
  top: -20px;
  right: 10px;
}
#course #sec01 .toggle .toggle-link {
  padding-bottom: 15px;
}
#course #sec01 .toggle .toggle-link::after {
  top: 80%;
  right: 48%;
  color: #D50F0F;
}
#course #sec01 .toggle dl {
  margin: 0 2.5%;
  padding-bottom: 15px;
}
#course #sec01 .toggle dl dd {
  margin-left: 16px;
}
#course #sec01 .toggle ul {
  margin: 0 2.5%;
  padding-bottom: 15px;
}
#course #sec01 .t1 {
  background: url(../img/course/bg2.jpg) repeat;
  border: 1px solid #000;
}
#course #sec01 .t1 .toggle-link {
  padding-bottom: 15px;
}
#course #sec01 .t1 .toggle-link::after {
  top: 80%;
  right: 48%;
  color: #000;
}
#course #sec01 .t1 p.note1 {
  text-align: center;
}
#course #sec02 {
  position: relative;
  z-index: -1;
}
#course #sec02 .box {
  padding: 12% 0;
}
#course #sec02 .box h2 {
  position: relative;
  z-index: 10;
}
#course #sec02 p.para img {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  object-fit: cover;
}
#course #sec03 {
  background: url(../img/shared/line.jpg) repeat-x top center, url(../img/index/bg2.jpg) repeat top center;
  position: relative;
  z-index: 10;
  color: #FFF;
  padding-bottom: 30px;
}
#course #sec03 h2 {
  padding: 25px 0 10px;
}
#course #sec03 article {
  margin: 0 2.5%;
  padding-bottom: 25px;
}
#course #sec03 article .bx-wrapper .bx-pager, #course #sec03 article .bx-wrapper .bx-controls-auto {
  bottom: 45%;
  width: 40%;
  margin-left: 60%;
}
#course #sec03 article .bx-wrapper .bx-pager a, #course #sec03 article .bx-wrapper .bx-controls-auto a {
  border: 1px solid #FFF;
  border-radius: 0;
  width: 15px;
  height: 15px;
}
#course #sec03 article .bx-wrapper .bx-pager a.active, #course #sec03 article .bx-wrapper .bx-controls-auto a.active {
  background: #FFF;
}
#course #sec04 {
  background: url(../img/enjoy/bg_o1.png) repeat top center, url(../img/index/bg2.jpg) repeat top center;
  position: relative;
  z-index: 10;
  color: #FFF;
}
#course #sec04 h2 img {
  margin-top: -25px;
}

#access #lead {
  background: url(../img/access/bg.jpg) no-repeat bottom center;
  padding: 25px 0 20px;
}
#access #lead h3 {
  font-size: 20px;
  text-align: center;
  font-weight: bold;
  padding-bottom: 15px;
}
#access #lead .menu_list {
  margin: 0 2.5%;
  padding-bottom: 25px;
}
#access #lead .menu_list dl {
  padding: 8px 0;
  border-bottom: 1px solid #000;
}
#access #lead .menu_list dl dt {
  font-weight: bold;
}
#access #lead .menu_list dl dd a {
  font-weight: bold;
  display: block;
  font-size: 18px;
}
#access #sec01 {
  padding: 10px 0 15px;
}
#access #sec01 h2 {
  margin: 0 2.5%;
  padding-bottom: 10px;
}
#access #sec02 ul {
  margin: 0 2.5%;
  padding: 15px 0;
}
#access #sec02 ul li {
  margin-bottom: 20px;
  font-weight: bold;
  color: #FFF;
  text-align: center;
  font-size: 16px;
  background: url(../img/access/bg_bnr.jpg) no-repeat bottom center;
  background-size: 100% 100%;
}
#access #sec02 ul li a, #access #sec02 ul li span {
  display: block;
  padding: 7px;
}