@charset "utf-8";
/* CSS Document */
#page .top{
	height: 260px;
	border-bottom: 1px solid #ddd;
	margin: 0 0 60px; 
	position: relative;
}
#page .top .img{
  width: 100%;
  position: absolute;
  top: 0;
  right: 0;
  background-image: url(../img/page/backimg.png);
  background-size: cover;
  background-position: center;
  padding: 259px 0 0 0;
  transform: scale(-1, 1);
}
#page .top .text{
	width: 100%;
  position: absolute;
  top: 40%;
  left: 0;
  margin:0;
  padding:0;	
  z-index: 1;
}
.single-main{
	margin: 0 0 100px;
	font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;	
	font-size: 16px;
}
.single-main .block{
	max-width: 1000px;
}
.single-main h2.title{
    font-size: large;
    margin: 0 0 10px;

}

.single-main .content{
	margin: 30px 0 40px;
}
.single-main .content a{
	color:#0000ff;
	text-decoration:underline;
	margin: 20px 0 0;
}
.single-main .content a:hover{
	color:#333;
	text-decoration:none;
}

.single-main a img:hover{
	opacity: 0.5;
}





main h2.wp-block-heading {
    color: #000;/*文字色（黒）*/
    font-size: 18px;/*文字サイズ*/
    padding: 20px 10px;/*文字回りの余白（上下左右）*/
    display: block;
    border-top: 2px solid #000;/*上線（太さ 実線 色）*/
    border-bottom: 2px solid #000;/*下線（太さ 実線 色）*/
		margin: 0 0 30px;
}
/*H3見出し*/
main h3.wp-block-heading {
    color: #000;/*文字色（黒）*/
    font-size: 18px;/*文字サイズ*/
    padding: 10px 20px 10px 40px;/*文字回りの余白（上 右 下 左）*/
    display: block;
    position: relative;
		margin: 0 0 30px;
}
main h3.wp-block-heading:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 10px;/*線の間の幅*/
    height: 100%;/*線の高さ*/
    border-left: 2px solid #000;/*左線（太さ 実線 色）*/
    border-right: 2px solid #000;/*右線（太さ 実線 色）*/
    transform: skewX(-15deg);/*線の傾き*/
}
/*H4見出し*/
main h4.wp-block-heading {
    color: #000;/*文字色（黒）*/
    font-size: 16px;/*文字サイズ*/
    display: block;
    position: relative;
    padding: 10px 35px;/*文字回りの余白（上下 左右）*/
		margin: 0 0 30px;
}
main h4.wp-block-heading:before {
    font-family: FontAwesome;
    font-weight: 900;/*チェックマークの太さ*/
    font-size: 30px;/*チェックマーク部のサイズ*/
    color: #000;/*チェックマーク部の色（黒）*/
    left: 0;
    top: 0;
    content:"\f058";
    position: absolute;
}

/* ===============================
   レスポンシブ：768px以上（タブレット）
================================== */
@media (min-width: 768px) {
	#page .top{
		height: 360px;
	}
	#page .top .img{
	  width: 100%;
	  padding: 359px 0 0 0;
	}
	#page .top .text{
	  top: 34%;
	}
	#page .top h2{
	  font-size: xxx-large;	
	}
	.single-main{
		font-size: 18px;
	}
	.single-main h2.title{
	  font-size: x-large;	
			margin: 0 0 10px;
	}
	main h2.wp-block-heading {
	    font-size: 20px;/*文字サイズ*/
	}
}
/* ===============================
   レスポンシブ：992px以上（ノートPC以上）
================================== */
@media (min-width: 992px) {

}