@charset "UTF-8";
/*
font-family :"Times New Roman", "游明朝", YuMincho,"ヒラギノ明朝 Pr6 W6","Hiragino Mincho Pro", "HGS明朝E","メイリオ", "ＭＳ Ｐ明朝","MS PMincho",Meiryo, serif;
font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', 'Roboto', sans-serif;
*/
/* line 29, page_service.scss */
#service .sec { display: flex; justify-content: space-between; flex-wrap: wrap; }
/* line 30, page_service.scss */
#service .sec:not(:last-child) { margin-bottom: 100px; }
@media only screen and (max-width: 750px) { /* line 30, page_service.scss */
  #service .sec:not(:last-child) { margin-bottom: 50px; } }
/* line 31, page_service.scss */
#service .sec .text { text-align: left; width: 49.5%; }
@media only screen and (max-width: 750px) { /* line 31, page_service.scss */
  #service .sec .text { width: 100%; } }
@media only screen and (max-width: 750px) { /* line 32, page_service.scss */
  #service .sec .text .cmnTit { padding-right: 1.5em; } }
/* line 33, page_service.scss */
#service .sec .text .cmnTit em { margin-right: 0; text-align: justify; }
/* line 35, page_service.scss */
#service .sec .text .catch { font-size: 28px; line-height: 1.8; font-weight: 600; letter-spacing: .025em; margin-bottom: .5em; text-align: justify; }
@media only screen and (max-width: 750px) { /* line 35, page_service.scss */
  #service .sec .text .catch { font-size: 20px; } }
/* line 37, page_service.scss */
#service .sec .text .catch, #service .sec .text .read { padding-left: 30px; }
@media only screen and (max-width: 750px) { /* line 37, page_service.scss */
  #service .sec .text .catch, #service .sec .text .read { padding-inline: 6%; } }
/* line 39, page_service.scss */
#service .sec .phWrap { position: relative; display: flex; justify-content: space-between; flex-wrap: wrap; width: 45.5%; }
@media only screen and (max-width: 750px) { /* line 39, page_service.scss */
  #service .sec .phWrap { width: 92%; margin: 1.25em auto 0; } }
/* line 40, page_service.scss */
#service .sec .phWrap .ph { width: 100%; }
/* line 42, page_service.scss */
#service .sec:nth-of-type(even) { flex-direction: row-reverse; }
@media only screen and (max-width: 750px) { /* line 56, page_service.scss */
  #service.fire_protection .sec.sec01 { position: relative; } }
/* line 57, page_service.scss */
#service.fire_protection .sec.sec01 .text { width: 44%; }
@media only screen and (max-width: 750px) { /* line 57, page_service.scss */
  #service.fire_protection .sec.sec01 .text { width: 100%; } }
/* line 62, page_service.scss */
#service.fire_protection .sec.sec01 .text .read { padding-right: 3em; }
@media only screen and (max-width: 750px) { /* line 62, page_service.scss */
  #service.fire_protection .sec.sec01 .text .read { padding-inline: 1.5em; } }
/* line 64, page_service.scss */
#service.fire_protection .sec.sec01 .phWrap { /*width: 56%;*/ width: 595px; }
@media only screen and (max-width: 750px) { /* line 64, page_service.scss */
  #service.fire_protection .sec.sec01 .phWrap { width: 92%; position: static; } }
/* line 65, page_service.scss */
#service.fire_protection .sec.sec01 .phWrap .ph { width: 55%; flex-direction: row-reverse; }
@media only screen and (max-width: 750px) { /* line 65, page_service.scss */
  #service.fire_protection .sec.sec01 .phWrap .ph { flex-direction: row; } }
/* line 66, page_service.scss */
#service.fire_protection .sec.sec01 .phWrap .ph.ph01 { margin-left: auto; z-index: 1; }
@media only screen and (max-width: 750px) { /* line 66, page_service.scss */
  #service.fire_protection .sec.sec01 .phWrap .ph.ph01 { margin-left: 0; } }
/* line 67, page_service.scss */
#service.fire_protection .sec.sec01 .phWrap .ph.ph02 { margin-top: -50px; z-index: 0; }
@media only screen and (max-width: 750px) { /* line 67, page_service.scss */
  #service.fire_protection .sec.sec01 .phWrap .ph.ph02 { margin-top: -30px; margin-left: auto; } }
/* line 68, page_service.scss */
#service.fire_protection .sec.sec01 .phWrap .ph.ph03 { position: absolute; width: 160px; top: -15px; }
@media only screen and (max-width: 750px) { /* line 68, page_service.scss */
  #service.fire_protection .sec.sec01 .phWrap .ph.ph03 { width: 107px; top: 2px; right: 4px; } }