@charset "UTF-8";
/* CSS Document */
/* Scss Document */
/* Scss Document */
#home { background: #FAFAFA; }

.titleimg { margin-bottom: 7.6271186441%; background: url("/img/mainte/mainimg.png") center/cover no-repeat; }
@media screen and (max-width: 769px) { .titleimg { margin-bottom: 45px; } }
@media screen and (min-width: 1180px) { .titleimg { margin-bottom: 90px; } }
.titleimg__wrap { position: relative; height: 200px; }
.titleimg__wrap h2 { font-size: 2.5rem; position: absolute; top: 50%; left: 4%; letter-spacing: 0.1em; font-family: 黎ミン R, Reimin Regular, YuMincho, "Yu Mincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; font-weight: normal; color: #fff; transform: translate(0, -50%); }
@media (min-width: 769px) { .titleimg__wrap h2 { font-size: calc( 2.5rem + ( 1vw - 7.69px ) * 3.6496350365 ); } }
@media (min-width: 1180px) { .titleimg__wrap h2 { font-size: 4rem; } }

.case__copy { margin-bottom: 9.3220338983%; font-size: 1.6rem; text-align: center; font-weight: bold; }
@media screen and (max-width: 769px) { .case__copy { margin-bottom: 55px; } }
@media screen and (min-width: 1180px) { .case__copy { margin-bottom: 110px; } }
@media (min-width: 769px) { .case__copy { font-size: calc( 1.6rem + ( 1vw - 7.69px ) * 1.703163017 ); } }
@media (min-width: 1180px) { .case__copy { font-size: 2.3rem; } }
.case__copy .maincolor { color: #002C83; }
.case__list_wrap { margin-bottom: 9.3220338983%; }
@media screen and (max-width: 769px) { .case__list_wrap { margin-bottom: 55px; } }
@media screen and (min-width: 1180px) { .case__list_wrap { margin-bottom: 110px; } }
.case__list a { position: relative; padding: 5px 0 5px 30px; font-size: 1.5rem; color: #002C83; font-weight: bold; }
.case__list a:before { position: absolute; content: ""; display: block; width: 7px; height: 7px; top: 45%; left: 0; border-top: solid 2px #002C83; border-right: solid 2px #002C83; transform: rotate(45deg) translate(0, -50%); }

.case-parts { padding-top: 100px; margin-top: -70px; }
.case-parts__title { text-align: center; color: #002C83; }
.case-parts__title-wrap span { font-size: 1.5rem; letter-spacing: 0.05em; font-weight: normal; }
@media (min-width: 769px) { .case-parts__title-wrap span { font-size: calc( 1.5rem + ( 1vw - 7.69px ) * -0.2433090024 ); } }
@media (min-width: 1180px) { .case-parts__title-wrap span { font-size: 1.4rem; } }
.case-parts__title-wrap h3 { font-size: 1.8rem; margin-bottom: 2.1186440678%; }
@media (min-width: 769px) { .case-parts__title-wrap h3 { font-size: calc( 1.8rem + ( 1vw - 7.69px ) * 0.4866180049 ); } }
@media (min-width: 1180px) { .case-parts__title-wrap h3 { font-size: 2rem; } }
@media screen and (max-width: 769px) { .case-parts__title-wrap h3 { margin-bottom: 12.5px; } }
@media screen and (min-width: 1180px) { .case-parts__title-wrap h3 { margin-bottom: 25px; } }
.case-parts__copy { margin-bottom: 12.2881355932%; font-weight: bold; font-size: 1.5rem; line-height: 2; color: #000; }
@media screen and (max-width: 769px) { .case-parts__copy { margin-bottom: 72.5px; } }
@media screen and (min-width: 1180px) { .case-parts__copy { margin-bottom: 145px; } }
.case-parts__step li { margin-bottom: 115px; position: relative; text-align: center; background: #fff; border-radius: 20px; }
.case-parts__step li:after { position: absolute; content: ""; display: block; bottom: -40px; left: 50%; width: 0; height: 0; border-style: solid; border-width: 22px 20px 0 20px; border-color: #002C83 transparent transparent transparent; transform: translate(-50%, 0); }
.case-parts__step li:last-child:after { display: none; }
.case-parts__step-num { position: absolute; display: inline; top: -50px; left: 50%; padding: 10px 20px; color: #002C83; background: #fff; border-radius: 50px; border: solid 6px #fafafa; font-size: 2.7rem; transform: translate(-50%, 0); }
.case-parts__step-box { padding: 45px 35px 30px; color: #000; }
.case-parts__step-box figure { margin: 0 auto; margin-bottom: 1.6949152542%; width: 60%; max-width: 220px; }
@media screen and (max-width: 769px) { .case-parts__step-box figure { margin-bottom: 10px; } }
@media screen and (min-width: 1180px) { .case-parts__step-box figure { margin-bottom: 20px; } }
.case-parts__step-box h4 { margin-bottom: 0.8474576271%; font-size: 1.8rem; font-weight: bold; }
@media screen and (max-width: 769px) { .case-parts__step-box h4 { margin-bottom: 5px; } }
@media screen and (min-width: 1180px) { .case-parts__step-box h4 { margin-bottom: 10px; } }
.case-parts__step-txt { font-size: 1.4rem; text-align: justify; }
@media (min-width: 768px) { .case-parts__step-txt { font-size: calc( 1.4rem + ( 1vw - 7.68px ) * 0.2427184466 ); } }
@media (min-width: 1180px) { .case-parts__step-txt { font-size: 1.5rem; } }

.case-01 { border-bottom: solid 1px #EBEBEB; }

.area { padding-top: 100px; margin-top: -70px; }
.area__title { margin-bottom: 5.0847457627%; font-size: 1.8rem; text-align: center; }
@media screen and (max-width: 769px) { .area__title { margin-bottom: 30px; } }
@media screen and (min-width: 1180px) { .area__title { margin-bottom: 60px; } }
@media (min-width: 769px) { .area__title { font-size: calc( 1.8rem + ( 1vw - 7.69px ) * 0.4866180049 ); } }
@media (min-width: 1180px) { .area__title { font-size: 2rem; } }
.area__map { margin: 0 auto 60px; width: 95%; }
.area__contents-wrap { margin-bottom: 10px; }
.area__area-name { font-size: 1.7rem; position: relative; padding: 10px; font-weight: bold; }
@media (min-width: 769px) { .area__area-name { font-size: calc( 1.7rem + ( 1vw - 7.69px ) * -0.2433090024 ); } }
@media (min-width: 1180px) { .area__area-name { font-size: 1.6rem; } }
.area__area-name.osaka { background: #EB8896; }
.area__area-name.hyogo { background: #AADDF8; }
.area__area-name.kyoto { background: #EDDAEB; }
.area__area-name.nara { background: #DDC2B5; }
.area__area-name.shiga { background: #C4C1E0; }
.area__area-name.wakayama { background: #D5DC6A; }
.area__area-name.mie { background: #FFF79F; }
.area__area-name span { position: absolute; display: block; top: 50%; right: 20px; width: 15px; height: 15px; transition: .3s; transform: translate(0, -50%); }
.area__area-name span:before { position: absolute; content: ""; display: block; top: 50%; left: 50%; width: 100%; height: 2px; background: #fff; transform: translate(-50%, -50%); }
.area__area-name span:after { position: absolute; content: ""; display: block; top: 50%; left: 50%; width: 2px; height: 100%; background: #fff; transform: translate(-50%, -50%); }
.area__area-name.active span:after { transition: .3s; opacity: 0; }
.area__wrap-contents { padding: 10px 10px; font-size: 1.5rem; font-weight: bold; border-bottom: solid 1px #EBEBEB; }
.area__wrap-contents.bb-no { border-bottom: none; }
.area__plan { flex: 0 1 20%; width: 20%; max-width: 20%; }
.area__area_plan { flex: 0 1 80%; width: 80%; max-width: 80%; }
.area .area_attention { font-size: 1.3rem; text-align: justify; }

.corres { padding-top: 100px; margin-top: -70px; padding-bottom: 70px; margin-bottom: 0 !important; }
.corres__title { margin-bottom: 2.9661016949%; font-size: 1.8rem; text-align: center; }
@media screen and (max-width: 769px) { .corres__title { margin-bottom: 17.5px; } }
@media screen and (min-width: 1180px) { .corres__title { margin-bottom: 35px; } }
@media (min-width: 769px) { .corres__title { font-size: calc( 1.8rem + ( 1vw - 7.69px ) * 0.4866180049 ); } }
@media (min-width: 1180px) { .corres__title { font-size: 2rem; } }
.corres__contents-wrap { margin-bottom: 5.0847457627%; padding: 50px 0; background: #FAFAFA; }
@media screen and (max-width: 769px) { .corres__contents-wrap { margin-bottom: 30px; } }
@media screen and (min-width: 1180px) { .corres__contents-wrap { margin-bottom: 60px; } }
.corres__machine { flex: 0 1 48%; width: 48%; max-width: 48%; font-size: 1.5rem; font-weight: bold; }
@media (min-width: 769px) { .corres__machine { font-size: calc( 1.5rem + ( 1vw - 7.69px ) * 0.2433090024 ); } }
@media (min-width: 1180px) { .corres__machine { font-size: 1.6rem; } }
.corres__machine span { color: #B1B1B1; }
.corres__attention { font-size: 1.3rem; text-align: justify; }

/*------------------------------
		769px以上
------------------------------*/
@media screen and (min-width: 769px) { .titleimg__wrap { height: 370px; }
  .case-parts { padding-top: 0; margin-top: 0; }
  .case-parts__step { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }
  .case-parts__step li { flex: 0 1 47%; width: 47%; max-width: 47%; }
  .case-parts__step li:after { bottom: auto; top: 50%; left: auto; right: -35px; border-width: 20px 0 20px 20px; border-color: transparent transparent transparent #002C83; transform: translate(0, -50%); }
  .case-parts__step li:nth-child(even):after { display: none; }
  .case-02 .case-parts__step li:last-child { margin-bottom: 0; }
  .area { margin-top: 0; padding-top: 160px; }
  .area__title { text-align: left; }
  .area__map { flex: 0 1 40%; width: 40%; max-width: 40%; margin: 0; }
  .area__detail-wrap { flex: 0 1 53%; width: 53%; max-width: 53%; }
  .area__contents_wrap { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 0; }
  .area__area-name { cursor: pointer; }
  .corres { padding-top: 0; margin-top: 0; padding-bottom: 11.6666666667%; }
  .corres__title { text-align: left; }
  .corres .flex_wrap { -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; }
  .corres__machine { flex: 0 1 31%; width: 31%; max-width: 31%; } }
/*------------------------------
		1024px以上
------------------------------*/
@media screen and (min-width: 961px) { .case-parts__step li { flex: 0 1 30%; width: 30%; max-width: 30%; }
  .case-parts__step li:after { right: -40px; }
  .case-parts__step li:nth-child(even):after { display: block; }
  .case-parts__step li:nth-child(3n):after { display: none; }
  .case-02 .case-parts__step li { margin-bottom: 0; }
  .area { padding-top: 160px; }
  .area__title { text-align: left; }
  .area__map { flex: 0 1 47%; width: 47%; max-width: 47%; margin: 0; }
  .area__map img { width: 92%; }
  .area__detail-wrap { flex: 0 1 50%; width: 50%; max-width: 50%; }
  .area__contents_wrap { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 0; }
  .area__area-name { cursor: pointer; }
  .corres { margin-bottom: 11.6666666667%; }
  .corres__title { text-align: left; }
  .corres .flex_wrap { -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; }
  .corres__machine { flex: 0 1 13%; width: 13%; max-width: 13%; margin-bottom: 5px; }
  .corres__machine.pc-wi16 { flex: 0 1 16%; width: 16%; max-width: 16%; }
  .corres__machine.pc-wi22 { flex: 0 1 22%; width: 22%; max-width: 22%; }
  .corres ul { padding: 20px 60px; }
  .corres__contents-wrap { max-width: 1180px; margin: 0 auto 35px; padding: 22px 0; } }
/*------------------------------
		1200px以上
------------------------------*/

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