#characteristic { padding-top: 100px; }
#characteristic .txt { max-width: 640px; padding-bottom: 30px; }
#characteristic .img { display: block; position: relative; width: 100%; height: auto; margin: 0 auto; }
#characteristic .img > img { display: block; position: relative; width: 100%; height: auto; margin: 0 auto; }

@media (max-width: 1460px) { #characteristic .ctr { width: calc(100% - 80px); margin: 0 40px; } }
@media (max-width: 1200px) { #characteristic .ctr { width: calc(100% - 60px); margin: 0 30px; } }
@media (max-width: 1080px) { #characteristic .ctr { width: 100%; margin: 0; }
  #characteristic .img { width: 1000px; margin-left: calc(50% - 500px); } }
@media (max-width: 768px) { #characteristic { padding-top: 90px; }
  #characteristic .txt { padding-left: 30px; padding-right: 30px; }
  #characteristic .txt .inline { display: inline; } }
@media (max-width: 640px) { #characteristic { padding-top: 80px; }
  #characteristic .img { width: 900px; margin-left: calc(50% - 450px); } }
@media (max-width: 500px) { #characteristic .img { width: 768px; margin-left: calc(50% - 384px); }
  #characteristic .txt { font-size: 16px; line-height: 25px; } }
@media (max-width: 420px) { #characteristic .img { width: 640px; margin-left: calc(50% - 320px); }
  #characteristic .txt { padding-left: 20px; padding-right: 20px; }
  #characteristic .txt p { text-align: left; } }
#leader { background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #f7f7f7)); background-image: -webkit-linear-gradient(#ffffff, #f7f7f7); background-image: -moz-linear-gradient(#ffffff, #f7f7f7); background-image: -o-linear-gradient(#ffffff, #f7f7f7); background-image: linear-gradient(#ffffff, #f7f7f7); padding-top: 100px; padding-bottom: 50px; }
#leader .ctr { text-align: center; }
#leader .cnt { display: inline-block; position: relative; width: 100%; max-width: 1060px; padding-left: 340px; height: auto; text-align: left; }
#leader .cnt .txt { display: block; position: relative; width: 100%; height: auto; min-height: 450px; line-height: 30px; }
#leader .card { display: block; position: absolute; left: -360px; top: -30px; }

@media (max-width: 1120px) { #leader .card { top: 0px; } }
@media (max-width: 1200px) { #leader .cnt { padding-left: 380px; padding-right: 40px; max-width: 1140px; }
  #leader .card { left: -330px; } }
@media (max-width: 920px) { #leader .cnt { padding-left: 40px; }
  #leader .card { position: relative; float: left; left: auto; top: auto; margin-right: 30px; margin-bottom: 30px; } }
@media (max-width: 768px) { #leader { padding-top: 90px; } }
@media (max-width: 640px) { #leader { padding-top: 80px; }
  #leader .cnt { padding-left: 30px; padding-right: 30px; }
  #leader .card { float: none; clear: both; margin: 0 auto 30px auto; } }
@media (max-width: 500px) { #leader .cnt .txt { font-size: 16px; line-height: 25px; } }
@media (max-width: 420px) { #leader .cnt { padding-left: 20px; padding-right: 20px; } }
#mission { padding-top: 100px; }
#mission .ctr { background: #f2f2f2; max-width: 1120px; overflow: hidden; }
#mission .kv { background: black; display: block; position: relative; width: 680px; height: auto; margin-left: calc(100% - 680px); }
#mission .kv > img { display: block; position: relative; width: 100%; height: auto; margin: 0 auto; }
#mission .kv:after { content: ""; background-repeat: no-repeat; background-size: 100% 100%; background-position: left center; background-image: url("../images/gradienth.png"); display: block; position: absolute; width: 200px; height: 100%; left: 0; top: 0; pointer-events: none; }
#mission .cnt { display: block; position: absolute; width: 360px; height: auto; left: calc(28% - 180px); top: 45px; text-align: center; }
#mission .cnt .txt { display: block; position: relative; width: 100%; height: auto; line-height: 30px; }

@media (max-width: 1320px) { #mission .ctr { width: 1032px; }
  #mission .cnt { left: calc(26% - 180px); } }
@media (max-width: 1200px) { #mission .ctr { width: 982px; }
  #mission .cnt { left: calc(24% - 180px); } }
@media (max-width: 1080px) { #mission .ctr { width: 470px; margin: 0 auto; }
  #mission .kv { width: 100%; margin-left: auto; margin-right: auto; }
  #mission .kv:after { background-position: bottom center; background-image: url("../images/gradientv.png"); width: 100%; height: 200px; left: 0; top: auto; bottom: 0; }
  #mission .cnt { position: relative; left: auto; top: auto; margin: -60px auto 50px auto; } }
@media (max-width: 768px) { #mission { padding-top: 90px; } }
@media (max-width: 640px) { #mission { padding-top: 80px; }
  #mission .ctr { width: 420px; }
  #mission .kv:after { height: 150px; } }
@media (max-width: 500px) { #mission .ctr { width: 360px; }
  #mission .cnt { width: 90%; }
  #mission .cnt .txt { font-size: 16px; line-height: 25px; } }
@media (max-width: 420px) { #mission .ctr { width: 100%; }
  #mission .cnt .txt .inline { display: inline; } }
#testimony { padding-top: 100px; padding-bottom: 30px; }
#testimony .bg { background: #f7f7f7; content: ""; display: block; position: absolute; width: 100%; height: 60%; left: 0; bottom: 0; }
#testimony .ctr { max-width: 1160px; }
#testimony .sbt { margin-bottom: 55px; }
#testimony .crs { display: block; position: relative; width: 100%; height: auto; }
#testimony .crs .slick-prev { background: url(../images/fucicprev.png) no-repeat center; position: absolute; width: 40px; height: 40px; left: -30px; top: 125px; text-indent: -9999px; -webkit-transition-property: all; -moz-transition-property: all; -o-transition-property: all; transition-property: all; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; }
#testimony .crs .slick-prev, #testimony .crs .slick-prev:link, #testimony .crs .slick-prev:visited { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30); opacity: 0.3; }
#testimony .crs .slick-prev:hover, #testimony .crs .slick-prev:active { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; }
#testimony .crs .slick-next { background: url(../images/fucicnext.png) no-repeat center; position: absolute; width: 40px; height: 40px; right: -30px; top: 125px; text-indent: -9999px; -webkit-transition-property: all; -moz-transition-property: all; -o-transition-property: all; transition-property: all; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; }
#testimony .crs .slick-next, #testimony .crs .slick-next:link, #testimony .crs .slick-next:visited { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30); opacity: 0.3; }
#testimony .crs .slick-next:hover, #testimony .crs .slick-next:active { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; }
#testimony .crs .slick-dots { position: relative; bottom: auto; width: 90vw; height: auto; margin-top: 10px; margin-left: calc(50% - 45vw); }
#testimony .crs .slick-dots li button:before { color: #14213d !important; }
#testimony .crs .bk { background: black; display: block; position: relative; width: 100%; height: auto; max-width: 250px; margin: 0 auto 30px auto; }
#testimony .crs .bk .name { display: block; position: absolute; width: 150px; height: auto; left: 10px; top: 10px; font-size: 26px; line-height: 34px; text-align: left; color: white; font-weight: bold; text-shadow: rgba(0, 0, 0, 0.5) 1px 1px 5px; }
#testimony .crs .bk .img { display: block; position: relative; width: 100%; height: auto; overflow: hidden; }
#testimony .crs .bk .img img { display: block; position: relative; width: 100%; height: auto; -webkit-transition-property: all; -moz-transition-property: all; -o-transition-property: all; transition-property: all; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5; }
#testimony .crs .bk .btn { display: block; position: absolute; width: 200px; padding: 7px 12px 7px 7px; font-size: 16px; line-height: 22px; left: calc(50% - 100px); bottom: -20px; }
#testimony .crs .bk:hover .img img, #testimony .crs .bk:active .img img { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; -webkit-transform: scale(1.2, 1.2); -moz-transform: scale(1.2, 1.2); -ms-transform: scale(1.2, 1.2); -o-transform: scale(1.2, 1.2); transform: scale(1.2, 1.2); -webkit-transition-duration: 2s; -moz-transition-duration: 2s; -o-transition-duration: 2s; transition-duration: 2s; }
#testimony .crs .bk:hover .btn, #testimony .crs .bk:active .btn { background: #fca311; border-color: #fca311; color: white; }

@media (max-width: 1280px) { #testimony .ctr { max-width: 870px; } }
@media (max-width: 1000px) { #testimony .ctr { max-width: 580px; }
  #testimony .crs .bk .img img { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); opacity: 0.8; }
  #testimony .crs .bk:hover .img img, #testimony .crs .bk:active .img img { -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); } }
@media (max-width: 768px) { #testimony { padding-top: 90px; } }
@media (max-width: 640px) { #testimony { padding-top: 80px; }
  #testimony .ctr { max-width: 300px; } }
@media (max-width: 420px) { #testimony .crs .slick-prev { left: -15px; }
  #testimony .crs .slick-next { right: -15px; } }
@media (max-width: 360px) { #testimony .ctr { max-width: 290px; }
  #testimony .crs .bk { max-width: 240px; } }
#wrap { padding-top: 30px; }