.slick01 {
  width: 97%;
  margin: 0 auto;
  height: auto;
  margin-top: 36px; }

.slick02 {
  display: none; }

.top_mes {
  display: flex;
  justify-content: space-between; }
  .top_mes .col1 {
    width: 34%; }
  .top_mes .col2 {
    width: 63%; }

.youtube {
  width: 70%;
  aspect-ratio: 16 / 9;
  margin: 0 auto; }

.youtube iframe {
  width: 100%;
  height: 100%; }

.top_pro {
  padding-top: 200px;
  padding-bottom: 120px;
  background-image: url("../img/top_pro_bg.jpg");
  background-repeat: no-repeat;
  background-size: 100% 60%;
  background-position: bottom; }
  .top_pro .top_pro_box {
    background-color: rgba(255, 255, 255, 0.92);
    padding: 10px 120px 60px; }

.pro_list li {
  font-weight: 900;
  font-size: 1.7rem;
  letter-spacing: 0.08em;
  border: 1px solid #965D33;
  padding: 0.6em 2em;
  margin-bottom: 20px; }

.med_wrap1 {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-left: -4%; }
  .med_wrap1 .chiryo_box {
    width: 16%;
    margin-left: 4%;
    background-color: #fff;
    text-align: center;
    padding: 20px 14px 18px; }
    .med_wrap1 .chiryo_box a div img {
      height: 60px;
      width: auto;
      margin: 0 auto; }
    .med_wrap1 .chiryo_box a p {
      font-weight: 700;
      font-size: 1.7rem;
      color: #754624;
      letter-spacing: 0.06em; }
      .med_wrap1 .chiryo_box a p::after {
        content: "";
        background: url("../img/arrow_brown.png") no-repeat;
        display: inline-block;
        width: 7px;
        height: 8px;
        background-size: contain;
        margin-left: 10px;
        transform: translate(0, -20%); }

.h2_2 {
  text-align: center;
  font-size: 2.6rem;
  letter-spacing: 0.08em;
  margin: 80px;
  margin-bottom: 40px; }

.med_wrap2 {
  display: flex;
  justify-content: center;
  margin-left: -4%; }
  .med_wrap2 .chiryo_box {
    width: 18%;
    margin-left: 4%;
    background-color: #fff;
    text-align: center;
    padding: 20px 14px 18px; }
    .med_wrap2 .chiryo_box a div img {
      height: 60px;
      width: auto;
      margin: 0 auto; }
    .med_wrap2 .chiryo_box a p {
      font-weight: 700;
      font-size: 1.7rem;
      color: #754624;
      letter-spacing: 0.06em; }
      .med_wrap2 .chiryo_box a p::after {
        content: "";
        background: url("../img/arrow_brown.png") no-repeat;
        display: inline-block;
        width: 7px;
        height: 8px;
        background-size: contain;
        margin-left: 10px;
        transform: translate(0, -20%); }

.h_col2_wrap {
  display: flex;
  justify-content: space-between; }
  .h_col2_wrap .col1 {
    width: 46%; }
  .h_col2_wrap .col2 {
    width: 50%; }

.flow_btn_wrap {
  display: flex;
  justify-content: space-between;
  margin-top: 46px; }
  .flow_btn_wrap .flow_btn {
    width: 29%;
    background-color: #F56602; }
    .flow_btn_wrap .flow_btn a {
      color: #fff; }
      .flow_btn_wrap .flow_btn a .flow_con_wrap {
        padding: 30px 20px;
        display: flex;
        justify-content: space-between;
        align-items: center; }
        .flow_btn_wrap .flow_btn a .flow_con_wrap div {
          width: 17%; }
        .flow_btn_wrap .flow_btn a .flow_con_wrap div.kyo_icon {
          width: 24%; }
        .flow_btn_wrap .flow_btn a .flow_con_wrap p {
          text-align: center;
          font-weight: 700;
          width: 80%; }

#top_sf {
  background-image: url("../img/topsf_bg.jpg");
  background-repeat: no-repeat;
  background-size: cover; }

.top_sf_wrap {
  display: flex;
  justify-content: space-between;
  padding-top: 180px;
  padding-bottom: 260px; }
  .top_sf_wrap .sf_box {
    background-color: #fff;
    width: 48%;
    padding: 55px 27px; }
    .top_sf_wrap .sf_box .h2_box2 {
      text-align: center;
      margin-bottom: 28px; }
      .top_sf_wrap .sf_box .h2_box2 h3 {
        font-family: 'Lato', sans-serif;
        font-weight: 900;
        letter-spacing: 0.1em;
        font-size: 5rem;
        color: rgba(245, 102, 2, 0.3);
        line-height: 0.8; }
      .top_sf_wrap .sf_box .h2_box2 h2 {
        font-size: 2.4rem;
        font-weight: 900; }

.top_staff_wrap {
  display: flex;
  justify-content: space-between; }
  .top_staff_wrap div {
    width: 47%; }
  .top_staff_wrap p {
    color: #754624;
    text-align: center;
    font-weight: 700; }

#banner {
  background-image: url("../img/bgbanner.png");
  background-repeat: no-repeat;
  background-size: 1800px auto;
  background-position: center; }
  #banner div {
    width: 70%;
    max-width: 800px;
    margin: 0 auto;
    margin-bottom: 88px; }
  #banner:last-child {
    margin-bottom: 118px; }

@media screen and (max-width: 1200px) {
  .slick01 {
    margin-top: 60px; }

  .med_wrap1 .chiryo_box {
    width: 28%;
    margin-bottom: 30px; }

  .med_wrap2 .chiryo_box {
    width: 28%; }

  .h2_2 {
    font-size: 2.2rem;
    margin: 50px;
    margin-bottom: 40px; }

  .flow_btn_wrap .flow_btn {
    width: 31%; }
    .flow_btn_wrap .flow_btn a .flow_con_wrap {
      padding: 20px 16px; }

  .top_sf_wrap .sf_box .h2_box2 h3 {
    font-size: 5rem; }
  .top_sf_wrap .sf_box .h2_box2 h2 {
    font-size: 2.2rem; } }
@media screen and (max-width: 830px) {
  .top_mes {
    display: block; }
    .top_mes .col1 {
      width: 50%;
      margin: 0 auto;
      margin-bottom: 20px; }
    .top_mes .col2 {
      width: 100%; }

  .top_pro {
    padding-top: 180px;
    padding-bottom: 100px;
    background-size: 100% 60%; }
    .top_pro .top_pro_box {
      padding: 10px 30px 40px; }

  .pro_list li {
    font-size: 1.6rem;
    padding: 0.6em 1em; }

  .flow_btn_wrap {
    margin-left: -6%;
    flex-wrap: wrap;
    justify-content: center; }
    .flow_btn_wrap .flow_btn {
      width: 38%;
      margin-left: 6%;
      margin-bottom: 20px; }
      .flow_btn_wrap .flow_btn a .flow_con_wrap {
        padding: 20px 16px; }

  .top_sf_wrap {
    display: block;
    padding-bottom: 80px; }
    .top_sf_wrap .sf_box {
      width: 80%;
      margin: 0 auto;
      margin-bottom: 60px; }
      .top_sf_wrap .sf_box .h2_box2 h3 {
        font-size: 5rem; }
      .top_sf_wrap .sf_box .h2_box2 h2 {
        font-size: 2.1rem; }

  #banner {
    background-image: url("../img/bg1_sp.png");
    background-repeat: no-repeat;
    background-size: 90% auto;
    background-position: center; } }
@media screen and (max-width: 500px) {
  .top_mes .col1 {
    width: 70%; }

  .slick01 {
    display: none; }

  .slick02 {
    display: block;
    width: 92%;
    margin: 0 auto;
    height: auto;
    margin-top: 70px; }

  .youtube {
    width: 100%; }

  .top_pro {
    padding-top: 100px;
    padding-bottom: 60px; }
    .top_pro .top_pro_box {
      padding: 10px 20px 20px; }

  .med_wrap1 .chiryo_box {
    width: 46%;
    margin-bottom: 20px; }
    .med_wrap1 .chiryo_box a p {
      font-size: 1.5rem; }

  .med_wrap2 .chiryo_box {
    width: 46%; }

  .h_col2_wrap {
    display: block; }
    .h_col2_wrap .col1 {
      width: 100%;
      margin-bottom: 20px; }
    .h_col2_wrap .col2 {
      width: 100%; }

  .flow_btn_wrap {
    margin-left: 0%;
    display: block; }
    .flow_btn_wrap .flow_btn {
      width: 100%;
      margin-left: 0%; }
      .flow_btn_wrap .flow_btn a .flow_con_wrap {
        padding: 16px 16px; }

  .top_sf_wrap {
    padding-top: 60px;
    padding-bottom: 0px; }
    .top_sf_wrap .sf_box {
      width: 100%; }
      .top_sf_wrap .sf_box .h2_box2 h3 {
        font-size: 4rem; }
      .top_sf_wrap .sf_box .h2_box2 h2 {
        font-size: 1.8rem; }

  #banner div {
    width: 90%;
    margin-bottom: 60px; }
  #banner:last-child {
    margin-bottom: 60px; } }
@media screen and (max-width: 300px) {
  .top_sf_wrap .sf_box .h2_box2 h3 {
    font-size: 2.2rem; }
  .top_sf_wrap .sf_box .h2_box2 h2 {
    font-size: 1.6rem; } }