@charset "utf-8";

html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p,
blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd,
q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video{
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	font-weight:normal;
	font-style:normal;
	vertical-align:baseline;
	background:transparent;
}
article, aside, figure, footer, header, hgroup, nav, section{display:block;}

img,
object,
embed{max-width:100%;}

html{overflow-y:scroll;}
ul{list-style:none; line-height:30px;}
blockquote, q{quotes:none;}
blockquote:before,
blockquote:after,
q:before,
q:after{content:''; content:none;}
a{margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent;}
del{text-decoration:line-through;}
abbr[title], dfn[title]{border-bottom:1px dotted #000; cursor:help;}
table{border-collapse:collapse; border-spacing:0;}
th{font-weight:bold; vertical-align:top;}
td{font-weight:normal; vertical-align:top;}
hr{display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0;}
hr.LineDushed {height: 1px; border: none; border-bottom: 1px dashed #999;}
input, select{vertical-align:top;}
pre{
	white-space:pre; /* CSS2 */
	white-space:pre-wrap; /* CSS 2.1 */
	white-space:pre-line; /* CSS 3 (and 2.1 as well, actually) */
	word-wrap:break-word; /* IE */
}
input[type="radio"]{vertical-align:text-bottom;}
input[type="checkbox"]{vertical-align:bottom; *vertical-align:baseline;}
select, input, textarea{font:99% sans-serif;}
table{font-size:inherit; font:100%;}
a:hover, a:active{outline:none;}
strong, th{font-weight:bold;}
td, td img{vertical-align:top;margin-bottom:2px;margin-right:2px;}
sub, sup{font-size:70%; line-height:0; position:relative;}
sup{top:-0.5em;}
sub{bottom:-0.25em;}
pre, code, kbd, samp{font-family:monospace, sans-serif;}
.clickable,
label,
input[type=button],
input[type=submit],
button{cursor:pointer;}
button, input, select, textarea{margin:0;}
button{width:auto; overflow:visible;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
img {vertical-align:top; font-size:0; line-height: 0;}
.clear:before,.clear:after{content:" "; display:table;}
.clear:after{clear:both;}
.clear{*zoom:1;}

a[name],
a[id] {
  scroll-margin-top: 82px;
}
@media screen and (max-width: 767px) {
	a[name],
	a[id] {
		scroll-margin-top: 60px;
	}
}
#main-contents {
	width: auto;
	margin: 0;
}
article.contents ul:after {
	display: block;
	clear: both;
	content: "";
}
article.contents #main-contents {
	text-align: left;
	width: 865px;
}
article.contents h1 {
	text-align: center
}
article.contents h1.ttl-lv01 {
	position: relative;
	padding-bottom: 10px;
	font-size: 38px;
	line-height: 120%;
	text-align: left;
}
article.contents h3 {
	text-align: center
}
article.contents h3.ttl-lv03 {
	text-align: left;
	color: #1c50a1;
	line-height: 125%;
	border-left: 10px solid #1c50a1;
	color: #444444;
}
article.contents h4.ttl-lv04 {
	text-align: left;
	line-height: 125%;
	color: #444444;
	border-left: 5px solid #1c50a1;
}
article.contents h4.square:before {
	display: none;
}
@media screen and (max-width:990px) {
	/* サイドメニューの順番入れ替え */
	article.contents {
		display: -webkit-flex;
	    display: flex;
	    -webkit-flex-wrap: wrap;
	    flex-wrap: wrap;
	}
	#main-contents {
		order: 1;
	}
	/*
	#side-contents {
		order: 2;
	}
    */
	/*
	* コンテンツ
	*/
	article.contents {
		width: auto;
		margin: 0 auto 150px;
	}
	article.contents:after {
		display: block;
		clear: both;
		content: "";
	}
	#main-contents {
		width: auto;
		margin: 0px 0 150px;
	}
	
	/*
	* 下層コンテンツ
	*/
	article#entry.contents {
		margin: 0 auto 50px;
		padding: 0 14px;
	}
	article#entry.contents:after {
		display: block;
		clear: both;
		content: "";
	}
	article#entry #main-contents {
		float: none;
		width: auto;
		max-width: 100%;
	}
}

/******************************/
/* Mobile Layout: ～ 750px
/******************************/
@media screen and (max-width: 750px) {
	/*
 	* 共通
	*/
	article.contents {
		padding: 0;
	}
	#main-contents {
		width: 100%;
		margin: 0;
		padding-bottom: 0px;
	}
	/* カテゴリー枠レイアウト（全体） */
	article.contents ul:after {
		display: block;
		clear: both;
		content: "";
	}

	article.contents h1 {
		text-align: center
	}
	article.contents h1.ttl-lv01 {
		position: relative;
		margin-top: 0;
		font-size: 22px;
		font-size: 2.2rem;
		text-align: center;
	}
	article.contents h3 {
		text-align: center
	}
	article.contents h3.ttl-lv03 {
		text-align: left;
		line-height: 125%;
		color: #444444;
		border-left: 4px solid #1c50a1;
	}
	/*
	* 下層コンテンツ
	*/	
	article#entry.contents {
		display: -webkit-flex;
		display: flex;
		width: auto;
		max-width: 320px;
		margin: 0 auto;
		padding: 0;
	}
	article#entry #main-contents {
		-webkit-flex: 1;
		flex: 1;
		padding: 0;
		font-size: 12px;
		font-size: 1.2rem;
		box-sizing: border-box;
	}
}
/* Mobile Layout */

* {
	margin: 0;
	padding: 0;
}
html {
	overflow-y: scroll;
	font-size: 62.5%;
}
body {
	width: 100%;
	min-width: 320px;
	color: #444444;
	font-family: 'Noto Sans JP', -apple-system, BlinkMacSystemFont, 'Helvetica Neue', "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif; 
	font-size: 1.4em; 
	line-height: 1.6;
	-webkit-font-feature-settings: "palt";
	font-feature-settings: "palt";
	-webkit-text-size-adjust: 100%;	
}
h1, h2, h3, h4, h5, h6 {
	color: #444444;
}
a, p, li, dt, dd, th, td  {
	color: #444444;
	line-height: 30px;
}
@media screen and (max-width: 767px) {
	a, p, li, dt, dd, th, td  {
	    line-height: 2;
    }
}
img {
	max-width: 100%;
	height: auto;
	vertical-align: middle;
}
strong,
b {
	font-weight: bold;
}
.pc-none {
	display: none !important;
}
/*
* コンテンツ
*/
article.contents {
	position: relative;
	width: auto;
	margin: 0 auto;
}
article.contents:after {
	display: block;
	clear: both;
	content: "";
}
/******************************/
/* Mobile Layout: ～ 750px
/******************************/
@media screen and (max-width: 750px) {
	/* PC SP 非表示 */
	.pc-none {
		display: block !important;
	}
	.sp-none {
		display: none !important;
	}
}
* {
	-ms-word-break: break-all;
	word-break: break-all;
}
@media print, screen and (min-width: 768px) {
	#main-contents {
		margin-top: 0;
		float: right;
	}
}
.l-section {
	margin-bottom: 25px;
}
.l-section > :first-child {
    margin-top: 0;
}
@media print, screen and (min-width: 768px) {
	.l-section {
		margin-bottom: 50px;
	}
}
.ttl-lv01 {
	font-size: 22px;
	font-size: 2.2rem;
	font-weight: bold;
}

@media print, screen and (min-width: 768px) {
	.ttl-lv01 {
		font-size: 40px;
		font-size: 4rem;
	}
}
.ttl-lv02 {
	font-size: 20px;
	font-size: 2rem;
	font-weight: bold;
	color: #1c50a1;
	border-bottom: 1px solid #1c50a1;
	padding-bottom: 10px;
	width: fit-content;
}
.ttl-center {
	margin: 0 auto;
	text-align: center;
}
@media print, screen and (min-width: 768px) {
	.ttl-lv02 ,
	.ttl-lv02-center {
		font-size: 30px;
		font-size: 3rem;
	}
}
@media screen and (max-width: 767px) {
	.ttl-lv02 {
		text-align: center;
		width: 320px;
	}
}
.ttl-lv03 {
	font-size: 16px;
	font-size: 1.6rem;
	border-left: 4px solid #003399;
	padding-left: 15px;
}
@media print, screen and (min-width: 768px) {
	.ttl-lv03 {
		font-size: 24px;
		font-size: 2.4rem;
	}
}
.ttl-lv04 {
	font-size: 14px;
	font-size: 1.4rem;
	padding-left: 15px;
}
@media print, screen and (min-width: 768px) {
	.ttl-lv04 {
		font-size: 20px;
		font-size: 2rem;
	}
}
.square:before {
	content: "";
	width: 8px;
	height: 8px;
	display: inline-block;
	background-color: #003399;
	margin-right: 5px;
}
@media print, screen and (min-width: 768px) {
	.square:before {
		width: 15px;
		height: 15px;
		margin-right: 10px;
	}
}
*[class*="ttl-lv"] {
	margin-top: 40px;
	margin-bottom: 20px;
}
.question {
	margin: 15px 0;
	border: 1px solid #898989;
	border-left: none;
	border-right: none;
	padding: 0 3.125%;
}
.question:not(:last-of-type) {
	margin-bottom: 20px;
}
.question dt {
	position: relative;
	color: #444444;
	font-weight: normal;
	font-size: 14px;
	padding: 15px 0;
	padding-right: 3em;
	line-height: 30px;
}
.question dt span {
	position: absolute;
	top: 50%;
	right: 0px;
	transform: translateY(-50%);
	width: 30px;
	height: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.question dt span:after {
	content: "";
	display: block;
	width: 30px;
	height: 30px;
	background: url(/nw/shared/img/qaicon-plus.png) ;
	background-repeat: no-repeat;
	background-size: 30px 30px;
}
.question dt.open span:after {
	background: url(/nw/shared/img/qaicon-minus.png);
	background-repeat: no-repeat;
	background-size: 30px 30px;
}
.question dt:hover {
	cursor: pointer;
}
.question dd {
	display: none;
}
.question dd {
	border-top: 1px solid #c9c9c9;
	padding: 15px 0;
}
.question dt:before,
.question dd:before {
	display: inline-block;
	position: relative;
	width: 36px;
	height: 36px;
	margin-right: 20px;
	background: url(/nw/shared/img/qaicon-q.png);
	content: "";
    background-size: 36px 36px;
	background-repeat: no-repeat;
	vertical-align: top;
}
.question dd:before {
	background: url(/nw/shared/img/qaicon-a.png);
    background-size: 36px 36px;
}
.question dd p {
	display: inline-block;
	width: 720px;
}
.question dd .TextLeft {
	margin-top: 0;
}
@media print, screen and (min-width: 768px) {
	.question {
		padding: 0 25px;
	}
	.question dt {
		font-size: 14px;
		line-height: 30px;
	}
}
@media screen and (max-width: 767px) {
	.question {
	    padding: 0;	
	}
	.question dt {
  	    font-size: 12px;
		text-indent: -3.8em;
		padding-left: 3.8em;
		padding-right: 3.5em;
	}
	.question dt:before {
		margin-right: 10px;
	}
	.question dd p {
		width: 240px;
	}
}
/*text（本文）*/
.TextLeft {
	margin: 10px 0;
	text-align: left;
	line-height: 30px;
}
.TextCenter {
	margin: 10px 0;
	text-align: center;
    font-size: 16px;
    font-weight: 700 !important;
    line-height: 30px;
}
.TextRight {
	margin: 10px 0;
	text-align: right;
	line-height: 30px;
}
.TextLeft span ,
.TextCenter span,
.TextRight span {
	color: #1c50a1;
    font-weight: 700 !important;   
}
.ImgLeft {
	text-align: left;
	margin-top: 15px;
	margin-bottom: 15px;
}
.ImgCenter {
	text-align: center;
	margin-top: 15px;
	margin-bottom: 15px;
}
.ImgRight {
	text-align: right;
	margin-top: 15px;
	margin-bottom: 15px;
}
.ImgLeft img,
.ImgCenter img,
.ImgRight img {
	border-radius: 20px;
	padding: 20px;
	background: #FFFFFF;
}
@media screen and (min-width: 768px) {
	/*画像を右に配置*/
	.ImgFloatR,
	.ImgListFloatR {
		margin: 30px 0;
	}
	.ImgFloatR:after,
	.ImgListFloatR:after {
		clear: both;
		content: "";
		display: block;
	}
	.ImgFloatR .image,
	.ImgListFloatR .image {
		max-width: 49%;
	}
	.ImgFloatR .image,
	.ImgListFloatR .image {
		float: right;
		margin-left: 15px;
		margin-bottom: 15px;
	}
	.ImgFloatR .image img,
	.ImgListFloatR .image img {
		display: block;
		border-radius: 20px;
		padding: 20px;
		background: #FFFFFF;
	}
	/* 画像を左に配置 */
	.ImgFloatL,
	.ImgListFloatL {
		margin: 30px 0;
	}
	.ImgFloatL::after,
	.ImgFloatR::after,
	.ImgListFloatL::after,
	.ImgListFloatR::after {
		content: "";
		display: block;
		clear: both;
	}
	.ImgFloatL .image,
	.ImgListFloatL .image {
		max-width: 49%;
	}
	.ImgFloatL .image,
	.ImgListFloatL .image {
		float: left;
		margin-right: 30px;
		margin-bottom: 15px;
	}
	.ImgFloatL .image img,
	.ImgListFloatL .image img {
		display: block;
		border-radius: 20px;
		padding: 20px;
		background: #FFFFFF;
	}
	.ImgFloatL .text,
	.ImgListFloatL .text {
		float: left;
	}
}
@media screen and (max-width: 767px) {
	.ImgFloatR .image,
	.ImgFloatL .image,
	.ImgListFloatR .image,
	.ImgListFloatL .image {
		max-width: 70%;
		margin: 0 auto;
		text-align: center;
	}
	.ImgFloatR .text,
	.ImgFloatL .text,
	.ImgListFloatR .text, 
	.ImgListFloatL .text {
		padding: 15px 0;
		width: 100% !important;
	}
	.TextLeft,
    .TextCenter,
	.TextRight {
		margin: 10px auto;
		width: 320px;
		line-height: 2;
	}
    .ImgLeft,
	.ImgCentet,
	.ImgRight {
		margin: 15px auto 0;
		width: 320px;
	}
}
/* --------------------------------- table --------------------------------- */
	table.baseTable,
	table.commonTable,
	table.commontable {
		width: 100%;
/*		margin-bottom: 50px;	*/
		margin-bottom: 20px;
	}
	.baseTable td,
	.commonTable td,
	.commontable td {
		border: 1px solid #D3D3D3;
		padding: 20px 15px;
		vertical-align: middle;
		line-height: 1.5;
		box-sizing: border-box;
		background: #FFFFFF;
	}
	.commonTable td.header,
	.commontable td.header {
		text-align: center;
		background: #1c50a1;
		color: white;
	}
	.commonTable td.pink,
	.commontable td.pink {
		background: #f56c8e;
		color: #fff;
	}
	.commonTable td.green,
	.commontable td.green {
		background: #b4de92;
		color: black;
	}
	.commonTable td.blue,
	.commontable td.blue {
		background: #9ebff2;
		color: black;
	}
	.commonTable td.orange,
	.commontable td.orange {
		background: #fac682;
		color: black;
	}
	.commonTable td.gray,
	.commontable td.gray {
		background: #eaeaea;
		color: black;
	}
	.commonTable td.lightblue,
	.commontable td.lightblue {
		background: #e0eafd;
		color: black;
	}

.ttl-lv01 {
	color: #1c50a1; 
}
.ttl-lv03 {
	color: #444444;
    border-left: 10px solid #1c50a1;
}
.ttl-lv02, 
.ttl-lv04 {
	line-height: 120%;
}
.square:before {
    background-color: #4B6DCC;
}

/* ----- 囲みリスト ----- */
div.linkgroup {
	margin: 15px 0;
	padding: 15px 0;
	text-align: center;
	border: solid 1px #c9c9c9;
	border-left: none;
	border-right: none;
}
div.linkgroup ul li {
	display: inline-block;
	text-align: center;
}
div.linkgroup ul li a {
	position: relative;
	text-decoration: none;
}
div.linkgroup ul li a:before {
	position: absolute;
	display: block;
	top: 0;
	left: 7px;
	bottom: 0;
	width: 12px;
	height: 12px;
	margin: auto;
	content: "";
}
div.linkgroup ul li:nth-child(2n) {
	margin: 0 0 0 14px;
	padding: 0 14px 0 35px;
	border-left: solid 1px #000;
	border-right: solid 1px #000;
}
div.linkgroup ul li:last-child {
	border-right: none;
}

/* ----- 強調リンク ----- */
div.link_2line ul:after
div.link_5line ul:after {
	display: block;
	clear: both;
	content: "";
}
div.link_2line ul li.MarkTangle,
div.link_5line ul li.MarkTangle {
	margin-left: 0;
	list-style-image: none;
}
div.link_2line ul li,
div.link_5line ul li {
	position: relative;
	float: left;
	width: 173px;
	margin: 5px 0; 
	padding-right: 25px;
	box-sizing: border-box;
}
div.link_2line ul li:nth-child(2n) {
	padding-right: 0;
}
div.link_5line ul li:nth-child(5n) {
	padding-right: 0;
}
/*
div.link_2line ul li a:after,
div.link_5line ul li a:after {
	position: absolute;
	display: block;
	left: 0;
	bottom: -1px;
	width: 15px;
	height: 1px;
	border-bottom: solid 1px #898989;
	content: "";
}
*/
div.link_2line ul li a,
div.link_5line ul li a {
	position: relative;
	display:block;
	margin: 0;
	padding-left: 35px;
	text-indent: 0;
	/*padding-left: 72px;*/
	/*border-bottom: solid 1px #c9c9c9;*/
	text-decoration: none;
	line-height: 1.5;
}
div.link_2line ul li:before,
div.link_5line ul li:before {
	position: absolute;
	display: block;
	top: 2px;
	left: 7px;
	bottom: 0;
	width: 20px;
	height: 21px;
	margin: auto;
	content: "";
}
/* ----- 強調リンク（2列） ----- */
div.link_2line ul li {
	width: 50%;
}
@media screen and (max-width: 767px) {
	div.link_5line ul li {
		width: 50%;
		padding-right: 0;
	}
	div.link_5line ul {
		display: flex;
		flex-wrap: wrap;
	}
}
/* new 2line / 5line */
/*
.link_2line ul,
.link_5line ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

.link_2line ul:after,
.link_5line ul:after {
  content: "";
  display: block;
  clear: both;
}
.link_2line ul li.link-with-icon,
.link_5line ul li.link-with-icon {
  float: left;
  margin: 5px 0;
  width: 407px;
  height: 45px;
  box-sizing: border-box;
}
.link_5line ul li.link-with-icon {
  width: 173px;
  height: auto;
}
.link_2line ul li.link-with-icon a,
.link_5line ul li.link-with-icon a {
  display: flex;
  align-items: center;
  justify-content:flex-start;
  text-decoration: none;
  padding: 0 0 15px 15px;
  width: 341px;
  line-height: 20px;
}
.link_5line ul li.link-with-icon a {
  width: 143px;
}
.link-with-icon a .icon {
  margin-left: 10px;
  width: 20px;
  height: 20px;
}
@media (hover: hover) and (pointer: fine) {
	.link-with-icon a:hover .link-text {
        text-decoration: underline;
	}
}
@media screen and (max-width: 767px) {
	.link_2line ul li.link-with-icon {
        width: 320px;
	}
	.link_2line ul li.link-with-icon a {
		width: 280px;
	}
	.link_5line ul li.link-with-icon {
        float: left;
        width: calc(50% - 30px);
        margin: 5px 25px 5px 5px;
        box-sizing: border-box;
    }
}
*/
/* ----- image list ----- */
ul li.MarkBasic {
	text-indent: -2.5em;
    margin-left: 2.5em;
	background-repeat: no-repeat;
	background-position: left top;
	padding: 0px;	
}
ul li.MarkTangle {
    text-indent: -2.5em;
    margin-left: 2.5em;
	background-repeat: no-repeat;
	background-position: left top;
    padding: 0px;	
}
ul li.MarkAnchor {
    text-indent: -2.5em;
    margin-left: 2.5em;
	background-repeat: no-repeat;
	background-position: left top;
	padding: 0px;	
}
ul li.MarkNewwin {
    text-indent: -2.5em;
    margin-left: 2.5em;
	background-repeat: no-repeat;
	background-position: left top;
	padding: 0px;	
}
ul li.MarkPdfdoc {
    text-indent: -2.5em;
    margin-left: 2.5em;
	background-repeat: no-repeat;
	background-position: left top;
	padding: 0px;	
}
/* ----- basic list ----- */
ul li.DecimalNum {
	margin-left: 2em;
	list-style: decimal;
	padding: 0px 0px 10px 0px;	
}
ul li.LowerRoman {
	margin-left: 2em;
	list-style: lower-roman;
	padding: 0px 0px 10px 0px;	
}
ul li.UpperRoman {
	margin-left: 2em;
	list-style: upper-roman;
	padding: 0px 0px 10px 0px;	
}
ul li.LowerAlpha {
	margin-left: 2em;
	list-style: lower-alpha;
	padding: 0px 0px 10px 0px;	
}
ul li.UpperAlpha {
	margin-left: 2em;
	list-style: upper-alpha;
	padding: 0px 0px 10px 0px;	
}
ul li.MarkDisc {
	margin-left: 2em;
	list-style: disc;
	padding: 0px 0px 10px 0px;	
}
ul li.MarkCircle {
	margin-left: 2em;
	list-style: circle;
	padding: 0px 0px 10px 0px;	
}
ul li.NoneList {
	margin-left: 2em;
	list-style: none;
	padding: 0px 0px 10px 0px;	
}
ul li.MarkBasic:before {
	position: relative;
	display: inline-block;
	top: -2px;
	left: -5px;
	width: 20px;
	height: 21px;
	margin-left: 1em;
	background: url(/nw/shared/img/mark-dot.png);
	content: "";
	background-repeat: no-repeat;
	vertical-align: middle;
	background-size: 20px 21px;
}
ul li.MarkTangle:before {
	position: relative;
	display: inline-block;
	top: -2px;
	left: -5px;
	width: 20px;
	height: 21px;
	margin-left: 1em;
	background: url(/nw/shared/img/mark-arrow.png);
	content: "";
    background-repeat: no-repeat;
    vertical-align: middle;
	background-size: 20px 21px;
}
ul li.MarkAnchor:before {
	position: relative;
	display: inline-block;
	top: -2px;
	left: -5px;
	width: 20px;
	height: 21px;
	margin-left: 1em;
	background: url(/nw/shared/img/mark-anchor.png);
	content: "";
    background-repeat: no-repeat;
    vertical-align: middle;
	background-size: 20px 21px;
}
ul li.MarkNewwin:before {
	position: relative;
	display: inline-block;
	left: -5px;
	width: 20px;
	height: 21px;
	margin-left: 1em;
	background: url(/nw/shared/img/mark-newwin.png);
	content: "";
    background-repeat: no-repeat;
	vertical-align: middle;
	background-size: 20px 21px;
}
ul li.MarkPdfdoc:before {
	position: relative;
	display: inline-block;
	left: -5px;
	width: 20px;
	height: 21px;
	margin-left: 1em;
	background: url(/nw/shared/img/mark-pdf.png);
	content: "";
    background-repeat: no-repeat;
	vertical-align: middle;
	background-size: 20px 21px;
}
ul li.MarkNewwin a,
ul li.MarkPdfdoc a {
	text-decoration: underline;
}
ul li.MarkNewwin a:hover,
ul li.MarkPdfdoc a:hover {
	text-decoration: none;
}
/* ----- a ----- */
a.MarkTangle {
	display: inline-block;
	padding-left: 2em;
	background-repeat: no-repeat;
	background-position: left 50%;
}
a.MarkAnchor {
	display: inline-block;
	padding-left: 2em;
	background-repeat: no-repeat;
	background-position: left 50%;
}
a.MarkNewwin {
	display: inline-block;
	padding-left: 2em;
	background-repeat: no-repeat;
	background-position: left 50%;
	text-decoration: underline;
}
a.MarkPdfdoc {
	display: inline-block;
	padding-left: 2em;
	background-repeat: no-repeat;
	background-position: left 50%;
	text-decoration: underline;
}
a.MarkNewwin:hover {
	text-decoration: none;
}
a.MarkPdfdoc:hover {
	text-decoration: none;
}
a.NoneList {
	list-style: none;
}
a.MarkBasic {
	background-image: url(/nw/shared/img/mark-dot.png);
	background-size: 20px 21px;
    background-repeat: no-repeat;
}
a.MarkTangle {
	background-image: url(/nw/shared/img/mark-arrow.png);
	background-size: 20px 21px;
    background-repeat: no-repeat;
}
a.MarkAnchor {
	background-image: url(/nw/shared/img/mark-anchor.png);
	background-size: 20px 21px;
    background-repeat: no-repeat;
}
a.MarkNewwin {
	background-image: url(/nw/shared/img/mark-newwin.png);
	background-size: 20px 21px;
    background-repeat: no-repeat;
}
a.MarkPdfdoc {
	background-image: url(/nw/shared/img/mark-pdf.png);
	background-size: 20px 21px;
    background-repeat: no-repeat;
}

/* 注釈 */
.TextSmall {
	font-size: 14px;
	font-size: 1.4rem;
}
/* ページの先頭へ */
.toPageTop,
.AreaPageTop {
	clear: both;
	padding: 10px 8px 3px 0;
	text-align: right;
	width: 100%;
}
.toPageTop a,
.AreaPageTop a {
	position: relative;
	display: inline-block;
	padding-left: 18px;
	text-decoration: none;
}
.toPageTop a:before,
.AreaPageTop a:before {
	position: absolute;
	top: 3px;
	left: -5px;
	bottom: 0;
	width: 20px;
	height: 20px;
	margin: auto;
	background: url("/nw/shared/img/mark-page-top.png") no-repeat 0 0;
	content: "";
    background-repeat: no-repeat;
	background-size: contain;
	vertical-align: middle;
}
.toPageTop a:hover,
.AreaPageTop a:hover {
	text-decoration: underline;
}
/* もどる */
.PageBack {
	text-align: right;
}
.PageBack a {
	text-decoration: none;
}
.PageBack a:before {
    position: relative;
    display: inline-block;
    left: -5px;
    width: 20px;
    height: 20px;
    background: url(/nw/shared/img/mark-page-back.png);
    content: "";
    background-repeat: no-repeat;
	background-size: 20px 20px;
	vertical-align: middle;
}
.ClearBoth {
    clear: both;
    width: 100px;
    height: 1px;
}
/* お問い合わせ */
#toiawase section.main-inner {
	width: 1100px;
	margin: 0 auto;
	padding-top: 150px;
	padding-bottom: 60px;
	text-align: left;
}
#toiawase .l-section {
	text-align: left;
}
#toiawase div.banner a  {
	display: block;
	float: left;
	margin-right: 26px;
	margin-bottom: 26px;
	box-shadow: 2px 2px 4px 2px rgba(0,0,0,0.25);
}
#toiawase div.banner a:nth-of-type {
	margin-right: 0;
}
#toiawase div.banner:after {
	display: block;
	clear: both;
	content: "";
}
#toiawase .commonTable tr:first-child td {
	background-color: #D9D9D9;
}
@media screen and (max-width: 767px) {
	#toiawase section.main-inner {
		width: 320px;
		margin: 0 auto;
	}
	#toiawase section.main-inner {
		width: 320pxpx;
		margin: 0 auto;
	}
	#toiawase .ttl-lv01 {
		text-align: center;
	}
}
@media screen and (max-width: 767px) {
    /* 関連情報 */
	table.baseTable, 
	table.commonTable, 
	table.commontable {
		width: 100% !important;
	}
	/* youtube動画 */
	.movie-wrap {
    	width: 100%;
    	height: 48.1333vw;
    	overflow: hidden;
	}	
	.movie-wrap iframe {
		width: 100%;
		height: 100%;
		overflow: visible;
	}
}