@charset "UTF-8";


@media screen and (min-width: 768px),print {  

#title_wrap{background: #F9F7EE;padding-top: 132px;min-height: 100vh;}
#title_wrap::before{content: "";width: 512px;height: 783px;background: #F0EBD5;position: absolute;top: 298px;right: 0;}
#title_wrap h1{position: absolute;writing-mode: vertical-rl; /* 縦書き (右から左) */text-orientation: upright; /* 文字を正しい方向にする */font-size: 20px; /* 好みのフォントサイズ */font-weight: 400;line-height: 0px; /* 行間の調整 */right: 15.5%;top: 23.4%;letter-spacing: 20px;}
#title_wrap .thumbnails p{position: absolute;top: 26px;left: -8px;font-size: 14px;transform: rotate(90deg); /* 90度回転 */transform-origin: left top;letter-spacing: 1.4px;color: #232323;/* mix-blend-mode: difference; *//* color: #fff; */}
#title_wrap .slider-container {margin: 0 auto;}
#title_wrap .main-image {width: 69.2%;height: auto;margin-bottom: -47px;position: relative;background: #fff;}
#title_wrap .main-image img {width: 100%;height: auto;/* object-fit: cover; */display: none; /* 初期状態で非表示 */}
#title_wrap .main-image img.active { display: block; /* 表示中のメイン画像 */ }
#title_wrap .thumbnails {display: flex;justify-content: center;gap: 10px;width: 320px;position: absolute;margin-left: auto;margin-right: 5vw;bottom: 20px;right: 0;}
#title_wrap .thumbnails img {width: 91px;height: auto;cursor: pointer;/* opacity: 0.6; */transition: opacity 0.3s, transform 0.3s;margin-left: 13px;}
#title_wrap .thumbnails img.active { opacity: 1; transform: scale(1.2); /* アクティブなサムネイルを拡大 */ }

#contents01 {margin: 0 auto 120px;max-width: 782px;position: relative;padding: 50px 30px 0;}
#contents01 .inner-Box { margin: 0 auto; position: relative; }
#contents01 .inner-Box ul.list {}
#contents01 .inner-Box ul li { margin: 0 5px;}
#contents01 .inner-Box ul li figure{  }
#contents01 .inner-Box ul li figure img{ width: 100%; height: auto; }
#contents01 .slick-dotted.slick-slider { margin-bottom: 30px; }
#contents01 .slick-dots {position: absolute;bottom: -43px;display: block;width: 100%;padding: 0;margin: 0;list-style: none;text-align: center;}
#contents01 .slick-dots li { position: relative; display: inline-block; width: 5px; height: 5px; margin: 0 5px; border-radius: 5px; padding: 0; cursor: pointer; }
#contents01 .slick-dots li button { font-size: 0; line-height: 0; display: block; width: 5px; height: 5px; border-radius: 5px; padding: 0px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent; background: #DDDDDD; }
#contents01 .slick-dots li button:hover, #contents01 .slick-dots li button:focus { outline: none; }
#contents01 .slick-dots li button:hover:before, #contents01 .slick-dots li button:focus:before { opacity: 1; }
#contents01 .slick-dots li button:before { font-family: 'slick'; font-size: 6px; line-height: 20px; position: absolute; top: 0; left: 0; width: 5px; height: 5px; content: ''; text-align: center; opacity: .25; color: black; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
#contents01 .slick-dots li.slick-active button { background: #232323; }
#contents01 .prev-arrow{position: absolute;bottom: -40px;left: 50%;margin-left: -60px;z-index: 4;transform: scale(-1, 1);}
#contents01 .next-arrow{position: absolute;bottom: -40px;left: 50%;margin-left: 50px;z-index: 4;}



#contents02{padding: 0 30px;max-width: 782px;margin: 0 auto -120px;position: relative;}
#contents02 .contactbtn2{position: absolute;top: 23px;right: 0;}
#event { }
#event .system-list{display: -webkit-box;display: -moz-flex;display: -ms-flex;display: -o-flex;display: -ms-flexbox;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-ms-flex-wrap: wrap;flex-wrap: wrap;position: relative;margin-bottom: 69px;}
#event .system-list li{width: 30.3%;margin-right: 4.3%;position: relative;padding-bottom: 36px;}
#event .system-list li:nth-child(3n){ margin-right: 0px; }
#event .system-list li .system-pic{margin-bottom: -3px;}
#event .system-list li .system-pic img{ width: 100%; height: auto; }
#event .system-list li .eventicon {margin-bottom: 3px;color: #fff;}
#event .system-list li .eventicon span{margin: 0 5px 5px 0px;border-radius: 2px;display: inline-block;background: #B4AB9C;font-size: 12px;line-height: 1;letter-spacing: 0.84px;font-weight: 500;padding: 5px 8px;}
#event .system-list li .text-box{padding: 7px 0 0;}
#event .system-list li .system-ttl-01{font-size: 14px;line-height: 25.2px;letter-spacing: 1.4px;font-weight: 400;margin-bottom: 10px;}
#event .system-list li .contactbtn3{ position: absolute; bottom: 0; right: 0; }
#contents02 .photo{margin-right: -100px;width: 25.7%;margin-bottom: -18.7%;z-index: 3;position: relative;}
#contents02 .photo img{ width: 100%; height: auto; }
#contents02 .photo2{margin-right: -100px;margin-left: auto;width: 83.5%;position: relative;z-index: 3;}
#contents02 .photo2 img{ width: 100%; height: auto; }

#contents03 {margin: 0 auto;position: relative;background: #fff;padding: 155px 0 66px;}
#contents03 .inner-Box {margin: 0 auto;position: relative;max-width: 782px;padding: 0 30px;}
#contents03 .inner-Box ul{display: -webkit-box;display: -moz-flex;display: -ms-flex;display: -o-flex;display: -ms-flexbox;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-ms-flex-wrap: wrap;flex-wrap: wrap;padding: 30px 0 0;}
#contents03 .inner-Box ul li:nth-child(3n){ margin-right: 0px; }
#contents03 .inner-Box ul li {position: relative;width: 30.4%;margin-right: 4.3%;}
#contents03 .inner-Box ul li:nth-child(1),#contents03 .inner-Box ul li:nth-child(3){position: relative;top: -33px;}
#contents03 .inner-Box figure.photo {position: relative;top: 0;left: 0;margin-bottom: 10px;}
#contents03 .inner-Box figure.photo img{ width: 100%; height: auto;}
#contents03 .inner-Box p.text {font-size: 16px;line-height: 28.8px;font-weight: 500;letter-spacing: 3.2px;}
#contents03 .contactbtn2{position: absolute;top: 23px;right: 0;}
#contents03 .inner-Box ul li .arr{position: absolute;bottom: 6px;right: 0; transition: right 0.3s;}
#contents03 .inner-Box ul li a:hover .arr{ right: -5px; }

#contents04 {margin: 0 auto 60px;position: relative;padding: 10px 0 0;}
#contents04 .inner-Box {margin: 0 auto;position: relative;max-width: 782px;padding: 0 30px;}
#contents04 .contactbtn2{position: absolute;top: 23px;right: 0;}
#contents04 .photo{margin-right: -100px;margin-left: 18.6%;width: 19.4%;margin-bottom: -7.9%;z-index: 3;position: relative;}
#contents04 .photo img{ width: 100%; height: auto; }
#contents04 .photo2{margin-right: -100px;margin-left: 8.6%;width: 33.7%;position: relative;z-index: 3;}
#contents04 .photo2 img{ width: 100%; height: auto; }
#contents04 .photo3{/* margin-right: -100px; */margin-left: auto;width: 49.6%;margin-bottom: -14.5%;position: relative;z-index: 3;}
#contents04 .photo3 img{ width: 100%; height: auto; }

#topics{ }
#topics .system-list{position: relative;top: -3px;margin-bottom: 66px;}
#topics .system-list li{position: relative;border-bottom: #B4AB9C 1px solid;padding-bottom: 18px;margin-bottom: 18px;}
#topics .system-list li .system-date{font-size: 14px;letter-spacing: 1.4px;line-height: 25.2px;margin-bottom: 3px;}
#topics .system-list li .system-ttl-01{font-size: 14px;letter-spacing: 1.4px;line-height: 21px;padding-right: 40px;}
#topics .system-list li .icon{position: absolute;top: 28px;left: 0;line-height: 1;}
#topics .system-list li .arr{position: absolute;top: 14px;right: 0;}
#topics .system-list li .text-box{padding: 0 0 0 25px;}

#contents05 {margin: 0 auto;position: relative;background: url('../images/index/contents05-back01.jpg')no-repeat top center,url('../images/index/contents05-back02.jpg')no-repeat bottom center #665B50;background-size: 100% auto;color: #fff;}
#contents05 .inner-Box1 {margin: 0 auto;position: relative;max-width: 782px;padding: 72px 30px 22px 30px;}
#contents05 .inner-Box1 h2{font-size: 14px;line-height: 28px;font-weight: 400;letter-spacing: 2.8px;margin-bottom: 30px;}
#contents05 .inner-Box1 h2 span{font-size: 30px;letter-spacing: 3px;font-weight: 400;display: block;margin-bottom: -3px;}
#contents05 .inner-Box2 {margin: 0 auto;position: relative;max-width: 782px;padding: 0 30px 390px;}
#contents05 .inner-Box2 h3{font-size: 20px;line-height: 3.1;font-weight: 400;letter-spacing: 19.7px;margin-bottom: 16px;writing-mode: vertical-rl;text-orientation: upright;position: relative;left: 50%;transform: translateX(-51%);}
#contents05 .inner-Box2 h3 span{  }
#contents05 .inner-Box2 p.text {font-size: 14px;line-height: 36.8px;font-weight: 400;letter-spacing: 2.8px;margin-bottom: 19px;}

#contents06 { margin: 0 auto; position: relative; }
#contents06 .inner-Box {margin: 0 auto;position: relative;width: 530px;padding: 40px 0 0;}
#contents06 .inner-Box ul{display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap;}
#contents06 .inner-Box ul li {text-align: center;margin-right: 70px;}
#contents06 .inner-Box ul li:nth-child(3n) { margin-right: 0px; }
#contents06 .inner-Box ul li figure{margin-bottom: 9px;}
#contents06 .inner-Box ul li p.fbtn {font-size: 16px;line-height: 1.6;letter-spacing: 1.6px;font-weight: 400;margin-bottom: 9px;padding: 0 7px 0 0px;}
#contents06 .inner-Box p.text {font-size: 16px;line-height: 1.6;font-weight: 500;letter-spacing: 1.6px;margin-bottom: 2px;}
#contents06 .inner-Box ul .arr{position: relative;right: -7px;transition: right 0.3s;line-height: 1;top: -6px;}
#contents06 .inner-Box ul a:hover{ text-decoration: none;}
#contents06 .inner-Box ul a:hover .arr{ right: -10px; }

#contents07 {margin: 0 auto;position: relative;padding: 65px 0 79px;}
#contents07 .inner-Box {margin: 0 auto;position: relative;max-width: 782px;padding: 0 30px;}
#contents07 .cbanner{ position: relative; z-index: 3;}
#contents07 .cbanner img{ width: 100%; height: auto;}


/*  404 css  */
#contents404{text-align: center;}
#contents404 .inner-Box {margin: 0 auto;position: relative;max-width: 782px;padding: 89px 30px 277px 30px;}
#contents404 .inner-Box h2.ttl{position: relative;font-size: 30px;letter-spacing: 3px;line-height: 37px;left: 2px;margin-bottom: 13px;}
#contents404 .inner-Box h2.ttl span.tltext{position: relative;z-index: 3;}
#contents404 .inner-Box h2.ttl span.arr{position: absolute;left: 50%;transform: translateX(-50%);top: -40px;z-index: 1;}
#contents404 .inner-Box p.text{font-size: 14px;position: relative;z-index: 3;letter-spacing: 1.4px;line-height: 2;margin-bottom: 66px;}
#contents404 .inner-Box .contactbtn{ width: 305px; margin: 0 auto; text-align: left; }

}

  @media screen and (min-width:768px) and ( max-width:1510px) {
  #title_wrap .main-image {width: 75.2%;margin-bottom: 47px;}
  #title_wrap h1{font-size: 16px; }

  
}
@media screen and (min-width:768px) and ( max-width:1310px) {
  #contents02 .photo{width: 28.7%;}
  #contents02 .photo2{width: 85.5%;}

}

@media screen and (min-width:768px) and ( max-width:1180px) {
  #title_wrap h1{top: 14.4%;}
  #title_wrap .thumbnails {position: relative;bottom: 60px;right: 0;}


}


@media screen and (max-width: 767px) {

  #title_wrap{background: #F9F7EE;padding-bottom: 11.7vw;}
  #title_wrap::before{content: "";height: 103.4vw;background: #F0EBD5;position: absolute;bottom: 26vw;right: 0;width: 67.8vw;}
  #title_wrap h1{position: absolute;writing-mode: vertical-rl; /* 縦書き (右から左) */text-orientation: upright; /* 文字を正しい方向にする */font-size: 4.26vw; /* 好みのフォントサイズ */font-weight: 400;line-height: 0.0vw; /* 行間の調整 */right: 11.5vw;top: 28.5vw;letter-spacing: 4.23vw;height: 109vw;}
  #title_wrap .thumbnails p{position: absolute;top: 3.53vw;left: 18.87vw;font-size: 2.66vw;transform: rotate(90deg); /* 90度回転 */transform-origin: left top;letter-spacing: 0.27vw;color: #232323;z-index: 3;}
  #title_wrap .slider-container {}
  #title_wrap .main-image {width: 75.2vw;height: auto;margin-bottom: -8.93vw;position: relative;background: #fff;}
  #title_wrap .main-image img {width: 100%;height: auto;/* object-fit: cover; */display: none; /* 初期状態で非表示 */}
  #title_wrap .main-image img.active { display: block; /* 表示中のメイン画像 */ }
  #title_wrap .thumbnails {display: flex;justify-content: center;gap: 2.67vw;position: relative;margin-left: auto;margin-right: 2.6vw;}
  #title_wrap .thumbnails img {height: auto;cursor: pointer;width: 16.4vw;/* opacity: 0.6; */transition: opacity 0.3s, transform 0.3s;margin-left: 1.77vw;}
  #title_wrap .thumbnails img.active { opacity: 1; transform: scale(1.2); /* アクティブなサムネイルを拡大 */ }
  
  #contents01 {margin: 0 auto 24.9vw;position: relative;padding: 7.93vw 0vw 0;}
  #contents01 .inner-Box {position: relative;}
  #contents01 .inner-Box ul.list {}
  #contents01 .inner-Box ul .slick-track li.slick-slide {margin: 0 1.53vw;}
  #contents01 .inner-Box ul li figure{ margin-bottom: 4vw; }
  #contents01 .inner-Box ul li figure img{ width: 100%; height: auto; }
  #contents01 .slick-dotted.slick-slider { margin-bottom: 8.0vw; }
  #contents01 .slick-dots {position: absolute;bottom: -6.97vw;display: block;width: 100%;padding: 0;margin: 0;list-style: none;text-align: center;}
  #contents01 .slick-dots li { position: relative; display: inline-block; width: 1.33vw; height: 1.33vw; margin: 0 1.33vw; border-radius: 1.33vw; padding: 0; cursor: pointer; }
  #contents01 .slick-dots li button { font-size: 0; line-height: 0; display: block; width: 1.33vw; height: 1.33vw; border-radius: 1.33vw; padding: 0.0vw; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent; background: #DDDDDD; }
  #contents01 .slick-dots li button:hover, #contents01 .slick-dots li button:focus { outline: none; }
  #contents01 .slick-dots li button:hover:before, #contents01 .slick-dots li button:focus:before { opacity: 1; }
  #contents01 .slick-dots li button:before { font-family: 'slick'; font-size: 1.6vw; line-height: 5.33vw; position: absolute; top: 0; left: 0;  width: 1.33vw; height: 1.33vw; content: ''; text-align: center; opacity: .25; color: black; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
  #contents01 .slick-dots li.slick-active button { background: #232323; }
  #contents01 .prev-arrow{position: absolute;bottom: -6.47vw;left: 50%;margin-left: -16.0vw;z-index: 4;transform: scale(-1, 1);width: 2vw;}
  #contents01 .next-arrow{position: absolute;bottom: -6.37vw;left: 50%;margin-left: 13.73vw;z-index: 4;width: 2vw;}
  
  
  
  #contents02{margin: 0 auto -16.9vw;position: relative;}
  #contents02 .contactbtn2{position: absolute;top: 6.43vw;right: 0;width: 23.3vw;}
  #contents02 .base-title{ margin: 0 5.3vw 8.6vw; }
#contents02 .contactbtn2 a span.arr{right: 5.4vw;}
  #event { }
  #event .system-list{margin-bottom: 13.8vw;}
  #event .system-list li{width: 58.66vw;margin: 0 4vw;position: relative;padding-bottom: 9.6vw;}
  #event .system-list li .system-pic{margin-bottom: -0.8vw;}
  #event .system-list li .system-pic img{ width: 100%; height: auto; }
  #event .system-list li .eventicon {margin-bottom: 0.8vw;color: #fff;}
  #event .system-list li .eventicon span{margin: 0 1.33vw 1.33vw 0.0vw;border-radius: 0.53vw;display: inline-block;background: #B4AB9C;font-size: 3.2vw;line-height: 1;letter-spacing: 0.22vw;font-weight: 500;padding: 1.33vw 2.13vw;}
  #event .system-list li .text-box{padding: 1.87vw 0 0;}
  #event .system-list li .system-ttl-01{font-size: 3.73vw;line-height: 6.72vw;letter-spacing: 0.37vw;font-weight: 400;margin-bottom: 2.67vw;}
  #event .system-list li .contactbtn3{ position: absolute; bottom: 0; right: 0; }
  #contents02 .photo{margin-right: -26.67vw;width: 22.7vw;margin-bottom: -16.4vw;z-index: 3;position: relative;}
  #contents02 .photo img{ width: 100%; height: auto; }
  #contents02 .photo2{margin-left: auto;width: 73.3vw;position: relative;z-index: 3;}
  #contents02 .photo2 img{ width: 100%; height: auto; }
  
  #contents03 .base-title{ margin: 0 5.3vw 8.6vw; }
  #contents03 {position: relative;background: #fff;padding: 36.63vw 0 17.6vw;}
  #contents03 .inner-Box {position: relative;}
  #contents03 .inner-Box ul{padding: 0vw 0 0;}
  #contents03 .inner-Box ul li {position: relative;width: 58.66vw;margin: 0 4vw;padding: 8vw 0 0;}
  #contents03 .inner-Box ul li:nth-child(2n){ padding-top: 0vw; }

  #contents03 .inner-Box figure.photo {position: relative;top: 0;left: 0;margin-bottom: 2.47vw;}
  #contents03 .inner-Box figure.photo img{ width: 100%; height: auto;}
  #contents03 .inner-Box p.text {font-size: 4.27vw;line-height: 7.68vw;font-weight: 500;letter-spacing: 0.85vw;}
  #contents03 .contactbtn2{position: absolute;top: 6.13vw;right: -2.2vw;}
  #contents03 .inner-Box ul li .arr{position: absolute;bottom: 1.6vw;right: -0.2vw;width: 4.53vw;}

  #contents04 .base-title{ margin: 0 5.3vw 8.6vw; }
  #contents04 {margin: 0 auto 10.9vw;position: relative;padding: 2.67vw 0 0;}
  #contents04 .inner-Box {position: relative;margin: 0;}
  #contents04 .contactbtn2{position: absolute;top: 6.13vw;right: -2.2vw;}
  #contents04 .photo{margin-right: -26.67vw;margin-left: 14.8vw;width: 19.1vw;margin-bottom: -7.9%;z-index: 3;position: relative;}
  #contents04 .photo img{ width: 100%; height: auto; }
  #contents04 .photo2{margin-right: -26.67vw;margin-left: 5.3vw;width: 32.8vw;position: relative;z-index: 3;}
  #contents04 .photo2 img{ width: 100%; height: auto; }
  #contents04 .photo3{/* margin-right: -26.67vw; */margin-left: auto;width: 48.5vw;margin-bottom: -14.3vw;position: relative;z-index: 3;margin-right: 5.4vw;}
  #contents04 .photo3 img{ width: 100%; height: auto; }
  
  #topics{ }
  #topics .system-list{position: relative;top: -0.8vw;margin: 0 5.3vw 9.7vw;}
  #topics .system-list li{position: relative;border-bottom: #B4AB9C 0.27vw solid;padding-bottom: 3.5vw;margin-bottom: 3.4vw;}
  #topics .system-list li .system-date{font-size: 3.73vw;letter-spacing: 0.37vw;line-height: 6.72vw;margin-bottom: 0.8vw;}
  #topics .system-list li .system-ttl-01{font-size: 3.73vw;letter-spacing: 0.37vw;line-height: 5.6vw;padding-right: 10.67vw;}
  #topics .system-list li .icon{width: 4.2vw;position: absolute;top: 7.47vw;left: 0;line-height: 1;}
  #topics .system-list li .arr{position: absolute;top: 3.73vw;right: 0;width: 4.4vw;}
  #topics .system-list li .text-box{padding: 0 0 0vw 6.67vw;}
  
  #contents05 {position: relative;background: url('../images/index/sp-contents05-back01.jpg')no-repeat top center,url('../images/index/sp-contents05-back02.jpg')no-repeat bottom center #665B50;background-size: 100% auto;color: #fff;}
  #contents05 .inner-Box1 {position: relative;padding: 13.2vw 8.0vw 5.87vw 5.4vw;}
  #contents05 .inner-Box1 h2{font-size: 3.73vw;line-height: 7.47vw;font-weight: 400;letter-spacing: 0.75vw;margin-bottom: 3vw;}
  #contents05 .inner-Box1 h2 span{font-size: 8.0vw;letter-spacing: 0.8vw;font-weight: 400;display: block;margin-bottom: -0.8vw;}
  #contents05 .inner-Box2 {position: relative;margin: 0 5.4vw;padding-bottom: 67.5vw;}
  #contents05 .inner-Box2 h3{font-size: 4.83vw;line-height: 3.2;font-weight: 400;letter-spacing: 4.75vw;margin-bottom: 4.27vw;writing-mode: vertical-rl;text-orientation: upright;position: relative;left: 50%;transform: translateX(-50.3%);}
  #contents05 .inner-Box2 h3 span{  }
  #contents05 .inner-Box2 p.text {font-size: 3.73vw;line-height: 9.81vw;font-weight: 400;letter-spacing: 0.75vw;margin-bottom: 5.07vw;margin-right: -1vw;}
  
  #contents06 {margin: 0 5.2vw;position: relative;}
  #contents06 .inner-Box {position: relative;padding: 7.97vw 0 0;}
  #contents06 .inner-Box ul{display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap;}
  #contents06 .inner-Box ul li {text-align: center;margin-right: 4.57vw;width: 29.9%;}
  #contents06 .inner-Box ul li:nth-child(3n) { margin-right: 0.0vw; }
  #contents06 .inner-Box ul li figure{margin-bottom: 1.8vw;}
  #contents06 .inner-Box ul li p.fbtn {font-size: 4.26vw;line-height: 1.6;letter-spacing: 0.42vw;font-weight: 400;margin-bottom: 2.4vw;padding: 0 5.87vw 0 0.0vw;}
  #contents06 .inner-Box p.text {font-size: 3.73vw;line-height: 1.6;font-weight: 500;letter-spacing: 0.37vw;margin: 0 -1vw 0.53vw;}
  #contents06 .inner-Box ul .arr{position: relative;right: -6.87vw;transition: right 0.3s;line-height: 1;top: 0.2vw;width: 4.6vw;display: inline-block;margin-left: -5vw;}
  #contents07 .base-title{ margin: 0 5.3vw 8.6vw; }
  
  #contents07 {position: relative;padding: 12.83vw 0 21.07vw;}
  #contents07 .inner-Box {position: relative;}
  #contents07 .cbanner{position: relative;z-index: 3;margin: -0.3vw 5.4vw -2.5vw;}
  #contents07 .cbanner img{ width: 100%; height: auto;}
  
  /*  404 css  */
#contents404{text-align: center;}
#contents404 .inner-Box {margin: 0 4vw;position: relative;padding: 15.93vw 0vw 18.17vw;}
#contents404 .inner-Box h2.ttl{position: relative;font-size: 8.0vw;letter-spacing: 0.8vw;line-height: 9.87vw;left: 0.53vw;margin-bottom: 3.47vw;}
#contents404 .inner-Box h2.ttl span.tltext{position: relative;z-index: 3;}
#contents404 .inner-Box h2.ttl span.arr{position: absolute;left: 50%;transform: translateX(-50%);top: -10.67vw;z-index: 1;width: 43vw;}
#contents404 .inner-Box p.text{font-size: 3.73vw;position: relative;z-index: 3;letter-spacing: 0.37vw;line-height: 2;margin: 0 1.3vw 12.1vw;text-align: left;}
#contents404 .inner-Box .contactbtn{ text-align: left; }
#contents404 .inner-Box .contactbtn a{margin: 0 5.2vw;}

}