@charset "utf-8";

/* 他：デザインスタイル
 * **************************************************
 * Element [ 他 ]
 * **************************************************
 */

 /* スペース：リセット */
#subPage #content .main h1 + h2{
  margin-top:0;
}
/* Media Queries 切替 */
@media all and (max-width: 640px) {
	#subPage #content p img{
		height:auto;
		width: 98%;
		max-width: 98%;
	}
}

 /* レイアウト */
#subPage.written #content .main {
	position:relative;
	padding: 0 0 20px 0;
	width: 100%;
}

/* 申請書：テーブル */
#subPage #content .main table.wrtApp {
}
#subPage #content .main table.wrtApp th {
	background-color: #EEFF99;
	vertical-align: middle;
	word-break:break-all;
}
#subPage #content .main table.wrtApp td {
	text-align:left;
	vertical-align: left;
	word-wrap: break-word;
}
#subPage #content .main table.wrtApp td.number {
	padding: 2px;
	width: 70px;
	text-align:center;
}
#subPage #content .main table.wrtApp td.hizuke {
	padding: 2px;
	width: 140px;
	text-align:center;
}
#subPage #content .main table.wrtApp td img {
	vertical-align:bottom;
}
#subPage #content .main table.wrtApp td.no {
	padding: 2px;
	width: 20px;
	text-align:center;
	background-color: #f6f6ee;
}
#subPage #content .main table.wrtApp td.meisyou {
	text-align:left;
	background-color: #f6f6ee;
	width: auto;
}
/* Media Queries 切替 */
@media all and (min-width: 641px) {
	#subPage #content .main table.wrtApp {
	}
	#subPage #content .main table.wrtApp th {
		background-color: #EEFF99;
		vertical-align: middle;
		text-align:center;
		white-space:nowrap;
	}
	#subPage #content .main table.wrtApp td {
		text-align:left;
		vertical-align: left;
	}
	#subPage #content .main table.wrtApp td.number {
		padding: 2px;
		width:180px !important;
		text-align:center;
	}
	#subPage #content .main table.wrtApp td.hizuke {
		padding: 2px;
		width:180px !important;
		text-align:center;
	}
	#subPage #content .main table.wrtApp td img {
		vertical-align:bottom;
	}
}

/* ======================================
　Element [申請書ダウンロード ]
====================================== */
 /* SP：見出し背景 */
 #subPage #content .main h1 {
 	background: url(../images/headline/bg_sp_index_h1.jpg) repeat-x left top;
	border-bottom:1px solid #c1c1c1;
	font-size: 123.1%;
	color: #669800;
 }

	#subPage.koukoku #content .main h1{
	}
	#subPage.koukoku #content .main h1 span.written{
	}
	#subPage.koukoku #content .main h1 span.file{
		display:block;
		margin-top:1em;
		font-size:75%;
	color: #000;
	}

 #subPage #content .main p.noteTodoke {
		margin: 0 2%;
		padding-left:1em;
		text-indent:-1em;
		font-size:93%;
	}
 #subPage #content .main h1 span.written {
	padding: 5px 0 5px 40px;
 	background: url(../images/headline/h1_index.png) no-repeat 3px center;
 	line-height: 125%;
 }
#subPage #content .main h2 {
	text-indent:-1.1em;
	padding-left:1.3em;
	background: url(../../images/headline/bg_dt_h2.jpg) repeat-x left bottom;
	border-top:1px solid #e5e5e5;
	border-bottom:1px solid #c1c1c1;
}
#subPage #content .main h2 span {
	padding: 6px 0 3px 40px;
	background: url(../images/headline/mark_h2_written_application.gif) no-repeat 8px center;
}
#subPage #content .main h3 {
}
/* Media Queries 切替 */
@media all and (min-width: 641px) {
	#subPage #content .main h1 {
		background: none;
		border-bottom:none;
		width: 883px;
		position: relative;
		padding: 20px 0 20px 27px;
		min-height: 20px;
		height: auto!important;
		height: 20px;
		font-size: 189%;
		color: #000000;
	}
	#subPage #content .main p.noteTodoke {
		width:600px;
		margin: 0 auto;
	}
	#subPage #content .main .h1foot {
		background: url(../images/headline/bg_dt_h1_written_application_line.png) no-repeat top left;
		width: 910px;
		margin-bottom: 10px;
	}
	/* 申請書ダウンロード */
	#subPage #content .main h1 span.written {
		line-height: 1em;
		padding: 10px 0 10px 50px!important;
		background: url(../images/headline/h1_index.png) no-repeat 10px center;
	}

	#subPage.koukoku #content .main h1{
		display:flex;
		flex-wrap:wrap;
		justify-content:space-between;align-items: center; 
	}
	#subPage.koukoku #content .main h1 span.written{
	}
	#subPage.koukoku #content .main h1 span.file{
		width:84%;
		font-size:57%;
	}


	#subPage #content .main .h2wrap{
		background: url(../images/headline/bg_dt_h2_written_application02.jpg) repeat-y top left;
		width: 910px;
	}
	#subPage #content .main h2 {
		text-indent:0;
		padding-left:0;
		background: url(../images/headline/bg_dt_h2_written_application01.jpg) no-repeat top left;
		width: 900px;
		min-height: 26px;
		height: auto!important;
		height: 26px;
		border: none;
		border-bottom: 1px solid #fff;
		vertical-align: middle;
		-webkit-border-radius: 8px;
		-moz-border-radius: 8px;
		border-radius: 8px;
		margin-top:20px;
		margin-bottom:10px;
	}
	#subPage #content .main h2 span {
		color: #fff;
		display: block;
		padding: 0.8em 0 0.5em 20px;
		background: none;
	}
	#subPage #content .main h2 span small {
		 font-size: 85%;
	}
}
