@charset "UTF-8";
@font-face { font-family: "dear joe four"; font-style: normal; font-weight: normal; src: url("fonts/dear-joe-four/dJ4TRIAL.eot"); src: url("fonts/dear-joe-four/dJ4TRIAL.eot?#iefix") format("embedded-opentype"), url("fonts/dear-joe-four/dJ4TRIAL.woff") format("woff"), url("fonts/dear-joe-four/dJ4TRIAL.ttf") format("truetype"); }
@media screen and (min-width: 768px), print { /* PC */
  #reform { font-size: 0.875rem; line-height: 1.8; min-width: 1100px; }
  #reform p { margin-bottom: 2em; }
  #reform .d-inline-block { display: inline-block; }
  #reform .img-fluid { max-width: 100%; height: auto; }
  #reform .container, #reform .container-m, #reform .container-s { margin-left: auto; margin-right: auto; width: 1100px; padding-left: 50px; padding-right: 50px; }
  #reform .container:before, #reform .container:after, #reform .container-m:before, #reform .container-m:after, #reform .container-s:before, #reform .container-s:after { content: " "; display: table; }
  #reform .container:after, #reform .container-m:after, #reform .container-s:after { clear: both; }
  #reform .container-m { width: 1000px; }
  #reform .container-s { width: 900px; }
  #reform .mb00 { margin-bottom: 0 !important; }
  #reform .text-left { text-align-last: left; }
  #reform .text-center { text-align: center; }
  #reform .text-right { text-align: right; }
  #reform .text-red { color: #c72222; }
  #reform .top-image { text-align: center; margin-bottom: 60px; }
  #reform .top-section { overflow: hidden; margin-bottom: 65px; }
  #reform .top-section--01 .top-section__image { position: absolute; top: 70px; left: 0; }
  #reform .top-section--01 .top-section__title, #reform .top-section--01 .top-section__body { margin-left: auto; }
  #reform .top-section--01 .top-section__box { min-height: 513px; }
  #reform .top-section--01 .top-section__box:before { top: 120px; right: 615px; }
  #reform .top-section--02 .top-section__title { padding-top: 70px; }
  #reform .top-section--02 .top-section__image { position: absolute; top: 0; right: 0; }
  #reform .top-section--02 .top-section__box:before { top: 50px; left: 650px; }
  #reform .top-section__container { padding-left: 0; padding-right: 0; }
  #reform .top-section__box { position: relative; min-height: 443px; }
  #reform .top-section__box:before { content: ""; display: block; height: 393px; width: 50vw; background-color: #e8e4d7; position: absolute; top: 50px; }
  #reform .top-section__title { font-family: "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W3", serif; font-size: 1.75rem; font-weight: bold; line-height: 1.5; width: 520px; margin-bottom: 40px; }
  #reform .top-section__label { font-family: "dear joe four", sans-serif; font-size: 1.25rem; line-height: 40px; vertical-align: bottom; }
  #reform .top-section__num { font-family: 'Homemade Apple', cursive; font-size: 1.875rem; font-weight: 400; line-height: 40px; vertical-align: bottom; }
  #reform .top-section__body { width: 520px; }
  #reform .top-service { text-align: center; background-color: #ece6d4; max-width: 1100px; margin: 0 auto 100px; padding: 30px 50px 30px; }
  #reform .top-service .top-section__title { font-size: 2rem; letter-spacing: 3px; margin-bottom: 30px; width: 100%; }
  #reform .top-service__box { background-color: #fff; padding: 20px 30px 10px; margin-bottom: 20px; }
  #reform .top-service__row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
  #reform .top-service__col { -webkit-box-flex: 0; -ms-flex: 0 1 490px; flex: 0 1 490px; max-width: 490px; }
  #reform .top-service__body { text-align: left; padding-top: 10px; }
  #reform .top-service__body--01 { display: inline-block; background: url(../images/reform/img-03-01.png) no-repeat left top; padding-left: 100px; min-height: 83px; }
  #reform .top-service__body--02 { background: url(../images/reform/img-03-02.png) no-repeat left 10px; padding-left: 90px; min-height: 80px; }
  #reform .top-service__body--03 { background: url(../images/reform/img-03-03.png) no-repeat left 30px; padding-left: 110px; min-height: 55px; }
  #reform .top-service__heading { font-size: 1.75rem; font-weight: bold; line-height: 1.5; font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif; margin-bottom: 5px; }
  #reform .top-service__note { font-size: 1.125rem; font-weight: bold; font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif; background-color: #eee; padding: 10px 0; margin: -10px 0 20px; }
  #reform .works { padding: 45px 0 20px; }
  #reform .works--reform { background-image: url(../images/reform/bg-acc.png), url(../images/reform/reform-bg.png); background-repeat: no-repeat, repeat; background-position: center 100px, center center; }
  #reform .works--repair { background-image: url(../images/reform/bg-acc.png), url(../images/reform/repair-bg.png); background-repeat: no-repeat, repeat; background-position: center 100px, center center; }
  #reform .works-title { font-size: 2.875rem; font-weight: bold; font-family: "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W3", serif; line-height: 1.5; text-align: center; letter-spacing: 3px; margin-bottom: 80px; }
  #reform .works-title__en { display: block; line-height: 17px; }
  #reform .works-list > li { margin-bottom: 50px; }
  #reform .bnrs { text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; max-width: 800px; margin: 80px auto 0; padding-bottom: 60px; }
  #reform .bnr-item { -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; } }
@media screen and (max-width: 767px) { /* SP */
  #reform { font-size: 14px; line-height: 1.8; }
  #reform p { margin-bottom: 4%; }
  #reform .d-inline-block { display: inline-block; }
  #reform .img-fluid { max-width: 100%; height: auto; }
		
  #reform .container, #reform .container-m, #reform .container-s {
		width: 94%; margin: 0 auto;
		}
		
  #reform .container:before, #reform .container:after, #reform .container-m:before, #reform .container-m:after, #reform .container-s:before, #reform .container-s:after { content: " "; display: table; }
  #reform .container:after, #reform .container-m:after, #reform .container-s:after { clear: both; }
  #reform .mb00 { margin-bottom: 0 !important; }
  #reform .text-left { text-align-last: left; }
  #reform .text-center { text-align: center; }
  #reform .text-right { text-align: right; }
  #reform .text-red { color: #c72222; }
		
  #reform .top-image {
		width: 98%; margin: 0 auto;
		
		text-align: center; margin-bottom: 8%; }
		
  #reform .top-section { overflow: hidden; margin-bottom: 8%; }
		
  #reform .top-section__title { font-family: "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W3", serif; font-size: 1.8rem; font-weight: bold; line-height: 1.5; margin-bottom: 4%;text-align: center;
		letter-spacing: 1px;
		}
		
  #reform .top-section__label { font-family: "dear joe four", sans-serif; font-size: 18px; line-height: 40px; vertical-align: bottom; }
  #reform .top-section__num { font-family: 'Homemade Apple', cursive; font-size: 24px; font-weight: 400; line-height: 40px; vertical-align: bottom; }
  #reform .top-section__image { margin-bottom: 4%; }
		
  #reform .top-service { text-align: center; background-color: #ece6d4; padding: 5% 3% 3%;
		width: 98%; margin: 0 auto 10%;
		}
		
  #reform .top-service__box {
		  background-color: #fff;
    padding: 4% 6% 3%;
    margin-bottom: 6%;
		}
  #reform .top-service__body { text-align: left; padding-top: 10px; }
		
  #reform .top-service__body--01 {
		  display: inline-block;
    background: url(../images/reform/img-03-01.png) no-repeat center top;
    padding-top: 23%;
    background-size: 17%;
		}
		
  #reform .top-service__body--02 { background: url(../images/reform/img-03-02.png) no-repeat center top;
		padding-top: 24%;
		background-size: 18%;
		}
		
  #reform .top-service__body--03 { background: url(../images/reform/img-03-03.png) no-repeat center 30px; padding-top: 110px; min-height: 55px; }
		
  #reform .top-service__heading { font-size: 1.6rem; font-weight: bold; line-height: 1.5; font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif; margin-bottom: 5px;
		margin-bottom: 4%;
		}
		
		
  #reform .top-service__note { font-size: 1.6rem; font-weight: bold; font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif; background-color: #eee; padding: 10px 0; margin: 4% 0 4%;}
		
  #reform .works { padding: 8% 0 4%; }
		
  #reform .works--reform { background-image: url(../images/reform/bg-acc.png), url(../images/reform/reform-bg.png); background-repeat: no-repeat, repeat; background-position: center 0, center center; background-size: contain, auto; 
		width: 98%; margin: 0 auto;
		}
		
  #reform .works--repair { background-image: url(../images/reform/bg-acc.png), url(../images/reform/repair-bg.png); background-repeat: no-repeat, repeat; background-position: center 0, center center; background-size: contain, auto;
		width: 98%; margin: 0 auto;
		}
  #reform .works-title { 
    font-size: 2rem;
    font-weight: bold;
    font-family: "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W3", serif;
    line-height: 1.5;
    text-align: center;
    margin-bottom: 6%;
				letter-spacing: 1px;
		}
		

		
  #reform .works-title__en { display: block; line-height: 17px; margin-bottom: 10px;
		width: 22%;
		margin-left: auto;
margin-right: auto;
		}
		
  #reform .works-list > li { margin-bottom: 6%; }
		
  #reform .bnrs { text-align: center; margin: 6% auto 0; padding: 0;
				display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; 
-webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;
width: 94%; margin: 6% auto 0;
		
		}
		
		#reform .bnrs .bnr-item{
		width: 47.5%;
		margin-right: 5%;
		}
		
				#reform .bnrs .bnr-item:nth-child(2n){
margin-right: 0;
}
		
		
  #reform .bnr-item { margin-bottom: 20px; } }

/*# sourceMappingURL=page-reform.css.map */