@charset "UTF-8";
/* ------------------------------------
					strength
--------------------------------------*/
.strength01{
 position: relative;
 margin-top: -40px;
}
.strength01::before{
  pointer-events: none;
 content: "STRENGTH";
 position: absolute;
 left: 0;
 top: 0;
 color: var(--basegr);
 font-family: 'Barlow Condensed', sans-serif;
 font-size: 214px;
 font-size: clamp(80px, 35.333px + 14.889vw, 214px);
 font-weight: 500;
 font-style: italic;
 opacity: 0.05;
}
@media screen and (min-width: 769px) {
 .strength01 .pcFlex{
  align-items: center;
 }
 .strength01 .txt{
  width: 52%;
 }
 .strength01 figure{
  width: 45%;
  max-width: 455px;
 }
}/*-PC only-*/
.strength01 h2{
 margin-bottom: 30px;
 color: var(--basegr);
 font-size: 32px;
 font-weight: 700;
 line-height: 1.4;
 letter-spacing: 0.08em;
}
.strength01 .txt p{
 font-size: 18px;
 line-height: 1.7;
}
.strength01 .txt p + p{
  margin-top:15px;
}
.strength01 .txt p:nth-last-of-type(2n){
  margin-top:30px;
}
.strength01 .txt ol{
  counter-reset: item;
  list-style-type: none;
  padding-left: 0;
 }
 .strength01 .txt ol li{
  font-size: 18px;
  line-height: 1.7;
  text-indent: -1.4em;
  padding-left: 1.4em;
}
 .strength01 .txt ol li:not(:last-child){
  margin-bottom:15px;
 }
 .strength01 .txt ol li:first-child{
  margin-bottom:30px;
 }
 .strength01 .txt ol li:before {
  counter-increment: item;
  content: counter(item)'.';
  /* 以下は自由に装飾... */
  padding-right: .3em;
  font-weight: bold;
}
.strength02 {
 overflow: hidden;
 padding-top: 30px; 
}
.strength02 .flex{
  flex-flow: row wrap;
}
.strength02 dt{
 border-bottom: 1px #DDDDDD solid;
 display: flex;
 align-items: center;
 width: 184px;
 padding: 30px 0;
 color: var(--basegr);
 font-size: 24px;
 line-height: 1.5;
}
.strength02 dd{
 border-bottom: 1px #DDDDDD solid;
 display: flex;
 align-items: center;
 width: calc(100% - 184px);
 padding: 30px 0 30px ;
 font-size: 18px;
 line-height: 1.88;
}
@media screen and (max-width: 768px) {/*SP*/
.strength01 h2{
 margin-bottom: 20px;
 font-size: 24px;
}
.strength01 .txt p{
 font-size: 16px;
 line-height: 2.15;
}
.strength01 .txt li{
  font-size: 16px;
  line-height: 2.15; 
}
 .strength01 figure{
  margin: 20px auto 0;
  text-align: center;
 }
.strength02 {
}
.strength02 dt{
 width: 120px;
 padding: 20px 0;
 font-size: 16px;
}
.strength02 dd{
 width: calc(100% - 120px);
 font-size: 14px;
 line-height: 1.7;
}
}/*-SP only-*/

.strength03{
  padding: 80px 0;
}
.strength03 h3{
  margin-bottom: 30px;
  color: var(--basegr);
  font-size: 32px;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-align: center;
}
.strength03 p{
  text-align: center;
  font-weight: 700;
}
.strength03 figure{
  margin: 40px auto;
  max-width: 564px;
  background: #fff;
  padding: 30px 46px;
  box-shadow: 0px 0px 20px 20px rgba(0, 0, 0, 0.05);
}

@media screen and (max-width: 768px) {/*SP*/
  .strength03 h3{
    margin-bottom: 20px;
      font-size: 24px;
  }
}/*-SP only-*/

.strength03  .is-center .btn a{
  margin: 40px auto 0;
}