@charset "utf-8";

main figure img {
  display: block;
  margin: 0 auto;
}
@media not all and (min-width: 768px) {
  main dl dd {
    font-size: calc(15 / 16 * 1rem);
  }
}

/* === .tit and .subTit === */
.tit {
  color: #0068b7;
  font-weight: bold;
  line-height: 1.3;
  display: inline-block;
}
.subTit {
  color: #0068b7;
  font-weight: bold;
}
@media screen and (min-width: 768px) {
  .tit {
    font-size: calc(18 / 16 * 1rem);
    margin-bottom: 8px;
    background-image: linear-gradient(0deg, rgba(199, 232, 250, 1) 40%, rgba(255, 255, 255, 1) 40%);
  }
  .subTit {
    font-size: calc(16 / 16 * 1rem);
    margin-bottom: 4px;
  }
}
@media not all and (min-width: 768px){
  .tit {
    font-size: calc(15 / 16 * 1rem);
    margin-bottom: 4px;
    background-image: linear-gradient(0deg, rgba(199, 232, 250, 1) 8px, rgba(255, 255, 255, 1) 8px);
  }
  .subTit {
    font-size: calc(15 / 16 * 1rem);
    margin-bottom: 4px;
  }
}

/* === .fBox (flexBox) === */
@media screen and (min-width: 768px){
  .fBox {
    display: -webkit-box;
    display: flex;
  }
}

/* === .borderBox === */
.borderBox {
  border: 2px solid #c8e7f1;
}
@media screen and (min-width: 768px){
  .borderBox {
    padding: 20px;
  }
}
@media not all and (min-width: 768px){
  .borderBox {
    padding: 12px;
  }
}

/* === #chiba_musashino === */
/*#chiba_musashino {
}*/
#chiba_musashino dl.hamamatsucho .fBox > div {
  background-color: #c8e7f1;
}
#chiba_musashino dl.hamamatsucho .fBox dl {
  display: -webkit-box;
  display: flex;
}
#chiba_musashino dl.hamamatsucho .fBox dl dt {
  white-space: nowrap;
}
@media screen and (min-width: 768px){
  #chiba_musashino .inner01 p {
    width: calc((100% - 12px) * 0.75);
  }
  #chiba_musashino .inner01 figure {
    width: calc((100% - 12px) * 0.25);
    margin-left: 12px;
  }
  #chiba_musashino .inner02 dl {
    width: calc((100% - 24px) / 3);
    margin-left: 12px;
  }
  #chiba_musashino .inner02 dl:first-child {
    margin-left: 0;
  }
  #chiba_musashino dl.hamamatsucho .fBox > div {
    width: calc((100% - 12px) * 0.75);
    padding: 20px;
  }
  #chiba_musashino dl.hamamatsucho .fBox figure {
    width: calc((100% - 12px) * 0.25);
    margin-left: 12px;
  }
}
@media not all and (min-width: 768px){
  #chiba_musashino .inner01 figure {
    margin-top: 12px;
  }
  #chiba_musashino .inner02 dl {
    margin-top: 12px;
  }
  #chiba_musashino .inner02 dl:first-child {
    margin-top: 0;
  }
  #chiba_musashino dl.hamamatsucho .fBox > div {
    padding: 12px;
  }
  #chiba_musashino dl.hamamatsucho .fBox figure {
    margin-top: 8px;
  }
}

/* === #tsubasa === */
/*#tsubasa {
}*/
@media screen and (min-width: 768px){
  #tsubasa .inner01.fBox div {
    width: calc((100% - 12px) * 0.6);
  }
  #tsubasa .inner01.fBox figure {
    width: calc((100% - 12px) * 0.4);
    margin-left: 12px;
  }
  #tsubasa .borderBox.fBox dl {
    width: calc((100% - 12px) * 0.8);
  }
  #tsubasa .borderBox.fBox figure {
    width: calc((100% - 12px) * 0.2);
    margin-left: 12px;
  }
}
@media not all and (min-width: 768px){
  #tsubasa .inner01.fBox figure {
    margin-top: 8px;
  }
  #tsubasa .borderBox figure {
    margin-top: 8px;
  }
}


/* ========================================
 * .topic
 * ======================================== */
.topic .topicInner {
  background-color: #dce6f2;
  border-radius: 16px;
  position: relative;
}
.topic .topicInner::before {
  content: "";
  background: url( /assets/img/common/topic_img.png );
  position: absolute;
}
.topic .topicInner h2 {
  line-height: 1.3;
  border-bottom: 2px solid #215968;
}
.topic .topicInner .area_2clm {
  background-color: #fff;
}
.topic .topicInner h3 {
  display: inline-block;
  border-bottom: 1px solid #000;
  margin-bottom: 8px;
}
@media screen and (min-width: 768px) {
  .topic .topicInner {
    margin: 0 0 0 32px;
    padding: 32px;
  }
  .topic .topicInner::before {
    width: 200px;
    height: 70px;
    top: 24px;
    left: -26px;
  }
  .topic .topicInner h2 {
    font-size: calc(30 / 16 * 1rem);
    text-align: center;
    padding-bottom: 24px;
  }
  .topic .topicInner h2+p {
    margin-top: 16px;
  }
  .topic .topicInner .area_2clm {
    -webkit-box-pack: justify;
    justify-content: space-between;
    padding: 12px;
    margin-top: 12px;
  }
  .topic .topicInner .topicTxt {
    flex: 1;
  }
  .topic .topicInner .topicImg {
    width: 330px;
    margin-left: 16px;
  }
}
@media not all and (min-width: 768px) {
  .topic .topicInner {
    margin: 0 0 0 13px;
    padding: 16px;
  }
  .topic .topicInner::before {
    background-size: 100px 35px;
    width: 100px;
    height: 35px;
    top: 16px;
    left: -13px;
  }
  .topic .topicInner h2 {
    padding: 0 0 8px 72px;
  }
  .topic .topicInner h2+p {
    margin-top: 8px;
  }
  .topic .topicInner .area_2clm {
    padding: 12px;
    margin-top: 12px;
  }
  .topic .topicInner .topicImg {
    margin-top: 8px;
  }
}
@media screen and (min-width: 768px) {
  .topicImg {
    width: 50% !important;
  }
}