@charset "UTF-8";
@media screen and (min-width: 768px),print {  /* 3枚表示のbxslider-------------------------------------*/
.slider-3mai-Box { overflow: hidden; position: relative; width: 100%;  background: #fff; }
.slider-3mai-Box .slider-3mai { position: relative; left: 50%; width: 3000px; margin-left: -1950px; height: auto; padding-bottom: 100px; background: url('../images/common/header-bg.jpg') bottom center repeat-x; }
.slider-3mai-Box .slider-3mai li { width: 1300px !important; }
.slider-3mai-Box .bx-wrapper .bx-controls-direction a { position: absolute; top: 50%; outline: 0; width: 50px; height: 100px; text-indent: -9999px; z-index: 9892; }
.slider-3mai-Box .bx-wrapper .bx-prev { display: none; right: 475px; background-image: url(../images/index/bx-l.jpg); background-position: 0 0; }
.slider-3mai-Box .bx-wrapper .bx-next { display: none; left: 475px; background-image: url(../images/index/bx-r.jpg); background-position: 0 0; }
.slider-3mai-Box .point-bx{ position: relative; width: 1280px; margin: 0 auto; z-index: 9999; }
.slider-3mai-Box .point-bx .main-point{ position: absolute ; right: -350px; bottom: -45px; z-index: 10000; }
.side-fix { display: none;}

/* ここから静的 */
body{ background: url('../images/index/body-bg.jpg') top center no-repeat; background-attachment: fixed; }
#page-top .concept{ text-align: center; background: url('../images/index/concept-bg.png') top 50px center no-repeat , #fff; padding-top: 70px; margin-bottom: 90px;  }
#page-top .concept .txt-bx{ width: 1030px; margin: 0 auto; position: relative; }
#page-top .concept .txt-bx h3{ margin-bottom: 30px; }
#page-top .concept .txt-bx .f-gothic{ font-weight: bold; line-height: 1.7; margin-bottom: 10px; }
#page-top .concept .txt-bx .u-txt{ line-height: 2; font-size: 14px; margin-bottom: 40px; }
#page-top .concept .txt-bx .concept-point{ position: absolute; right: 0; bottom: 0; }

#page-top .child{ text-align: center; width: 1000px; margin:0 auto 100px; }
#page-top .child img{ margin-bottom: 20px; margin-left: -43px; }

#page-top .cent-bx{ background: url('../images/index/reason-bg.jpg') top center; padding: 60px 0 10px; margin-bottom: 60px; }
#page-top .cent-bx .reason{width: 1260px;margin: 0 auto 60px;text-align: center;}
#page-top .cent-bx .reason h3{ margin-bottom: 15px; }
#page-top .cent-bx .reason li{ float: left; margin-right: 30px; text-align: center; }
#page-top .cent-bx .reason li p{ margin-bottom: 20px; line-height: 1.7; font-size: 14px; }
#page-top .cent-bx .reason li:last-child{ float: left; margin-right: 0px; text-align: center; }

#page-top .bnr-bx{ background: url('../images/index/bnr-bg.png') top center no-repeat ; padding: 110px 0 190px; }
#page-top .bnr-bx ul{ width: 1205px; margin: 0 auto; }
#page-top .bnr-bx li{ float: left; margin-right: 40px; margin-bottom: 45px; }
#page-top .bnr-bx li:nth-child(2){ float: left; margin-right: 0px; position: relative; top: -10px; }
#page-top .bnr-bx li:last-child{ margin-left: 310px; }

#page-top .f-list{ width: 915px; margin: 0 auto 30px; }
#page-top .f-list li{ float: left; margin-right: 15px; }
#page-top .f-list li:last-child{ float: left; margin-right: 0px; }

#page-top .f-msg{ width: 1000px; margin: 0 auto 65px; line-height: 1.7; font-size: 14px; }

/* ここまで静的 */

/* case -------------------------------------*/
#case{ width: 100%; margin: 0 auto 50px; background: url('../images/index/reason-bb.jpg') top 45px left repeat-x; }
#case h2{ text-align: center; width: 480px; margin: 0 auto 45px; background: #fff; }
#case .btn{ width: 635px;  text-align: right; background: url('../images/index/reason-bb.jpg') top 20px right 175px no-repeat ; float: right; }
#case .btn a{  }
#case .inner-Box{ width: 1110px; margin: 0 auto; }
#case .system-list{ width: 1110px; margin: 0 auto; 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; }
#case .system-list li{ width: 260px; margin-right: 20px; background: #fff; position: relative;  }
#case .system-list li:last-child{ margin-right: 0;}
#case .system-list li a:hover{ text-decoration: none; }
#case .system-pic{ width: 100%; height: 200px; overflow: hidden; text-align: center; margin-bottom: 15px; }
#case .system-pic img{ width: 100%; height: 200px; }
#case .system-date{ font-size: 18px; font-weight: bold; margin-bottom: 15px; line-height: 1.4;}
#case .system-ttl-01{ font-size: 14px; margin-bottom: 20px; line-height: 1.4; }

/* case-reform -------------------------------------*/
#case-reform{ width: 100%; margin: 0 auto; padding: 80px 0;  }
#case-reform h2{ text-align: left; margin-bottom: 25px; }
#case-reform .btn{ text-align: right; background: url('../images/index/reform-bb.png') bottom right no-repeat ; }
#case-reform .btn a{ position: relative; top: -20px; right: 30px; font-weight: bold; }
#case-reform .btn a:hover{ text-decoration: none; }
#case-reform .inner-Box{ width: 825px; margin: 0 auto; }
#case-reform .system-list{ margin-bottom: 20px; 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; }
#case-reform .system-list li{ width: 33%; margin-right: 0.5%; background: #fff; position: relative; margin-bottom: 20px; padding: 1%; }
#case-reform .system-list li:nth-child(3n){ margin-right: 0;}
#case-reform .system-list li a:hover{ text-decoration: none; }
#case-reform .system-pic{ width: 100%; height: 220px; overflow: hidden; text-align: center; margin: 0 0 17px 0; }
#case-reform .system-pic img{ width: 100%; height: 220px; }
#case-reform .system-date{ font-size: 18px; font-weight: bold; margin-bottom: 10px; line-height: 1.4; }
#case-reform .system-ttl-01{ font-size: 14px; margin-bottom: 20px; line-height: 1.4; }

/* ve-bx */
#page-top .ve-bx{ width: 1120px; margin: 0 auto 60px; padding-top: 120px; }
/* voice -------------------------------------*/
#voice{ width: 48%; margin: 0 auto;  float: left;}
#voice h2{ text-align: left; margin-bottom: 30px; position: relative; left: -20px; top: -10px; }
#voice .btn{ text-align: right; }
#voice .btn a{ font-weight: bold; margin: 0 auto; text-align: right; }
#voice .btn a:hover{ text-decoration: none; }
#voice .inner-Box{  margin: 0 auto; position: relative;  }
#voice .inner-Box .index-btn{ position: absolute; right: 10%; top: 0; }
#voice .system-list{ margin-bottom: 0; border-left: 1px solid #000; padding-left: 30px; 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; }
#voice .system-list li{ width: 90%; margin-right: 0.5%; background: none; position: relative; padding: 1%; }
#voice .system-list li:nth-child(3n){ margin-right: 0;}
#voice .system-list li a:hover{ text-decoration: none; }
#voice .system-pic{ width: 100%; height: 300px; margin-bottom: 20px; overflow: hidden; text-align: center; }
#voice .system-pic img{ width: 100%; height: 300px; }
#voice .system-customer{ font-size: 18px; font-weight: bold; margin-bottom: 10px; line-height: 1.4; }
#voice .system-ttl-01{ font-size: 14px; margin-bottom: 20px; line-height: 1.4; }
#voice .system-category{ margin-bottom: 10px; font-size: 0.75em; font-weight: bold; color: #fff; text-align: center; padding: 3px; background-color: rgba(35, 24, 21, 0.7);}
/* event -------------------------------------*/
#event{ width: 48%; margin: 0 auto;  float: right;}
#event h2{ text-align: left; margin-bottom: 45px; }
#event .btn{ text-align: right; }
#event .btn a{ font-weight: bold; margin: 0 auto; text-align: right; }
#event .btn a:hover{ text-decoration: none; }
#event .inner-Box{  margin: 0 auto; position: relative;  }
#event .inner-Box .index-btn{ position: absolute; right: 10%; top: 0; }
#event .system-list{ margin-bottom: 0; border-left: 1px solid #000; padding-left: 30px; 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; }
#event .system-list li{ width: 90%; margin-right: 0.5%; background: none; position: relative; padding: 1%; }
#event .system-list li:nth-child(3n){ margin-right: 0;}
#event .system-list li a:hover{ text-decoration: none; }
#event .system-pic{ width: 100%; height: 300px; margin-bottom: 20px; overflow: hidden; text-align: center; }
#event .system-pic img{ width: 100%; height: 300px; }
#event .system-customer{ font-size: 0.75em; margin-bottom: 10px; line-height: 1.4; }
#event .system-customer::before{ content: "■"; }
#event .system-ttl-01{ font-size: 1em; margin-bottom: 20px; line-height: 1.4; }
#event .system-icon{ font-size: 0.75em; font-weight: bold; color: #fff; text-align: center; padding: 8px; background: #000; }
#event .icon01{ background: #333; }
#event .icon02{ background: #666; }
#event .system-icon02 span { display: block; padding: 8px; background: #ccc; font-size: 0.75em; margin-bottom: 20px; }
#event .system-icon02 span.icon02-01 { background: #999; }
#event .system-icon02 span.icon02-02 { background: #ccc; }
#event .system-icon02 span.icon02-03 { background: #eee; }

#blog-news{  width: 100%; margin: 0 auto 0; padding: 25px 50px; background: #fff;  }

/* blog -------------------------------------*/
#blog{ width: 1200px; margin: 0 auto; position: relative; top: -190px; background: #fff; padding: 25px; }
#blog h2{ text-align: left; margin-bottom: 30px; }
#blog .btn{ position: absolute; top: 25px; right: 25px; }
#blog .inner-Box{ position: relative;  }
#blog .system-list{ margin-bottom: 50px; }
#blog .system-list li{ width: 340px; float: right; margin-right: 35px; border: 1px solid #000; padding: 20px; }
#blog .system-list li:last-child{ width: 340px; float: left; margin-right: 0px; }
#blog .system-list li a:hover{ text-decoration: none; }
#blog .system-pic{ width: 100px; height: auto; text-align: center; float: left;}
#blog .system-pic img{ max-width: 100%; height: 100px; }
#blog .system-txt { width: 170px; margin-left: 25px; float: left;}
#blog .system-date{ font-size: 13px; margin-bottom: 10px; font-weight: bold; }
#blog .system-ttl{ width: 170px; font-size: 14px; line-height: 1.4; }

/* topics -------------------------------------*/
#topics{ width: 1200px; margin: 0 auto; position: relative; border-bottom: 1px solid #000; top: -190px; padding: 25px; }
#topics h2{ text-align: left; margin-bottom: 30px; }
#topics .btn{ position: absolute; top: 25px; right: 25px; }
#topics .inner-Box{ }
#topics .system-list{ width: 1070px; margin:0 auto 20px; }
#topics .system-list li{ width: 535px; float: left; margin-right: 55px; padding-left: 60px; border-right: 1px solid #000; }
#topics .system-list li:last-child{ width: 475px; float: left; margin-right: 0; padding-left: 0; border-right:none; }
#topics .system-list li a{  }
#topics .system-date{ width: 90px;  font-size: 14px; font-weight: bold; margin-bottom: 10px; float: left; }
#topics .system-date::after{ content: "/"; font-size: 28px ; position: relative; right: -10px ; top: 5px; font-weight: lighter; }
#topics .system-ttl{ width: 335px; font-size: 14px; line-height: 1.4; float: right; position: relative; right: 17px; top: 11px; }

#instagram { width: 1100px; margin: 80px auto; }
#instagram .instagram-ttl { margin-bottom: 50px; text-align: center; font-size: 1.4em; font-weight: bold; }
#instagram .instagram li{width: 136px;height: 136px;border-bottom: 1px solid #fff;border-right: 1px solid #fff; float: left; text-align: center; overflow: hidden;}
#instagram .instagram li img{ width: 100%; height: auto;}

.rasia-bnr {background: #fff;padding: 42px 0 70px;text-align: center;}

}

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

/* ここから静的 */
#bx-sra { position: relative; margin-bottom: 10%; margin-top: 16%; }
#bx-sra .main-point{ display: none; }

#page-top .concept{ text-align: center; background: url('../sp-images/index/concept-bg.jpg') top center no-repeat;
padding: 10% 0 41%; background-size: 100%; margin-bottom: 10%; }
#page-top .concept .txt-bx{ width: 100%; margin: 0 auto; position: relative; padding: 3% 3%; }
#page-top .concept .txt-bx h3{ width: 90%; margin: 0 auto 5%; }
#page-top .concept .txt-bx .f-gothic{ font-weight: bold; line-height: 1.7; margin-bottom: 10px; font-size: 14px; }
#page-top .concept .txt-bx .u-txt{ line-height: 1.5; font-size: 14px; margin-bottom: 5%; }
#page-top .concept .txt-bx .concept-point{ position: absolute; right: 0; bottom: 0; }

#page-top .child{ text-align: center; width: 90%; margin:0 auto 10%; }
#page-top .child img{ margin-bottom: 3%; }
#page-top .child-txt{ font-size: 14px; line-height: 1.5; margin-bottom: 3%; }
#page-top .child-btn a{ padding: 3% 0 ; display: block; background: #000; color: #fff; font-weight: bold; }

#page-top .cent-bx{ background: url('../images/index/reason-bg.jpg') top center; padding: 60px 0 0; margin-bottom: 60px; }
#page-top .cent-bx .reason{ width: 100%; margin: 0 auto 10%; text-align: center; }
#page-top .cent-bx .reason h3{ width: 90%; margin:0 auto 7%; }
#page-top .cent-bx .reason li{ float: none; width: 90%; margin: 0 auto; text-align: center; }
#page-top .cent-bx .reason li p{ margin-bottom: 20px; line-height: 1.7; font-size: 14px; }

#page-top .bnr-bx{ background: url('../sp-images/index/bnr-bg.jpg') top center no-repeat ; padding: 10% 0 ; background-size: 100%; margin-bottom: 10%; }
#page-top .bnr-bx ul{ width: 100%; margin: 0 auto; }
#page-top .bnr-bx li{ float: none; width: 90%; margin: 0 auto 5%; }

#page-top .f-list{ width: 100%; margin: 0 auto 30px; }
#page-top .f-list li{ float: none; width: 90%; margin: 0 auto 5%; }

#page-top .f-msg{ width: 90%; margin: 0 auto 65px; line-height: 1.7; font-size: 14px; text-align: center; }

/* ここまで静的 */

#page-top .ve-bx{ width: 90%; margin: 0 auto 60px; padding-top: 10vw; }
/* voice -------------------------------------*/
#voice{ width: 100%; margin: 0 auto 15%; padding: 5% 3% ; }
#voice h2{ text-align: left; margin-bottom: 5%; width: 50%; }
#voice .btn{ text-align: center; }
#voice .inner-Box{ width: 100%; margin: 0 auto; position: relative; }
#voice .inner-Box .index-btn{ position: absolute; top: 0; right: 0; width: 40%; }
#voice .system-list{ margin-bottom: 10%; 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; }
#voice .system-list li{ width: 100%;  position: relative; margin-bottom: 4%; line-height: 1.4; padding-left: 10%; border-left: 1px solid #000; margin-left: -5%; }
#voice .system-list li:nth-child(2n){ margin-right: 0;}
#voice .system-list li:nth-child(n+3){ display: none;}
#voice .system-list li a:hover{ text-decoration: none; }
#voice .system-pic{ width: 100%; height: 240px!important; margin-bottom: 5%; overflow: hidden; text-align: center; }
#voice .system-pic img{ width: 100%; height: 240px!important; }
#voice .system-customer{ font-size: 16px; font-weight: bold; margin-bottom: 5%; }
#voice .system-ttl-01{ font-size: 14px; margin-bottom: 5%; }

/* event -------------------------------------*/
#event{ width: 100%; margin: 0 auto; padding: 5% 3% ; }
#event h2{ text-align: left; margin-bottom: 5%; width: 50%; }
#event .btn{ text-align: center; }
#event .inner-Box{ width: 100%; margin: 0 auto; position: relative; }
#event .inner-Box .index-btn{ position: absolute; top: -2%; right: 0; width: 40%; }
#event .system-list{ margin-bottom: 10%; 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; }
#event .system-list li{ width: 100%;  position: relative; margin-bottom: 4%; line-height: 1.4; padding-left: 10%; border-left: 1px solid #000; margin-left: -5%; }
#event .system-list li:nth-child(2n){ margin-right: 0;}
#event .system-list li:nth-child(n+3){ display: none;}
#event .system-list li a:hover{ text-decoration: none; }
#event .system-pic{ width: 100%; height: 240px!important; margin-bottom: 5%; overflow: hidden; text-align: center; }
#event .system-pic img{ width: 100%; height: 240px!important; }
#event .system-customer{ font-size: 16px; font-weight: bold; margin-bottom: 5%; }
#event .system-ttl-01{ font-size: 14px; margin-bottom: 5%; }

/* case -------------------------------------*/
#case{ width: 100%; margin: 0 auto 10%; padding: 0% 3%; border-top: 1px solid #000; border-bottom: 1px solid #000; }
#case h2{ text-align: center; width: 60%; margin: -10% auto 7%; padding: 3%; background: #fff; }
#case .btn{ text-align: center; margin-bottom: -7%; }
#case .btn a{  }
#case .btn a:hover{ background: #333; text-decoration: none; }
#case .inner-Box{ width: 100%; margin: 0 auto; }
#case .system-list{ margin-bottom: 10%; 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; }
#case .system-list li{ width: 49%; margin-right: 2%; background: #fff; position: relative; margin-bottom: 4%; line-height: 1.4;}
#case .system-list li:nth-child(2n){ margin-right: 0;}
#case .system-list li:nth-child(n+5){ display: none;}
#case .system-list li a:hover{ text-decoration: none; }
#case .system-pic{ width: 100%; height: 120px; overflow: hidden; text-align: center; margin: 0 0 3vw 0; }
#case .system-pic img{ width: 100%; height: 120px; }
#case .system-date{ font-size: 16px; font-weight: bold; margin-bottom: 5%; }
#case .system-ttl-01{ font-size: 14px; margin-bottom: 5%; }

/* case-reform -------------------------------------*/
#case-reform{ width: 100%; margin: 0 auto; padding: 15% 3%;  }
#case-reform h2{ text-align: center; font-size: 1.4rem; font-weight: bold; margin-bottom: 10%;}
#case-reform .btn{ text-align: center; }
#case-reform .btn a{ }
#case-reform .btn a:hover{ background: #333; text-decoration: none; }
#case-reform .inner-Box{ width: 100%; margin: 0 auto; }
#case-reform .system-list{  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; }
#case-reform .system-list li{ width: 49%; margin-right: 2%; background: #fff; position: relative; margin-bottom: 4%; line-height: 1.4; padding: 1%; }
#case-reform .system-list li:nth-child(2n){ margin-right: 0;}
#case-reform .system-list li:nth-child(n+3){ display: none;}
#case-reform .system-list li a:hover{ text-decoration: none; }
#case-reform .system-pic{ width: 100%; height: 120px; overflow: hidden; text-align: center; margin: 0 0 3vw 0;}
#case-reform .system-pic img{ width: 100%; height: 120px; }
#case-reform .system-date{ font-size: 16px; font-weight: bold; margin-bottom: 5%; }
#case-reform .system-ttl-01{ font-size: 14px; margin-bottom: 5%; }
#case-reform .system-category-set { margin-bottom: 5%;}


#blog-news{ width: 100%; margin: 0 auto; }

/* blog -------------------------------------*/
#blog{ width: 100%; margin: 0 auto; padding: 0% 3%; position: relative;}
#blog h2{ text-align: left; width: 70%; margin-bottom: 5%; }
#blog .btn{ text-align: center; position: absolute; top: 1vw; right: 7%; }
#blog .btn a:hover{ text-decoration: none; }
#blog .inner-Box{ width: 100%; margin: 0 auto;  }
#blog .system-list{ width: 100%; margin: 0 auto 10%; }
#blog .system-list li{ width: 49.5%; float: left; margin-right: 1%; background: #fff; border: 1px solid #000; padding: 1%; }
#blog .system-list li:nth-child(2){ width: 49.5%; margin-right: 0%;  }
#blog .system-list li:last-child{ display: none; }
#blog .system-list li a:hover{ text-decoration: none; }
#blog .system-pic{ width: 40%; margin-right: 2%; overflow: hidden; text-align: center; float: left; }
#blog .system-pic img{ max-width: 100%; height: 80px !important; }
#blog .system-txt { width: 50%; float: right;padding: 1vw 0 0 0; }
#blog .system-date{ font-size: 12px; font-weight: bold; margin-bottom: 10%; }
#blog .system-ttl{ width: 100%; font-size: 14px; margin-bottom: 5%; }

/* topics -------------------------------------*/
#topics{ width: 100%; padding: 0% 3%; position: relative;  }
#topics h2{ text-align: left; width: 80%; margin-bottom: 5%; }
#topics .btn{ position: absolute; top: 0; right: 2%; }
#topics .btn a:hover{ text-decoration: none; }
#topics .inner-Box{ width: 100%; margin: 0 auto; }
#topics .system-list{ margin-bottom: 10%; }
#topics .system-list li{ width: 90%; background: #fff; overflow: hidden; position: relative; border-bottom: 1px dotted #ccc; margin: 0 auto 5% auto; padding-bottom: 0%; }
#topics .system-list li a:hover{ text-decoration: none; }
#topics .system-date{ font-size: 3.4vw; margin-bottom: 3%; width: 20%; float: left;  }
#topics .system-date::after{ content: "/"; position: relative; left: 2vw; }
#topics .system-ttl{ width: 70%; font-size:3.4vw; margin-bottom: 5%; float: right; line-height: 1.6; }


#instagram { width: 100%; margin: 15% auto; }
#instagram .instagram-ttl { margin-bottom: 10%; text-align: center; font-size: 1.4rem; font-weight: bold; }
#instagram .instagram li{width: 25vw;height: 25vw; float: left; text-align: center; overflow: hidden;}
#instagram .instagram li img{ width: 100%; height: auto;}

.rasia-bnr {width: 100vw; margin: 0 auto; background: #fff;padding: 8vw 0 10vw;text-align: center;}
.rasia-bnr img{width: 80%;}


}
@media screen and (max-width: 380px) {
  #case .system-list .system-pic { height: 120px; }
  #case .system-list .system-pic img { height: 120px; }
  #casetax-catego .system-list .system-pic { height: 120px; }
  #casetax-catego .system-list .system-pic img { height: 120px; }
  #casetax-reform .system-list .system-pic { height: 120px; }
  #casetax-reform .system-list .system-pic img { height: 120px; }
  #voice .system-list .system-pic { height: 120px; }
  #voice .system-list .system-pic img { height: 120px; }
}
@media screen and (max-width: 321px) {
  #case .system-list .system-pic { height: 100px; }
  #case .system-list .system-pic img { height: 100px; }
  #casetax-catego .system-list .system-pic { height: 100px; }
  #casetax-catego .system-list .system-pic img { height: 100px; }
  #casetax-reform .system-list .system-pic { height: 100px; }
  #casetax-reform .system-list .system-pic img { height: 100px; }
  #voice .system-list .system-pic { height: 100px; }
  #voice .system-list .system-pic img { height: 100px; }
}