@charset "UTF-8";
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {margin-bottom: 0; font-weight: normal;}
h1,h2,h3,h4 {font-weight: bold;}
p {margin-bottom: 0; line-height: 1.6;}

a:link { text-decoration: none; color: #452F0D;}
a:visited { text-decoration: none; color: #452F0D;}
a:hover { text-decoration: none;}
a:active { text-decoration: none; color: #B60001;}
a:link,a:visited,a:hover,a:active {transition: all .6s; }

img { width: 100%; height: auto;vertical-align: bottom}

* {word-break: break-all;}

ul { list-style: none; margin: 0; padding: 0;}

html { position: relative;}
body { display: block; margin: 0; padding: 0; font-family: 'Noto Sans JP', sans-serif; color: #000000;}

@media (min-width: 739px) {
  a:hover { opacity: .6;}

  body { position: relative; width: 100%; margin: 0 auto}
  header { position: fixed; z-index: 5; top: 0; left: 0; background: #fff; display: block; height: 124px; width: 100%;}
  header .h_inner { display: flex; justify-content: space-between; align-items: center; width: 100%; max-width: 1000px; margin: 0 auto; height: 124px;}
  header .logo { width: 313px;}
  a.btn01 { position: relative; display: flex; justify-content: center; align-items: center; width: 265px; height: 40px; border: 1px solid #707271; padding: 0 25px 0 15px; font-size: 15px; color: #666666;}
  a.btn01::after { display: block; position: absolute; content: ""; background: #a8a9a7; width: 50px; height: 1px; right: -30px; top: 0; bottom: 0; margin: auto 0;}
  a.btn01 img { width: 15px; margin-left: 8px;}

  main { padding-top: 124px;}
  .kv { display: block; width: 100%; margin: 0 auto 0px;}

  .area .inner { display: block; max-width: 1000px; margin: 0 auto;}
  .area p.num { font-size: 180px; font-weight: 600; color: #dcf4e5; font-family: "din-2014", sans-serif; margin: 0; line-height: 1;}
  .area p.f_ttl { font-size: 21px; line-height: 31.5px; margin: 0 0 10px; font-weight: 600; color: #3eb140;}
  .area p.f_txt { font-size: 16px; line-height: 28px; margin: 0 0 0px; color: #666666;}

  .area01 { display: block; width: 100%; margin: 0 auto 0px; padding: 90px 0; background: url(../images/bg_area01.png) no-repeat bottom left; background-size: 245px 432px;}
  .area.area01 p.num { color: #dcf4e6;}
  .area01 .flcell01 { display: flex; justify-content: space-between; align-items: center; margin: 0 auto 85px;}
  .area01 .flcell01 .fleft { width: 190px;}
  .area01 .flcell01 .fright { width: calc(100% - 190px);}

  .area01 .flcell02 { display: flex; justify-content: space-between; align-items: flex-end;}
  .area01 .flcell02 .fleft { width: 55%;}
  .area01 .flcell02 .fright { width: 40%;}
  .area01 .flcell02 .fright p.num { text-align: right;}

  .area02 { background: url(../images/bg_area02_left.png) no-repeat left bottom, url(../images/bg_area02_right.png) no-repeat right 520px, #e9e8e5; background-size: 116px 162px, 109px 238px, 100%;padding: 50px 0 75px;}
  .area.area02 p.num { color: #c9decf;}
  .area02 .flcell01 {  margin: 0 auto 35px;}

  .area02 .flcell02 { display: flex; justify-content: space-between; align-items: flex-end;}
  .area02 .flcell02 .fleft { width: 38.5%;}
  .area02 .flcell02 .fleft p.f_txt { margin-bottom: 40px;}
  .area02 a.btn01 { background: #e9e8e5;}
  .area02 .flcell02 .fright { width: 52%; max-width: 519px;}

  .area03 { display: block; width: 100%; margin: 0 auto 0px; padding: 175px 0 115px; background: #f0f4d8;}
  .area.area03 p.num { color: #d0e9c2;}
  .area03 .leadCell { position: relative; margin: 0 auto 40px;}
  .area03 .leadCell p.num { position: absolute; right: 0; top: -120px;}

  .area03 .flcell01 { display: flex; justify-content: space-between; margin: 0 auto 180px; padding: 0 0 145px; border-bottom: 1px solid #8b8b8b;}
  .area03 .flcell01 .cell { width: 48%;}
  .area03 .flcell01 .cell p.txt_floor { display: block; width: max-content; background: #abb23d; color: #fff; line-height: 1; padding: 2px 7px 4px; font-size: 16px; margin: 10px 0 0 auto; font-family: "a-otf-gothic-mb101-pr6n", sans-serif;}

  .area03 .leadCell02 { position: relative; margin: 0 auto 20px;}
  .area03 .leadCell02 p.num { position: absolute; left: -8px; top: -130px; z-index: 1;}
  .area03 .leadCell02 p.f_ttl,.area03 .leadCell02 p.f_txt { position: relative; z-index: 3;}

  .area03 .flcell02 { display: flex; justify-content: space-between; margin-bottom: 40px;}
  .area03 .flcell02 .cell { width: 21.6%; max-width: 240px;}
  .area03  .link { margin: 0 0 0 auto; display: block; width: max-content;}
  .area03  .link a.btn01 { margin-right: 30px;}

  .area04 { display: block; width: 100%; margin: 0 auto 142px; padding: 100px 0 0px; background: url(../images/bg_area04_right.png) no-repeat right 240px, url(../images/bg_area04_left.png) no-repeat left bottom; background-size: 147px 392px, 132px 305px;}
  .area.area01 p.num { color: #dcf4e6;}
  .area04 .flcell01 { display: flex; justify-content: space-between; align-items: flex-end; margin: 0 auto 55px;}
  .area04 .flcell01 .fleft { width: 45%;}
  .area04 .flcell01 .fright { width: 50%;}
  .area04 .flcell01 .fright p.num { text-align: right;}

  .area04 .flcell02 { display: flex; justify-content: space-between; align-items: flex-end; margin: 0 auto 55px;}
  .area04 .flcell02 .fleft { width: 45%;}
  .area04 .flcell02 .fleft img { max-width: 407px; margin: 0 0 20px;}
  .area04 .flcell02 .fright { width: 46%;}
  .area04 .flcell02 .fright p.f_txt { text-align: right; margin: 5px 0 0; font-size: 12px;}

  .area04 .img01 { margin: 0 auto 165px;}

  .area04 .flcell03 { display: flex; justify-content: space-between; align-items: center; margin: 0 auto 120px;}
  .area04 .flcell03 .fleft { width: 45%;}
  .area04 .flcell03 .fright { width: 50%;}
  .area04 .flcell03 .fright p.f_txt { margin-bottom: 30px;}

  .area04 .leadCell01 { margin: 0 auto 0px; padding: 0 0 160px; border-bottom: 1px solid #8b8b8b;}

  .areaaccess { display: block; width: 100%; margin: 0 auto 0px; padding: 0px 0 80px;}
  .areaaccess .flcell01 { display: flex; justify-content: space-between; margin: 0 auto 55px;}
  .areaaccess .flcell01 .fleft { width: 50%;}
  .areaaccess .flcell01 .fright { width: 42%;}
  .areaaccess .flcell01 .fright p.f_txt { margin-bottom: 20px;}

  footer { background: #3eb140; display: block; width: 100%; height: 126px; color: #fff;}
  footer .inner { display: flex; justify-content: space-between; align-items: center; max-width: 1000px; height: 126px; margin: 0 auto; }
  footer .inner img { width: 313px;}
  footer .inner p { font-size: 15px; line-height: 17px; margin: 0;}

  .pcOnly { display: block !important;}
  .spOnly { display: none !important;}
  .spCell01, .spCell02 { display: none;}
}

@media (max-width: 738px) {
  body { position: relative; width: 100%; margin: 0 auto}
  header { position: fixed; z-index: 5; top: 0; left: 0; background: #fff; display: block; height: 60px; width: 100%;}
  header .h_inner { display: flex; justify-content: space-between; align-items: center; width: 100%; margin: 0 auto; height: 60px;}
  header .logo { width: 144px; margin: 0 0 0 25px;}
  a.btn01 { position: relative; display: flex; justify-content: center; align-items: center; width: 90%; height: 40px; border: 1px solid #707271; padding: 0 0px 0 0px; font-size: 14px; color: #666666; margin: 0 auto;}
  a.btn01::after { display: block; position: absolute; content: ""; background: #a8a9a7; width: 50px; height: 1px; right: -30px; top: 0; bottom: 0; margin: auto 0;}
  a.btn01 img { width: 15px; margin-left: 8px;}

  main { padding-top: 60px;}
  .kv { display: block; width: 100%; margin: 0 auto 0px;}

  .area .inner { display: block; max-width: 1000px; margin: 0 auto;}
  .area p.num { font-size: 50px; font-weight: 600; color: #dcf4e5; font-family: "din-2014", sans-serif; margin: 0; line-height: 1;}
  .area p.f_ttl { font-size: 14px; line-height: 18px; margin: 0 0 10px; font-weight: 600; color: #3eb140;}
  .area p.f_txt { font-size: 11px; line-height: 17px; margin: 0 0 0px; color: #666666;}

  .area01 { display: block; width: 100%; margin: 0 auto 0px; padding: 30px 0; background: url(../images/bg_area01_01_sp.png) no-repeat right 50px, url(../images/bg_area01_02_sp.png) no-repeat right 240px; background-size: 54px 108px, 128px 165px;}
  .area.area01 p.num { color: #dcf4e6;}
  .area01 .flcell01 { display: flex; justify-content: space-between; align-items: center; flex-direction: column; margin: 0 auto 40px; width: 90%;}
  .area01 .flcell01 .fleft { width: 100%;}
  .area01 .flcell01 .fright { width: 100%;}

  .area01 .flcell02 { display: flex; justify-content: space-between; flex-direction: column-reverse; width: 90%; margin: 0 auto;}
  .area01 .flcell02 .fleft { width: 100%;}
  .area01 .flcell02 .fleft img { display: block; margin-bottom: 25px;}
  .area01 .flcell02 .fright { width: 100%;}

  .area02 { background: url(../images/bg_area02_right_sp.png) no-repeat right 15px, #e9e8e5; background-size: 77px 123px, 100%; padding: 25px 0 35px;}
  .area.area02 p.num { color: #c9decf;}
  .area02 .flcell01 { margin: 0 auto 15px; width: 100%;}
  .area02 .flcell01 .fleft { width: 90%; margin: 0 auto 20px;}
  .area02 .flcell01 .fright p.f_txt { display: block; width: 90%; margin: 10px auto 15px;}

  .area02 .flcell02 { display: flex; justify-content: space-between; flex-direction: column-reverse; width: 100%; margin: 0 auto;}
  .area02 .flcell02 .fleft { width: 90%; margin: 0 auto;}
  .area02 .flcell02 .fleft p.f_txt { margin: 10px auto 15px;}
  .area02 a.btn01 { background: #e9e8e5;}
  .area02 .flcell02 .fright { width: 100%;}
  .area02 .flcell02 .fright p.f_txt { display: block; width: 90%; margin: 10px auto 15px;}

  .area03 { display: block; width: 100%; margin: 0 auto 0px; padding: 30px 0 50px; background: #f0f4d8;}
  .area.area03 p.num { color: #d0e9c2;}
  .area03 .leadCell { position: relative; margin: 0 auto 10px; width: 90%;}
  .area03 .leadCell p.num {}

  .area03 .flcell01 { display: flex; justify-content: space-between; margin: 0 auto 0px; padding: 0px 0 30px; width: 90%;}
  .area03 .flcell01 .cell { width: 48%;}
  .area03 .flcell01 .cell p.txt_floor { display: block; width: max-content; background: #abb23d; color: #fff; line-height: 1; padding: 2px 7px 2px; font-size: 10px; margin: 5px 0 0 auto; font-family: "a-otf-gothic-mb101-pr6n", sans-serif;}

  .area03 .spCell01 { margin: 0 auto 20px; padding: 0 0 40px; width: 90%; border-bottom: 1px solid #8b8b8b;}

  .area03 .leadCell02 { position: relative; margin: 0 auto 20px; width: 90%;}
  .area03 .leadCell02 p.f_ttl,.area03 .leadCell02 p.f_txt { position: relative; z-index: 3;}

  .area03 .flcell02 { display: flex; justify-content: space-between; flex-wrap: wrap; width: 90%; margin: 0 auto 0px;}
  .area03 .flcell02 .cell { width: 48%; margin-bottom: 15px;}

  .area03 .spCell02 { margin: 0 auto 20px; width: 90%;}
  .area03 .linkCell { width: 90%; margin: 0 auto;}

  .area04 { display: block; width: 100%; margin: 0 auto 0px; padding: 20px 0 0px; background: url(../images/bg_area04_right_sp.png) no-repeat right 10px; background-size: 89px 224px;}
  .area.area01 p.num { color: #dcf4e6;}
  .area04 .flcell01 { display: flex; justify-content: space-between; flex-direction: column-reverse; margin: 0 auto 25px; width: 90%;}
  .area04 .flcell01 .fleft { width: 100%;}
  .area04 .flcell01 .fleft img { margin-bottom: 15px;}
  .area04 .flcell01 .fright { width: 100%;}

  .area04 .spCell01 { margin: 0 auto 20px; width: 90%;}

  .area04 .flcell02 { display: flex; justify-content: space-between; align-items: flex-end; margin: 0 auto 15px; width: 90%;}
  .area04 .flcell02 .fleft { width: 48%;}
  .area04 .flcell02 .fright { width: 48%;}
  .area04 .flcell02 .fright p.f_txt { text-align: right; margin: 5px 0 0; font-size: 10px;}

  .area04 .img01 { margin: 0 auto 70px; width: 90%;}

  .area04 .flcell03 { display: flex; justify-content: space-between; flex-direction: column; margin: 0 auto 55px; width: 90%;}
  .area04 .flcell03 .fleft { width: 70%; margin: 0 auto;}
  .area04 .flcell03 .fright { width: 100%;}
  .area04 .flcell03 .fright p.f_ttl { text-align: center;}
  .area04 .flcell03 .fright p.f_txt { margin-bottom: 60px;}

  .area04 .leadCell01 { margin: 0 auto 0px; padding: 0 0 85px; border-bottom: 1px solid #8b8b8b; width: 90%;}
  .area04 .leadCell01 p.f_ttl { text-align: center;}

  .areaaccess { display: block; width: 100%; margin: 0 auto 0px; padding: 75px 0 0px; background: url(../images/bg_area04_right_sp.png) no-repeat right 10px; background-size: 89px 224px;}
  .areaaccess .flcell01 { display: flex; justify-content: space-between; flex-direction: column; margin: 0 auto 55px; width: 90%;}
  .areaaccess .flcell01 .fleft { width: 100%; margin-bottom: 15px;}
  .areaaccess .flcell01 .fleft p.f_ttl { text-align: left;}
  .areaaccess .flcell01 .fright { width: 100%;}
  .areaaccess .flcell01 .fright p.f_txt { margin-bottom: 35px;}

  footer { background: #3eb140; display: block; width: 100%; height: 63px; color: #fff;}
  footer .inner { display: flex; justify-content: space-between; align-items: center; width: 90%; height: 63px; margin: 0 auto; }
  footer .inner img { width: 114px;}
  footer .inner p { font-size: 11px; line-height: 17px; margin: 0;}

  .pcOnly { display: none !important;}
  .spOnly { display: block !important;}
}