@charset "UTF-8";
/* CSS Document */


	

/*********************************************
block01
*********************************************/
#block01{
margin: 40px auto;
width: 100%;
padding: 200px 0 120px 0;
position: relative;
background: linear-gradient(180deg, #fff 20%, #fff 60%, #eaf3f5 60%, #eaf3f5  120%);
}

#block01 h1{
margin: 0 auto;
width: 100%;
position:relative;
}

#block01 h1 img{
max-width: 50px;
}

#block01 h1 span{
display: block;
margin: 0 auto;
width: 100%;
font-size: 37px;
padding:35px 0px 0 0 ;
letter-spacing:0.17em; 
}

#block01 .text{
margin: 0 auto;
width: 100%;
padding:90px 0px 0 0 ;
font-size: 18px;
letter-spacing:0.06em; 
line-height: 2.5;
}

#block01 .absolute01{
position: absolute;
top:550px;
right: 30px;
}

#block01 .photo {
margin: 0 auto;
width: 100%;
position:relative;
}

#block01 .photo .pic01{
margin: 0 auto;
padding: 100px 0 0;
}

#block01 .photo .squ01{
position: absolute;
top:500px;
left: 220px;
}






/* ▼▼▼▼▼▼▼▼MaxWidth1600(mobile)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 1600px) {
 /* ************** */
 #block01{
padding: 180px 0 120px 0;
}

#block01 h1 img{
max-width: 50px;
}

#block01 h1 span{
margin: 0 auto;
width: 100%;
font-size: 33px;
}


#block01 .absolute01{
max-width: 110px;
}


#block01 .photo .pic01{
max-width: 1000px;
margin: 0 auto;
padding: 80px 0 0;
}

#block01 .photo .squ01{
max-width: 250px;
position: absolute;
top:350px;
left: 220px;
}

 /* *************** */
}	
/* ▼▼▼▼▼▼▼▼MaxWidth1400(mobile)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 1400px) {
 /* ************** */
#block01{
margin: 50px auto;
width: 100%;
padding: 170px 0 100px 0;
}



#block01 h1 img{
max-width: 50px;
}

#block01 h1 span{
display: block;
margin: 0 auto;
padding:35px 0px 0 0 ;
letter-spacing:0.17em; 
}


#block01 .photo .pic01{
max-width: 800px;
margin: 0 auto;
padding: 100px 0 0;
}

#block01 .photo .squ01{
max-width: 200px;
position: absolute;
top:330px;
left: 15%;
}


#block01 .absolute01{
max-width: 90px;
}



 /* *************** */
}	

/* ******************************************* */
@media screen and (max-width: 1024px) {
 /* ---------------------------------- */
#block01{
margin: 50px auto;
width: 100%;
padding: 150px 0 65px 0;
}


#block01 h1{
max-width:450px;
z-index:100;
posiiton:relative;
}

#block01 h1 img{
max-width: 42px;
}

#block01 h1 span{
font-size: 30px;
letter-spacing:0.1em;
}

#block01 h1::before{
content:'';
height:80px;
width:80px;
border:#eaf3f5 2px solid;
position: absolute;
bottom:-50%;
right: 0%;
z-index:-1;
}

#block01 .text{
font-size: 16px;
padding:70px 0px 0 0 ;
}


#block01 .photo .pic01{
max-width:700px;
margin: 0 auto;
padding: 80px 0 0;
}



#block01 .absolute01{
max-width: 65px;
right: 13px;
}

 

 /* ---------------------------------- */
}
/* ▼▼▼▼▼▼▼▼MaxWidth900(mobile)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 900px) {

#block01 .photo .pic01{
max-width:600px;
margin: 0 auto;
padding: 100px 0 0;
}

#block01 h1::before{
content:'';
height:65px;
width:65px;
border:#eaf3f5 2px solid;
position: absolute;
bottom:-40%;
right: 2%;
z-index:-1;
}

#block01 .absolute01{
max-width: 65px;
right: 10px;
}

 #block01 .squmb{
width: 60px;
top:230px;
right:260px;
}
 
 /* *************** */
}	

/* ******************************************* */
/* ▼▼▼▼▼▼▼▼MaxWidth768(mobile)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 768px) {
 /* ************** */
 #block01{
margin:30px auto;
width: 100%;
padding: 100px 0 50px 0;
background: linear-gradient(180deg, #fff 20%, #fff 65%, #eaf3f5 65%, #eaf3f5  120%);
}

#block01 h1 span{
display: block;
margin: 0 auto;
width: 100%;
font-size: 26px;
padding:35px 0px 0 0 ;
letter-spacing:0.05em; 
}

#block01 h1::before{
content:'';
height:60px;
width:60px;
bottom:-40%;
right: 10%;
z-index:-1;
}

#block01 .text{
font-size: 14px;
padding:50px 0px 0 0 ;
}


#block01 .photo .pic01{
max-width:500px;
padding: 50px 0 0;
}


#block01 .absolute01{
max-width: 48px;
right: 5px;
top:450px;
}


 /* *************** */
}	
/* ▼▼▼▼▼▼▼▼MaxWidth600(mobile)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 600px) {
 /* ************** */
 #block01{
margin:30px auto;
width: 100%;
padding: 100px 0 50px 0;
background: linear-gradient(180deg, #fff 20%, #fff 70%, #eaf3f5 70%, #eaf3f5  120%);
}

#block01 h1 img{
max-width: 30px;
}

#block01 h1 span{
font-size: 22px;
padding:23px 0px 0 0 ;
}

#block01 h1::before{
content:'';
height:50px;
width:50px;
bottom:-40%;
right: 20%;
z-index:-1;
}

#block01 .text{
font-size: 14px;
padding:50px 0px 0 0 ;
line-height: 2;
}


#block01 .photo .pic01{
max-width:400px;
}



#block01 .absolute01{
max-width:40px;
right:5px;
top:430px
}

 
 /* *************** */
}	
/* ▼▼▼▼▼▼▼▼MaxWidth480(mobile)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 480px) {
 /* ************** */
 #block01{
padding: 60px 0 30px 0;
background: linear-gradient(180deg, #fff 20%, #fff 70%, #eaf3f5 70%, #eaf3f5  120%);
}


#block01 h1 img{
max-width:25px;
}

#block01 h1 span{
font-size: 18px;
padding:18px 0px 0 0 ;
}

#block01 h1::before{
content:'';
height:40px;
width:40px;
bottom:-45%;
right: 23%;
z-index:-1;
}

#block01 .text{
font-size: 12px;
padding:40px 0px 0 0 ;
}


#block01 .photo .pic01{
max-width:350px;
padding: 50px 5% 0;
}



#block01 .absolute01{
max-width:30px;
right:5px;
top:350px
}


 /* *************** */
}	
/* ▼▼▼▼▼▼▼▼MaxWidth380(mobile)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 380px) {
 /* ************** */
#block01 .photo .pic01{
max-width:270px;
padding: 50px 5% 0;
}



#block01 .absolute01{
max-width:25px;
right:5px;
top:350px
}

#block01 h1::before{
content:'';
height:30px;
width:30px;
bottom:-25%;
right: 21%;
z-index:-1;
}


 /* *************** */
}

/*********************************************
block02
*********************************************/
#block02{
margin: 40px auto;
width: 100%;
padding: 200px 0 120px 0;
position: relative;
background: linear-gradient(180deg, #fff 20%, #fff 55%, #eaf3f5 55%, #eaf3f5  120%);
}

#block02 h1{
margin: auto;
width: 100%;
position: relative;
}

#block02 h1 img{
max-width: 50px;
position: absolute;
left:35%;
top:15%;
}

#block02 h1 .title02{
margin: 0 auto;
font-size: 22px;
padding:0 0 10px 0 ;
}

#block02 h1 .title02 span{
display: block;
margin: 0 auto;
width: 100%;
font-size: 37px;
letter-spacing:0.17em; 
line-height: 2.3;
}

#block02 .squmb{
margin: 0 auto;
width: 70px;
position:absolute;
top:120px;
left: 33%;
}

#block02 .text{
margin: 0 auto;
width: 100%;
padding:110px 0px 0 0 ;
font-size: 18px;
letter-spacing:0.06em; 
line-height: 2.5;
}

#block02 .absolute01{
position: absolute;
top:550px;
left: 30px;
}

#block02 .photo {
margin: 0 auto;
width: 100%;
position:relative;
}

#block02 .photo .pic02{
margin: 0 auto;
padding: 100px 0 0;
}

#block02 .photo .squ02{
position: absolute;
top:500px;
right: 220px;
}




#block02 .button01{
margin:5% auto 0;
width:100%;
font-size: 23px;
background:#fff;
display:block;
line-height:4em;
letter-spacing:0.2em; 
max-width:450px;
transition-duration: .4s;
z-index: 2;
position: relative;
}


#block02 .button01::after {
  background: #0f5474;
  content: "";
  display: block;
  margin:5% auto 0;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  width: 100%;
  padding-top: 100%;
  height: 0;
  z-index: -1;
  transform: translateY(-50%) scale(0.1);
  transition: opacity .5s, transform 0s;
  transition-delay: 0s, .4s;
}
 
#block02 .button01:hover {
  color: #fff;
}
#block02 .button01:hover::after {
  opacity: 1;
  transform: translateY(-50%) scale(1.1);
  transition-delay: 0s;
  transition: opacity .8s, transform .6s ease-in-out;
}

/* ▼▼▼▼▼▼▼▼MaxWidth1600(mobile)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 1600px) {
 /* ************** */
 #block02{
padding: 180px 0 120px 0;
}

#block02 h1 img{
max-width: 50px;
left:32%;
top:15%;
}

#block02 h1 .title02 span{
font-size: 33px;
}

#block02 .absolute01{
max-width: 110px;
}

#block02 .photo .pic02{
max-width: 1000px;
margin: 0 auto;
padding: 80px 0 0;
}

#block02 .photo .squ02{
max-width: 250px;
position: absolute;
top:350px;
right: 220px;
}

 /* *************** */
}	
/* ▼▼▼▼▼▼▼▼MaxWidth1400(mobile)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 1400px) {
 /* ************** */
#block02{
margin: 50px auto;
padding: 170px 0 100px 0;
}

#block02 h1 img{
max-width: 50px;
left:29%;
top:15%;
}

#block02 h1 .title02 span{
letter-spacing:0.17em; 
}


#block02 .photo .pic02{
max-width: 800px;
margin: 0 auto;
}

#block02 .photo .squ02{
max-width: 200px;
position: absolute;
top:330px;
right: 15%;
}


#block02 .absolute01{
max-width: 90px;
}



 /* *************** */
}	

/* ******************************************* */
@media screen and (max-width: 1024px) {
 /* ---------------------------------- */
 #block02{
margin: 50px auto;
width: 100%;
padding: 150px 0 65px 0;
background: linear-gradient(180deg, #fff 20%, #fff 68%, #eaf3f5 68%, #eaf3f5  120%);
}

#block02 h1{
max-width:450px;
z-index:100;
posiiton:relative;
}
 



#block02 h1::before{
content:'';
height:110px;
width:110px;
border:#eaf3f5 2px solid;
position: absolute;
bottom: 50%;
left: 2%;
z-index:-1;
}

#block02 h1 img{
max-width: 46px;
top:-65%;
left: 46%;
}

#block02 h1 .title02{
margin: 0 auto;
font-size:19px;
padding:0 0 10px 0 ;
}

#block02 h1 .title02 span{
font-size: 30px;
letter-spacing:0.1em; 
}

#block02 .suqmb{
max-width: 70px;
position: absolute;
top:150px;
right: 150px;
}



#block02 .text{
font-size: 16px;
padding:70px 0px  0 ;
}


#block02 .photo .pic02{
max-width:700px;
margin: 0 auto;
padding: 80px 0 0;
}



#block02 .absolute02{
max-width: 65px;
right: 13px;
}

 
#block02 .button01{
margin:5% auto 0;
width:100%;
font-size: 19px;
line-height:3em;
letter-spacing:0.2em; 
max-width:250px;
}
 /* ---------------------------------- */
}
/* ▼▼▼▼▼▼▼▼MaxWidth900(mobile)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 900px) {

#block02 h1 img{
left: 44%;
}

#block02 h1 .title02{
margin: 0 auto;
font-size:15px;
}

#block02 .photo .pic02{
max-width:600px;
margin: 0 auto;
padding: 100px 0 0;
}

#block02 .absolute01{
max-width: 65px;
right: 10px;
}

#block02 h1{
max-width:360px;
z-index:100;
posiiton:relative;
}
 
#block02 h1::before{
content:'';
height:80px;
width:80px;
border:#eaf3f5 2px solid;
position: absolute;
bottom: 50%;
z-index:-1;
} 
 
 /* *************** */
}	

/* ******************************************* */
/* ▼▼▼▼▼▼▼▼MaxWidth768(mobile)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 768px) {
 /* ************** */
 #block02{
margin:100px auto 0;
width: 100%;
padding: 70px 0 50px 0;
background: linear-gradient(180deg, #fff 20%, #fff 65%, #eaf3f5 65%, #eaf3f5  120%);
}

#block02 h1 img{
max-width: 40px;
left: 42.5%;
}

#block02 h1 .title02{
font-size:14px;
}

#block02 h1 .title02 span{
display: block;
margin: 0 auto;
width: 100%;
font-size: 27px;
letter-spacing:0.05em; 
}

#block02 .squmb{
margin: 0 auto;
width: 70px;
position:absolute;
top:50px;
left: 33%;
}


#block02 .text{
font-size: 14px;
padding:40px 0px 0 0 ;
}


#block02 .photo .pic02{
max-width:500px;
padding: 50px 0 0;
}


#block02 .absolute01{
max-width: 48px;
left: 5px;
top:450px;
}

#block02 h1{
max-width:300px;
z-index:100;
posiiton:relative;
}
 
#block02 h1::before{
content:'';
height:70px;
width:70px;
border:#eaf3f5 2px solid;
position: absolute;
bottom: 50%;
z-index:-1;
} 

 /* *************** */
}	
/* ▼▼▼▼▼▼▼▼MaxWidth600(mobile)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 600px) {
 /* ************** */
  #block02{
margin:30px auto;
width: 100%;
padding: 100px 0 50px 0;
background: linear-gradient(180deg, #fff 20%, #fff 70%, #eaf3f5 70%, #eaf3f5  120%);
}


#block02 h1 img{
max-width: 30px;
left: 44%;
}

#block02 h1 .title02{
letter-spacing: 1.5;
}


#block02 h1 .title02 span{
font-size: 23px;
letter-spacing: 0.03em;
}

#block02 .squmb{
width: 60px;
top:70px;
left: 33%;
}

#block02 .text{
font-size: 14px;
padding:10px 0px 0 0 ;
line-height: 2;
}


#block02 .photo .pic02{
max-width:400px;
}



#block02 .absolute01{
max-width:40px;
left:5px;
top:430px
}

 
#block02 .button01{
font-size: 17px;
max-width:200px;
margin:5% auto 0;
}
 /* *************** */
}	
/* ▼▼▼▼▼▼▼▼MaxWidth480(mobile)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 480px) {
 /* ************** */
 #block02{
padding: 90px 0 30px 0;
background: linear-gradient(180deg, #fff 20%, #fff 70%, #eaf3f5 70%, #eaf3f5  120%);
}


#block02 h1 img{
max-width:25px;
left: 44%;
}

#block02 h1 .title02{
font-size: 12px;

}


#block02 h1 .title02 span{
font-size: 17px;
line-height: 1.5em;
}



#block02 .text{
font-size: 12px;
padding:18px 0px 0 0 ;
}


#block02 .photo .pic02{
max-width:350px;
padding: 50px 5% 0;
}



#block02 .absolute01{
max-width:30px;
right:5px;
top:350px
}

 
#block02 .button01{
font-size: 13px;
max-width:160px;
margin:5% auto 0;
}

#block02 h1{
max-width:250px;
z-index:100;
positon:relative;
}
 
#block02 h1::before{
content:'';
height:60px;
width:60px;
border:#eaf3f5 2px solid;
position: absolute;
bottom: 50%;
z-index:-1;
} 
 /* *************** */
}	
/* ▼▼▼▼▼▼▼▼MaxWidth380(mobile)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 380px) {
 /* ************** */
#block02 .photo .pic02{
max-width:260px;
}

#block02 h1 img{
max-width:25px;
left: 44%;
}
#block02 .absolute01{
max-width:25px;
right:5px;
top:350px
}

#block02 h1{
max-width:200px;
z-index:100;
positon:relative;
}
 
#block02 h1::before{
content:'';
height:50px;
width:50px;
border:#eaf3f5 2px solid;
position: absolute;
bottom: 50%;
z-index:-1;
} 
 /* *************** */
}


/*********************************************
block03
*********************************************/

#block03{
margin: 40px auto;
width: 100%;
padding: 200px 0 120px 0;
position: relative
}

#block03 h1{
margin: 0 auto;
width: 100%;
}

#block03 h1 img{
max-width: 110px;
}

#block03 h1 span{
display: block;
margin: 0 auto;
width: 100%;
font-size: 37px;
padding:40px 0px 0 0 ;
letter-spacing:0.17em; 
}


#block03 .box {
margin: 100px auto;
width: 70%;
padding: 50px 0 100px 0;
background:#eaf3f5;
}


#block03 .box ul{
margin: 40px auto 70px;
width: 100%;
display: flex;
justify-content: space-around;
align-items: center;
flex-flow:row nowrap;
}

#block03 .box ul li{
margin:0 auto;
width: 23%;
}

#block03 .box ul li p{
margin: 0 auto;
font-size:30px;
letter-spacing: 0.17em;
line-height: 2;
}



#block03 .box .absolute01{
position: absolute;
top:980px;
left:0px;
}

#block03 .absolute02{
position: absolute;
right: 10px;
top:1150px;
}

/* ▼▼▼▼▼▼▼▼MaxWidth1600(mobile)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 1600px) {
 /* ************** */
 #block03{
padding: 180px 0 120px 0;
}


#block03 h1 span{
margin: 0 auto;
width: 100%;
font-size: 33px;
}

#block03 .box .absolute01{
max-width: 600px;
top:970px;
}

#block03 .box ul li{
margin:0 auto;
width: 26%;
}

#block03 .absolute02{
position: absolute;
max-width: 1000px;
right: 10px;
top:1120px;
}

 /* *************** */
}	
/* ▼▼▼▼▼▼▼▼MaxWidth1400(mobile)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 1400px) {
 /* ************** */
#block03{
margin: 50px auto;
width: 100%;
padding: 170px 0 100px 0;
}



#block03 h1 img{
max-width: 100px;
}

#block03 h1 span{
display: block;
margin: 0 auto;
padding:35px 0px 0 0 ;
letter-spacing:0.17em; 
}

#block03 .box .absolute01{
max-width: 550px;
top:940px;
}


#block03 .absolute02{
position: absolute;
max-width: 900px;
right: 10px;
top:1050px;
}


 /* *************** */
}	

/* ******************************************* */
@media screen and (max-width: 1024px) {
 /* ---------------------------------- */
 #block03{
margin: 50px auto;
width: 100%;
padding: 150px 0 65px 0;
}

#block03 .box {
margin: 100px auto;
width: 80%;
padding: 40px 0 50px 0;
}


#block03 h1 img{
max-width:90px;
}

#block03 h1 span{
font-size: 30px;
letter-spacing:0.1em; 
}

#block03 .box ul{
margin: 40px auto 30px;
width: 100%;
}

#block03 .box ul li p{
font-size:26px;
}

#block03 .box .button01{
margin:5% auto 0;
width:100%;
font-size: 19px;
line-height:3em;
letter-spacing:0.2em; 
max-width:250px;
}

#block03 .box .absolute01{
max-width:450px;
top:760px;
}

#block03 .box .absolute01{
display:none;
}

#block03 .absolute02{
max-width: 700px;
top:850px;
}


 /* ---------------------------------- */
}
/* ▼▼▼▼▼▼▼▼MaxWidth900(mobile)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 900px) {


#block03 .box ul li p{
font-size:23px;
}
 
 
 /* *************** */
}	

/* ******************************************* */
/* ▼▼▼▼▼▼▼▼MaxWidth768(mobile)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 768px) {
 /* ************** */
 #block03{
margin:30px auto;
width: 100%;
padding: 100px 0 50px 0;
}

#block03 h1 span{
display: block;
margin: 0 auto;
width: 100%;
font-size: 26px;
padding:35px 0px 0 0 ;
letter-spacing:0.05em; 
}


#block03 .box .absolute01{
max-width:300px;
top:680px;
}


#block03 .absolute02{
max-width: 550px;
top:750px;
}


#block03 .box ul li p{
font-size:20px;
}


 /* *************** */
}	
/* ▼▼▼▼▼▼▼▼MaxWidth600(mobile)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 600px) {
 /* ************** */
  #block03{
margin:30px auto;
width: 100%;
padding: 100px 0 50px 0;
}

#block03 .box {
margin: 50px auto;
width: 86%;
padding: 20px 0 40px 0;
}


#block03 h1 img{
max-width: 70px;
}

#block03 h1 span{
font-size: 18px;
}

#block03 .box ul li p{
font-size:16px;
}




#block03 .absolute02{
max-width: 400px;
top:610px;
}




 /* *************** */
}	
/* ▼▼▼▼▼▼▼▼MaxWidth480(mobile)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 480px) {
 /* ************** */
 #block03{
padding: 60px 0 30px 0;
}

#block03 .box {
margin: 40px auto;
width: 88%;
padding: 20 0 20px 0;
}

#block03 h1 img{
max-width:60px;
}

#block03 h1 span{
font-size: 18px;
padding:18px 0px 0 0 ;
}

#block03 .box ul li p{
font-size:14px;
}




#block03 .absolute02{
max-width: 380px;
top:480px;
}


 /* *************** */
}	
/* ▼▼▼▼▼▼▼▼MaxWidth380(mobile)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 380px) {
 /* ************** */
#block03 .box {
margin: 20px auto;
width: 88%;
padding: 20 0 10px 0;
}

#block03 .box ul{
margin: 20px auto 20px;
}

#block03 .absolute02{
max-width: 270px;
top:400px;
}

 /* *************** */
}


/*********************************************
お知らせ
*********************************************/
#news{
margin: 130px auto 80px;
width: 100%;
padding: 130px 0 ;
background: #eaf3f5;
}

#news h1{
margin: 0 auto;
width: 100%;
font-size:37px;
letter-spacing:0.3em; 
}

#news ul.wp-post{
margin: 70px auto 0;
width: 100%;
}

#news ul.wp-post li a{
margin: 0 auto;
width: 100%;
font-size:18px;
letter-spacing:0.15em; 
line-height: 2.5;
max-width: 1000px;
border-bottom:solid 1px #0f5474;
padding-bottom: 2px;
display:flex;
justify-content: space-around
}

#news ul.wp-post li a .date{
width: 30%
}

#news ul.wp-post li a .title{
text-align: left;
width: 70%
}

/* ▼▼▼▼▼▼▼▼MaxWidth1600(mobile)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 1600px) {
 /* ************** */
#news h1{
font-size:33px;
}
#news .wp-post li a{

font-size:18px;
letter-spacing:0.15em; 
line-height: 2.5;
}




 /* *************** */
}	
/* ▼▼▼▼▼▼▼▼MaxWidth1400(mobile)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 1400px) {
 /* ************** */

 /* *************** */
}	
/* ▼▼▼▼▼▼▼▼MaxWidth1024(mobile)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 1024px) {
 /* ************** */
#news h1{
font-size:30px;
}

#news .wp-post li a{
width: 80%;
font-size:16px;
letter-spacing:0.15em; 
line-height: 2.5;
}

#news ul.wp-post li a p{
text-align: left;
font-size:16px;
}

#news ul.wp-post{
margin: 70px auto 0;
width: 100%;
padding: 0 10%;
}

 /* *************** */
}	

/* ▼▼▼▼▼▼▼▼MaxWidth768(mobile)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 768px) {
 /* ************** */
#news h1{
font-size:27px;
}
#news .wp-post{
margin: 50px auto 0;
}
#news .wp-post li a{
width: 80%;
font-size:14px;
}

#news ul.wp-post li a p{
text-align: left;
font-size:14px;
}

 /* *************** */
}	
/* ▼▼▼▼▼▼▼▼MaxWidth600(mobile)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 600px) {
 /* ************** */
#news h1{
font-size:18px;
}

#news .wp-post li a{
width: 83%;
font-size:13px;
letter-spacing:0.1em;
}

#news ul.wp-post li a p{
text-align: left;
font-size:13px;
}

 /* *************** */
}	
/* ▼▼▼▼▼▼▼▼MaxWidth480(mobile)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 480px) {
 /* ************** */
#news h1{
font-size:18px;
}

#news .wp-post{
margin: 30px auto 0;
}

#news .wp-post li a{
width: 83%;
font-size:13px;
letter-spacing:0.05em;
line-height: 2.0;
}

#news{
margin: 60px auto 80px;
width: 100%;
padding: 80px 0 ;
background: #eaf3f5;
}

#news ul.wp-post li a p{
text-align: left;
font-size:12px;
letter-spacing:0.025em;
line-height: 2.0;
}
 /* *************** */
}	
/* ▼▼▼▼▼▼▼▼MaxWidth380(mobile)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 380px) {
 /* ************** */




#news ul.wp-post li a p{
text-align: left;
font-size:12px;
letter-spacing:0.025em;
line-height: 2.0;
}
 /* *************** */
}