br.mobile{
  display: none;
}

/* 메인비주얼 */

.content_wrap .main_visual_wrap .main_visual_swiper .swiper-slide {
  position: relative;
  height: 650px;
}
.content_wrap .main_visual_wrap .main_visual_swiper .swiper-slide .main_txt_box{
  position: absolute;
  top: 122px;
  left: 50%;
  transform: translateX(-50%);
  max-width: 1400px;
  width: 100%;
  padding: 0 100px;
  box-sizing: border-box;
  z-index: 1;
}
.content_wrap .main_visual_wrap .main_visual_swiper .swiper-slide .main_txt_box > p:nth-of-type(1){
  font-family: "NanumMyeongjo";
  color: #FFC337;
  margin-bottom: clamp(12px, 1.71vw, 24px);
  font-size: clamp(22px, 2.29vw, 32px);
  line-height: 1.3;
  word-break: keep-all;
}
.content_wrap .main_visual_wrap .main_visual_swiper .swiper-slide .main_txt_box > p:nth-of-type(2){
  margin-bottom: 8px;
  color: #E9E9E9;
  font-size: clamp(24px, 2.43vw, 34px);
  line-height: 1.4;
  word-break: keep-all;
}
.content_wrap .main_visual_wrap .main_visual_swiper .swiper-slide .main_txt_box > p:nth-of-type(3){
  font-size:clamp(38px, 3.43vw, 48px);
  color: #FFFFFF;
  line-height: 1.3;
  margin-bottom: clamp(24px, 3.43vw, 48px);;
  word-break: keep-all;
}

.content_wrap .main_visual_wrap .main_visual_swiper .swiper-slide .main_txt_box > .btn_link_box{
  display: inline-block;
  background: linear-gradient(135deg, #FFC337 0%, #FFF0CC 50%, #FFC337 100%);
  max-width: 41.4%;
  width: 100%;
  margin-bottom: clamp(15px, 1.71vw, 24px);
}
.content_wrap .main_visual_wrap .main_visual_swiper .swiper-slide .main_txt_box > .btn_link_box > a{
  display: flex;
  align-self: center;

  padding: 16px 32px 16px 24px;
  font-size: clamp(14px, 1.71vw, 24px);
  word-break: keep-all;
  color: #854E04;
  line-height: 1.3;
  background:  url('../images02/ico_btn_link02.png') no-repeat right 16px top 50%/16px auto;
  box-sizing: border-box;

}
.content_wrap .main_visual_wrap .main_visual_swiper .swiper-slide .main_txt_box > .btn_link_lists{
  display: flex;
  justify-content: space-between;
  max-width: 41.4%;
  width: 100%;
}
.content_wrap .main_visual_wrap .main_visual_swiper .swiper-slide .main_txt_box > .btn_link_lists > li{
  width: calc( 50% - 8px);
}
.content_wrap .main_visual_wrap .main_visual_swiper .swiper-slide .main_txt_box > .btn_link_lists > li > p{
  color: #fff;
  font-size: clamp(13px, 1.14vw, 16px);
  word-break: keep-all;
}
.content_wrap .main_visual_wrap .main_visual_swiper .swiper-slide .main_txt_box > .btn_link_lists > li > a{
  display: inline-block;
  width: 100%;
  padding: 16px 32px 16px 24px;
  margin-bottom: 8px;
  color: #FFC337;
  border: 1px solid ;
  border-image: linear-gradient(-45deg, #FFF0CC 0%, #FFC337 100%);
  border-image-slice: 1;
  font-size: clamp(14px, 1.71vw, 24px);
  word-break: keep-all;
  box-sizing: border-box;
  background:  url('../images02/ico_btn_link03.png') no-repeat right 16px top 50%/16px auto;
}
.content_wrap .main_visual_wrap .main_visual_swiper .swiper-slide img {
  width: 100%;
  height: auto;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.content_wrap .main_visual_wrap .main_visual_swiper .swiper-slide img.mobile {
  display: none;
}

.content_wrap .main_visual_wrap .main_visual_swiper .swiper-scrollbar-drag{
  background: #fff;
}
.content_wrap .main_visual_wrap .main_visual_swiper .swiper-scrollbar{
  max-width: 400px;
  background: rgba(255, 255, 255, 0.2);
  left: 50% !important;
  transform: translateX(-50%);
  bottom: 40px !important;
}


.content_wrap .main_visual_wrap .swiper-button-next,
.content_wrap .main_visual_wrap .swiper-button-prev { 
  color: #fff;
  width: 64px;
  height: 64px;
  line-height:64px;
  top:50%;
  transform:translate(-50%, -50%);
  right:unset;
  left:50% !important;
}
.content_wrap .main_visual_wrap .swiper-button-next{
  background: url('../images02/main-visual-next.png') no-repeat 0 0 / auto 100%;
  margin-left:56.666rem;
}
.content_wrap .main_visual_wrap .swiper-button-prev{
  margin-left:-56.666rem;
}
.content_wrap .main_visual_wrap .swiper-button-prev{
  background: url('../images02/main-visual-prev.png') no-repeat 0 0 / auto 100%;
  background: url('../images02/main-visual-prev.png') no-repeat 0 0 / auto 100%;
}
.swiper-button-next:after, .swiper-button-prev:after{
  display: none;
}

/* 섹션 */

.section_box01 .txt_box{
  display: flex;
  align-items: center;
}
.section_box01 .txt_box p.txt_tit{
  color: #522A28;
  font-size: clamp(19px, 2.86vw, 40px);
  line-height: 1.4;
  padding-right: clamp(24px, 3.43vw, 48px);
  word-break: keep-all;
}
.section_box01 .txt_box p.txt_desc{
  color: #222222;
  font-size: clamp(14px, 1.71vw, 24px);
  word-break: keep-all;
  line-height: 1.4;
  font-weight: 400;
}
.section_box02 .txt_box p.txt_tit{
  color: #522A28;
  margin-bottom: clamp(24px, 3.43vw, 48px);
  font-size: clamp(19px, 2.86vw, 40px);
  line-height: 1.4;
  word-break: keep-all;
  font-weight: 700;
}
.section_box02 .txt_box p.txt_desc{
  color: #222222;
  margin-bottom: clamp(15px, 1.71vw, 24px);
  font-size: clamp(14px, 1.71vw, 24px);
  word-break: keep-all;
  line-height: 1.4;
  font-weight: 400;
}
.section_box02 .txt_box p.txt_desc:last-of-type{
  margin-bottom: 0;
}
.section_wrap.section02{
  background: url('../images02/bg_section02.png') no-repeat center/cover;
}
.section_box03 .txt_box p.txt_tit{
  color: #222222;
  margin-bottom: clamp(5px, 0.57vw, 8px);

  font-size: clamp(19px, 2.86vw, 40px);
  line-height: 1.4;
  word-break: keep-all;
}
.section_box03 .txt_box p.txt_desc{
  color: #666666;
  margin-bottom: clamp(24px, 3.43vw, 48px);
  font-size: clamp(14px, 1.71vw, 24px);
  word-break: keep-all;
  line-height: 1.4;
  font-weight: 400;
}
.section_box03 .banner_box01 {
  margin-bottom: 48px;
}
.section_box03 .banner_box01 > ul{
  display: flex;
  gap: clamp(20px, 2.29vw, 32px);
}
.section_box03 .banner_box01 > ul > li{
  position: relative;
  width: 33.33%;
  border-radius: 8px;
  overflow: hidden;
}
.section_box03 .banner_box01 > ul > li .desc_box{
  position: absolute;
  width: 100%;
  bottom: 0;
  padding: clamp(16px, 2.29vw, 32px);
  box-sizing: border-box;
  z-index: 1;
}
.section_box03 .banner_box01 > ul > li .desc_box p.txt_tag{
  display: inline-block;
  margin-bottom: 8px;
  padding: 2px 8px 1px;
  color: #222;
  font-size: 12px;
  background-color: #fff;
  line-height: 1.4;
  border-radius: 2px;
}
.section_box03 .banner_box01 > ul > li .desc_box p.txt_tit{
  margin-bottom: 8px;
  color: #fff;
  font-size: clamp(19px, 2.29vw, 32px);
  line-height: 1.4;
  word-break: keep-all;
}
.section_box03 .banner_box01 > ul > li .desc_box p.txt_desc{
  color: rgba(255, 255, 255, 0.8);
  font-size: clamp(14px, 1.14vw, 16px);
  /* padding-left:clamp(20px, 1.71vw, 2
  word-break: keep-all;4px) ; */
  line-height: 1.5;
  /* background: url('../images02/ico_arrow.png') no-repeat left 0 top 0/ clamp(18px, 1.71vw, 24px) auto; */
}
.section_box03 .banner_box01 > ul > li .desc_box p.txt_desc > span{
  display: inline-block;
  margin-right: 8px;
  width: clamp(18px, 1.71vw, 22px);
  height: clamp(18px, 1.71vw, 22px);
  vertical-align: middle;
  transform: translatey(-1px);
}
.section_box03 .banner_box01 > ul > li .desc_box p.txt_desc > span > img{
  width: 100%;
  vertical-align: middle;
}
.section_box03 .banner_box01 > ul > li > .img_box{
  padding-bottom: 84.66%;
  overflow: hidden;
  position: relative;
}
.section_box03 .banner_box01 > ul > li > .img_box img{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
}
.section_box03 .banner_box02{
  padding: 54px 48px;
  border-radius: 6px; 
  overflow: hidden;
  background: url('../images02/banner_section03_02.svg') no-repeat center/ auto 100%;
}
.section_box03 .banner_box02 .desc_box .txt_tit{
  color: #fff;
  margin-bottom: clamp(14px, 1.14vw, 16px);;
  font-size: clamp(20px, 2.29vw, 32px);
  word-break: keep-all;
}
.section_box03 .banner_box02 .desc_box .txt_desc{
  color: #fff;  
  font-size: clamp(14px, 1.14vw, 16px);
  word-break: keep-all;
}


.section_wrap.section04{
  background: url('../images02/bg_section04.png') no-repeat center/cover;
}
.section_box04 .txt_box{
  text-align: center;
}

.section_box04 .txt_box .txt_tit{
  font-family: "NanumMyeongjo";
  font-weight: 700;
  color: #fff;
  margin-bottom: clamp(24px, 3.43vw, 48px);
  font-size: clamp(19px, 2.86vw, 40px);
  line-height: 1.3;
  word-break: keep-all;
}
.section_box04 .txt_box .txt_desc{
  color: #fff;
  margin-bottom: clamp(24px, 3.43vw, 48px);
  font-size: clamp(14px, 1.71vw, 24px);
  word-break: keep-all;
  line-height: 1.4;
}
.section_box04 .txt_box .txt_desc > span{
  font-size: clamp(14px, 1.71vw, 24px);
  word-break: keep-all;
  line-height: 1.4;
}
.section_box04 .banner_box01 > ul{
  display: flex;
  gap:clamp(18px, 1.71vw, 24px);;
}
.section_box04 .banner_box01 > ul > li{
  width: 33.33%;
}
.section_box04 .banner_box01 > ul > li .desc_box{
  text-align: center;
}
.section_box04 .banner_box01 > ul > li .desc_box .txt_tit{
  color: #fff;
  margin-bottom: 8px;
  font-size: clamp(14px, 1.71vw, 24px);
  word-break: keep-all;
  line-height: 1.5;
  word-break: keep-all;
}
.section_box04 .banner_box01 > ul > li .desc_box .txt_desc{
  color: #999;
  font-size: clamp(14px, 1.14vw, 16px);
  line-height: 1.5;
  word-break: keep-all;
}
.section_box04 .banner_box01 > ul > li .img_box{
  position: relative;
  padding-bottom: 65.1%;
  border-radius: 16px;
  overflow: hidden;
  margin-bottom: clamp(20px, 2.29vw, 32px);
}
.section_box04 .banner_box01 > ul > li .img_box > img{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
}

.section_wrap.section05{
  background-color: #F5F5F5;
}
.section_box05 .txt_box{
  text-align: center;
}
.section_box05 .txt_box > p.img_box{
  display: inline-block;
  width: clamp(60px, 5.71vw, 80px);
  margin-bottom: 8px;
}
.section_box05 .txt_box > p.img_box > img{
  width: 100%;
}
.section_box05 .txt_box .txt_tit{
  font-family: "NanumMyeongjo";
  font-weight: 700;
  color: #522A28;
  margin-bottom: clamp(24px, 3.43vw, 48px);
  font-size: clamp(19px, 2.86vw, 40px);
  line-height: 1.3;
  word-break: keep-all;
}
.section_box05 .txt_box .txt_desc{
  color: #666666;
  margin-bottom: 8px;
  font-size: clamp(14px, 1.71vw, 24px);
  word-break: keep-all;
  line-height: 1.4;
}



/* .section06.section_wrap .section_inner{
  padding-bottom: 0;
} */
.section_box06 .txt_box p.txt_tit{
  color: #222;
  font-weight: 700;
  font-size: clamp(19px, 2.86vw, 40px);
  line-height: 1.4;
  margin-bottom: clamp(14px, 1.14vw, 16px);
  word-break: keep-all;
}
.section_box06 .txt_box p.txt_desc{
  color: #666;
  font-size: clamp(14px, 1.71vw, 24px);
  line-height: 1.4;
  font-weight: 400;
  margin-bottom: clamp(32px, 4.57vw, 64px);;
}

.section_box06 .img_lists_box{
  margin-bottom: clamp(48px, 6.86vw, 96px)
}
.section_box06 .img_lists_box > li{
  position: relative;
  margin-bottom:clamp(16px, 2.29vw, 32px);
}
.section_box06 .img_lists_box > li:last-of-type{
  margin-bottom:0;
}
.section_box06 .img_lists_box .img_box{
  position: relative;
  padding-bottom: 40%;
  border-radius: 6px;
  overflow: hidden;
}
.section_box06 .img_lists_box .img_box img{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
}
.section_box06 .img_lists_box .img_box img.mobile{
  display: none;
}
.section_box06 .img_lists_box .desc_box{
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
  padding:clamp(16px, 2.29vw, 32px);
  box-sizing: border-box;
  z-index: 1;
}
.section_box06 .img_lists_box .desc_box p.txt_tit{
  margin-bottom: 8px;
  font-weight: 700;
  color: #fff;
  font-size: clamp(19px, 2.29vw, 32px);
  line-height: 1.3;
  word-break: keep-all;
}
.section_box06 .img_lists_box .desc_box p.txt_desc{
  color: #fff;
  font-size: clamp(14px, 1.14vw, 16px);
  line-height: 1.5;
  word-break: keep-all;
}


.section_box06 .banner_box01{
  padding: 32px 48px;
  border-radius: 6px; 
  overflow: hidden;
  background-color: #222;
}
.section_box06 .banner_box01 .desc_box{
  text-align: center;
}
.section_box06 .banner_box01 .desc_box .txt_tit{
  color: #fff;
  margin-bottom: clamp(14px, 1.14vw, 16px);;
  font-size: clamp(16px, 2.29vw, 32px);
  font-family: "NanumMyeongjo";
  font-weight: 700;
  color: #fff;
  line-height: 1.3;
  word-break: keep-all;
}
.section_box06 .banner_box01 .desc_box .txt_desc{
  color: #666;  
  font-size: clamp(14px, 1.71vw, 24px);
  word-break: keep-all;
  line-height: 1.4;
}


.section_wrap.section07{
  background-color: #F5F5F5;
}
/* .section_box07 .top_box{
  display: flex;
  gap: clamp(24px, 3.43vw, 48px);
  margin-bottom: clamp(32px, 4.57vw, 64px);
} */
.section_box07 .top_box{
  text-align: center;
}
.section_box07 .top_box .txt_box .txt_tit{
  /* color: #222;
  margin-bottom: clamp(14px, 1.14vw, 16px);
  font-weight: 700;
  font-size: clamp(19px, 2.86vw, 40px);
  line-height: 1.3;
  word-break: keep-all; */
  font-family: "NanumMyeongjo";
  font-weight: 700;
  color: #522A28;
  margin-bottom: clamp(24px, 3.43vw, 48px);
  font-size: clamp(19px, 2.86vw, 40px);
  line-height: 1.3;
  word-break: keep-all;
}
/* .section_box07 .top_box .txt_box .txt_desc{
  color: #666666;
  margin-bottom: clamp(32px, 4.57vw, 64px);
  font-size: clamp(14px, 1.71vw, 24px);
  line-height: 1.4;
} */

.section_box07 .top_box .txt_box .txt_desc:last-of-type {
  margin-bottom: clamp(32px, 4.57vw, 64px);
}
.section_box07 .top_box .txt_box .txt_desc {
  color: #666666;
  margin-bottom: 8px;
  font-size: clamp(14px, 1.71vw, 24px);
  word-break: keep-all;
  line-height: 1.4;
}
.section_box07 .top_box > .img_box{
  position: relative;
  width: 26.66%;
  padding-bottom: 26.66%;

}
.section_box07 .top_box > .img_box > img{
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.section_box07 .top_box .txt_box .btn_link{
  display: inline-block;
  color: #fff;
  padding: 16px 64px 16px 24px;
  font-size: clamp(14px, 1.71vw, 24px);
  line-height: 1.4;
  background: #522A28 url('../images02/ico_btn_link.png') no-repeat right 16px top 50%/16px auto;
  box-sizing: border-box;
}

.section_box07 .bottom_box{
  display: flex;
  height: clamp(320px, 45.71vw, 640px);

}
.section_box07 .bottom_box .section07_swiper_outer{
  width: 86%;
  max-width: calc(100% - 60px - 24px);
  border: 1px solid #D9D9D9;
  border-radius: 6px;
  overflow: hidden;
  box-sizing: border-box;
}
.section_box07 .bottom_box .section07_swiper{
  height: 100%;
}
.section_box07 .bottom_box .section07_swiper .swiper-wrapper .swiper-slide .img_box{
  position: relative;
  height: 100%;
  text-align: center;
  overflow: hidden;
}
.section_box07 .bottom_box .section07_swiper .swiper-wrapper .swiper-slide .img_box > img{
  position: absolute;
  height: 100%;
  width: auto;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.section_box07 .bottom_box .section07_thumbs{
  width: calc(100% - 86%);
  margin: 0;
  margin-left: clamp(24px, 3.43vw, 48px);
}
.section_box07 .bottom_box .section07_thumbs .swiper-wrapper {

}
.section_box07 .bottom_box .section07_thumbs .swiper-wrapper .swiper-slide{
  height: auto !important;
  margin-bottom: 8px;
}
.section_box07 .bottom_box .section07_thumbs .swiper-wrapper .swiper-slide.swiper-slide-thumb-active{
}
.section_box07 .bottom_box .section07_thumbs .swiper-wrapper .swiper-slide.swiper-slide-thumb-active .img_box{
  border-color: #522A28;
  box-sizing: border-box;

}
.section_box07 .bottom_box .section07_thumbs .swiper-wrapper .swiper-slide.swiper-slide-thumb-active .img_box::after{
  background-color: rgba(0,0,0,0);
  transition: background 0.2s ease-in-out;
}

.section_box07 .bottom_box .section07_thumbs .swiper-wrapper .swiper-slide .img_box{
  position: relative;
  width: clamp(60px, 8.57vw, 120px)!important;
  height: clamp(30px, 4.29vw, 60px);
  overflow: hidden;
  text-align: center;
  border: 1px solid transparent;
  border-radius: 6px;
  overflow: hidden;
  box-sizing: border-box;
}

.section_box07 .bottom_box .section07_thumbs .swiper-wrapper .swiper-slide .img_box::after{
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0,0,0,0.2);
  z-index: 1;
}

.section_box07 .bottom_box .section07_thumbs .swiper-wrapper .swiper-slide .img_box > img{
  height: 100%;
  width: auto;
}


.section_wrap.section08{
  background-color: #444;
}
.section_box08{
  display: flex;
  align-items: center;
  padding-top: clamp(24px, 3.43vw, 48px);
  padding-bottom: clamp(24px, 3.43vw, 48px);
}
.section_box08 .img_box{
  position: relative;;
  width: 15.33%;
  padding-bottom: 15.33%;
  margin-right: clamp(24px, 3.43vw, 48px);
  overflow: hidden;
  border-radius: 100%;
}
.section_box08 .img_box img{
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  object-fit: cover;
}
.section_box08 .txt_box {
  width: 58%;
  margin-right: clamp(20px, 2.29vw, 32px);
}
.section_box08 .txt_box .txt_tit{
  margin-bottom: 8px;
  font-weight: 700;
  color: #fff;
  font-size: clamp(19px, 2.86vw, 40px);
  line-height: 1.4;
  word-break: keep-all;
}
.section_box08 .txt_box .txt_desc{
  color: #999;
  font-size: clamp(14px, 1.71vw, 24px);
  word-break: keep-all;
  line-height: 1.4;
}
.section_box08 .btn_link{
  display: inline-block;
  width: 240px;
  padding: 16px 44px 16px 16px;
  font-size: clamp(14px, 1.71vw, 24px);
  word-break: keep-all;
  line-height: 1.4;
  color: #fff;
  border: 1px solid #fff;
  background: url('../images02/ico_btn_link.png') no-repeat right 12px top 50%/16px auto;
  box-sizing: border-box;
}

@media all and (max-width: 849px){
  header .wrap_inner { padding-inline: 16px;max-width:100%;}
  footer .wrap_inner { padding: 0; }
  .content_wrap .main_visual_wrap .main_visual_swiper .swiper-slide .main_txt_box{
    max-width: 100%;
    padding: 0 16px;
  }
  
}
@media all and (min-width: 768px){

}

@media all and (max-width: 767px){
  .content_wrap .main_visual_wrap .main_visual_swiper .swiper-slide img.pc {
    display: none;
  }
  .content_wrap .main_visual_wrap .main_visual_swiper .swiper-slide img.mobile{
    display: block;
  }
/* 메인비주얼 */
  /* .content_wrap .main_visual_wrap .main_visual_swiper .swiper-slide img.pc {
    display: none;
  }
  .content_wrap .main_visual_wrap .main_visual_swiper .swiper-slide img.mobile {
    display: block;
  }

  .content_wrap .main_visual_wrap .main_visual_swiper .swiper-scrollbar {
    max-width:90%;
    bottom:4.50vw !important;
    height:2px !important;
  }
  .content_wrap .main_visual_wrap .main_visual_swiper .swiper-slide {
    height: auto;
    padding-bottom: 100%;
  } */

  .content_wrap .main_visual_wrap .main_visual_swiper .swiper-slide .main_txt_box > p:nth-of-type(1){
    font-size: 14px;
    margin-bottom: 16px;
  }
  .content_wrap .main_visual_wrap .main_visual_swiper .swiper-slide .main_txt_box > p:nth-of-type(2){
    font-size: 16px;
  }
  .content_wrap .main_visual_wrap .main_visual_swiper .swiper-slide .main_txt_box > p:nth-of-type(3){
    font-size:24px;
    margin-bottom: 24px;
  }
  .content_wrap .main_visual_wrap .main_visual_swiper .swiper-slide .main_txt_box > .btn_link_box{

    max-width:63%;
    margin-bottom: 16px;
  }
  .content_wrap .main_visual_wrap .main_visual_swiper .swiper-slide .main_txt_box > .btn_link_box > a{
    padding: 12px 26px 10px 10px;
    font-size: 16px;
  }
  .content_wrap .main_visual_wrap .main_visual_swiper .swiper-slide .main_txt_box > .btn_link_lists {
    max-width: 63%;
  }
  .content_wrap .main_visual_wrap .main_visual_swiper .swiper-slide .main_txt_box > .btn_link_lists > li > a{
    padding: 12px 26px 10px 10px;
    font-size: 16px;
  }
  .content_wrap .main_visual_wrap .main_visual_swiper .swiper-slide img{
    bottom: 0;
    top: auto;
    transform: translate(-50%, 0);
    height: auto;
  }


  .section_box01 .txt_box{
    display: block;
    text-align: center;
  }
  .section_box01 .txt_box p.txt_tit{
    font-size: 24px;
    padding-right: 0;
    margin-bottom: 24px;
    line-height: 32px;
  }
  .section_box01 .txt_box p.txt_desc{
    font-size: 16px;
    line-height: 24px;
  }


  .section_box02 .txt_box{
    text-align: center;
  }
  .section_box02 .txt_box p.txt_tit{
    margin-bottom: clamp(24px, 3.43vw, 48px);
    font-size: 24px;
    line-height: 32px;
  }
  .section_box02 .txt_box p.txt_desc{
    color: #222222;
    margin-bottom: clamp(15px, 1.71vw, 24px);
    font-size: 16px;
    line-height: 24px;
  }
  .section_box02 .txt_box p.txt_desc:nth-of-type(2){

    font-size: 14px;
    line-height: 20px;
  }

  .section_box03 .txt_box {
    text-align: center;
  }
  .section_box02 .txt_box p.txt_tit{
    font-weight: 600;
    margin-bottom: 8px;
    font-size: 24px;
    line-height: 32px;
  }
  .section_box02 .txt_box p.txt_desc{
    margin-bottom: 24px;
    font-size: 16px;
    line-height: 24px;
  }
  .section_box03 .banner_box01 > ul{
    display: block;
  }
  .section_box03 .banner_box01 > ul > li{
    width: 100%;
    margin-bottom: 16px;
  }
  .section_box03 .banner_box01 > ul > li:last-of-type{
    margin-bottom: 0;
  }
  .section_box03 .banner_box01 > ul > li > .img_box{
    padding-bottom: 65.86%;
  }
  .section_box03 .banner_box01 > ul > li .desc_box p.txt_tag{
    line-height: 16px;
  }
  .section_box03 .banner_box01 > ul > li .desc_box p.txt_tit{
    font-size: 24px;
    line-height: 32px;
  }
  .section_box03 .banner_box01 > ul > li .desc_box p.txt_desc{
    font-size: 14px;
    line-height: 20px;
  }
  .section_box03 .banner_box01 > ul > li .desc_box p.txt_desc > span{
    width: 20px;
    height: 20px;
  }
  .section_box03 .banner_box01{
    margin-bottom: 24px;
  }


  /* .section_box04 .txt_box .txt_tit{
    font-size: 24px;
    line-height: 32px;
  }
  .section_box04 .txt_box .txt_desc{
    font-size: 16px;
    line-height: 24px;
  } */

  .section_box04 .banner_box01 > ul{
    display: block;
  }
  .section_box04 .banner_box01 > ul > li{
    width: 100%;
    margin-bottom: 24px;
  }
  .section_box04 .banner_box01 > ul > li:last-of-type{
    margin-bottom: 0;
  }
  .section_box04 .banner_box01 > ul > li .img_box{
    margin-bottom: 16px;
  }
  /* .section_box04 .banner_box01 > ul > li .desc_box .txt_tit{
    font-size: 16px;
    line-height: 24px;
  }
  .section_box04 .banner_box01 > ul > li .desc_box .txt_desc{
    font-size: 14px;
    line-height: 20px;
  }
  .section_box05 .txt_box > p.img_box{
    width: 32px;
  }

  .section_box05 .txt_box .txt_tit{
    font-size: 24px;
    line-height: 32px;
  }
  .section_box05 .txt_box .txt_desc{
    font-size: 14px;
    line-height: 20px;
  } */


  .section_box06 .img_lists_box .img_box{
    padding-bottom: 78.17%;
  }
  .section_box06 .img_lists_box .img_box img.pc{
    display: none;
  }
  .section_box06 .img_lists_box .img_box img.mobile{
    display: block;
    width: auto;
    height: 100%;
  }
  /* .section_box06 .img_lists_box .desc_box p.txt_tit{
    font-size: 24px;
    line-height: 32px;
  }
  .section_box06 .img_lists_box .desc_box p.txt_desc{
    font-size: 14px;
    line-height: 20px;
  } */
  .section_box06 .banner_box01{
    padding: 16px;
  }

  .section_box07 .top_box{
    display: block;
    margin-bottom: 24px;
    text-align: center;
  }
  .section_box07 .top_box > .img_box{
    max-width: 240px;
    width: 100%;
    padding-bottom: 0;
    margin: 0 auto 16px;
  }
  .section_box07 .top_box > .img_box > img{
    position: static;
    transform: translate(0,0);
  }

  .section_box07 .top_box .txt_box .txt_tit{
    /* font-size: 24px;
    line-height: 32px; */
    margin-bottom: 8px;
  }
  /* .section_box07 .top_box .txt_box .txt_desc{
    font-size: 16px;
    line-height: 24px;
  } */
  .section_box07 .top_box .txt_box .txt_desc{
    margin-bottom: 16px;
  }

  .section_box08 .txt_box .txt_tit{
    /* font-size: 24px;
    line-height: 32px; */
    margin-bottom: 8px;
  }
  /* .section_box08 .txt_box .txt_desc{
    font-size: 16px;
    line-height: 24px;
  } */
  .section_box08 .btn_link{
    /* font-size: 16px;
    line-height: 24px; */
    padding: 10px 42px 10px 12px;
    background-position-x: right 10px;
  }

}

@media all and (max-width: 480px){
  br.mobile{
    display: block;
  }
  .content_wrap .main_visual_wrap .main_visual_swiper .swiper-slide .main_txt_box{
    top:22px;
  }
  .content_wrap .main_visual_wrap .main_visual_swiper .swiper-slide .main_txt_box > .btn_link_box{
    max-width: 100%;
  }
  .content_wrap .main_visual_wrap .main_visual_swiper .swiper-slide .main_txt_box > .btn_link_lists {
    max-width: 100%;
    display: block;
  }

  .content_wrap .main_visual_wrap .main_visual_swiper .swiper-slide .main_txt_box > .btn_link_lists > li{
    width: 100%;
    margin-bottom: 8px;
  }
    .content_wrap .main_visual_wrap .main_visual_swiper .swiper-slide .main_txt_box > .btn_link_lists > li:last-of-type{
    margin-bottom: 0;
  }
  .content_wrap .main_visual_wrap .main_visual_swiper .swiper-slide{
    background-color: #000;
    height: 550px;
  }
  .content_wrap .main_visual_wrap .main_visual_swiper .swiper-slide img{
    height: 100%;
  }
  .content_wrap .main_visual_wrap .main_visual_swiper .swiper-slide img.mobile{
    display: none;
  }

  .section_wrap.section02{
    background: url('../images02/bg_section02_m.png') no-repeat center/cover;
  }



  .section_box03 .banner_box02 {
    padding: 43px 16px;
    background: url('../images02/banner_section03_02.svg') no-repeat right 30% top 50% / auto 100%;
  }
  .section_box06 .txt_box p.txt_desc br.mobile{
    display: none;
  }
  .section_box07 .top_box .txt_box .btn_link{
    width: 100%;
    padding: 11px 64px 12px 10px;
    font-size: 16px;
    line-height: 24px;
    text-align: left;
    background-position-x: right 10px;
  }

  .section_box07 .bottom_box{
    display: block;
    height: auto;
  }
  .section_box07 .bottom_box .section07_swiper{
    position: relative;
    padding-bottom:73.17% ;
  }
  .section_box07 .bottom_box .section07_swiper_outer .swiper-wrapper{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .section_box07 .bottom_box .section07_swiper_outer{
    max-width: 100%;
    width: 100%;
    height: 100%;
    margin-bottom: 16px;
  }
  .section_box07 .bottom_box .section07_thumbs{
    width: auto;
    margin-left: 10px;
  }
  .section_box07 .bottom_box .section07_thumbs{
    margin-left: 0;
  }
   .section_box07 .bottom_box .section07_thumbs .swiper-wrapper .swiper-slide{
    max-width: calc(25% - 6px)!important;
    width: 100%!important;
    margin: 0 8px 0 0;

   }
  .section_box07 .bottom_box .section07_thumbs .swiper-wrapper .swiper-slide .img_box{
    position: relative;;
    width: 100%!important;
    max-width: 100%!important;
    padding-bottom: 73.68%;
  }
  .section_box07 .bottom_box .section07_thumbs .swiper-wrapper .swiper-slide .img_box > img{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    overflow: hidden;

  }

  .section_box08 {
    display: block;
    text-align: center;
    padding: 48px 0;
  }
  .section_box08 .img_box{
    width: 51.11%;
    padding-bottom: 51.11%;
    margin: 0 auto 24px;
  }
  .section_box08 .txt_box{
    margin-bottom: 24px;
    width: 100%;
  }
  .section_box08 .btn_link{
    width: 100%;
  }
}