@charset "utf-8";
/* -------------------------------------------------------
	data
------------------------------------------------------- */
/* contents
------------------------------------------------------- */
.cont-wrap{
 width:100%;
 max-width: 950px;
 padding:65px 25px;
 margin: 0 auto;
}
.cont-wrap + .cont-wrap{
 padding: 0 25px 65px;
}
p.main-text{
 margin-bottom:40px;
 font-weight: 500;
}
ul.data-image{
 display: flex;
 align-items: center;
 justify-content: space-between;
 background-color: #f1f8fc;
 padding:55px 7%;
}
ul.data-image li.text{
 width:38%;
 max-width: 250px;
}
ul.data-image li.text h2{
 padding-bottom: 10px;
 font-size: 2.2rem;
 font-weight: 500;
 line-height: 1.6;
}
ul.data-image li.image{
 width:62%;
 max-width: 480px;
}
ul.data-image li.image img{
 width:100%;
 max-width: 480px;
 height: auto;
}
/*  sp(767px以下)  ----------- */
@media screen and (max-width:767px) {
 .cont-wrap{
  width:100%;
  max-width: 100%;
  padding:25px 5% 45px;
 }
 .cont-wrap+.cont-wrap {
  padding: 0 5% 45px;
 }
 .cont-wrap > p{
  margin-bottom:30px;
 }
 ul.data-image{
  display: block;
  padding:35px 5%;
 }
 ul.data-image li.text{
  width:100%;
  max-width: 100%;
  padding:0 5% 30px;
 }
 ul.data-image li.text h2{
  padding-bottom: 10px;
  font-size: 2rem;
 }
 ul.data-image li.image{
  width:100%;
  max-width: 100%;
 }
 ul.data-image li.image img{
  max-width: 100%;
 }
}

/* contents
------------------------------------------------------- */
h3 {
 padding-left: 30px;
 font-size: 2.6rem;
 font-weight: 500;
 line-height: 1.4;
 letter-spacing: 2px;
 position: relative;
}
h3::before {
 content: "";
 display: block;
 width: 2px;
 height: 28px;
 background-color: #0f90d1;
 position: absolute;
 left: 0;
 top: 6px;
}
h3 + p{
 margin-top:30px;
}
h4 {
 margin-bottom: 15px;
 padding-left: 26px;
 font-size: 2rem;
 font-weight: 500;
 line-height: 1.4;
 letter-spacing: 2px;
 position: relative;
}
h4::before {
 content: "";
 width: 12px;
 height: 2px;
 background-color: currentColor;
 position: absolute;
 left: 0;
 top: 12px;
}
/*  sp(767px以下)  ----------- */
@media screen and (max-width:767px) {
 h4 {
  padding-left: 24px;
  font-size: 1.8rem;
 }
}

/* data-list
------------------------------------------------------- */
ul.data-list {
 display: flex;
 flex-wrap: wrap;
 justify-content: space-between;
}
ul.data-list li {
 width: 48%;
 max-width: 503px;
 margin: 30px 0 10px;
}
ul.data-list li img {
 width: 100%;
 max-width: 503px;
 height: auto;
}
p.credit {
 height:18px;
 margin-top: 5px;
 font-size: 1.2rem;
 color: #758891;
 line-height: 1.2;
 letter-spacing: 0;
}
ul.data-list li img.arw{
 margin-top:23px;
}
/*  sp(767px以下)  ----------- */
@media screen and (max-width:767px) {
 ul.data-list {
  display: block;
 }
 ul.data-list li {
  width: 100%;
  max-width: 100%;
  margin: 20px 0 0;
 }
 ul.data-list li+li {
  margin: 40px 0 0;
 }
 ul.data-list p.text {
  font-size: 1.5rem;
 }
 ul.data-list li img {
  width: 100%;
  max-width: 100%;
 }
 p.credit{
  font-size: 1.1rem;
 }
 ul.data-list li img.arw{
  margin-top:1rem;
 }
}