@charset "UTF-8";

@import url("blogtable.css");
p,h1,h2,h3,h4,h5,a,li {
transform: rotate(0.05deg);
}

@media only screen and (min-width : 769px ){
/* PC時に表示 */
.pc { display: block !important; }
.sp { display: none !important; }
.big{
font-size: 150%;
}
	
.w-33{
width: 33.333%;
}	
.blog-flex .w-33 li{
width: 90%;	
color: #555;
margin: 0 auto 0.5rem auto;
padding: 0rem 1rem 0rem 1.5rem;
text-align: left;
font-size: 1.1rem;	
line-height: 1.4rem;
text-indent: -1rem;	
}		
.w-50{
width: 50%;
}
.blog-flex .w-50 li{
color: #555;
margin: 0 auto 0.5rem auto;
padding: 0rem 1rem 0rem 2rem;
text-align: left;
font-size: 1.1rem;	
line-height: 1.4rem;
text-indent: -1rem;	
}	
.left{
margin: 2rem auto;
text-align: left;
}	
	
.blog-flex .taisyo {
margin: 2rem auto 3rem auto;
text-align: center;
}	
.blog-flex .taisyo h5{
font-size: 1.3rem;	
color: #007806;
margin: 0rem auto 0rem auto;
text-align: center;
}
.blog-flex .taisyo li{
color: #007806;
margin: 0 auto 0rem auto;
padding: 0rem 2rem 0rem 2rem;
text-align: left;
font-size: 1.1rem;	
line-height: 1.6rem;	
}	
	

.pink {
margin: 0 auto 0 auto;
padding: 1rem 0rem 1rem 0rem ;	
text-align: center;	
color: #ff6464;
font-weight: 600;
	
}	
.blue {
margin: 1rem 0 0 0rem;	
text-align: left;	
color: #10589e;
font-weight: 600;
}	
.bold{
font-weight: 600;	
}	
.contents-blog{
max-width: 960px;
margin: 0 auto 3rem auto;
}

.contents-blog p{
font-size: 1.1rem;	
margin: 0rem auto 0rem auto;
padding: 0rem 0.5rem 0rem 0rem;
text-align: center;	
}	
.contents-blog h2{
color:#333;
margin: 3rem auto 2rem auto;
padding: 0.5rem 0rem 0.5rem 0rem;
text-align: center;	
font-size: 2rem;
line-height: 2.5rem;	
font-weight: 600;	
}	
.contents-blog h4{
color:#10589e;
margin: 3rem auto 2rem auto;
padding: 0.5rem 0rem 0.5rem 0rem;
text-align: center;	
font-size: 2rem;
line-height: 2.5rem;	
font-weight: 600;	
}
.contents-blog h3{
color: rgba(50, 165, 185,1);		
margin: 0rem auto 0rem 0.5rem;
padding: 0rem;
text-align: left;	
font-size: 2rem;	
line-height: 2.5rem;	
font-weight: 600;	
}	
.contents-blog h5{
color: #333;	
margin: 0rem auto 0rem 0.5rem;
padding: 0rem;
text-align: left;	
font-size: 1.8rem;	
font-weight: 600;	
}		
.contents-blog li{
color: #555;	
margin: 0rem auto 0.5rem 0.5rem;
padding: 0rem;
text-align: left;	
font-size: 1.3rem;
line-height: 1.6rem;	
font-weight: 600;	
text-indent: 0rem;		
}	
.left li{
font-weight: 600;
	width: 650px;	
color: #555;	
}		
.contents-blog-bg .left p{
font-weight: 600;	
font-size: 2rem;	
color: #ff6464;	
margin: 2rem auto 0rem auto;
	
}		
.contents-blog-bg{
max-width: 100%;
margin: 0 auto 0rem auto;
padding: 3rem;
background-color: rgba(50, 165, 185,0.1);	
}
.contents-blog-bg p{
font-size: 1.1rem;	
margin: 0rem auto 0rem auto;
padding: 0rem 0.5rem 0rem 0rem;
text-align: center;	
}	
.contents-blog-bg li{
width: 600px;		
text-align: left;	
font-weight: 600;
color: #333;	
list-style: none;
margin: 2rem auto 2rem auto;
padding: 0rem 0.5rem 0rem 0rem;
font-size: 1.2rem;	
line-height: 1.5rem;
text-indent: -1rem;	

}		
.contents-blog-bg h4{
color:#10589e;
margin: 1rem auto 2rem auto;
padding: 0.5rem 4rem 0.5rem 0rem;
text-align: center;	
font-size: 2rem;
line-height: 2.5rem;	
font-weight: 600;	
}
.contents-blog-bg h3{
color: rgba(50, 165, 185,1);		
margin: 0rem auto 0rem 0.5rem;
padding: 0rem;
text-align: left;	
font-size: 2rem;	
line-height: 2.5rem;	
font-weight: 600;	
}	
.contents-blog-bg h5{
color: #333;	
margin: 0rem auto 0rem 0.5rem;
padding: 0rem;
text-align: left;	
font-size: 1.8rem;	
font-weight: 600;	
}		
		
.contents-blog img{
margin: 0rem auto 3rem auto;
padding: 0rem;	
}	

	
/*記事-----------------------*/
.blog-flex{
max-width: 960px;	
flex-wrap: wrap; /* 画面幅に合わせてカラム落ちさせる */
display: flex;
justify-content: space-between;
align-items: top
}	
.blog-effect{
width: 24%;	
margin: 2rem auto  0rem auto;
padding: 0rem 0rem 0.5rem 0rem;	
border:solid 1px #ccc;
text-align: center;
}	
/* 最後のコンテンツを左寄せにする指定 */
.blog-flex:after {
content: "";
display: block;
width: 75.4%;  /* .boxに指定したwidthと同じ幅を指定する */
height: 0;
margin: 0rem 0  0rem 0rem;	
}
	

/**コラム--------*/
.center p{
text-align: center;
margin: 0rem auto;	
}		
	
.blog-flex{
display: flex;
margin: 0rem auto 0rem auto ;	
}	
.blog-flex p{
margin: 0rem auto 1rem auto;
padding: 0rem 1rem 0rem 1rem;
text-align: left;	
text-align: justify;		
}	
.blog-flex li{
margin: 0rem auto 1rem auto;
padding: 0rem 1rem 0rem 1.5rem;
text-align: left;	
text-align: justify;
font-weight: 600;	
color: #333;	
font-size: 1.4rem;
line-height: 2rem;	
text-indent: -1.5rem;	
width: 100%;	
}	


.blog-flex h5{
color: #333;	
margin: 0rem auto 0rem 0.5rem;
padding: 0rem;
text-align: left;	
font-size: 1.8rem;	
font-weight: 600;	
}		

	
.blog-flex h4{
width: 90%;
color: #10589e;
font-size: 1.1rem;
line-height: 1.6rem;	
border:solid 1px #10589e; 	
padding: 0.75rem 0.5rem 0.5rem 0.5rem;
margin: 1rem auto;
text-align: center;
}
.blog-flex h3{
width: 100%;
color: #ff6464;
font-size: 1.3rem;
line-height: 1.6rem;		
padding: 0.1rem 1rem 0rem 1rem;
margin: 1rem auto;
margin: 0 auto;
text-align: left;
}	
	
	
	
.blog img{
margin: 0rem auto 3rem auto;
padding: 0rem;	
}	
	

.blog-effect-b{
width: 24%;	
margin: 0rem auto  0rem auto;
}	
.blog-effect img{
margin: 0rem auto  -2rem auto;	
padding: 0rem;
text-align: center;	
}	
.contents-blog .blog-flex .blog-effect h4{
text-align: center;
white-space: nowrap;	
margin: 0.5rem auto  0rem auto;	
padding: 0;	
color:#10589e;
font-weight: 600;	
font-size:1.1rem;	
line-height: 1.5rem;
border:none;
}
.contents-blog .blog-flex .blog-effect h5{
text-align: left;	
margin: 0.5rem 0 0.5rem 3.75rem;
padding: 0em 0rem 0rem  0rem;
color:#777;
font-weight: 500;	
font-size: 1.1rem;	
}			
.contents-blog .blog-flex .blog-effect p{
margin: 0rem auto  0rem auto;	
padding: 0em  1rem 1rem  1rem;
text-align: left;	
text-align: justify;	
font-size: 1.1rem;		
}
	
.contents-blog .blog-flex .blog-effect  a {
margin: 0rem auto 0rem auto;
padding: 0;	
text-align: center;	
color: #10589e;
font-weight: 600;
font-size: 1.1rem;	
}		

}	
/* ページネーション------------------*/
.btn-nunber{
max-width: 960px;	
margin: 0rem auto 0 auto;		
}	
 .Pagination {
display: flex;
align-items: center;
margin: 0rem auto 5rem auto;
}
.Pagination ul li{
display: flex;
align-items: center;
margin: 0rem auto 0 auto;
}
		
.Pagination-Item-Link {
width: 36px;
height: 36px;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
overflow: hidden;
background: #fefef6;
border: solid 2px rgba(50, 165, 185,1);
font-size: 14px;
color: rgba(50, 165, 185,0.7);
font-weight: bold;
transition: all 0.15s linear;
}
.Pagination-Item-Link-Icon {
width: 20px;
}
.Pagination-Item-Link.isActive {
background: rgba(50, 165, 185,1);
color: #fefef6;
pointer-events: none;
}
.Pagination-Item-Link:not(.isActive):hover {
background: rgba(50, 165, 185,1);
color: #fefef6;
}
.Pagination > * + * {
margin-left: 8px;
}
/*----------------------*/	
.btn-Related-pages a{
color:#fefef6;
font-size: 2rem;  
padding: 0rem 0rem 0rem 0rem;
margin: 0.5rem auto 1rem auto;

letter-spacing: 0.1rem;	
font-weight: 600;
text-shadow: 1px 3px 0px rgba(50, 165, 185,1);
}	

.btn-Related-pages{
border-radius: 10px;
padding: 0rem 0rem 0rem 1rem;
margin: 3rem auto 2rem auto;
background-color:#63bfd8 ;
width: 96%;
height: 50px;
text-align: center;
letter-spacing: 0.1rem;	
border: solid 2px rgba(50, 165, 185,1);
}

.btn-Related-pages:hover{
border-radius: 10px;
padding: 0rem 0rem 0rem 1rem;
margin: 3rem auto 2rem auto;
background-color: rgba(51,166,184,0.8);
}	
.blog-x{
display: flex;
}
	
.blog-x-left,.blog-x-right{
padding: 0rem 2rem 0rem 0rem;
margin: 0rem 1rem 0rem 1rem;
width: 48%;	
}
.blog-x-left, h5{ 
color:rgba(50, 165, 185,1); 	
text-indent: -2.7rem;
}	
.blog-x-center h5{ 
color:rgba(50, 165, 185,1); 	
}	
.blog-x-right h5{ 
color:rgba(50, 165, 185,1); 	
}		
.blog-x-left,.blog-x-center,.blog-x-right p{ 
color:#333; 	
}	
	
.blog-btn{
width: 80%;	
display: flex;
margin: 5rem auto;
text-align: center;	
}	

.blog-btn h3 a{
background-color:#10589e;
color: #fff;	
font-size: 2rem;
margin: 0 auto;
border: solid 1px #10589e;
border-radius: 6px;
padding: 1.5rem 3rem 1rem 5rem	
}		
.blog-btn .line h3 a{
background-color:#327E23;
color: #fff;	
font-size: 2rem;
margin: 0 1.5rem 0 0;
border: solid 1px #327E23;
border-radius: 6px;
padding: 0.5rem 6.75rem 0.5rem 6.75rem
}		
.blog-btn .mail h3 a{
background-color:#10589e;
color: #fff;	
font-size: 2rem;
margin: 0 auto;
border: solid 1px #10589e;
border-radius: 6px;
padding: 0.5rem 6.75rem 0.5rem 6.75rem
}		

/*--------------------------*/	
.back{
width: 80%;	
display: flex;
justify-content: center;	
margin: 5rem auto;
}	

.back h3 a{	
background-color:#10589e;
color: #fff;	
font-size: 2rem;
border: solid 1px #10589e;
border-radius: 6px;
padding: 0.5rem 10rem 0.5rem 10rem
}	
/*--リスト--------------*/	
.list {
width: 400px;	
font-weight: 600;	
margin: 3rem auto 3rem auto;
padding: 0rem 0rem 0rem 0;
text-align: left;	
text-align: justify;	
line-height: 2rem;
list-style: none;	
color: #555;	
text-indent: -1rem	
}	
.list li{
width: 600px;	
font-weight: 600;	
text-align: left;	
text-align: justify;	
list-style: none;	
color: rgba(0, 166, 90 ,1);  	
font-size: 1.2rem;	
line-height: 1.5rem;
margin: 0rem 0rem 0rem -3rem;
padding: 0rem 0rem 1rem 0rem;
text-indent: -1.2rem;	
}	
.list-nega {
width: 400px;	
font-weight: 600;	
margin: 3rem auto 3rem auto;
padding: 0rem 0rem 0rem 0;
text-align: left;	
text-align: justify;	
line-height: 2rem;
list-style: none;	
color: #555;	
text-indent: -1rem	
}		
.list-nega li{
width: 500px;	
font-weight: 600;	
margin: 0rem auto 0rem 0rem;
padding: 0rem 0rem 1rem 0rem;
text-align: left;	
text-align: justify;	
line-height: 2rem;
list-style: none;	
color: #87367D;  	
text-indent: -2.5rem	
}		

.faq{
width: 600px;
margin: 0 auto;
}	
.faq li	{
font-weight: 600;	
text-align: left;
margin: 1rem auto 1rem auto;
text-indent	:-1.25rem;
font-size: 1.1rem;	
line-height: 1.5rem;
	
}



.contents-6 li{
width: 60%;
color: #555;
font-size: 1.1rem;
padding: 0.1rem 0rem 0rem 0rem;
margin: 1rem;
margin: 0 auto;
text-align: left;	
font-weight: 600;	
}	

/*#11---------------*/
.check{
width: 65%;
margin: 1rem auto;
}
.check h3{
text-align: left;
color: #10589e;
font-size: 1.3rem;	
}	
.check p{
text-align: left;
padding: 0.5rem 0rem 3rem 3rem;	
}	




	
	
}