<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "UTF-8";
.two-households { background-color: #4c8076; }

.two-stories { color: #2b2827 !important; background-color: #d4dbd7; }

.hiraya-asian { background-color: #023c5a; }

.hiraya-natural { background-color: #c6955b; }

.hiraya-simple { background-color: #e07b04; }

/* page-top
-------------------------------------*/
@media screen and (min-width: 641px) {
    .transfer-bnr{width: 900px;margin: 0 auto;}
  
  
  #contact-Box .Box .Box-l { margin-top: 40px; margin-right: 40px; }
  #contact-Box .Box .Box-r a { margin-bottom: 8px; display: block; }
  .sns-bnr { width: 1070px; margin: 0 auto; position: relative; }
  .sns-bnr ul { width: 280px; position: fixed; top: 10px; right: 80px; z-index: 99999; }
  .sns-bnr ul li { width: 51px; float: left; margin-right: 5px; }
  .sns-bnr ul li:nth-child(5) { margin-right: 0px; }
  .sns-bnr ul li img { width: 100%; height: auto; }
  .mv-slider-rel-box { width: 1280px; margin: 0 auto; }
  #mv-slider-box { margin: 0 -320px; }
  #mv-slider { width: 1920px; margin: 0 auto; }
  .rel-mv { width: 1280px; margin: 0 auto; position: relative; }
  .rel-mv .txt-01 { position: absolute; top: -385px; right: 22px; z-index: 700; }
  .slick-dots { margin-top: 38px; 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; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
  .slick-dots li { width: 25px; height: 25px; border-radius: 50%; background-color: #ededf3; margin-right: 28px; text-indent: -9999px; }
  .slick-dots li:hover { cursor: pointer; cursor: hand; }
  .slick-dots li.slick-active { background-color: #e95504; }
  .tt-sns-box { margin-top: 97px; margin-bottom: 102px; background-color: #eeece7; }
  .tt-sns-box .inner { width: 1100px; margin: 0 auto; height: 140px; position: relative; display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .tt-sns-box .inner .ttl { position: absolute; top: -56px; left: 0; }
  .tt-sns-box .inner .txt-01 { /* Style for "フォローして、最新情" */ width: 480px; color: #2b2827; font-family: "Yu Gothic"; font-size: 24px; font-weight: 700; letter-spacing: 2.4px; line-height: 38px; /* Text style for "フォローして、最新情" */ position: relative; top: -6px; margin-right: 69px; }
  .tt-sns-box .inner .list { width: 504px; 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; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
  /*============================
#c-1
============================*/
  #c-1 { margin-bottom: 95px; }

  #c-1 .sy-pic-001{
    height: 227px;
    margin-bottom: 16px;
    background-color: #eeece7;
    overflow: hidden;
    display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;-webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;
    -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center;-webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;
  }
  #c-1 .sy-pic-001 img{
    max-width: 100%;
    height: auto;
  }

  #c-1 .inner { width: 1100px; margin: 0 auto; position: relative; }
  #c-1 .inner .en { margin-bottom: 24px; }
  #c-1 .inner .ttl { font-size: 24px; font-weight: 700; letter-spacing: 2.4px; line-height: 38px; margin-bottom: 36px; }
  #c-1 .inner .event-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; }
  #c-1 .inner .event-list .clump { width: 340px; margin-right: 40px; margin-bottom: 0px; position: relative; }
  #c-1 .inner .event-list .clump:nth-child(3n) { margin-right: 0px; }
  #c-1 .inner .event-list .clump:nth-child(n + 4) { display: none; }
  #c-1 .inner .event-list .clump .fit { width: 340px; height: 240px; overflow: hidden; border-radius: 10px; margin-bottom: 20px; }
  #c-1 .inner .event-list .clump .txt-Box .end-icon { position: absolute; top: 0px; left: 0; background-color: #e07b04; padding: 0 20px 0 8px; font-weight: 700; color: #fff; }
  #c-1 .inner .date-txt-box { width: 250px; background-color: #2b2827; color: #ffffff; font-size: 16px; font-weight: 500; letter-spacing: normal; line-height: 1.5; padding: 5px 0 2px; text-align: center; margin-bottom: 11px; }
  #c-1 .inner .sy-ttl { font-size: 16px; font-weight: 700; letter-spacing: 1.28px; line-height: 28px; }
  #c-1 .inner .btn-box { margin-top: 45px; overflow: hidden; width: 241px; height: 60px; border-radius: 100px; border: 1px solid #000; position: absolute; top: -6px; right: 0; }
  #c-1 .inner .btn-box a:hover { text-decoration: none; }
  #c-1 .inner .btn-box:hover { color: #2b2827; background-color: #F98600; -webkit-transition: .2s; transition: .2s; -webkit-transition-delay: .2s; transition-delay: .2s; }
  #c-1 .inner .btn-box:hover .move_001 .move_001_p1:before { left: 0; }
  #c-1 .inner .btn-box:hover .move_001 .move_001_p1 .move_001_inner { color: #fff; background-image: url(../images/top/btn-deco_on.svg); }
  #c-1 .inner .btn-box .move_001 { position: relative; -webkit-transition: .2s; transition: .2s; overflow: hidden; width: 100%; height: 100%; }
  #c-1 .inner .btn-box .move_001 .move_001_p1:before { content: ""; z-index: 1; position: absolute; width: 100%; height: 100%; top: 0; left: -100%; background-color: #F98600; -webkit-transition: .2s; transition: .2s; border-radius: 100px; }
  #c-1 .inner .btn-box .move_001 .move_001_p1 .move_001_inner { color: #2b2827; font-size: 15px; font-weight: 700; letter-spacing: 1.4px; line-height: normal; width: 100%; height: 100%; 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; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; z-index: 10; background-image: url(../images/top/btn-deco.svg); background-repeat: no-repeat; background-position: right 69px center; padding-right: 15px; }
  /*============================
#c-2
============================*/
  #c-2 { width: 990px; margin: 0 auto; position: relative; margin-bottom: 145px; }
  #c-2 .inner .ttl { font-size: 20px; font-weight: 700; letter-spacing: 2px; line-height: 32px; margin-left: 20px; margin-bottom: 8px; }
  #c-2 .inner .txt-01 { margin-bottom: 24px; padding-left: 22px; }
  #c-2 .inner .system-list .clump .txt-Box .date { font-size: 16px; font-weight: 700; letter-spacing: 1.28px; line-height: 30px; }
  #c-2 .inner .system-list .sy-ttl { font-size: 16px; font-weight: 700; letter-spacing: 1.28px; line-height: 30px; }
  #c-2 .system-list { border-top: 2px solid #cdcbcc; }
  #c-2 .system-list &gt; li a { display: block; padding-top: 25px; padding-bottom: 30px; padding-left: 20px; padding-right: 120px; border-bottom: 1px solid #e3e2e0; background-image: url(../images/top/deco.svg); background-repeat: no-repeat; background-position: right 45px top 60px; }
  #c-2 .system-list &gt; li a:hover { background-image: url(../images/top/deco-over.svg); text-decoration: none; }
  #c-2 .btn-box { margin-top: 39px; overflow: hidden; width: 240px; height: 58px; border-radius: 100px; border: 1px solid #000; position: absolute; top: -20px; right: 21px; }
  #c-2 .btn-box a:hover { text-decoration: none; }
  #c-2 .btn-box:hover { color: #2b2827; background-color: #F98600; -webkit-transition: .2s; transition: .2s; -webkit-transition-delay: .2s; transition-delay: .2s; }
  #c-2 .btn-box:hover .move_001 .move_001_p1:before { left: 0; }
  #c-2 .btn-box:hover .move_001 .move_001_p1 .move_001_inner { color: #fff; background-image: url(../images/top/btn-deco_on.svg); }
  #c-2 .btn-box .move_001 { position: relative; -webkit-transition: .2s; transition: .2s; overflow: hidden; width: 100%; height: 100%; }
  #c-2 .btn-box .move_001 .move_001_p1:before { content: ""; z-index: 1; position: absolute; width: 100%; height: 100%; top: 0; left: -100%; background-color: #F98600; -webkit-transition: .2s; transition: .2s; border-radius: 100px; }
  #c-2 .btn-box .move_001 .move_001_p1 .move_001_inner { color: #2b2827; font-size: 15px; font-weight: 700; letter-spacing: 1.4px; line-height: normal; width: 100%; height: 100%; 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; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; z-index: 10; background-image: url(../images/top/btn-deco.svg); background-repeat: no-repeat; background-position: right 68px center; padding-right: 14px; }

  #c-2 .date {
    color: #2b2827;
    font-size: 14px;
    font-weight: 400;
    width: 105px;
    float: left;
    padding: 5px 0px 0 0;
}
  #c-2 .news-icon{overflow: hidden;margin-bottom: 0px;}
	#c-2 .news-icon .ano.check{float: left; margin:0px 0px 0px 10px; display: inline-block;}
	#c-2 .news-icon .ano.new{float: left; margin:0px 0px 0px 10px; display: inline-block;}
	#c-2 .news-icon .ano.completed{float: left;margin-left: 10px; display: inline-block;}
	#c-2 .news-icon .ano.youtube{float: left;margin-left: 10px; display: inline-block;}
	#c-2 .news-icon .ano.underconsultation{float: left;margin-left: 10px; display: inline-block;}
	#c-2 .news-icon .ano.consultation{float: left;margin-left: 10px; display: inline-block;}
  #c-2 .news-icon .ano.roomtour{float: left;margin-left: 10px; display: inline-block;}
  #c-2 .news-icon .ano.casenewly{float: left;margin-left: 10px; display: inline-block;}
  #c-2 .news-icon .ano.interview{float: left;margin-left: 10px; display: inline-block;}
	#c-2 .news-icon .displaynone-icon,#t-news .news-icon .displaynone-type{display: none;}
	
	#c-2 .news-icon .ano{
		display: none;
	}
  #c-2 .news-icon p{
position: relative;
top: -3px;
  }


  /*============================
#c-3
============================*/
  #c-3 .bg-wap-box { background-image: url(../images/top/c-3-bg-i-spe.jpg), url(../images/top/c-3-bg-i-02.jpg); background-repeat: repeat-x,repeat-y; background-position: center 0,center; padding-bottom: 0px; }
  #c-3 .bg-wap-box .sra-common-box .ttl { left: 721px; top: 9px;position: absolute; z-index: 10;}
  #c-3 .bg-wap-box .sra-common-box .sra-common-ttl-box { width: 1200px; margin: 0 auto; position: relative; }
  #c-3 .bg-wap-box .sra-common-box .slick03.list { /* padding-top: 271px; */ }
  #c-3 .bg-wap-box .sra-common-box .slick03.list .slick-slide { /* margin-top: 130px; */ height: 846px;padding-top: 240px;}
  #c-3 .bg-wap-box .sra-common-box .slick03.list .rel-bg-box { background-image: url(../images/top/c-3-bg-i-01.png); background-repeat: repeat-y; background-position: center 0; padding-top: 105px; padding-bottom: 43px;position: relative;top: -106px;}
  #c-3 .bg-wap-box .sra-common-box .slick03.list .rel-bg-box .inner { width: 1200px; margin: 0 auto; position: relative; }
  #c-3 .bg-wap-box .sra-common-box .slick03.list .rel-bg-box .inner .pic { position: absolute; top: -235px; left: 0; }
  #c-3 .bg-wap-box .sra-common-box .slick03.list .rel-bg-box .inner .s-box { width: 480px; margin-left: auto; }
  #c-3 .bg-wap-box .sra-common-box .slick03.list .rel-bg-box .inner .s-box .s-ttl { font-size: 40px; font-weight: 700; letter-spacing: 2px; margin-bottom: 31px; position: relative;width: 580px;}
  #c-3 .bg-wap-box .sra-common-box .slick03.list .rel-bg-box .inner .s-box .txt-01 { margin-bottom: 44px; padding-left: 7px;}

  #c-3 .bg-wap-box .sra-common-box .slick03.list .rel-bg-box .inner .s-box{
    height: 270px;
  }

  #c-3 .bg-wap-box .sra-common-box .slick03.list .rel-bg-box .inner .s-box .txt-box .txt-02 { font-size: 14px; font-weight: 700; letter-spacing: 1.12px; line-height: 24px; }
  #c-3 .bg-wap-box .sra-common-box .slick03.list .rel-bg-box .inner .s-box .txt-box .link-txt { width: 104px; margin-left: auto; border-bottom: 2px solid #000; margin-top: 35px; font-size: 14px; font-weight: 700; letter-spacing: 1.4px; background-image: url(../images/top/c-3-deco.svg); background-repeat: no-repeat; background-position: right 3px top 10px; position: relative;
    z-index: 300;}
  #c-3 .bg-wap-box .sra-common-box .slick03.list .rel-bg-box .step-txt { position: absolute; top: 263px; left: 4px; }
  #c-3 .bg-wap-box .sra-common-box .slick03.list .rel-bg-box .step-num-01 { position: absolute; left: 376px; top: 234px; line-height: 0; z-index: 10;}
  #c-3 .bg-wap-box .sra-common-box .slick03.list .rel-bg-box .deco { position: absolute; left: 676px; top: 284px; }
  #c-3 .bg-wap-box .sra-common-box .slick03.list .rel-bg-box .step-num-02 { position: absolute; left: 735px; top: 268px; }
  #c-3 .bg-wap-box .sra-common-box .slick03.list .rel-bg-box .num-box-kage { width: 426px; margin-left: auto; position: relative; bottom: -180px; margin-top: -102px; }
  #c-3 .bg-wap-box .sra-common-box .slick03.list .rel-bg-box .num-box-kage .num-box { border-radius: 20px; background-color: #ffffff; padding: 22px 83px 31px 76px; position: relative; z-index: 10; }
  #c-3 .bg-wap-box .sra-common-box .slick03.list .rel-bg-box .num-box-kage .list { font-size: 16px; font-weight: 700; letter-spacing: 1.28px; line-height: 34px; }
  #c-3 .bg-wap-box .sra-common-box .slick03.list .rel-bg-box .num-box-kage .list a { color: #cdcbcc; }
  #c-3 .bg-wap-box .sra-common-box .slick03.list .rel-bg-box .num-box-kage .list &gt; li { margin-bottom: 0px; background-repeat: no-repeat; background-position: right 0 top 6px; background-image: url(../images/top/c-3-deco-02-off.svg); }
  #c-3 .bg-wap-box .sra-common-box .slick03.list .rel-bg-box .num-box-kage .list &gt; li:hover { background-image: url(../images/top/c-3-deco-02.svg); }
  #c-3 .bg-wap-box .sra-common-box .slick03.list .rel-bg-box .num-box-kage .list &gt; li:hover a { color: #2b2827; }
  #c-3 .bg-wap-box .sra-common-box .slick03.list .rel-bg-box .num-box-kage .list &gt; li.on { background-image: url(../images/top/c-3-deco-02.svg); }
  #c-3 .bg-wap-box .sra-common-box .slick03.list .rel-bg-box .num-box-kage .list &gt; li.on a { color: #2b2827; }
  #c-3 .bg-wap-box .sra-common-box .slick03.list .rel-bg-box .num-box-kage .kage { width: 610px; margin: 0 auto; position: absolute; left: -97px; right: 0; bottom: -85px; }

  #c-3 .bg-wap-box .sra-common-box{
    position: relative;
  }

.arrows3-box{
  
  margin: 0 auto;
  width: 346px;position: absolute;
  left: 0;
  right: 0;
  top: 657px;
}
.arrows3{
  display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;-webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;
position: absolute;left: -428px;}

.arrows3 div:hover{
  cursor: pointer;
  cursor: hand;
  opacity: 0.8;
}

.arrows3 .slick_mae3{
  width: 81px;
  height: 81px;
  margin-right: 30px;
  background-image: url(../images/top/c-3-deco-04.svg);
  background-repeat: no-repeat;
  background-position: center 0;
  text-indent: -9999px;
}
.arrows3 .slick_ushiro3{
  width: 81px;
  height: 81px;
  background-image: url(../images/top/c-3-deco-04-on.svg);
  background-repeat: no-repeat;
  background-position: center 0;
  text-indent: -9999px;
}

  /*============================
#c-4
============================*/
  #c-4 { width: 1160px; margin: 0 auto; margin-top: 167px; margin-bottom: 120px; }
  #c-4 .inner { position: relative; }
  #c-4 .inner .ttl-box { margin-bottom: 47px; display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  #c-4 .inner .ttl-box .txt-01 { margin-right: 34px; }
  #c-4 .inner .ttl-box .ttl { font-size: 24px; font-weight: 700; letter-spacing: 2.4px; line-height: 38px; position: relative; top: 8px; }
  #c-4 .inner .works-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; }
  #c-4 .inner .works-list li { width: 360px; margin-right: 40px; margin-bottom: 38px; }
  #c-4 .inner .works-list li a{
    text-decoration: none;
  }

  #c-4 .inner .works-list li:hover .sy-ttl{
    text-decoration: underline;
  }

  #c-4 .inner .works-list li:nth-child(3n) { margin-right: 0px; }
  #c-4 .inner .works-list li:nth-child(10) { display: none; }
  #c-4 .inner .works-list .fit { width: 360px; height: 250px; }
  #c-4 .inner .works-list .cate-icon-list { margin-top: 15px; 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; }
  #c-4 .inner .works-list .cate-icon { width: 120px; border-radius: 5px; margin-right: 6px; margin-bottom: 7px; color: #ffffff; font-size: 14px; font-weight: 700; letter-spacing: 0.7px; padding: 2px 1em 2px; text-align: center; line-height: 1.5; }
  #c-4 .inner .works-list .sy-ttl { font-size: 14px; font-weight: 700; letter-spacing: 1.12px; line-height: 24px; }
  #c-4 .btn-box { margin-top: 19px; overflow: hidden; width: 240px; height: 60px; border-radius: 100px; border: 1px solid #000; position: absolute; top: -20px; right: -1px; }
  #c-4 .btn-box a:hover { text-decoration: none; }
  #c-4 .btn-box:hover { color: #2b2827; background-color: #F98600; -webkit-transition: .2s; transition: .2s; -webkit-transition-delay: .2s; transition-delay: .2s; }
  #c-4 .btn-box:hover .move_001 .move_001_p1:before { left: 0; }
  #c-4 .btn-box:hover .move_001 .move_001_p1 .move_001_inner { color: #fff; background-image: url(../images/top/btn-deco_on.svg); }
  #c-4 .btn-box .move_001 { position: relative; -webkit-transition: .2s; transition: .2s; overflow: hidden; width: 100%; height: 100%; }
  #c-4 .btn-box .move_001 .move_001_p1:before { content: ""; z-index: 1; position: absolute; width: 100%; height: 100%; top: 0; left: -100%; background-color: #F98600; -webkit-transition: .2s; transition: .2s; border-radius: 100px; }
  #c-4 .btn-box .move_001 .move_001_p1 .move_001_inner { color: #2b2827; font-size: 15px; font-weight: 700; letter-spacing: 1.4px; line-height: normal; width: 100%; height: 100%; 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; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; z-index: 10; background-image: url(../images/top/btn-deco.svg); background-repeat: no-repeat; background-position: right 68px center; padding-right: 14px; }
  /*============================
#c-5
============================*/
  #c-5 { margin-bottom: 150px; }
  #c-5 .inner .bg-01 { background-image: url(../images/top/c-5-bg-01.png); background-repeat: no-repeat; background-position: center 0; height: 839px; padding-top: 58px; position: relative; z-index: 10; }
  #c-5 .inner .bg-01 .inner { width: 1280px; margin: 0 auto; position: relative; }
  #c-5 .inner .bg-01 .ttl { text-align: center; margin-bottom: 233px; position: relative; left: 4px; }
  #c-5 .inner .bg-01 .txt-box { width: 460px; margin: 0 auto; position: relative; left: -49px; }
  #c-5 .inner .bg-01 .txt-box .ttl-02 { font-size: 46px; font-weight: 700; letter-spacing: 4.6px; line-height: 70px; }
  #c-5 .inner .bg-01 .txt-box .txt-01 { font-size: 16px; font-weight: 700; letter-spacing: 0.8px; line-height: 28px; padding-left: 24px; background-image: url(../images/top/c-5-icon-01.svg); background-repeat: no-repeat; background-position: 0px 4px; }
  #c-5 .inner .bg-01 .txt-box .txt-02 { font-size: 16px; font-weight: 700; letter-spacing: 0.8px; line-height: 28px; padding-left: 24px; background-image: url(../images/top/c-5-icon-02.svg); background-repeat: no-repeat; background-position: 0px 6px; }
  #c-5 .inner .bg-01 .txt-box .ch-box { width: 450px; margin: 0 auto; border-radius: 10px; background-color: #ffffff; position: relative; bottom: -27px; }
  #c-5 .inner .bg-01 .txt-box .ch-box .list { padding: 22px 8px 19px 38px; }
  #c-5 .inner .bg-01 .txt-box .ch-box .list &gt; li { font-size: 16px; font-weight: 700; letter-spacing: 1.28px; line-height: 28px; padding-left: 27px; background-image: url(../images/top/c-5-ch-icon.svg); background-repeat: no-repeat; background-position: 0 4px; }
  #c-5 .inner .bg-02 { background-image: url(../images/top/c-5-bg-01-t.jpg), url(../images/top/c-5-bg-01-b.jpg), url(../images/top/c-5-bg-01-m.jpg); background-repeat: no-repeat,no-repeat,repeat-y; background-position: center 0,center bottom,center 0; min-height: 202px; margin-top: -28px; padding-top: 86px; /* padding-left: 675px; */ }
  #c-5 .inner .bg-02 .inner { width: 1280px; margin: 0 auto; position: relative; }
  #c-5 .inner .bg-02 .inner .list2 { 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; font-size: 16px; font-weight: 700; letter-spacing: 0.8px; line-height: 30px; margin-left: 363px; }
  #c-5 .inner .bg-02 .inner .list2 .btn-01 a { display: block; width: 300px; height: 70px; padding-right: 24px; -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.16); box-shadow: 0 3px 10px rgba(0, 0, 0, 0.16); border-radius: 80px; background-color: #ffffff; 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; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-image: url(../images/top/btn-deco.svg); background-repeat: no-repeat; background-position: right 81px top 29px; margin-right: 20px; }
  #c-5 .inner .bg-02 .inner .list2 .btn-02 a { display: block; width: 300px; height: 70px; padding-right: 20px; -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.16); box-shadow: 0 3px 10px rgba(0, 0, 0, 0.16); border-radius: 80px; background-color: #fee101; 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; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-image: url(../images/top/btn-deco.svg); background-repeat: no-repeat; background-position: right 93px top 28px; }
  #c-5 .inner .bg-02 .inner .deco { position: absolute; top: -79px; right: 160px; z-index: 20; }
  /*============================
#c-6
============================*/
  #c-6 { margin-bottom: 107px; }
  #c-6 .inner { width: 1160px; margin: 0 auto; background-image: url(../images/top/c6-bg-t.jpg), url(../images/top/c6-bg-b.jpg), url(../images/top/c6-bg-m.png); background-repeat: no-repeat,no-repeat,repeat-y; background-position: center 0,center bottom,center 0; padding-top: 57px; padding-bottom: 80px; }
  #c-6 .inner .rel-box { position: relative; }
  #c-6 .inner .rel-box .txt-01 { width: 269px; margin: 0 auto; position: absolute; left: 0; right: 0; top: -84px; }
  #c-6 .inner .rel-box .ttl { text-align: center; font-size: 24px; font-weight: 700; letter-spacing: 2.4px; line-height: 38px; margin-bottom: 37px; }
  #c-6 .inner .rel-box .arrows { position: absolute; right: 168px; top: -4px; }
  #c-6 .inner .slick01 li { width: 360px !important; margin-right: 40px; margin-bottom: 38px; }
  #c-6 .inner .slick01 li:nth-child(3n) { margin-right: 0px; }
  #c-6 .inner .slick01 .sy-pic { 
    margin-bottom: 16px; 
    width: 360px;
    height: 200px;}
  
    #c-6 .inner .slick01 .sy-pic img{
      width: 360px;
      height: 200px;
    }

    #c-6 .slick-current &gt; div {
      display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;-webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;
    }

    #c-6 .inner .slick01 .txt { font-size: 14px; font-weight: 700; letter-spacing: 1.12px; line-height: 24px; }
  #c-6 .inner .btn-box { overflow: hidden; width: 380px; height: 60px; border-radius: 100px; border: 1px solid #000; background-color: #fff; margin: 0 auto; margin-top: 5px; }
  #c-6 .inner .btn-box a:hover { text-decoration: none; }
  #c-6 .inner .btn-box:hover { color: #2b2827; background-color: #F98600; -webkit-transition: .2s; transition: .2s; -webkit-transition-delay: .2s; transition-delay: .2s; }
  #c-6 .inner .btn-box:hover .move_001 .move_001_p1:before { left: 0; }
  #c-6 .inner .btn-box:hover .move_001 .move_001_p1 .move_001_inner { color: #fff; background-image: url(../images/top/btn-deco_on.svg); }
  #c-6 .inner .btn-box .move_001 { position: relative; -webkit-transition: .2s; transition: .2s; overflow: hidden; width: 100%; height: 100%; padding-right: 16px; }
  #c-6 .inner .btn-box .move_001 .move_001_p1:before { content: ""; z-index: 1; position: absolute; width: 100%; height: 100%; top: 0; left: -100%; background-color: #F98600; -webkit-transition: .2s; transition: .2s; border-radius: 100px; }
  #c-6 .inner .btn-box .move_001 .move_001_p1 .move_001_inner { color: #2b2827; font-size: 15px; font-weight: 700; letter-spacing: 1.4px; line-height: normal; width: 100%; height: 100%; 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; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; z-index: 10; background-image: url(../images/top/btn-deco.svg); background-repeat: no-repeat; background-position: right 52px center; }
  #c-6 .slick01 { width: 1160px; margin: 0 auto; }
  #c-6 .arrows { margin-left: 28px; margin-top: 1px; 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; }
  #c-6 .arrows &gt; div:hover { cursor: pointer; cursor: hand; }
  #c-6 .slick_mae { background-image: url(../images/top/c6-deco-02.svg); background-repeat: no-repeat; background-position: center 0; width: 38px; height: 38px; margin-right: 19px; -webkit-transform: rotate(180deg); transform: rotate(180deg); }
  #c-6 .slick_mae.slick-disabled { background-image: url(../images/top/c6-deco-01.svg); -webkit-transform: rotate(0deg); transform: rotate(0deg); cursor: default !important; }
  #c-6 .slick_ushiro { background-image: url(../images/top/c6-deco-02.svg); background-repeat: no-repeat; background-position: center 0; width: 38px; height: 38px; }
  #c-6 .slick_ushiro.slick-disabled { background-image: url(../images/top/c6-deco-01.svg); -webkit-transform: rotate(180deg); transform: rotate(180deg); cursor: default !important; }
  /*============================
#c-7
============================*/
  #c-7 { margin-bottom: 101px; }
  #c-7 .inner { width: 1200px; margin: 0 auto; position: relative; }
  #c-7 .inner .txt-01 { margin-bottom: 21px; }
  #c-7 .inner .ttl { border: 1px solid #2b2827; display: inline-block; padding: 3px 21px 2px 19px; font-size: 22px; font-weight: 700; letter-spacing: 2.2px; line-height: 38px; margin-bottom: 30px; }
  #c-7 .inner 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; }
  #c-7 .inner .item03 { width: 270px; margin-right: 40px; margin-bottom: 31px; }
  #c-7 .inner .item03:nth-child(4n) { margin-right: 0px; }
  #c-7 .inner .item03 .fit { width: 270px; height: 200px; margin-bottom: 17px; overflow: hidden; }
  #c-7 .inner .item03 .voice_profile .voice_from { color: #a7a7a7; font-size: 14px; font-weight: 500; letter-spacing: 1.12px; line-height: 24px; margin-bottom: 7px; }
  #c-7 .inner .item03 .voice_profile .voice_title { font-size: 14px; font-weight: 700; letter-spacing: 1.12px; line-height: 24px; }
  #c-7 .inner .item03 .voice_profile .voice_title br { display: none; }
  #c-7 .inner .btn-box { margin-top: 38px; overflow: hidden; width: 240px; height: 60px; border-radius: 100px; border: 1px solid #000; position: absolute; top: 0; right: 0; }
  #c-7 .inner .btn-box a:hover { text-decoration: none; }
  #c-7 .inner .btn-box:hover { color: #2b2827; background-color: #F98600; -webkit-transition: .2s; transition: .2s; -webkit-transition-delay: .2s; transition-delay: .2s; }
  #c-7 .inner .btn-box:hover .move_001 .move_001_p1:before { left: 0; }
  #c-7 .inner .btn-box:hover .move_001 .move_001_p1 .move_001_inner { color: #fff; background-image: url(../images/top/btn-deco_on.svg); }
  #c-7 .inner .btn-box .move_001 { position: relative; -webkit-transition: .2s; transition: .2s; overflow: hidden; width: 100%; height: 100%; }
  #c-7 .inner .btn-box .move_001 .move_001_p1:before { content: ""; z-index: 1; position: absolute; width: 100%; height: 100%; top: 0; left: -100%; background-color: #F98600; -webkit-transition: .2s; transition: .2s; border-radius: 100px; }
  #c-7 .inner .btn-box .move_001 .move_001_p1 .move_001_inner { color: #2b2827; font-size: 15px; font-weight: 700; letter-spacing: 1.4px; line-height: normal; width: 100%; height: 100%; 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; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; z-index: 10; background-image: url(../images/top/btn-deco.svg); background-repeat: no-repeat; background-position: right 68px center; padding-right: 13px; }
  /*============================
#c-8
============================*/
  #c-8 { background-color: #eeece7; }
  #c-8 .inner { padding-top: 45px; padding-bottom: 33px; }
  #c-8 .inner .ttl { text-align: center; margin-bottom: 53px; }
  #c-8 .inner .list { width: 1500px; margin: 0 auto; 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; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
  #c-8 .inner .list &gt; li { position: relative; background: -webkit-gradient(linear, left top, left bottom, from(#eeece7), color-stop(50%, #eeece7), color-stop(50%, #fff), to(#fff)); background: linear-gradient(180deg, #eeece7 0%, #eeece7 50%, #fff 50%, #fff 100%); margin-right: 60px; margin-bottom: 60px; }
  #c-8 .inner .list &gt; li a:hover { text-decoration: none; }
  #c-8 .inner .list &gt; li a:hover img { opacity: 1.0; }
  #c-8 .inner .list &gt; li a:hover .txt-01 { background-color: #FF8500; }
  #c-8 .inner .list &gt; li:nth-child(3n) { margin-right: 0px; }
  #c-8 .inner .list .txt-01 { width: 380px; background-color: #2b2827; padding: 10px 5px 9px 5px; margin: 0 auto; position: absolute; left: 0; right: 0; top: -26px; color: #ffffff; font-size: 32px; font-weight: 700; letter-spacing: 2.56px; text-align: center; }
  #c-8 .inner .list .txt-box { padding: 40px 1em 25px; position: relative; min-height: 140px; background-image: url(../images/top/c-8-deco.svg); background-repeat: no-repeat; background-position: right 14px bottom 15px; }
  #c-8 .inner .list .txt-box .txt-02 { font-size: 24px; font-weight: 700; letter-spacing: 1.92px; line-height: 41px; text-align: center; }
  /*============================
#c-9
============================*/
  #c-9 { background-image: url(../images/top/c-9-bg.jpg); background-repeat: repeat; background-position: center 0; padding-top: 85px; padding-bottom: 100px; margin-bottom: 80px; }
  #c-9 .inner .ttl { text-align: center; margin-bottom: 40px; position: relative; left: 24px; }
  #c-9 .inner .list { width: 1840px; margin: 0 auto; 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; }
  #c-9 .inner .list &gt; li { width: 593px; padding: 20px 20px 19px; margin-right: 20px; margin-bottom: 0px; background-color: #fff; -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1); box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1); background-image: url(../images/top/c-9-deco.svg); background-repeat: no-repeat; background-position: right 22px bottom 23px; }
  #c-9 .inner .list &gt; li:nth-child(3n) { margin-right: 0px; }
  #c-9 .inner .list .pic { margin-bottom: 23px; }
  #c-9 .inner .list .txt-01 { color: #e95504; font-size: 24px; font-weight: 700; letter-spacing: 1.92px; line-height: 28px; margin-bottom: 7px; }
  #c-9 .inner .list .txt-02 { font-size: 16px; font-weight: 700; letter-spacing: 1.28px; line-height: 28px; }
  /*============================
#c-10
============================*/
  #c-10 { margin-bottom: 55px; }
  #c-10 .inner .ttl { text-align: center; margin-bottom: 49px; }
  #c-10 .inner .bg-box { background-image: url(../images/top/c-10-bg-01.png); background-repeat: no-repeat; background-position: center; }
  #c-10 .inner .bg-box .list { width: 1200px; margin: 0 auto; 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; }
  #c-10 .inner .bg-box .list &gt; li { width: 380px; -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1); box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1); border-radius: 20px; background-color: #ffffff; margin-right: 30px; margin-bottom: 30px; background-image: url(../images/top/c-9-deco.svg); background-repeat: no-repeat; background-position: right 30px top 320px; }
  #c-10 .inner .bg-box .list &gt; li:nth-child(3n) { margin-right: 0px; }
  
  #c-10 .inner .bg-box .list .txt-box { padding: 17px 30px 28px; }
  #c-10 .inner .bg-box .list .s-ttl { font-size: 24px; font-weight: 700; letter-spacing: 0.72px; line-height: 38px; margin-bottom: 7px; }
  #c-10 .inner .bg-box .list .txt-01 { font-size: 14px; font-weight: 500; letter-spacing: 0.42px; line-height: 24px; width: 319px; }
  .o-bnr-box { text-align: center; margin-bottom: 110px; }
  .o-bnr-box .pic { margin-bottom: 18px; }
  .o-bnr-box .txt-01 { font-size: 14px; font-weight: 500; letter-spacing: 0.42px; line-height: 24px; }
  /*============================
#c-11
============================*/
  #c-11 .inner { width: 1250px; margin: 0 auto; margin-bottom: 90px; }
  #c-11 .inner .flex { 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; }
  #c-11 .inner .flex .box-r { position: relative; }
  #c-11 .inner .flex .box-r .s-ttl { margin-top: 35px; margin-bottom: 32px; }
  #c-11 .inner .flex .box-r .sns-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; }
  #c-11 .inner .flex .box-r .sns-list &gt; li { margin-right: 10px; margin-bottom: 10px; }
  #c-11 .inner .flex .box-r .sns-list &gt; li:last-child { margin-right: 0px; }
  #c-11 .inner .flex .box-r .txt-01 { position: absolute; bottom: 50px; right: 33px; }
  /*============================
#c-12
============================*/
  #c-12 .inner .bg-box { width: 1200px; margin: 0 auto; height: 470px; background-image: url(../images/top/c-13-bg.png); background-repeat: no-repeat; background-position: center 0; padding: 71px 0 0 160px; margin-bottom: 77px; }
  #c-12 .inner .bg-box .ttl { margin-bottom: 32px; }
  #c-12 .inner .bg-box .txt-01 { font-size: 28px; font-weight: 700; letter-spacing: 2.8px; line-height: 35px; margin-bottom: 17px; padding-left: 10px; }
  #c-12 .inner .bg-box .txt-02 { padding-left: 10px; width: 500px; font-size: 16px; font-weight: 500; letter-spacing: 1.28px; line-height: 28px; }
  #c-12 .inner .txt-box { width: 1100px; margin: 0 auto; color: #2b2827; font-family: "Yu Gothic"; font-size: 14px; font-weight: 500; letter-spacing: 1.12px; line-height: 24px; } 

  #c-13 .inner .flex .box-l { width: 990px; margin: 0 auto 160px; position: relative; }
  #c-13 .inner .flex .box-l .ttl { padding-bottom: 30px; margin-bottom: 20px; border-bottom: 2px solid #cdcbcc;padding-left: 22px; }
  #c-13 .inner .flex .box-l .scrolling { height: 300px; overflow-y: scroll; }
  #c-13 .inner .flex .box-l .scrolling .clump { padding-bottom: 18px; padding-top: 22px; border-bottom: 1px solid #e3e2e0; }
  #c-13 .inner .flex .box-l .scrolling .clump:nth-child(1) { padding-top: 0; }
  #c-13 .inner .flex .box-l .scrolling .date { color: #e95504; font-size: 16px; font-weight: 700; letter-spacing: 1.28px; line-height: 30px; margin-bottom: 13px; }
  #c-13 .inner .flex .box-l .scrolling .txt-Box { font-size: 16px; font-weight: 700; letter-spacing: 1.28px; line-height: 28px; padding-right: 50px; background-image: url(../images/top/c-8-deco.svg); background-repeat: no-repeat; background-position: right 0 bottom 0; }
  #c-13 .inner .flex .box-l .btn-box-rel { position: absolute; top: 19px; right: -1px; }
  #c-13 .inner .flex .box-l .btn-box-rel .btn-box { margin-top: 45px; overflow: hidden; width: 240px; height: 60px; border-radius: 100px; border: 1px solid #000; background-color: #fff; margin: 0 auto; }
  #c-13 .inner .flex .box-l .btn-box-rel .btn-box a:hover { text-decoration: none; }
  #c-13 .inner .flex .box-l .btn-box-rel .btn-box:hover { color: #2b2827; background-color: #F98600; -webkit-transition: .2s; transition: .2s; -webkit-transition-delay: .2s; transition-delay: .2s; }
  #c-13 .inner .flex .box-l .btn-box-rel .btn-box:hover .move_001 .move_001_p1:before { left: 0; }
  #c-13 .inner .flex .box-l .btn-box-rel .btn-box:hover .move_001 .move_001_p1 .move_001_inner { color: #fff; background-image: url(../images/top/btn-deco_on.svg); }
  #c-13 .inner .flex .box-l .btn-box-rel .btn-box .move_001 { position: relative; -webkit-transition: .2s; transition: .2s; overflow: hidden; width: 100%; height: 100%; }
  #c-13 .inner .flex .box-l .btn-box-rel .btn-box .move_001 .move_001_p1:before { content: ""; z-index: 1; position: absolute; width: 100%; height: 100%; top: 0; left: -100%; background-color: #F98600; -webkit-transition: .2s; transition: .2s; border-radius: 100px; }
  #c-13 .inner .flex .box-l .btn-box-rel .btn-box .move_001 .move_001_p1 .move_001_inner { color: #2b2827; font-size: 15px; font-weight: 700; letter-spacing: 1.4px; line-height: normal; width: 100%; height: 100%; padding-right: 16px; 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; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; z-index: 10; background-image: url(../images/top/btn-deco.svg); background-repeat: no-repeat; background-position: right 69px center; }
    
}

  @media screen and (min-width: 766px) and (max-width: 1400px) {

      
    #c-3 .bg-wap-box .sra-common-box .ttl {
      left: 670px;
  }
    #c-3 .bg-wap-box .sra-common-box .slick03.list .rel-bg-box .inner .s-box {
  margin-right: 55px;}

  #c-8 .inner .list{
    width: 88vw;
  }
  #c-8 .inner .list &gt; li{
    width: 31%;
    margin-right: 3%;
    margin-bottom: 3%;
  }


  #c-8 .inner .list &gt; li img{
    width: 100%;
  }

  #c-8 .inner .list .txt-01{
    width: 100%;
  }
  #c-9 .inner .list {
    width: 88vw;
  }

  #c-9 .inner .list &gt; li{
    width: 32%;
    margin-right: 2%;
    margin-bottom: 3%;
  }

  #c-9 .inner .list .pic img{
  width: 100%;
  }
  #c-9 .inner .list .txt-01 {
    color: #e95504;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 1.92px;
    line-height: 32px;
    margin-bottom: 7px;
}

.rel-mv .txt-01{
right: 88px;}

#c-3 .bg-wap-box .sra-common-box .slick03.list .rel-bg-box .step-txt{
left: 31px;}

.arrows3-box{
left: 72px;}

#c-4 {
  width: 88vw;
}
#c-4 .inner .works-list li {
  width: 32%;
  margin-right: 2%;
  margin-bottom: 38px;
}

#c-6 .slick01 {
  width: 88vw;
}
#c-6 .inner .slick01 li {
  width: 360px !important;
  margin-right: 23px;
  margin-bottom: 24px;
}
#c-7 .inner {
width: 86vw;
}

#c-7 .inner .item03 {
  width: 23%;
  margin-right: 2%;
  margin-bottom: 3%;
}
#c-7 .inner .item03 .fit {
  width: 100%;
  height: 200px;
  margin-bottom: 17px;
  overflow: hidden;
}
#c-7 .inner .ttl{
  font-size: 20px;
}
#c-8 .inner .list .txt-box .txt-02{
font-size: 19px;}

#c-10 .inner .bg-box .list {
  width: 86vw;
}
#c-10 .inner .bg-box .list &gt; li {
  width: 345px;
  background-position: right 30px top 291px;
}

#c-10 .inner .bg-box .list &gt; li .pic img{
width: 100%;
}

#c-10 .inner .bg-box .list .txt-01{
width: 100%;
}




}



/*SP用*/
@media screen and (max-width: 640px) { 
  
      .transfer-bnr{width: 94%;margin: 8% auto 10%;}
  #c-3 .ttl{
    width: 66.425vw;
    margin-left: 7.729vw;
    margin-top: 13.527vw;
    margin-bottom: -5.797vw;
    position: relative;
    z-index: 10;
  }
  #c-3 .rel-bg-box{
    background-image: url(../images/top/sp-bg-001.png);
    background-repeat: no-repeat;
    background-position: center bottom;
    background-color: #eeece7;
    background-size: 100%;
    padding: 15.251vw 7.729vw 9.903vw;
  }
  #c-3 .pic{
    margin-bottom: 5vw;
  }

  #c-3 .s-ttl{
    font-size: 5.5vw;
    font-weight: 700;
    letter-spacing: 0.302vw;
    line-height: 1.7;
    margin-bottom: 2.415vw;
  }
  #c-3 .txt-01{
 margin-bottom: 3.865vw;
  line-height: 1;}
  #c-3 .txt-01 img{
    /* width: 22vw; */
  width: 100%;}

  #c-3 .txt-box{
    font-size: 3.623vw;
    font-weight: 700;
    letter-spacing: 0.29vw;
    line-height: 6.28vw;
}

#c-3 .link-txt{

}


#c-3 .bg-wap-box .sra-common-box{
  position: relative;
}

.arrows3-box{
position: absolute;
bottom: 91.372vw;
right: 4.106vw;
}
.arrows3{
display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;-webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;
}

.arrows3 div:hover{
cursor: pointer;
cursor: hand;
opacity: 0.8;
}

.arrows3 .slick_mae3{
  width: 9.662vw;
  height: 9.662vw;
margin-right: 3.623vw;
background-image: url(../images/top/c-3-deco-04.svg);
background-repeat: no-repeat;
background-position: center 0;
background-size: 100%;
}
.arrows3 .slick_ushiro3{
  width: 9.662vw;
  height: 9.662vw;
background-image: url(../images/top/c-3-deco-04-on.svg);
background-repeat: no-repeat;
background-position: center 0;
background-size: 100%;
}

#c-3 .bg-wap-box .sra-common-box .slick03.list .rel-bg-box .inner .s-box .txt-box .link-txt { width: 25.121vw; border-bottom: 2px solid #000; margin-top: 2.657vw; font-size: 3.382vw; font-weight: 700; letter-spacing: 0.338vw; background-image: url(../images/top/c-3-deco.svg); background-repeat: no-repeat; background-position: right 0.725vw top 1.449vw; position: relative;
  z-index: 300;}

  #c-3 .num-box{
width: 77.295vw;
border-radius: 2.415vw;
background-color: #ffffff;
padding: 7.488vw 9.662vw 7.488vw;
margin-bottom: 3.623vw;
margin-top: 28.986vw;}

#c-3 .bg-wap-box .sra-common-box .slick03.list .rel-bg-box .num-box-kage .list { font-size: 3.865vw; font-weight: 700; letter-spacing: 0.309vw; line-height: 8.213vw; }
#c-3 .bg-wap-box .sra-common-box .slick03.list .rel-bg-box .num-box-kage .list a { color: #cdcbcc; }
#c-3 .bg-wap-box .sra-common-box .slick03.list .rel-bg-box .num-box-kage .list &gt; li { margin-bottom: 0; font-size: 3.382vw;background-repeat: no-repeat; background-position: right 0 top 1.449vw; background-image: url(../images/top/c-3-deco-02-off.svg); }
#c-3 .bg-wap-box .sra-common-box .slick03.list .rel-bg-box .num-box-kage .list &gt; li:hover { background-image: url(../images/top/c-3-deco-02.svg); }
#c-3 .bg-wap-box .sra-common-box .slick03.list .rel-bg-box .num-box-kage .list &gt; li:hover a { color: #2b2827; }
#c-3 .bg-wap-box .sra-common-box .slick03.list .rel-bg-box .num-box-kage .list &gt; li.on { background-image: url(../images/top/c-3-deco-02.svg); }
#c-3 .bg-wap-box .sra-common-box .slick03.list .rel-bg-box .num-box-kage .list &gt; li.on a { color: #2b2827; }



#c-3 .kage{
  display: none;
}

#c-3 .step-num-02{
  width: 16.063vw;
position: absolute;
right: 2.657vw;
bottom: 67.15vw;
}

#c-3 .deco{
  width: 4.401vw;
  right: 21.014vw;
bottom: 68.116vw;
position: absolute;
}

#c-3 .step-num-01{
  
  width: 18.68vw;position: absolute;
right: 29.469vw;
bottom: 66.184vw;
}

#c-3 .step-txt{
  width: 36.768vw;
  position: absolute;
  
  left: 3.382vw;
  bottom: 70.531vw;
}


#c-3 .li-01 .txt-01 {width: 18.116vw;}
#c-3 .li-01 .step-num-01 {width: 25.242vw;}

#c-3 .li-02 .txt-01 {width: 25.362vw;}
#c-3 .li-02 .step-num-01 {width: 31.522vw;right: 25.845vw;}

#c-3 .li-03 .txt-01 {width: 9.058vw;}
#c-3 .li-03 .step-num-01 {width: 31.522vw;right: 25.845vw;}

#c-3 .li-04 .txt-01 {width: 17.754vw;}
#c-3 .li-04 .step-num-01 {width: 31.522vw;right: 25.845vw;}

#c-3 .li-05 .txt-01 {width: 35.266vw;}
#c-3 .li-05 .step-num-01 {width: 30.522vw;right: 25.845vw;}



  .top-slider .bx-wrapper .bx-pager { border-top: 1px solid #fff; padding-bottom: 2.899vw; border-bottom: 1px solid #fff; background-color: #fff; padding-top: 12.077vw; }
  .top-slider .bx-wrapper .bx-pager.bx-default-pager a { background-color: #ededf3; text-indent: -2415.217vw; display: block; width: 4.106vw; height: 4.106vw; margin: 0 2.415vw 0 2.415vw; outline: 0; border-radius: 50%; border: solid 2.8px #fff; box-shadow: 0 -0.242vw 0.725vw 0 #fff; -moz-box-shadow: 0 -0.242vw 0.725vw 0 #fff; -webkit-box-shadow: 0 -0.242vw 0.725vw 0 #fff; }
  .top-slider .bx-wrapper .bx-pager, .top-slider .bx-wrapper .bx-controls-auto { position: absolute; bottom: -12.077vw; width: 100%; }
  #contact-Box .Box .Box-l { margin-top: 9.662vw; margin-right: 9.662vw; }
  #contact-Box .Box .Box-r a { margin-bottom: 1.932vw; display: block; }
  .sns-bnr { width: 100%; margin: 0 auto; position: relative; }
  .sns-bnr ul { width: 100%; position: fixed; top: 2.415vw; right: 19.324vw; z-index: 99999; }
  .sns-bnr ul li { width: 100%; float: left; margin-right: 1.208vw; }
  .sns-bnr ul li:nth-child(5) { margin-right: 0; }
  .sns-bnr ul li img { width: 100%; height: auto; }
  .mv-slider-rel-box { width: 100%; margin: 0 auto; }
  #mv-slider-box { margin: 0 -77.295vw; }
  #mv-slider { width: 100%; margin: 0 auto; }
  .rel-mv { width: 100%; margin: 0 auto; position: relative; }
  .rel-mv .txt-01 { width: 30.556vw; position: absolute; top: -58.213vw; right: 5.314vw; z-index: 700; }
  .slick-dots { margin-top: 9.179vw; 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; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
  .slick-dots li { width: 100%; height: 6.039vw; border-radius: 50%; background-color: #ededf3; margin-right: 6.763vw; text-indent: -2415.217vw; }
  .slick-dots li:hover { cursor: pointer; cursor: hand; }
  .slick-dots li.slick-active { background-color: #e95504; }
  .tt-sns-box { margin-top: 13.527vw; margin-bottom: 13.527vw; background-color: #eeece7; }
  .tt-sns-box .inner { width: 100%; margin: 0 auto; padding: 7.005vw 1em 6.522vw; position: relative; display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .tt-sns-box .inner .ttl { width: 64.614vw; position: absolute; top: -8.454vw; left: 4.106vw; }
  .tt-sns-box .inner .txt-01 { display: block; width: 100%; font-size: 3.865vw; font-weight: 700; letter-spacing: 0.155vw; line-height: 4.589vw; text-align: center; margin-bottom: 3.865vw; }
  .tt-sns-box .inner .list { width: 60.87vw; margin: 0 auto; 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; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
  .tt-sns-box .inner .list li { width: 6.763vw; }
  /*============================
#c-1
============================*/

#c-1 .sy-pic-001{
  height: 30vw;
  overflow: hidden;
  background-color: #eeece7;
  
  display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;-webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;
  -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center;-webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;
}
#c-1 .sy-pic-001 img{
  max-width: 100%;
  height: auto;
}


  #c-1 { margin-bottom: 15.459vw; }
  #c-1 .inner { position: relative; padding: 0 4.106vw; }
  #c-1 .inner .en { width: 34.179vw; margin-bottom: 3.14vw; }
  #c-1 .inner .ttl { font-size: 4vw; font-weight: 700; letter-spacing: 0.348vw; line-height: 6.546vw; margin-bottom: 5.314vw; }
  #c-1 .inner .event-list { margin-bottom: -5.797vw; 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; }
  #c-1 .inner .event-list .clump { width: 43.478vw; margin-bottom: 4.469vw; position: relative; margin-right: 4.831vw; }
  #c-1 .inner .event-list .clump:nth-child(2n) { margin-right: 0vw; }
  #c-1 .inner .event-list .clump .fit { width: 100%; height: 30.193vw; overflow: hidden; border-radius: 1.208vw; margin-bottom: 2.415vw; }
  #c-1 .inner .event-list .clump .txt-Box .end-icon { position: absolute; top: 0; left: 0; background-color: #e07b04; padding: 0 2.899vw 0 1.932vw; font-weight: 700; color: #fff; font-size: 3.14vw; }
  #c-1 .inner .date-txt-box { width: 100%; background-color: #2b2827; color: #ffffff; font-size: 3.14vw; font-weight: 500; letter-spacing: normal; line-height: 1.5; padding: 1.208vw 0 0.966vw; text-align: center; margin-bottom: 1.932vw; }
  #c-1 .inner .sy-ttl { font-size: 3.382vw; font-weight: 700; letter-spacing: 0.193vw; line-height: 5.556vw; }
  #c-1 .inner .btn-box { overflow: hidden; width: 77.295vw; height: 14.493vw; margin: 0 auto; margin-top: 9.662vw; border-radius: 24.155vw; border: 1px solid #000; }
  #c-1 .inner .btn-box a:hover { text-decoration: none; }
  #c-1 .inner .btn-box:hover { color: #2b2827; background-color: #F98600; -webkit-transition: .2s; transition: .2s; -webkit-transition-delay: .2s; transition-delay: .2s; }
  #c-1 .inner .btn-box:hover .move_001 .move_001_p1:before { left: 0; }
  #c-1 .inner .btn-box:hover .move_001 .move_001_p1 .move_001_inner { color: #fff; background-image: url(../images/top/btn-deco_on.svg); }
  #c-1 .inner .btn-box .move_001 { position: relative; -webkit-transition: .2s; transition: .2s; overflow: hidden; width: 100%; height: 100%; }
  #c-1 .inner .btn-box .move_001 .move_001_p1:before { content: ""; z-index: 1; position: absolute; width: 100%; height: 100%; top: 0; left: -100%; background-color: #F98600; -webkit-transition: .2s; transition: .2s; border-radius: 24.155vw; }
  #c-1 .inner .btn-box .move_001 .move_001_p1 .move_001_inner { color: #2b2827; font-size: 3.865vw; font-weight: 700; letter-spacing: 0.338vw; line-height: normal; width: 100%; height: 100%; 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; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; z-index: 10; background-image: url(../images/top/btn-deco.svg); background-repeat: no-repeat; background-position: right 24.604vw top 5.072vw; padding-right: 3.623vw; }
  /*============================
#c-2
============================*/
  #c-2 { width: 100%; padding: 0 4.106vw; position: relative; margin-bottom: 18%;}
  #c-2 .inner .ttl { font-size: 4.348vw; font-weight: 700; letter-spacing: 0.483vw; line-height: 7.729vw; margin-bottom: 0.483vw; }
  #c-2 .inner .txt-01 { width: 54.831vw; margin-bottom: 4.106vw; }
  #c-2 .inner .system-list .clump .txt-Box .date { font-size: 3.865vw; font-weight: 700; letter-spacing: 0.309vw; line-height: 7.246vw; margin-bottom: 0.483vw; display: inline-block; width: 24vw;}
  #c-2 .inner .system-list .sy-ttl { font-size: 3.865vw; font-weight: 700; letter-spacing: 0.309vw; line-height: 5.797vw; }
  #c-2 .system-list { border-top: 2px solid #cdcbcc; }
  #c-2 .system-list &gt; li a { display: block; padding-top: 3.865vw; padding-bottom: 3.865vw; padding-right: 13.527vw; border-bottom: 1px solid #e3e2e0; background-image: url(../images/top/deco.svg); background-repeat: no-repeat; background-position: right 2.415vw bottom 3.865vw; }
  #c-2 .system-list &gt; li a:hover { background-image: url(../images/top/deco-over.svg); text-decoration: none; }

    #c-2 .date { color: #2b2827; font-size: 3.382vw; font-weight: 500; width: 21.739vw; }
    #c-2 .news-icon time{margin:0; padding: 0;
        float: left;
    }
    #c-2 .news-icon{overflow: hidden;
    margin-bottom: 1.208vw;
    }
    #c-2 .news-icon p{
    position: relative;
    top: 0.725vw;
    }

    #c-2 .news-icon .ano.check{margin-left: 4%;float: left;line-height: 0; display: inline-block; height: 6.039vw;}
    #c-2 .news-icon .ano.new{margin-left: 4%; float: left;line-height: 0; display: inline-block; height: 6.039vw;}
    #c-2 .news-icon .ano.completed{ float: left;margin-left: 4%;line-height: 0; display: inline-block;height: 6.039vw;}
    #c-2 .news-icon .ano.consultation{float: left;margin-left: 4%;line-height: 0; display: inline-block;height: 6.039vw;}
    #c-2 .news-icon .ano.roomtour{float: left;margin-left: 4%;line-height: 0; display: inline-block;height: 6.039vw;}
    #c-2 .news-icon .ano.casenewly{float: left;margin-left: 4%;line-height: 0; display: inline-block;height: 6.039vw;}
    #c-2 .news-icon .ano.interview{float: left;margin-left: 4%;line-height: 0; display: inline-block;height: 6.039vw;}
    #c-2 .news-icon .ano.youtube{float: left;margin-left: 4%;line-height: 0; display: inline-block;height: 6.039vw;}
    #c-2 .news-icon .ano.underconsultation{float: left;margin-left: 4%;line-height: 0; display: inline-block;height: 6.039vw;}
    
    #c-2 .news-icon .ano{
display: none;
    }
    #c-2 .news-icon .displaynone-icon,#t-news .news-icon .displaynone-type{display: none;}
    #c-2 .clump article { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between;}




  #c-2 .btn-box { margin-top: 9.42vw; overflow: hidden; width: 77.295vw; height: 14.493vw; margin: 0 auto; margin-top: 7.729vw; border-radius: 24.155vw; border: 1px solid #000; }
  #c-2 .btn-box a:hover { text-decoration: none; }
  #c-2 .btn-box:hover { color: #2b2827; background-color: #F98600; -webkit-transition: .2s; transition: .2s; -webkit-transition-delay: .2s; transition-delay: .2s; }
  #c-2 .btn-box:hover .move_001 .move_001_p1:before { left: 0; }
  #c-2 .btn-box:hover .move_001 .move_001_p1 .move_001_inner { color: #fff; background-image: url(../images/top/btn-deco_on.svg); }
  #c-2 .btn-box .move_001 { position: relative; -webkit-transition: .2s; transition: .2s; overflow: hidden; width: 100%; height: 100%; }
  #c-2 .btn-box .move_001 .move_001_p1:before { content: ""; z-index: 1; position: absolute; width: 100%; height: 100%; top: 0; left: -100%; background-color: #F98600; -webkit-transition: .2s; transition: .2s; border-radius: 24.155vw; }
  #c-2 .btn-box .move_001 .move_001_p1 .move_001_inner { color: #2b2827; font-size: 3.623vw; font-weight: 700; letter-spacing: 0.338vw; line-height: normal; width: 100%; height: 100%; 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; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; z-index: 10; background-image: url(../images/top/btn-deco.svg); background-repeat: no-repeat; background-position: right 23.604vw top 5.314vw; }
  /*============================
#c-4
============================*/
  #c-4 { margin-top: 5.797vw; padding: 0 4.106vw; margin-bottom: 21.135vw; }
  #c-4 .inner { position: relative; }
  #c-4 .inner .ttl-box { margin-bottom: 6.522vw; /* display: -webkit-box; */ display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; /* display: flex; */ /* -webkit-box-align: center; */ -ms-flex-align: center; /* align-items: center; */ -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; /* flex-wrap: wrap; */ }
  #c-4 .inner .ttl-box .txt-01 { width: 38.164vw; }
  #c-4 .inner .ttl-box .ttl { font-size: 3.865vw; font-weight: 700; letter-spacing: 0.58vw; line-height: 7.246vw; position: relative; top: 1.932vw; }
  #c-4 .inner .works-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; }
  #c-4 .inner .works-list &gt; li { width: 43.478vw; margin-right: 4.831vw; margin-bottom: 4.831vw; }
  #c-4 .inner .works-list li:nth-child(2n) { margin-right: 0; }
  #c-4 .inner .works-list .fit { width: 100%; height: 30.193vw; }
  #c-4 .inner .works-list .cate-icon-list { margin-top: 1.691vw; 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; }
  #c-4 .inner .works-list .cate-icon { width: 100%; border-radius: 0.966vw; /* margin-right: 1.449vw; */ margin-bottom: 1.691vw; color: #ffffff; font-size: 3.14vw; font-weight: 700; letter-spacing: 0.169vw; padding: 0.966vw 1em 0.483vw; text-align: center; line-height: 1.5; }
  #c-4 .inner .works-list .sy-ttl { font-size: 3.382vw; font-weight: 700; letter-spacing: 0.271vw; line-height: 5.314vw; }
  #c-4 .btn-box { overflow: hidden; width: 77.295vw; height: 14.493vw; margin: 0 auto; margin-top: 9.662vw; border-radius: 24.155vw; border: 1px solid #000; }
  #c-4 .btn-box a:hover { text-decoration: none; }
  #c-4 .btn-box:hover { color: #2b2827; background-color: #F98600; -webkit-transition: .2s; transition: .2s; -webkit-transition-delay: .2s; transition-delay: .2s; }
  #c-4 .btn-box:hover .move_001 .move_001_p1:before { left: 0; }
  #c-4 .btn-box:hover .move_001 .move_001_p1 .move_001_inner { color: #fff; background-image: url(../images/top/btn-deco_on.svg); }
  #c-4 .btn-box .move_001 { position: relative; -webkit-transition: .2s; transition: .2s; overflow: hidden; width: 100%; height: 100%; }
  #c-4 .btn-box .move_001 .move_001_p1:before { content: ""; z-index: 1; position: absolute; width: 100%; height: 100%; top: 0; left: -100%; background-color: #F98600; -webkit-transition: .2s; transition: .2s; border-radius: 24.155vw; }
  #c-4 .btn-box .move_001 .move_001_p1 .move_001_inner { color: #2b2827; font-size: 3.623vw; font-weight: 700; letter-spacing: 0.338vw; line-height: normal; width: 100%; height: 100%; 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; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; z-index: 10; background-image: url(../images/top/btn-deco.svg); background-repeat: no-repeat; background-position: right 23.604vw top 5.314vw; }
  /*============================
#c-5
============================*/
  #c-5 { margin-bottom: 21.256vw; }
  #c-5 .inner .bg-01 { background-color: #edebd3; padding-bottom: 6.039vw; }
  #c-5 .inner .bg-01 .inner { width: 100%; margin: 0 auto; position: relative; }
  #c-5 .inner .bg-01 .txt-box { width: 84.541vw; margin: 0 auto; }
  #c-5 .inner .bg-01 .txt-box .ttl-02 { font-size: 7.729vw; font-weight: 700; letter-spacing: 0.773vw; line-height: 9.179vw; margin-bottom: 1.932vw; margin-left: 2.415vw; }
  #c-5 .inner .bg-01 .txt-box .txt-01 { font-size: 3.382vw; font-weight: 700; letter-spacing: 0.193vw; line-height: 6.763vw; padding-left: 4.831vw; margin-bottom: 0.725vw; background-image: url(../images/top/c-5-icon-01.svg); background-repeat: no-repeat; background-position: 0 1.449vw; margin-left: 2.415vw; }
  #c-5 .inner .bg-01 .txt-box .txt-02 { font-size: 3.382vw; font-weight: 700; letter-spacing: 0.193vw; line-height: 5.797vw; padding-left: 4.831vw; background-image: url(../images/top/c-5-icon-02.svg); background-repeat: no-repeat; background-position: 0 0.725vw; margin-left: 2.415vw; }
  #c-5 .inner .bg-01 .txt-box .ch-box { width: 100%; margin: 3vw auto 2vw; border-radius: 2.415vw; background-color: #ffffff; 
  }
  #c-5 .inner .bg-01 .txt-box .ch-box .list { padding: 3.865vw 1.932vw 4.589vw 4.106vw; }
  #c-5 .inner .bg-01 .txt-box .ch-box .list &gt; li { font-size: 3.623vw; font-weight: 700; letter-spacing: 0.309vw; padding-left: 6.522vw; background-image: url(../images/top/c-5-ch-icon.svg); background-repeat: no-repeat; background-position: 0 0.966vw; }
  #c-5 .inner .bg-02 { width: 95.773vw; background-image: url(../images/top/c-5-bg-01-t.jpg), url(../images/top/c-5-bg-01-b.jpg), url(../images/top/c-5-bg-01-m.jpg); background-repeat: no-repeat,no-repeat,repeat-y; background-position: center 0,center bottom,center 0; padding: 5.918vw 20.411vw 7.005vw 7.729vw; border-radius: 0 0 3.865vw 0; }
  #c-5 .inner .bg-02 .inner { width: 100%; margin: 0 auto; position: relative; }
  #c-5 .inner .bg-02 .inner .list2 { font-size: 4.106vw; font-weight: 700; letter-spacing: 0.193vw; line-height: 7.246vw; }
  #c-5 .inner .bg-02 .inner .list2 li { margin-bottom: 4.589vw; }
  #c-5 .inner .bg-02 .inner .list2 li:nth-child(2) { margin-bottom: 0; }
  #c-5 .inner .bg-02 .inner .list2 .btn-01 a { display: block; width: 65.633vw; height: 15.116vw; /* padding-right: 4.106vw; */ -webkit-box-shadow: 0 0.725vw 2.415vw rgba(0, 0, 0, 0.16); box-shadow: 0 0.725vw 2.415vw rgba(0, 0, 0, 0.16); border-radius: 19.324vw; background-color: #ffffff; 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; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-image: url(../images/top/btn-deco.svg); background-repeat: no-repeat; background-position: right 17.391vw top 6.039vw; margin-right: 4.831vw; }
  #c-5 .inner .bg-02 .inner .list2 .btn-02 a { display: block; width: 65.633vw; height: 15.116vw; /* padding-right: 4.831vw; */ -webkit-box-shadow: 0 0.725vw 2.415vw rgba(0, 0, 0, 0.16); box-shadow: 0 0.725vw 2.415vw rgba(0, 0, 0, 0.16); border-radius: 19.324vw; background-color: #fee101; 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; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-image: url(../images/top/btn-deco.svg); background-repeat: no-repeat; background-position: right 17.391vw top 6.039vw; }
  #c-5 .inner .bg-02 .inner .deco { position: absolute; width: 17.512vw; bottom: -7.005vw; right: -15.942vw; z-index: 20; }
  /*============================
#c-6
============================*/
  #c-6 { margin-bottom: 17.391vw; }
  #c-6 .inner { width: 100%; margin: 0 auto; background-image: url(../images/top/c6-bg-t.jpg), url(../images/top/c6-bg-b.jpg), url(../images/top/c6-bg-m.png); background-repeat: no-repeat,no-repeat,repeat-y; background-position: center 0,center bottom,center 0; padding-top: 7.729vw; padding-bottom: 10.87vw; background-size: 91.787vw; }
  #c-6 .inner .rel-box { position: relative; }
  #c-6 .inner .rel-box .txt-01 { width: 42.271vw; margin: 0 auto; position: absolute; left: 0; right: 0; top: -14.251vw; }
  .slick02-box { margin-left: 15.338vw; }
  .slick02 li.slick-slide { width: 69.444vw !important; margin-right: 7.246vw; }
  .slick02 li.slick-slide .pic { width: 69.444vw !important; }
  .slick02 { width: 153.382vw; }
  .arrows-sp { margin-top: 4.348vw; margin-bottom: 7.246vw; 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; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
  .slick_mae-sp { width: 9.058vw; height: 9.058vw; background-image: url(../images/top/c6-deco-01.svg); background-repeat: no-repeat; background-position: center 0; margin-right: 3.623vw; 
  background-size: 100%;
  }
  .slick_ushiro-sp { width: 9.058vw; height: 9.058vw; background-image: url(../images/top/c6-deco-02.svg); background-repeat: no-repeat; background-position: center 0;
    background-size: 100%;
  }
  #c-6 .inner .rel-box .ttl { text-align: center; font-size: 4.348vw; font-weight: 700; letter-spacing: 0.58vw; line-height: 7.005vw; margin-bottom: 5.072vw; }
  #c-6 .inner .rel-box .arrows { position: absolute; right: 40.58vw; top: -0.966vw; }
  #c-6 .inner .slick01 li { width: 360px !important; margin-right: 9.662vw; margin-bottom: 9.179vw; }
  #c-6 .inner .slick01 li:nth-child(3n) { margin-right: 0; }

  #c-6 .sy-pic { margin-bottom: 1.932vw; 
    width: 69.444vw;
    height: 38.647vw;
  }
  #c-6 .sy-pic img{
width: 69.444vw;
height: 38.647vw;
  }

  #c-6 .inner .slick01 .sy-ttl { font-size: 3.382vw; font-weight: 700; letter-spacing: 0.271vw; line-height: 5.797vw; }

  #c-6 .inner .btn-box { overflow: hidden; width: 77.295vw; height: 14.493vw; border-radius: 24.155vw; border: 1px solid #000; background-color: #fff; margin: 0 auto; margin-top: 1.208vw; }
  #c-6 .inner .btn-box a:hover { text-decoration: none; }
  #c-6 .inner .btn-box:hover { color: #2b2827; background-color: #F98600; -webkit-transition: .2s; transition: .2s; -webkit-transition-delay: .2s; transition-delay: .2s; }
  #c-6 .inner .btn-box:hover .move_001 .move_001_p1:before { left: 0; }
  #c-6 .inner .btn-box:hover .move_001 .move_001_p1 .move_001_inner { color: #fff; background-image: url(../images/top/btn-deco_on.svg); }
  #c-6 .inner .btn-box .move_001 { position: relative; -webkit-transition: .2s; transition: .2s; overflow: hidden; width: 100%; height: 100%; padding-right: 3.865vw; }
  #c-6 .inner .btn-box .move_001 .move_001_p1:before { content: ""; z-index: 1; position: absolute; width: 100%; height: 100%; top: 0; left: -100%; background-color: #F98600; -webkit-transition: .2s; transition: .2s; border-radius: 24.155vw; }
  #c-6 .inner .btn-box .move_001 .move_001_p1 .move_001_inner { color: #2b2827; font-size: 3.623vw; font-weight: 700; letter-spacing: 0.338vw; line-height: normal; width: 100%; height: 100%; 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; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; z-index: 10; background-image: url(../images/top/btn-deco.svg); background-repeat: no-repeat; background-position: right 5.797vw center; }
  #c-6 .slick01 { width: 100%; margin: 0 auto; }
  #c-6 .arrows { margin-left: 6.763vw; margin-top: 0.242vw; 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; }
  #c-6 .arrows &gt; div:hover { cursor: pointer; cursor: hand; }
  #c-6 .slick_mae { background-image: url(../images/top/c6-deco-02.svg); background-repeat: no-repeat; background-position: center 0; width: 100%; height: 9.179vw; margin-right: 4.589vw; -webkit-transform: rotate(180deg); transform: rotate(180deg); }
  #c-6 .slick_mae.slick-disabled { background-image: url(../images/top/c6-deco-01.svg); -webkit-transform: rotate(0deg); transform: rotate(0deg); cursor: default !important; }
  #c-6 .slick_ushiro { background-image: url(../images/top/c6-deco-02.svg); background-repeat: no-repeat; background-position: center 0; width: 100%; height: 9.179vw; }
  #c-6 .slick_ushiro.slick-disabled { background-image: url(../images/top/c6-deco-01.svg); -webkit-transform: rotate(180deg); transform: rotate(180deg); cursor: default !important; }



  /*============================
#c-7
============================*/
  #c-7 { margin-bottom: 15.459vw; }
  #c-7 .inner { padding: 0 4.106vw; }
  #c-7 .inner .txt-01 { width: 50.85vw; margin-bottom: 4.348vw; }
  #c-7 .inner .ttl { margin-bottom: 6.763vw; font-size: 4vw; font-weight: 700; letter-spacing: 0.435vw; line-height: 8.696vw; }
  #c-7 .inner .ttl .ss { border: 1px solid #2b2827; display: inline-block; padding: 0.483vw 1.932vw; margin-bottom: 1.208vw; }
  #c-7 .inner .ttl .ss2 { border: 1px solid #2b2827; display: inline-block; padding: 0.483vw 1.932vw; margin-bottom: 1.208vw; }
  #c-7 .inner 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; }
  #c-7 .inner .item03 { width: 43.478vw; margin-right: 4.831vw; margin-bottom: 6.28vw; }
  #c-7 .inner .item03:nth-child(2n) { margin-right: 0; }
  #c-7 .inner .item03 .fit { width: 100%; height: 33.816vw; margin-bottom: 1.932vw; overflow: hidden; }
  #c-7 .inner .item03 .voice_profile .voice_from { color: #a7a7a7; font-size: 3.382vw; font-weight: 500; letter-spacing: 0.271vw; line-height: 5.797vw; margin-bottom: 0.483vw; }
  #c-7 .inner .item03 .voice_profile .voice_title { font-size: 3.382vw; font-weight: 700; letter-spacing: 0.271vw; line-height: 5.797vw; }
  #c-7 .inner .item03 .voice_profile .voice_title br { display: none; }
  #c-7 .inner .btn-box { overflow: hidden; border-radius: 24.155vw; border: 1px solid #000; width: 77.295vw; height: 14.493vw; margin: 0 auto; margin-top: 2.415vw; }
  #c-7 .inner .btn-box a:hover { text-decoration: none; }
  #c-7 .inner .btn-box:hover { color: #2b2827; background-color: #F98600; -webkit-transition: .2s; transition: .2s; -webkit-transition-delay: .2s; transition-delay: .2s; }
  #c-7 .inner .btn-box:hover .move_001 .move_001_p1:before { left: 0; }
  #c-7 .inner .btn-box:hover .move_001 .move_001_p1 .move_001_inner { color: #fff; background-image: url(../images/top/btn-deco_on.svg); }
  #c-7 .inner .btn-box .move_001 { position: relative; -webkit-transition: .2s; transition: .2s; overflow: hidden; width: 100%; height: 100%; }
  #c-7 .inner .btn-box .move_001 .move_001_p1:before { content: ""; z-index: 1; position: absolute; width: 100%; height: 100%; top: 0; left: -100%; background-color: #F98600; -webkit-transition: .2s; transition: .2s; border-radius: 24.155vw; }
  #c-7 .inner .btn-box .move_001 .move_001_p1 .move_001_inner { color: #2b2827; font-size: 3.623vw; font-weight: 700; letter-spacing: 0.338vw; line-height: normal; width: 100%; height: 100%; 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; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; z-index: 10; background-image: url(../images/top/btn-deco.svg); background-repeat: no-repeat; padding-right: 3.14vw; background-position: right 25.604vw top 5.314vw; }
  /*============================
#c-8
============================*/
  #c-8 { background-color: #eeece7; }
  #c-8 .inner { padding: 8.092vw 2.295vw 9vw; }
  #c-8 .inner .ttl { text-align: center; margin-bottom: 9.802vw; }
  #c-8 .inner .list { width: 84.541vw; margin: 0 auto; 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; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
  #c-8 .inner .list &gt; li { position: relative; background: -webkit-gradient(linear, left top, left bottom, from(#eeece7), color-stop(50%, #eeece7), color-stop(50%, #fff), to(#fff)); background: linear-gradient(180deg, #eeece7 0%, #eeece7 50%, #fff 50%, #fff 100%); margin-bottom: 7.246vw; }
  #c-8 .inner .list &gt; li a:hover { text-decoration: none; }
  #c-8 .inner .list &gt; li a:hover img { opacity: 1.0; }
  #c-8 .inner .list &gt; li a:hover .txt-01 { background-color: #FF8500; }
  #c-8 .inner .list &gt; li:nth-child(3n) { margin-right: 0; }
  #c-8 .inner .list .txt-01 { width: 45.894vw; background-color: #2b2827; padding: 1.208vw 1.208vw 1.208vw 1.208vw; margin: 0 auto; position: absolute; left: 0; right: 0; top: -4.348vw; color: #ffffff; font-size: 3.865vw; font-weight: 700; letter-spacing: 0.618vw; text-align: center; }
  #c-8 .inner .list .txt-box { padding: 6.522vw 1em 9.903vw; position: relative; background-image: url(../images/top/c-8-deco.svg); background-repeat: no-repeat; background-position: right 3.382vw bottom 2.899vw; }
  #c-8 .inner .list .txt-box .txt-02 { font-size: 4.106vw; font-weight: 700; letter-spacing: 0.464vw; line-height: 6.763vw; text-align: center; }
  /*============================
#c-9
============================*/
  #c-9 { background-image: url(../images/top/c-9-bg.jpg); background-repeat: repeat; background-position: center 0; background-size: 2.5vw; padding-top: 12.56vw; padding-bottom: 7.729vw; margin-bottom: 13.527vw; }
  #c-9 .inner .ttl { width: 67.029vw; margin: 0 auto; margin-bottom: 5.314vw; }
  #c-9 .inner .list { width: 77.295vw; margin: 0 auto; }
  #c-9 .inner .list &gt; li { margin-bottom: 6.039vw; background-color: #fff; -webkit-box-shadow: 0 2.415vw 4.831vw rgba(0, 0, 0, 0.1); box-shadow: 0 2.415vw 4.831vw rgba(0, 0, 0, 0.1); background-image: url(../images/top/c-9-deco.svg); background-repeat: no-repeat; background-position: right 3.382vw bottom 1.932vw; background-size: 4.831vw; padding: 3.623vw 3.623vw 8.662vw 3.623vw; }
  #c-9 .inner .list &gt; li:nth-child(3n) { margin-right: 0; }
  #c-9 .inner .list .pic { margin-bottom: 4.106vw; }
  #c-9 .inner .list .txt-01 { color: #e95504; font-size: 4.106vw; font-weight: 700; letter-spacing: 0.329vw; line-height: 1.5; margin-bottom: 1.932vw; }
  #c-9 .inner .list .txt-02 { font-size: 3.623vw; font-weight: 700; letter-spacing: 0.29vw; line-height: 1.6; }
  /*============================
#c-10
============================*/
  #c-10 { margin-bottom: 13.285vw; }
  #c-10 .inner .ttl { width: 52.657vw; margin: 0 auto; margin-bottom: 7.729vw; }
  #c-10 .inner .bg-box { border-radius: 4.106vw; background-color: #ededf3; padding: 8.662vw 4.106vw 6vw; }
  #c-10 .inner .bg-box .list { width: 100%; margin: 0 auto; 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; }
  #c-10 .inner .bg-box .list &gt; li { width: 100%; -webkit-box-shadow: 0 2.415vw 4.831vw rgba(0, 0, 0, 0.1); box-shadow: 0 2.415vw 4.831vw rgba(0, 0, 0, 0.1); border-radius: 2.415vw; background-color: #ffffff; margin-bottom: 4.831vw; background-image: url(../images/top/c-9-deco.svg); background-repeat: no-repeat; background-position: right 2.415vw bottom 2.415vw; background-size: 4.831vw; padding-bottom: 2.623vw; padding-right: 3.623vw; }
  #c-10 .inner .bg-box .list &gt; li a { 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; }
  #c-10 .inner .bg-box .list .pic { width: 45.894vw; margin-right: 1.831vw; }
  #c-10 .inner .bg-box .list .txt-box { width: 39.855vw; padding-top: 5.522vw; padding-bottom: 5.4vw; }
  #c-10 .inner .bg-box .list .s-ttl { font-size: 3.865vw; font-weight: 700; letter-spacing: 0.116vw; margin-bottom: 1.449vw; }
  #c-10 .inner .bg-box .list .txt-01 { font-size: 3.382vw; font-weight: 500; letter-spacing: 0.101vw; line-height: 5.797vw; }
  .o-bnr-box { width: 77.295vw; margin: 0 auto; text-align: center; margin-bottom: 15.459vw; }
  .o-bnr-box .pic { margin-bottom: 2.415vw; }
  .o-bnr-box .txt-01 { font-size: 3.382vw; font-weight: 500; letter-spacing: 0.101vw; line-height: 5.797vw; }
  /*============================
#c-11
============================*/
  #c-11 .inner { width: 91.787vw; margin: 0 auto; margin-bottom: 9.662vw; }
  #c-11 .inner .flex { 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; }
  #c-11 .inner .flex .box-r { width: 91.787vw; margin: 0 auto; position: relative; }
  #c-11 .inner .flex .box-r .s-ttl { width: 15.7vw; margin-bottom: 4.348vw; }
  #c-11 .inner .flex .box-r .sns-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; }
  #c-11 .inner .flex .box-r .sns-list &gt; li { width: 44.686vw; margin-right: 2.415vw; margin-bottom: 2.415vw; }
  #c-11 .inner .flex .box-r .sns-list &gt; li:nth-child(2n) { margin-right: 0; }
  #c-11 .inner .flex .box-r .txt-01 { position: absolute; bottom: 11.594vw; right: 6.763vw; }
  /*============================
#c-12
============================*/
  #c-12{ margin: 20vw 0 0 0; }
  #c-12 .inner .bg-box { background-image: url(../images/top/sp-c-13-bg-t.jpg), url(../images/top/sp-c-13-bg-b.jpg), url(../images/top/sp-c-13-bg-m.jpg); background-repeat: no-repeat,no-repeat,repeat-y; background-position: center top,center bottom,center; background-size: 100%; margin-bottom: 9.662vw; padding: 7.246vw 9.058vw 4.903vw; position: relative; }
  #c-12 .inner .bg-box .ttl { width: 82.671vw; margin: -10vw auto 59vw; }
  #c-12 .inner .bg-box .txt-01 { font-size: 4.831vw; font-weight: 700; letter-spacing: 0.483vw; margin-bottom: 3.865vw; }
  #c-12 .inner .bg-box .txt-02 { width: 100%; font-size: 3.623vw; font-weight: 500; letter-spacing: 0.29vw; line-height: 6.28vw; }
  #c-12 .inner .txt-box { width: 84.541vw; margin: 0 auto; color: #2b2827; font-family: "Yu Gothic"; font-size: 3.382vw; font-weight: 500; letter-spacing: 0.271vw; line-height: 5.797vw; }
  #c-12 .txt-03 { width: 34.396vw;    position: absolute;    top: 29vw;    right: 6.536vw;}
  .ee-box { margin-top: 21vw; } 

  #c-13 .inner .flex .box-l { width: 100%; padding: 0 4.106vw;position: relative; margin-bottom: 12.077vw; }
  #c-13 .inner .flex .box-l .ttl { padding-bottom: 3.865vw; margin-bottom: 3.865vw; border-bottom: 2px solid #cdcbcc; }
  #c-13 .inner .flex .box-l .ttl img { width: 47.101vw; }
  #c-13 .inner .flex .box-l .scrolling .clump { width: 100%; padding-bottom: 4.589vw; padding-top: 3.865vw; border-bottom: 1px solid #e3e2e0; }
  #c-13 .inner .flex .box-l .scrolling .clump:nth-child(1) { padding-top: 0; }
  #c-13 .inner .flex .box-l .scrolling .clump:nth-child(n + 4) { display: none; }
  #c-13 .inner .flex .box-l .scrolling .date { color: #e95504; font-size: 3.382vw; font-weight: 700; letter-spacing: 0.309vw; line-height: 7.246vw; margin-bottom: 3.14vw; }
  #c-13 .inner .flex .box-l .scrolling .txt-Box { width: 100%; font-size: 3.623vw; font-weight: 700; letter-spacing: 0.309vw; line-height: 5.797vw; padding-right: 12.077vw; background-image: url(../images/top/c-8-deco.svg); background-repeat: no-repeat; background-position: right 0 bottom 0; }
  #c-13 .inner .flex .box-l .btn-box-rel { /* position: absolute; */ /* top: 4.589vw; */ /* right: -0.242vw; */ }
  #c-13 .inner .flex .box-l .btn-box-rel .btn-box { margin-top: 10.87vw; overflow: hidden; width: 77.295vw; height: 14.493vw; margin: 0 auto; margin-top: 9.662vw; border-radius: 24.155vw; border: 1px solid #000; background-color: #fff; }
  #c-13 .inner .flex .box-l .btn-box-rel .btn-box a:hover { text-decoration: none; }
  #c-13 .inner .flex .box-l .btn-box-rel .btn-box:hover { color: #2b2827; background-color: #F98600; -webkit-transition: .2s; transition: .2s; -webkit-transition-delay: .2s; transition-delay: .2s; }
  #c-13 .inner .flex .box-l .btn-box-rel .btn-box:hover .move_001 .move_001_p1:before { left: 0; }
  #c-13 .inner .flex .box-l .btn-box-rel .btn-box:hover .move_001 .move_001_p1 .move_001_inner { color: #fff; background-image: url(../images/top/btn-deco_on.svg); }
  #c-13 .inner .flex .box-l .btn-box-rel .btn-box .move_001 { position: relative; -webkit-transition: .2s; transition: .2s; overflow: hidden; width: 100%; height: 100%; }
  #c-13 .inner .flex .box-l .btn-box-rel .btn-box .move_001 .move_001_p1:before { content: ""; z-index: 1; position: absolute; width: 100%; height: 100%; top: 0; left: -100%; background-color: #F98600; -webkit-transition: .2s; transition: .2s; border-radius: 24.155vw; }
  #c-13 .inner .flex .box-l .btn-box-rel .btn-box .move_001 .move_001_p1 .move_001_inner { color: #2b2827; font-size: 3.623vw; font-weight: 700; letter-spacing: 0.338vw; line-height: normal; width: 100%; height: 100%; padding-right: 3.865vw; 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; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; z-index: 10; background-image: url(../images/top/btn-deco.svg); background-repeat: no-repeat; background-position: right 25.604vw top 5.314vw; }

}
/*# sourceMappingURL=page-top.css.map */</pre></body></html>