/* ======================================================================
 setting
====================================================================== */
/* ======================================================================
 p_trouble_single
====================================================================== */
.p_trouble_single .l_main_visual.pt3 > .inner > .drop_wrap > .content .box_1:before {
  content: '';
  background: url(../img/trouble/ico_trouble.png) no-repeat;
  width: 34px;
  height: 32px;
  display: inline-block;
  margin: 0 10px 0 0;
  vertical-align: middle;
}
@media screen and (max-width: 768px) {
  .p_trouble_single .l_main_visual.pt3 > .inner > .drop_wrap > .content .box_1:before {
    background: url(../img/sp/trouble/ico_trouble.png) no-repeat;
    width: 34px;
    height: 31px;
    background-size: cover;
  }
}
.p_trouble_single .l_main_visual.pt3 > .inner > .drop_wrap > .content .box_1 .ttl {
  max-width: 100%;
  display: inline-block;
  vertical-align: middle;
}
@media screen and (max-width: 640px) {
  .p_trouble_single .l_main_visual.pt3 > .inner > .drop_wrap > .content .box_1 .ttl {
    max-width: -moz-calc(100% - 50px);
    max-width: -o-calc(100% - 50px);
    max-width: -webkit-calc(100% - 50px);
    max-width: calc(100% - 50px);
    vertical-align: top;
  }
}
.p_trouble_single .l_main_visual.pt3 > .inner > .drop_wrap > .content .box_1 .cat_box {
  padding: 0 0 0 50px;
}
@media screen and (max-width: 768px) {
  .p_trouble_single .l_main_visual.pt3 > .inner > .drop_wrap > .content .box_1 .cat_box {
    padding: 0;
    margin: 10px 0 0 50px;
  }
}
.p_trouble_single .l_content .l_main > .inner .trouble_detail > .l_content_size,
.p_trouble_single .l_content .l_main > .inner .trouble_solution > .l_content_size,
.p_trouble_single .l_content .l_main > .inner .trouble_advice > .l_content_size {
  padding: 0 100px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .p_trouble_single .l_content .l_main > .inner .trouble_detail > .l_content_size,
  .p_trouble_single .l_content .l_main > .inner .trouble_solution > .l_content_size,
  .p_trouble_single .l_content .l_main > .inner .trouble_advice > .l_content_size {
    padding: 0 4.6875%;
  }
}
.p_trouble_single .l_content .l_main > .inner .trouble_detail > .l_content_size .ttl,
.p_trouble_single .l_content .l_main > .inner .trouble_solution > .l_content_size .ttl,
.p_trouble_single .l_content .l_main > .inner .trouble_advice > .l_content_size .ttl {
  font-size: 3.2em;
  line-height: 1.4;
  letter-spacing: .06em;
  font-weight: 400;
  border-bottom: solid 4px #018fa7;
  padding: 0 0 20px;
  margin: 0 0 30px;
}
@media screen and (max-width: 768px) {
  .p_trouble_single .l_content .l_main > .inner .trouble_detail > .l_content_size .ttl,
  .p_trouble_single .l_content .l_main > .inner .trouble_solution > .l_content_size .ttl,
  .p_trouble_single .l_content .l_main > .inner .trouble_advice > .l_content_size .ttl {
    font-size: 2.5em;
    margin: 0 0 20px;
    padding: 0 0 10px;
  }
}
.p_trouble_single .l_content .l_main > .inner .trouble_detail .img_wrap,
.p_trouble_single .l_content .l_main > .inner .trouble_solution .img_wrap {
  width: 100%;
  text-align: center;
  margin: 0 0 20px;
}
@media screen and (max-width: 768px) {
  .p_trouble_single .l_content .l_main > .inner .trouble_detail .img_wrap,
  .p_trouble_single .l_content .l_main > .inner .trouble_solution .img_wrap {
    height: 200px;
    overflow: hidden;
    margin: 0 0 10px;
    position: relative;
  }
}
.p_trouble_single .l_content .l_main > .inner .trouble_detail .img_wrap .img,
.p_trouble_single .l_content .l_main > .inner .trouble_solution .img_wrap .img {
  max-width: 100%;
}
@media screen and (max-width: 768px) {
  .p_trouble_single .l_content .l_main > .inner .trouble_detail .img_wrap .img,
  .p_trouble_single .l_content .l_main > .inner .trouble_solution .img_wrap .img {
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    position: absolute;
    top: 50%;
    left: 50%;
  }
}
.p_trouble_single .l_content .l_main > .inner .trouble_detail {
  padding: 0 0 100px;
}
@media screen and (max-width: 768px) {
  .p_trouble_single .l_content .l_main > .inner .trouble_detail {
    padding: 0 0 60px;
  }
}
.p_trouble_single .l_content .l_main > .inner .trouble_solution {
  background: #f8f8f8;
  padding: 100px 0;
}
@media screen and (max-width: 768px) {
  .p_trouble_single .l_content .l_main > .inner .trouble_solution {
    padding: 60px 0;
  }
}
.p_trouble_single .l_content .l_main > .inner .trouble_advice {
  padding: 50px 0;
  background: #cef0f6;
}
@media screen and (max-width: 768px) {
  .p_trouble_single .l_content .l_main > .inner .trouble_advice {
    padding: 50px 4.6875%;
  }
}
.p_trouble_single .l_content .l_main > .inner .trouble_advice > .l_content_size {
  background: #fff;
  padding: 50px 100px;
}
@media screen and (max-width: 768px) {
  .p_trouble_single .l_content .l_main > .inner .trouble_advice > .l_content_size {
    padding: 50px 15px;
  }
}
.p_trouble_single .l_content .l_main > .inner .trouble_advice > .l_content_size .content_block {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between;
  -webkit-align-items: start;
  -moz-align-items: start;
  -ms-align-items: start;
  align-items: start;
}
@media screen and (max-width: 768px) {
  .p_trouble_single .l_content .l_main > .inner .trouble_advice > .l_content_size .content_block {
    display: block;
  }
}
@media screen and (max-width: 768px) {
  .p_trouble_single .l_content .l_main > .inner .trouble_advice > .l_content_size .content_block .img_wrap {
    padding: 0 60px;
  }
}
.p_trouble_single .l_content .l_main > .inner .trouble_advice > .l_content_size .content_block .img_wrap .img {
  max-width: 100%;
}
.p_trouble_single .l_content .l_main > .inner .trouble_advice > .l_content_size .content_block .txt {
  width: 100%;
  margin: 0 0 0 60px;
  background: #f8f8f8;
  padding: 50px;
  position: relative;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
}
@media screen and (max-width: 768px) {
  .p_trouble_single .l_content .l_main > .inner .trouble_advice > .l_content_size .content_block .txt {
    margin: 40px 0 0;
    padding: 30px 25px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
  }
}
.p_trouble_single .l_content .l_main > .inner .trouble_advice > .l_content_size .content_block .txt:before {
  content: "";
  position: absolute;
  top: 50px;
  left: -15px;
  display: block;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 15px 15px 15px 0;
  border-color: rgba(0, 0, 0, 0) #f8f8f8 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
}
@media screen and (max-width: 768px) {
  .p_trouble_single .l_content .l_main > .inner .trouble_advice > .l_content_size .content_block .txt:before {
    top: -25px;
    left: -moz-calc(50% - 20px);
    left: -o-calc(50% - 20px);
    left: -webkit-calc(50% - 20px);
    left: calc(50% - 20px);
    border-style: solid;
    border-width: 0 20px 25px 20px;
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #f8f8f8 rgba(0, 0, 0, 0);
  }
}
.p_trouble_single .l_content .l_main > .img_block {
  text-align: center;
  margin: 70px 0 100px;
}
@media screen and (max-width: 768px) {
  .p_trouble_single .l_content .l_main > .img_block {
    padding: 0 4.6875%;
    margin: 70px 0;
  }
}

/*# sourceMappingURL=p_trouble_single.css.map */