@charset "UTF-8";

/* ----------------------------------------------------------------
 File name      style.css
 Style Info     �A�N�Z�XindexCSS,
 				�v���C�o�V�[index�y�[�W�pCSS,archive�y�[�W�pCSS
------------------------------------------------------------------- */

/*-- ���� --*/

div#accessVisual,
div#summaryVisual {
  width: 1000px;
  height: 248px;
  margin: 0px;
  padding: 0px;
}

div#accessTit,
div#summaryTit {
  width: 1000px;
  padding: 40px 0px 20px;
}

p.titAll {
  width: 890px;
  background: url(../img/common/tit_Icon.gif) no-repeat left;
  font-size: 20px;
  font-weight: bold;
  vertical-align: middle;
  color: #000000;
  border-bottom: #666 1px dotted;
  padding: 10px 0px 10px 30px;
  margin: 0px auto 20px auto;
}

/*-- ���� END --*/

/*-- access page --*/

div#contentsMap {
  width: 980px;
  padding: 0px;
  margin: 0px 0px 20px;
}

div#mapLeft {
  width: 628px;
  float: left;
}

div#mapRight {
  width: 320px;
  float: right;
}

p.mapTit {
  width: 308px;
  font-size: 20px;
  font-weight: bold;
  color: #000000;
  text-align: left;
  background-color: #ecf9ce;
  padding: 12px 0px 12px 12px;
  margin: 0px 0px 10px;
}

p.mapTxt {
  width: 286px;
  font-size: 16px;
  line-height: 1.5em;
  text-align: left;
  padding: 0px 12px;
  margin: 0px 0px 10px;
}

span.map_attTxt01 {
  font-weight: bold;
  color: #ed6d00;
}
span.map_attTxt02 {
  font-weight: bold;
  color: #000000;
}

div#accessContents {
  width: 920px;
  padding: 0px 30px;
  margin: 0px 0px 30px;
}

div#accessLeft {
  width: 536px;
  float: left;
  padding: 0px;
  margin: 0px;
}

div#accessRight {
  width: 327px;
  float: right;
  padding: 0px;
  margin: 0px;
}

p.accessTit01,
p.accessTit02 {
  width: 255px;
  padding: 0px 0px 0px 38px;
  font-size: 16px;
  font-weight: bold;
  color: #000000;
  vertical-align: middle;
  margin: 0px 0px 7px;
}

p.accessTit01 {
  background: url(../img/access/accessIcon01.gif) no-repeat left;
}
p.accessTit02 {
  background: url(../img/access/accessIcon02.gif) no-repeat left;
}

p.titAll {
  width: 890px;
  background: url(../img/common/tit_Icon.gif) no-repeat left;
  font-size: 20px;
  font-weight: bold;
  vertical-align: middle;
  color: #000000;
  border-bottom: #666 1px dotted;
  padding: 10px 0px 10px 30px;
  margin: 0px auto 20px auto;
}

.bottom_map {
  width: 774px;
  margin: 0 auto;
}

/*-- summary page(�N���[�o�[�ʐM) --*/
div#contentsSummary {
  width: 980px;
  padding: 0px 0px 200px 0px;
  margin: 0px auto 20px auto;
}

table#summaryHome,
table#summaryHome02 {
  width: 918px;
  border-left: #c2bfbf 1px solid;
  border-top: #c2bfbf 1px solid;
  padding: 0px;
  margin: 0px auto 20px auto;
}

table#summaryHome th,
table#summaryHome02 th {
  font-size: 16px;
  font-weight: bold;
  background-color: #ecf9ce;
  text-align: left;
  vertical-align: middle;
  border-right: #c2bfbf 1px solid;
  border-bottom: #c2bfbf 1px solid;
  padding: 5px 15px;
}

table#summaryHome th {
  width: 100px;
}
table#summaryHome02 th {
  width: 548px;
}

table#summaryHome td,
table#summaryHome02 td {
  font-size: 16px;
  text-align: left;
  vertical-align: middle;
  border-right: #c2bfbf 1px solid;
  border-bottom: #c2bfbf 1px solid;
  padding: 5px 15px;
}

table#summaryHome td {
  width: 758px;
}
table#summaryHome02 td {
  width: 310px;
}

/*-- privacy page --*/

div#contentsPrivacy {
  width: 818px;
  border: #d7e7b5 1px solid;
  padding: 40px;
  margin: 40px auto;
}

p.privacyTit {
  width: 790px;
  background: url(../img/common/tit_Icon.gif) no-repeat left;
  font-size: 20px;
  font-weight: bold;
  vertical-align: middle;
  color: #000000;
  border-bottom: #666 1px dotted;
  border-top: #666 1px dotted;
  padding: 10px 0px 10px 30px;
  margin: 0px auto 20px auto;
}

div#privacyTxt,
div#archiveTxt {
  width: 780px;
  margin: 0px auto;
}

p.privacyTxt_tit {
  background: url(../img/privacy/iconPrivacy.gif) no-repeat left;
  vertical-align: middle;
  padding: 0px 0px 0px 20px;
  font-size: 16px;
  font-weight: bold;
  color: #000000;
  margin: 0px;
}

/*-- archive page --*/

div#archiveVisual {
  width: 1000px;
  height: 110px;
  margin: 0px;
  padding: 0px;
}

div#contentsArchive {
  width: 840px;
  border: #d7e7b5 1px solid;
  padding: 30px;
  margin: 0px auto 40px;
}

div#archiveTit {
  width: 900px;
  padding: 0px 0px 0px 0px;
  margin: 0px auto 10px;
}

div#archiveTxt {
  width: 840px;
}

div#archiveTxt dl {
  width: 840px;
}

div#archiveTxt dt {
  clear: left;
  float: left;
  width: 130px;
  background: url(../img/top/archive_arrow.gif) no-repeat left;
  font-weight: bold;
  color: #000000;
  padding: 0px 0px 0px 15px;
}

div#archiveTxt dd {
  margin-left: 145px;
}

.corona_flex_wrapp {
  display: flex;
  justify-content: space-around;
  margin: 0 auto;
  width: 800px;
}

.corona_flex_wrapp > div > .fas_button_radius {
  border: none;
  padding-top: 20px;
  height: 40px !important;
  line-height: 1;
  color: #fff;
  border-radius: 5px;
  font-size: 1em;
  cursor: pointer;
  text-decoration: none !important;
  width: 150px;
  padding: 10px;
  margin: 10px;
  line-height: 19px;
  display: flex;
  align-items: center;
  width: 330px;
  font-weight: bold;
}

.corona_flex_wrapp > div > .fas_button_radius:before {
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f138";
  margin-right: 5px;
}

.corona_flex_wrapp > .fas_button_radius {
  border: none;
  padding-top: 20px;
  height: 40px !important;
  line-height: 1;
  color: #fff;
  border-radius: 5px;
  font-size: 1em;
  cursor: pointer;
  text-decoration: none !important;
  width: 45%;
  padding: 10px;
  margin: 10px;
  line-height: 19px;
  display: flex;
  align-items: center;
  font-weight: bold;
}

.corona_flex_wrapp > .fas_button_radius:before {
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f138";
  margin-right: 5px;
}

.corona_green {
  background: #28b02e;
}

.corona_blue {
  background: #48abdc;
}

.aki_title {
  position: relative;
}
.aki_title p {
  position: absolute;
  right: 50px;
  bottom: 10px;
  font-size: 16px;
}

.h3_priceTit_bg {
  background: url(../img/summary02/bg_stuffTit.gif) repeat-x top center;
  width: 916px;
  height: 45px;
  font-size: 30px;
  font-weight: bold;
  color: #64ab25;
  padding: 20px 0 0 24px;
  margin: 10px auto 20px;
}

.h4_price_tit {
  width: 940px;
  font-size: 24px;
  line-height: 1.5em;
  color: #64ab25;
  text-align: left;
  margin: 0 auto 10px;
}

.price_titl01 {
  width: 940px;
  font-size: 20px;
  color: #418b00;
  font-weight: bold;
  margin: 0 auto 4px;
}

.priceSheet01 {
  width: 940px;
  border-top: #c3c3c3 solid 1px;
  border-left: #c3c3c3 solid 1px;
  margin: 0 auto;
}

.corona_h3 {
  text-align: center;
  position: relative;
  padding: 0 0 5px;
  font-size: 18px;
  font-weight: bold;
  color: rgba(101, 101, 101, 1);
}
.corona_h3::after {
  position: absolute;
  content: "";
  left: 0;
  right: 0;
  bottom: 0;
  width: 60px;
  margin: auto;
  border-bottom: 2px solid #83be0a;
}
.corona_h3::after:last-child {
  position: absolute;
  content: "";
  left: 0;
  right: 0;
  bottom: 0;
  width: 60px;
  margin: auto;
  border-bottom: 2px solid #28b02e;
}

.corona_flex_wrapp {
  width: 100%;
}

@media screen and (max-width: 767px) {
  div#contentsSummary {
    width: 100%;
  }

  div#contentsArchive {
    display: block;
    width: 100%;
  }

  div#archiveTit {
    width: 100%;
  }
  div#archiveTxt {
    width: 100%;
  }

  table#summaryHome {
    width: 100%;
  }

  #recruitTit > img {
    width: 100%;
  }

  #day > img {
    width: 100%;
  }

  #ore > img {
    width: 100%;
  }
  .corona_flex_wrapp {
    display: block;
  }
  .h3_priceTit_bg {
    width: 100%;
  }

  .corona_flex_wrapp > .fas_button_radius {
    width: 95%;
  }
  .corona_flex_wrapp > div > .fas_button_radius {
    width: 95%;
  }
}
