@charset "UTF-8";
/*--------------------------------------------------------------
	margin
----------------------------------------------------------------*/

.mT0 {
  margin-top: 0px !important;
}

.mT5 {
  margin-top: 5px !important;
}

.mT10 {
  margin-top: 10px !important;
}

.mT15 {
  margin-top: 15px !important;
}

.mT20 {
  margin-top: 20px !important;
}

.mT25 {
  margin-top: 25px !important;
}

.mT30 {
  margin-top: 30px !important;
}

.mT35 {
  margin-top: 35px !important;
}

.mT40 {
  margin-top: 40px !important;
}

.mT45 {
  margin-top: 45px !important;
}

.mT50 {
  margin-top: 50px !important;
}

.mT55 {
  margin-top: 55px !important;
}

.mT60 {
  margin-top: 60px !important;
}

.mT65 {
  margin-top: 65px !important;
}

.mB0 {
  margin-bottom: 0px !important;
}

.mB5 {
  margin-bottom: 5px !important;
}

.mB10 {
  margin-bottom: 10px !important;
}

.mB15 {
  margin-bottom: 15px !important;
}

.mB20 {
  margin-bottom: 20px !important;
}

.mB25 {
  margin-bottom: 25px !important;
}

.mB30 {
  margin-bottom: 30px !important;
}

.mB35 {
  margin-bottom: 35px !important;
}

.mB40 {
  margin-bottom: 40px !important;
}

.mB45 {
  margin-bottom: 45px !important;
}

.mB50 {
  margin-bottom: 50px !important;
}

.mB55 {
  margin-bottom: 55px !important;
}

.mB60 {
  margin-bottom: 60px !important;
}

.mB65 {
  margin-bottom: 65px !important;
}

/* padding */

.pT0 {
  padding-top: 0px !important;
}

.pT5 {
  padding-top: 5px !important;
}

.pT10 {
  padding-top: 10px !important;
}

.pT15 {
  padding-top: 15px !important;
}

.pT20 {
  padding-top: 20px !important;
}

.pT25 {
  padding-top: 25px !important;
}

.pT30 {
  padding-top: 30px !important;
}

.pT35 {
  padding-top: 35px !important;
}

.pT40 {
  padding-top: 40px !important;
}

.pT45 {
  padding-top: 45px !important;
}

.pT50 {
  padding-top: 50px !important;
}

.pT55 {
  padding-top: 55px !important;
}

.pT60 {
  padding-top: 60px !important;
}

.pT65 {
  padding-top: 65px !important;
}

.pB0 {
  padding-bottom: 0px !important;
}

.pB5 {
  padding-bottom: 5px !important;
}

.pB10 {
  padding-bottom: 10px !important;
}

.pB15 {
  padding-bottom: 15px !important;
}

.pB20 {
  padding-bottom: 20px !important;
}

.pB25 {
  padding-bottom: 25px !important;
}

.pB30 {
  padding-bottom: 30px !important;
}

.pB35 {
  padding-bottom: 35px !important;
}

.pB40 {
  padding-bottom: 40px !important;
}

.pB45 {
  padding-bottom: 45px !important;
}

.pB50 {
  padding-bottom: 50px !important;
}

.pB55 {
  padding-bottom: 55px !important;
}

.pB60 {
  padding-bottom: 60px !important;
}

.pB65 {
  padding-bottom: 65px !important;
}

/*----------------------------------------------
common
----------------------------------------------*/

.wrapper {
  width: 950px;
  margin: 0 auto;
}

.list-marker-blue, .list-marker-green {
  margin: 0 0 5px 5px;
  list-style-type: none;
}

.list-marker-green li {
  padding-left: 20px;
  background: transparent url("../images/common/ul_btn.gif") left center no-repeat;
}

.list-marker-blue li {
  padding-left: 20px;
  background: transparent url("../images/common/ul_btn02.gif") left no-repeat;
}

.list-marker-blue a, .list-marker-green a {
  color: #333;
}

@media only screen and (max-width: 767px) {
  .wrapper {
    width: 100%;
    margin-top: 75px;
  }
}

/*--------------------------------------------------------------
	スイッチ
----------------------------------------------------------------*/

.pc {
  display: block;
}

@media only screen and (max-width: 767px) {
  .pc {
    display: none;
  }
}

.sp {
  display: none;
}

@media only screen and (max-width: 767px) {
  .sp {
    display: block;
  }
}

/*----------------------------------------------
header
----------------------------------------------*/

.page-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
  margin: 15px 0;
  z-index: 9999;
}

.page-header-logo {
  margin-bottom: 15px;
}

.page-header-nav {
  width: 440px;
  margin-bottom: 15px;
}

.page-header-nav-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  width: 100%;
  margin-bottom: 5px;
  list-style-type: none;
}

.page-header-nav-btn li {
  line-height: 14px;
}

.page-header-nav-contact {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
}

.page-header-nav-contact dt {
  width: 100%;
  margin-bottom: 8px;
  padding-bottom: 6px;
  border-bottom: 1px solid #d1d2d3;
  text-align: right;
}

.page-header-global {
  width: 100%;
}

.page-header-global ul {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  list-style-type: none;
}

.page-header-global-inner {
  position: relative;
  width: 182px;
  height: 23px;
}

.page-header-global-btn {
  display: block;
  width: 100%;
  height: 23px;
  overflow: hidden;
}

.page-header-global-btn img {
  position: relative;
  top: 0;
  left: 0;
  overflow: hidden;
}

.page-header-global-btn:active img, .page-header-global-btn:hover img {
  top: -23px;
}

.page-header-global-inner ul {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1;
  display: none;
  width: 100%;
}

@media screen and (min-width: 767px) {
  .page-header-global-inner:active ul, .page-header-global-inner:hover ul {
    display: block;
  }
}

.page-header-global-inner li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  height: 32px;
  padding-left: 25px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  line-height: 1;
  text-decoration: none;
  font-weight: bold;
  color: #333;
  background: transparent url("../images/common/menu_bg.gif") center no-repeat;
}

@media only screen and (max-width: 767px) {
  .scroll-prevent {
    position: fixed;
    z-index: -1;
    width: 100%;
    height: 100%;
  }
  .page-header {
    position: fixed;
    top: 0;
    height: 75px;
    background: #fff;
    margin: 0;
    -webkit-box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.2);
  }
  .page-header-logo {
    width: 25%;
    padding-left: 20px;
    position: absolute;
    margin-bottom: 0;
    padding-top: 13px;
  }
  .nav-sp-area {
    margin-top: 75px;
    overflow: scroll;
    position: fixed;
    top: 0;
    height: 100%;
    -webkit-overflow-scrolling: touch;
  }
  .page-header-global, .page-header-nav {
    width: 100%;
    display: none;
    background: #0085ce;
  }
  .mega-menu .page-header-global-btn:before {
    content: "+";
    position: absolute;
    right: 25px;
    font-size: 26px;
    top: 11px;
  }
  .mega-menu .open:before {
    content: "ー";
    position: absolute;
    right: 25px;
    font-size: 20px;
    top: 18px;
  }
  .page-header-nav {
    margin-bottom: 0;
  }
  .page-header-nav ul li {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 49.8%;
    padding: 20px;
    border-bottom: 1px solid #003f83;
  }
  .page-header-nav ul li:nth-child(1), .page-header-nav ul li:nth-child(3) {
    border-right: 1px solid #003f83;
  }
  .page-header-nav ul li a {
    text-decoration: none;
    color: #fff;
    font-size: 16px;
  }
  .page-header-nav .page-header-nav-contact {
    padding: 20px 0 0;
    background: #fff;
  }
  .page-header-nav .page-header-nav-contact dt {
    border-bottom: none;
    margin-bottom: 20px;
  }
  .page-header-nav .page-header-nav-contact dd, .page-header-nav .page-header-nav-contact img {
    width: 85%;
    margin: 0 auto 15px;
    display: block;
  }
  .page-header-global ul {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .page-header-global ul li {
    width: 100%;
    height: auto;
    border-bottom: 1px solid #0074b4;
  }
  .page-header-global ul li:first-child {
    border-top: 1px solid #0074b4;
  }
  .page-header-global ul li img {
    width: 100%;
    height: auto;
  }
  .page-header-global ul li a {
    height: auto;
    padding: 20px 0 20px 20px;
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 16px;
    text-decoration: none;
    color: #fff;
  }
  .page-header-global .mega-menu>ul {
    position: static;
    background: #0074b4;
  }
  .page-header-global .mega-menu>ul li {
    border-bottom: 1px solid #00639a;
  }
  .page-header-global .mega-menu>ul li:last-child {
    border-bottom: none;
  }
  .page-header-global .mega-menu>ul li a {
    background: none;
    font-weight: normal;
    line-height: 1.4;
  }
  .page-header-nav-btn {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    background: #004896;
    margin-bottom: 0;
  }
  .nav_toggle {
    display: block;
    width: 50px;
    height: 30px;
    position: absolute;
    top: 25px;
    z-index: 100;
    right: 25px;
  }
  .nav_toggle div {
    position: relative;
  }
  .nav_toggle span {
    display: block;
    height: 2px;
    background: #333;
    position: absolute;
    width: 100%;
    left: 0;
    -webkit-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
  }
  .nav_toggle span:nth-child(1) {
    top: 0;
  }
  .nav_toggle span:nth-child(2) {
    top: 12px;
  }
  .nav_toggle span:nth-child(3) {
    top: 24px;
  }
  /*開閉ボタンopen時*/
  .nav_toggle.open span:nth-child(1) {
    top: 12px;
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
  }
  .nav_toggle.open span:nth-child(2) {
    width: 0;
    left: 50%;
  }
  .nav_toggle.open span:nth-child(3) {
    top: 12px;
    -webkit-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    transform: rotate(-135deg);
  }
}

/*----------------------------------------------
Content
----------------------------------------------*/

.content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 35px;
}

.content-menu {
  width: 225px;
  padding: 5px;
  background-color: #f0f0f0;
}

.content-menu-banner {
  display: block;
	margin: 0 5px 10px 5px;
}

.content-main {
  width: 690px;
}

.content-main figure {
  margin-bottom: 5px;
}

.content-main ol, .content-main ul {
  margin: 15px 10px;
  padding-left: 20px;
}

.content-main p {
  margin: 10px;
}

.content-subsubheader::after {
  position: absolute;
  top: 50%;
  right: 10px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.base-table {
  width: 100%;
  margin: 10px 0;
  border: 1px solid #cecece;
  border-collapse: collapse;
}

.base-table tr {
  padding: 5px;
  background: url("../images/common/line_dot.gif") repeat-x bottom;
}

.base-table td, .base-table th {
  padding: 10px;
  text-align: left;
  font-weight: normal;
}

@media only screen and (max-width: 767px) {
  .content {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .content-main, .content-menu {
    width: 100%;
  }
  .content-menu {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
}

/*----------------------------------------------
Top (Jumbotron)
----------------------------------------------*/

.top-jumbotron {
  margin-bottom: 15px;
}

.top-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 35px;
}

.top-content-l {
  width: 700px;
}

.top-content-l h2 {
  height: 15px;
  margin-bottom: 10px;
  padding: 0 0 10px;
  background: url("../images/common/top_h2.gif") left bottom repeat-x;
  font-size: 1.5rem;
  font-weight: bold;
}

.top-content-l-p01 {
  min-height: 155px;
  margin: 0 10px 25px;
  background: transparent url("../images/common/top_text_bg.jpg") no-repeat right;
}

.top-content-news {
  margin: 0 10px 10px;
  list-style-type: none;
  margin: 0 10px 10px;
}

.top-content-news time {
  margin-right: 12px;
  font-style: italic;
}

.top-content-news li {
  padding-bottom: 10px;
  background: transparent url("../images/common/line_dot.gif") bottom left repeat-x;
}

.top-content-l-p02 {
  margin: 0 10px 10px;
  text-align: center;
}

.top-content-l-p02 a {
  display: block;
  width: 164px;
  margin: 20px auto 0;
}

.top-content-table {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
  margin-bottom: 15px;
  border-top: 1px solid #cecece;
}

.top-content-table-text {
  width: 551px;
  border-left: 1px solid #cecece;
  border-bottom: 1px solid #cecece;
}

.top-content-table-text dt {
  padding: 5px;
  font-weight: bold;
}

.top-content-table-text dd {
  padding: 5px;
}

.top-content-table-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 137px;
  padding: 5px;
  border-right: 1px solid #cecece;
  border-bottom: 1px solid #cecece;
}

.top-content-service {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  border-bottom: 1px solid #cecece;
}

.top-content-service h2:nth-of-type(1) {
  width: 333px;
  height: auto;
  margin-bottom: 0;
  border-right: 1px solid #cecece;
  padding: 8px;
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
}

.top-content-service h2:nth-of-type(2) {
  width: 334px;
  height: auto;
  margin-bottom: 0;
  padding: 8px;
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
}

.top-content-service figure:nth-of-type(1) {
  width: 349px;
  border-right: 1px solid #cecece;
  padding-top: 18px;
  padding-bottom: 5px;
  text-align: center;
  -webkit-box-ordinal-group: 4;
  -ms-flex-order: 3;
  order: 3;
}

.top-content-service figure:nth-of-type(2) {
  width: 350px;
  padding-top: 18px;
  padding-bottom: 5px;
  text-align: center;
  -webkit-box-ordinal-group: 5;
  -ms-flex-order: 4;
  order: 4;
}

.top-content-service-corporation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 349px;
  padding-bottom: 18px;
  border-right: 1px solid #cecece;
  -webkit-box-ordinal-group: 6;
  -ms-flex-order: 5;
  order: 5;
}

.top-content-service-corporation h3 {
  margin-left: 5px;
  font-size: 1.5rem;
  font-weight: bold;
  color: #96ac2e;
}

.top-content-service-corporation>div:nth-of-type(1) {
  width: 148px;
}

.top-content-service-corporation>div:nth-of-type(2) {
  width: 195px;
}

.top-content-service-personal {
  width: 350px;
  padding-bottom: 18px;
  -webkit-box-ordinal-group: 7;
  -ms-flex-order: 6;
  order: 6;
}

.top-content-service-personal h3 {
  margin-left: 5px;
  font-size: 1.5rem;
  font-weight: bold;
  color: #299bdf;
}

.top-content-service>p:nth-of-type(1) {
  -webkit-box-ordinal-group: 8;
  -ms-flex-order: 7;
  order: 7;
  width: 349px;
  border-right: 1px solid #cecece;
  text-align: center;
}

.top-content-service>p:nth-of-type(2) {
  -webkit-box-ordinal-group: 9;
  -ms-flex-order: 8;
  order: 8;
  width: 350px;
  text-align: center;
}

.top-content-r {
  width: 216px;
  margin-top: 25px;
  background-color: #f0f0f0;
}

.top-content-r a {
  display: block;
  padding: 8px;
}

.b_line {
  display: block;
  padding: 8px;
}


@media only screen and (max-width: 767px) {
  .top-content {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .top-content-l, .top-content-r {
    width: 100%;
  }
  .top-content-service-corporation {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
  .top-content-service-corporation h3 {
    margin-left: 5px;
    font-size: 1.5rem;
    font-weight: bold;
    color: #96ac2e;
  }
  .top-content-service-corporation>div:nth-of-type(1) {
    width: 100%;
  }
  .top-content-service-corporation>div:nth-of-type(2) {
    width: 100%;
  }
  .top-content-service h2:nth-of-type(1) {
    width: 100%;
  }
  .top-content-service h2:nth-of-type(2) {
    width: 100%;
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5;
  }
  .top-content-service figure:nth-of-type(1) {
    width: 100%;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
  .top-content-service figure:nth-of-type(2) {
    width: 100%;
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6;
  }
  .top-content-service>p:nth-of-type(1) {
    width: 100%;
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
  }
  .top-content-service>p:nth-of-type(2) {
    width: 100%;
  }
  .top-content-table {
    padding: 20px 0;
  }
  .top-content-table .top-content-table-text {
    width: 100%;
    border: none;
  }
  .top-content-table .top-content-table-btn {
    width: 137px;
    border: none;
  }
}

/*----------------------------------------------
detergent
----------------------------------------------*/

.detergent-image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.detergent-image figure {
  width: 150px;
}

.detergent-image-text {
  width: 540px;
}

/*----------------------------------------------
daily service
----------------------------------------------*/

.service-img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 10px 0;
}

.service-img figure {
  margin: 0 10px 0 0;
}

.service-img p {
  width: 380px;
}

/*----------------------------------------------
term service
----------------------------------------------*/

.term-img-1 {
  margin: 20px 0;
}

.term-img-1 figcaption {
  width: 300px;
  margin: 10px auto 10px 370px;
}

.term-img-2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
}

.term-img-2 p {
  width: 450px;
  margin: 0;
}

.term-img-2 figure {
  width: 240px;
  margin: 0;
  text-align: center;
}

.framebox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 688px;
  margin: 10px 0;
  border: 1px solid #cecece;
}

.framebox dt {
  width: 224px;
  padding: 10px;
}

.framebox dd {
  width: 424px;
  padding: 10px;
}

@media only screen and (max-width: 767px) {
  .term-img-1 figcaption {
    width: 100%;
    margin: 0;
  }
  .term-img-2 {
    padding: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .framebox {
    width: 100%;
  }
  .framebox dt {
    width: 224px;
    padding: 10px;
  }
  .framebox dd {
    width: 424px;
    padding: 10px;
  }
}

/*----------------------------------------------
voice
----------------------------------------------*/

.voice-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
}

.voice-box dl {
  width: 465px;
}

.voice-box dt {
  margin-bottom: 20px;
  font-weight: bold;
  font-size: 1.4rem;
  color: #8cb501;
}

.voice-box figure {
  width: 225px;
  margin: 0;
}

/*----------------------------------------------
mold remove
----------------------------------------------*/

.mold-flow-img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 618px;
  margin: 0 auto 35px;
}

.mold-flow-img figure {
  width: 246px;
  margin: 0;
}

.mold-flow-img a {
  display: block;
  margin-bottom: 20px;
}

.mold-flow-img p {
  width: 300px;
  margin: 0;
}

.content-main .mold-text {
  margin-bottom: 50px;
}

.arrow-down::after {
  content: '';
  display: block;
  width: 100%;
  height: 73px;
  background: transparent url("../images/common/arrow_down_green_53x73.gif") center/contain no-repeat;
}

@media only screen and (max-width: 767px) {
  .mold-flow-img {
    width: 100%;
  }
  .mold-flow-img figure {
    width: 100%;
  }
}

/*----------------------------------------------
process
----------------------------------------------*/

.process-img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 674px;
  margin: 0 auto;
}

.process-img p {
  width: 200px;
  margin: 0;
}

.process-img figure {
  width: 460px;
  margin: 0;
}

@media only screen and (max-width: 767px) {
  .process-img {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
  }
  .process-img p, .process-img figure {
    width: 100%;
    margin: 0;
  }
}

/*----------------------------------------------
aircon_overhaul
----------------------------------------------*/

.content-main .aircon-list {
  margin-bottom: 50px;
}

.content-main .fig-aircon-1 {
  margin-left: 40px;
}

.aircon-diff {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 620px;
  background: transparent url("../images/common/caret_right_green_35x40.png") center no-repeat;
}

.aircon-diff dl {
  width: 228px;
  padding: 15px;
  border: 1px solid #ececec;
}

.aircon-diff dt {
  margin-bottom: 10px;
  font-size: 1.4rem;
  font-weight: bold;
  color: #96ac2d;
}

@media only screen and (max-width: 767px) {
  .aircon-diff {
    width: 100%;
  }
  .aircon-diff dl {
    width: 37%;
    padding: 10px;
  }
}

/*----------------------------------------------
aircon cleaning
----------------------------------------------*/

.aircon-img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.aircon-img dl {
  width: 545px;
}

.aircon-img dd {
  margin-top: 15px;
}

.aircon-img figure {
  width: 140px;
  margin: 0;
}

/*----------------------------------------------
kitchen cleaning
----------------------------------------------*/

.kitchen-img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
}

.kitchen-text {
  width: 515px;
}

.kitchen-text p+p {
  margin-top: 20px;
}

.kitchen-img figure {
  width: 155px;
  text-align: right;
}

/*----------------------------------------------
about us
----------------------------------------------*/

.about-table th {
  width: 250px;
  padding: 5px 10px;
  background-color: #ccc;
}

.about-table td {
  padding: 5px 10px;
}

.about-table ul {
  margin: 0;
}

.about .text-indent {
  margin: 0 10px;
}

@media only screen and (max-width: 767px) {
  .about-table th {
    width: 20%;
  }
}

/*----------------------------------------------
about us
----------------------------------------------*/

.customer-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin: 10px 0;
}

.customer-list ul {
  width: 50%;
  margin: 0;
  padding: 0 10px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  list-style-type: none;
}

/*----------------------------------------------
contact
----------------------------------------------*/

.contact {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.mailform {
  width: 630px;
  margin: 10px auto;
  border: 1px solid #808080;
  table-layout: fixed;
  border-collapse: collapse;
}

.mailform label {
  display: inline-block;
  margin: 0 5px 0 0;
}

.mailform th {
  width: 190px;
  padding: 7px 10px 7px 0;
  border-bottom: 1px solid #ccc;
  text-align: right;
  font-weight: normal;
}

.mailform th span {
  display: block;
  font-size: 10px;
  color: #999;
}

.mailform td {
  padding: 7px 0 7px 10px;
  border-bottom: 1px solid #ccc;
  font-size: 12px;
}

.mailform li, .mailform ol, .mailform ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.label_true {
  border: 1px solid #ccc;
  background-color: #ffe;
  text-decoration: none;
}

.label_false {
  border: none;
  background-color: none;
  background-image: none;
}

.confirm_layer {
  width: 560px;
  margin-bottom: 20px;
}

ul.confirm_layer li {
  width: 520px;
  margin: 0 auto;
  background-color: #fff;
}

.confirm_top {
  padding-top: 20px;
  border-radius: 8px 8px 0 0;
}

.confirm_bottom {
  padding-top: 20px;
  border-radius: 0 0 8px 8px;
}

table.infield {
  width: 500px;
  margin: 0 auto;
}

table.infield th {
  margin: 0;
  padding: 5px;
  border-bottom: 1px solid #ccc;
  text-align: right;
  font-size: 14px;
  color: #232323;
}

.contact-text, .contact-textarea {
  width: 300px !important;
}

.content-main .thanks-text {
  margin: 55px 10px 70px;
  text-align: center;
}

@media only screen and (max-width: 767px) {
  #confirmWindow {
    width: 100% !important;
  }
  #confirmBody {
    width: 100% !important;
  }
  .mailform {
    width: 100%;
  }
  .mailform th {
    width: 20%;
  }
  .mailform td {
    width: 80%;
  }
  .mailform .contact-text, .mailform .contact-textarea {
    width: 100% !important;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .mailform table.infield {
    width: 100%;
  }
  .mailform ul.confirm_layer li {
    width: 100%;
  }
}

/*----------------------------------------------
footer
----------------------------------------------*/

.page-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.page-footer-btn {
  display: none;
  width: 100%;
  margin-bottom: 3px;
  text-align: right;
}

.page-footer-btn-main {
  width: 116px;
  height: 30px;
  padding: 0;
  border: none;
  background: transparent url("../images/common/pagetop.gif") 0 0 no-repeat;
  outline: none;
}

.page-footer-image {
  margin: 10px 0;
}

.page-footer h3 {
  padding: 0 0 5px;
  background: url("../images/common/line_dot.gif") repeat-x bottom;
  font-size: 1.4rem;
}

.page-footer-list-1 {
  width: 140px;
}

.page-footer-list-2 {
  width: 140px;
  margin: 0 0 0 10px;
}

.page-footer-list-3 {
  width: 160px;
  margin: 0 0 0 10px;
}

.page-footer-list-4 {
  width: 200px;
  margin: 0 0 0 10px;
}

.page-footer-list-5 {
  width: 260px;
  margin: 0 0 0 10px;
}

.page-footer-copyright {
  width: 100%;
  height: 35px;
  margin-top: 15px;
  text-align: center;
}

@media only screen and (max-width: 767px) {
  .page-footer {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: 12px;
  }
  .page-footer .page-footer-list-1, .page-footer .page-footer-list-2, .page-footer .page-footer-list-3, .page-footer .page-footer-list-4 {
    width: 47%;
    margin: 0;
  }
  .page-footer .page-footer-list-1, .page-footer .page-footer-list-3 {
    margin: 0 0 0 10px;
  }
  .page-footer .page-footer-list-5 {
    width: 100%;
  }
}

/* ============================================
  原状回復工事、リフォーム工事事例
============================================ */

#example {}

#example .exampleList {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  padding: 0;
}

#example .exampleList_item {
  width: calc((100% - 40px) / 2);
}

#example .exampleList_item>a {
  display: block;
  text-decoration: none;
}

#example .exampleList_item>a:hover {
  opacity: .65
}

#example .exampleList_item .img {
  width: 180px;
  margin: 10px auto;
}

.hide {
  display: none;
}

@media(min-width:768px) {
  #example .exampleList_item:not(:nth-of-type(2n+1)) {
    margin-left: 40px;
  }
  #example .exampleList_item:nth-of-type(n+3) {
    margin-top: 10px;
  }
}

@media(max-width:767px) {
  #example .exampleList_item {
    width: calc((100% - 10px) / 2);
  }
  #example .exampleList_item:not(:nth-of-type(2n+1)) {
    margin-left: 10px;
  }
  #example .exampleList_item .img {
    box-sizing: border-box;
    width: 100%;
    margin: 10px auto;
  }
}

/* ============================================
  原状回復工事、リフォーム工事事例（モーダル）
============================================ */

.example_wrap {
  width: 690px;
  margin: 0 auto;
}

.exampleBox {
  box-sizing: border-box;
  padding: 15px;
}

.exampleBox .standardList {
  display: flex;
  margin: 0 10px;
}

.exampleBox .standardList dt::after {
  content: "："
}

.exampleBox .gallery {
  margin: 10px;
}

.exampleBox .gallery dt {
  font-weight: bold;
}

.exampleBox .gallery dd {
  display: flex;
  flex-wrap: wrap;
}

.exampleBox .gallery dd p {
  flex: 0 0 auto;
  width: calc((100% - 30px) / 3);
  margin: 0;
}

.exampleBox .gallery dd p+p {
  margin-left: 10px;
}

.exampleBox .drawing {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  align-items: center;
  margin: 10px;
}

.exampleBox .drawing dl {
  flex: 0 0 auto;
  width: calc((100% - 30px) / 3);
}

.exampleBox .drawing dt {
  font-weight: bold;
  text-align: center;
}

.exampleBox .drawing dd {
  text-align: center;
  box-sizing: border-box;
  width: 100%;
  padding: 10px;
}

.exampleBox .drawing .arrow-right {
  position: relative;
  width: 30px;
  margin: 0 30px;
}

.exampleBox .drawing .arrow-right::before, .exampleBox .drawing .arrow-right::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 30px 0 30px 30px;
  margin-top: -15px;
}

.exampleBox .drawing .arrow-right::before {
  border-color: transparent transparent transparent #ffa500;
}

.exampleBox .drawing .arrow-right::after {
  left: -10px;
  border-color: transparent transparent transparent #fff;
}

.modaal-wrapper .modaal-close {
  background-color: #000;
}

.modaal-container {
  overflow: visible!important;
}

@media(max-width:767px) {
  .example_wrap {
    width: 100%;
  }
  .exampleBox {
    padding: 10px;
  }
  .exampleBox .drawing .arrow-right {
    position: relative;
    width: 20px;
    margin: 0 20px;
  }
  .exampleBox .drawing .arrow-right::before, .exampleBox .drawing .arrow-right::after {
    border-width: 20px 0 20px 20px;
    margin-top: -10px;
  }
  .exampleBox .drawing .arrow-right::after {
    left: -7px;
  }
}