@charset "utf-8";

.top_info {
  margin: 30px auto;
  display: flex;
  flex-wrap: wrap;
}

.top_info01,
.top_info02 {
  width: 50%;
}

.top_info01 {
  position: relative;
  overflow: hidden;
}

.top_info01 img {
  object-fit: cover;
  width: 100%;
}

.top_info02 {
  padding: 40px;
}

.top_info02 h3 {
  padding: 20px 0 50px;
  font-size: 30px;
  font-weight: bold;
  color: #c89f63;
}

.top_msg_list {
  display: flex;
  flex-wrap: wrap;
  max-width: 1100px;
  margin: 30px auto 0;
  justify-content: space-between;
}

.top_msg_list li {
  text-align: left;
  font-size: 15px;
  font-weight: normal;
  width: 50%;
  line-height: 2.4;
}

.imgbox_three {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}

.imgbox_three li {
  width: 31.33%;
  margin: 0 1%;
}

.imgbox_three li iframe {
  width: 100%;
  height: 205px;
}

.imgbox_three h3 {
  font-size: 20px;
  font-weight: bold;
  color: #c89f63;
  text-align: center;
  padding: 20px 0;
}

.imgbox_three p {
  font-size: 14px;
}

.top_service {
  margin: 30px 0;
  padding: 60px 0;
  background: #eee;
}

.top_service_list {
  max-width: 1200px;
  margin: 30px auto 0;
  display: flex;
  flex-wrap: wrap;
}

.tsl01 {
  background: url("../images/service_new01.jpg") no-repeat center center;
  background-size: cover;
}

.tsl02 {
  background: url("../images/service_new02.jpg") no-repeat center center;
  background-size: cover;
}

.tsl03 {
  background: url("../images/service_new03.jpg") no-repeat center center;
  background-size: cover;
}

.top_service_list li {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 50%;
  height: 320px;
}

.top_service_list li a {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  height: 100%;
}

.top_service_list li p,
.top_service_list li h4 {
  width: 100%;
  color: #fff;
  text-align: center;
}

.top_service_list li p {
  color: #d9b553;
  font-size: 18px;
  font-weight: bold;
}
.top_service_list li h4 {
  font-size: 20px;
  font-weight: bold;
  margin-top: 15px;
}

.top_service_list li:not(:last-child) {
  border-right: 1px solid #fff;
}

.top_service_list li .more {
  position: absolute;
  right: 0;
  bottom: 0;
  padding: 8px 16px;
  background: #fff;
  color: #d9b553;
  font-size: 13px;
}

.top_service_list li a:hover {
  text-decoration: none;
}

.gold {
  color: #d9b553;
}

.accessbox_gmap li {
  width: 100%;
}

.sns_bnr li {
  width: 48%;
}

.access {
  padding-bottom: 0;
}

.page_title {
  padding: 60px 0;
}

.page_title .en {
  text-align: center;
  font-weight: bold;
  color: #d9b553;
}

.page_title h4 {
  font-weight: bold;
  font-size: 30px;
  text-align: center;
  margin-top: 15px;
}

.staff_list {
  max-width: 1100px;
  margin: 0 auto 50px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding: 0 15px;
}

.staff_list .name {
  text-align: center;
  font-size: 30px;
  font-weight: bold;
}

.staff_list li {
  width: 50%;
}

.staff_data {
  max-width: 1100px;
  margin: 0 auto 50px;
  padding: 0 15px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.staff_data01 {
  width: 65%;
}

.staff_data02 {
  width: 30%;
}

.staff_data h4 {
  font-weight: bold;
  padding-bottom: 5px;
  margin-bottom: 5px;
  border-bottom: 1px solid #d9b553;
  color: #d9b553;
}

.page_title h4.large {
  font-size: 5vw;
}

.page_title_sub {
  text-align: center;
  font-size: 24px;
  font-weight: bold;
  margin-top: 15px;
}

.page_title_gold {
  max-width: 1000px;
  margin: 30px auto 0;
  padding: 15px 30px;
  background: #d9b553;
  color: #fff;
}

.col_temp {
  max-width: 1200px;
  margin: 0 auto 50px;
}

.col_temp_entry {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 30px 0;
  position: relative;
  flex-wrap: wrap;
}

.col_temp_entry:nth-child(2n):before {
  content: "";
  background: #eee;
  position: absolute;
  width: 300%;
  height: 100%;
  margin-right: -100%;
  z-index: -1;
}

.col_temp_entry:nth-child(2n) {
  flex-direction: row-reverse;
}

.col_temp_entry div {
  width: 50%;
}

.col_temp_entry .com_temp_text {
  padding: 30px;
}

.col_temp_entry .com_temp_text h4 {
  padding-bottom: 15px;
  font-weight: bold;
  font-size: 24px;
  color: #d9b553;
}

.link_bnr {
  width: 100% !important;
}

.link_bnr a {
  background: #d9b553;
  color: #fff;
  width: 100%;
  max-width: 710px;
  margin: 30px auto;
  display: block;
  padding: 20px 30px 20px;
  font-size: 22px;
  position: relative;
}

.link_bnr a:after {
  content: "＞";
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translate(0, -50%);
}

.price_newbox {
  max-width: 800px;
  margin: 0 auto;
}

.price_newbox h4 {
  background: #ebe4d1;
  text-align: center;
  padding: 10px 0;
  font-weight: bold;
}

.price_newbox_list {
  border: 4px solid #ebe4d1;
}

.price_newbox_list ul {
  padding: 30px;
}

.price_newbox_list li {
  padding-bottom: 8px;
  margin-bottom: 8px;
  border-bottom: 1px dotted #ccc;
}

.price_newbox_list li span {
  color: #d9b553;
  width: 250px;
  display: inline-block;
}

.price_list_text {
  margin-top: 15px;
}

.catch_text {
  text-align: center;
  font-weight: bold;
  font-size: 24px;
  color: #d9b553;
  margin-top: 30px;
}

.font-dai {
  margin-top: 60px;
  font-size: 36px;
}

.catch_text_sub {
  margin-top: 30px;
  text-align: center;
  font-weight: bold;
  font-size: 20px;
}

.method_gold {
  background: #d9b553;
  color: #fff;
  padding: 15px 25px;
  font-size: 22px;
  text-align: center;
  display: inline-block;
  margin: 20px auto;
  font-weight: bold;
}

.connecting_title:before {
  display: none;
}

.temp {
  padding: 0;
}

.caption {
  color: #fff;
  text-align: center;
  padding-top: 15px;
}

#method_flow {
  background: none;
  color: #000;
  margin: 60px 0;
}

.method_flow_title {
  color: #000;
  margin: 30px 0 -15px;
}

.method_flow_title:before {
  display: none;
}

.method_flow_text {
  color: #000;
  text-align: center;
}

.method_flow_contents ul:before {
  top: 240px;
}

.method_flow_contents li p {
  color: #000;
}

.method_merit {
  text-align: center;
}

.method_merit p {
  text-align: left;
}

.seika {
  max-width: 1200px;
  margin: 0 auto;
}

.seika ul {
  display: flex;
  flex-wrap: wrap;
}

.seika li {
  width: 31.33%;
  margin: 1%;
}

.seika_list {
  border: 1px solid #d9b553;
}

.seika_list h4 {
  padding: 10px 0;
  background: #d9b553;
  color: #fff;
  text-align: center;
  font-size: 24px;
  font-weight: bold;
}

.seika_list p {
  padding: 15px;
}

.method_sports {
  margin-top: 60px;
  max-width: 1000px;
  text-align: center;
}

@media screen and (min-width: 601px) and (max-width: 800px) {
  .line_hand {
    margin-left: 135px;
  }
}

@media screen and (max-width: 600px) {
  .fb-page {
    height: 300px;
  }
  .top_info01,
  .top_info02 {
    width: 100%;
  }
  .top_info02 {
    padding: 20px 0;
  }
  .top_info02 h3 {
    padding: 20px 0;
    font-size: 20px;
  }
  .top_msg_list li {
    width: 100%;
    line-height: 1.6;
  }
  .top_msg_list li span {
    display: inline-block;
    margin-bottom: 8px;
  }
  .con_imgbox {
    margin: 20px auto 0;
  }
  .imgbox_three li {
    width: 100%;
    margin-bottom: 20px;
  }
  .top_service_list li {
    width: 100%;
    height: 200px;
    border-bottom: 2px solid #fff;
  }
  .top_service_list li .more {
    font-size: 11px;
  }
  .note_title {
    font-size: 20px !important;
  }
  .qa_list p {
    margin-top: 20px;
  }
  .top_qabox {
    padding: 15px;
  }
  .top_campaign p {
    font-size: 20px !important;
  }
  .staff_list {
    margin-bottom: 25px;
  }
  .staff_list li {
    width: 100%;
  }
  .staff_list .name {
    font-size: 20px;
    margin-top: 15px;
  }
  .staff_data01,
  .staff_data02 {
    width: 100%;
    margin-bottom: 20px;
  }
  .col_temp_entry div {
    width: 100%;
    margin: 0;
  }
  .col_temp_entry .com_temp_text {
    padding: 20px 0;
  }
  .col_temp_entry .com_temp_text h4 {
    font-size: 18px;
  }
  .method_gold {
    font-size: 18px;
  }
  .flow_title {
    margin-bottom: 40px !important;
  }
  .flow_contents ul:before {
    top: auto;
  }
  .condition_title {
    font-size: 22px !important;
  }
  .seika li {
    width: 48%;
  }
  .seika_list h4 {
    font-size: 16px;
  }
  .seika_list p {
    font-size: 14px;
    padding: 10px;
  }
  .price_newbox_list ul {
    padding: 15px;
  }
  .bnr_flow {
    margin: 0 !important;
  }
  .top_campaign {
    padding: 40px 0;
  }
  .page_title h4.large {
    font-size: 8vw;
  }
  .catch_text {
    font-size: 18px;
  }
  .page_title_sub {
    font-size: 22px;
  }
  .sejutsu_jirei {
    margin: 30px 0 !important;
  }
}