@charset "UTF-8";

.single__text {
  width: 100%;
  margin: 0 auto;
  padding: 0 !important;
}

.ss-article-box {
  padding: 0;
  font-family: 'Libre Baskerville', serif;
  font-weight: 500;
  font-style: normal;
  color: #000;
  margin: 0 auto;
}

@media screen and (max-width: 768px) {
  .single__text {
    width: 100%;
  }
}

/* ブロック */
.boxtype-1{
  width: 100%;
}

.boxtype-2{
  width: 100%;
  max-width: 800px;
}

ul.boxtype-2-list>li{
  padding: 0 !important;
}

.boxtype-3{
  width: 100%;
  max-width: 1200px;
}

ul.boxtype-3-list {
  display: block;
}

ul.boxtype-3-list>li {
  width: 100%;
  margin: 0 !important;
}

.boxtype-4 {
  width: 100%;
  max-width: 1200px;
}

ul.boxtype-4-list>li {
  width: 50%;
  margin: 0 !important;
}

ul.boxtype-2-list>li:nth-child(even),
ul.boxtype-3-list>li:nth-child(even),
ul.boxtype-4-list>li:nth-child(even){
  display: none;
  width: 0;
  height: 0;
  margin: 0;
  z-index: 9999;
  position: relative;
}

.content-area-image img {
  width: 100%;
}

@media screen and (max-width: 768px) {
  ul.boxtype-2-list>li:first-child {
    display: block;
  }

  ul.boxtype-4-list {
    display: block;
  }

  ul.boxtype-4-list>li {
    width: 100%;
  }
}


/*================================

lead

================================*/
.ss-lead{
  max-width: 650px;
  margin: 0 auto 8% auto;
  text-align: center;
}

h2.ss-lead-title{
  margin-bottom:7%;
  font-size: 26px;
  font-weight: normal;
  letter-spacing: 0.20em;
  line-height: 2;
}

p.ss-lead-text{
  font-size: 14px;
  letter-spacing: .1em;
  line-height: 2.5;
}

@media screen and (max-width: 768px) {
  .ss-lead {
    max-width: 100%;
    padding: 0 10px;
    margin: 0 auto 10% auto;
  }

  h2.ss-lead-title {
    margin-bottom: 3%;
    font-size: 19px;
    line-height: 2.1;
  }

  p.ss-lead-text {
    font-size: 12px;
    line-height: 2;
  }
}

/*================================

item list

================================*/
.ss-itemList {
  margin-top: 10%;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .ss-itemList {
    margin-top: 20%;
  }
}
