@charset "UTF-8";


/* =========================================================
　◆concept Layout
========================================================= */
.concept_detail { margin-bottom: 45px; }
.concept_detail img { float: right; width: 349px; }
.concept_detail .text { overflow: hidden; }
.concept_detail .text p { font-size: 1.6rem; margin-top: 30px; }

@media only screen and (max-width:768px) { .concept_detail { margin-bottom: 20px; }
.concept_detail img { float: none; display: block; margin: 0 auto 40px; width: 300px; }
.concept_detail .text p { font-size: 1.4rem; margin-top: 15px; } }


/* =========================================================
　◆Service Layout
========================================================= */
.bgstyle01 { background: url(../images/service_contbg.jpg) repeat-x; }
.bgstyle02 { background: #f5f5f6; }

.l-mainvis_wrap .l-mainvis { margin: 0 auto; background: url(../images/top/mainvis.jpg) no-repeat center top; }
.l-mainvis_wrap .l-mainvis .l-mainvis_inner { width:1000px; height: 485px; position: relative; margin:0 auto; }
.l-mainvis_wrap .l-mainvis .l-mainvis_inner .service_title { position: absolute; top: 137px; left: 0; }
.l-mainvis_wrap .l-mainvis .l-mainvis_inner .service_achievement { position: absolute; top: 137px; right: 14px; }
.l-mainvis_wrap .l-service_nav { background: #000; }
.l-mainvis_wrap .l-service_nav ul { width: 1000px; margin: 0 auto; }
.l-mainvis_wrap .l-service_nav ul li { float: left; margin-right: 1px; }
.l-mainvis_wrap .l-service_nav ul li a { display: block; }
.l-mainvis_wrap .l-service_nav ul li:last-child { margin-right: 0; }

.left_block { float: left; }
.left_block.l-service_block_text { padding-left: 32px; }

.right_block { float: right; }
.right_block.l-service_block_text { padding-left: 30px; }

.l-service_cont { max-width:1400px; width: 100%; margin: 0 auto; }
.l-service_cont .l-service_block { height: 400px; position:relative; }
.l-service_cont .l-service_block .l-service_block_text { width: 50%; padding-top: 105px;}
.l-service_cont .l-service_block .l-service_block_text.intro_block { max-width:inherit; }
.l-service_cont .l-service_block .l-service_block_text .service_detail-title { font-size: 2.2rem; margin-bottom: 20px; }
.l-service_cont .l-service_block .l-service_block_text .service_detail-text { font-size: 1.4rem; margin-bottom: 26px; }
.l-service_cont .l-service_block .l-service_block_text .service_detail-link { font-size: 1.4rem; text-decoration: underline; color: #0C317F; }
.l-service_cont .l-service_block .l-service_block_text .service_detail-link:hover { text-decoration: none; }
.l-service_cont .l-service_block .l-service_block_img { width: 700px; }
.l-service_cont .l-service_block.repair_block { background: url(../images/top/service_cont_img02.jpg) no-repeat; }

@media screen and (min-width: 750px) {
    .l-service_cont .l-service_block .l-service_block_img { height: 400px; position:absolute; }
    .l-service_cont .l-service_block .l-service_block_img.right_block { left:50%; }
    .l-service_cont .l-service_block .l-service_block_img.left_block { right:50%; }
}

/* =========================================================
　◆Service lower Layout
========================================================= */

.service-lower_replace .l-mainvis_wrap .l-mainvis .l-mainvis_inner { background: none; }
.service-lower_replace .l-mainvis_wrap .l-mainvis .l-mainvis_inner .service_title { top: 64px; left: 8px; }
.service-lower_replace .l-mainvis_wrap .l-mainvis .l-mainvis_inner .service_achievement { top: 255px; right: 14px; }

.service-lower .l-service_cont .l-service_block.l-service_clm1_block .l-service_block_text { text-align: center; width: auto; padding-top: 82px; }
.service-lower .l-service_cont .l-service_block.l-service_clm1_block .l-service_block_text .service_detail-title { margin-bottom: 30px; }

h3.glasstar_icon { position: relative; }
h3.glasstar_icon:after { content: ""; width: 104px; height: 104px; display: block; position: absolute; right: 0; top: 0; }
h3.glasstar_icon.icon_position01:after { left: 356px; top: -20px; }
h3.glasstar_icon.icon_position02:after { left: 348px; top: -20px; }
h3.glasstar_icon.icon_position03:after { left: 342px; top: -1px; }

@media screen and (min-width: 1001px) {
    body { overflow-x:hidden; }
}
@media screen and (max-width: 1400px) {
    .service-lower_replace .l-service_block .l-service_block_inner { overflow: hidden; }
}
@media screen and (max-width: 1000px) {
    .service-lower_replace .l-service_block .l-service_block_inner { position:relative; }
}
@media screen and (min-width: 751px) {
    .l-service_block .l-service_block_inner { width:1000px; height: 400px; margin: 0 auto; }
    .service-lower_replace .l-service_block.lineup_block .l-service_block_text { padding-left: 19px; padding-top: 96px; }
    .service-lower_replace .l-service_block.guard_block .l-service_block_text { padding-left: 20px; padding-top: 130px; }
    .service-lower_replace .l-service_block.clean_block .l-service_block_text { padding-left: 18px; padding-top: 141px; }
    .service-lower_replace .l-service_block.adhesion_block .l-service_block_text { padding-left: 33px; padding-top: 69px; }
}

.service-lower_replace .l-service_block.lineup_block .l-service_block_text { padding-left: 19px; padding-top: 96px; }
.service-lower_replace .l-service_block.guard_block .l-service_block_text { padding-left: 20px; padding-top: 130px; }
.service-lower_replace .l-service_block.clean_block .l-service_block_text { padding-left: 18px; padding-top: 141px; }
.service-lower_replace .l-service_block.adhesion_block .l-service_block_text { padding-left: 33px; padding-top: 69px; }

.service-lower_replace .l-service_block.assurance_block .service_detail-title { margin-bottom: 16px !important; }
.service-lower_replace .l-service_block.assurance_block .assurance_block_inner { width: 680px; margin: 0 auto; }
.service-lower_replace .l-service_block.assurance_block .assurance_block_inner .assurance_block_left_logo { float: left; padding: 25px 0 0 120px; }
.service-lower_replace .l-service_block.assurance_block .assurance_block_inner .assurance_block_right_text { float: left; padding: 50px 0 0 30px; font-size: 1.4rem; text-align: left; }
.service-lower_replace .l-service_block.assurance_block .assurance_block_inner .assurance_block_right_text p { margin-bottom: 11px; }
.service-lower_replace .l-service_block.assurance_block .assurance_block_inner .assurance_block_right_text a { font-size: 1.4rem; text-decoration: underline; color: #0C317F; }
.service-lower_replace .l-service_block.assurance_block .assurance_block_inner .assurance_block_right_text a:hover { text-decoration: none; }

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

  /* =========================================================
    ◆Service Layout
  ========================================================= */
  .l-mainvis_wrap { margin-bottom: 24px; }
  .l-mainvis_wrap .l-mainvis { width: 100%; margin: 0 auto; }
  .l-mainvis_wrap .l-mainvis .l-mainvis_inner { width: 100%; height: auto; background: none; }
  .l-mainvis_wrap .l-service_nav ul { width: 100%; }
  .l-mainvis_wrap .l-service_nav ul li { margin: 0 0.5% 0.5% 0; width: 24.5%; }
  .l-mainvis_wrap .l-service_nav ul li a img { width: 100%; }
  .l-mainvis_wrap .l-service_nav ul li:nth-child(4) { margin-right: 0; }
  .l-mainvis_wrap .l-service_nav ul li:nth-child(n + 5) { margin-bottom: 0; }
  .left_block { float: none; }
  .left_block.l-service_block_text { padding-left: 0; }
  .right_block { float: none; }
  .right_block.l-service_block_text { padding-left: 0; }
  .l-service_cont { width: 100%; height: auto; margin: 0 auto; }
  .l-service_cont .l-service_block { height: auto; padding-top: 25px; }
  .l-service_cont .l-service_block .l-service_block_text { width: 100%; padding-top: 0; text-align: center; margin-bottom: 15px; }
  .fix-title .service_detail-title{width: 100%!important;}
  .l-service_cont .l-service_block .l-service_block_text .service_detail-title { font-size: 1.8rem; margin-bottom: 15px;}
  .l-service_cont .l-service_block .l-service_block_text .service_detail-text { font-size: 1.4rem; margin-bottom: 16px; }
  .l-service_cont .l-service_block .l-service_block_text .service_detail-link { font-size: 1.4rem; text-decoration: underline; color: #0C317F; }
  .l-service_cont .l-service_block .l-service_block_text .service_detail-link:hover { text-decoration: none; }
  .l-service_cont .l-service_block .l-service_block_img { width: 100%; }
  .l-service_cont .l-service_block.repair_block { background: none; }
  .l-service_cont .l-service_block:last-child .l-service_block_img { margin-bottom: 0; }
  /* =========================================================
    ◆Service lower Layout
  ========================================================= */
  .service-lower .l-service_cont .l-service_block.l-service_clm1_block .l-service_block_text { width: 100%; padding-top: 0; }
  h3.glasstar_icon { position: relative; }
  h3.glasstar_icon:after { width: 13.866666%; height: 52px; position: absolute; right: 0; top: 0; background-size: contain; background-repeat: no-repeat; }
  h3.glasstar_icon.icon_position01:after { top: 8px; left: 240px; }
  h3.glasstar_icon.icon_position02:after { left: 113%; top: 0; }
  h3.glasstar_icon.icon_position03:after { left: 188px; top: 14px; }
  .service-lower_replace .l-mainvis_wrap .l-mainvis { background: none; }
  .service-lower_replace .l-mainvis_wrap .l-mainvis .l-mainvis_inner { background: none; }
  .service-lower_replace .l-mainvis_wrap .l-mainvis .l-mainvis_inner .service_title { top: 64px; left: 208px; }
  .service-lower_replace .l-mainvis_wrap .l-mainvis .l-mainvis_inner .service_achievement { top: 255px; right: 214px; }
  .service-lower_replace .l-service_block .l-service_block_text { width: 85%; margin: 0 auto; text-align: left; }
  .service-lower_replace .l-service_block.guard_block .l-service_block_text { padding-left: 0; padding-top: 0; }
  .service-lower_replace .l-service_block.clean_block .l-service_block_text { padding-left: 0; padding-top: 0; }
  .service-lower_replace .l-service_block.adhesion_block .l-service_block_text { padding-left: 0; padding-top: 0; }
  .service-lower_replace .l-service_block.assurance_block { position: relative; margin: 0 auto; width: 85%; }
  .service-lower_replace .l-service_block.assurance_block .service_detail-title { margin-bottom: 16px !important; font-size: 1.5rem; text-align: left; margin-left: 33.3333333%; }
  .service-lower_replace .l-service_block.assurance_block .assurance_block_inner { width: auto; margin: 0 0 0 33.333333%; }
  .service-lower_replace .l-service_block.assurance_block .assurance_block_inner .assurance_block_left_logo { padding: 0; width: 20.5333%; }
  .service-lower_replace .l-service_block.assurance_block .assurance_block_inner .assurance_block_right_text { padding: 0; font-size: 1.1rem; text-align: left; }
  .service-lower_replace .l-service_block.assurance_block .assurance_block_inner .assurance_block_right_text p { margin-bottom: 11px; font-size: 1.3rem; }
  .service-lower_replace .l-service_block.assurance_block .assurance_block_inner .assurance_block_right_text a { display: block; font-size: 1.3rem; margin-bottom: 26px!important;}
  .service-lower_replace .l-service_block.assurance_block:before {
    content: "";
    background: url(../images/owner/glasstar_largelogo.png);
    width: 25%;
    height: 61%;
    background-size: contain;
    position: absolute;
    top: 25px;
    background-repeat: no-repeat;
    left: 2.66666%;
  }
}



.l-mainvis_wrap{
  width: 1000px;
  margin: 0 auto;
  overflow: hidden;
  padding: 20px 0 46px 0;
}
@media screen and (max-width: 750px) {
  .l-mainvis_wrap {
    padding-bottom: 0;
  }
}

.l-mainvis_wrap .nav li{
  float: left;
  font-size: 1.4rem;
}
.l-mainvis_wrap .nav li:after{
  content: '>';
  padding: 0 14px;
}
.l-mainvis_wrap .nav li.last:after{
  content: '';
}
.l-mainvis_wrap .nav li a{
  color:#121E5E;
}
.l-mainvis_wrap .reason{
  color: #fff;
  padding-left: 30px;
  margin-top: 45px;
}
.l-mainvis_wrap .reason p{
  background-color: #002786;
  max-width: 308px;
  font-size: 1.6rem;
  line-height: 1.1;
  font-weight: bold;
  padding:10px;
}
.l-mainvis_wrap .reason p span{
  font-size: 0.9rem;

}
.l-mainvis_wrap .more{
  font-size: 2.4rem;
  padding-left: 30px;
  color: #002786;
  margin: 30px 0px 30px 0px;
}

@media screen and (max-width: 750px) {
  .l-mainvis_wrap{width: 100%;}
  .l-mainvis_wrap .reason,.l-mainvis_wrap .more{padding:0 15px;}
  .l-mainvis_wrap .more{
    font-size: 1.4rem;
    margin-top: 25px;
  }
  .l-mainvis_wrap .reason{margin-top: 20px;}
  .l-mainvis_wrap .reason p{
    width: 100%;
  }
}



.custom-navigation{position: absolute;left: 20px;top: 20px;}
.custom-controls-container{overflow: hidden;}

@media screen and (max-width:750px){
  .slider-box{position: relative;}
}


.sec_title01 {margin: 45px 0px 50px 0px; }
.sec_title03 > span:before { content: " "; position: absolute; width: 6px; height: 6px; background: #082e82; border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -webkit-border-radius: 50%; -o-border-radius: 50%; top: -10px; left: 50%; margin-left: -3px; }

@media screen and (min-width:751px) {
  .fix-bg#top{
    background: url(../images/bg-body.jpg)  repeat-x;
  }
}


@media screen and (max-width:750px) {
  ul.nav{
    margin-left: 15px;
  }
}

@media screen and (max-width: 750px){
  .fix-width{width: 100%!important;}
  .fix-bottom{width: 85%!important;margin: 0 auto;}
  .w85 {
    width: 85%!important;
  }
  .mb00 {
    margin-bottom: 0!important;
  }
  .h-auto {
    height: auto!important;
  }
  .reason {
    padding: 0 15px;
    margin-bottom: 46px;
  }
  h2.sec_title01 {
    margin: 0!important;
    padding: 10px 10px 11px 10px !important;
    background-color: #002786;
    max-width: 308px;
    width: 100%;
    font-size: 1.4rem;
    line-height: 1.1;
    font-weight: bold;
  }
  .sec_title01 small {
    font-weight: bold;
    margin-top: 3px;
  }
  .concept_detail img {
    width: 85%;
  }
  .pt20 {
    padding-top: 20px !important;
  }
  .concept_txt1-sp {
    font-size: 1.8rem;
  }
  .wrap_inr {
    width: 85%;
    margin: auto;
    padding: 0;
  }
}





.flex-direction-nav{
  position: absolute;
  left: 20px;
  bottom: 20px;
}
.flex-direction-nav li{
  float: left;
  width: 25px;
  height: 30px;
  margin-right: 15px;
}
.flex-direction-nav li a{
  display: block;
  width: 100%;
  height: 100%;
}
.flex-direction-nav .flex-prev{
  background: url(../images/slider_btn.png) left center no-repeat;
}
.flex-direction-nav .flex-next{
  background: url(../images/slider_btn.png) right center no-repeat;
}