@charset "UTF-8";
/*====================================================================================
1. Common second css
====================================================================================*/
.ttl_page {
  position: relative;
}
.ttl_page h1 {
  position: relative;
  background: #fff;
  margin-top: 15%;
  display: inline-block;
  min-width: 55%;
  padding: 2% 4%;
  line-height: normal;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.ttl_page h1:after {
  position: absolute;
  content: "";
  background: #ff6d2d;
  width: 100px;
  height: 3px;
  left: 7%;
  bottom: 0;
}
.ttl_page h1 span {
  display: block;
  width: 100%;
  font-weight: bold;
  font-family: "游明朝", "Yu Mincho", "游明朝体", YuMincho, "Noto Serif JP", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  text-align: left;
}
.ttl_page h1 span.txt_jp {
  position: relative;
  font-size: 27px;
  color: #113f97;
}
.ttl_page h1 span.txt_eng {
  font-size: 16px;
  color: #000;
}

@media only screen and (max-width: 375px) {
  .ttl_page h1 span.txt_jp {
    font-size: 24px;
  }
}
#main {
  margin-top: 8%;
}
#main .sec_cont {
  padding: 5% 0;
}
#main .sec_cont:first-child {
  padding-top: 0;
}

/*====================================================================================
2. CONTACT PAGE
====================================================================================*/
.contact_page .ttl_page {
  background: url("../contact/images/bg_ttlpage.jpg") no-repeat top center;
  background-size: cover;
}
.contact_page .banner_contact {
  background: url("../contact/images/banner_bg.jpg") no-repeat top center;
  color: #fff;
  text-align: center;
  padding: 4%;
}
.contact_page .banner_contact .style_ttl img {
  width: 145px;
  height: auto;
}
.contact_page .banner_contact .style_ttl .txt_blue {
  position: relative;
  display: inline-block;
  color: #fff;
  padding-bottom: 5px;
}
.contact_page .banner_contact .style_ttl .txt_blue:after {
  position: absolute;
  content: "";
  background: #fff;
  width: 90%;
  height: 1px;
  bottom: 0;
  left: 5%;
}
.contact_page .banner_contact p {
  font-size: 16px;
  font-weight: bold;
}
.contact_page .banner_contact .btn {
  width: 300px;
  background: #00b900;
  color: #fff;
  position: relative;
  margin: 10px auto 0;
  padding: 10px 0 15px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.contact_page .banner_contact .btn .tel {
  background: url("../images/contact_icon_tel.png") no-repeat left center;
  background-size: 43px;
  font-size: 30px;
  font-weight: bold;
  padding-left: 50px;
  line-height: 1.3;
}
.contact_page .banner_contact .btn .tel a {
  color: #fff;
}
.contact_page .banner_contact .btn .time {
  font-weight: normal;
  font-size: 11px;
}
.contact_page #pp {
  background: #f5f8fb;
}
.contact_page #pp .box_pp h3 {
  color: #ff6d2d;
  margin: 20px 0 5px;
}
.contact_page #pp .box_pp .list_style {
  width: 100%;
  border: 1px solid #113f97;
  margin: 20px 0;
  padding: 4%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.contact_page .sec_txt {
  background: url("../contact/images/sec03_img.jpg") no-repeat top center;
  background-size: 100%;
  padding: 20% 5% 0;
}
.contact_page .sec_txt .inner {
  background: white;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(124, 139, 157, 0.24);
  box-shadow: 0px 0px 10px 0px rgba(124, 139, 157, 0.24);
  padding: 3%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-weight: bold;
  font-size: 16px;
  text-align: left;
}

.form_content {
  margin-top: 40px;
  border-bottom: 1px solid #000;
}
.form_content dl {
  border-top: 1px solid #000;
  width: 100%;
}
.form_content dl dt {
  background: #f5f8fb;
  width: 100%;
  font-weight: bold;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 15px 10px 15px 60px;
}
.form_content dl dt span {
  position: absolute;
  display: inline-block;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 10px;
  width: 40px;
  text-align: center;
  color: #fff;
  font-size: 13px;
  font-weight: normal;
  line-height: 1;
  padding: 5px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.form_content dl dt span.hissu {
  background: #ff6d2d;
}
.form_content dl dt span.ninni {
  background: #00b900;
}
.form_content dl dd {
  width: 100%;
  position: relative;
  padding: 15px 10px;
}
.form_content dl dd .list_radio {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.form_content dl dd .list_radio li {
  width: 100%;
  margin-bottom: 10px;
}
.form_content dl dd .list_radio li:last-child {
  margin-bottom: 0;
}

.text_indent li {
  text-indent: -23px;
  margin-left: 23px;
}

.list_style {
  margin-top: 20px;
}
.list_style li {
  position: relative;
  list-style-type: disc;
  margin-left: 20px;
}

/*====================================================================================
3. NEWS PAGE
====================================================================================*/
.news_page .ttl_page {
  background: url("../news/images/bg_ttlpage.jpg") no-repeat top center;
  background-size: cover;
}

/*====================================================================================
4. corporation PAGE
====================================================================================*/
.f_HGS_gothic {
  font-family: "HGS創英角ｺﾞｼｯｸUB", "游ゴシック体", "游ゴシック", "Yu Gothic", YuGothic, sans-serif;
  font-size: 18px;
}

.corporation_page .ttl_page {
  background: url("../corporation/images/bg_ttlpage.jpg") no-repeat top center;
  background-size: cover;
}

.list_box01 .style_box01:not(:last-child) {
  margin-bottom: 8%;
}
.list_box01 .style_box01 .txt_box01 {
  position: relative;
  width: 100%;
  background: #fff;
  margin: -5% auto 0;
  padding: 2% 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 3;
}
.list_box01 .style_box01 .txt_box01 .cont_txt {
  padding-left: 0px;
}
.list_box01 .style_box01 .img_box01 {
  position: relative;
  width: 100%;
  z-index: 1;
}

.style_ttl02 {
  position: relative;
  border-left: 5px solid #00b900;
  padding-left: 15px;
  margin-bottom: 10px;
}
.style_ttl02 span {
  display: block;
}
.style_ttl02 span.txt_eng {
  font-size: 16px;
  font-family: "游明朝", "Yu Mincho", "游明朝体", YuMincho, "Noto Serif JP", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  font-weight: bold;
  color: #ff6d2d;
}
.style_ttl02 span.txt_jp {
  font-size: 24px;
  color: #113f97;
  line-height: 1.4;
  position: relative;
}
.style_ttl02.line_orange {
  border-left: none;
  padding-bottom: 10px;
  padding-left: 0;
  margin-bottom: 5%;
}
.style_ttl02.line_orange .txt_jp:after {
  position: absolute;
  content: "";
  width: 104%;
  height: 3px;
  background: #ff6d2d;
  left: -3px;
  bottom: -2px;
}
.style_ttl02.line_orange span {
  display: inline-block;
}
.style_ttl02.line_orange span.txt_jp {
  margin-left: 5px;
  margin-right: 15px;
}

.inner_paint {
  background: url("../corporation/images/paint_bg.jpg") no-repeat top center;
  background-size: cover;
  padding: 10% 4%;
}
.inner_paint .cont_paint {
  background: #fff;
  padding: 5%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.inner_paint .cont_paint .txt_01 {
  font-size: 24px;
  margin-bottom: 10px;
  text-align: center;
}

.list_img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.list_img li {
  position: relative;
  width: 49%;
  margin-right: 2%;
  margin-bottom: 2%;
}
.list_img li:nth-child(even) {
  margin-right: 0;
}

.style_sub02 {
  font-size: 24px;
  color: #113f97;
  border-bottom: 3px solid #ff6d2d;
  padding-bottom: 5px;
  margin: 5% 0 3%;
}
.style_sub02 .txt_jp {
  font-size: 16px;
  color: #000;
  padding-left: 20px;
}

.label {
  display: inline-block;
  width: 100px;
  color: #fff;
  font-weight: bold;
  font-size: 16px;
  padding: 5px;
  text-align: center;
  margin: 3% 0 2%;
}
.label.blue {
  background: #113f97;
}
.label.green {
  background: #00b900;
}
.label.orange {
  background: #ff6d2d;
}

.list_img2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.list_img2 ul {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 4%;
}
.list_img2 ul li {
  width: 45%;
}
.list_img2 ul li img {
  width: 100%;
}

.before_after li {
  position: relative;
  width: 45%;
}
.before_after li:after {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  border-top: 40px solid transparent;
  border-left: 20px solid #ff6d2d;
  border-bottom: 40px solid transparent;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  right: -17%;
}
.before_after li:last-child:after, .before_after li.arr_none:after {
  border: none;
}
.before_after.four_column {
  margin-top: 4%;
}
.before_after.four_column li:nth-child(1) {
  margin-bottom: 10%;
}
.before_after.four_column li:nth-child(2) {
  margin-bottom: 10%;
}
.before_after.four_column li:nth-child(2):after {
  right: auto;
  top: auto;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  bottom: -22%;
  border-top: 20px solid #ff6d2d;
  border-left: 40px solid transparent;
  border-right: 40px solid transparent;
  border-bottom: none;
}
.before_after.four_column li:nth-child(3):after {
  border-right: 20px solid #ff6d2d;
  border-left: none;
  right: -15%;
}

#Bathtub .before_after.four_column li:nth-child(1), #Bathtub .before_after.four_column li:nth-child(3) {
  width: 49%;
}
#Bathtub .before_after.four_column li:nth-child(2), #Bathtub .before_after.four_column li:nth-child(4) {
  width: 40%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.box_water01 {
  background: url("../images/business_bg_cont.jpg") top center repeat-y;
  padding: 5% 2%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-top: 5%;
  text-align: center;
}
.box_water01 ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 5%;
}
.box_water01 ul li {
  width: 30%;
}
.box_water01 ul li h4 {
  font-size: 15px;
}
.box_water01 ul li figure {
  height: 80px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.box_water01 ul li:nth-child(1) figure img {
  width: 50px;
}
.box_water01 ul li:nth-child(2) figure img {
  width: 100px;
}
.box_water01 ul li:nth-child(3) figure img {
  width: 50px;
}

.list_btn .style_btn01 {
  width: 80%;
  margin: 5% auto;
}
.list_btn .style_btn01 a {
  width: 100%;
}

.sec_bg1 {
  background: url("../corporation/images/bg_01.jpg") no-repeat top center;
  background-size: cover;
  padding: 5% 0;
  margin-top: 5%;
}
.sec_bg1 .list_box .style_box {
  width: 100%;
  text-align: center;
}
.sec_bg1 .list_box .style_box .ttl {
  color: #fff;
  background: #113f97;
  font-size: 18px;
  padding: 5px;
}
.sec_bg1 .list_box .style_box .inner_cont {
  background: #fff;
  padding: 10px 2%;
}
.sec_bg1 .list_box .style_box .inner_cont .img_list {
  margin: 15px 0;
}
.sec_bg1 .list_box .style_box .inner_cont .img_list figure img {
  width: 60%;
}
.sec_bg1 .list_box .style_box .inner_cont .img_list ul {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.sec_bg1 .list_box .style_box .inner_cont .img_list ul li {
  display: inline-block;
  background: #00b900;
  color: #fff;
  font-size: 13px;
  font-weight: bold;
  border-radius: 10px;
  padding: 2px;
  min-width: 70px;
}
.sec_bg1 .list_box .style_box .inner_cont .img_list ul li:nth-child(1), .sec_bg1 .list_box .style_box .inner_cont .img_list ul li:nth-child(5) {
  -webkit-transform: translateY(-40px);
  transform: translateY(-40px);
}
.sec_bg1 .list_box .style_box .inner_cont .img_list ul li:nth-child(2), .sec_bg1 .list_box .style_box .inner_cont .img_list ul li:nth-child(4) {
  -webkit-transform: translateY(-10px);
  transform: translateY(-10px);
}
.sec_bg1 .list_box .style_box .inner_cont .img_list ul li:nth-child(3) {
  -webkit-transform: translateY(10px);
  transform: translateY(10px);
}
.sec_bg1 .list_box .style_box:nth-child(2) {
  margin-top: 5%;
}
.sec_bg1 .list_box .style_box:nth-child(2) .inner_cont .img_list ul li:nth-child(1), .sec_bg1 .list_box .style_box:nth-child(2) .inner_cont .img_list ul li:nth-child(4) {
  -webkit-transform: translateY(-25px);
  transform: translateY(-25px);
}
.sec_bg1 .list_box .style_box:nth-child(2) .inner_cont .img_list ul li:nth-child(2), .sec_bg1 .list_box .style_box:nth-child(2) .inner_cont .img_list ul li:nth-child(3) {
  -webkit-transform: translateY(7px);
  transform: translateY(7px);
}

.style_sub04 {
  font-size: 16px;
  font-weight: bold;
  background: #c4e9ff;
  padding: 10px 20px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 8% 0 5%;
}

.box_roof {
  margin-bottom: 5%;
}
.box_roof .txt_box .box_gray {
  background: #f2f5f8;
  padding: 5% 2%;
  margin: 3% 0;
}
.box_roof .txt_box .box_gray h4 {
  font-size: 16px;
}

.box_roof2 {
  background: url("../images/business_bg_cont.jpg") top center repeat-y;
  padding: 5% 2%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.box_roof2 .ttl {
  font-size: 16px;
  text-align: center;
  margin-bottom: 5%;
}
.box_roof2 .img_box {
  position: relative;
  text-align: center;
}
.box_roof2 .img_box figure {
  margin-bottom: 10px;
}
.box_roof2 .img_box figure img {
  width: 70%;
}
.box_roof2 .list_txt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 5%;
}
.box_roof2 .list_txt li {
  width: 48%;
  margin-bottom: 4%;
}
.box_roof2 .list_txt li h5 {
  min-width: 100px;
  display: inline-block;
  background: #00b900;
  color: #fff;
  font-size: 15px;
  font-weight: bold;
  border-radius: 10px;
  padding: 2px;
  text-align: center;
  margin-bottom: 10px;
}

.list_02 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.list_02 dt {
  width: 90px;
}
.list_02 dd {
  width: calc(100% - 90px);
}

/*====================================================================================
5. individual PAGE
====================================================================================*/
.individual_page .ttl_page {
  background: url("../individual/images/bg_ttlpage.jpg") no-repeat top center;
  background-size: cover;
}

.list_comfor {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.list_comfor li {
  width: 48%;
  margin-bottom: 4%;
}
.list_comfor li:not(.list_comfor li:nth-child(even)) {
  margin-right: 4%;
}
.list_comfor li .img {
  width: 100%;
  margin-bottom: 3%;
}
.list_comfor li .img img {
  width: 100%;
}
.list_comfor li .ttl {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 3%;
}
.list_comfor.two_column li {
  width: 100%;
}

.img_paint {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: 5%;
}
.img_paint .img {
  width: calc(100% - 150px);
}
.img_paint .txt {
  margin-left: 5px;
  width: 150px;
  margin-top: 5%;
}
.img_paint .txt li {
  width: 100%;
}
.img_paint .txt li a {
  position: relative;
  display: inline-block;
  width: 100%;
  border: 1px solid #113f97;
  font-size: 14px;
  font-weight: bold;
  color: #113f97;
  padding: 1px 15px 1px 3px;
  text-decoration: none;
  margin-top: 11.5%;
}
.img_paint .txt li a:after {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 8px solid #113f97;
  right: 3px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

@media screen and (max-width: 430px) {
  .img_paint .txt li a {
    margin-top: 7.2%;
  }
}
@media screen and (max-width: 415px) {
  .img_paint .txt li a {
    margin-top: 6%;
  }
}
@media screen and (max-width: 390px) {
  .img_paint .txt li a {
    margin-top: 4%;
  }
}
@media screen and (max-width: 380px) {
  .img_paint .txt li a {
    margin-top: 2.5%;
  }
}
.list_paint .box_paint {
  width: 100%;
  background: url("../images/business_bg_cont.jpg") top center repeat-y;
  padding: 5%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 5%;
}

.style_sub03 {
  position: relative;
  font-size: 18px;
  font-weight: bold;
  padding-bottom: 10px;
  margin-bottom: 4%;
}
.style_sub03 span {
  font-size: 20px;
  color: #ff6d2d;
}
.style_sub03.no_line {
  padding-bottom: 0;
}
.style_sub03.no_line:after {
  background: none;
}

.txt_rest {
  position: relative;
  margin: 5% 0 10%;
}
.txt_rest .txt {
  position: absolute;
  width: 30%;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
.txt_rest ul {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.txt_rest ul li {
  width: 48%;
}
.txt_rest ul li .ttl {
  position: relative;
  font-size: 14px;
  border-bottom: 2px dotted #ff6d2d;
  padding-bottom: 5px;
  margin-bottom: 5%;
}
.txt_rest ul li .ttl:after {
  position: absolute;
  content: "";
  border-top: 2px dotted #ff6d2d;
  width: 80px;
  height: 2px;
}
.txt_rest ul li:nth-child(1) {
  margin-top: 24%;
}
.txt_rest ul li:nth-child(1) .ttl {
  width: 65%;
}
.txt_rest ul li:nth-child(1) .ttl:after {
  right: -46px;
  -webkit-transform: rotate(-80deg);
  transform: rotate(-80deg);
  bottom: 36px;
}
.txt_rest ul li:nth-child(2) {
  width: 32%;
  margin-top: 5%;
}
.txt_rest ul li:nth-child(2) .ttl:after {
  width: 30px;
  left: -20px;
  -webkit-transform: rotate(-70deg);
  transform: rotate(-70deg);
  bottom: -15px;
}

.txt_02 {
  font-size: 18px;
  padding-left: 20px;
  margin-bottom: 4%;
}

.box_indi {
  width: 100%;
}
.box_indi .img_large {
  width: 100%;
  margin-bottom: 4%;
}

#toilet .box_indi .list_img3, #washroom .box_indi .list_img3 {
  width: 60%;
  margin: auto;
}

#toilet .box_indi .list_img3 li, #washroom .box_indi .list_img3 li {
  width: 100%;
}

.list_img3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.list_img3 li {
  width: 48%;
  margin-bottom: 4%;
}
.list_img3 li h4 {
  color: #fff;
  text-align: center;
  background: #113f97;
  padding: 8px 5px;
}

.style_sub02.font_YuMincho {
  margin-top: 0;
  font-family: "游明朝", "Yu Mincho", "游明朝体", YuMincho, "Noto Serif JP", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}

.box_paint2 {
  border: 1px solid #113f97;
  border: 1px solid #113f97;
  margin-top: 40px;
}
.box_paint2 .sub {
  background: #113f97;
  color: #fff;
  font-size: 22px;
  padding: 7px 30px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.box_paint2 .inner_box {
  padding: 20px 30px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.box_paint2 .sub {
  background: #113f97;
  color: #fff;
  font-size: 16px;
  padding: 7px 20px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.box_paint2 .inner_box {
  padding: 4%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.box_paint2 .inner_box .list_comfor {
  margin-top: 7%;
}

.sub02_line_center {
  position: relative;
  text-align: center;
  padding-bottom: 10px;
  border-bottom: none;
}
.sub02_line_center:after {
  position: absolute;
  content: "";
  background: #ff6d2d;
  width: 100px;
  height: 3px;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
.sub02_line_center span {
  display: block;
}
.sub02_line_center .txt_jp {
  font-size: 24px;
  padding-left: 0;
}
.sub02_line_center .txt_eng {
  font-size: 16px;
}

.list_table .tbl_tit {
  font-size: 16px;
}

.table_indi {
  width: 100%;
  margin-top: 5px;
}
.table_indi tr th, .table_indi tr td {
  border: 1px solid #72a2ff;
  text-align: center;
  vertical-align: middle;
  padding: 2px;
  font-weight: bold;
  font-size: 12px;
  min-width: 12px;
}
.table_indi tr th {
  background: #113f97;
  color: #fff;
}
.table_indi tr th.bg_blue_light {
  background: #d6ebff;
  color: #113f97;
  min-width: 25px;
  padding: 2px 0;
}
.table_indi tr td.bg_orange {
  position: relative;
}
.table_indi tr td.bg_orange:after {
  position: absolute;
  content: "";
  background: #ff6d2d;
  width: 100%;
  height: 50%;
  top: 25%;
  left: 0;
}

@media screen and (max-width: 415px) {
  .table_indi tr th.bg_blue_light {
    min-width: 18px;
    font-size: 10px;
  }
}
.w35 {
  width: 35px;
}

.w150 {
  width: 150px;
}

/*====================================================================================
6. flow PAGE
====================================================================================*/
.flow_page .ttl_page {
  background: url("../flow/images/bg_ttlpage.jpg") no-repeat top center;
  background-size: cover;
}
.flow_page #flow {
  background: url("../flow/images/flow_bg.jpg") no-repeat bottom center;
  background-size: contain;
  padding-bottom: 25%;
  margin-bottom: 5%;
}

.list_step {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
}
.list_step .box_step {
  position: relative;
  width: 49%;
  margin: 80px 0 2% 2%;
}
.list_step .box_step .img_step {
  position: absolute;
  width: 100px;
  height: 100px;
  left: 50%;
  top: -75px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 3;
}
.list_step .box_step .cont_step {
  position: relative;
  width: 100%;
  background: #f5f8fb;
  padding: 20px 2% 10px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  font-weight: 500;
}
.list_step .box_step .cont_step .ttl_step {
  position: relative;
  padding-bottom: 5px;
  margin-bottom: 10px;
  line-height: normal;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.list_step .box_step .cont_step .ttl_step:after {
  position: absolute;
  content: "";
  background: #000;
  width: 100%;
  height: 1px;
  bottom: 0;
  left: 0;
}
.list_step .box_step .cont_step .ttl_step .num {
  background: url("../flow/images/flow_step.png") no-repeat top 8px left;
  background-size: 34px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 40px;
  color: #ff6d2d;
  padding-left: 40px;
  font-family: "Yu Gothic UI";
  font-weight: normal;
  line-height: 1.1;
}
.list_step .box_step .cont_step .ttl_step .txt {
  display: block;
  width: 100%;
  font-size: 20px;
  color: #113f97;
  font-weight: bold;
}
.list_step .box_step .cont_step p {
  text-align: left;
}
.list_step .box_step .cont_step .tel_contact li {
  margin: 5px auto 0;
}
.list_step .box_step .cont_step .tel_contact li.tel a {
  color: #00b900;
  font-size: 20px;
  font-weight: bold;
  background: url("../flow/images/icon_tel.png") no-repeat center left;
  background-size: 20px;
  padding-left: 30px;
  line-height: normal;
}
.list_step .box_step .cont_step .tel_contact li.contact a {
  background: url("../flow/images/icon_mail.png") no-repeat center left;
  background-size: 24px;
  padding: 8px 0 8px 29px;
  text-decoration: none;
}
.list_step .box_step:nth-child(odd) {
  margin-left: 0;
}
.list_step .box_step:last-child {
  width: 90%;
}

@media screen and (max-width: 360px) {
  .list_step .box_step {
    width: 100%;
    margin-left: 0;
  }
}
@media screen and (max-width: 415px) {
  .list_step .box_step .cont_step .ttl_step .txt {
    font-size: 4.5vw;
  }
}
.list_box02 .style_box02:not(:last-child) {
  margin-bottom: 5%;
}
.list_box02 .style_box02 .txt_box02 {
  width: 100%;
  background: #f5f8fb;
  padding: 5%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.list_box02 .style_box02 .txt_box02 .ttl {
  font-size: 20px;
  margin-bottom: 10px;
}
.list_box02 .style_box02 .img_box02 {
  position: relative;
  width: 100%;
}
.list_box02 .style_box02 .img_box02:after {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  border-top: 20px solid #f5f8fb;
  left: 50%;
  top: 0;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

/*====================================================================================
7. company PAGE
====================================================================================*/
.company_page .ttl_page {
  background: url("../company/images/bg_ttlpage.jpg") no-repeat top center;
  background-size: cover;
}
.company_page .cont_mesage {
  background: #f5f8fb;
  padding: 8% 0;
}
.company_page .cont_mesage .inner_cont .img_cont {
  width: 100%;
  margin: 5% auto 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}
.company_page .cont_mesage .inner_cont .img_cont li {
  width: 32%;
}
.company_page .cont_mesage .inner_cont .img_cont .text_center {
  width: 90%;
  margin: auto;
}
.company_page .cont_mesage .inner_cont .txt_cont h3 {
  font-size: 16px;
  margin-bottom: 15px;
  font-family: "游明朝", "Yu Mincho", "游明朝体", YuMincho, "Noto Serif JP", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}

.style_table01 {
  width: 100%;
}
.style_table01 tr th, .style_table01 tr td {
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  padding: 10px 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: left;
}
.style_table01 tr th {
  width: 120px;
}
.style_table01 tr td {
  width: calc(100% - 120px);
}

.sec_history {
  position: relative;
  background: url("../company/images/history_bg.jpg") no-repeat top left;
  background-size: 100%;
  padding-top: 28% !important;
  z-index: 3;
}
.sec_history .inner_history {
  background: #fff;
  padding-top: 8%;
}
.sec_history .cont_history tr th, .sec_history .cont_history tr td {
  text-align: left;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-bottom: 5%;
}
.sec_history .cont_history tr:last-child th, .sec_history .cont_history tr:last-child td {
  padding-bottom: 0;
}
.sec_history .cont_history tr th {
  width: 100px;
  font-weight: bold;
  padding-right: 2%;
  text-align: right;
  border-right: 1px solid #ff6d2d;
}
.sec_history .cont_history tr th span {
  display: inline-block;
}
.sec_history .cont_history tr th span.month {
  width: 35px;
}
.sec_history .cont_history tr td {
  width: calc(100% - 100px);
  padding-left: 5%;
}

/*====================================================================================
8. trust PAGE
====================================================================================*/
.trust_page .ttl_page {
  background: url("../trust/images/bg_ttlpage.jpg") no-repeat top center;
  background-size: cover;
}
.trust_page #trust_01 {
  padding: 0 2%;
  margin-bottom: 5%;
}
.trust_page #trust_01 .cont_trust01 {
  position: relative;
  z-index: 3;
}
.trust_page #trust_01 .cont_trust01 .inner {
  width: 100%;
  background: #f5f8fb;
  padding: 5%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.trust_page #trust_01 .cont_trust01 .inner .style_ttl02 {
  margin-left: -5%;
}
.trust_page #trust_01 .cont_trust01 .inner .style_ttl02 .co_ff6d2d {
  font-size: 18px;
  padding-top: 20px;
}
.trust_page #trust_01 .cont_trust01 .inner .arr_link {
  display: inline-block;
  background: url("../trust/images/icon_arr.png") no-repeat top 2px left;
  background-size: 20px;
  font-weight: bold;
  color: #113f97;
  padding-left: 30px;
  margin: 5% 0;
}
.trust_page #trust_01 .cont_trust01 .inner .style_box03 {
  display: block;
}
.trust_page #trust_01 .cont_trust01 .inner .style_box03 .img_box03 {
  width: 50%;
}
.trust_page #trust_01 .cont_trust01 .inner .style_box03 .txt_box03 {
  margin-top: 10px;
}
.trust_page .cont_policy {
  background: url("../images/business_bg_cont.jpg") top center repeat-y;
  padding: 5% 4%;
}
.trust_page .cont_policy h3 {
  font-size: 16px;
  margin-bottom: 10px;
}
.trust_page .cont_policy h3:not(:first-child) {
  margin-top: 5%;
}
.trust_page #trust_04 .style_table01 tr {
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
}
.trust_page #trust_04 .style_table01 tr th, .trust_page #trust_04 .style_table01 tr td {
  display: block;
  width: 100%;
  border: none;
}
.trust_page #trust_04 .style_table01 tr th {
  padding-bottom: 0;
}
.trust_page #trust_04 .style_table01 tr td .text_indent3 {
  margin-top: 0;
}

.text_indent2 li {
  text-indent: -23px;
  margin-left: 23px;
  margin-top: 5%;
}

.text_indent3 {
  margin-top: 5%;
}
.text_indent3 li {
  text-indent: -13px;
  margin-left: 13px;
  margin-top: 0;
}

.list_01 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.list_01 li {
  width: 48%;
  margin-bottom: 4%;
  font-weight: bold;
  font-family: "游明朝", "Yu Mincho", "游明朝体", YuMincho, "Noto Serif JP", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}
.list_01 li:not(:nth-child(even)) {
  margin-left: 4%;
}

.style_sub01 {
  font-size: 20px;
  font-weight: bold;
  color: #00b900;
  text-align: center;
  margin-bottom: 10px;
}

.sec_goals {
  /*! background: #f5f8fb; */
  margin-top: 5%;
  /*! padding: 5% 4%; */
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.sec_goals li {
  width: 100%;
  background: #f5f8fb;
  padding: 4% 3%;
}
.sec_goals li:not(:first-child) {
  margin-top: 4%;
}
.sec_goals li figure {
  float: left;
  width: 30%;
  margin-right: 5%;
}
.sec_goals li h3 {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 10px;
}

.box_dx {
  width: 100%;
}
.box_dx .img_dx {
  width: 50%;
  margin: 0 auto 5%;
}
.box_dx .img_dx img {
  width: 100%;
}
.box_dx .style_table01 {
  width: 100%;
}

.box_trust {
  background: url("../trust/images/bg_blue.jpg") no-repeat top center/cover;
  padding: 7% 5%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-top: 8%;
  color: #fff;
}
.box_trust .style_sub02 {
  color: #fff;
}
.box_trust .cont_box {
  margin: 5% 0;
}
.box_trust .cont_box ul li:not(.box_trust .cont_box ul li:last-child) {
  margin-bottom: 5%;
}
.box_trust .cont_box ul li h4 {
  font-size: 18px;
  font-weight: bold;
  color: #ffe373;
  font-family: "游明朝", "Yu Mincho", "游明朝体", YuMincho, "Noto Serif JP", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}
.box_trust .cont_box ul li p {
  padding-left: 35px;
}

.cont-des {
  margin-top: 10px;
}
.cont-des p + p {
  margin-top: 10px;
}

/*====================================================================================
9. hojyokin PAGE
====================================================================================*/
.hojyokin_page .ttl_page {
  background: url("../hojyokin/images/bg_ttlpage.jpg") no-repeat top center;
  background-size: cover;
}

.text_green_underline {
  color: #00b900;
  text-decoration: underline;
}

.style_sub05 {
  font-size: 20px;
  margin-bottom: 25px;
}

.cont-inner {
  margin-top: 20px;
  margin-bottom: 40px;
}

.sub-line {
  text-align: center;
  margin-bottom: 30px;
}
.sub-line span {
  position: relative;
  display: inline-block;
  color: #ff6d2d;
  padding: 0 15px;
  font-size: 18px;
}
.sub-line span:after, .sub-line span:before {
  position: absolute;
  content: "";
  background: #ff6d2d;
  width: 1px;
  height: 50px;
  bottom: 0;
}
.sub-line span:after {
  left: 5px;
  -webkit-transform: rotate(-25deg);
  transform: rotate(-25deg);
}
.sub-line span:before {
  right: 5px;
  -webkit-transform: rotate(25deg);
  transform: rotate(25deg);
}

.list-hojyokin1 {
  width: auto;
  max-width: 100%;
  display: flex;
  justify-content: center;
  margin: 0 auto 60px;
  gap: 20px;
}
.list-hojyokin1 div {
  display: flex;
  gap: 20px;
}
.list-hojyokin1 div.h_full {
  width: 80px;
  flex-wrap: wrap;
  text-align: center;
}
.list-hojyokin1 div.h_full p {
  width: 100%;
}
.list-hojyokin1 div.h_full p span {
  display: block;
  width: 100%;
}
.list-hojyokin1 div.two-row {
  width: calc(100% - 100px);
  display: flex;
  flex-flow: column;
  gap: 10px;
}
.list-hojyokin1 div.two-row > div {
  display: flex;
  gap: 20px;
}
.list-hojyokin1 div.two-row > div .txt-blue {
  width: calc(100% - 80px);
}
.list-hojyokin1 div p {
  display: inline-block;
  font-size: 16px;
  color: #fff;
  padding: 10px 2px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 10px;
  font-weight: bold;
  text-align: center;
}
.list-hojyokin1 div p span {
  font-size: 14px;
  font-weight: normal;
}
.list-hojyokin1 div p.txt-blue {
  position: relative;
  width: 150px;
  background: #113f97;
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
  flex-wrap: wrap;
  text-align: center;
}
.list-hojyokin1 div p.txt-blue:after, .list-hojyokin1 div p.txt-blue:before {
  position: absolute;
  content: "";
  top: 0;
  bottom: 0;
  right: -17px;
  margin: auto;
}
.list-hojyokin1 div p.txt-blue:after {
  background: #000;
  width: 15px;
  height: 2px;
}
.list-hojyokin1 div p.txt-blue:before {
  width: 0;
  height: 0;
  padding: 5px;
  border-width: 2px 2px 0 0;
  border-color: #000;
  border-style: solid;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  border-radius: 2px;
}
.list-hojyokin1 div p.txt-green {
  background: #00b900;
}
.list-hojyokin1 div p.txt-orange {
  background: #ff6d2d;
}
.list-hojyokin1 div p + p {
  position: relative;
  width: 80px;
}

.txt_last_list {
  text-align: center;
}
.txt_last_list strong {
  font-size: 18px;
  font-weight: bold;
}
.txt_last_list strong span {
  color: red;
}

.list-start {
  width: 100%;
  background: #f2f5f8;
  padding: 20px;
  font-size: 16px;
  margin: 30px auto 20px;
}
.list-start .ttl {
  text-align: center;
  font-size: 16px;
}
.list-start li {
  margin-bottom: 20px;
}
.list-start li .sub {
  font-size: 16px;
  margin-bottom: 10px;
}
.list-start li .sub span {
  display: inline-block;
  border-bottom: 2px solid #c4e9ff;
}
.list-start li p {
  padding-left: 8%;
}

.box-gray-line {
  width: 100%;
  background: url("../images/business_bg_cont.jpg") top center repeat-y;
  padding: 20px 5px 20px 10px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 25px 0;
}
.box-gray-line .list-arrow li {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 14px;
}
.box-gray-line .list-arrow li:not(.box-gray-line .list-arrow li:last-child) {
  margin-bottom: 15px;
}
.box-gray-line .list-arrow li span:nth-child(1) {
  width: 54%;
  position: relative;
  padding-right: 30px;
}
.box-gray-line .list-arrow li span:nth-child(1):after, .box-gray-line .list-arrow li span:nth-child(1):before {
  position: absolute;
  content: "";
  top: 0;
  bottom: 0;
  text-align: center;
  margin: auto;
  right: 5px;
}
.box-gray-line .list-arrow li span:nth-child(1):after {
  background: #000;
  width: 20px;
  height: 2px;
}
.box-gray-line .list-arrow li span:nth-child(1):before {
  width: 0;
  height: 0;
  padding: 5px;
  border-width: 0 2px 2px 0;
  border-color: #000;
  border-style: solid;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  border-radius: 2px;
}
.box-gray-line .list-arrow li span:nth-child(2) {
  width: 46%;
  padding-left: 3px;
}
.box-gray-line .ttl {
  font-size: 18px;
  text-align: center;
  color: #113f97;
  letter-spacing: 2px;
  margin-bottom: 15px;
}
.box-gray-line .ttl span {
  font-size: 20px;
  color: #ff6d2d;
}

.arrow-orange-down {
  position: relative;
  width: 0;
  height: 0;
  border-top: 30px solid #ff6d2d;
  border-left: 40px solid transparent;
  border-right: 40px solid transparent;
  text-align: center;
  margin: 0 auto 20px;
}

.txt-box-blue {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 35px;
}
.txt-box-blue .inner {
  position: relative;
  display: block;
  text-align: center;
  z-index: 3;
}
.txt-box-blue .inner:after, .txt-box-blue .inner:before {
  position: absolute;
  content: "";
  background: #113f97;
  width: 55%;
  height: 100%;
  z-index: -1;
}
.txt-box-blue .inner:after {
  bottom: -10px;
  left: -10px;
}
.txt-box-blue .inner:before {
  top: -10px;
  right: -10px;
}
.txt-box-blue .inner p {
  position: relative;
  background: #c4e9ff;
  padding: 20px 10px;
  font-size: 16px;
  font-weight: bold;
  color: #113f97;
  z-index: 9;
}
.txt-box-blue.box-orange .inner:after, .txt-box-blue.box-orange .inner:before {
  background: #ff6d2d;
}
.txt-box-blue.box-orange .inner p {
  background: #fff3ee;
  color: #ff6d2d;
}

.box-price {
  background: #f2f5f8;
  width: 100%;
  padding: 15px 10px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 auto 10px;
}
.box-price ul li {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 15px 0;
}
.box-price ul li:not(.box-price ul li:last-child) {
  border-bottom: 1px solid #a0a0a0;
}
.box-price ul li .des {
  width: calc(100% - 120px);
}
.box-price ul li .price {
  width: 115px;
  color: #ff6d2d;
  font-weight: bold;
}
.box-price ul li .list-item {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.box-price ul li .list-item .des {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.box-price ul li .list-item .des span {
  width: 50%;
}
.box-price ul li .list-item + .list-item {
  margin-top: 10px;
}

.text_green {
  color: #00b900;
}

.text_blue {
  color: #113f97;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 10px;
}

.ttl-blue {
  font-size: 20px;
  font-weight: bold;
  color: #113f97;
  margin-bottom: 20px;
}

.ttl-start-green {
  position: relative;
  padding-left: 25px;
  font-size: 18px;
  margin: 25px 0 10px;
}
.ttl-start-green:after {
  position: absolute;
  content: "★";
  color: #00b900;
  top: 0;
  left: 0;
}

.list-dot {
  margin-left: 10px;
}
.list-dot li {
  text-indent: -16px;
  margin-left: 16px;
  font-size: 16px;
}

.list-number {
  counter-reset: number;
}
.list-number li {
  position: relative;
  font-size: 16px;
  font-weight: bold;
  padding-left: 30px;
  margin-bottom: 10px;
}
.list-number li:after {
  position: absolute;
  counter-increment: number;
  content: counter(number);
  top: 3px;
  left: 0;
  font-size: 20px;
  color: #ff6d2d;
  width: 23px;
  height: 23px;
  border: 1px solid #ff6d2d;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
  padding-top: 2px;
}

.sec-small {
  width: 95%;
  margin-left: 5%;
  font-size: 16px;
}
.sec-small .box-gray-line {
  padding: 10px;
  display: flex;
  flex-flow: column;
  align-items: center;
  margin: 0 auto 10px;
}
.sec-small .arrow-orange-down {
  margin: 20px auto;
}

/*====================================================================================
10. repairwork PAGE
====================================================================================*/
.list_repair {
  width: 100%;
  margin-top: 30px;
  font-family: "游明朝", "Yu Mincho", "游明朝体", YuMincho, "Noto Serif JP", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}
.list_repair li {
  width: 100%;
  margin-bottom: 30px;
}
.list_repair li .list_inner {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 15px;
}
.list_repair li .list_inner li {
  width: 48%;
  margin-bottom: 0;
}
.list_repair li .list_inner li .ttl {
  color: #113f97;
  margin-bottom: 15px;
}
.list_repair li .list_inner li img {
  width: 100%;
}
.list_repair li p {
  font-weight: bold;
  text-align: center;
}

.list_repair2 {
  margin-top: 40px;
}
.list_repair2 .list_cont {
  width: 100%;
  margin-top: 30px;
}
.list_repair2 .list_cont .ttl {
  text-align: center;
  margin-bottom: 15px;
  font-family: "游明朝", "Yu Mincho", "游明朝体", YuMincho, "Noto Serif JP", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}
.list_repair2 .list_cont .ttl span {
  display: block;
  color: #113f97;
  font-size: 24px;
}
.list_repair2 .list_cont .sub {
  font-size: 16px;
  text-align: center;
  margin: 30px auto 10px;
}
.list_repair2 .list_cont .img {
  margin: 0 auto 10px;
  width: 100%;
}
.list_repair2 .list_cont .img img {
  width: 100%;
}
.list_repair2 .list_cont .txt {
  font-weight: bold;
  font-family: "游明朝", "Yu Mincho", "游明朝体", YuMincho, "Noto Serif JP", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}

.list-indent li {
  text-indent: -22px;
  margin-left: 22px;
}

.list-box-gray-line {
  margin-top: 20px;
}
.list-box-gray-line .box-gray-line {
  width: 100%;
  padding: 10px 20px;
  margin: 15px 0;
}
.list-box-gray-line .box-gray-line .ttl {
  font-size: 16px;
  color: #113f97;
  border-bottom: 1px solid #333;
  padding-bottom: 5px;
  margin-bottom: 10px;
  text-align: left;
}

.list_repair3 li {
  width: 100%;
  margin-top: 20px;
}
.list_repair3 li .ttl {
  font-size: 20px;
  color: #113f97;
  margin-bottom: 7px;
}
.list_repair3 li img {
  width: 100%;
}

.repairwork_page .ttl_page {
  background: url("../repairwork/images/bg_ttlpage.jpg") no-repeat top center;
  background-size: cover;
}
.repairwork_page .sec-01__main {
  background: url("../repairwork/images/s1-bg.png") no-repeat center top 50px #f5f8fb;
  background-size: 50%;
  font-weight: bold;
  font-size: 16px;
  padding: 30px 10px;
  text-align: center;
}
.repairwork_page .sec-01__list-img {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-top: 20px;
}
.repairwork_page .sec-01__list-img li {
  width: 49%;
}
.repairwork_page .sec-02__cont {
  width: 100%;
}
.repairwork_page .sec-02__cont-img {
  width: 100%;
}
.repairwork_page .sec-02__cont-img .list-img {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-top: 10px;
}
.repairwork_page .sec-02__cont-img .list-img .ttl {
  color: #113f97;
  font-size: 15px;
  font-family: "游明朝", "Yu Mincho", "游明朝体", YuMincho, "Noto Serif JP", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  text-align: center;
}
.repairwork_page .sec-02__cont-img .list-img li {
  width: 49%;
}
.repairwork_page .sec-02__box-blue {
  border: 1px solid #113f97;
  margin-top: 30px;
}
.repairwork_page .sec-02__box-blue_ttl {
  position: relative;
  background: #113f97;
  color: #fff;
  font-family: "游明朝", "Yu Mincho", "游明朝体", YuMincho, "Noto Serif JP", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  text-align: center;
  font-size: 16px;
  padding: 17px 10px;
}
.repairwork_page .sec-02__box-blue_ttl:after {
  position: absolute;
  content: "";
  width: 15px;
  height: 12px;
  background: #113f97;
  clip-path: polygon(100% 0, 0 0, 50% 100%);
  bottom: -12px;
  left: 0;
  right: 0;
  margin: auto;
}
.repairwork_page .sec-02__box-blue_cont {
  width: 100%;
  padding: 20px 10px;
}
.repairwork_page .sec-03 .box-gray-line {
  font-size: 14px;
  font-weight: bold;
  padding: 20px 10px;
  margin-top: 40px;
}

.list-img01 {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
}
.list-img01 li {
  width: 48.8%;
}
.list-img01 .img {
  margin-bottom: 1rem;
}

.co-orange {
  color: #ff6d2d !important;
}

.style-box01 {
  width: 100%;
  margin-top: 30px;
}
.style-box01 .style_ttl02 {
  padding-left: 15px;
}
.style-box01 .style_ttl02 span.txt_jp {
  font-size: 20px;
}
.style-box01__txt {
  margin-bottom: 10px;
}
.style-box01__txt p {
  padding-left: 20px;
}
.style-box01__img {
  padding: 0 20px;
}

.style-box02 {
  position: relative;
  padding: 5px;
  margin-top: 50px;
  z-index: 1;
}
.style-box02:after, .style-box02:before {
  position: absolute;
  content: "";
  background: #ff6d2d;
  width: 100px;
  height: 100px;
}
.style-box02:after {
  top: -5px;
  left: -5px;
}
.style-box02:before {
  bottom: -5px;
  right: -5px;
}
.style-box02__inner {
  position: relative;
  background: #fff;
  box-shadow: 0px 14px 45.9px 5.1px rgba(0, 0, 0, 0.1);
  padding: 20px 10px;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  z-index: 3;
}