@charset "utf-8";

ul li, ol li {
    list-style-type: none;
}
/* メインコンテンツ
------------------------------------------------------------ */
#section01{
  position: relative;
  padding: 0 0 8em;
}
.under .ttlarea .ttl01 {font-size: 5em;}
.underpage::before {
  top: 0.3%;
}
.pagearea-in{
  min-height: 60vw;
  width: 100%;
  margin: 10em auto 0;
  padding: 6em 3em;
}
.general-parts {
    border-bottom: 1px solid #bababa;
    padding: 1em;
    margin-bottom: 1em;
}
.general-parts:last-child {
  border-bottom: none;
}
.tertiary-heading {
    font-size: 1.1em;
    margin-bottom: 1em;
}
ol.note > li {
    margin: .6em 0;
    padding: 16px 16px 16px 80px;
    position: relative;
    background: #f3f3f3;
    counter-increment: item;
}
ol.note > li::before {
    position: absolute;
    left: 16px;
    top: 16px;
    content: '（' counter(item) '）';
}
.child-list > li {
    padding-left: 3.5em;
    position: relative;
    counter-increment: childitem;
}
.child-list > li::before {
    position: absolute;
    left: 0;
    top: 0;
    content: '（' counter(childitem, lower-roman) '）';
}
.text-right{ text-align: right;}
@media screen and (min-width:521px) and ( max-width:1024px) {}
@media screen and (max-width: 520px) {
  .underpage::before {
    height: 350px;
    min-height: 30vh;
    top: 1%;
  }
  .under .ttlarea .ttl01 {font-size: 2em;}
  ol {
    margin-left: 0.5em;
}
  #section01 {
    margin: 4em auto;
    padding: 0em;
  }
  #section01 .area-bg {
    top: 0;
    height: 350px;
    width: 100%;
}
#section01 .area-bg img {
    object-fit: cover;
    height: 100%;
    width: 100%;
}
.pagearea-in {
    min-height: 60vw;
    width: 100%;
    margin: 4em auto 0;
    padding: 3em 0.5em;
}
.general-parts {
    padding: 0.5em;
    margin-bottom: 1em;
    font-size: 0.9em;
}
ol.note > li {
    padding: 10px 10px 10px 40px;
}
ol.note > li::before {
    left: 2px;
    top: 10px;
}
.child-list > li { font-size: 0.9em;}

.underpage .area-bg02 {
    position: absolute;
    bottom: -0.8%;
    height: 350px;
    width: 100%;
    z-index: -4;
}
.underpage .area-bg02 img {
    object-fit: cover;
    height: 100%;
    width: 100%;
}
}
@media screen and (max-width: 375px) {}