@charset "utf-8";

/* ---------------------------------------------
　layout modules
------------------------------------------------ */

/* base modules
------------------------------------------------ */
.content p,
.content ul,
.content dl,
.content ol,
.content table,
.content blockquote{
	margin: 20px 0 0;
	line-height:1.8em;
}

.content ul p, .content ul dl, .content ul ol, 
.content dl p, .content dl ul, .content dl ol, 
.content ol p, .content ol ul, .content ol dl, 
.content table p, .content table ul, .content table dl, .content table ol{
	margin: 0;
}

.content p img, .content dl img, .content ul img {
	vertical-align: middle;


}

.column-image-left,.column-image-center,.column-image-right { margin-top:20px !important; }

/* common modules
------------------------------------------------ */

.small    { font-size:87%;  }
.x-small  { font-size:78%;  }
.x-small.link  { font-size:60%; margin-left: 10px;  }

.large    { font-size:107%; }
.x-large  { font-size:158%; }

.attention{ color: #ee0000;   }
.bold     { font-weight:bold; }

.center{ text-align: center; }
.right { text-align:right;   }
.left  { text-align:left;    }

.float-l{ float: left;  }
.float-r{ float: right; }
.clear  { clear: both;  }

.img-l{ float:left;  margin:0 25px 10px 0; }
.img-r{ float:right; margin:0 0 10px 25px; }

.nowrap         { white-space:nowrap; }
.nomargintop    { margin-top: 0 !important; }
.content .nocss { margin:0; padding:0; border:none; background:none; }

/* --- anchor --- */

.anchor {
	background:url(../img/icon_arrow_pc.png) no-repeat 0 0.4em;
	padding-left:20px;
}

/* --- text-btn --- */

.text-btn,
input.text-btn02{
	clear:both;
	margin:20px 0 0;
	position:relative;
	display:inline-block;
}
.text-btn a{
	display:block;
	padding:10px 20px 10px 35px;
	background:#0068b7;
	color:#fff;
	text-decoration:none;
	border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
}

.text-btn a:hover{
	background:#43a0e7;
	color:#fff;
}

.text-btn:before{
	content: "";
    display: block;
    width: 0;
    height: 0;
    border-left: 7px solid #fff;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    position: absolute;
    top: 1.2em;
    left: 21px;
}

/* --- longtext-btn --- */

.longtext-btn{
	clear:both;
	margin:20px 0 0;
	position:relative;
	display:block;
}

.longtext-btn input{ width:100%;}
.longtext-btn a,
.longtext-btn input{
	display:block;
	padding:10px 10px 10px 35px;
	background-color:#0068b7;
	background-image:url(../img/icon_arrow_sp.png);
	background-size:12px 12px;
	background-position:15px 50%;
	background-repeat:no-repeat;
	color:#fff;
	text-decoration:none;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border:none;
}
.longtext-btn a:hover,
.longtext-btn input:hover{
	background-color:#43a0e7;
	background-image:url(../img/icon_arrow_sp.png);
	background-size:12px 12px;
	background-position:15px 50%;
	background-repeat:no-repeat;
	color:#fff;
}


/* --- ext icon --- */

a[href$='.xls'], a[href$='.xlsx']{
	background: url(../img/fileicon/xls_pc.png) no-repeat 100% 50%;
	padding-right: 25px;
}

a[href$='.doc'], a[href$='.docx']{
	background: url(../img/fileicon/doc_pc.png) no-repeat 100% 50%;
	padding-right: 25px;
}

a[href$='pdf']{
	background: url(../img/fileicon/pdf_pc.png) no-repeat 100% 50%;
	padding-right: 25px;
}

.t-month a[href$='pdf'],
.no-icon a[href$='pdf']{
	background-image: none;
	padding-right:0px;
}


a[href$='ppt']{
	background-image: url(../img/fileicon/ppt.png);
	background-size:21px 21px;
	background-repeat:no-repeat;
	background-position:100% 50%;
	padding-right: 25px;
}

/* izoom */

.izoom img{
	width:30px;
	height:30px;
}

.izoom a:after{
	content: "カレンダー" ;
	padding-left:5px;
}

td.izoom{
	vertical-align:middle;
	text-align:center;
}

/* bluebtn */

.bluebtn,
.bluebtn:link,
.bluebtn:visited,
.bluebtn:hover,
.bluebtn:active{
	display:inline-block;
	background:#0068b7;
	border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
	color:#fff;
	padding:2px 10px 2px 10px;
	margin-left:10px;
	text-decoration:none;
}

h2 a.bluebtn,
h2 a.bluebtn:link,
h2 a.bluebtn:visited,
h2 a.bluebtn:hover,
h2 a.bluebtn:active{
	display:inline-block!important;
	background:#0068b7;
	border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
	color:#fff!important;
	padding:2px 10px 2px 10px;
	margin-left:10px;
	text-decoration:none!important;
	font-size:14px;
}

/* --- openwin --- */

.openwin{ 
	padding-right: 15px;
	background:url(../img/icon_win.png) no-repeat right 0.5em;
}

/* ---　pagetop-in　 --- */

.pagetop-in {
	text-align:right;
}

.pagetop-in a {	
	background: url(../img/icon_pagetop_pc.png) no-repeat 0 50%;
	padding-left: 15px;
	font-size: 92%;
}

/* --- blockquote --- */

blockquote{
	border:1px solid #fff;
	padding:20px;
}

/* --- textcolor --- */

.color01{ color:#0068b7;}


/* --- ライン系 --- */

.bg-line{
	padding-bottom:20px;
	border-bottom:1px solid #d7d7d7;
}

/* --- line-square --- */

/* 路線noアイコン用 */
.line-square{
	border:1px solid #0068b7;
	padding:3px 5px 0px;
	margin:0 5px 0 0;
}

/* --- width --- */

.w10p{ width:10%;}
.w20p{ width:20%;}
.w23p{ width:23%;}
.w26p{ width:26%;}
.w27p{ width:27%;}
.w30p{ width:30%;}
.w37p{ width:37%;}
.w40p{ width:40%;}
.w47p{ width:47%;}
.w70p{ width:70%;}

.w9p-imp{ width:9%!important;}
.w33p-imp{ width:33%!important;}
.w40p-imp{ width:40%!important;}

/* ------ title -------------------------------- */

.content h1{
	padding:15px 20px 15px 28px;
	background:#f9f9f6;
	border:1px solid #cacaca;
	border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
	line-height:1.2;
	font-size:200%;
	color: #000000;
}

.content h1 span{
	font-size:78%;
}

.content h2{
	clear:both;
	margin:30px 0 0;
	padding:12px 14px 12px 28px;
	background:#dcf0ff;
	color:#0068b7;
	line-height:1.2;
	font-size:172%;
}
.content h2 a:link          { text-decoration:underline;color:#0068b7; }
.content h2 a:visited       { text-decoration:underline;color:#0068b7; }
.content h2 a:hover,a:active{ text-decoration:none;color:#0068b7; }


.content h3{
	clear:both;
	margin:30px 0 0;
	padding-left:30px;
	font-weight:bold;
	font-size:143%;
	border-bottom:1px solid #bdbdbd;
	background: url(../img/bg_title3.png) no-repeat 10px 0;
}

.content h3 .mapbtn{
	background:#0068b7 url(../img/icon_map_pc.png) no-repeat 8px 50%;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
	border-radius:5px;
	color:#fff;
	font-size: 85%;
	padding:1px 10px 0 20px;
	margin-left:10px;
}

.content h3 a.mapbtn{
	text-decoration:none;
}

.content h3 .itenbtn{
	background:#0068b7;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
	border-radius:5px;
	color:#fff;
	font-size: 85%;
	padding:1px 10px 0 10px;
	margin-left:2px;
}
.content h3 .itenbtn span{
	font-size: 65%;
}
.content h3 a.itenbtn{
	text-decoration:none;
}

.content h4{
	clear:both;
	font-weight:bold;
	margin:30px 0 0;
	padding-left:28px;
	color:#212121;
	font-size:143%;
	background:url(../img/bg_title4.png) no-repeat 0 0.5em;
}
.content h5{
	clear:both;
	font-weight:bold;
	margin:30px 0 0;
	padding-left:28px;
	color:#0068b7;
	font-size:129%;
	background:url(../img/bg_title5.png) no-repeat 0 0.5em;
}

/* ------ ul ----------------------------------- */


/* --- normal list --- */

.list li{
	position: relative;
	margin:0 0 5px;
	padding-left:1em;
}
.list li:before {
	display: block;
	content: '';
	position: absolute;
	top: .6em;
	left: 0;
	width: 5px;
	height: 5px;
	background-color: #1f57a4;
	border-radius: 100%;
}

.list li li:before {
	content: '';
	position: absolute;
	top: .6em;
	left: 0;
	width: 4px;
	height: 4px;
	background-color:#363636;
}

/* --- link list --- */


.link li {
	background:url(../img/icon_arrow_pc.png) no-repeat 0 0.4em;
	padding-left:20px;
	margin-bottom:5px;
}

.link li li {
	background:url(../img/icon_arrow_02.png) no-repeat 0 0.6em;
	padding-left:15px;
}


/* --- number list --- */

ol li {
	list-style-type:decimal;
	margin-left:25px;
	margin-bottom:5px;
}

ol ul li{
	list-style-type:none;
	margin-left:10px;
}

/* --- attention list --- */

.rice li{
	margin:0 0 5px 1em;
	text-indent:-1em;
}

/* --- compact list --- */

.compact li{
	display:inline;
	margin-right:10px;
}

/* --- within compact list --- */

.within {
	padding:25px 30px;
	border: 2px solid #e0e0e0;
	overflow:hidden;
}

.within li{
	float:left;
	background:url(../img/icon_arrow_within.png) no-repeat 0 0.4em;
	margin-right:25px;
	padding-left:18px;
}


.content ul ul, .content dl dl, .content ol ol {
	margin-top: 5px;
}

/* --- カテゴリ list --- */

.catelist{
	margin:0 auto;
	text-align:center;
}

.catelist li{
	margin-left:7px;
	font-size:12px;
	border-left:1px solid #333;
	padding:0 10px;
	margin:0 2px;
	display: -moz-inline-box;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	line-height:1;
}

.catelist li:first-child{
	border:none;
}

/* entry-navigation */

.entry-navigation{
	padding:10px;
}

.entry-navigation li{
	width:300px;
}

.entry-navigation .entry-old{
	float:left;
}

.entry-navigation .entry-new{
	float:right;
	text-align:right;
}

.entry-navigation .home{
	text-align:center;
	margin-top:-40px;
	font-size:116%;
}

.entry-navigation ul:after {
	visibility:hidden;
	display:block;
	font-size:0;
	content:" ";
	clear:both;
	height:0;
}
* html .entry-navigation ul             { zoom:1; } /* IE6 */
*:first-child+html .entry-navigation ul { zoom:1; } /* IE7 */

/* ------ dl ----------------------------------- */

/* --- normal list --- */

.list dt{
	color:#0068b7;
	font-weight:bold;
}

.list dd{
	margin:0 0 1em;
}

/* --- horizonal --- */

.horizonal dt {
  clear: left;
  float: left;
  width: 12em;
  padding:0 0 8px;
  color:#0068b7;
  font-weight:bold;
}

.horizonal dd {
  padding:0 0 8px 13em;
}

/* --- horizonal02 --- */

.horizonal02 dt {
	clear: left;
	float: left;
	width: 12em;
	padding:0 0 8px 1em;
	color:#0068b7;
	font-weight:bold;
	position:relative;
}

.horizonal02 dt:before {
	display: block;
	content: '';
	position: absolute;
	top: .6em;
	left: 0;
	width: 5px;
	height: 5px;
	background-color: #1f57a4;
	border-radius: 100%;
}

.horizonal02 dd {
	padding:0 0 8px 13em;
}

/* --- qalist --- */

.qalist dd{
	margin-bottom:60px;
}

.qalist dt{
	color:#0068b7;
	font-size:158%;
	margin-bottom:5px;
}

.qalist dt:first-letter{
	line-height: 1;
    float: left;
    margin: 0 .2em 0 0;
    padding: .1em 0;
	font-weight:bold;
}

.qalist dd{
	position:relative;
	padding:1em 0 0;
	font-size:108%;
	border-top:1px solid #bdbdbd;
	
}
.qalist dd:first-letter{
	line-height: 1;
    float: left;
    margin: 0 .2em 0 0;
    padding: .1em 0;
	color:#0068b7;
	font-size:158%;
	font-weight:bold;
}

/* --- boxlist --- */

.boxlist{
	border:1px solid #d7d7d7;
}

.boxlist dt{
	padding:10px 20px;
	background:#f6f6f6;
	border-bottom:1px solid #d7d7d7;
}
.boxlist dd{
	padding:10px 20px;
	color:#444444;
}

/* --- notelist --- */

.notelist{
	padding:15px 20px;
	border:1px solid #b5cee7;
}

.notelist dt{
	padding:0 0 5px 25px;
	color:#0068b7;
	font-weight:bold;
	font-size:108%;
	border-bottom:1px dashed #d7d7d7;
	position: relative;
}

.notelist dt:before {
	display: block;
	content: '';
	position: absolute;
	top: .4em;
	left: 2px;
	width:11px;
	height:11px;
	background-color: #0068b7;
}

.notelist dd{
	color:#444444;
	padding-top:5px;
}

/* --- second-list --- */

dl.accordion{
	float:left;
	width:340px;
	margin:30px 0 0 20px;
}

.accordion dt{
	margin-bottom:10px;
	background:#dcf0ff;
	border-radius: 5px;
	color:#0068b7;
	font-size:143%;
	font-weight:bold;
}

.accordion dt span{
	display:block;
	padding:15px 10px 10px 45px;
	/*background:url(../img/icon_arrow_01.png) no-repeat 15px 50%;*/
	background-size:17px 17px;
}

/* 20180131追加 */

div.accordion{
	float:left;
	width:340px;
	margin:30px 0 0 20px;
}

.accordion h2{
	margin:0 0 10px;
	padding:0;
	background:#dcf0ff;
	border-radius: 5px;
	color:#000;
	font-size:143%;
	font-weight:bold;
}

.accordion h2 span{
	display:block;
	padding:15px 10px 10px!important;
	/*background:url(../img/icon_arrow_01.png) no-repeat 15px 50%;*/
	background-size:17px 17px;
}

.accordion li a{
	display:block;
	padding:8px 82px 8px 35px;
	border-bottom:1px dashed #b8b8b8;
	background:url(../img/icon_arrow_pc.png) no-repeat 15px 1em;
}

dl.senon,
div.senon{ margin-left:0;}

.accordion ul li{
	position:relative;
}

.accordion li .icon-new{
	position:absolute;
	right:0;
	top:15px;
	display:inline-block;
	width:3em;
	text-align:center;
	background:#cc0000;
	color:#fff;
	line-height:1;
	padding:0;
	margin-left:1em;
}

/* ------ layout frame ------------------------- */

.content .layout-frame {
	clear: both;
	margin-left: -20px;
}

.content .layout-3col {
	margin-left: -15px;
}

.content .layout-4col {
	margin-left: -30px;
}

.content .layout-unit {
	float: left;
	display: inline;
	margin-left: 20px;
}

.content .layout-3col .layout-unit {
	margin-left: 15px;
}

.content .layout-4col .layout-unit {
	margin-left: 5px;
}

/* 760px */
.grid-1 { width: 70px; }
.grid-2 { width:130px; }
.grid-3 { width:190px; }
.grid-4 { width:240px; }
.grid-5 { width:310px; }
.grid-6 { width:370px; }
.grid-7 { width:430px; }
.grid-8 { width:500px; }
.grid-9 { width:550px; }
.grid-10{ width:610px; }
.grid-11{ width:670px; }




/* ------ table -------------------------------- */

table{
	border-collapse:collapse;
	border:1px solid #d7d7d7;
	width:100%;
	-webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;

}

caption{ visibility:hidden;}

table th,
table td{
	padding:15px 10px;
	vertical-align:top;
	border:1px solid #d7d7d7;
	text-align:left;
}

table th{
	background-color: #faf8f2;
	font-weight:bold;
	text-align:left;
}

table thead th,
th.head {
	text-align:center;
	background-color:#ece9e1;
	color:#5c5027;
}

/* --- noborder --- */

table.noborder,
table.noborder td,
table.noborder th{
	border:0;
	background: none;
}


/* --- tcenter --- */

table.tcenter td{
	text-align:center;
}

/* --- tright --- */

table.tright td,
.tright{
	text-align:right;
}

/* --- tdesign --- */

table.tdesign,
table.tdesign td,
table.tdesign th{
	border:0;
	background: none;
	text-align:left;
}

table.tdesign th{
	border-bottom:1px dashed #b8b8b8;
	color:#0068b7;
	position:relative;
	background:#fff;
}

table.tdesign th:before{
	display: block;
	content: '';
	position: absolute;
	top: 1.7em;
	left: 0;
	width: 5px;
	height: 5px;
	background-color: #1f57a4;
	border-radius: 100%;
}

table.tdesign td{
	border-bottom:1px dashed #b8b8b8;
	padding-right:0;
}

/* --- t-link --- */

table.t-link,
table.t-link td,
table.t-link th{
	border:0;
	background: none;
	text-align:left;
}

table.t-link th{
	border-bottom:1px dotted #b8b8b8;
	color:#0068b7;
	background:url(../img/icon_arrow_pc.png) no-repeat 0 1.5em;
	padding-left:20px;
	margin-bottom:5px;
}

table.t-link td{
	border-bottom:1px dotted #b8b8b8;
	padding-right:0;
}

table.t-link td .bluebtn{ margin-left:0;}


/* t-month */

table.t-month{table-layout:fixed;}

.t-month th,
.t-month td{
	padding:5px 0 5px 5px;
	text-align:center;
}

.t-month td a{
	display:block;
	height:100%;
}
.t-month td a span{
	font-size:78%;
}


/* .no-roop */

table.no-roop th{
	white-space: nowrap;
}

/* tdcolor */

.t-bg01{ background:#f6f6f6;}

.t-bg02{ background:#ffcc66;}

.t-bg03{ background:#dcf0ff;}


/* box系 */

.note-box{
	border:2px solid #d7d7d7;
	padding:15px 10px;
	margin:30px 0 0;
}

.note-box02{
	background:#eee;
	padding:25px;
	margin:30px 0 0;
	border-radius:5px;
}

.note-box p:first-child,
.note-box02 p:first-child,
.box-line p:first-child,
.box-line ul{
	margin-top:0;
}

.box-line{
	border:1px solid #d7d7d7;
	padding:10px 20px;
	margin-top:20px;
}

/* フロー図 */

.flow-box{
	background:#faf8f2;
	color: #5c5027;
	text-align: center;
	width: 100%;
	margin:20px auto 50px;
	padding:10px;
	border-radius:5px;
	position: relative;
	font-size:116%;
	border: 1px solid #d7d7d7;
}

.flow-box:before{
	content: "";
	position: absolute;
	bottom:-60px;
	left:47%;
	border: 20px solid transparent;
	border-top: 30px solid #d7d7d7;
}

.flow-lastbox{
	background:#faf8f2;
	color: #5c5027;
	text-align: center;
	width: 100%;
	margin:20px auto 50px;
	padding:10px;
	border-radius:5px;
	position: relative;
	font-size:116%;
	border: 1px solid #d7d7d7;
}

.content .flow-unit {
	float: left;
	display: block;
	margin-left:20px;
}

/* ---  20151202追加  --- */

/*contactinfo*/

dl.contactinfo{
	width:100%;
	margin:30px 0 0 0;
}

dl.contactinfo dt img{
	float:right;
	margin-top:5px;
}

/*.contactinfo dt{
	margin-bottom:0;
	padding:12px 14px 12px 28px;
	background:#dcf0ff;
	color:#0068b7;
	line-height:1.2;
	font-size:172%;
	background:#dcf0ff url(../img/i_swich_off.png) no-repeat 98% 50%;
	background-size:20px 20px;
	cursor:pointer;
}

.contactinfo dt.open {
	background:#dcf0ff url(../img/i_swich.png) no-repeat 98% 50%;
	background-size:20px 20px;
}

.contactinfo dt span{
	display:block;
	padding:15px 35px 15px 10px;
	background:none;
}*/



/*.contactinfo dd{
	display:none;
}*/

/**/

.contactinfo > dt > button {
	background:#dcf0ff;
	position: relative;
	padding:12px 14px 12px 28px;
	color:#0068b7;
	line-height:1.2;
	font-size:172%;
	cursor: pointer;
	width: 100%;
	text-align:left;
	border:none;
}
.contactinfo > dt > button:hover,
.contactinfo > dt > button:focus {
	background:#dcf0ff;
}

/*.contactinfo > dt > button::before{
	content:"";
	position:absolute;
	top:0.65em;
	right:12px;
	width:20px;
	height:20px;
	background-color:#1f57a4;
	border-radius:3px;
}*/

/*.contactinfo > dt > button::after {
	position: absolute;
	top: 0.5em;
	right: 10px;
	content: "\FF0B";
	color:#fff;
	font-size:24px!important;
}*/

/*.contactinfo > dt > button[aria-expanded="true"]::after{
	content: "\2212";
	right:15px;
}*/

/*.contactinfo > dt.open > button[aria-expanded="false"]::after{
	content: "\2212";
	right:15px;
}*/

/*.contactinfo > dt.open > button[aria-expanded="true"]::after{
	right: 10px;
	content: "\FF0B";
}*/

.contactinfo > dd {
	background: #FFF;
	color: #333;
	padding: 20px;
}
.contactinfo > dd[aria-hidden="true"]{
	display: none;
}

.contactinfo dd.first{
	display:block;
}


/* ---  20180314追加  --- */

.open img{
	margin-top:5px;
	float:right;
}

.link li span.icon-new{
	float:none!important;
	display:inline-block!important;
	width:3em;
	text-align:center;
	background:#cc0000!important;
	color:#fff;
	line-height:1;
	padding:0;
	margin-left:1em;
}


/* ------------------------------------------------------
 sp設定
-------------------------------------------------------*/

@media only screen and (max-width:767px) {

	input[type="button"],input[type="submit"] {
    -webkit-appearance: none;
  }
  
	  /* common modules
	------------------------------------------------ */
	
	.float-l{ float: none;  }
	.float-r{ float: none; }
	.clear  { clear: both;  }
	
	.img-l{ float:none;  margin:0 auto 10px; text-align:center; display:block;}
	.img-r{ float:none; margin:0 auto 10px; text-align:center; display:block;}
	
	/* --- anchor --- */

	.anchor {
		background-image:url(../img/icon_arrow_01.png);
		background-size:10px 10px;
		background-repeat:no-repeat;
		background-position:0 0.5em;
		padding-left:15px;
	}
	
	/* --- openwin --- */

	.openwin{ 
		padding-right:20px;
		background-image:url(../img/icon_win_sp.png) ;
		background-size:12px auto;
		background-repeat:no-repeat;
		background-position:right 50%;
	}
	
	/* --- ext icon --- */
	
	a[href$='.xls'], a[href$='.xlsx']{
		background-image: url(../img/fileicon/xls.png);
		background-size:15px 15px;
		background-repeat:no-repeat;
		background-position:100% 50%;
		padding-right: 18px;
	}
	
	a[href$='.doc'], a[href$='.docx']{
		background-image: url(../img/fileicon/doc.png);
		background-size:15px 15px;
		background-repeat:no-repeat;
		background-position:100% 50%;
		padding-right: 18px;
	}
	
	a[href$='pdf']{
		background-image: url(../img/fileicon/pdf.png);
		background-size:15px 15px;
		background-repeat:no-repeat;
		background-position:100% 50%;
		padding-right: 18px;
	}
	
	a[href$='ppt']{
		background-image: url(../img/fileicon/ppt.png) ;
		background-size:15px 15px;
		background-repeat:no-repeat;
		background-position:100% 50%;
		padding-right: 18px;
	}
	
	/* izoom */

	.izoom img{
		width:30px;
		height:30px;
	}
	
	.izoom a:after{
		content: "" ;
		padding-left:0;
	}
	
	/* --- width --- */

	.w30p{ width:100%;}
	.w70p{ width:100%;}

	/* ------ title -------------------------------- */

	.content h1{
		margin:0 -2%;
		padding:15px 10px;
		background:#0068b7;
		border:none;
		border-radius:0;
		-webkit-border-radius:0;
		-moz-border-radius:0;
		line-height:1.2;
		font-size:158%;
		color:#fff;
	}
	
	.content h2{
		clear:both;
		margin:30px -2% 0;
		padding:12px 14px;
		background:#dcf0ff;
		color:#0068b7;
		line-height:1.2;
		font-size:143%;
	}
	.content h2 a:link          { text-decoration:underline;color:#0068b7; }
	.content h2 a:visited       { text-decoration:underline;color:#0068b7; }
	.content h2 a:hover,a:active{ text-decoration:none;color:#0068b7; }
	
	
	.content h3{
		clear:both;
		margin:30px 0 0;
		padding-left:20px;
		font-weight:bold;
		font-size:129%;
		border-bottom:1px solid #bdbdbd;
		background-image: url(../img/bg_title3_sp.png);
		background-size:4px auto;
		background-repeat:no-repeat;
		background-position:10px 0.3em;
	}
	.content h3 .itenbtn{
		margin: 0 0 5px 0;
		display: inline-block;
	}
	.content h3 .itenbtn span{
		display: none;
	}
	.content h4{
		clear:both;
		font-weight:bold;
		margin:30px 0 0;
		padding-left:20px;
		color:#212121;
		font-size:129%;
		background-image:url(../img/bg_title4_sp.png);
		background-size:13px auto;
		background-repeat:no-repeat;
		background-position:0 0.5em;
	}
	.content h5{
		clear:both;
		font-weight:bold;
		margin:30px 0 0;
		padding-left:20px;
		color:#0068b7;
		font-size:115%;
		background-image:url(../img/bg_title5_sp.png);
		background-size:10px auto;
		background-repeat:no-repeat;
		background-position:0 0.5em;
	}
	
	/* ------ ul ----------------------------------- */
	
	/* --- link list --- */
	
	.link li {
		background-image:url(../img/icon_arrow_01.png);
		background-size:10px 10px;
		background-position:0 0.5em;
		background-repeat:no-repeat;
		padding-left:15px;
		margin-bottom:5px;
	}
	
	.link li li {
		background-image:url(../img/icon_arrow_02.png);
		background-size:5px auto;
		background-position:0 0.7em;
		background-repeat:no-repeat;
		padding-left:10px;
	}

	
	/* --- compact list --- */

	.compact li{
		display:block;
		margin-right:0;
	}
	
	/* --- within compact list --- */
	
	.within {
		padding:15px 10px;
		border: 1px solid #e0e0e0;
	}
	
	.within li{
		background-image:url(../img/icon_arrow_within_sp.png);
		background-size:12px 12px;
		background-position:0 0.4em;
		background-repeat:no-repeat;
		margin-right:0;
		padding-left:20px;
	}
	
	
	/* entry-navigation */

	.entry-navigation{
		padding:10px 0;
	}
	
	.entry-navigation li{
		width:30%;
		font-size:87%;
	}
	
	.entry-navigation .home{
		text-align:center;
		margin-top:-40px;
		font-size:110%;
	}

	
	/* ------ dl ----------------------------------- */
	
	/* --- horizonal --- */
	
	.horizonal dt {
	  clear: left;
	  float: none;
	  width:100%;
	  padding:0;
	  color:#0068b7;
	  font-weight:bold;
	}
	
	.horizonal dd {
	  padding:0;
	}
	
	/* --- horizonal02 --- */
	
	.horizonal02 dt {
		clear: left;
		float: none;
		width: 100%;
		padding:0 0 0 1em;
		color:#0068b7;
		font-weight:bold;
		position:relative;
	}
	
	.horizonal02 dt:before {
		display: block;
		content: '';
		position: absolute;
		top: .6em;
		left: 0;
		width: 5px;
		height: 5px;
		background-color: #1f57a4;
		border-radius: 100%;
	}
	
	.horizonal02 dd {
		padding:0;
		margin-bottom:1em;
	}
	
	/* --- qalist --- */
	
	.qalist{
		border:1px solid #b3d3f4;
		padding:12px 10px;
	}
	
	.qalist dt{
		color:#0068b7;
		font-size:100%;
		font-weight:bold;
		margin:0 0 5px 1em;
		text-indent:-1em
	}
	
	.qalist dt:first-letter{
		line-height: 1;
		float: none;
		margin:0;
		padding:0;
		font-weight:bold;
	}
	
	.qalist dd{
		position:relative;
		padding:1em 0 0 1em;
		margin:0;
		text-indent:-1em;
		font-size:108%;
		border-top:1px solid #bdbdbd;
		
	}
	.qalist dd:first-letter{
		line-height: 1;
		float:none;
		margin:0;
		padding:0;
		color:#0068b7;
		font-size:100%;
		font-weight:bold;
	}
	
	/* --- boxlist --- */
	
	.boxlist{
		border:1px solid #d7d7d7;
	}
	
	.boxlist dt{
		padding:5px 10px;
		background:#f6f6f6;
		border-bottom:1px solid #d7d7d7;
	}
	.boxlist dd{
		padding:5px 10px;

		color:#444444;
	}
	
	/* --- notelist --- */
	
	.notelist{
		padding:7px 10px;
		border:1px solid #b5cee7;
	}
	
	.notelist dt{
		padding:0 0 5px 25px;
		color:#0068b7;
		font-weight:bold;
		font-size:100%;
		border-bottom:1px dashed #d7d7d7;
		position: relative;
	}
	
	.notelist dt:before {
		display: block;
		content: '';
		position: absolute;
		top: .4em;
		left: 2px;
		width:11px;
		height:11px;
		background-color: #0068b7;
	}
	
	.notelist dd{
		color:#444444;
		padding-top:5px;
	}
	
	/* --- accordion --- */

	dl.accordion{
		float:none;
		width:100%;
		margin:30px 0 0 0;
		border-radius: 5px;
	}
	
	.accordion dt{
		margin-bottom:0;
		border-radius: 0px;
		color:#0068b7;
		font-size:143%;
		font-weight:bold;
		background:#dcf0ff url(../img/i_swich_off.png) no-repeat 95% 90%;
		background-size:20px 20px;
		cursor:pointer;
		border-radius: 5px;
	}
	
	.accordion dt img{ width:100%;}
	
	.accordion dt.open {
		background:#dcf0ff url(../img/i_swich.png) no-repeat 95% 90%;
		background-size:20px 20px;
		border-bottom-left-radius: 0px; 
		border-bottom-right-radius: 0px; 
		-webkit-border-bottom-left-radius: 0px; 
		-webkit-border-bottom-right-radius: 0px;
		-moz-border-radius-bottomleft: 0px;
		-moz-border-radius-bottomright: 0px;
	}
	
	.accordion dt span{
		display:block;
		padding:15px 35px 15px 10px;
		background:none;
	}
	
	.accordion dd{
		display:none;
		border-bottom:1px solid #d4d4d4;
		border-left:1px solid #d4d4d4;
		border-right:1px solid #d4d4d4;
		border-bottom-left-radius: 5px; 
		border-bottom-right-radius: 5px; 
		-webkit-border-bottom-left-radius: 5px; 
		-webkit-border-bottom-right-radius: 5px;
		-moz-border-radius-bottomleft: 5px;
		-moz-border-radius-bottomright: 5px;
	}
	
	
	/* 20180131追加 */
	div.accordion{
		float:none;
		width:100%;
		margin:30px 0 0 0;
		border-radius: 5px;
	}
	
	.accordion h2{
		margin:0;
		padding:0;
		border-radius: 0px;
		color:#0068b7;
		font-size:143%;
		font-weight:bold;
		background:#dcf0ff url(../img/i_swich_off.png) no-repeat 95% 90%;
		background-size:20px 20px;
		cursor:pointer;
		border-radius: 5px;
	}
	
	.accordion h2 img{ width:100%;}
	
	.accordion h2.open {
		background:#dcf0ff url(../img/i_swich.png) no-repeat 95% 90%;
		background-size:20px 20px;
		border-bottom-left-radius: 0px; 
		border-bottom-right-radius: 0px; 
		-webkit-border-bottom-left-radius: 0px; 
		-webkit-border-bottom-right-radius: 0px;
		-moz-border-radius-bottomleft: 0px;
		-moz-border-radius-bottomright: 0px;
	}
	
	.accordion h2 span{
		display:block;
		padding:15px 35px 15px 10px;
		background:none;
	}
	
	.accordion ul{
		display:none;
		margin-top:0;
		border-bottom:1px solid #d4d4d4;
		border-left:1px solid #d4d4d4;
		border-right:1px solid #d4d4d4;
		border-bottom-left-radius: 5px; 
		border-bottom-right-radius: 5px; 
		-webkit-border-bottom-left-radius: 5px; 
		-webkit-border-bottom-right-radius: 5px;
		-moz-border-radius-bottomleft: 5px;
		-moz-border-radius-bottomright: 5px;
	}
	
	/**/
	
	.accordion li{
		border-top:1px solid #dedede;
		margin:0 10px;
	}
	
	.accordion li:first-child{
		border-top:none;
	}
	
	.accordion li a{
		display:block;
		padding:15px 10px 15px 15px;
		border-bottom:0;
		background: url(../img/icon_arrow_01.png) no-repeat 0 1.5em;
		background-size:10px 10px;
	}
	
	.bg-plus{ background-position:95% 50%!important;}
	
	
	/* ------ layout frame ------------------------- */

	.content .layout-frame {
		clear: both;
		margin-left: 0;
	}
	
	.content .layout-3col {
		margin-left: 0;
	}
	
	.content .layout-unit {
		float: none;
		display: block;
		margin-left:0;
	}
	
	.content .layout-3col .layout-unit {
		margin-left: 0;
	}
	
	/* 760px */
	.grid-1 { width: 100%; }
	.grid-2 { width:100%; }
	.grid-3 { width:100%; }
	.grid-4 { width:100%; }
	.grid-5 { width:100%; }
	.grid-6 { width:100%; }
	.grid-7 { width:100%; }
	.grid-8 { width:100%; }
	.grid-9 { width:100%; }
	.grid-10{ width:100%; }
	.grid-11{ width:100%; }
	
	.g-sp6{ width:50%;}
	
	
	.sp-center{ text-align:center;}
	
	/* ------ table ------------------------- */
	
	/* --- tdesign --- */

	table.tdesign td,
	table.tdesign th{
		display:block;
		width:100%;
	}
	
	
	table.yoko-sc{
		border:none;
		border-collapse:collapse;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		display: block; 
		width: auto; 
		position: relative; 
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
		white-space: nowrap;
	}
	
	table.yoko-sc:before{
		content: "※左右にスクロールして内容をご確認ください" ;
		color:#f20033;
		display: block;
		text-align: left;
	}
	
	/* seru2-table 上下に並ぶ */
	
	table.seru2-table{
		margin-bottom:30px;
		border-top:none;
	}
	
	table.seru2-table th,
	table.seru2-table td{
		display:block;
		vertical-align:middle;
		border:none;
		padding:10px;
	}
	
	table.seru2-table th{
			border-top:1px solid #d7d7d7;
			border-bottom:1px solid #d7d7d7;
	}
	
	/* t-month */

	table.t-month{table-layout:fixed;}
	
	.t-month th,
	.t-month td{
		display:block;
		width:100%;
	}
	
	.t-month a{ display:block; background-position: 95% 50%;}
	
	/* flow図 */
	
	.content .flow-unit {
		float: left;
		display: block;
		margin-left:0;
	}
	
	
}