/*====================================================================================================
  SUBPAGE
====================================================================================================*/
#subpage { margin: auto; padding: 40px 0 80px; max-width: 1000px; overflow: hidden;}

/*---------------------------------------------------------------------------
  PAN
---------------------------------------------------------------------------*/
.pan {
	clear:both;
	padding: 0.5% 0;
	color:#222;
	font-size: 90%;
	overflow: hidden;
}
.pan ul { margin: auto; max-width: 1000px;}
.pan ul li { float: left;}
.pan ul li+li {
	padding-left: 35px;
	background: url("../img/arrow_e.svg") no-repeat 5px center;
}
.pan a {color: #222; text-decoration:none;}
.pan a:hover {color: #AB1F25;}

/*---------------------------------------------------------------------------
  PAGE TITLE
---------------------------------------------------------------------------*/
h1.sb_tit {
	clear:both;
	display:block;
	padding:50px 0;
	font-family:"Noto Serif JP";
	font-size:242.44%;
	color:#242323;
	text-align: center;
	background:#E6E7E8 url(../../img/sbpage/page_tit.svg) no-repeat center bottom;
	line-height:100%;
}



/*---------------------------------------------------------------------------
  LIST
---------------------------------------------------------------------------*/
#subpage .list {
	clear:both;
	margin:15px 0;
}
#subpage .list p { position:relative; background:#eee;}
#subpage .list p+p { margin-top:15px;}
#subpage .list p a {
	display:block;
	padding:15px 15px 15px 45px;
	font-size:120%;
	font-weight:bold;
	color:#444;
	text-decoration:none;
	background:#EFEFEF url(../img/link_arrow.png) no-repeat 20px center;
}
#subpage .list p a:hover { color: #fff; background-color:#1F9F9C;}


/*---------------------------------------------------------------------------
  UPDATE
---------------------------------------------------------------------------*/
#subpage .updata { margin: 10px 2%; padding-bottom: 10px; text-align: right; margin-bottom: 50px; border-bottom: 2px solid #ddd;}


/*---------------------------------------------------------------------------
  MIDASHI
---------------------------------------------------------------------------*/
#subpage h2 {
	position: relative;
	clear:both;
/*	margin:0 2% 20px; */
	margin:20px 0 20px;
	padding:20px 30px;
	font-family:"Noto Serif JP";
	font-size:137.5%;
	color:#087F83;
	border: 4px solid #00ACB2;
}
#subpage h2 span { position: absolute; top: -40px; right: 0;}

#subpage h3 {
	clear:both;
/*	margin:40px 2% 20px; */
	margin:20px 0 20px;
	padding:15px 30px;
	font-family:"Noto Serif JP";
	font-size:137.5%;
	color:#000;
	border: 1px solid #000;
}
#subpage h4 {
/*	margin:40px 2% 20px; */
	margin:20px 0 20px;
	padding:0 25px 20px;
	font-family:"Noto Serif JP";
	font-size:137.5%;
	color:#087F83;
	border-bottom:3px solid #00ACB2;
	clear:both;
}
#subpage h5 {
/*	margin:40px 2% 20px; */
	margin:20px 0 20px;
	padding:0 25px;
	font-size:137.5%;
	font-family:"Noto Serif JP";
	color:#087F83;
	border-left:5px solid #00ACB2;
	clear:both;

}


/*---------------------------------------------------------------------------
  COMMENT
---------------------------------------------------------------------------*/
#subpage .comment { margin:0 2% 40px;}


/*---------------------------------------------------------------------------
  PHOTO
---------------------------------------------------------------------------*/
#subpage .photo-l { float:left; margin-right:20px;}
#subpage .photo-r { float:right; margin-left:20px;}
#subpage .photo-c { clear:both; text-align:center;}
#subpage .photo-l p,
#subpage .photo-r p,
#subpage .photo-c p { padding: 0 0 5px;} 
#subpage .photo-l2 { float:left;}
#subpage .photo-r2 { float:right;}
#subpage .photo-l2 p { float:left; margin-right:20px;}
#subpage .photo-r2 p { float:left; margin-left:20px;}
#subpage .caption { font-size:80%; text-align:center;}


/*---------------------------------------------------------------------------
  LIST
---------------------------------------------------------------------------*/
#subpage ul {
	clear:both;
/*	margin:15px 2%; */
	margin:15px 1%;
}
#subpage ul li {
	padding: 2px 0 2px 20px;
	background: url(../img/list_arrow.png) no-repeat left 14px;
}
#subpage ol {
	clear:both;
/*	margin:15px 2%; */
	margin:15px 1%;
	padding:0 2%;
	list-style-type: decimal;
}
#subpage ol li {
	padding: 2px 0 2px;
	list-style-type: decimal;
}


/*---------------------------------------------------------------------------
  HYOU
---------------------------------------------------------------------------*/
#subpage table {
/*	margin:20px 2%; */
	margin:20px 0;
/*	width:96%; */
	border-right:1px solid #CCC;
	border-bottom:1px solid #CCC;
	border-collapse: separate;
	border-spacing: 0;
}
#subpage table th, #subpage table td {
	padding: 10px;
	border-top:1px solid #CCC;
	border-left:1px solid #CCC;
}
#subpage table th {
	background:#EEE;
	font-weight:bold;
	text-align:center;
}


/*---------------------------------------------------------------------------
  LINK
---------------------------------------------------------------------------*/
#subpage .icon-pdf,
#subpage .icon-word,
#subpage .icon-excel,
#subpage .icon-link { margin:0; padding: 5px 0 5px 25px;}
/*#subpage .icon-link { margin:0 2%; padding: 5px 0 5px 25px;} */

#subpage .icon-pdf {background: url(../img/icon-pdf.jpg) no-repeat left 10px;}
#subpage .icon-word { background: url(../img/icon-word.jpg) no-repeat left 10px;}
#subpage .icon-excel { background: url(../img/icon-excel.jpg) no-repeat left 10px;}
#subpage .icon-link { background: url(../img/link_arrow.png) no-repeat 0 10px;}


/*---------------------------------------------------------------------------
  BOX
---------------------------------------------------------------------------*/
/* BOX1 */
#subpage .box1 { clear:both; margin:0 2% 40px; overflow: hidden;}

/* BOX2 */
#subpage .box2 { clear:both; margin:0 2% 40px; padding:20px; background:#f6f6f6; overflow: hidden;}
#subpage .box2 h3 { clear: none; margin:15px 0; padding: 0; font-size:140%; color:#087F83; background: none; border: none;}

/* BOX3 */
#subpage .box3 { clear:both; margin:0 2% 40px; padding:20px; border:1px solid #DFDFDF; overflow: hidden;}

/* BOX4 */
#subpage .box4 {overflow: hidden;}
#subpage .box4 .box {
	float:left;
	width:46%;
	margin:0 2% 40px;
	padding:20px;
	background:#f6f6f6;
}
#subpage .box4 h4 { margin:0 0; padding:0 0 15px; color:#087F83; font-size:120%; border-bottom:2px solid #11999E;}
#subpage .box4 p { padding:10px 0 0 !important; }
#subpage .box4 p img { width: 100%; height: auto; }
#subpage .box4 .bo {}
#subpage .box4 .bo a {
	display:block;
	padding:10px;
	font-size:120%;
	font-weight:bold;
	color:#FFF;
	text-align:center;
	text-decoration:none;
	background:#11999E;
	border-radius:5px; /* CSS3 */
	-webkit-border-radius:5px; /* Safari,Google Chrome */
	-moz-border-radius:5px;/* Firefox */
	transition:.3s;
}
#subpage .box4 .bo a:hover { opacity: 0.5;}


/*---------------------------------------------------------------------------
  Contact
---------------------------------------------------------------------------*/
#subpage .contact {
	margin: 40px 2%;
	padding: 20px 25px;
	background:#EFEFEF;
	overflow: hidden;
}
#subpage .contact .come { float:left; width:calc(100% - 300px);}
#subpage .contact .bo {
	width: 300px;
	padding-left:70px !important;
	height: 90px;
	overflow: hidden;
}
#subpage .contact .bo a {
	position: relative; top:10px;
	display: block;
	padding: 5px 10px;
	color: #C71825;
	text-align: center;
	border:2px solid #C71825;
	background: #fff;
	border-radius: 10px;
}

/* 2022/11/25 ADD [S] */
#subpage .dsptable{
	overflow-y:hidden !important;
}
/* 2022/11/25 ADD [E] */