@charset "UTF-8";



/*共通パーツ　コンテンツの章タイトル
-------------------------------------*/
h1.intro-title {
  display: block;
  height: 56px;
  font-size: 2.4rem;
  font-weight: 600;
  letter-spacing: 0.3rem;
  color: #3b3b3b;
  line-height: 1.4;
  margin-bottom: 35px;
  padding-left:20px;
  padding-bottom: 5px;
  border-left:5px solid #0A286A;
}
h1.intro-title span{
  font-size:1.8rem;
  font-family: 'Avenir';
  font-weight: 600;
  letter-spacing: normal;
  color:#0A286A;
}
@media screen and (max-width: 1195px) {
  h1.intro-title {
    height:42px;
    font-size: 1.7rem;
    margin-bottom: 20px;
    height: 41px;
  }
  h1.intro-title span{
    font-size:1.5rem;
}
}

.intro section{
  border-bottom: 1px solid #707070;
  padding-bottom: 50px;
  margin-bottom: 50px;
}
.intro section:last-child{
  border:none;
}
.intro-area{
  display: flex;
}
.intro-left{
  width:55%;
  margin-right: 5%;
}
.intro-right{
  width:40%;
}
.intro-area h2{
  display: inline-block;
  font-size:1.6rem;
  color:#0A286A;
  border:1px solid #0A286A;
  padding:0 2rem;
  height:32px;
  line-height: 32px;
  margin:0 0 1rem
}
.intro-area p{
  font-size:1.6rem;
  padding-bottom: 3rem;
  line-height: 1.8;
}
.intro-area ul,.intro-area ol{
  padding-bottom: 3rem;
}
.intro-area ul li{
  font-size:1.6rem;
  list-style-type: disc;
  line-height: 1.8;
  margin-left: 2rem;
}
.intro-area ol li{
  font-size:1.6rem;
  list-style-type: decimal;
  line-height: 1.8;
  margin-left: 2rem;
}
@media screen and (max-width: 1195px) {
  .intro section{
    padding-bottom: 25px;
    margin-bottom: 25px;
  }
  .intro-area{
    display: block
  }
  .intro-area h2{
    display: block;
    text-align: center;
  }
  .intro-left,.intro-right{
    width:100%;
  }
  .intro-area p,.intro-area ul li,.intro-area ol li{
    font-size:1.5rem;
  }
  .intro-area ul,.intro-area ol{
    padding-bottom: 1.5rem;
  }
}