@charset "utf-8";

/*====================================================================================
■01.Content PAGE
====================================================================================*/
#all_pages {
  background: url(../common_img/bg_pages.jpg) no-repeat center top;
}

.bg_pages {
  padding: 125px 0 99px;
}

.breadcrumbs ul {
  float: right;
  padding: 12px 0 30px;
}

.breadcrumbs ul li {
  float: left;
  margin-left: 5px;
  font-size: 12px;
}

.content {
  font-size: 14px;
  line-height: 1.7;
  padding-bottom: 110px;
}

.side_bar {
  float: left;
  width: 230px;
}

.side_bar .side01 li {
  color: #fff;
  position: relative;
  margin-bottom: 5px;
}

.side_bar .side02 {
  background-color: #f4f4f4;
  padding: 10px;
  margin-top: 10px;
}

.side_bar .side02 .box01 {
  position: relative;
}

.side_bar .side02 .box01 p {
  position: absolute;
  top: 64px;
  text-align: center;
  color: #fff;
  margin: 0 auto;
  left: 0;
  right: 0;
  z-index: 99;
  font-size: 12px;
}

.side_bar .side02 .box01 a:after {
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: 999;
}

.side_bar .side02 .box02 li {
  margin-top: 10px;
  text-align: center;
}

.content_l {
  float: right;
  width: 740px;
}

.sec {
  margin-bottom: 60px;
}

/*===========contact===========*/
.banner_contact {
  background: url(../contact/images/bg01.jpg) no-repeat center top;
  padding: 49px 0;
  color: #fff;
  margin-bottom: 60px;
}

.banner_contact .ct_banner {
  width: 670px;
  text-align: center;
}

.bnt_page {
  background: #ffe13d url(../common_img/arrow02.png) no-repeat right 20px center;
  margin-top: 20px;
  padding: 10px;
  text-align: center;
  display: inline-block;
  position: relative;
  width: 270px;
}

.bnt_page a {
  color: #000000 !important;
  text-decoration: none;
}

.bnt_page a:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.bnt_page a:hover {
  opacity: 0.6;
  filter: alpha(opacity=60);
}

#contact a {
  color: #009bff;
}

.form_contact .box {
  margin: 15px 0;
  background-color: #f4f4f4;
  color: #f10000;
  padding: 25px 30px;
  font-weight: bold;
}

.form_contact h4 {
  padding: 12px 30px;
  font-size: 16px;
  color: #fff;
  background-color: #003557;
  font-family: YuGothic, '游ゴシック', sans-serif;
}

.tbl01 {
  width: 100%;
}

.tbl01 th {
  background-color: #f8f8f8;
  border: 1px solid #dddddd;
  border-right: none;
  text-align: left;
  padding: 21px 30px;
  width: 210px;
  vertical-align: top;
}

.tbl01 td {
  padding: 21px 30px;
  border: 1px solid #dddddd;
  border-left: none;
}

.in_pp {
  margin: 20px 0;
  padding: 25px 30px;
  background: #f4f4f4;
}

.privacy h4 {
  font-size: 16px;
  margin-top: 25px;
}

.in_pp li {
  list-style-type: decimal;
  margin-left: 20px;
  margin-bottom: 2px;
}

/*==========shop==========*/
.tt_h3 {
  background-color: #003557;
  padding: 10px 20px;
  margin: 55px 0 30px;
  line-height: 1.3;
  color: #ffe13d;
  font-size: 22px;
}

.tt_shop {
  border-bottom: 1px solid #003557;
  margin-bottom: 30px;
  color: #003557;
  font-size: 20px;
  line-height: 1.3;
}

.in_shop {
  border: 1px solid #dddddd;
  padding: 30px;
  margin-bottom: 30px;
}

.in_shop_l {
  float: left;
  width: 600px;
}

.in_shop_r {
  float: right;
  width: 300px;
}

.in_shop .bnt_page {
  width: 280px;
  margin-top: 10px;
}

.in_shop h5 {
  font-size: 22px;
  color: #333333;
  margin-bottom: 15px;
  line-height: 1.3;
}

.tbl02 {
  width: 100%;
}

.tbl02 th {
  background-color: #165e11;
  border: 1px solid #dddddd;
  border-right: none;
  text-align: left;
  color: #fff;
  padding: 12px 20px;
  width: 120px;
  vertical-align: top;
}

.tbl02 td {
  padding: 12px 20px;
  border: 1px solid #dddddd;
  border-left: none;
}

.bnt_shop {
  margin-top: 60px;
  position: relative;
}

.bnt_shop .btn_center {
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -150px;
  text-align: center;
}

.shop_de01 .shop_de01_l {
  float: left;
  width: 460px;
}

.shop_de01 .shop_de01_r {
  float: right;
  width: 500px;
}

.shop_de01 .shop_de01_r .tbl02 th {
  width: 80px;
}

.in_shop_detail .tt_shop {
  margin-top: 60px;
}

.in_shop_detail dt {
  background: #165e11;
  color: #fff;
  padding: 2% 3%;
}

.shop_tth5 {
  margin-bottom: 10px;
  background-color: #165e11;
  font-size: 15px;
  line-height: 1.3;
  padding: 12px 30px;
  font-weight: normal;
  color: #fff;
}

.tb_detail .tbl01 th {
  font-weight: normal;
  padding: 10px 20px;
  width: 325px;
}

.tb_detail .tbl01 td {
  padding: 12px 30px;
}

.schedule {
  width: 100%
}

.schedule02 {
  width: 52%
}

.schedule tr, .schedule th, .schedule td {
  border: 1px solid #f8f8f8;
}

.schedule02 tr, .schedule02 th, .schedule02 td {
  border: 1px solid #f8f8f8;
}

.tb_detail .schedule th, .tb_detail .schedule02 th {
  background: #1d397b;
  font-weight: bold;
  text-align: center;
  padding: 20px;
  color: #fff;
}

.tb_detail .schedule th.symptom, .tb_detail .schedule02 th.symptom {
  background: #fff;
}

td.time {
  background: #a9c3fc;
  padding: 10px;
  font-size: 14px;
}

.schedule td, .schedule02 td {
  text-align: center;
  vertical-align: middle;
  border: 1px solid #dedede;
  padding: 10px;
}

.schedule02 .satur {
  color: #003cff;
}

.schedule02 .sun {
  color: #fd0000;
}

.shop_btn {
  background: #002136 url(../facility/images/icon_tel.png) no-repeat 30px center;
  padding: 13px 10px 13px 40px;
  text-align: center;
  font-size: 16px;
  color: #fff;
  margin-top: 10px;
}

#shop .map {
  background-color: #e7f5f8;
  padding: 30px 30px 0;
}

#shop .map .map_list {
  float: left;
  width: 420px;
}

#shop .map .map_list>ul>li {
  background: #fff url(../facility/images/icon1.png) no-repeat right 15px center;
  border: 1px solid #dbdbdb;
  font-size: 16px;
  width: 168px;
  position: relative;
  padding: 6px 15px;
  margin-bottom: 30px;
  cursor: pointer;
}

#shop .map .map_list>ul>li a:after {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  content: "";
}

#shop .map .map_list>ul>li .map_sub {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  background-color: #fff;
  z-index: 999;
  border: 1px solid #dbdbdb;
  width: 167px;
  padding: 6px 15px;
}

#shop .map .map_list li a {
  text-decoration: none;
  position: relative;
  z-index: 999;
}

#shop .map .map_list li a:hover {
  text-decoration: underline;
}

/*==========dorakon==========*/
#dorakon {
  background-color: #000000;
  padding-top: 30px;
  color: #fff;
}

.in_dorakon {
  margin-bottom: 80px;
}

.in_dorakon .box01 .pull_left {
  width: 630px;
}

.in_dorakon .tbl02 th {
  border: 1px solid #000;
  background-color: #124b0e;
  padding: 8px 20px;
  width: 140px;
}

.in_dorakon .tbl02 td {
  border: 1px solid #000;
  background-color: #333333;
  color: #fff;
  padding: 8px 20px;
}

.dor_h4 {
  border-bottom: 1px solid #333333;
  color: #ffe13d;
  font-size: 20px;
  margin: 50px 0 20px;
}

.in_dorakon .box02 th {
  text-align: center;
}

.in_dorakon .box02 td {
  text-align: center;
  padding: 12px 20px;
}

.in_dorakon .box02 td:nth-child(2) {
  text-align: left;
}

.in_dorakon .box03 .msg {
  float: left;
  width: 470px;
}

/*.in_dorakon .box03 h4{
	color: #ff6c00;
	font-size: 40px;
	line-height: 1.5;
    margin-bottom: 20px;
}*/
.in_dorakon .box04 {
  background-color: #333333;
  display: table;
  width: 100%;
  margin-bottom: 30px;
}

.in_dorakon .box04 li {
  width: 270px;
  display: table-cell;
  vertical-align: top;
  font-size: 12px;
}

.in_dorakon .box04 li.txt {
  padding: 10px 20px;
  width: 420px;
}

.dorakon_sec02 {
  border-top: 3px solid #9a7d23;
  border-bottom: 3px solid #9a7d23;
  background: #191818 url(../dorakon/images/bg01.jpg) no-repeat center bottom;
  padding: 58px 0 75px;
  text-align: center;
}

/*===========first===========*/
.first_sec01 {
  background: #bfe1f6 url(../first/images/bg01.jpg) no-repeat center top;
  padding: 48px 20px 20px;
  margin-bottom: 60px;
}

.first_sec01 .box01 {
  width: 460px;
  margin-left: 240px;
  margin-bottom: 35px;
}

.first_sec01 .box01 ul {
  background: rgba(255, 255, 255, 0.8);
  padding: 25px;
  border-radius: 10px;
  margin: 30px 0 20px;
}

.first_sec01 .box02 li {
  float: left;
  border: 2px solid #fff;
  margin-right: 11px;
  position: relative;
}

.first_sec01 .box02 li:before {
  content: "";
  position: absolute;
  background: url(../first/images/arrow01.png) no-repeat;
  left: -11px;
  top: 50%;
  margin-top: -4px;
  width: 8px;
  height: 20px;
}

.first_sec01 .box02 li:first-child:before {
  display: none;
}

.first_sec02 {
  margin-top: 60px;
}

.first_sec02 li {
  font-size: 15px;
  width: 240px;
  height: 80px;
  color: #fff;
  float: left;
  margin-right: 10px;
  display: table;
  position: relative;
}

.first_sec02 li:nth-child(1) {
  background: url(../common_img/bg01.jpg) no-repeat center;
}

.first_sec02 li:nth-child(2) {
  background: url(../common_img/bg02.jpg) no-repeat center;
}

.first_sec02 li:nth-child(3) {
  background: url(../common_img/bg03.jpg) no-repeat center;
  margin-right: 0;
}

.first_sec02 li p a:after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.first_sec02 li p a {
  color: #fff;
  text-decoration: none;
}

.first_sec02 li p a:hover {
  opacity: 0.6;
  filter: alpha(opacity=60);
}

.first_sec02 li p {
  display: table-cell;
  vertical-align: middle;
  padding: 0 20px;
}

/*===========skill===========*/
#skill .first_sec01 {
  background: url(../skill/images/bg01.jpg) no-repeat center top;
  padding: 48px 20px 33px;
}

/*===========about===========*/
.about_sec01 {
  background: url(../about/images/bg01.jpg) no-repeat;
  border: 1px solid #cccccc;
  padding-top: 243px;
  margin-bottom: 40px;
}

#about .bg_blue {
  background: rgba(0, 53, 87, 0.8);
  padding: 30px 20px;
  color: #fff;
}

#about .bg_blue .msg {
  float: left;
  width: 440px;
}

.about_sec01 .first_sec02 {
  float: right;
  margin-top: 0;
}

#about .bg_blue .first_sec02 li {
  float: none;
  margin-right: 0;
  margin-bottom: 10px;
}

.about_sec01 .first_sec02 li:nth-child(1) {
  background: url(../common_img/bg04.jpg) no-repeat center;
}

.about_sec01 .first_sec02 li:nth-child(2) {
  background: url(../common_img/bg03.jpg) no-repeat center;
}

.about_sec02 {
  background: url(../about/images/bg02.jpg) no-repeat;
}

.about_sec02 .first_sec02 li:nth-child(1) {
  background: url(../common_img/bg02.jpg) no-repeat center;
}

.about_sec03 {
  background: url(../about/images/bg03.jpg) no-repeat;
  margin-bottom: 60px;
}

.about_sec03 .first_sec02 li:nth-child(1) {
  background: url(../common_img/bg05.jpg) no-repeat center;
}

.about_sec03 .first_sec02 li:nth-child(2) {
  background: url(../common_img/bg06.jpg) no-repeat center;
}

.about_sec04 {
  margin-bottom: 60px;
}

.about_sec04 .mgs {
  float: left;
  width: 470px;
}

.about_sec04 .mgs .btn {
  background: #000000 url(../about/images/arrow01.png) no-repeat right 20px center;
  text-align: center;
  margin-top: 30px;
  position: relative;
  width: 240px;
  float: right;
  padding: 10px 0px;
}

.about_sec04 .mgs .btn a {
  color: #fff;
  text-decoration: none;
}

.about_sec04 .mgs .btn a:hover {
  opacity: 0.6;
  filter: alpha(opacity=60);
}

.about_sec04 .mgs .btn a:after {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: "";
}

.about_sec05 .tbl01 th {
  text-align: center;
  width: 120px;
  padding: 15px 30px;
}

.about_sec05 .tbl01 td {
  padding: 15px 30px;
}

/*===========coach===========*/
.coach_sec01 li {
  float: left;
  margin-right: 20px;
  margin-bottom: 20px;
}

.coach_sec01 li:nth-child(2n) {
  margin-right: 0;
}

.coach_sec02 {
  background: #c6dcf2 url(../coach/images/bg03.jpg) no-repeat center bottom;
  padding: 30px 20px;
  margin-top: 10px;
}

.coach_sec02 .img {
  float: left;
  margin-top: -30px;
  margin-left: -20px;
}

.coach_sec02 .msg {
  float: right;
  width: 410px;
}

.coach_sec03 .img {
  float: right;
  margin-right: -20px;
}

.coach_sec02 .first_sec02 {
  margin-top: 30px;
}

.coach_sec02 .first_sec02 li {
  font-size: 14px;
  width: 198px;
  height: 78px;
  border: 1px solid #fff;
}

.coach_sec02 .first_sec02 li:nth-child(1) {
  background: url(../coach/images/bg01.jpg) no-repeat center;
}

.coach_sec02 .first_sec02 li:nth-child(2) {
  background: url(../coach/images/bg02.jpg) no-repeat center;
}

.coach_sec03 {
  background: #c6dcf2 url(../coach/images/bg04.jpg) no-repeat center bottom;
  margin-top: 30px;
}

.coach_table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 3px;
}

.coach_table th {
  background: rgba(255, 255, 255, 0.5);
  width: 130px;
  text-align: center;
  padding: 5px;
}

.coach_table td {
  background: rgba(255, 255, 255, 0.7);
  vertical-align: top;
  padding: 5px 10px;
}

.coach_banner {
  position: relative;
  margin-top: 60px;
}

.coach_banner span {
  position: absolute;
  top: 80px;
  left: 40px;
  color: #fff;
}

.jr_strategy h3 span {
  margin-left: 20px;
}

.jr_strategy .title_name {
  font-size: 20px;
  font-weight: bold;
  margin-top: 30px;
  padding-bottom: 5px;
  border-bottom: 1px #003557 solid;
  width: 400px;
}

.jr_strategy dd {
  margin-top: 10px;
}

.jr_strategy dd img {
  margin-top: 10px;
}

.tab-content {
  display: none;
}

.tab-content.current {
  display: block;
}

/*recruit*/
.recruit_sec1 {
  background: url(../recruit/images/bg1.jpg) no-repeat center top;
  padding: 50px 20px 20px;
}

.recruit_sec1 .bg {
  background: rgba(255, 255, 255, 0.8);
  padding: 20px;
  border-radius: 10px;
  margin-top: 25px;
  position: relative;
}

.recruit_sec1 .bg ul li {
  font-size: 16px;
  background: url(../recruit/images/arr1.png) no-repeat left center;
  padding-left: 35px;
  font-weight: bold;
  margin-bottom: 15px;
  line-height: 1.5;
}

.recruit_sec1 .bg ul li span {
  font-size: 20px;
  background: url(../recruit/images/line.png) repeat-x left bottom 5px;
}

.recruit_sec1 .bg ul li:last-child {
  margin-bottom: 0;
}

.recruit_sec1 .bg .btn {
  position: absolute;
  width: 185px;
  bottom: 20px;
  right: 20px;
  text-align: center;
  padding: 14px 0 14px 35px;
  background: #003557 url(../recruit/images/icon1.png) no-repeat 20px center;
}

.recruit_sec1 .bg .btn a {
  color: #fff;
  font-size: 13px;
  display: block;
  text-decoration: none;
}

.recruit_sec1 .bg .btn:hover {
  text-decoration: underline;
  opacity: 0.9;
  filter: alpha(opacity=90);
}

.after:after {
  position: absolute;
  top: 0;
  content: "";
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.recruit_sec2 {
  margin-bottom: 20px;
}

.recruit_ta {
  width: 100%
}

.recruit_ta tr, .recruit_ta th, .recruit_ta td {
  border: 1px solid #FFF;
}

.recruit_ta td.box01 {
  background: #165e11;
  font-weight: bold;
  color: #fff;
  text-align: center;
  padding: 10px 50px;
}

.recruit_ta td {
  background: #fff;
  font-size: 14px;
  border: 1px solid #dddddd;
  padding: 20px;
  vertical-align: middle;
}

.txt_bol {
  font-weight: bold;
}

.txt_bol02 {
  font-weight: bold;
  font-size: 16px;
  color: #f00;
}

.recruit_sec2 .btn {
  width: 185px;
  text-align: center;
  padding: 14px 0 14px 35px;
  background: #003557 url(../recruit/images/icon1.png) no-repeat 20px center;
}

.recruit_sec2 .btn a {
  color: #fff;
  font-size: 13px;
  display: block;
  text-decoration: none;
}

.recruit_sec2 .btn:hover {
  text-decoration: underline;
  opacity: 0.9;
  filter: alpha(opacity=90);
}

.recruit_sec2 .left {
  float: left;
  padding-top: 13px;
}

.recruit_sec2 .right {
  float: right;
}

.recruit_sec2 ul li {
  float: left;
}

.recruit_sec2 li {
  padding: 20px;
}

.recruit_sec2 li p {
  font-size: 10px;
}

/*lessons*/
.lessons_sec1 {
  margin-top: 40px;
  margin-bottom: 60px;
  background: url(../lessons/images/bg1.jpg) no-repeat center top;
  height: 400px;
  padding: 0 40px;
  color: #fff;
}

.lessons_sec1 .box {
  padding: 30px 0;
  width: 400px;
}

.lessons_sec1 .box dl {
  border-bottom: 1px solid #124b0e;
  padding-bottom: 15px;
  margin-bottom: 15px;
}

.lessons_sec1 .box dl:last-child {
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 0;
}

.lessons_sec1 .box dl dt {
  float: left;
  width: 105px;
}

.lessons_sec1 .box dl dd {
  padding-left: 105px;
}

.lessons_sec1 .btn {
  margin: 0 auto;
  text-align: center;
  width: 300px;
  padding: 9px 0;
  position: relative;
  background: #f0cd41 url(../lessons/images/arr1.png) no-repeat right 20px center;
}

.lessons_sec1 .btn a {
  text-decoration: none;
}

.lessons_sec1 .btn a:hover {
  opacity: 0.6;
  filter: alpha(opacity=60);
}

.lessons_sec2 .msg {
  float: right;
  width: 335px;
}

.lessons_sec2 table {
  width: 100%;
  margin-top: 30px;
}

.lessons_sec2 table th {
  background-color: #d5efd3;
  border: 1px solid #ffffff;
  width: 99px;
  padding: 6px 20px;
  text-align: left;
}

.lessons_sec2 table td {
  background-color: #f8f8f8;
  border: 1px solid #ffffff;
  padding: 6px 20px;
  font-weight: bold;
}

.lessons_sec3 table {
  width: 100%;
}

.lessons_sec3 table th {
  background-color: #003557;
  color: #fff;
  padding: 6px 20px;
  border: 1px solid #dddddd;
}

.lessons_sec3 table td {
  padding: 6px 20px;
  border: 1px solid #dddddd;
  text-align: center;
  vertical-align: middle;
}

.lessons_sec3 table td:nth-child(1) {
  /* background-color: #f2f2f2; */
  font-weight: bold;
}

div.lessons_sec3 table .green th, div.lessons_sec3 table .green td {
  font-weight: bold;
  color: green;
}

div.lessons_sec3 table .red th, div.lessons_sec3 table .red td {
  font-weight: bold;
  color: red;
}
.lessons_sec3 p span{
  float: right;
}
.mb20{
  margin: 0 0 20px;
}

/*dvd*/
.dvd_sec1 {
  border: 1px solid #cccccc;
  border-bottom: none;
  padding: 35px 20px;
}

.dvd_sec1:last-child {
  border-bottom: 1px solid #cccccc;
}

.dvd_sec1 h4 {
  color: #003557;
  line-height: 1.5;
  font-size: 20px;
  padding-left: 10px;
  margin-bottom: 15px;
  position: relative;
}

.dvd_sec1 h4:after {
  position: absolute;
  top: 3px;
  left: 0;
  width: 4px;
  content: "";
  background-color: #ffe13d;
  height: 20px;
}

.dvd_sec1 h4 span {
  font-size: 16px;
}

.dvd_sec1>.clearfix .msg {
  float: right;
  width: 400px;
}

.dvd_sec1>.clearfix .msg h5 {
  font-size: 16px;
  color: #11760a;
  margin-bottom: 5px;
}

.dvd_sec1>.clearfix .msg ul li {
  line-height: 1.7;
}

.dvd_sec1 .msg .btn {
  margin-top: 15px;
  width: 200px;
  float: right;
  font-size: 13px;
  text-align: center;
  position: relative;
  padding: 9px 0;
  background: #000000 url(../dvd/images/arr.png) no-repeat right 15px center;
}

.dvd_sec1 .msg .btn a {
  color: #fff;
  text-decoration: none;
}

.dvd_sec1 .msg .btn a:hover {
  opacity: 0.6;
  filter: alpha(opacity=60);
  text-decoration: underline;
}

/*faq*/
.faq_sec1 {
  background: url(../faq/images/bg1.jpg) no-repeat center top;
  color: #fff;
  font-size: 16px;
  padding: 36px 20px;
}

.faq_sec1 a {
  color: #f0dc6d;
  font-weight: bold;
}

.faq_sec2 {
  padding: 0 20px;
}

.faq_sec2 dt {
  border-bottom: 1px dotted #004d7e;
  background: url(../faq/images/icon_q.png) no-repeat left top;
  padding: 0 10px 3px 40px;
  font-weight: bold;
  font-size: 16px;
  margin-top: 55px;
  margin-bottom: 15px;
}

.faq_sec2 dd {
  background: url(../faq/images/icon_a.png) no-repeat left top;
  padding: 0 10px 0 40px;
}

.faq_sec2 dd a {
  color: #009bff;
}

.tt_news {
  display: inline-block;
  padding: 10px;
  background: #666666;
  color: #fff;
}

/*fanclub*/
.fan_sec01 {
  background: url(../fanclub/images/bg01.jpg) no-repeat center top;
  padding: 48px 20px 20px;
  margin-bottom: 30px;
}

.fan_sec01 .box01 {
  width: 480px;
  margin-left: 20px;
  margin-bottom: 10px;
}

.fan_sec01 .box01 ul {
  background: rgba(255, 255, 255, 0.8);
  padding: 25px;
  border-radius: 10px;
  margin: 30px 0 20px;
}

.fan_sec01 .box02 {
  margin-left: 50px;
}

.fan_sec01 .box02 li {
  float: left;
  margin-right: 20px;
  position: relative;
}

.logo_s {
  position: relative;
}

.logo_s p {
  position: absolute;
  top: 20px;
}

.bac_01 {
  background: #759574 !important;
}

.bac_02 {
  background: #BFBF4D !important;
}

.bac_03 {
  background: #add9aa !important;
}

.bac_04 {
  background: #f7f7b5 !important;
}