@charset "utf-8";

@media screen and (max-width: 690px){
	
	
	
h2.common{
	font-size: 2.4rem;
	letter-spacing: 2px;
	padding: 45px 10px;
}
h2.common::before{
	width: 6px;
	height: 26px;
	left: calc(50% - 3px);
}
	
	

/**************************************************
 main
**************************************************/
main{
	width: 100%;
	padding: 0 20px 80px 20px;
}



/**************************************************
 article
**************************************************/
article h3{
	font-size: 2.0rem;
	letter-spacing: 1px;
	margin: 60px 0 0 0;
	padding: 7px 0 10px 10px;
	border-left: 7px solid #0056B8;
}
article h3::before{
	width: 7px;
	height: 10px;
	top: 0;
	left: -7px;
}
	
article h4{
	font-size: 2.0rem;
	letter-spacing: 1px;
	margin: 50px 0 0 0;
}

article h5{
	font-size: 1.7rem;
	letter-spacing: 1px;
	margin: 20px 0 0 0;
}

article h6{
	font-size: 1.5rem;
	letter-spacing: 1px;
	margin: 0;
}
	
article p.common{
	font-size: 1.5rem;
	padding: 40px 0 0 0;
}



/**************************************************
 works
**************************************************/
dl.works{margin: 20px 0 0 0;}
dl.works dt{width: 100%;}
dl.works dd{
	width: 100%;
	font-size: 1.4rem;
	margin: 20px 0 0 0;
	padding: 20px 0 0 0;
}



/**************************************************
 blog
**************************************************/
.blogInner{
	width: 100%;
	display: block;
}

.blogInner main{width: 100%;}
	
.entryInfo{
	font-size: 1.3rem;
	margin: 20px 0 0 0;
	padding: 10px 0 0 0;
}

.blogInner main p{
	padding: 30px 0 0 0;
	font-size: 1.5rem;
}

.blogIndex{margin: 20px 0 0 0;}
.blogIndex ul li{
	width: calc(50% - 10px);
	font-size: 1.3rem;
	margin: 20px 0 0 0;
}
.blogIndex ul li:nth-child(2n){margin: 20px 0 0 20px;}
.blogIndex ul li a small{
	font-size: 1.2rem;
	padding: 8px 0 6px 0;
}
.blogIndex ul li a span{
	width: 80px;
	font-size: 1.1rem;
}
	
.wp-block-image{
	margin: 10px 0 0 0;
	font-size: 1.3rem;
}

.profile{
	margin: 40px 0 0 0;
	padding: 15px;
	font-size: 1.4rem;
	display:-webkit-box;
  	display:-ms-flexbox;
  	display: block;
}
.profile img{
	display: block;
	width: 120px;
	margin: 0 auto 10px auto;
}
.profile span{
	display: block;
	width: 100%;
}

.pageNavi{
	margin: 50px 0 0 0;
	font-size: 1.4rem;
}

aside{
	/*width: calc(100% - 40px);*/
	width: 100%;
	margin: 0 auto 30px auto;
	padding: 0 20px;
}
aside ul{font-size: 1.5rem;}
aside ul li:last-child{border-bottom: none;}
	
	
	
/**************************************************
 form
**************************************************/
.form h3{
	font-size: 2.2rem;
	letter-spacing: 2px;
	padding: 50px 0 0 0;
}
.form p{
	font-size: 1.5rem;
	padding: 40px 0 0 0;
}
.form p.style1{
	text-align: left;
	padding: 30px 0 0 0;
}
.form p a{
	width: 80%;
	font-size: 1.7rem;
	margin: 40px auto 0 auto;
}

.ifHanger{
	margin: 50px 0 0 0;
	height: 1500px;
}
.ifHanger.dl{height: 1100px;}
	
	
	
/**************************************************
 download
**************************************************/
.docHanger{margin: 10px 0 0 0;}
.docHanger li{
	width: 100%;
	margin: 30px 0 0 0;
	font-size: 1.7rem;
}
.docHanger li:nth-child(2n){margin: 30px 0 0 0;}
.docHanger li a{padding: 15px;}
.docHanger li a small{font-size: 1.3rem;}
	
	

}