/*! ========================================================================
===========================================================================

	structure.css
	---------------------------
	// Last modified: 2021/02/08 17:59:54

===========================================================================
======================================================================== */ 
.sp{display: none !important;}

.pageNotesBlock{padding-bottom: 25px; font-size: 12px;}

.mainArea{background-color: #fff; color: #000}

.l-inner {
max-width: 1080px;
margin-right: auto;
margin-left: auto;
padding-right: 40px;
padding-left: 40px;
}
.specNavBlock .l-inner {
  padding-right: 0;
  padding-left: 0;
}
.u-clearfix:after{clear: both; content: ''; display: block}

.caption{font-size: 1rem !important;}

.p-notes {
display: block;
font-size: 10px;
font-size: 1rem;
text-align: justify;
}


img {
max-width: 100%;
height: auto;
}
@media screen and (max-width: 767px) {
.pc{display: none !important;}
.sp{display: block !important;}	
	
}



.page--structure strong {
  font-weight: normal
}
@media screen and (max-width: 767px) {
  .tWapper {
    width: 100% !important
  }
.l-inner {
max-width: 100%;
padding-right: 5%;
padding-left: 5%;
}
}
@media screen and (min-width: 768px) {
  .tWapper {
    padding: 10px
  }
  #specNavBlock--top {
    width: 100%;
    max-width: 1300px;
    margin: 80px auto
  }
  .specNavBlock {
    margin: 80px 0
  }
}
.heroBlock {
  margin-bottom: 60px;
  padding-top: 40px;
  text-align: center
}
@media(max-width: 700px) {
  .heroBlock {
    margin-bottom: 40px
  }
}
.specNavBlock {
  margin: 80px 0
}
@media(max-width: 700px) {
  .specNavBlock {
    margin: 60px 0
  }
}
.specNav {
  display: flex;
  position: relative;
  z-index: 5
}
@media(max-width: 700px) {
  .specNav {
    flex-direction: column;
    display: none;
    padding: 5%;
    border: 1px solid #ccc
  }
}
.no-flexbox .specNav {
  display: block
}
@media(max-width: 700px) {
  .specNavBlock.is-open .specNav {
    display: block
  }
}
.specNavCurrentItem {
  position: relative;
  padding: 15px;
  border: 1px solid #ccc;
  cursor: pointer;
  text-transform: uppercase
}
.specNavCurrentItem:before {
  content: "";
  position: absolute;
  top: 50%;
  right: 15px;
  display: block;
  width: .5em;
  height: .5em;
  margin-top: -0.25em;
  border-right: 1px solid;
  border-bottom: 1px solid;
  transform: rotate(45deg);
  transition: transform .2s ease 0s
}
.specNavBlock.is-open .specNavCurrentItem:before {
  transform: scale(-1) rotate(45deg)
}
.specNav__item {
  z-index: 2;
  text-align: center
}
@media(min-width: 701px) {
  .specNav__item {
    width: 50%;
    border-top: 1px solid #000;
    border-right: 1px solid #000;
    border-bottom: 1px solid #000
  }
  .specNav__item:first-child {
    border-left: 1px solid #000
  }
}
@media(max-width: 700px) {
  .specNav__item {
    width: 100%;
    border-bottom: 1px solid #fff
  }
}
.no-flexbox .specNav__item {
  display: block
}
@media(min-width: 701px) {
  .no-flexbox .specNav__item {
    float: left;
    width: 50%
  }
}
.specNav__item a {
  display: block;
  padding: 15px;
  color: #000;
  text-decoration: none
}
@media(max-width: 700px) {
  .specNav__item a {
    padding: 10px
  }
}
.no-touch .specNav__item a:hover {
  background: #f5f2e8;
  opacity: 1
}
.specNav__item .jp {
  display: block;
  font-size: 12px;
  letter-spacing: .1em;
  line-height: 1.2
}
@media(max-width: 700px) {
  .specNav__item .jp {
    font-size: 10px
  }
}
.specNav__item .en {
  display: block;
  font-size: 16px;
  text-transform: uppercase;
  line-height: 1.2
}
@media(max-width: 700px) {
  .specNav__item .en {
    font-size: 14px
  }
}
.specNav__item.is-current > a {
  background: #000;
  color: #fff
}
.specNav__item.is-current > a:hover {
  background: #000
}
.leadText {
  margin-bottom: 60px;
  text-align: center
}
.section {
  margin-bottom: 100px
}
@media(max-width: 700px) {
  .section {
    margin-bottom: 60px
  }
}
.sectionTitle {
  font-size: 24px;
  margin: 60px 0;
  padding: 20px 0;
  border-top: 1px solid #333;
  border-bottom: 1px solid #333;
  text-align: center
}
.featImage {
  margin-bottom: 40px
}
.specItem {
  margin-bottom: 40px;
  font-feature-settings: "palt"1;
  letter-spacing: .05em
}
.specItem .specItem__image {
  margin-bottom: 12px;
  text-align: center
}
.specItem .specItem__name {
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid;
  font-size: 16px;
  text-align: center;
  color: #000;
  line-height: 140%
}
.specItem .specItem__text {
  margin-bottom: .5em;
  font-size: 14px;
  text-align: justify;
  line-height: 160%
}
.specItem .notes {
  font-size: 12px;
  margin-bottom: .5em;
  line-height: 140%
}
@media(min-width: 701px) {
  .section--common .row-1 .col-1, .section--common .row-1 .col-2 {
    width: calc(25% - 40px);
    float: left;
    margin-left: 32px
  }
}
@media(max-width: 700px) {
.section--common .row-1 .col-1, .section--common .row-1 .col-2 {
width: calc(58% - 38px);
float: left;
margin-left: 11px;
}
}
@media(min-width: 701px) {
  .section--common .row-1 .col-3 {
    width: calc(50% - 48px);
    float: left;
    margin-left: 32px
  }
}
@media(max-width: 700px) {
  .section--common .row-1 .col-3 {
    width: calc(100% - 64px);
    float: left;
    margin-left: 32px
  }
}
.section--common .specItem-4 .l-innerRow {
  margin-bottom: 20px
}
.section--common .specItem-4 .l-innerRow:after {
  content: "";
  display: block;
  clear: both
}
@media(min-width: 701px) {
  .section--common .specItem-4 .l-innerRow .innerCol-1 {
    float: left;
    width: 398px
  }
  .section--common .specItem-4 .l-innerRow .innerCol-2 {
    float: right;
    width: 570px
  }
}
.section--common .specItem-4 .l-innerRow dl {
  padding: 10px 20px;
  background: #e5e5e5
}
.section--common .specItem-4 .l-innerRow dl dt {
  margin-bottom: .25em;
  font-size: 15px;
  color: #030045
}
.section--common .specItem-4 .l-innerRow dl dd {
  font-size: 13px;
  text-align: justify
}
.section--private .row-1 .l-col {
  float: left
}
@media(min-width: 701px) {
  .section--private .row-1 .l-col {
    width: 226px;
    margin-right: 32px
  }
  .section--private .row-1 .l-col:nth-of-type(4n) {
    margin-right: 0
  }
  .section--private .row-1 .l-col:nth-of-type(4n+1) {
    clear: both
  }
}
@media(max-width: 700px) {
  .section--private .row-1 .l-col {
    width: 48%;
    margin-right: 4%
  }
  .section--private .row-1 .l-col:nth-of-type(2n) {
    margin-right: 0
  }
  .section--private .row-1 .l-col:nth-of-type(2n+1) {
    clear: both
  }
}
.section--structure .row-1 .l-col {
  float: left
}
@media(min-width: 701px) {
  .section--structure .row-1 .l-col {
    width: 226px;
    margin-right: 32px
  }
  .section--structure .row-1 .l-col:nth-of-type(4n) {
    margin-right: 0
  }
  .section--structure .row-1 .l-col:nth-of-type(4n+1) {
    clear: both
  }
}
@media(max-width: 700px) {
  .section--structure .row-1 .l-col {
    width: 48%;
    margin-right: 4%
  }
  .section--structure .row-1 .l-col:nth-of-type(2n) {
    margin-right: 0
  }
  .section--structure .row-1 .l-col:nth-of-type(2n+1) {
    clear: both
  }
}
.section--structure .specItem-13 .l-innerRow:after, .section--structure .specItem-14 .l-innerRow:after, .section--structure .specItem-15 .l-innerRow:after {
  content: "";
  display: block;
  clear: both
}
@media(min-width: 701px) {
  .section--structure .specItem-13 .innerCol-1, .section--structure .specItem-14 .innerCol-1, .section--structure .specItem-15 .innerCol-1 {
    float: left;
    width: 314px
  }
}
@media(min-width: 701px) {
  .section--structure .specItem-13 .innerCol-1 .specItem__name, .section--structure .specItem-14 .innerCol-1 .specItem__name, .section--structure .specItem-15 .innerCol-1 .specItem__name {
    text-align: left
  }
}
.section--structure .specItem-13 .innerCol-2, .section--structure .specItem-14 .innerCol-2, .section--structure .specItem-15 .innerCol-2 {
  padding: 20px 5px 10px;
  text-align: center
}
@media(min-width: 701px) {
  .section--structure .specItem-13 .innerCol-2, .section--structure .specItem-14 .innerCol-2, .section--structure .specItem-15 .innerCol-2 {
    float: right;
    width: 656px
  }
}
.section--structure .specItem-13 .specItem__image, .section--structure .specItem-14 .specItem__image, .section--structure .specItem-15 .specItem__image {
  margin-bottom: 0
}
.specNav__item a:hover {
  background: #f2f2f2
}