html, body {
  margin: 0;
  padding: 0;
  line-height: 1;
}

body {
  overflow-y: scroll;
}

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

.contentTitle {
  text-align: center;
  margin-bottom: 2rem;
  padding-bottom: 1rem;
  font-size: 36px;
  font-family: serif;
}

.contentTitle.health {
  background: url(../img/border_kenkou.png) bottom no-repeat;
}

.contentTitle.music {
  background: url(../img/border_ongaku.png) bottom no-repeat;
}

.contentTitle.cultural {
  background: url(../img/border_bunka.png) bottom no-repeat;
}

.contentTitle.childcare {
  background: url(../img/border_kodomo.png) bottom no-repeat;
}

.contentTitle.special {
  background: url(../img/border_senkou.png) bottom no-repeat;
}

.contentTitle.index {
  background: url(../img/border_index.png) bottom no-repeat;
}

.contentTitle.course {
  text-align: left;
  font-size: 28px;
/*  background: url(../img/border_index.png) bottom no-repeat;*/
}

@media only screen and (min-width: 788px) {
  .head {
    background: #fff;
    border-bottom: 1px #666 solid;
  }
  .head .headLogPosition {
    width: 1100px;
    height: 85px;
    margin: 0 auto;
    position: relative;
  }
  .head .headLogPosition .siteLog {
    position: absolute;
    top: 0;
    left: 0;
  }
  .contents {
    width: 980px;
    margin: 0 auto;
    padding: 1rem;
    box-sizing: border-box;
  }
  .redaTxt {
    margin-bottom: 36px;
    line-height: 1.4;
  }
  .js-toggle {
    font-size: 0;
    overflow: hidden;
  }
  .btnStyle {
    display: block;
    height: 137px;
    width: 487px;
    position: relative;
  }
  .btnStyle.baseBtnA {
    background: url("../img/base_btn1.png") top left no-repeat;
  }
  .btnStyle.baseBtnB {
    background: url("../img/base_btn2.png") top left no-repeat;
  }
  .btnStyle.baseBtnC {
    background: url("../img/base_btn3.png") top left no-repeat;
  }
  .btnStyle.baseBtnD {
    background: url("../img/base_btn4.png") top left no-repeat;
  }
  .btnStyle.baseBtnE {
    background: url("../img/base_btn5.png") top left no-repeat;
  }
  .btnStyle.baseBtnF {
    background: url("../img/base_btn6.png") top left no-repeat;
  }
  .btnStyle.baseBtnG {
    background: url("../img/base_btn7.png") top left no-repeat;
  }
  .btnStyle.baseBtnH {
    background: url("../img/base_btn8.png") top left no-repeat;
  }
  .btnStyle.baseBtnI {
    background: url("../img/base_btn9.png") top left no-repeat;
  }
  .btnStyle.baseBtnJ {
    background: url("../img/base_btn10.png") top left no-repeat;
  }
  .btnStyle.baseBtnK {
    background: url("../img/base_btn11.png") top left no-repeat;
  }
  .btnStyle.baseBtnL {
    background: url("../img/base_btn12.png") top left no-repeat;
  }
  .js-toggle dt {
    cursor: pointer;
    display: block;
    box-sizing: border-box;
    margin-bottom: 30px;
    background: #eee;
    width: 478px;
  }
  .js-toggle dt .btnStyle img {
    display: none;
  }
  .js-toggle dd {
    display: none;
  }
  .js-toggle dd {
    font-size: 16px;
    margin-top: -167px;
    margin-bottom: 100px;
    float: right;
    width: 450px;
    text-align: left;
    background: #F8F8F8;
    box-sizing: border-box;
    position: relative;
    padding: 5px 0;
  }
  .js-toggle dd .designBox {
    box-sizing: border-box;
    width: 440px;
    padding: 2px 0;
    margin: 0 auto;
    position: relative;
  }
  .js-toggle dd .designBox ul {
    width: 436px;
    margin: 0 auto;
    background: #F8F8F8;
    box-sizing: border-box;
    position: relative;
    padding: 1rem;
  }
  .js-toggle dd .designBox ul li {
    margin-bottom: 5px;
    padding-bottom: 3px;
    padding-left: 24px;
  }
  .js-toggle dd .designBox ul li:not(:first-child) {
    border-bottom: 1px #727272 solid;
  }
  .js-toggle dd .designBox ul li.borderAc {
    border-bottom: 1px #727272 solid;
  }
  .js-toggle dd .designBox ul li.listMidashi {
    box-sizing: border-box;
    padding: .6rem .5rem .5rem .5rem;
    color: #fff;
    margin-bottom: 1rem;
  }
  .js-toggle dd .designBox ul li a {
    background: url(../img/list_icon1.png) 0 3px no-repeat;
    padding: 0 0 5px 24px;
    font-size: 16px;
    line-height: 1.4;
    display: inline-block;
  }
  .js-toggle dd .designBox ul li a.nolink {
    pointer-events: none !important;
    text-decoration: none !important;
    color: #333;
  }
  .js-toggle dd .designBox.baseA {
    background: #524741;
  }
  .js-toggle dd .designBox.baseA::before {
    border-color: transparent #524741 transparent transparent;
  }
  .js-toggle dd .designBox.baseA ul li.listMidashi {
    background: #524741;
  }
  .js-toggle dd .designBox.baseB {
    background: #C23985;
  }
  .js-toggle dd .designBox.baseB::before {
    border-color: transparent #C23985 transparent transparent;
  }
  .js-toggle dd .designBox.baseB ul li.listMidashi {
    background: #C23985;
  }
  .js-toggle dd .designBox.baseC {
    background: #266FB6;
  }
  .js-toggle dd .designBox.baseC::before {
    border-color: transparent #266FB6 transparent transparent;
  }
  .js-toggle dd .designBox.baseC ul li.listMidashi {
    background: #266FB6;
  }
  .js-toggle dd .designBox.baseD {
    background: #AC9A78;
  }
  .js-toggle dd .designBox.baseD::before {
    border-color: transparent #AC9A78 transparent transparent;
  }
  .js-toggle dd .designBox.baseD ul li.listMidashi {
    background: #AC9A78;
  }
  .js-toggle dd .designBox.baseE {
    background: #7DCCB9;
  }
  .js-toggle dd .designBox.baseE::before {
    border-color: transparent #7DCCB9 transparent transparent;
  }
  .js-toggle dd .designBox.baseE ul li.listMidashi {
    background: #7DCCB9;
  }
  .js-toggle dd .designBox.baseF {
    background: #7BCC38;
  }
  .js-toggle dd .designBox.baseF::before {
    border-color: transparent #7BCC38 transparent transparent;
  }
  .js-toggle dd .designBox.baseF ul li.listMidashi {
    background: #7BCC38;
  }
  .js-toggle dd .designBox.baseG {
    background: #C84A29;
  }
  .js-toggle dd .designBox.baseG::before {
    border-color: transparent #C84A29 transparent transparent;
  }
  .js-toggle dd .designBox.baseG ul li.listMidashi {
    background: #C84A29;
  }
  .js-toggle dd .designBox.baseH {
    background: #F44692;
  }
  .js-toggle dd .designBox.baseH::before {
    border-color: transparent #F44692 transparent transparent;
  }
  .js-toggle dd .designBox.baseH ul li.listMidashi {
    background: #F44692;
  }
  .js-toggle dd .designBox.baseI {
    background: #658181;
  }
  .js-toggle dd .designBox.baseI::before {
    border-color: transparent #658181 transparent transparent;
  }
  .js-toggle dd .designBox.baseI ul li.listMidashi {
    background: #658181;
  }
  .js-toggle dd .designBox.baseJ {
    background: #797EC3;
  }
  .js-toggle dd .designBox.baseJ::before {
    border-color: transparent #797EC3 transparent transparent;
  }
  .js-toggle dd .designBox.baseJ ul li.listMidashi {
    background: #797EC3;
  }
  .js-toggle dd .designBox.baseK {
    background: #EFAC17;
  }
  .js-toggle dd .designBox.baseK::before {
    border-color: transparent #EFAC17 transparent transparent;
  }
  .js-toggle dd .designBox.baseK ul li.listMidashi {
    background: #EFAC17;
  }
  .backBtn {
    width: 487px;
  }
  .backBtn a {
    background: #E5E5E5;
    display: block;
    width: 280px;
    padding: 18px 0;
    text-align: center;
    text-decoration: none;
    color: #666;
    margin: 0 auto;
  }
  .indexBtnArea {
    overflow: hidden;
    width: 100%;
  }
  .indexBtnArea li {
    width: 450px;
    float: left;
    text-align: center;
    margin-bottom: 1rem;
  }
  .indexBtnArea li:nth-child(even) {
    float: right;
  }
  .indexBtnArea li a {
    display: block;
  }
  .indexBtnArea li a img {
    max-width: 100%;
  }
  .designBar {
    border: none;
    background: url(../img/border_index.png) top center no-repeat;
    height: 7px;
    margin-bottom: 24px;
  }
  .footer {
    background: #e95b8b;
  }
  .footer .footerContents {
    width: 980px;
    margin: 0 auto;
    overflow: hidden;
  }
  .footer .footerContents .fTxt {
    float: left;
    width: 900px;
    text-align: center;
    color: #fff;
    padding-top: 30px;
  }
  .footer .footerContents .pageTopBtn {
    display: block;
    width: 70px;
    height: 70px;
    float: right;
  }
  ul li {
    margin-bottom: 2rem;
    color: #333;
  }
  ul li a:link {
    color: #00f;
  }
  ul li a:visited {
    color: #666;
  }
  ul li a:hover {
    color: #666;
  }
  ul li a:active {
    color: #666;
  }
}

@media only screen and (max-width: 786px) {
  .head {
    background: #fff;
    border-bottom: 1px #666 solid;
  }
  .head .headLogPosition {
    text-align: center;
  }
  .head .headLogPosition .siteLog {
    padding: 1rem 1.5rem;
    margin: 0;
  }
  .head .headLogPosition .siteLog img {
    max-width: 100%;
  }
  .contents {
    width: 98%;
    margin: 0 auto;
    padding: 1rem;
    box-sizing: border-box;
  }
  .redaTxt {
    margin-bottom: 36px;
    line-height: 1.4;
  }
  .js-toggle {
    font-size: 0;
  }
  .btnStyle {
    display: block;
    width: 100%;
    position: relative;
  }
  .js-toggle dt {
    cursor: pointer;
    display: block;
    box-sizing: border-box;
    margin-bottom: 15px;
    width: 100%;
  }
  .js-toggle dt .btnStyle {
    text-align: center;
  }
  .js-toggle dt .btnStyle img {
    max-width: 100%;
  }
  .js-toggle dd {
    display: none;
  }
  .js-toggle dd {
    font-size: 16px;
    text-align: left;
    background: #F8F8F8;
    box-sizing: border-box;
    position: relative;
    padding: 5px 0;
    margin: 0 auto 37px auto;
    max-width: 487px;
  }
  .js-toggle dd .designBox {
    box-sizing: border-box;
    width: 98%;
    padding: 2px 0;
    margin: 0 auto;
    position: relative;
  }
  .js-toggle dd .designBox ul {
    width: 98%;
    margin: 0 auto;
    background: #F8F8F8;
    box-sizing: border-box;
    position: relative;
    padding: 1rem;
  }
  .js-toggle dd .designBox ul li {
    margin-bottom: 5px;
    padding-bottom: 3px;
    padding-left: 24px;
    color: #333;
  }
  .js-toggle dd .designBox ul li:not(:first-child) {
    border-bottom: 1px #727272 solid;
  }
  .js-toggle dd .designBox ul li.listMidashi {
    box-sizing: border-box;
    padding: .5rem;
    color: #fff;
    margin-bottom: 1rem;
  }
  .js-toggle dd .designBox ul li a {
    background: url(../img/list_icon1.png) 0 3px no-repeat;
    padding: 0 0 5px 24px;
    font-size: 16px;
    line-height: 1.4;
    display: inline-block;
  }
  .js-toggle dd .designBox ul li a.nolink {
    pointer-events: none !important;
    text-decoration: none !important;
    color: #333;
  }
  .js-toggle dd .designBox.baseA {
    border: 1px #524741 solid;
  }
  .js-toggle dd .designBox.baseA ul li.listMidashi {
    background: #524741;
  }
  .js-toggle dd .designBox.baseB {
    border: 1px #C23985 solid;
  }
  .js-toggle dd .designBox.baseB ul li.listMidashi {
    background: #C23985;
  }
  .js-toggle dd .designBox.baseC {
    border: 1px #266FB6 solid;
  }
  .js-toggle dd .designBox.baseC ul li.listMidashi {
    background: #266FB6;
  }
  .js-toggle dd .designBox.baseD {
    border: 1px #AC9A78 solid;
  }
  .js-toggle dd .designBox.baseD ul li.listMidashi {
    background: #AC9A78;
  }
  .js-toggle dd .designBox.baseE {
    border: 1px #7DCCB9 solid;
  }
  .js-toggle dd .designBox.baseE ul li.listMidashi {
    background: #7DCCB9;
  }
  .js-toggle dd .designBox.baseF {
    border: 1px #7BCC38 solid;
  }
  .js-toggle dd .designBox.baseF ul li.listMidashi {
    background: #7BCC38;
  }
  .js-toggle dd .designBox.baseG {
    border: 1px #C84A29 solid;
  }
  .js-toggle dd .designBox.baseG ul li.listMidashi {
    background: #C84A29;
  }
  .js-toggle dd .designBox.baseH {
    border: 1px #F44692 solid;
  }
  .js-toggle dd .designBox.baseH ul li.listMidashi {
    background: #F44692;
  }
  .js-toggle dd .designBox.baseI {
    border: 1px #658181 solid;
  }
  .js-toggle dd .designBox.baseI ul li.listMidashi {
    background: #658181;
  }
  .js-toggle dd .designBox.baseJ {
    border: 1px #797EC3 solid;
  }
  .js-toggle dd .designBox.baseJ ul li.listMidashi {
    background: #797EC3;
  }
  .js-toggle dd .designBox.baseK {
    border: 1px #EFAC17 solid;
  }
  .js-toggle dd .designBox.baseK ul li.listMidashi {
    background: #EFAC17;
  }
  .backBtn {
    max-width: 487px;
    margin: 0 auto;
    padding: .5rem 20px;
    box-sizing: border-box;
  }
  .backBtn a {
    background: #E5E5E5;
    display: block;
    width: 100%;
    padding: 18px 0;
    text-align: center;
    text-decoration: none;
    color: #666;
    margin: 0 auto;
  }
  .indexBtnArea {
    width: 100%;
  }
  .indexBtnArea li {
    text-align: center;
    margin-bottom: 1rem;
  }
  .indexBtnArea li a {
    display: block;
  }
  .indexBtnArea li a img {
    max-width: 100%;
  }
  .designBar {
    border: none;
    background: url(../img/border_index.png) top center no-repeat;
    height: 7px;
    margin-bottom: 24px;
  }
  .footer {
    background: url(../img/footer_bottom_img.png) bottom;
  }
  .footer .footerContents {
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
  }
  .footer .footerContents .fTxt {
    float: left;
    width: 70%;
    color: #fff;
    padding: 25px 0 0 20px;
    font-size: 12px;
    box-sizing: border-box;
    line-height: 1.4;
  }
  .footer .footerContents .pageTopBtn {
    display: block;
    width: 70px;
    height: 70px;
    float: right;
  }
  ul li {
    margin-bottom: 2rem;
    color: #fff;
  }
  ul li a:link {
    color: #00f;
  }
  ul li a:visited {
    color: #666;
  }
  ul li a:hover {
    color: #666;
  }
  ul li a:active {
    color: #666;
  }
}

@media only screen and (min-width: 788px) {
  .pcNoActive {
    display: none;
  }
}

@media only screen and (max-width: 786px) {
  .spNoActive {
    display: none;
  }
}