@charset "UTF-8";
/* TOPページ（index.html）用：style.css の色・フォントをメディアサイト風に置き換える（自動生成） */
body { color: #4F4C4C; font-family: 'Noto Sans JP', sans-serif; background: #FFFFFF; }
.zengo { font-family: 'Jost', 'Noto Sans JP', sans-serif; }
.header { background: #FFFFFF; }
@media only screen and (max-width: 804px) {
  .header-menu::before,
  .header-menu::after,
  .header-menu span { background: #4F4C4C; }
}
.nav-contract-btn a { background: #00C8AA; }
.nav-contract-btn2 a { color: #00C8AA; border: 2px solid #00C8AA; }
@media only screen and (max-width: 804px) {
  .nav-contact a { background: #00C8AA; }
}
.main-text h1 { text-shadow: 0 0 5rem #4F4C4C; }
.main-cta a { background: #00C8AA; }
@media only screen and (max-width: 804px) {
  .main-cta a { background: #00C8AA; }
}
.feature-number { color: rgba(0, 200, 170, .4); }
.feature-btn a { background: #00C8AA; }
.contact a { background: #00C8AA; }
.case-title-number { color: rgba(0, 200, 170, .5); }
.case-number>span { background: #00C8AA; }
.case-contact a { background: #00C8AA; }
.link-contact a { background: #00C8AA; }
.spec-text dl { border-top: 1px solid #4F4C4C; }
.spec-text dt { border-bottom: 1px solid #4F4C4C; }
.spec-text dd { border-bottom: 1px solid #4F4C4C; }
.compare table thead th:nth-child(1) { border-right: .4rem solid #FFFFFF; border-bottom: .4rem solid #FFFFFF; }
.compare table thead th:nth-child(2) { background: #00C8AA; border-right: .4rem solid #FFFFFF; border-bottom: .4rem solid #FFFFFF; }
.compare table thead th:nth-child(3) { background: #00C8AA; border-bottom: .4rem solid #FFFFFF; border-right: .4rem solid #FFFFFF; }
.compare table tbody th:nth-child(1) { border-bottom: .4rem solid #FFFFFF; }
.flex-package-item2 { background: #9DE6DA; }
.subtitle2 { background: #9DE6DA; }
.subtitle span { background: #33D3BB; }
.subject-title { background: #FFFFFF; }
.school-btn { background: #00C8AA; }
.school-btn2 { border: 3px solid #00C8AA; color: #00C8AA; }
.function-title { border: .2rem solid #4F4C4C; }
.function-item:last-child .function-title { border: .2rem solid #4F4C4C; }
.function-contents { border-top: .2rem solid #4F4C4C; }
.function-contents ul li { background: #FFFFFF; }
.button h2 { color: #00C8AA; }
.button-contact a { background: #00C8AA; }
.price-text p span { background: rgba(0, 200, 170, .4); }
.price-text .price-plus { border: .5rem solid #00C8AA; }
.price-plan ul li { background: #FFFFFF; }
.price-plan dl dt { background: #00C8AA; }
.price-plan dl dd { background: #FFFFFF; }
@media only screen and (max-width: 804px) {
  .price-plan dl dd { border-bottom: .1rem solid #4F4C4C; }
}
.manual h2 { color: #00C8AA; }
.manual-btn a { background: #00C8AA; }
.faq dt::before { color: rgba(0, 200, 170, .6); font-family: 'Jost', 'Noto Sans JP', sans-serif; }
.faq dd { border-bottom: 1px solid #4F4C4C; }
.faq dd::before { color: rgba(0, 200, 170, .6); font-family: 'Jost', 'Noto Sans JP', sans-serif; }
.faq-btn a { background: #00C8AA; }
.footer { background: #D4D6D6; }
.footer-link a { color: #00C8AA; }
.sp-con-btn { background: #00C8AA; }
table,
table th,
table td { border: 1px solid #4F4C4C; }
.compare table,
.compare table th,
.compare table td { border-right: .4rem solid #FFFFFF; border-bottom: .4rem solid #FFFFFF; }
#faq1 { border-bottom: 1px solid #4F4C4C; }
#faq2 { border-bottom: 1px solid #4F4C4C; }
.caution { color: #4F4C4C; }
.buy-btn a { border: 2px solid #00C8AA; color: #00C8AA; }
.btn-flex-order a { border: 3px solid #4F4C4C; }
@media only screen and (max-width: 814px) {
  .btn-flex-order a { border: 2px solid #4F4C4C; }
}
.btn-flex-order a { border: 3px solid #4F4C4C; }
.caution-btn a { border: 2px solid #4F4C4C; }
.news-banner { background: #00C8AA; }
@media only screen and (max-width: 814px) {
  .news-banner-sp { background: #00C8AA; }
}
.feature-number-t { color: rgba(0, 200, 170, .4); }
.rental-info__event-link { border: 2px solid #00C8AA; color: #00C8AA; }
@media only screen and (max-width: 814px) {
  .plan-card-sp h3 { background: #00C8AA; }
  .plan-card-sp dt { color: #4F4C4C; }
  .plan-card-sp dd { color: #4F4C4C; }
  .plan-card-sp .price-label { background: #F6F7F7; }
  .plan-card-sp .cell-tags-span { background: #F6F7F7; }
}

/* ---- ここから手で追加（自動変換のあとに上書き） ----
 * 背景を白にしたので、もともと白だった囲み（コンセプトのカードなど）が背景に溶けてしまう。
 * 分身ナビと同じ薄いグレーの面（#F6F7F7）にして見えるようにする */
body.om .concept ul li,
body.om .flow-flex,
body.om .packege-flex,
body.om .price-item,
body.om .price-tab li.current a { background: #F6F7F7; }
body.om .price-tab li a { background: #E9EBEB; }