/*ランディングページ　2020.5
/*********
*******************************************:
注意 PCファーストで記述されています。
*******************************************:
*********/

#p1 { text-align:center; margin-bottom:0; padding:2.8rem 3rem 4rem 3rem; font-weight:bold; font-size:2.8rem; background-color:#dbebf7; color:#000915;}
.p2 { text-align:center; line-height:2; padding:1.5rem 3rem 3rem 3rem; font-size:2rem;}
.ld_P_bold{font-weight:bold;}
.landingH2{
	color:#1a1a1a;
	text-align:center;
	font-weight: normal;
	font-size:3.0rem;
	padding:3.5rem 3rem;
}
.landMargin1{margin-bottom:5rem;}

.landingBox1{
	padding:3rem 0 7rem 0;
}
.landingBox1_Top{
	margin-top:4rem;
}
.landingBox1_h1{
	margin-bottom:5rem;
}
.landingBox1_h1 img{
	margin:0 auto;
	display:block;
}

.landingBox2 {
	width:850px; margin:0 auto;
}
.landingBox2 p{
	margin-top:2rem;
	font-size:1.6rem;
}
.landingBox2ImgCenter{
	display:block; margin:0 auto;
}

/*リスト、見出し装飾*/
.ld_ul1{ 
display:table; 
table-layout: fixed;
width:100%;
margin-bottom:2rem;
} 
.ld_ul1 li{ 
width:228px;
display:table-cell; 
} 

.ld_ul2 {
display:table; 
table-layout: fixed;
width:100%;
margin-bottom:2rem;
}
.ld_ul2 li{
	width:228px;
	display:table-cell; 
  position: relative;
  background: #dfefff;
  box-shadow: 0px 0px 0px 5px #dfefff;
  border: dashed 2px white;
  padding: 0.2em 0.5em;
  color: #454545;
}

ld_ul2 li:after {
  position: absolute;
  content: '';
  left: -7px;
  top: -7px;
  border-width: 0 0 15px 15px;
  border-style: solid;
  border-color: #fff #fff #a8d4ff;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15);
}


#ld_flex1{
  padding: 3rem 3rem 1.5rem 3rem;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: space-evenly;
  border: 1px solid #aaa;
}
#ld_flex1 > p{
  width: 25%;
  font-size: 1.6rem;
  text-align: center;
  background: #003689;
color:#fff;
line-height: 1.4;
margin-bottom: 20px;
padding: 1.5rem 3rem;
border-radius: 10px;
border-color:#001f52;

}

@media screen and (max-width: 1025px) {
#p1 {padding:0.8rem 1.4rem 1.5rem 1.4rem; font-size:2rem;}

.landingBox1{
	padding:3rem 0 4rem 0;
}
.landingBox1_Top{
	margin-top:2rem;
}
.landingBox1_h1{
	margin-bottom:3rem;
}
.landingBox2 {
	width:auto;

}
.landingBox2 p{
	padding:0 5.5rem 0 5rem;
	margin-top:1rem;
	font-size:1.5rem;
}
.landingBox2ImgCenter{
	width:100%;
}
/*リスト、見出し装飾*/
.ld_ul1{ 
width:92%;
margin:0 auto 2rem auto;
} 

}

@media screen and (max-width: 751px) {
#p1 {padding:0.8rem 1.4rem 1.2rem 1.4rem; font-size:1.4rem;}
.p2 { line-height:1.6;  font-size:1.4rem;}

.landingH2{
	font-size:1.8rem;
	padding:1.5rem 1rem 1.7rem 1rem;
}
.landMargin1{margin-bottom:0rem;}


.landingBox1{
	padding:3rem 0 1rem 0;
}
.landingBox1_Top{
	margin-top:1rem;
}
.landingBox1_h1{
	margin-bottom:2rem;
}
.landingBox2 p{
    line-height:1.4;//*行の高さ*/
	margin-top:0.5rem;
	font-size:1.3rem;
}
.landingBox2ImgCenter{
	width:90%;
}

/*リスト、見出し装飾*/
.ld_ul1{ 
margin:0 auto 2rem auto;
} 
.ld_ul1 li{ 
width:100%;
} 
.imgWidth25{ 
width:25%;
} 

#ld_flex1{
  padding: 1.4rem 0.3rem 0.3rem 0.1rem;
  border: none;
}
#ld_flex1 > p{
width: 28%;
font-size: 1.3rem;
color:#fff;
margin-bottom: 20px;
padding: 0.8em 0.5rem;

}
}