@charset "utf-8";

body {
 
}
.blue_btn a {
  color: #2b3299;
  display: block;
}
.common_inner {
  max-width: 1200px;
  margin: 0 auto;
}

@media screen and (max-width: 1250px) {
  .common_inner {
    max-width: 90%;
  }
}

.wide_width {
  width: 1720px;
  margin: 0 auto;
}

@media screen and (max-width: 1800px) {
  .wide_width {
    width: 95%;
  }
}

@media screen and (max-width: 498px) {
  .wide_width {
    width: 90%;
  }
}

.c_000 {
  color: #000;
}

.c_fff {
  color: #fff;
}

.c_lightblue {
  
}

.c_blue {
  color: #292B53;
}

.c_gray {
  color: #6E6E6E;
}


.bg_green {
  background: #ACB864;
}

.bg_blue {
  background: #292B53;
}

.hasptpb {
 padding: 75px 0;
}
.posi_rela{
  position: relative;
}
  /*-------------------main------------------------*/
  .vertical-text {
    writing-mode: vertical-rl; /* 縦書きに設定 */
    text-orientation: upright; /* 文字を正立させる */
  }


  .top_main .vertical-text{

  }
  .posi_rela{
    position: relative;
  }
  .main_re{
    width: calc(100% - 130px );
  }
.abu_up{
  width: 200px;
  position: absolute;
  right: 2%;
  top: 3%;
}

.abu_bottom{

  position: absolute;
  right: 8%;
  bottom: 9%;
}

.top_main_ol{
  align-content: stretch;
}

.top_main_ol li.bg_fff{
  width:130px ;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}
.logo_blue{
  width: 100px;
  margin: 10px auto;
}
.top_main_ol li.posi_resla{
  width: calc(100% - 130px);
}

.top_main_ol li.posi_resla .main_img{
  height: 100%;
}

.top_main_ol li.bg_fff .vertical-text {
 
}

.bg_kiki{
  background: url(https://www.iris.jp/wp/wp-content/themes/iris/img/lpab/kiki_bg.png) no-repeat ;
  background-size: contain;
  background-position: left;

}
.bg_blue_radi{
  background: #292B50;
  color: #fff;
  padding: 20px 20px;
  border-radius: 30px;
  letter-spacing: 0.05em;
}
.line_ol li{
width: 60%;
}
.line_ol li.flex02{
  flex-direction: row-reverse;
  justify-content: center;
  width: 35%;
}
.bg_com{
  background: url(https://www.iris.jp/wp/wp-content/themes/iris/img/lpab/lp24_002.png) no-repeat ;
  background-size: cover;
  background-position: bottom;
  height: 415px;
  position: relative;
}
.bg_com_b{
  background: url(https://www.iris.jp/wp/wp-content/themes/iris/img/lpab/lp24_002_b.png) no-repeat ;
  background-position: center;
}
.heading-wrapper {
  display: inline-block;
  text-align: center;
}
.heading {
  display: inline-block;
  text-align: center; 
  position: relative;
  line-height: 1em;
}

 .heading:after {
  content: "";
display: block;
   width: 100%;
  height: 4px;
  width: 100%; 
  background-color: #ffffff; }
.c_blue.heading:after {background-color: #292B53; }
.heading:after {
  margin-top: 5px;  
}

.subheading {
  display: inline-block;
            text-align: center;
            margin-top: 10px;;
}



.ab_img{
  position: absolute;
  width: 500px;
  bottom: -120px;
}

.ab_txt{
  bottom: -150px;
  position: absolute;
  right: 15%;
  text-shadow: 2px 2px 4px rgba(255, 255, 255, 0.5);
}

.lp_com img{
  width: auto;
}

.bg_con{
  background: #292B4C;

}
.bg_con h1,.bg_con p ,.bg_con dd ,.bg_con dl{
  color: #fff !important;
}
.name_img {
  width: 140px !important;
  display: inline-block;
}
.dl_003 dd{
  width: 100%;
}
#lp_ex .heading:after {
  background-color: #292B53; }
  #lp_ab  #company .kyoten dl {
    width: 45%;
  }
  #lp_ab #company .kyoten dl {
    display: flex;
    align-items: flex-start;
  }
  .quali_4 {
    margin-bottom: 55px;
  }
  
  .quali_4 li {
    position: relative;
    height: 275px;
    width: 20%;
    margin-right: unset;
  }
  
  .quali_4 li:first-child {
    background: url(https://www.iris.jp/wp/wp-content/themes/iris/img/lpab/lp003_recycle005.png) no-repeat;
    background-size: cover;background-position: center;
  }
  
  .quali_4 li:nth-child(2) {
    background: url(https://www.iris.jp/wp/wp-content/themes/iris/img/lpab/lp003_recycle006.png) no-repeat;
    background-size: cover;background-position: center;
  }
  
  .quali_4 li:nth-child(3) {
    background: url(https://www.iris.jp/wp/wp-content/themes/iris/img/lpab/lp003_recycle007.png) no-repeat;
    background-size: cover;background-position: center;
  }
  
  .quali_4 li:nth-child(4) {
    background: url(https://www.iris.jp/wp/wp-content/themes/iris/img/lpab/lp003_recycle008.png) no-repeat;
    background-size: cover;background-position: center;
  }
  .quali_4 li:nth-child(5) {
    background: url(https://www.iris.jp/wp/wp-content/themes/iris/img/lpab/lp003_recycle009002.png) no-repeat;
    background-size: cover;background-position: center;
  }
  .quali_4 li .q_4_tit {
    color: #fff;
    position: absolute;
    text-align: center;
    line-height: 1.5em;
    font-weight: 800;
    bottom: 15px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    width: 100%;
    text-shadow: 1px 2px 1px #000;
    z-index: 10;
  }
  
  .q_4_tit span {
    font-size: 0.8em;
    color: #fff;
    display: block;
    text-align: center;
    font-weight: 800;
  }
  #lp_ab #company .com_dl_001 dd {
    text-align: left;}
    #lp_ab #company dl{
      display: flex;
      align-items: baseline;
    }
    .sub_box_002 .bg_img{
      width: 300px;
      left: 25%;
      top: 16%;
    }
    @media (max-width:1700px) {
      .sub_box_002 .bg_img{
        left: 15%;
      }
    }
    @media (max-width:1400px) {
      .sub_box_002 .bg_img{
        left: 8%;
      }
    }
    #lp_ab #decoless{
position: relative;
}
    #lp_ab  .sub_box_002 .inner_b_002 span{
      color: #fff;
    }

    #lp_ab .clom_3_img {
      width: 100%;
      margin: 0 auto;
    
    }
    #lp_ab .clom_3_img.flex03 li {
      width: 33.333%;
      margin-right: 0%;
      font-size: 16px;
      font-weight: bold;
    }
    #lp_ab .clom_3_img.flex03 li img{
      margin-bottom: 5px;
    }
    .swiper-horizontal {
      touch-action: pan-y;
      overflow: hidden;
    }
.slid_p{font-size: 20px;
font-weight: 800;
display: block;
margin-top: 10px;
}
.slid_snp{
  font-size: 16px;
  margin-top: 5px;
}
.mgb40{
  margin-bottom: 40px;
}
#lp_ab_b .line_ol{
  align-items: center;
}
@media (max-width:1100px) {
  .logo_blue {
    width: 70px;
  }
  .sub_box_002 .inner_b_002 {
    width: 470px;
  }
}

@media (max-width:980px) {
.abu_up {
  width: 135px;

}
.top_main_ol li.bg_fff {
  width: 90px;
}
.main_re {
  width: calc(100% - 90px );
}
#company dt {
  width: 15%;
}
.com_dl_001 dd {
  width: 80%;
}
.ab_img {
  width: 410px;
}
.ab_txt {
  bottom: -113px;
  position: absolute;
  right: 6%;
  text-shadow: 2px 2px 4px rgba(255, 255, 255, 0.5);
  font-size: 22px;
}
}
@media (max-width:798px) {
  .line_ol li.flex02 {
    width: 45%;
  }
  .line_ol li {
    width: 55%;
  }

  .sub_box_002 .inner_b_002 {
    width: 370px;
  }

}
@media only screen and (max-width: 798px) {

  .ab_img {
    width: 50%;
    bottom: -50px;
    left: 0;
  }
  .ab_txt {
    bottom: -120px;
    right: 5%;
  }
  .name_img {
    margin-top: 15px;
  }
  #company dt {
    float: none;
    clear: both;
    margin-right: 1.5em;
    width: 100%;
    text-align: left;

    margin-top: 7px;
  }
  #company dd {
    float: left;
    margin-left: 0em;
    line-height: 3em;
    margin-top: 7px;
  }
  .quali_4 li {
    width: 100%;
  }
  .sub_box_002 .bg_img {
    width: 219px;
    left: 5%;
    top: 40%;
  }
}


@media only screen and (max-width: 498px) {
  .logo_blue {
    width: 44px;
  }
  .top_main_ol li.bg_fff {
    width: 55px;
  }
  .main_re {
    width: calc(100% - 55px );
  }
.abu_bottom {
  right: 3%;
  bottom: 56%;
  font-size: 20px;
}
.line_ol li.flex02 {
  width: 100%;
  margin-bottom: 15px;
}
.line_ol li {
  width: 100%;
}
.ab_img {
  position: absolute;
  width: 85%;
  bottom: -50px;
  left: 0;
}
.ab_txt {
  bottom: -110px;
  position: absolute;
  right: 4%;}
  #lp_ab #company .kyoten dl {
    width: 100%;
  }
  .sub_box_002 .bg_img {
    width: 130px;
    left: 2%;
    top: 46%;
  }
  .sub_box_002 .inner_b_002 {
    width: 100%;
    padding-top: 20px;
  }

  .sub_box_002 .inner_b_002 span {
    font-size: 30px;
    margin-top: 4px;
    padding: 10px 0;}
  #lp_ab .kyoten h1.ft25 {
    font-size: 18px;}
    #lp_ab  #company .kyoten dt img {
      width: 58px;
    }
    #lp_ab  #company .kyoten dd {
      width: 73%;
    }
   #lp_ab .sub_box_002 .inner_b_002 p {
    font-size: 14px;
    width: 63%;
    padding-bottom: 15px;
    margin-bottom: 0;
    margin-left: 40%;
  }
      #lp_ab .clom_3_img.flex03 li {
        width: 100%;
      }
}
/* sp */

/* 最新のsafari用*/

  ::-webkit-full-page-media, :future, :root #form .Form input, .Form textarea {
    width: 100%;
  }

  ::-webkit-full-page-media, :future, :root #recruit .mw_wp_form .horizontal-item input {
    margin-left: 31px;
    width: auto !important;
  } 
  ::-webkit-full-page-media, :future, :root #form .mw_wp_form .horizontal-item input {
    width: auto !important;
  }
  ::-webkit-full-page-media, :future, :root #recruit #form .Form [type="radio"]{
    width: auto !important;
  }




/*! destyle.css v2.0.2 | MIT License | https://github.com/nicolas-cusan/destyle.css */

/* Reset box-model and set borders */
/* ============================================ */

.clearfix::after {
  content: "";
  display: block;
  clear: both;
}


*,
::before,
::after {
  box-sizing: border-box;
  border-style: solid;
  border-width: 0;
}