@charset "UTF-8";
/* -----------------------------------------
	/otona/cmp/index.html用CSS
----------------------------------------- */
/* 注意書きのリスト ****************************************/
.bl_attentionList {
  font-size: 1em;
  margin-bottom: 0 !important;
}
.bl_attentionList.fontSize_s {
  font-size: 0.875em;
}
.bl_attentionList .notice {
  position: relative;
  padding-left: 1.2em;
  margin-bottom: 0.3em;
}
.bl_attentionList .notice::before {
  position: absolute;
  content: "※";
  width: 1.2em;
  height: 1em;
  display: block;
  top: 0;
  left: 0;
}
.bl_attentionList .notice:last-of-type {
  margin-bottom: 0;
}
.bl_attentionList .notice.strong {
  font-weight: bold;
  color: #d20202;
}

/* コンテンツ枠 **********************************************************************/
.contentsWrapper {
  margin-top: 80px;
}
.contentsWrapper.first {
  margin-top: 30px !important;
}

.w760 {
  max-width: 760px;
  margin: 0 auto;
}

/* 入会キャンペーン **********************************************************************/
.entryCmp_leadOuter {
  width: 100%;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
}
@media only screen and (max-width: 640px) {
  .entryCmp_leadOuter {
    display: block;
  }
}

.entryCmp_leadText {
  width: 60%;
}
@media only screen and (max-width: 640px) {
  .entryCmp_leadText {
    width: 100%;
  }
}

.entryCmp_leadImage {
  width: 36.84%;
}
@media only screen and (max-width: 640px) {
  .entryCmp_leadImage {
    width: 90%;
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
  }
}
.entryCmp_leadImage img {
  width: 100%;
}

.entryCmp_itemWrapper {
  margin: 60px 0 !important;
}

.entryCmp_itemHeadOuter {
  width: 100%;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 30px;
  padding-bottom: 10px;
  border-bottom: 1px solid #000;
}
@media only screen and (max-width: 640px) {
  .entryCmp_itemHeadOuter {
    display: block;
  }
}

.entryCmp_itemHeadCat {
  margin-bottom: 10px !important;
  font-weight: bold;
}

.entryCmp_itemHeadTtl {
  margin: 0 1em 0 0 !important;
  font-size: 18px;
  font-weight: normal;
}
.entryCmp_itemHeadTtl span {
  display: block;
  font-size: 16px;
  font-weight: normal;
}

.entryCmp_itemHeadInner2 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding: 0.7em 0 0.7em 1em;
}
@media only screen and (max-width: 640px) {
  .entryCmp_itemHeadInner2 {
    display: block;
    padding: 0;
  }
}

.entryCmp_itemHeadOpt {
  margin: 0 0 0 5px !important;
  padding: 8px 10px;
  color: #FFF;
  background-color: #FFC000;
  font-weight: bold;
  line-height: 1;
}
@media only screen and (max-width: 640px) {
  .entryCmp_itemHeadOpt {
    margin: 7px 5px 0 0 !important;
  }
}

.entryCmp_table {
  border: 2px solid #ccc;
  width: 100%;
  margin: 1em auto 0 auto;
}
@media only screen and (max-width: 640px) {
  .entryCmp_table {
    width: 100%;
  }
}
.entryCmp_table th {
  width: 35%;
  background: #f5f4f0;
  text-align: left;
}
.entryCmp_table th, .entryCmp_table td {
  padding: 1em;
  border: 1px solid #ccc;
  vertical-align: middle;
  font-size: 115.4%;
}
@media only screen and (max-width: 640px) {
  .entryCmp_table th, .entryCmp_table td {
    display: block;
    width: 100%;
  }
}

.entryCmp_linkPDF {
  display: inline-block;
}
.entryCmp_linkPDF::after {
  content: "";
  display: inline-block;
  background: url(/material/img/ico_pdf.svg) no-repeat;
  background-size: contain;
  width: 12px;
  height: 12px;
  vertical-align: middle;
  margin-left: 5px;
}

.entryCmp_linkFloor {
  display: inline-block;
}
.entryCmp_linkFloor::before {
  content: "";
  display: inline-block;
  background: url(/otona/cmp/img/index/ico_floorplans.svg) no-repeat;
  background-size: contain;
  width: 20px;
  height: 13px;
  vertical-align: middle;
  margin-right: 5px;
}

/* PC＆Tablet */
@media screen and (min-width: 641px) {
  a[href^="tel:"] {
    pointer-events: none;
    cursor: default;
    color: inherit;
    text-decoration: none;
  }
}

.bl_entrySwitchGuide {
  margin-top: 60px;
  position: relative;
  overflow: hidden;
}
.bl_entrySwitchGuide::before {
  content: "";
  width: 100%;
  height: 100%;
  background-color: #f3f5eb;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -2;
}

.el_entrySwitchGuideTtl {
  padding: 0.2em 0.8em 0.1em;
  font-size: 19px;
  font-weight: normal;
  font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
  color: #fff;
  text-align: center;
  background: rgb(47, 116, 30);
  background: linear-gradient(110deg, rgb(47, 116, 30) 0%, rgb(45, 134, 40) 100%);
}

.bl_entrySwitchGuideCont {
  width: 100%;
  max-width: 980px;
  margin: 90px auto 60px;
  padding: 0 15px;
  text-align: center;
}
@media only screen and (max-width: 640px) {
  .bl_entrySwitchGuideCont {
    margin: 35px auto;
    padding: 0 10px;
  }
}

.bl_entrySwitchGuideContact {
  width: 100%;
  max-width: 980px;
  margin: 40px auto;
  padding: 0 15px;
  text-align: center;
}

.bl_entrySwitchGuideCont-ttl {
  font-size: 30px;
}
@media only screen and (max-width: 640px) {
  .bl_entrySwitchGuideCont-ttl {
    font-size: clamp(25px, 4.92vw, 30px);
  }
}

.bl_entrySwitchGuideCont-notes {
  text-align: center;
  margin-top: 10px;
}
@media only screen and (max-width: 640px) {
  .bl_entrySwitchGuideCont-notes {
    text-align: left;
  }
}

.bl_entrySwitchGuideCont-lead {
  font-size: 18px;
}
@media only screen and (max-width: 640px) {
  .bl_entrySwitchGuideCont-lead {
    font-size: clamp(15px, 2.95vw, 18px);
  }
}

.bl_entrySwitchGuideCont-strong {
  font-size: 1.55em;
  padding: 0 1em;
  background: rgb(255, 227, 114);
  background: linear-gradient(0deg, rgb(255, 227, 114) 0%, rgb(255, 227, 114) 60%, rgba(255, 227, 114, 0) 60%);
}
@media only screen and (max-width: 640px) {
  .bl_entrySwitchGuideCont-strong {
    padding: 0 0.4em;
  }
}

.bl_entrySwitchGuideCont-img {
  position: absolute;
  top: 30px;
  z-index: -1;
  overflow: hidden;
}
@media only screen and (max-width: 640px) {
  .bl_entrySwitchGuideCont-img {
    position: relative;
    top: auto;
    left: auto;
    width: 100%;
    padding: 10px 10%;
  }
}
@media only screen and (max-width: 640px) {
  .bl_entrySwitchGuideCont-img > img {
    position: relative;
    right: auto;
    max-width: 300px;
  }
}

.bl_entrySwitchGuideCont-address {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media only screen and (max-width: 640px) {
  .bl_entrySwitchGuideCont-address {
    display: block;
  }
}
@media only screen and (max-width: 640px) {
  .bl_entrySwitchGuideCont-address > * {
    margin-left: 0 !important;
  }
}
.bl_entrySwitchGuideCont-address > *:not(:first-child) {
  margin-left: 20px;
}
.bl_entrySwitchGuideCont-address address {
  font-style: normal;
}
.bl_entrySwitchGuideCont-address address > strong {
  font-size: 1.29em;
  font-weight: normal;
  vertical-align: middle;
}

.el_entrySwitchGuideBorder {
  margin: 0 auto;
  height: 0;
  border-top: 1px #2e741e dashed;
}

@media only screen and (max-width: 640px) {
  .bl_entrySwitchGuideContact {
    margin: 20px auto;
    text-align: left;
  }
}

/* 2023/05追加 **********************************************************************/
.cmpPeriodText {
  width: 100%;
  margin: 20px 0 15px !important;
  background-color: #EEE;
  font-size: 1.5em;
  font-weight: bold;
  text-align: center;
  padding: 10px 5px;
}

.btnList {
  display: flex;
  justify-content: end;
}
@media only screen and (max-width: 640px) {
  .btnList {
    display: block;
    margin-bottom: 2em !important;
  }
}
.btnList .btn01::before, .btnList .btn01::after {
  background: none !important;
}
.btnList .btn01 a {
  display: inline-block;
  padding: 12px 20px 12px 50px;
  text-align: left;
}
@media only screen and (max-width: 640px) {
  .btnList .btn01 a {
    display: block;
    width: 100%;
    padding: 12px 20px;
    text-align: center;
  }
}

.btn01.web a::before,
.btn02.web a::before {
  content: "";
  display: block;
  transform: skewX(0);
  opacity: 1;
  background: url(/otona/common/img/ico-web.png) no-repeat;
  background-size: contain;
  width: 27px;
  height: 22px;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  left: 15px;
}

.entryCmp_ttl {
  display: flex;
  justify-content: space-between;
  align-items: end;
  margin-top: 30px;
  padding: 0 0 10px 0;
  font-size: 20px;
  font-weight: bold;
  border-bottom: 1px solid #000;
}
@media only screen and (max-width: 640px) {
  .entryCmp_ttl {
    display: block;
  }
}

.entryCmp_item {
  margin-top: 20px;
  border: 1px solid #CCC;
}

.entryCmp_itemHeadInner1 {
  display: flex;
  justify-content: space-between;
  background-color: #f5f4f0;
}
@media only screen and (max-width: 640px) {
  .entryCmp_itemHeadInner1 {
    display: block;
    padding: 10px;
  }
}

.entryCmp_itemHeadInner3 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  width: 60%;
  padding: 0.7em 0 0.7em 1em;
}

.entryCmp_itemHeadLine {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-right: 1em;
}
.entryCmp_itemHeadLine span {
  display: block;
  position: relative;
  margin: 0.2em 1em 0.2em 0;
}
.entryCmp_itemHeadLine span::before {
  content: "●";
  top: 0;
  left: 0;
}
.entryCmp_itemHeadLine span.JC::before {
  color: #F15A22;
}
.entryCmp_itemHeadLine span.JB::before, .entryCmp_itemHeadLine span.JN::before {
  color: #FFD400;
}
.entryCmp_itemHeadLine span.JT::before, .entryCmp_itemHeadLine span.JU::before {
  color: #F68B1E;
}
.entryCmp_itemHeadLine span.JY::before {
  color: #9acd32;
}
.entryCmp_itemHeadLine span.JK::before {
  color: #00B2E5;
}
.entryCmp_itemHeadLine span.JO::before {
  color: #0067c0;
}
.entryCmp_itemHeadLine span.JE::before {
  color: #C9252F;
}
.entryCmp_itemHeadLine span.JS::before {
  color: #e31f26;
}
.entryCmp_itemHeadLine span.mito::before {
  color: #3333ff;
}
.entryCmp_itemHeadLine span.ryomou::before {
  color: #ffd400;
}
.entryCmp_itemHeadLine span.shinetsu1::before {
  color: #9ACD32;
}
.entryCmp_itemHeadLine span.shinetsu2::before {
  color: #00B3E6;
}
.entryCmp_itemHeadLine span.hakushin::before {
  color: #F387B7;
}
.entryCmp_itemHeadLine span.echigo::before {
  color: #40934D;
}
.entryCmp_itemHeadLine span.ouu::before {
  color: #ee7b28;
}
.entryCmp_itemHeadLine span.rikuuhon::before {
  color: #6fbf7f;
}
.entryCmp_itemHeadLine span.rikuutou::before {
  color: #888888;
}

.entryCmp_itemHeadIcon {
  display: flex;
  margin: 5px !important;
}
@media only screen and (max-width: 640px) {
  .entryCmp_itemHeadIcon {
    justify-content: end;
    margin: 5px 0 0 0 !important;
  }
}
.entryCmp_itemHeadIcon li {
  display: inline-block;
  position: relative;
  height: 35px;
  margin-left: 5px;
  padding: 0 15px 0 30px;
  background-color: #fff;
  border-radius: 2px;
  border: solid 1px #333;
  color: #333;
  font-size: 14px;
  font-weight: bold;
  line-height: 35px;
  white-space: nowrap;
}
@media only screen and (max-width: 640px) {
  .entryCmp_itemHeadIcon li {
    height: 30px;
    line-height: 30px;
  }
}
.entryCmp_itemHeadIcon li.web::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 10px;
  margin: auto;
  background: url(/otona/common/img/ico-web-black.png) no-repeat;
  background-size: contain;
  width: 15px;
  height: 12px;
}
.entryCmp_itemHeadIcon li.post::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 10px;
  margin: auto;
  background: url(/otona/common/img/ico-document-black.png) no-repeat;
  background-size: contain;
  width: 12px;
  height: 14px;
}
.entryCmp_itemHeadIcon li.byu::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 10px;
  margin: auto;
  background: url(/otona/common/img/ico-byu-black.png) no-repeat;
  background-size: contain;
  width: 14px;
  height: 12px;
}

.entryCmp_itemDesc {
  padding: 1em;
}

.entryCmp_ekitabiList {
  border-top: 1px solid #CCC;
}
.entryCmp_ekitabiList li {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  padding: 1em;
  border: 1px solid #CCC;
  border-top: none;
}
@media only screen and (max-width: 640px) {
  .entryCmp_ekitabiList li {
    padding: 10px;
  }
}
.entryCmp_ekitabiList li:nth-of-type(odd) {
  background: #f5f4f0;
}
.entryCmp_ekitabiList li:nth-of-type(even) {
  background: #fff;
}
.entryCmp_ekitabiList .entryCmp_itemHeadTtl {
  width: calc(50% - 1em);
}
@media only screen and (max-width: 640px) {
  .entryCmp_ekitabiList .entryCmp_itemHeadTtl {
    width: calc(100% - 2em);
    padding-bottom: 10px;
  }
}
.entryCmp_ekitabiList .entryCmp_itemDate {
  width: 36%;
  margin: 0 !important;
}
@media only screen and (max-width: 640px) {
  .entryCmp_ekitabiList .entryCmp_itemDate {
    width: calc(100% - 1em);
  }
}
.entryCmp_ekitabiList .entryCmp_itemText {
  width: calc(20% - 1em);
  margin: 0 !important;
  text-align: right;
}
@media only screen and (max-width: 640px) {
  .entryCmp_ekitabiList .entryCmp_itemText {
    width: calc(40% - 1em);
  }
}

/*タブのスタイル*/
.tabs1 {
  width: 100%;
}
.tabs1 .tab_item1 {
  float: left;
  display: block;
  width: 24.75%;
  height: 50px;
  margin: 0;
  padding: 0 0 0 1%;
  border-bottom: 1px solid #8E8456;
}
@media only screen and (max-width: 640px) {
  .tabs1 .tab_item1 {
    width: 50.5%;
    height: 50px;
    margin-bottom: 5px;
    padding: 0 1% 0 0;
    border-bottom: none;
  }
}
.tabs1 .tab_item1:nth-of-type(4) {
  width: 25.75%;
  padding: 0 1% 0 1%;
}
@media only screen and (max-width: 640px) {
  .tabs1 .tab_item1:nth-of-type(2), .tabs1 .tab_item1:nth-of-type(4) {
    width: 49.5%;
    padding: 0;
  }
}
.tabs1 .tab_item1 span {
  display: block;
  width: 100%;
  height: 50px;
  background-color: #8E8456;
  border-bottom: 1px solid #8E8456;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  line-height: 50px;
  text-align: center;
  cursor: pointer;
  overflow: hidden;
}
@media only screen and (max-width: 640px) {
  .tabs1 .tab_item1 span {
    font-size: 14px;
    border-bottom: none;
  }
}
@media only screen and (max-width: 767px) {
  .tabs1 .tab_item1 span {
    font-size: 14px;
  }
}
.tabs1 .tab_item1 span:hover {
  background-color: #aaa380;
}
.tabs1 input[name=tab_item1] {
  display: none;
}
.tabs1 .tab_content1 {
  display: none;
  clear: both;
  overflow: hidden;
  padding: 30px 0 0 0;
}
.tabs1 #shutoken1:checked ~ #shutoken1_content, .tabs1 #shutoken2:checked ~ #shutoken2_content, .tabs1 #tohoku1:checked ~ #tohoku1_content, .tabs1 #tohoku2:checked ~ #tohoku2_content {
  display: block;
}
.tabs1 input:checked + .tab_item1 span {
  color: #000;
  background-color: #fff;
  border: 1px solid #8E8456;
  border-bottom: none;
}
@media only screen and (max-width: 640px) {
  .tabs1 input:checked + .tab_item1 span {
    border-bottom: 1px solid #8E8456;
  }
}

.tabs2 {
  width: 100%;
}
.tabs2 .tab_item2 {
  float: left;
  display: block;
  width: 24.75%;
  height: 50px;
  padding-left: 1%;
  border-bottom: 1px solid #8E8456;
}
@media only screen and (max-width: 640px) {
  .tabs2 .tab_item2 {
    width: 50.5%;
    height: 50px;
    margin-bottom: 5px;
    padding: 0 1% 0 0;
    border-bottom: none;
  }
}
.tabs2 .tab_item2:nth-of-type(2) {
  width: 75.25%;
  padding-right: 50.5%;
}
@media only screen and (max-width: 640px) {
  .tabs2 .tab_item2:nth-of-type(2) {
    width: 49.5%;
    padding: 0;
  }
}
.tabs2 .tab_item2 span {
  display: block;
  width: 100%;
  height: 50px;
  background-color: #8E8456;
  border-bottom: 1px solid #8E8456;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  line-height: 50px;
  text-align: center;
  cursor: pointer;
  overflow: hidden;
}
@media only screen and (max-width: 640px) {
  .tabs2 .tab_item2 span {
    font-size: 14px;
    border-bottom: none;
  }
}
@media only screen and (max-width: 767px) {
  .tabs2 .tab_item2 span {
    font-size: 14px;
  }
}
.tabs2 .tab_item2 span:hover {
  background-color: #aaa380;
}
.tabs2 input[name=tab_item2] {
  display: none;
}
.tabs2 .tab_content2 {
  display: none;
  clear: both;
  overflow: hidden;
  padding: 30px 0 0 0;
}
.tabs2 #web:checked ~ #web_content, .tabs2 #byu:checked ~ #byu_content {
  display: block;
}
.tabs2 input:checked + .tab_item2 span {
  color: #000;
  background-color: #fff;
  border: 1px solid #8E8456;
  border-bottom: none;
}
@media only screen and (max-width: 640px) {
  .tabs2 input:checked + .tab_item2 span {
    border-bottom: 1px solid #8E8456;
  }
}

@media only screen and (max-width: 640px) {
  .sp-ta-l {
    text-align: left !important;
  }
}

@media only screen and (max-width: 767px) {
  #pageTopbth img {
    width: 100%;
  }
}

/* 指定した年月日が過ぎるまで表示するためのclass ****************************************/
.date_display_control {
  display: none !important;
}

.date_display_control_show {
  display: block !important;
}
/*# sourceMappingURL=index.css.map */
