@charset "UTF-8";
#visual {
   position: relative;
   background-position: 50% 50%;
   background-repeat: no-repeat;
   background-size: cover;
   color: #fff;
}
#visual .call {
   position: absolute;
   top: 0;
   right: 80px;
   font-size: 48px;
   font-weight: bold;
   line-height: 1.8;
   z-index: 9;
}
#visual .wfix {
   height: 270px;
   padding: 104px 15px;
}
#visual .wfix .title {
   display: inline-block;
   font-size: 62px;
   font-weight: bold;
   text-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
   line-height: 1;
}
@media screen and (max-width: 1280px) {
   #visual .call {
      right: 15px;
      font-size: 36px;
   }
}
@media screen and (max-width: 1024px) {
   #visual .call {
      display: none;
   }
   #visual .wfix {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      padding: 0;
   }
   #visual .wfix .title {
      font-size: 31px;
      text-shadow: 0 0 2px rgba(0, 0, 0, 0.4);
   }
}
@media screen and (max-width: 640px) {
   #visual .wfix {
      height: 53vw;
   }
}

#tit_comm {
   padding: 20px 0;
   background: #fff;
   border-bottom: 1px solid #ebebeb;
}
#tit_comm .logo_kri {
   position: relative;
   float: left;
   padding-right: 54px;
}
#tit_comm .logo_kri:after {
   position: absolute;
   top: 50%;
   right: 0;
   width: 8px;
   height: 8px;
   margin: -4px -4px 0 0px;
   border-radius: 100%;
   background: #00c0ff;
   content: "";
}
#tit_comm .logo_kri img {
   width: 145px;
   height: 46px;
}
#tit_comm .tit_kri {
   display: block;
   overflow: hidden;
   font-size: 36px;
   line-height: 46px;
   text-align: right;
}
#tit_comm .tit_kri b {
   font-weight: 500;
}
#tit_comm .tit_kri .emph {
   color: #00c0ff;
}
@media screen and (max-width: 1280px) {
   #tit_comm {
      font-size: 0;
      text-align: center;
   }
   #tit_comm .logo_kri {
      display: inline-block;
      float: none;
      padding-right: 20px;
      margin-right: 20px;
   }
   #tit_comm .tit_kri {
      display: inline-block;
      font-size: 27px;
   }
}
@media screen and (max-width: 1024px) {
   #tit_comm {
      padding: 15px 0 18px;
   }
   #tit_comm .logo_kri {
      display: block;
      padding-right: 0;
      margin-right: 0;
   }
   #tit_comm .logo_kri:before, #tit_comm .logo_kri:after {
      position: absolute;
      top: 50%;
      width: calc(50% - 54px);
      height: 1px;
      margin: 0;
      border-radius: 0;
      background: #eaeaea;
      content: "";
   }
   #tit_comm .logo_kri:before {
      left: 0;
      right: auto;
   }
   #tit_comm .logo_kri img {
      width: 95px;
      height: auto;
   }
   #tit_comm .tit_kri {
      display: block;
      margin-top: 6px;
      font-size: 14px;
      font-weight: 500;
      text-align: center;
      line-height: normal;
   }
   #tit_comm .tit_kri b {
      display: block;
      font-size: 22px;
   }
}

#contents {
   padding: 100px 0 150px;
   background: #f4f4f4;
}

.wrap_tab {
   font-size: 0;
   text-align: center;
}
.wrap_tab .lst, .wrap_tab li {
   display: inline-block;
}
.wrap_tab li {
   min-width: 240px;
}
.wrap_tab a {
   display: block;
   padding: 0 30px;
   border: 1px solid #0d6693;
   background-color: #fff;
   color: #0d6693;
   line-height: 58px;
   font-size: 18px;
}
.wrap_tab .on a {
   background: #0d6693;
   color: #fff;
   border-color: #0d6693;
}
.wrap_tab li + li a {
   border-left: none;
}

.wrap_copy {
   text-align: center;
   line-height: 1;
}
.wrap_copy .sup {
   display: block;
   font-size: 22px;
}
.wrap_copy .tit {
   display: block;
   margin-top: 8px;
   font-size: 30px;
   color: #0d6693;
}

.refer, .refer_img {
   word-break: keep-all;
}

.refer_img {
   font-size: 14px;
}

@media screen and (max-width: 1024px) {
   #contents {
      padding: 40px 0 75px;
   }

   .wrap_tab .lst {
      display: block;
      margin: 0 -3px;
   }
   .wrap_tab li {
      width: auto;
      padding: 0 3px;
      min-width: 0;
   }
   .wrap_tab a {
      border-color: #e5e5e5;
      color: #555;
      line-height: 40px;
      font-size: 14px;
   }
   .wrap_tab li + li a {
      border-left: 1px solid #e5e5e5;
   }
   .wrap_tab .lst2 li {
      width: 50%;
   }
   .wrap_tab .lst3 li {
      width: 33.333%;
   }

   .wrap_copy .sup {
      font-size: 14px;
      line-height: 1.28;
   }
   .wrap_copy .tit {
      margin-top: 7px;
      font-size: 20px;
   }

   .refer_img {
      padding-left: 0.5em;
      text-indent: -0.5em;
      font-size: 11px;
   }
}
.intro #visual {
   background-image: url(../img/visual_intro.jpg);
}
.intro .wrap_img {
   margin: 80px -10px 0;
   font-size: 0;
}
.intro .wrap_img .item {
   padding: 10px;
}
.intro .wrap_img .item + .item {
   display: inline-block;
   width: 50%;
}
.intro .wrap_img img {
   width: 100%;
}
.intro .wrap_img .refer_img {
   margin-top: 5px;
}
.intro .wrap_cont {
   margin-top: 84px;
   font-size: 0;
   text-align: center;
}
.intro .wrap_cont .lst {
   margin: 0 -12px;
}
.intro .wrap_cont li {
   display: inline-block;
   width: 33.333%;
   padding: 12px;
}
.intro .wrap_cont dl {
   height: 207px;
   background: #fff;
   padding: 40px 20px;
}
.intro .wrap_cont dt {
   font-size: 26px;
   color: #0d6693;
   line-height: 1;
}
.intro .wrap_cont dt:after {
   display: block;
   width: 36px;
   height: 2px;
   background: #0d6693;
   margin: 18px auto;
   content: "";
}
.intro .wrap_cont dd {
   font-size: 24px;
   line-height: 1.333;
}
.intro .wrap_cont .ib {
   display: block;
}
.intro .wrap_cont .empty span {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   width: 100%;
   height: 207px;
   -webkit-box-pack: center;
       -ms-flex-pack: center;
           justify-content: center;
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
}
@media screen and (max-width: 1024px) {
   .intro .wrap_img {
      margin: 30px 0 0;
   }
   .intro .wrap_img .item {
      padding: 0;
   }
   .intro .wrap_img img {
      -o-object-fit: cover;
         object-fit: cover;
   }
   .intro .wrap_img .item:first-child img {
      height: 79.6vw;
   }
   .intro .wrap_img .item + .item {
      display: block;
      width: auto;
      margin-top: 10px;
   }
   .intro .wrap_img .item + .item img {
      height: 51.5vw;
   }
   .intro .wrap_img .refer_img {
      margin-top: 14px;
   }
   .intro .wrap_cont {
      margin-top: 40px;
   }
   .intro .wrap_cont .lst {
      margin: 0;
   }
   .intro .wrap_cont li {
      display: block;
      width: auto;
      padding: 0;
   }
   .intro .wrap_cont li + li {
      margin-top: 10px;
   }
   .intro .wrap_cont dl {
      height: auto;
      padding: 18px;
      text-align: left;
   }
   .intro .wrap_cont dt, .intro .wrap_cont dd {
      line-height: 1.13;
   }
   .intro .wrap_cont dt {
      float: left;
      width: 75px;
      font-size: 15px;
   }
   .intro .wrap_cont dt:after {
      display: none;
   }
   .intro .wrap_cont dd {
      overflow: hidden;
      font-size: 15px;
   }
   .intro .wrap_cont .ib {
      display: inline-block;
   }
   .intro .wrap_cont .empty {
      display: none;
   }
}
@media screen and (max-width: 640px) {
   .intro #visual {
      background-image: url(../img/visual_intro_mo.jpg);
   }
}

.premium #visual {
   background-image: url(../img/visual_premium.jpg);
}
.premium .wrap_tab {
   margin-top: 80px;
}
.premium .wrap_cont {
   margin-top: 40px;
}
.premium .wrap_cont .thumb {
   position: relative;
}
.premium .premium1 .wrap_cont .refer_img {
   margin-top: 28px;
}
.premium .premium2 .wrap_cont .lst {
   margin: 0 -20px;
   font-size: 0;
}
.premium .premium2 .wrap_cont li {
   display: inline-block;
   width: 50%;
   padding: 0 20px;
}
.premium .premium2 .wrap_cont li:nth-child(n+3) {
   margin-top: 64px;
}
.premium .premium2 .wrap_cont .inr {
   position: relative;
}
.premium .premium2 .wrap_cont .num {
   position: absolute;
   top: 275px;
   left: 0;
   color: #fff;
   font-size: 120px;
   font-weight: bold;
}
.premium .premium2 .wrap_cont .thumb {
   position: relative;
}
.premium .premium2 .wrap_cont .lab_img {
   color: #fff;
}
.premium .premium2 .wrap_cont .cont {
   position: relative;
   margin-top: 30px;
}
.premium .premium2 .wrap_cont .cont .tit {
   display: block;
   font-size: 42px;
   line-height: 1;
}
.premium .premium2 .wrap_cont .cont .tit b {
   font-weight: bold;
   color: #0d6693;
}
.premium .premium2 .wrap_cont .cont .desc {
   display: block;
   margin-top: 12px;
   font-size: 20px;
}
.premium .premium3 .wrap_cont .lst {
   font-size: 0;
}
.premium .premium3 .wrap_cont li {
   display: inline-block;
   width: 20%;
   text-align: center;
}
.premium .premium3 .wrap_cont .lab_img {
   bottom: 6px;
   right: 10px;
   color: #fff;
}
.premium .premium3 .wrap_cont li:nth-child(n+3) .lab_img {
   right: auto;
   left: 10px;
}
.premium .premium3 .wrap_cont .cont {
   position: relative;
   padding-top: 84px;
   line-height: 1;
   font-size: 32px;
}
.premium .premium3 .wrap_cont .cont b {
   display: block;
   margin-top: 6px;
   font-weight: bold;
   color: #0d6693;
}
.premium .premium3 .wrap_cont .cont:after {
   position: absolute;
   top: 0;
   left: 50%;
   bottom: 88px;
   width: 1px;
   background: #0d6693;
   content: "";
}
.premium .premium3 .wrap_cont .copy {
   margin-top: 100px;
   text-align: center;
   font-size: 40px;
   line-height: 1.2;
}
.premium .premium3 .wrap_cont .copy strong {
   display: block;
}
.premium .premium3 .wrap_cont .copy strong, .premium .premium3 .wrap_cont .copy b {
   font-weight: 700;
}
.premium .premium3 .wrap_cont li:nth-child(even) {
   padding-top: 30px;
}
.premium .premium3 .wrap_cont li:nth-child(even) .cont {
   padding-top: 54px;
}
@media screen and (max-width: 1024px) {
   .premium .wrap_tab {
      margin-top: 32px;
   }
   .premium .wrap_cont {
      margin-top: 25px;
   }
   .premium .premium1 .wrap_cont .refer_img {
      margin-top: 12px;
   }
   .premium .premium2 .wrap_cont .lst {
      margin: 0 -10px;
   }
   .premium .premium2 .wrap_cont li {
      padding: 0 10px;
   }
   .premium .premium2 .wrap_cont li:nth-child(n+3) {
      margin-top: 30px;
   }
   .premium .premium2 .wrap_cont .num {
      display: none;
   }
   .premium .premium2 .wrap_cont .cont {
      margin-top: 15px;
   }
   .premium .premium2 .wrap_cont .cont .tit {
      font-size: 21px;
   }
   .premium .premium2 .wrap_cont .cont .desc {
      margin-top: 7px;
      padding-left: 0.5em;
      text-indent: -0.5em;
      font-size: 15px;
      line-height: 1.25;
   }
   .premium .premium3 .wrap_cont .cont {
      padding-top: 54px;
      font-size: 20px;
   }
   .premium .premium3 .wrap_cont .cont:after {
      bottom: 54px;
   }
   .premium .premium3 .wrap_cont .copy {
      margin-top: 45px;
      font-size: 20px;
   }
   .premium .premium3 .wrap_cont li:nth-child(even) .cont {
      padding-top: 24px;
   }
}
@media screen and (max-width: 640px) {
   .premium #visual {
      background-image: url(../img/visual_premium_mo.jpg);
   }
   .premium .premium1 .img img {
      width: 100%;
   }
   .premium .premium1 .img .mo {
      display: inline-block;
   }
   .premium .premium1 .img .mo + img {
      display: none;
   }
   .premium .premium2 .wrap_cont .lst {
      margin: 0;
   }
   .premium .premium2 .wrap_cont li {
      display: block;
      width: auto;
      padding: 0;
   }
   .premium .premium2 .wrap_cont li + li {
      margin-top: 30px;
   }
   .premium .premium3 .wrap_cont li {
      display: block;
      width: auto;
   }
   .premium .premium3 .wrap_cont .thumb .mo {
      display: inline-block;
      width: 100%;
   }
   .premium .premium3 .wrap_cont .thumb .mo + img {
      display: none;
   }
   .premium .premium3 .wrap_cont .cont {
      margin-top: 16px;
      padding-top: 0;
      line-height: 20px;
   }
   .premium .premium3 .wrap_cont .cont:after {
      display: none;
   }
   .premium .premium3 .wrap_cont .cont b {
      display: inline-block;
      margin-top: 0;
   }
   .premium .premium3 .wrap_cont li + li {
      margin-top: 32px;
   }
   .premium .premium3 .wrap_cont li:nth-child(even) {
      padding-top: 0;
   }
   .premium .premium3 .wrap_cont li:nth-child(even) .cont {
      padding-top: 0;
   }
   .premium .premium3 .wrap_cont .copy {
      padding: 0 20px;
   }
}

.design #visual {
   background-image: url(../img/visual_design.jpg);
}
.design .img {
   position: relative;
}
.design .lab_img {
   right: auto;
   left: 8px;
   color: #fff;
   opacity: 0.8;
}
.design .desc {
   color: #0b2240;
   line-height: 1.2;
}
.design .design_comm {
   margin-top: 75px;
   padding-top: 77px;
   border-top: 1px solid #dfdfdf;
}
.design .design_comm .lst {
   font-size: 0;
   margin: 0 -12px;
}
.design .design_comm .lst li {
   display: inline-block;
   width: 25%;
   padding: 0 12px;
}
.design .design_comm .lst .cont {
   margin-top: 26px;
}
.design .design_comm .lst .cont .tit {
   display: block;
   font-size: 26px;
   font-weight: 500;
   color: #004784;
}
.design .design_comm .lst .cont .desc {
   display: block;
   margin-top: 6px;
   font-size: 24px;
   padding-right: 1em;
}
.design .design_comm .division {
   position: relative;
   margin-top: 50px;
   padding: 20px 0;
   text-align: center;
}
.design .design_comm .division:before, .design .design_comm .division:after {
   position: absolute;
   left: 50%;
   width: 0;
   height: 0;
   margin-left: -20px;
   border-left: 20px solid transparent;
   border-right: 20px solid transparent;
   content: "";
}
.design .design_comm .division:before {
   top: 0;
   border-bottom: 20px solid #1f79c6;
}
.design .design_comm .division:after {
   bottom: 0;
   border-top: 20px solid #004784;
}
.design .design_comm .division strong, .design .design_comm .division span {
   display: block;
   width: 618px;
   margin: 0 auto;
   font-size: 30px;
}
.design .design_comm .division strong {
   background: #fff;
   line-height: 68px;
   border: 1px solid #ecebeb;
   color: #004784;
}
.design .design_comm .division .d2 {
   font-weight: 500;
}
.design .design_comm .division span {
   line-height: 50px;
   font-weight: bold;
   color: #2497cf;
}
.design .wrap_tab {
   margin-top: 60px;
}
.design .wrap_tab a {
   border-color: #0d6693;
   color: #0d6693;
}
.design .wrap_tab .on a {
   background: #0d6693;
   border-color: #0d6693;
   color: #fff;
}
.design .wrap_cont {
   margin-top: 40px;
}
.design .wrap_cont .tit {
   display: block;
   font-size: 30px;
   font-weight: 500;
}
.design .wrap_cont .desc {
   display: block;
   font-size: 24px;
   line-height: 1.2;
}
.design .cont1 .cont {
   margin-top: 22px;
}
.design .cont1 .tit {
   color: #004784;
}
.design .cont1 .desc {
   margin-top: 4px;
}
.design .cont2 .wrap_tit {
   text-align: center;
}
.design .cont2 .wrap_tit .sup {
   display: block;
   font-size: 30px;
   color: #004784;
   font-weight: 500;
}
.design .cont2 .wrap_tit .sup .emph {
   color: #4eaddc;
}
.design .cont2 .wrap_tit .tit {
   display: block;
   font-size: 42px;
   font-weight: 500;
   color: #004784;
}
.design .cont2 .cont {
   margin-top: 20px;
}
.design .cont2 .img {
   border-radius: 100px;
   overflow: hidden;
}
.design .cont2 .lst {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: justify;
       -ms-flex-pack: justify;
           justify-content: space-between;
   position: relative;
   margin-top: -78px;
   font-size: 0;
   text-align: center;
}
.design .cont2 .lst li {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
   -webkit-box-pack: center;
       -ms-flex-pack: center;
           justify-content: center;
   position: relative;
   width: 310px;
   height: 310px;
   background: #fff;
   border-radius: 100%;
   -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
           box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}
.design .cont2 .lst .tit {
   display: block;
   font-size: 36px;
   color: #0d6693;
   font-weight: 500;
}
.design .cont2 .lst .desc {
   display: block;
   margin-top: 32px;
   font-size: 18px;
   line-height: 1.33;
   color: #222;
}
.design .cont2 .lst .ib {
   display: block;
}
.design .cont2 .lst:before {
   position: absolute;
   top: 50%;
   left: 0;
   right: 0;
   height: 2px;
   margin-top: -1px;
   background: #19588e;
   content: "";
}
.design .cont3 {
   margin-top: 36px;
}
.design .cont3 li + li {
   margin-top: 45px;
}
.design .cont3 .desc {
   margin-top: 4px;
}
.design .cont3 .img {
   margin-top: 30px;
}
.design .cont3 .item1 .tit {
   color: #e65f9f;
}
.design .cont3 .item2 .tit {
   color: #0073c5;
}
.design .cont3 .item3 .tit {
   color: #38591c;
}
@media screen and (max-width: 1024px) {
   .design .lab_img {
      right: 8px;
      left: auto;
      color: #fff;
      opacity: 0.8;
   }
   .design .desc {
      color: #222;
   }
   .design .design_comm {
      margin-top: 0;
      padding-top: 32px;
      border-top: none;
   }
   .design .design_comm .lst {
      margin: 0 -7px;
   }
   .design .design_comm .lst li {
      padding: 0 8px;
   }
   .design .design_comm .lst .cont {
      margin-top: 13px;
   }
   .design .design_comm .lst .cont .tit {
      font-size: 21px;
      line-height: 1.2;
   }
   .design .design_comm .lst .cont .desc {
      margin-top: 6px;
      font-size: 15px;
   }
   .design .design_comm .division {
      margin-top: 46px;
      padding: 10px 0;
   }
   .design .design_comm .division:before, .design .design_comm .division:after {
      border-left-width: 10px;
      border-right-width: 10px;
      margin-left: -10px;
   }
   .design .design_comm .division:before {
      border-bottom-width: 10px;
   }
   .design .design_comm .division:after {
      border-top-width: 10px;
   }
   .design .design_comm .division strong, .design .design_comm .division span {
      max-width: 100%;
   }
   .design .design_comm .division strong {
      font-size: 20px;
      line-height: 33px;
   }
   .design .design_comm .division span {
      font-size: 18px;
      line-height: 24px;
      padding-top: 1px;
   }
   .design .wrap_tab {
      margin-top: 50px;
   }
   .design .wrap_tab .lst {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
   }
   .design .wrap_tab .lst li {
      width: auto;
      -webkit-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1;
   }
   .design .wrap_tab a {
      padding: 0 15px;
   }
   .design .wrap_cont {
      margin-top: 25px;
      line-height: 1.25;
   }
   .design .wrap_cont .tit {
      font-size: 20px;
   }
   .design .wrap_cont .desc {
      font-size: 15px;
   }
   .design .cont1 .cont {
      margin-top: 10px;
   }
   .design .cont1 .desc {
      font-size: 14px;
   }
   .design .cont2 .wrap_tit .sup {
      font-size: 15px;
   }
   .design .cont2 .wrap_tit .tit {
      font-size: 21px;
   }
   .design .cont2 .img {
      border-radius: 50px;
   }
   .design .cont2 .lst {
      margin: -40px -7px 0;
   }
   .design .cont2 .lst:before {
      left: 10px;
      right: 10px;
   }
   .design .cont2 .lst li {
      height: auto;
      margin: 0 8px;
      padding: 23px 15px;
      border-radius: 50px;
   }
   .design .cont2 .lst .tit {
      font-size: 20px;
   }
   .design .cont2 .lst .desc {
      margin-top: 13px;
      font-size: 14px;
   }
   .design .cont3 li + li {
      margin-top: 32px;
   }
   .design .cont3 .img {
      margin-top: 15px;
   }
}
@media screen and (max-width: 800px) {
   .design .design_comm .lst li {
      width: 50%;
   }
   .design .design_comm .lst li:nth-child(n+3) {
      margin-top: 30px;
   }
   .design .design_comm .lst .img .mo {
      display: inline-block;
      width: 100%;
   }
   .design .design_comm .lst .img .mo + img {
      display: none;
   }
}
@media screen and (max-width: 640px) {
   .design #visual {
      background-image: url(../img/visual_design_mo.jpg);
   }
   .design .design_comm .lst {
      margin: 0;
   }
   .design .design_comm .lst li {
      display: block;
      width: auto;
   }
   .design .design_comm .lst li + li {
      margin-top: 30px;
   }
   .design .design_comm .lst .cont {
      padding-right: 0;
   }
   .design .design_comm .division strong, .design .design_comm .division span {
      width: auto;
   }
   .design .wrap_tab .lst {
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
   }
   .design .wrap_tab li:first-child {
      width: 100%;
   }
   .design .wrap_tab li + li {
      margin-top: 4px;
   }
   .design .cont1 .img .mo {
      display: inline-block;
      width: 100%;
   }
   .design .cont1 .img .mo + img {
      display: none;
   }
   .design .cont2 .img .mo {
      display: inline-block;
      width: 100%;
   }
   .design .cont2 .img .mo + img {
      display: none;
   }
   .design .cont2 .lst {
      display: block;
      margin: -40px 0 0;
      padding: 0 35px;
   }
   .design .cont2 .lst:before {
      top: 10px;
      bottom: 10px;
      left: 50%;
      right: auto;
      width: 1px;
      height: auto;
   }
   .design .cont2 .lst li {
      display: block;
      width: auto;
      margin: 0;
      -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
              box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
   }
   .design .cont2 .lst li + li {
      margin-top: 10px;
   }
}

.commercial #visual {
   background-image: url(../img/visual_commercial.jpg);
}
.commercial .wrap_cont {
   margin: 75px -10px 0;
   font-size: 0;
}
.commercial .wrap_cont .item {
   display: inline-block;
   width: 50%;
   padding: 0 10px;
}
.commercial .wrap_cont .wrap_tit {
   line-height: 1.33;
}
.commercial .wrap_cont .wrap_tit .tit {
   display: block;
   font-size: 40px;
   font-weight: 500;
}
.commercial .wrap_cont .wrap_tit .desc {
   margin-top: 25px;
   font-size: 30px;
}
.commercial .wrap_cont .wrap_tit .ib {
   display: block;
}
.commercial .wrap_cont .wrap_img + .wrap_img {
   margin-top: 20px;
}
.commercial .wrap_cont .wrap_img + .wrap_img .inr {
   position: relative;
}
.commercial .wrap_cont .wrap_img + .wrap_img .lab_img {
   color: #fff;
}
@media screen and (max-width: 1280px) {
   .commercial .wrap_cont .wrap_tit .tit {
      font-size: 34px;
   }
   .commercial .wrap_cont .wrap_tit .desc {
      margin-top: 22px;
      font-size: 24px;
   }
}
@media screen and (max-width: 1024px) {
   .commercial .wrap_cont {
      margin-top: 28px;
   }
   .commercial .wrap_cont .wrap_tit .tit {
      font-size: 20px;
   }
   .commercial .wrap_cont .wrap_tit .desc {
      margin-top: 6px;
      font-size: 15px;
   }
}
@media screen and (max-width: 640px) {
   .commercial #visual {
      background-image: url(../img/visual_commercial_mo.jpg);
   }
   .commercial .wrap_cont {
      margin: 28px 0 0;
   }
   .commercial .wrap_cont .wrap_tit {
      margin-bottom: 16px;
      text-align: center;
   }
   .commercial .wrap_cont .wrap_tit .ib {
      display: inline-block;
   }
   .commercial .wrap_cont .item {
      display: block;
      width: auto;
      padding: 0;
   }
   .commercial .wrap_cont .wrap_img + .wrap_img {
      margin-top: 5px;
   }
   .commercial .wrap_cont .inr .mo {
      display: inline-block;
      width: 100%;
   }
   .commercial .wrap_cont .inr .mo + img {
      display: none;
   }
}

.floor #visual {
   background-image: url(../img/visual_floor.jpg);
}
.floor #contents {
   padding-bottom: 0;
}
.floor .wrap_floor {
   padding-bottom: 74px;
}
.floor .wrap_floor:only-child {
   padding-bottom: 150px;
}
.floor #tab {
   padding-top: 20px;
   margin-top: 54px;
}
.floor .wrap_tab_floor {
   position: relative;
   padding: 0 77px;
   border: 1px solid #ebebeb;
   background: #fff;
}
.floor .wrap_tab_floor .arrow {
   position: absolute;
   top: 0;
   width: 72px;
   height: 58px;
   background-position: 50% 50%;
   background-repeat: no-repeat;
   font-size: 0;
}
.floor .wrap_tab_floor .tab_prev {
   left: 0;
   background-image: url(../img/arw6_left.png);
}
.floor .wrap_tab_floor .tab_next {
   right: 0;
   background-image: url(../img/arw6_right.png);
}
.floor .tab_floor {
   text-align: center;
   border-left: 1px solid #ebebeb;
   border-right: 1px solid #ebebeb;
}
.floor .tab_floor .slick-slide {
   display: inline-block;
}
.floor .tab_floor .item {
   border-left: 1px solid #ebebeb;
}
.floor .tab_floor .pg {
   display: block;
   width: 100%;
   font-size: 16px;
   line-height: 58px;
   font-weight: 500;
   color: #707070;
}
.floor .tab_floor .slick-current, .floor .tab_floor .on {
   background: #006dcb;
}
.floor .tab_floor .slick-current .item, .floor .tab_floor .on .item {
   border-left: none;
}
.floor .tab_floor .slick-current .pg, .floor .tab_floor .on .pg {
   color: #fff;
}
.floor .wrap_slider {
   position: relative;
   margin-top: 30px;
}
.floor .wrap_slider .item {
   background: #fff;
   text-align: center;
}
.floor .wrap_slider .item .wrap_img {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   width: 100%;
   padding: 60px 20px 50px 150px;
   -webkit-box-pack: center;
       -ms-flex-pack: center;
           justify-content: center;
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
}
.floor .wrap_slider .item .img_iso {
   display: none;
}
.floor .wrap_slider .f, .floor .wrap_slider .links, .floor .wrap_slider .more {
   position: absolute;
}
.floor .wrap_slider .f {
   top: 68px;
   left: 50px;
   font-size: 60px;
   color: #0b2240;
   line-height: 1;
}
.floor .wrap_slider a {
   display: inline-block;
   line-height: 46px;
   font-size: 16px;
   font-weight: 500;
   color: #fff;
   text-align: left;
   background: url(../img/arw3_right.png) calc(100% - 20px) 50% no-repeat #063956;
}
.floor .wrap_slider .links {
   top: 0;
   right: 0;
   font-size: 0;
}
.floor .wrap_slider .links a {
   width: 115px;
   padding: 0 25px;
}
.floor .wrap_slider .links a + a {
   margin-left: 2px;
   background-color: #005095;
}
.floor .wrap_slider .more {
   width: 145px;
   bottom: 70px;
   left: 50px;
   padding-left: 20px;
   background-color: #005095;
}
.floor .wrap_slider .prev, .floor .wrap_slider .next {
   position: absolute;
   top: 50%;
   width: 50px;
   height: 50px;
   margin-top: -25px;
   border-radius: 100%;
   background-position: 50% 50%;
   background-repeat: no-repeat;
   background-color: #006dcb;
   font-size: 0;
}
.floor .wrap_slider .prev {
   left: -70px;
   background-image: url(../img/arw3_left.png);
}
.floor .wrap_slider .next {
   right: -70px;
   background-image: url(../img/arw3_right.png);
}
.floor .refer {
   margin-top: 28px;
}
.floor .wrap_info {
   padding: 60px 0 150px;
   background: #fff;
}
.floor .wrap_info .lst_info {
   font-size: 0;
   margin: 0 -20px;
}
.floor .wrap_info .item_tbl {
   display: inline-block;
   width: 50%;
   padding: 0 20px;
   text-align: right;
}
.floor .wrap_info .measure {
   font-size: 14px;
}
.floor .wrap_info .wrap_tbl {
   margin-top: 5px;
}
.floor .wrap_info .tbl {
   border-collapse: collapse;
}
.floor .wrap_info th, .floor .wrap_info td {
   height: 46px;
   padding: 5px;
   border: 1px solid #ddd;
   font-size: 16px;
   text-align: center;
   font-weight: 500;
}
.floor .wrap_info thead th {
   background: #0c265e;
   color: #fff;
   border-bottom: none;
}
.floor .wrap_info .f_blue {
   color: #004357;
}
.floor .wrap_info .f_red {
   color: #e01919;
}
.floor .wrap_info td.type1 {
   color: #ff5b5b;
}
.floor .wrap_info td.type2 {
   color: #ff5215;
}
.floor .wrap_info td.type3 {
   color: #0cafe0;
}
.floor .wrap_info td.type4 {
   color: #6a92d5;
}
.floor .wrap_info td.type5 {
   color: #a256d8;
}
@media screen and (max-width: 1430px) {
   .floor .wrap_slider .prev {
      left: 15px;
      z-index: 9;
   }
   .floor .wrap_slider .next {
      right: 15px;
   }
   .floor .wrap_slider .item .wrap_img {
      padding: 60px 80px 50px 180px;
   }
}
@media screen and (max-width: 1024px) {
   .floor #tab {
      margin-top: 15px;
   }
   .floor .wrap_floor {
      padding-bottom: 0;
   }
   .floor .wrap_floor:only-child {
      padding-bottom: 75px;
   }
   .floor .wrap_tab_floor {
      margin-right: -15px;
      padding: 0;
      border-right: none;
   }
   .floor .wrap_tab_floor .arrow {
      display: none;
   }
   .floor .tab_floor .slick-slide {
      width: 65px;
   }
   .floor .tab_floor .pg {
      font-size: 15px;
      line-height: 42px;
   }
   .floor .wrap_slider {
      margin-top: 20px;
   }
   .floor .wrap_slider .f {
      top: 24px;
      left: 18px;
      font-size: 30px;
   }
   .floor .wrap_slider a {
      font-size: 14px;
      line-height: 40px;
      background-image: none;
      font-weight: 400;
      text-align: center;
   }
   .floor .wrap_slider .links a {
      width: 80px;
      padding: 0;
   }
   .floor .wrap_slider .more {
      display: block;
      position: relative;
      bottom: auto;
      left: auto;
      padding: 0;
      width: 120px;
      margin: 30px auto 20px;
   }
   .floor .wrap_slider .item {
      padding-bottom: 20px;
      -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
              box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
   }
   .floor .wrap_slider .item .wrap_img {
      padding: 75px 15px 0;
   }
   .floor .wrap_slider .prev, .floor .wrap_slider .next {
      display: none;
   }
   .floor .refer {
      margin-top: 10px;
      padding-left: 0.5em;
      text-indent: -0.5em;
      font-size: 11px;
   }
   .floor .wrap_info {
      margin-top: 24px;
      padding: 0 0 75px;
      background: none;
   }
   .floor .wrap_info .lst_info {
      display: none;
   }
   .floor .wrap_info .tbl_mo {
      display: block;
   }
   .floor .wrap_info .item_tbl {
      display: block;
      width: auto;
      padding: 0;
   }
   .floor .wrap_info .item_tbl .measure {
      font-size: 11px;
   }
   .floor .wrap_info .item_tbl .wrap_tbl {
      margin-top: 2px;
   }
   .floor .wrap_info thead th {
      height: 26px;
      font-size: 11px;
   }
   .floor .wrap_info tbody td {
      height: 23px;
      font-size: 12px;
   }
}

.modelhouse #visual {
   background-image: url(../img/visual_modelhouse.jpg);
}
.modelhouse .cont {
   margin-top: 80px;
}
.modelhouse iframe {
   width: 100%;
   height: 730px;
}
@media screen and (max-width: 1024px) {
   .modelhouse .cont {
      margin-top: 30px;
   }
}
@media screen and (max-width: 640px) {
   .modelhouse #visual {
      background-image: url(../img/visual_modelhouse_mo.jpg);
   }
   .modelhouse .cont .wfix {
      padding: 0;
   }
   .modelhouse iframe {
      height: 60vw;
   }
}

.service #visual {
   background-image: url(../img/visual_service.jpg);
}
.service #contents {
   padding: 70px 0 150px;
   background: #eee;
   font-size: 0;
}
.service .wrap_tab {
   margin-top: 40px;
}
.service .wrap_tab a {
   border-color: #004784;
   color: #004784;
}
.service .wrap_tab .on a {
   border-color: #004784;
   background: #004784;
   color: #fff;
}
@media screen and (max-width: 1024px) {
   .service .wrap_tab li {
      width: 50%;
   }
}
@media screen and (max-width: 640px) {
   .service #visual {
      background-image: url(../img/visual_service_mo.jpg);
   }
}
.service #bo_list {
   margin-top: 60px;
}
.service #bo_list .btn {
   display: inline-block;
   font-size: 15px;
   line-height: 36px;
   border: 1px solid #e5e5e5;
   background: #fff;
   padding: 0 1.2em;
   font-weight: 300;
}
.service #bo_list .hd_board {
   height: 40px;
}
.service #bo_list .hd_board .btn {
   margin-top: 3px;
}
.service #bo_list .hd_board .bo_sch_wrap {
   float: right;
}
.service #bo_list .hd_board .inp, .service #bo_list .hd_board .slt {
   display: inline-block;
   font-size: 16px;
   height: 40px;
   border: 1px solid #e5e5e5;
}
.service #bo_list .hd_board .inp {
   width: 160px;
   margin: 0 4px;
}
.service #bo_list .hd_board .sch_btn {
   display: inline-block;
   width: 90px;
   height: 40px;
   line-height: 40px;
   font-size: 16px;
   color: #fff;
   background: #004784;
}
.service #bo_list .wrap_tbl {
   margin-top: 10px;
   border-top: 2px solid #303030;
}
.service #bo_list .wrap_tbl th, .service #bo_list .wrap_tbl td {
   height: 50px;
   border-bottom: 1px solid #d3d3d3;
   font-size: 16px;
   font-weight: normal;
   text-align: center;
}
.service #bo_list .wrap_tbl thead th {
   background: #eaeaea;
}
.service #bo_list .wrap_tbl .td_subject {
   text-align: left;
}
.service #bo_list .bo_fx {
   margin-top: 40px;
   text-align: center;
   overflow: hidden;
}
.service #bo_list .bo_fx .btn, .service #bo_list .bo_fx .btn_write {
   display: inline-block;
   font-size: 15px;
}
.service #bo_list .bo_fx .btn {
   float: left;
}
.service #bo_list .bo_fx .btn_write {
   float: right;
   width: 100px;
   height: 40px;
   line-height: 40px;
   background: #004784;
   color: #fff;
   text-align: center;
   font-size: 16px;
}
@media screen and (max-width: 1280px) {
   .service #bo_list {
      margin-top: 26px;
   }
   .service #bo_list .hd_board {
      position: relative;
   }
   .service #bo_list .hd_board .bo_sch_wrap {
      float: none;
   }
   .service #bo_list .hd_board .btn_admin, .service #bo_list .hd_board .slt {
      display: none;
   }
   .service #bo_list .hd_board .inp {
      width: 100%;
      height: 44px;
      margin: 0;
      font-size: 14px;
      padding-right: 50px;
   }
   .service #bo_list .hd_board .sch_btn {
      position: absolute;
      top: 0;
      right: 0;
      width: 44px;
      height: 44px;
      font-size: 0;
      background: url(../img/sch.png) 50% 50% no-repeat;
      background-size: 20px;
   }
   .service #bo_list .wrap_tbl {
      margin: 20px -15px 0;
      border-top: 1px solid #e5e5e5;
   }
   .service #bo_list .wrap_tbl thead, .service #bo_list .wrap_tbl th, .service #bo_list .wrap_tbl td {
      display: none;
   }
   .service #bo_list .wrap_tbl table, .service #bo_list .wrap_tbl tbody, .service #bo_list .wrap_tbl tr, .service #bo_list .wrap_tbl .td_subject, .service #bo_list .wrap_tbl .td_datetime {
      display: block;
      height: auto;
      border: none;
   }
   .service #bo_list .wrap_tbl tr {
      position: relative;
      padding: 10px 0;
      border-bottom: 1px solid #e5e5e5;
   }
   .service #bo_list .wrap_tbl a {
      display: block;
      font-size: 14px;
      line-height: 19px;
      padding: 5px 15px 26px;
      color: #555;
   }
   .service #bo_list .wrap_tbl .td_datetime {
      position: absolute;
      left: 15px;
      bottom: 15px;
      font-size: 14px;
      letter-spacing: 0;
      color: #999;
   }
   .service #bo_list .bo_fx .btn, .service #bo_list .bo_fx .btn_write {
      display: none;
   }
}
.service #bo_w {
   font-size: 16px;
}
.service #bo_w .inp {
   width: 100%;
   height: 40px;
   font-size: 16px;
}
.service #bo_w .cke_sc {
   display: none;
}
.service #bo_w #wr_content, .service #bo_w iframe {
   margin-top: 10px;
   font-size: 16px;
   background: #fff;
}
.service #bo_w .btn_confirm {
   margin-top: 20px;
   text-align: center;
}
.service #bo_w .btn_confirm a, .service #bo_w .btn_confirm button {
   display: inline-block;
   width: 100px;
   line-height: 40px;
   font-size: 16px;
}
.service #bo_w .btn_confirm .btn_cancel {
   background: #fff;
   border: 1px solid #e5e5e5;
   margin-right: 10px;
   line-height: 38px;
}
.service #bo_w .btn_confirm .btn_submit {
   background: #004784;
   color: #fff;
}
.service #bo_v {
   color: #2d2d2d;
}
.service #bo_v .hd_view {
   position: relative;
   margin-top: 50px;
   padding: 17px 400px 17px 30px;
   border-top: 2px solid #1b1b1b;
   border-bottom: 2px solid #1b1b1b;
}
.service #bo_v .hd_view .bo_v_tit {
   font-size: 16px;
   overflow: hidden;
}
.service #bo_v .hd_view .info {
   position: absolute;
   top: 17px;
   right: 30px;
}
.service #bo_v .hd_view .info dl, .service #bo_v .hd_view .info dt, .service #bo_v .hd_view .info dd {
   display: inline-block;
   font-size: 16px;
}
.service #bo_v .hd_view .info dl + dl {
   margin-left: 60px;
}
.service #bo_v .hd_view .info dt {
   margin-right: 30px;
}
.service #bo_v #bo_v_con {
   min-height: 430px;
   padding: 30px;
   font-size: 16px;
   line-height: 2;
}
.service #bo_v .bo_v_nb {
   border-top: 1px solid #bfbfbf;
   border-bottom: 1px solid #bfbfbf;
   overflow: hidden;
}
.service #bo_v .bo_v_nb li {
   padding: 15px 30px;
   line-height: 20px;
}
.service #bo_v .bo_v_nb li + li {
   border-top: 1px solid #cfcfcf;
}
.service #bo_v .bo_v_nb .nb_tit, .service #bo_v .bo_v_nb a {
   display: inline-block;
   font-size: 16px;
}
.service #bo_v .bo_v_nb .nb_tit {
   margin-right: 20px;
}
@media screen and (min-width: 1310px) {
   .service #bo_v .bo_v_nb a:hover {
      color: #004784;
   }
}
.service #bo_v .bo_fx {
   position: relative;
   margin-top: 40px;
   text-align: center;
}
.service #bo_v .bo_fx .btn_list {
   display: inline-block;
   width: 195px;
   line-height: 58px;
   color: #fff;
   font-size: 16px;
   background: #004784;
}
.service #bo_v .bo_fx .btn {
   display: inline-block;
   width: 100px;
   line-height: 40px;
   font-size: 16px;
   color: #222;
   border: 1px solid #e5e5e5;
   background: #fff;
}
.service #bo_v .bo_fx .btn_write {
   position: absolute;
   top: 9px;
   right: 0;
}
.service #bo_v .bo_fx .area_adm {
   position: absolute;
   top: 9px;
   left: 0;
}
.service #bo_v .bo_fx .area_adm .btn + .btn {
   margin-left: 5px;
}
@media screen and (max-width: 1280px) {
   .service #bo_v .wrap_tab {
      display: block;
   }
   .service #bo_v .hd_view {
      margin: 26px -15px 0;
      padding: 15px;
      border-top: 1px solid #e5e5e5;
      border-bottom: none;
   }
   .service #bo_v .hd_view .bo_v_tit .lab {
      display: none;
   }
   .service #bo_v .hd_view .bo_v_tit .tit {
      display: block;
      font-size: 14px;
      color: #555;
   }
   .service #bo_v .hd_view .info {
      position: relative;
      top: auto;
      right: auto;
   }
   .service #bo_v .hd_view .info dl, .service #bo_v .hd_view .info dt {
      display: none;
   }
   .service #bo_v .hd_view .info .datetime {
      display: block;
      margin-top: 4px;
   }
   .service #bo_v .hd_view .info .datetime dd {
      font-size: 14px;
      color: #999;
   }
   .service #bo_v #bo_v_con {
      min-height: 280px;
      padding: 15px 0 26px;
      border-top: 1px solid #e5e5e5;
      font-size: 14px;
      line-height: 1.4;
      color: #555;
   }
   .service #bo_v .bo_v_nb {
      margin: 0 -15px;
      background: #eee;
      border-top: 1px solid #ddd;
      border-bottom: 1px solid #ddd;
   }
   .service #bo_v .bo_v_nb li {
      padding: 0;
      border: none !important;
   }
   .service #bo_v .bo_v_nb a {
      display: block;
      line-height: 50px;
      font-size: 15px;
      color: #555;
      padding: 0 15px;
   }
   .service #bo_v .bo_v_nb .nb_tit {
      margin: 0;
   }
   .service #bo_v .bo_v_nb .nb_txt {
      display: none;
   }
   .service #bo_v .bo_v_nb .btn_prv {
      display: inline-block;
   }
   .service #bo_v .bo_v_nb .btn_next {
      float: right;
   }
   .service #bo_v .bo_fx {
      margin-top: 15px;
   }
   .service #bo_v .bo_fx .btn_list {
      display: block;
      width: 100%;
      line-height: 46px;
      font-size: 17px;
   }
   .service #bo_v .bo_fx .btn_write {
      display: none;
   }
}

.pg_wrap {
   display: inline-block;
   text-align: center;
   font-size: 0;
}
.pg_wrap .pg {
   display: inline-block;
}
.pg_wrap .pg_current, .pg_wrap .pg_page, .pg_wrap .pg_num {
   display: inline-block;
   width: 46px;
   height: 46px;
   line-height: 46px;
   font-family: "Verdana", Verdana, "돋움", "dotum", "arial";
   font-size: 13px;
   color: #8f8f8f;
}
.pg_wrap .pg_current {
   background: #004784;
   font-weight: bold;
   color: #fff;
}
.pg_wrap .pg_page {
   font-size: 13px;
}
.pg_wrap .pg_num, .pg_wrap .pg_current {
   margin: 0 6px;
}
.pg_wrap .pg_start,
.pg_wrap .pg_prev,
.pg_wrap .pg_next,
.pg_wrap .pg_end {
   font-size: 0;
   border: none;
   border: 1px solid #e5e5e5;
}
.pg_wrap .pg_start {
   background: url(../img/pg_start.png) 50% 50% no-repeat #fff;
}
.pg_wrap .pg_prev {
   background: url(../img/pg_prev.png) 50% 50% no-repeat #fff;
}
.pg_wrap .pg_next {
   background: url(../img/pg_next.png) 50% 50% no-repeat #fff;
}
.pg_wrap .pg_end {
   background: url(../img/pg_end.png) 50% 50% no-repeat #fff;
}
.pg_wrap .pg_start + .pg_prev,
.pg_wrap .pg_next + .pg_end {
   border-left: none;
}
@media screen and (max-width: 1280px) {
   .pg_wrap .pg_current, .pg_wrap .pg_page, .pg_wrap .pg_num {
      width: 34px;
      height: 34px;
      line-height: 32px;
      font-size: 14px;
      font-weight: normal;
      font-family: "roboto";
   }
   .pg_wrap .pg_current {
      background: none;
      color: #426aac;
   }
   .pg_wrap .pg_page {
      font-size: 14px;
   }
   .pg_wrap .pg_start,
.pg_wrap .pg_prev,
.pg_wrap .pg_next,
.pg_wrap .pg_end {
      font-size: 0;
   }
}

#register .wfix {
   font-size: 16px;
}
#register .tit_register {
   margin-top: 50px;
   font-size: 26px;
   color: #004784;
}
#register .prive-reg {
   height: 200px;
   margin-top: 20px;
   padding: 30px;
   background: #fff;
   border: 1px solid #e6e6e6;
   overflow-y: auto;
   font-size: 16px;
}
#register .fregister_agree {
   margin-top: 16px;
   font-size: 16px;
}
#register .fregister_agree .txt_agree, #register .fregister_agree .wrap_chk {
   display: inline-block;
}
#register .fregister_agree .txt_agree {
   margin-right: 25px;
}
#register .fregister_agree .wrap_chk {
   margin-right: 17px;
}
#register .fregister_agree .chk {
   border-radius: 100%;
}
#register .fregister_agree .chk:checked {
   background: url(../img/chk_radio.png) 50% 50% no-repeat #e9e9e9;
}
#register #form_member {
   margin-top: 58px;
   border-top: 2px solid #1c1c1c;
}
#register #form_member .tbl_wrap {
   border-bottom: 1px solid #bfbfbf;
}
#register #form_member th, #register #form_member td {
   font-size: 16px;
   font-weight: normal;
   padding: 16px 30px;
   text-align: left;
}
#register #form_member th {
   width: 140px;
   vertical-align: top;
   line-height: 20px;
   padding: 31px 0 31px 30px;
}
#register #form_member .slt, #register #form_member .inp {
   height: 50px;
   border: 1px solid #e6e6e6;
   padding: 0 20px;
}
#register #form_member .inp[type=tel] {
   width: 172px;
}
#register #form_member .ui-selectmenu-button {
   width: 130px;
}
#register #form_member td > .inp {
   width: 480px;
}
#register #form_member tr + tr th, #register #form_member tr + tr td {
   border-top: 1px solid #e6e6e6;
}
#register #form_member .item_chk .chk + label {
   line-height: 19px;
   font-weight: 300;
}
#register #form_member .item_chk + .item_chk {
   margin-left: 30px;
}
#register #form_member .chk {
   border-color: #e5e5e5;
}
#register #form_member .chk:checked {
   border-color: #426aac;
}
#register #form_member textarea.inp {
   width: 100%;
   height: 160px;
   padding: 20px;
}
#register #form_member .captcha {
   font-size: 0;
}
#register #form_member .captcha label {
   display: none;
}
#register #form_member .captcha #captcha_img {
   height: 50px;
   margin-right: 10px;
}
#register #form_member .captcha #captcha_reload {
   display: inline-block;
   width: 123px;
   height: 50px;
   margin-right: 10px;
   line-height: 50px;
   background: #004784;
   color: #fff;
   text-align: center;
   font-size: 16px;
}
#register #form_member .captcha .inp {
   width: 266px;
}
#register .btn_confirm {
   margin-top: 40px;
   text-align: center;
   font-size: 0;
}
#register .btn_confirm button, #register .btn_confirm a {
   display: inline-block;
   width: 160px;
   margin: 0 5px;
   line-height: 56px;
   height: 58px;
   font-size: 16px;
   border: 1px solid #004784;
   color: #004784;
   background: #fff;
   font-weight: normal;
}
#register .btn_confirm #btn_submit {
   background: #004784;
   color: #fff;
}
@media screen and (max-width: 1024px) {
   #register .tit_register {
      margin-top: 18px;
      font-size: 15px;
   }
   #register .prive-reg {
      height: auto;
      max-height: 204px;
      margin-top: 5px;
      padding: 15px;
      font-size: 14px;
   }
   #register .fregister_agree {
      margin-top: 13px;
      font-size: 14px;
   }
   #register .fregister_agree .txt_agree {
      display: block;
      margin: 0 0 8px;
   }
   #register #form_member {
      margin: 30px -15px 0;
      padding: 15px 15px 32px;
      border-top-width: 1px;
      border-bottom: 1px solid #111;
   }
   #register #form_member .tbl_wrap {
      border-bottom: none;
   }
   #register #form_member table, #register #form_member tbody, #register #form_member tr, #register #form_member th, #register #form_member td {
      display: block;
      padding: 0;
      border: none !important;
   }
   #register #form_member tr + tr {
      margin-top: 20px;
   }
   #register #form_member th {
      font-size: 15px;
      font-weight: normal;
   }
   #register #form_member td {
      margin-top: 4px;
   }
   #register #form_member .inp {
      width: 100%;
      max-width: 100%;
      height: 44px;
      font-size: 15px;
   }
   #register #form_member .slt {
      display: inline-block !important;
      width: 82px;
      height: 44px;
      font-size: 15px;
      padding: 0 35px 0 15px;
      background: url(../img/slt2.png) calc(100% - 15px) 50% no-repeat #fff;
      background-size: 11px auto;
   }
   #register #form_member .ui-selectmenu-button {
      display: none !important;
   }
   #register #form_member .wrap_tel {
      font-size: 0;
   }
   #register #form_member .wrap_tel .inp {
      width: calc(50% - 45px);
      margin-left: 4px;
   }
   #register #form_member #captcha_audio {
      margin-bottom: 10px;
   }
   #register #form_member .captcha .inp {
      width: 100%;
      margin-top: 10px;
   }
   #register #form_member .captcha #captcha_reload {
      background: #004784;
      font-size: 14px;
   }
   #register .btn_confirm {
      margin: 15px -5px 0;
   }
   #register .btn_confirm button, #register .btn_confirm a {
      width: calc(50% - 10px);
      height: 46px;
      line-height: 44px;
      font-size: 17px;
   }
   #register .btn_confirm #btn_submit {
      background: #004784;
   }
}

/* selectbox */
.ui-button {
   display: inline-block;
}

.ui-selectmenu-menu {
   display: none;
   position: absolute;
   top: 0;
   left: 0;
   cursor: pointer;
}

.ui-selectmenu-menu .ui-menu {
   overflow: auto;
   overflow-x: hidden;
   margin-top: -1px;
   padding-bottom: 1px;
   background: #fff;
   border: 1px solid #ddd;
}

.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
   font-size: 1em;
   font-weight: bold;
   line-height: 1.5;
   padding: 2px 0.4em;
   margin: 0.5em 0 0 0;
   height: auto;
   border: 0;
}

.ui-selectmenu-menu .ui-menu-item-wrapper {
   padding: 0 10px;
   line-height: 40px;
   font-size: 16px;
}

.ui-selectmenu-menu .ui-state-active {
   background: #f2f2f2;
}

.ui-selectmenu-open {
   display: block;
   z-index: 9999;
}

.ui-selectmenu-text {
   display: block;
   overflow: hidden;
   text-overflow: ellipsis;
}

.ui-selectmenu-button {
   position: relative;
   line-height: 48px;
   padding: 0 35px 0 10px;
   border: 1px solid #e0e0e0;
   text-align: left;
   white-space: nowrap;
   cursor: pointer;
   background: #fff;
}

.ui-selectmenu-icon.ui-icon {
   position: absolute;
   top: 50%;
   right: 12px;
   width: 11px;
   height: 6px;
   margin-top: -3px;
   background: url(../img/slt2.png) 50% 50% no-repeat;
   background-size: 11px auto;
}